ui: optimize bundle

packages/ui-default/components/form/button.page.98.styl

@@ -1,32 +0,0 @@
-@import './var.inc.styl'
-
-.button
-  box-sizing: border-box
-  border: none
-  background: #c0c0c0
-  border-radius: 0
-  min-width: 75px;
-  min-height: 23px;
-  padding: 0 12px;
-
-  &:not(:disabled)
-    &:active
-      box-shadow: --border-sunken-outer, --border-sunken-inner
-      padding: 2px 11px 0 13px;
-
-.button.inverse
-  line-height: rem($form-control-height - 4)
-  border: 2px solid #FFF
-  background: none
-
-  &, &:visited
-    &, .typo &
-      color: #FFF
-
-  &:not(.disabled)
-    &:hover, &:focus
-      border-color: $immersive-primary-color
-      background: none
-      box-shadow: none
-      &, .typo &
-        color: $immersive-primary-color

packages/ui-default/components/highlighter/code-example.js

@@ -1,4 +1,5 @@
-export default `#include <world.h>
+export default `\
+#include <world.h>
 
 int main() {
     // ~ Switch on the power line / Remember to put on PROTECTION ~

packages/ui-default/components/highlighter/codemirror.page.styl

@@ -1,10 +0,0 @@
-@css {
-span.cm-comment { color: #008000; }
-span.cm-keyword, span.cm-variable-3 { line-height: 1em; color: #00f; }
-span.cm-string { color: #a31515; }
-span.cm-builtin { line-height: 1em; font-weight: bold; color: #077; }
-span.cm-special { line-height: 1em; font-weight: bold; color: #0aa; }
-span.cm-variable { color: black; }
-span.cm-meta { color: #2b91af; }
-span.cm-link { color: #3a3; }
-}

packages/ui-default/components/hitokoto/index.page.js

@@ -1,10 +1,10 @@
 import $ from 'jquery';
-import { AutoloadPage } from 'vj/misc/Page';
+import { NamedPage } from 'vj/misc/Page';
 import i18n from 'vj/utils/i18n';
 import request from 'vj/utils/request';
 import tpl from 'vj/utils/tpl';
 
-const hitokotoPage = new AutoloadPage('hitokotoPage', () => {
+export default new NamedPage('homepage', () => {
   function getHitokoto($containers) {
     $containers.get().forEach((container) => {
       request.get('https://v1.hitokoto.cn?c=a&c=b&c=c&c=d&c=e&c=f')
@@ -20,10 +20,4 @@ const hitokotoPage = new AutoloadPage('hitokotoPage', () => {
     });
   }
   if ($('[name="hitokoto"]')) getHitokoto($('[name="hitokoto"]'));
-  $(document).on('vjContentNew', (e) => {
-    const elem = $(e.target).find('[name="hitokoto"]');
-    if (elem.get) getHitokoto(elem);
-  });
 });
-
-export default hitokotoPage;

packages/ui-default/components/katex/katex.page.js

@@ -1,26 +0,0 @@
-import $ from 'jquery';
-import { AutoloadPage } from 'vj/misc/Page';
-
-const katexPage = new AutoloadPage('katexPage', () => {
-  import('katex/contrib/auto-render/auto-render').then(({ default: katex }) => {
-    function runKatex($containers) {
-      $containers.get().forEach((container) => katex(container, {
-        delimiters: [
-          { left: '$$', right: '$$', display: true },
-          { left: '$', right: '$', display: false },
-          { left: '\\(', right: '\\)', display: false },
-          { left: '\\[', right: '\\]', display: true },
-          { left: '\\begin{equation}', right: '\\end{equation}', display: true },
-          { left: '\\begin{align}', right: '\\end{align}', display: true },
-          { left: '\\begin{alignat}', right: '\\end{alignat}', display: true },
-          { left: '\\begin{gather}', right: '\\end{gather}', display: true },
-          { left: '\\begin{CD}', right: '\\end{CD}', display: true },
-        ],
-      }));
-    }
-    runKatex($('.typo'));
-    $(document).on('vjContentNew', (e) => runKatex($(e.target).find('.typo')));
-  });
-});
-
-export default katexPage;

packages/ui-default/components/nprogress/index.js

@@ -1,3 +0,0 @@
-import NProgress from 'nprogress';
-
-export default NProgress;