@v2coding/ui 0.1.1 → 0.1.3

package/dist/v2coding-ui.esm.js

@@ -1,7 +1,7 @@
 import { fromJS, is } from 'immutable';
 import merge from 'lodash.merge';
 import axios from 'axios';
-import Vuex from 'vuex';
+import Vuex, { mapState } from 'vuex';
 import VuexPersistence from 'vuex-persist';
 import VueRouter from 'vue-router';
 import to from 'await-to-js';
@@ -16,6 +16,8 @@ import 'quill/dist/quill.snow.css';
 import 'quill/dist/quill.bubble.css';
 import XLSX from 'xlsx';
 import { getPropByPath } from 'element-ui/lib/utils/util';
+import { addResizeListener, removeResizeListener } from 'element-ui/lib/utils/resize-event';
+import { Multipane, MultipaneResizer } from 'vue-multipane';
 
 const toString = obj => Object.prototype.toString.call(obj);
 const isObject = function () {
@@ -522,6 +524,9 @@ var Config = {
     Iconfont.init();
   }
 };
+const getSetting = () => {
+  return Objects.merge({}, setting);
+};
 
 const isFormErrorResponse = result => {
   return result.code === 'FAILURE_PARAM_ERROR';
@@ -878,8 +883,92 @@ var Plugins = {
   }
 };
 
+var AutoScroll = {
+  name: 'auto-scroll',
+  bind: (el, binding, vnode) => {
+    const vm = vnode.componentInstance;
+
+    if (!vm || vm.$options.name !== 'ElTable') {
+      return;
+    }
+
+    let timer,
+        interval = binding.value || 2000;
+    const unwatch = vm.$watch('data', () => {
+      vm.$nextTick(() => {
+        clearInterval(timer);
+
+        vm.bodyWrapper.onmouseover = () => {
+          clearInterval(timer);
+        };
+
+        vm.bodyWrapper.onmouseout = () => {
+          clearInterval(timer);
+
+          _start(vm);
+        };
+
+        _start(vm);
+      });
+
+      function _start(vm) {
+        timer = setInterval(() => {
+          const rows = vm.bodyWrapper.querySelectorAll('.el-table__row');
+          const rowHeights = Array.from(rows).map(row => row.clientHeight);
+          const scrollMax = vm.bodyWrapper.scrollHeight - vm.bodyWrapper.offsetHeight;
+          let scrollTop = vm.bodyWrapper.scrollTop;
+
+          if (scrollTop >= scrollMax) {
+            vm.bodyWrapper.scrollTo({
+              top: 0,
+              behavior: 'smooth'
+            });
+            return;
+          }
+
+          const lastScrollIndex = rowHeights.findIndex(height => {
+            if (scrollTop < height) {
+              return true;
+            }
+
+            scrollTop = scrollTop - height;
+            return false;
+          });
+
+          if (lastScrollIndex === -1) {
+            vm.bodyWrapper.scrollTo({
+              top: 0,
+              behavior: 'smooth'
+            });
+            return;
+          }
+
+          const scrollToIndex = lastScrollIndex + 1;
+          const scrollHeight = rowHeights.slice(0, scrollToIndex).reduce((acc, height) => acc + height, 0);
+          vm.bodyWrapper.scrollTo({
+            top: scrollHeight,
+            behavior: 'smooth'
+          });
+        }, interval);
+      }
+    }, {
+      immediate: true
+    });
+    vm.$once('hook:beforeDestroy', () => {
+      unwatch();
+      clearInterval(timer);
+    });
+  }
+};
+
+var Directives = {
+  install: Vue => {
+    Vue.directive(AutoScroll.name, AutoScroll);
+  }
+};
+
 //
-var script$x = {
+var script$F = {
   name: 'ui-icon',
   props: {
     name: String
@@ -920,139 +1009,139 @@ var script$x = {
   }
 };
 
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-    if (typeof shadowMode !== 'boolean') {
-        createInjectorSSR = createInjector;
-        createInjector = shadowMode;
-        shadowMode = false;
-    }
-    // Vue.extend constructor export interop.
-    const options = typeof script === 'function' ? script.options : script;
-    // render functions
-    if (template && template.render) {
-        options.render = template.render;
-        options.staticRenderFns = template.staticRenderFns;
-        options._compiled = true;
-        // functional template
-        if (isFunctionalTemplate) {
-            options.functional = true;
-        }
-    }
-    // scopedId
-    if (scopeId) {
-        options._scopeId = scopeId;
-    }
-    let hook;
-    if (moduleIdentifier) {
-        // server build
-        hook = function (context) {
-            // 2.3 injection
-            context =
-                context || // cached call
-                    (this.$vnode && this.$vnode.ssrContext) || // stateful
-                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
-            // 2.2 with runInNewContext: true
-            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-                context = __VUE_SSR_CONTEXT__;
-            }
-            // inject component styles
-            if (style) {
-                style.call(this, createInjectorSSR(context));
-            }
-            // register component module identifier for async chunk inference
-            if (context && context._registeredComponents) {
-                context._registeredComponents.add(moduleIdentifier);
-            }
-        };
-        // used by ssr in case component is cached and beforeCreate
-        // never gets called
-        options._ssrRegister = hook;
-    }
-    else if (style) {
-        hook = shadowMode
-            ? function (context) {
-                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
-            }
-            : function (context) {
-                style.call(this, createInjector(context));
-            };
-    }
-    if (hook) {
-        if (options.functional) {
-            // register for functional component in vue file
-            const originalRender = options.render;
-            options.render = function renderWithStyleInjection(h, context) {
-                hook.call(context);
-                return originalRender(h, context);
-            };
-        }
-        else {
-            // inject component registration as beforeCreate hook
-            const existing = options.beforeCreate;
-            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-        }
-    }
-    return script;
+function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+    if (typeof shadowMode !== 'boolean') {
+        createInjectorSSR = createInjector;
+        createInjector = shadowMode;
+        shadowMode = false;
+    }
+    // Vue.extend constructor export interop.
+    const options = typeof script === 'function' ? script.options : script;
+    // render functions
+    if (template && template.render) {
+        options.render = template.render;
+        options.staticRenderFns = template.staticRenderFns;
+        options._compiled = true;
+        // functional template
+        if (isFunctionalTemplate) {
+            options.functional = true;
+        }
+    }
+    // scopedId
+    if (scopeId) {
+        options._scopeId = scopeId;
+    }
+    let hook;
+    if (moduleIdentifier) {
+        // server build
+        hook = function (context) {
+            // 2.3 injection
+            context =
+                context || // cached call
+                    (this.$vnode && this.$vnode.ssrContext) || // stateful
+                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
+            // 2.2 with runInNewContext: true
+            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+                context = __VUE_SSR_CONTEXT__;
+            }
+            // inject component styles
+            if (style) {
+                style.call(this, createInjectorSSR(context));
+            }
+            // register component module identifier for async chunk inference
+            if (context && context._registeredComponents) {
+                context._registeredComponents.add(moduleIdentifier);
+            }
+        };
+        // used by ssr in case component is cached and beforeCreate
+        // never gets called
+        options._ssrRegister = hook;
+    }
+    else if (style) {
+        hook = shadowMode
+            ? function (context) {
+                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+            }
+            : function (context) {
+                style.call(this, createInjector(context));
+            };
+    }
+    if (hook) {
+        if (options.functional) {
+            // register for functional component in vue file
+            const originalRender = options.render;
+            options.render = function renderWithStyleInjection(h, context) {
+                hook.call(context);
+                return originalRender(h, context);
+            };
+        }
+        else {
+            // inject component registration as beforeCreate hook
+            const existing = options.beforeCreate;
+            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+    }
+    return script;
 }
 
-const isOldIE = typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-function createInjector(context) {
-    return (id, style) => addStyle(id, style);
-}
-let HEAD;
-const styles = {};
-function addStyle(id, css) {
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-    if (!style.ids.has(id)) {
-        style.ids.add(id);
-        let code = css.source;
-        if (css.map) {
-            // https://developer.chrome.com/devtools/docs/javascript-debugging
-            // this makes source maps inside style tags work properly in Chrome
-            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-            // http://stackoverflow.com/a/26603875
-            code +=
-                '\n/*# sourceMappingURL=data:application/json;base64,' +
-                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                    ' */';
-        }
-        if (!style.element) {
-            style.element = document.createElement('style');
-            style.element.type = 'text/css';
-            if (css.media)
-                style.element.setAttribute('media', css.media);
-            if (HEAD === undefined) {
-                HEAD = document.head || document.getElementsByTagName('head')[0];
-            }
-            HEAD.appendChild(style.element);
-        }
-        if ('styleSheet' in style.element) {
-            style.styles.push(code);
-            style.element.styleSheet.cssText = style.styles
-                .filter(Boolean)
-                .join('\n');
-        }
-        else {
-            const index = style.ids.size - 1;
-            const textNode = document.createTextNode(code);
-            const nodes = style.element.childNodes;
-            if (nodes[index])
-                style.element.removeChild(nodes[index]);
-            if (nodes.length)
-                style.element.insertBefore(textNode, nodes[index]);
-            else
-                style.element.appendChild(textNode);
-        }
-    }
+const isOldIE = typeof navigator !== 'undefined' &&
+    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+function createInjector(context) {
+    return (id, style) => addStyle(id, style);
+}
+let HEAD;
+const styles = {};
+function addStyle(id, css) {
+    const group = isOldIE ? css.media || 'default' : id;
+    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
+    if (!style.ids.has(id)) {
+        style.ids.add(id);
+        let code = css.source;
+        if (css.map) {
+            // https://developer.chrome.com/devtools/docs/javascript-debugging
+            // this makes source maps inside style tags work properly in Chrome
+            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+            // http://stackoverflow.com/a/26603875
+            code +=
+                '\n/*# sourceMappingURL=data:application/json;base64,' +
+                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+                    ' */';
+        }
+        if (!style.element) {
+            style.element = document.createElement('style');
+            style.element.type = 'text/css';
+            if (css.media)
+                style.element.setAttribute('media', css.media);
+            if (HEAD === undefined) {
+                HEAD = document.head || document.getElementsByTagName('head')[0];
+            }
+            HEAD.appendChild(style.element);
+        }
+        if ('styleSheet' in style.element) {
+            style.styles.push(code);
+            style.element.styleSheet.cssText = style.styles
+                .filter(Boolean)
+                .join('\n');
+        }
+        else {
+            const index = style.ids.size - 1;
+            const textNode = document.createTextNode(code);
+            const nodes = style.element.childNodes;
+            if (nodes[index])
+                style.element.removeChild(nodes[index]);
+            if (nodes.length)
+                style.element.insertBefore(textNode, nodes[index]);
+            else
+                style.element.appendChild(textNode);
+        }
+    }
 }
 
 /* script */
-const __vue_script__$y = script$x;
+const __vue_script__$G = script$F;
 /* template */
 
-var __vue_render__$x = function () {
+var __vue_render__$E = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1071,10 +1160,10 @@ var __vue_render__$x = function () {
   })]);
 };
 
-var __vue_staticRenderFns__$x = [];
+var __vue_staticRenderFns__$E = [];
 /* style */
 
-const __vue_inject_styles__$y = function (inject) {
+const __vue_inject_styles__$G = function (inject) {
   if (!inject) return;
   inject("data-v-135b2758_0", {
     source: ".ui-icon[data-v-135b2758]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;display:inline-block}.ui-icon.ui-icon-loading[data-v-135b2758]{animation:rotating-data-v-135b2758 2s linear infinite}@keyframes rotating-data-v-135b2758{from{transform:rotate(0)}to{transform:rotate(1turn)}}",
@@ -1085,23 +1174,23 @@ const __vue_inject_styles__$y = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$y = "data-v-135b2758";
+const __vue_scope_id__$G = "data-v-135b2758";
 /* module identifier */
 
-const __vue_module_identifier__$y = undefined;
+const __vue_module_identifier__$G = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$y = false;
+const __vue_is_functional_template__$G = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$y = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$x,
-  staticRenderFns: __vue_staticRenderFns__$x
-}, __vue_inject_styles__$y, __vue_script__$y, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, createInjector, undefined, undefined);
+const __vue_component__$G = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$E,
+  staticRenderFns: __vue_staticRenderFns__$E
+}, __vue_inject_styles__$G, __vue_script__$G, __vue_scope_id__$G, __vue_is_functional_template__$G, __vue_module_identifier__$G, false, createInjector, undefined, undefined);
 
-var Icon$1 = __vue_component__$y;
+var Icon$1 = __vue_component__$G;
 
 var Icon = {
   install: Vue => {
@@ -1789,17 +1878,17 @@ var DisplayField = {
 };
 
 //
-var script$w = {
+var script$E = {
   name: 'ui-field-autocomplete',
   inheritAttrs: false,
   mixins: [FieldMixin]
 };
 
 /* script */
-const __vue_script__$x = script$w;
+const __vue_script__$F = script$E;
 /* template */
 
-var __vue_render__$w = function () {
+var __vue_render__$D = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1813,34 +1902,34 @@ var __vue_render__$w = function () {
   }, 'el-autocomplete', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$w = [];
+var __vue_staticRenderFns__$D = [];
 /* style */
 
-const __vue_inject_styles__$x = undefined;
+const __vue_inject_styles__$F = undefined;
 /* scoped */
 
-const __vue_scope_id__$x = undefined;
+const __vue_scope_id__$F = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$x = undefined;
+const __vue_module_identifier__$F = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$x = false;
+const __vue_is_functional_template__$F = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$x = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
-}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, undefined, undefined, undefined);
+const __vue_component__$F = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$D,
+  staticRenderFns: __vue_staticRenderFns__$D
+}, __vue_inject_styles__$F, __vue_script__$F, __vue_scope_id__$F, __vue_is_functional_template__$F, __vue_module_identifier__$F, false, undefined, undefined, undefined);
 
-var AutocompleteField = __vue_component__$x;
+var AutocompleteField = __vue_component__$F;
 
 //
-var script$v = {
+var script$D = {
   name: 'ui-field-text',
   inheritAttrs: false,
   mixins: [FieldMixin],
@@ -1884,10 +1973,10 @@ var script$v = {
 };
 
 /* script */
-const __vue_script__$w = script$v;
+const __vue_script__$E = script$D;
 /* template */
 
-var __vue_render__$v = function () {
+var __vue_render__$C = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1907,10 +1996,10 @@ var __vue_render__$v = function () {
   }, 'el-input', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$v = [];
+var __vue_staticRenderFns__$C = [];
 /* style */
 
-const __vue_inject_styles__$w = function (inject) {
+const __vue_inject_styles__$E = function (inject) {
   if (!inject) return;
   inject("data-v-5e8a712c_0", {
     source: ".el-input__suffix-inner{display:flex;align-items:center;height:100%}.el-input--large .el-input__count .el-input__count-inner{line-height:38px}.el-input--medium .el-input__count .el-input__count-inner{line-height:34px}.el-input--mini .el-input__count .el-input__count-inner{line-height:26px}",
@@ -1921,23 +2010,23 @@ const __vue_inject_styles__$w = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$w = undefined;
+const __vue_scope_id__$E = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$w = undefined;
+const __vue_module_identifier__$E = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$w = false;
+const __vue_is_functional_template__$E = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$w = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$v,
-  staticRenderFns: __vue_staticRenderFns__$v
-}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
+const __vue_component__$E = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$C,
+  staticRenderFns: __vue_staticRenderFns__$C
+}, __vue_inject_styles__$E, __vue_script__$E, __vue_scope_id__$E, __vue_is_functional_template__$E, __vue_module_identifier__$E, false, createInjector, undefined, undefined);
 
-var TextField = __vue_component__$w;
+var TextField = __vue_component__$E;
 
 const mapLabelValue = (data, config) => {
   if (!Array.isArray(data)) {
@@ -2128,7 +2217,7 @@ var DataMixin = {
 };
 
 //
-var script$u = {
+var script$C = {
   name: 'ui-field-radio',
   mixins: [FieldMixin, DataMixin],
   props: {
@@ -2196,10 +2285,10 @@ var script$u = {
 };
 
 /* script */
-const __vue_script__$v = script$u;
+const __vue_script__$D = script$C;
 /* template */
 
-var __vue_render__$u = function () {
+var __vue_render__$B = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2249,10 +2338,10 @@ var __vue_render__$u = function () {
   }, [_vm._v("重新加载")])], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$u = [];
+var __vue_staticRenderFns__$B = [];
 /* style */
 
-const __vue_inject_styles__$v = function (inject) {
+const __vue_inject_styles__$D = function (inject) {
   if (!inject) return;
   inject("data-v-f02e57a0_0", {
     source: ".ui-field-radio .empty[data-v-f02e57a0]{display:inline-flex;align-items:center;font-size:12px;color:#909399}.ui-field-radio>.el-radio-group[data-v-f02e57a0]{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center}.ui-field-radio>.el-radio-group .el-radio[data-v-f02e57a0]{line-height:36px}[data-v-f02e57a0] .el-loading-mask .el-loading-spinner{margin-top:-14px}",
@@ -2263,26 +2352,26 @@ const __vue_inject_styles__$v = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$v = "data-v-f02e57a0";
+const __vue_scope_id__$D = "data-v-f02e57a0";
 /* module identifier */
 
-const __vue_module_identifier__$v = undefined;
+const __vue_module_identifier__$D = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$v = false;
+const __vue_is_functional_template__$D = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$v = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$u,
-  staticRenderFns: __vue_staticRenderFns__$u
-}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
+const __vue_component__$D = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$B,
+  staticRenderFns: __vue_staticRenderFns__$B
+}, __vue_inject_styles__$D, __vue_script__$D, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, createInjector, undefined, undefined);
 
-var RadioField = __vue_component__$v;
+var RadioField = __vue_component__$D;
 
 //
-var script$t = {
+var script$B = {
   name: 'ui-field-checkbox',
   mixins: [FieldMixin, DataMixin],
   props: {
@@ -2363,10 +2452,10 @@ var script$t = {
 };
 
 /* script */
-const __vue_script__$u = script$t;
+const __vue_script__$C = script$B;
 /* template */
 
-var __vue_render__$t = function () {
+var __vue_render__$A = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2453,10 +2542,10 @@ var __vue_render__$t = function () {
   }, [_vm._v("重新加载")])], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$t = [];
+var __vue_staticRenderFns__$A = [];
 /* style */
 
-const __vue_inject_styles__$u = function (inject) {
+const __vue_inject_styles__$C = function (inject) {
   if (!inject) return;
   inject("data-v-fe03ce2a_0", {
     source: ".ui-field-checkbox .all[data-v-fe03ce2a]{display:flex}.ui-field-checkbox .all>.el-checkbox[data-v-fe03ce2a]{margin-right:0}.ui-field-checkbox .options[data-v-fe03ce2a]{display:flex;flex-direction:row;align-items:center}.ui-field-checkbox .empty[data-v-fe03ce2a]{display:inline-flex;align-items:center;font-size:12px;color:#909399}.ui-field-checkbox[data-v-fe03ce2a]  .el-checkbox{margin:0 8px 0 0}.ui-field-checkbox[data-v-fe03ce2a]  .el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:0}.ui-field-checkbox[data-v-fe03ce2a]  .el-divider{margin:0 10px}[data-v-fe03ce2a] .el-loading-mask .el-loading-spinner{margin-top:-14px}",
@@ -2467,26 +2556,26 @@ const __vue_inject_styles__$u = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$u = "data-v-fe03ce2a";
+const __vue_scope_id__$C = "data-v-fe03ce2a";
 /* module identifier */
 
-const __vue_module_identifier__$u = undefined;
+const __vue_module_identifier__$C = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$u = false;
+const __vue_is_functional_template__$C = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$u = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$t,
-  staticRenderFns: __vue_staticRenderFns__$t
-}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
+const __vue_component__$C = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$A,
+  staticRenderFns: __vue_staticRenderFns__$A
+}, __vue_inject_styles__$C, __vue_script__$C, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, createInjector, undefined, undefined);
 
-var CheckboxField = __vue_component__$u;
+var CheckboxField = __vue_component__$C;
 
 //
-var script$s = {
+var script$A = {
   name: 'ui-field-select',
   mixins: [FieldMixin, DataMixin],
   inheritAttrs: false,
@@ -2680,10 +2769,10 @@ var script$s = {
 };
 
 /* script */
-const __vue_script__$t = script$s;
+const __vue_script__$B = script$A;
 /* template */
 
-var __vue_render__$s = function () {
+var __vue_render__$z = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2808,10 +2897,10 @@ var __vue_render__$s = function () {
   })], 1)], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$s = [];
+var __vue_staticRenderFns__$z = [];
 /* style */
 
-const __vue_inject_styles__$t = function (inject) {
+const __vue_inject_styles__$B = function (inject) {
   if (!inject) return;
   inject("data-v-7c196bc6_0", {
     source: ".ui-field-select .el-select{width:100%}.ui-field-select .el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:var(--color-primary)}.ui-field-select .empty{font-size:12px;color:#909399;display:flex;align-items:center}.ui-field-select .el-loading-mask .el-loading-spinner{margin-top:-14px}",
@@ -2822,26 +2911,26 @@ const __vue_inject_styles__$t = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$t = undefined;
+const __vue_scope_id__$B = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$t = undefined;
+const __vue_module_identifier__$B = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$t = false;
+const __vue_is_functional_template__$B = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$t = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$s,
-  staticRenderFns: __vue_staticRenderFns__$s
-}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
+const __vue_component__$B = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$z,
+  staticRenderFns: __vue_staticRenderFns__$z
+}, __vue_inject_styles__$B, __vue_script__$B, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, createInjector, undefined, undefined);
 
-var SelectField = __vue_component__$t;
+var SelectField = __vue_component__$B;
 
 //
-var script$r = {
+var script$z = {
   name: 'ui-field-number',
   mixins: [FieldMixin],
   props: {
@@ -2872,10 +2961,10 @@ var script$r = {
 };
 
 /* script */
-const __vue_script__$s = script$r;
+const __vue_script__$A = script$z;
 /* template */
 
-var __vue_render__$r = function () {
+var __vue_render__$y = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2891,10 +2980,10 @@ var __vue_render__$r = function () {
   }, 'el-input-number', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$r = [];
+var __vue_staticRenderFns__$y = [];
 /* style */
 
-const __vue_inject_styles__$s = function (inject) {
+const __vue_inject_styles__$A = function (inject) {
   if (!inject) return;
   inject("data-v-53fd5ea2_0", {
     source: ".ui-number-field[data-v-53fd5ea2]{width:100%}.ui-number-field[data-v-53fd5ea2]  input{text-align:initial}",
@@ -2905,23 +2994,23 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$s = "data-v-53fd5ea2";
+const __vue_scope_id__$A = "data-v-53fd5ea2";
 /* module identifier */
 
-const __vue_module_identifier__$s = undefined;
+const __vue_module_identifier__$A = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$s = false;
+const __vue_is_functional_template__$A = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$s = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$r,
-  staticRenderFns: __vue_staticRenderFns__$r
-}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
+const __vue_component__$A = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$y,
+  staticRenderFns: __vue_staticRenderFns__$y
+}, __vue_inject_styles__$A, __vue_script__$A, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, createInjector, undefined, undefined);
 
-var NumberField = __vue_component__$s;
+var NumberField = __vue_component__$A;
 
 const randomStr = length => {
   let str = Math.random().toString(36).substr(2);
@@ -2939,7 +3028,7 @@ var Strings = {
 };
 
 //
-var script$q = {
+var script$y = {
   name: 'ui-field-cascade',
   mixins: [FieldMixin, DataMixin],
   props: {
@@ -3155,10 +3244,10 @@ var script$q = {
 };
 
 /* script */
-const __vue_script__$r = script$q;
+const __vue_script__$z = script$y;
 /* template */
 
-var __vue_render__$q = function () {
+var __vue_render__$x = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3222,10 +3311,10 @@ var __vue_render__$q = function () {
   })], 1)], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$q = [];
+var __vue_staticRenderFns__$x = [];
 /* style */
 
-const __vue_inject_styles__$r = function (inject) {
+const __vue_inject_styles__$z = function (inject) {
   if (!inject) return;
   inject("data-v-3e45255c_0", {
     source: ".ui-cascade-field[data-v-3e45255c]{width:100%}.ui-cascade-field-popper[data-v-3e45255c]{z-index:99999!important}.ui-cascade-field-popper .el-cascader-menu__item[data-v-3e45255c]{padding-right:30px}[data-v-3e45255c] .el-loading-mask .el-loading-spinner{margin-top:-14px}",
@@ -3236,23 +3325,23 @@ const __vue_inject_styles__$r = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$r = "data-v-3e45255c";
+const __vue_scope_id__$z = "data-v-3e45255c";
 /* module identifier */
 
-const __vue_module_identifier__$r = undefined;
+const __vue_module_identifier__$z = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$r = false;
+const __vue_is_functional_template__$z = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$r = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$q,
-  staticRenderFns: __vue_staticRenderFns__$q
-}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
+const __vue_component__$z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$x,
+  staticRenderFns: __vue_staticRenderFns__$x
+}, __vue_inject_styles__$z, __vue_script__$z, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, createInjector, undefined, undefined);
 
-var CascadeField = __vue_component__$r;
+var CascadeField = __vue_component__$z;
 
 /**
  * @param text
@@ -3314,7 +3403,7 @@ const DisabledDate = {
 };
 
 //
-var script$p = {
+var script$x = {
   name: 'ui-field-date',
   mixins: [FieldMixin],
   props: {
@@ -3460,10 +3549,10 @@ var script$p = {
 };
 
 /* script */
-const __vue_script__$q = script$p;
+const __vue_script__$y = script$x;
 /* template */
 
-var __vue_render__$p = function () {
+var __vue_render__$w = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3487,10 +3576,10 @@ var __vue_render__$p = function () {
   }, 'el-date-picker', _vm.$attrs, false), _vm._listeners));
 };
 
-var __vue_staticRenderFns__$p = [];
+var __vue_staticRenderFns__$w = [];
 /* style */
 
-const __vue_inject_styles__$q = function (inject) {
+const __vue_inject_styles__$y = function (inject) {
   if (!inject) return;
   inject("data-v-1409a14c_0", {
     source: ".ui-date-field.el-date-editor[data-v-1409a14c]{width:100%}",
@@ -3501,26 +3590,26 @@ const __vue_inject_styles__$q = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$q = "data-v-1409a14c";
+const __vue_scope_id__$y = "data-v-1409a14c";
 /* module identifier */
 
-const __vue_module_identifier__$q = undefined;
+const __vue_module_identifier__$y = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$q = false;
+const __vue_is_functional_template__$y = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$p,
-  staticRenderFns: __vue_staticRenderFns__$p
-}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
+const __vue_component__$y = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
+}, __vue_inject_styles__$y, __vue_script__$y, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, createInjector, undefined, undefined);
 
-var DateField = __vue_component__$q;
+var DateField = __vue_component__$y;
 
 //
-var script$o = {
+var script$w = {
   name: 'ui-field-timepicker',
   mixins: [FieldMixin],
   props: {
@@ -3586,10 +3675,10 @@ var script$o = {
 };
 
 /* script */
-const __vue_script__$p = script$o;
+const __vue_script__$x = script$w;
 /* template */
 
-var __vue_render__$o = function () {
+var __vue_render__$v = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3611,10 +3700,10 @@ var __vue_render__$o = function () {
   }, 'el-time-picker', _vm.$attrs, false), _vm._listeners));
 };
 
-var __vue_staticRenderFns__$o = [];
+var __vue_staticRenderFns__$v = [];
 /* style */
 
-const __vue_inject_styles__$p = function (inject) {
+const __vue_inject_styles__$x = function (inject) {
   if (!inject) return;
   inject("data-v-18a65ed4_0", {
     source: ".ui-timepicker-field.el-date-editor[data-v-18a65ed4]{width:100%}",
@@ -3625,26 +3714,26 @@ const __vue_inject_styles__$p = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$p = "data-v-18a65ed4";
+const __vue_scope_id__$x = "data-v-18a65ed4";
 /* module identifier */
 
-const __vue_module_identifier__$p = undefined;
+const __vue_module_identifier__$x = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$p = false;
+const __vue_is_functional_template__$x = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$p = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
-}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
+const __vue_component__$x = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$v,
+  staticRenderFns: __vue_staticRenderFns__$v
+}, __vue_inject_styles__$x, __vue_script__$x, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
 
-var TimePickerField = __vue_component__$p;
+var TimePickerField = __vue_component__$x;
 
 //
-var script$n = {
+var script$v = {
   name: 'ui-field-timeselect',
   mixins: [FieldMixin],
   methods: {
@@ -3657,10 +3746,10 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$o = script$n;
+const __vue_script__$w = script$v;
 /* template */
 
-var __vue_render__$n = function () {
+var __vue_render__$u = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3675,10 +3764,10 @@ var __vue_render__$n = function () {
   }, 'el-time-select', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$n = [];
+var __vue_staticRenderFns__$u = [];
 /* style */
 
-const __vue_inject_styles__$o = function (inject) {
+const __vue_inject_styles__$w = function (inject) {
   if (!inject) return;
   inject("data-v-502897fb_0", {
     source: ".ui-timeselect-field.el-date-editor[data-v-502897fb]{width:100%}",
@@ -3689,23 +3778,23 @@ const __vue_inject_styles__$o = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$o = "data-v-502897fb";
+const __vue_scope_id__$w = "data-v-502897fb";
 /* module identifier */
 
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$w = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$o = false;
+const __vue_is_functional_template__$w = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
-}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
+const __vue_component__$w = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$u,
+  staticRenderFns: __vue_staticRenderFns__$u
+}, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
 
-var TimeSelectField = __vue_component__$o;
+var TimeSelectField = __vue_component__$w;
 
 //
 
@@ -3714,7 +3803,7 @@ Date.prototype.calendar = function () {
   return [this.getFullYear(), month < 10 ? "0" + month : month, this.getDate()].join("-");
 };
 
-var script$m = {
+var script$u = {
   name: 'ui-field-datse',
   mixins: [FieldMixin],
   props: {
@@ -3768,10 +3857,10 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$n = script$m;
+const __vue_script__$v = script$u;
 /* template */
 
-var __vue_render__$m = function () {
+var __vue_render__$t = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3817,10 +3906,10 @@ var __vue_render__$m = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$t = [];
 /* style */
 
-const __vue_inject_styles__$n = function (inject) {
+const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
   inject("data-v-33f2225c_0", {
     source: ".ui-date-field.el-date-editor[data-v-33f2225c]{width:100%}.calendar[data-v-33f2225c]{margin-right:20px}.calendar .calendarItem[data-v-33f2225c]{display:inline-block;box-sizing:border-box;width:45px;height:35px;cursor:pointer;border-right:1px solid #e3e3ee;text-align:center;border:1px solid #e3e3e3;font-size:14px}.calendar .calendarItem[data-v-33f2225c]:first-of-type{border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px}.calendar .calendarItem[data-v-33f2225c]:last-of-type{border-left:none;border-top-right-radius:5px;border-bottom-right-radius:5px}.calendar .calendar-active[data-v-33f2225c]{color:#1890ff;background:#e3e3e3}.separator[data-v-33f2225c]{margin-right:10px;color:#333}",
@@ -3831,26 +3920,26 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-33f2225c";
+const __vue_scope_id__$v = "data-v-33f2225c";
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$v = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$v = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$n = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
+const __vue_component__$v = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$t,
+  staticRenderFns: __vue_staticRenderFns__$t
+}, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
 
-var DatecCalendarField = __vue_component__$n;
+var DatecCalendarField = __vue_component__$v;
 
 //
-var script$l = {
+var script$t = {
   name: 'ui-field-slider',
   mixins: [FieldMixin],
   props: {
@@ -3920,10 +4009,10 @@ var script$l = {
 };
 
 /* script */
-const __vue_script__$m = script$l;
+const __vue_script__$u = script$t;
 /* template */
 
-var __vue_render__$l = function () {
+var __vue_render__$s = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3949,43 +4038,43 @@ var __vue_render__$l = function () {
   }, 'el-slider', _vm.$attrs, false), _vm._listeners));
 };
 
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$s = [];
 /* style */
 
-const __vue_inject_styles__$m = undefined;
+const __vue_inject_styles__$u = undefined;
 /* scoped */
 
-const __vue_scope_id__$m = "data-v-1f3d5145";
+const __vue_scope_id__$u = "data-v-1f3d5145";
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$u = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$u = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$l,
-  staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
+const __vue_component__$u = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$s,
+  staticRenderFns: __vue_staticRenderFns__$s
+}, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, undefined, undefined, undefined);
 
-var SliderField = __vue_component__$m;
+var SliderField = __vue_component__$u;
 
 //
-var script$k = {
+var script$s = {
   name: 'ui-field-switch',
   mixins: [FieldMixin]
 };
 
 /* script */
-const __vue_script__$l = script$k;
+const __vue_script__$t = script$s;
 /* template */
 
-var __vue_render__$k = function () {
+var __vue_render__$r = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3999,34 +4088,34 @@ var __vue_render__$k = function () {
   }, 'el-switch', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$r = [];
 /* style */
 
-const __vue_inject_styles__$l = undefined;
+const __vue_inject_styles__$t = undefined;
 /* scoped */
 
-const __vue_scope_id__$l = "data-v-0a1271ea";
+const __vue_scope_id__$t = "data-v-0a1271ea";
 /* module identifier */
 
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$t = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$t = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$l = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
+const __vue_component__$t = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$r,
+  staticRenderFns: __vue_staticRenderFns__$r
+}, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, undefined, undefined);
 
-var SwitchField = __vue_component__$l;
+var SwitchField = __vue_component__$t;
 
 //
-var script$j = {
+var script$r = {
   name: 'ui-field-rate',
   mixins: [FieldMixin],
   props: {
@@ -4060,10 +4149,10 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$k = script$j;
+const __vue_script__$s = script$r;
 /* template */
 
-var __vue_render__$j = function () {
+var __vue_render__$q = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4084,34 +4173,34 @@ var __vue_render__$j = function () {
   }, 'el-rate', _vm.$attrs, false), _vm._listeners));
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$q = [];
 /* style */
 
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$s = undefined;
 /* scoped */
 
-const __vue_scope_id__$k = "data-v-8027f8f8";
+const __vue_scope_id__$s = "data-v-8027f8f8";
 /* module identifier */
 
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$s = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$s = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$k = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+const __vue_component__$s = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
+}, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, undefined, undefined, undefined);
 
-var RateField = __vue_component__$k;
+var RateField = __vue_component__$s;
 
 //
-var script$i = {
+var script$q = {
   name: 'ui-field-color',
   mixins: [FieldMixin],
   props: {
@@ -4123,10 +4212,10 @@ var script$i = {
 };
 
 /* script */
-const __vue_script__$j = script$i;
+const __vue_script__$r = script$q;
 /* template */
 
-var __vue_render__$i = function () {
+var __vue_render__$p = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4142,10 +4231,10 @@ var __vue_render__$i = function () {
   }, 'el-color-picker', _vm.$attrs, false), _vm.$listeners));
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$p = [];
 /* style */
 
-const __vue_inject_styles__$j = function (inject) {
+const __vue_inject_styles__$r = function (inject) {
   if (!inject) return;
   inject("data-v-ce10c0fa_0", {
     source: ".ui-field-color[data-v-ce10c0fa]{width:100%}",
@@ -4156,23 +4245,23 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$j = "data-v-ce10c0fa";
+const __vue_scope_id__$r = "data-v-ce10c0fa";
 /* module identifier */
 
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$r = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$r = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$j = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
+const __vue_component__$r = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
+}, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
 
-var ColorField = __vue_component__$j;
+var ColorField = __vue_component__$r;
 
 var Upload = {
   default: function (url) {
@@ -4403,10 +4492,10 @@ const RichField$1 = {
 };
 
 /* script */
-const __vue_script__$i = RichField$1;
+const __vue_script__$q = RichField$1;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$o = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4424,10 +4513,10 @@ var __vue_render__$h = function () {
   });
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
 
-const __vue_inject_styles__$i = function (inject) {
+const __vue_inject_styles__$q = function (inject) {
   if (!inject) return;
   inject("data-v-52e02522_0", {
     source: ".quill-editor .ql-font span[data-value=Arial]::before{content:\"Arial\"!important;font-family:Arial,serif}.quill-editor .ql-font span[data-value=FangSong]::before{content:\"仿宋\"!important;font-family:\"仿宋_GB2312\",FangSong_GB2312,\"宋体\",SimSun,STFangsong,STSong,serif}.quill-editor .ql-font span[data-value=HeiTi]::before{content:\"黑体\"!important;font-family:\"黑体\",SimHei,\"微软正黑体\",\"Microsoft JhengHei\",STHeiti,serif}.quill-editor .ql-font span[data-value=Microsoft]::before{content:\"微软雅黑\"!important;font-family:\"微软雅黑\",\"Microsoft YaHei\",serif}.quill-editor .ql-font-Arial{font-family:Arial,serif}.quill-editor .ql-font-FangSong{font-family:\"仿宋_GB2312\",FangSong_GB2312,\"宋体\",SimSun,STFangsong,STSong,serif}.quill-editor .ql-font-HeiTi{font-family:\"黑体\",SimHei,\"微软正黑体\",\"Microsoft JhengHei\",STHeiti,serif}.quill-editor .ql-font-Microsoft{font-family:\"微软雅黑\",\"Microsoft YaHei\",serif}",
@@ -4442,23 +4531,23 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-52e02522";
+const __vue_scope_id__$q = "data-v-52e02522";
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$q = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$q = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
+const __vue_component__$q = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
 
-var RichField = __vue_component__$i;
+var RichField = __vue_component__$q;
 
 //
 
@@ -4476,7 +4565,7 @@ const getUrlSuffix = url => {
   return url.substring(index + 1);
 };
 
-var script$h = {
+var script$p = {
   name: 'ui-field-upload-file',
   mixins: [FieldMixin],
   props: {
@@ -4639,10 +4728,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$p = script$p;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$n = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4699,10 +4788,10 @@ var __vue_render__$g = function () {
   })], 2)], 1);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$p = function (inject) {
   if (!inject) return;
   inject("data-v-19ac5bf8_0", {
     source: ".ui-file-upload-field[data-v-19ac5bf8]{width:100%}.ui-file-upload-field .uploader[data-v-19ac5bf8]{margin-bottom:5px}.ui-file-upload-field .uploader.disabled[data-v-19ac5bf8]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-file-upload-field .uploader.disabled[data-v-19ac5bf8]  .el-upload .upload-btn{color:#888c94;background-color:#edeef0}.ui-file-upload-field .upload-btn[data-v-19ac5bf8]{padding:5px 10px;line-height:1;background-color:#409eff;color:#fff;font-size:12px;transition:background-color .3s}.ui-file-upload-field .upload-btn[data-v-19ac5bf8]:hover{background-color:#0d84ff}.ui-file-upload-field .files .file[data-v-19ac5bf8]{color:#606266;font-size:14px;transition:all .3s;cursor:pointer;line-height:28px;display:flex;align-items:center}.ui-file-upload-field .files .file a[data-v-19ac5bf8]{flex:1;color:#606266;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-file-upload-field .files .file .close[data-v-19ac5bf8]{color:transparent;width:28px;text-align:center;visibility:hidden;transition:color .3s;font-weight:700}.ui-file-upload-field .files .file[data-v-19ac5bf8]:hover{background-color:#f5f7fa}.ui-file-upload-field .files .file:hover a[data-v-19ac5bf8]{color:#409eff}.ui-file-upload-field .files .file:hover .close[data-v-19ac5bf8]{color:#409eff;visibility:visible}",
@@ -4713,26 +4802,26 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-19ac5bf8";
+const __vue_scope_id__$p = "data-v-19ac5bf8";
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$p = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
+const __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
 
-var FileUploadField = __vue_component__$h;
+var FileUploadField = __vue_component__$p;
 
 //
-var script$g = {
+var script$o = {
   name: 'ui-field-upload-image',
   mixins: [FileUploadField],
   props: {
@@ -4752,10 +4841,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$o = script$o;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$m = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4811,10 +4900,10 @@ var __vue_render__$f = function () {
   }), _vm._v(" "), _c('span', [_vm._v("上传图片")])])]) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$m = [];
 /* style */
 
-const __vue_inject_styles__$g = function (inject) {
+const __vue_inject_styles__$o = function (inject) {
   if (!inject) return;
   inject("data-v-65127316_0", {
     source: ".ui-image-upload-field[data-v-65127316]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.ui-image-upload-field .uploader.disabled[data-v-65127316]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-image-upload-field .uploader.disabled[data-v-65127316]  .el-upload .upload-btn{background:#edeef0;color:#888c94}.ui-image-upload-field .item[data-v-65127316]{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:140px;height:140px;margin-bottom:10px;margin-right:10px;border:1px dashed #d0d2d7;padding:8px;border-radius:2px;box-sizing:border-box}.ui-image-upload-field .item .remove[data-v-65127316]{position:absolute;top:0;right:0;width:24px;height:24px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 22px;cursor:pointer}.ui-image-upload-field .item .remove .el-icon-close[data-v-65127316]{position:absolute;top:4px;right:4px;color:#fff;font-size:14px}.ui-image-upload-field .item.upload-btn[data-v-65127316]{background:#f7f8f9;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;color:#409eff}.ui-image-upload-field .item.upload-btn>.el-icon-plus[data-v-65127316]{font-size:1.6em}.ui-image-upload-field .item.upload-btn>span[data-v-65127316]{font-size:16px;line-height:1.2;margin-top:5px}.ui-image-upload-field .item:hover .modal[data-v-65127316]{visibility:visible}.ui-image-upload-field[data-v-65127316]  .preview{display:inline-block;width:auto;max-width:60%;left:50%;transform:translateX(-50%)}",
@@ -4825,26 +4914,26 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = "data-v-65127316";
+const __vue_scope_id__$o = "data-v-65127316";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$o = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$g = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
+const __vue_component__$o = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
 
-var ImageUploadField = __vue_component__$g;
+var ImageUploadField = __vue_component__$o;
 
 //
-var script$f = {
+var script$n = {
   name: 'ui-field-trigger-dialog',
   mixins: [FieldMixin],
   props: {
@@ -4879,10 +4968,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$n = script$n;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$l = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -4924,34 +5013,34 @@ var __vue_render__$e = function () {
   }, 'ui-dialog', _vm.dialog, false), _vm.$listeners), [_vm._t("default")], 2)], 1);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
 
-const __vue_inject_styles__$f = undefined;
+const __vue_inject_styles__$n = undefined;
 /* scoped */
 
-const __vue_scope_id__$f = "data-v-60308614";
+const __vue_scope_id__$n = "data-v-60308614";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$n = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$f = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
+const __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
 
-var DialogTrigger = __vue_component__$f;
+var DialogTrigger = __vue_component__$n;
 
 //
-var script$e = {
+var script$m = {
   name: 'ui-field-trigger-popover',
   mixins: [FieldMixin],
   props: {
@@ -5000,10 +5089,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$m = script$m;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$k = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -5048,10 +5137,10 @@ var __vue_render__$d = function () {
   })], 2)], 2);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$k = [];
 /* style */
 
-const __vue_inject_styles__$e = function (inject) {
+const __vue_inject_styles__$m = function (inject) {
   if (!inject) return;
   inject("data-v-17314b31_0", {
     source: ".ui-field-trigger-popover[data-v-17314b31]{width:100%}",
@@ -5062,23 +5151,23 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-17314b31";
+const __vue_scope_id__$m = "data-v-17314b31";
 /* module identifier */
 
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$m = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$e = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
 
-var PopoverTrigger = __vue_component__$e;
+var PopoverTrigger = __vue_component__$m;
 
 var TriggerField = {
   name: 'ui-field-trigger',
@@ -5101,7 +5190,7 @@ var TriggerField = {
 };
 
 //
-var script$d = {
+var script$l = {
   name: 'ui-field-icons',
   mixins: [FieldMixin],
   components: {
@@ -5159,10 +5248,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$l = script$l;
 /* template */
 
-var __vue_render__$c = function () {
+var __vue_render__$j = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -5232,10 +5321,10 @@ var __vue_render__$c = function () {
   }), 0)])], 1)]);
 };
 
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$d = function (inject) {
+const __vue_inject_styles__$l = function (inject) {
   if (!inject) return;
   inject("data-v-12b8c18e_0", {
     source: ".ui-field-icons .filter[data-v-12b8c18e]{margin-bottom:10px}.ui-field-icons .filter[data-v-12b8c18e]  .el-input__validateIcon{display:none}.ui-field-icons .scroll[data-v-12b8c18e]{height:200px;overflow:auto}.ui-field-icons .icons[data-v-12b8c18e]{display:flex;flex-wrap:wrap}.ui-field-icons .icons .icon[data-v-12b8c18e]{flex:none;width:150px;height:28px;margin:2px;padding:4px;border-radius:2px;cursor:pointer;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;align-items:center}.ui-field-icons .icons .icon[data-v-12b8c18e]:hover{background:#eaeaea}.ui-field-icons .icons .icon.active[data-v-12b8c18e]{color:#409eff;box-shadow:inset 0 0 3px #666}.ui-field-icons .icons .icon .ui-icon[data-v-12b8c18e]{margin-right:4px}.ui-field-icons .icons .icon span[data-v-12b8c18e]{flex:1}",
@@ -5246,23 +5335,23 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-12b8c18e";
+const __vue_scope_id__$l = "data-v-12b8c18e";
 /* module identifier */
 
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$l = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$d = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
+const __vue_component__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
 
-var IconsField = __vue_component__$d;
+var IconsField = __vue_component__$l;
 
 const fields = Object.create(null, {
   text: {
@@ -5346,7 +5435,7 @@ var FormField = {
 };
 
 //
-var script$c = {
+var script$k = {
   name: 'ui-form-item',
   inheritAttrs: false,
   inject: ['uiForm'],
@@ -5528,10 +5617,10 @@ var script$c = {
 };
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$k = script$k;
 /* template */
 
-var __vue_render__$b = function () {
+var __vue_render__$i = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -5588,10 +5677,10 @@ var __vue_render__$b = function () {
   }, [_vm._t("suffix")], 2) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$c = function (inject) {
+const __vue_inject_styles__$k = function (inject) {
   if (!inject) return;
   inject("data-v-abe604d6_0", {
     source: ".ui-form-item[data-v-abe604d6]  .el-form-item__content{display:flex;flex-direction:row;align-items:center}.ui-form-item[data-v-abe604d6]  .el-form-item__content>div{flex:1;display:flex;align-items:center}.ui-form-item[data-v-abe604d6]  .el-form-item__content .ui-form-item-prefix,.ui-form-item[data-v-abe604d6]  .el-form-item__content .ui-form-item-suffix{flex:none}.ui-form-item .info[data-v-abe604d6]{color:#909399;cursor:pointer;margin-left:4px}.ui-form-item.hidden-item[data-v-abe604d6]{display:none}.el-form--inline .ui-form-item[data-v-abe604d6]  .el-form-item__label{flex:none;white-space:nowrap}.el-form--inline .ui-form-item[data-v-abe604d6]  .el-form-item__content{display:inline-flex}",
@@ -5602,23 +5691,23 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-abe604d6";
+const __vue_scope_id__$k = "data-v-abe604d6";
 /* module identifier */
 
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$k = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$c = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
+const __vue_component__$k = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
 
-var FormItem = __vue_component__$c;
+var FormItem = __vue_component__$k;
 
 const Operator = {
   eq: '=',
@@ -5669,7 +5758,7 @@ var TableSelectItem = {
 };
 
 //
-var script$b = {
+var script$j = {
   name: 'ui-form',
   inheritAttrs: false,
 
@@ -6037,10 +6126,10 @@ var script$b = {
 };
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$a = function () {
+var __vue_render__$h = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6067,10 +6156,10 @@ var __vue_render__$a = function () {
   }), _vm._v(" "), _vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$b = function (inject) {
+const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
   inject("data-v-2a9aa6b4_0", {
     source: ".el-form--inline[data-v-2a9aa6b4]  .el-form-item{display:inline-flex}",
@@ -6081,23 +6170,23 @@ const __vue_inject_styles__$b = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$b = "data-v-2a9aa6b4";
+const __vue_scope_id__$j = "data-v-2a9aa6b4";
 /* module identifier */
 
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$b = false;
+const __vue_is_functional_template__$j = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$b = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$a,
-  staticRenderFns: __vue_staticRenderFns__$a
-}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
+const __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
 
-var Form$1 = __vue_component__$b;
+var Form$1 = __vue_component__$j;
 
 //
 //
@@ -6111,7 +6200,7 @@ var Form$1 = __vue_component__$b;
 //
 //
 //
-var script$a = {
+var script$i = {
   name: 'ui-form-dialog',
   inheritAttrs: false,
   props: {
@@ -6304,10 +6393,10 @@ var script$a = {
 };
 
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$9 = function () {
+var __vue_render__$g = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6366,10 +6455,10 @@ var __vue_render__$9 = function () {
   }, [_vm._v(_vm._s(_vm.confirmText))])], 1) : _vm._e()], 2)], 1);
 };
 
-var __vue_staticRenderFns__$9 = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$a = function (inject) {
+const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
   inject("data-v-02f7d8d6_0", {
     source: ".action-button[data-v-02f7d8d6]{text-align:right;margin:0 -20px -20px;padding:10px 20px;border-top:1px solid #e8e8e8}",
@@ -6380,23 +6469,23 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$a = "data-v-02f7d8d6";
+const __vue_scope_id__$i = "data-v-02f7d8d6";
 /* module identifier */
 
-const __vue_module_identifier__$a = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$a = false;
+const __vue_is_functional_template__$i = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$a = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
+const __vue_component__$i = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
 
-var FormDialog = __vue_component__$a;
+var FormDialog = __vue_component__$i;
 
 // 判断参数是否是其中之一
 function oneOf(value, validList) {
@@ -6528,7 +6617,7 @@ const off = function () {
 
 //
 const prefixCls = 'ui-drawer';
-var script$9 = {
+var script$h = {
   name: 'UiDrawer',
   directives: {
     TransferDom
@@ -6779,10 +6868,10 @@ var script$9 = {
 };
 
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$8 = function () {
+var __vue_render__$f = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6869,10 +6958,10 @@ var __vue_render__$8 = function () {
   })], 2) : _vm._e()])])], 1)], 1);
 };
 
-var __vue_staticRenderFns__$8 = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-const __vue_inject_styles__$9 = function (inject) {
+const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
   inject("data-v-0c67e85e_0", {
     source: ".ui-drawer{width:auto;height:100%;position:fixed;top:0}.ui-drawer-inner{position:absolute}.ui-drawer-left{left:0}.ui-drawer-right{right:0}.ui-drawer-hidden{display:none!important}.ui-drawer-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.ui-drawer-wrap-inner{position:absolute;overflow:hidden}.ui-drawer-wrap-dragging{user-select:none}.ui-drawer-wrap *{-webkit-tap-highlight-color:transparent}.ui-drawer-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(55,55,55,.6);height:100%;z-index:1000}.ui-drawer-mask-hidden{display:none}.ui-drawer-mask-inner{position:absolute}.ui-drawer-content{width:100%;height:100%;position:absolute;top:0;bottom:0;background-color:#fff;border:0;background-clip:padding-box;box-shadow:0 4px 12px rgba(0,0,0,.15)}.ui-drawer-content-no-mask{pointer-events:auto}.ui-drawer-header{border-bottom:1px solid #e8eaec;padding:14px 16px;line-height:1}.ui-drawer-header p,.ui-drawer-header-inner{display:inline-block;width:100%;height:20px;line-height:20px;font-size:16px;color:#17233d;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-drawer-close{z-index:1;font-size:12px;position:absolute;right:15px;top:15px;overflow:hidden;cursor:pointer}.ui-drawer-close .el-icon-close{font-size:20px;color:#999;transition:color .2s ease;position:relative;top:1px}.ui-drawer-close .el-icon-close:hover{color:#444}.ui-drawer-body{width:100%;height:calc(100% - 51px);padding:16px;font-size:14px;line-height:1.5;word-wrap:break-word;position:absolute;overflow:auto;box-sizing:border-box}.ui-drawer-no-header .ui-drawer-body{height:100%}.ui-drawer-no-mask{pointer-events:none}.ui-drawer-no-mask .ui-drawer-drag{pointer-events:auto}.ui-drawer-drag{top:0;height:100%;width:0;position:absolute}.ui-drawer-drag-left{right:0}.ui-drawer-drag-move-trigger{width:8px;height:100px;line-height:100px;position:absolute;top:50%;background:#f3f3f3;transform:translate(-50%,-50%);border-radius:4px/6px;box-shadow:0 0 1px 1px rgba(0,0,0,.2);cursor:col-resize}.ui-drawer-drag-move-trigger-point{display:inline-block;width:50%;transform:translateX(50%)}.ui-drawer-drag-move-trigger-point i{display:block;border-bottom:1px solid silver;padding-bottom:2px}.fade-appear,.fade-enter-active{animation-duration:.15s;animation-fill-mode:both;animation-play-state:paused}.fade-leave-active{animation-duration:.15s;animation-fill-mode:both;animation-play-state:paused}.fade-appear,.fade-enter-active{animation-name:uiFadeInIn;animation-play-state:running}.fade-leave-active{animation-name:uiFadeInOut;animation-play-state:running}.fade-appear,.fade-enter-active{opacity:0;animation-timing-function:linear}.fade-leave-active{animation-timing-function:linear}@keyframes uiFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes ivuFadeOut{0%{opacity:1}100%{opacity:0}}",
@@ -6883,26 +6972,26 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = undefined;
+const __vue_scope_id__$h = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$9 = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$9 = false;
+const __vue_is_functional_template__$h = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
+const __vue_component__$h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
 
-var Drawer$1 = __vue_component__$9;
+var Drawer$1 = __vue_component__$h;
 
 //
-var script$8 = {
+var script$g = {
   name: 'ui-form-drawer',
   inheritAttrs: false,
   components: {
@@ -7109,10 +7198,10 @@ var script$8 = {
 };
 
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$7 = function () {
+var __vue_render__$e = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7171,10 +7260,10 @@ var __vue_render__$7 = function () {
   }, [_vm._v(_vm._s(_vm.cancelText))])], 1) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$7 = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-const __vue_inject_styles__$8 = function (inject) {
+const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
   inject("data-v-61a29de6_0", {
     source: ".ui-form-drawer{display:flex;flex-direction:column;padding:0;outline:0}.ui-form-drawer .ui-drawer-body{flex:1;padding:0;overflow:hidden;display:flex;flex-direction:column}.ui-form-drawer .ui-drawer-body>.el-form{flex:1;overflow:auto}.ui-form-drawer .ui-drawer-body>.action-button{flex:none}.ui-form-drawer .ui-form-drawer-wrapper{flex:1;overflow:hidden}.ui-form-drawer .ui-form-drawer-wrapper .el-form{width:100%;height:100%;overflow:auto;padding:16px;box-sizing:border-box}.ui-form-drawer .action-button{flex:none;padding:16px;border-top:1px solid #e8eaec;display:flex;flex-direction:row-reverse}.ui-form-drawer .action-button button+button{margin-right:16px}.ui-form-drawer .action-button::after{content:'';clear:both}",
@@ -7185,23 +7274,23 @@ const __vue_inject_styles__$8 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$8 = undefined;
+const __vue_scope_id__$g = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$8 = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$8 = false;
+const __vue_is_functional_template__$g = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$7,
-  staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, createInjector, undefined, undefined);
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
 
-var FormDrawer = __vue_component__$8;
+var FormDrawer = __vue_component__$g;
 
 //
 //
@@ -7212,7 +7301,7 @@ var FormDrawer = __vue_component__$8;
 //
 //
 //
-var script$7 = {
+var script$f = {
   name: 'ui-form-fieldset',
   props: {
     label: {
@@ -7271,10 +7360,10 @@ var script$7 = {
 };
 
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$f = script$f;
 /* template */
 
-var __vue_render__$6 = function () {
+var __vue_render__$d = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7297,7 +7386,7 @@ var __vue_render__$6 = function () {
   }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$6 = [function () {
+var __vue_staticRenderFns__$d = [function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7313,7 +7402,7 @@ var __vue_staticRenderFns__$6 = [function () {
 }];
 /* style */
 
-const __vue_inject_styles__$7 = function (inject) {
+const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
   inject("data-v-f2017c28_0", {
     source: ".ui-form-fieldset[data-v-f2017c28]{padding:30px 20px 10px;margin:30px 0 20px;border:1px dashed #aaa;border-radius:2px;position:relative}.ui-form-fieldset.toggle.collapse[data-v-f2017c28]{padding:0;border-bottom:none}.ui-form-fieldset.toggle.collapse .ui-form-fieldset-legend[data-v-f2017c28]::after{content:'\\f107'}.ui-form-fieldset.toggle .ui-form-fieldset-legend[data-v-f2017c28]{cursor:pointer;font-family:FontAwesome,serif;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ui-form-fieldset.toggle .ui-form-fieldset-legend[data-v-f2017c28]::after{margin-left:4px;content:'\\f106'}.ui-form-fieldset>.ui-form-fieldset-legend[data-v-f2017c28]{position:absolute;top:-8px;padding:0 30px;margin:0;height:16px;line-height:16px;font-size:14px;color:#666;left:50%;transform:translateX(-50%);background:#fff;user-select:none}.ui-form-fieldset+.ui-form-fieldset[data-v-f2017c28]{margin-top:40px}",
@@ -7324,23 +7413,23 @@ const __vue_inject_styles__$7 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$7 = "data-v-f2017c28";
+const __vue_scope_id__$f = "data-v-f2017c28";
 /* module identifier */
 
-const __vue_module_identifier__$7 = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$7 = false;
+const __vue_is_functional_template__$f = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$6,
-  staticRenderFns: __vue_staticRenderFns__$6
-}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, createInjector, undefined, undefined);
+const __vue_component__$f = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
 
-var FormFieldset = __vue_component__$7;
+var FormFieldset = __vue_component__$f;
 
 var Form = {
   install: Vue => {
@@ -7372,6 +7461,83 @@ var BindTable = {
 
 };
 
+//
+//
+//
+//
+//
+//
+//
+//
+var script$e = {
+  name: 'ui-fill-view',
+  props: {
+    direction: {
+      validator: val => ['column', 'row'].includes(val),
+      default: 'column'
+    }
+  },
+  computed: {
+    directionStyle() {
+      return {
+        flexDirection: this.direction
+      };
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$e = script$e;
+/* template */
+
+var __vue_render__$c = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    class: ['ui-fill-view', _vm.direction]
+  }, [_c('div', {
+    staticClass: "wrapper",
+    style: _vm.directionStyle
+  }, [_vm._t("default")], 2)]);
+};
+
+var __vue_staticRenderFns__$c = [];
+/* style */
+
+const __vue_inject_styles__$e = function (inject) {
+  if (!inject) return;
+  inject("data-v-71000ef8_0", {
+    source: ".ui-fill-view[data-v-71000ef8]{flex:1;position:relative}.ui-fill-view .wrapper[data-v-71000ef8]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$e = "data-v-71000ef8";
+/* module identifier */
+
+const __vue_module_identifier__$e = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$e = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$e = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
+
+var FillView$1 = __vue_component__$e;
+
 /**
  * 导出
  * @param {Array} data 导出数据
@@ -7489,7 +7655,7 @@ var ExportsMixin = {
 //
 //
 //
-var script$6 = {
+var script$d = {
   name: 'remote-exports-dialog',
   props: {
     visible: Boolean,
@@ -7681,10 +7847,10 @@ var script$6 = {
 };
 
 /* script */
-const __vue_script__$6 = script$6;
+const __vue_script__$d = script$d;
 /* template */
 
-var __vue_render__$5 = function () {
+var __vue_render__$b = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7812,10 +7978,10 @@ var __vue_render__$5 = function () {
   }), 1)], 1)], 1)])]);
 };
 
-var __vue_staticRenderFns__$5 = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
 
-const __vue_inject_styles__$6 = function (inject) {
+const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
   inject("data-v-8a0ac17c_0", {
     source: ".exports-dialog-wrapper[data-v-8a0ac17c]{display:flex;align-items:center;flex-direction:column;max-height:320px;overflow:auto}.exports-dialog-wrapper h3[data-v-8a0ac17c]{text-align:center;margin-bottom:15px}.exports-dialog-wrapper .exports-from[data-v-8a0ac17c]  .el-form-item{margin-right:0}.exports-dialog-wrapper .exports-from[data-v-8a0ac17c]  .el-form-item .el-input__inner{width:60px;text-align:center}.exports-dialog-wrapper .start-input[data-v-8a0ac17c]  .el-input-group__append{border-radius:0;border-right:0}.exports-dialog-wrapper .end-input[data-v-8a0ac17c]  .el-input__inner{border-radius:0}",
@@ -7826,27 +7992,27 @@ const __vue_inject_styles__$6 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$6 = "data-v-8a0ac17c";
+const __vue_scope_id__$d = "data-v-8a0ac17c";
 /* module identifier */
 
-const __vue_module_identifier__$6 = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$6 = false;
+const __vue_is_functional_template__$d = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$5,
-  staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, createInjector, undefined, undefined);
+const __vue_component__$d = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
 
-var RemoteExportsDialog = __vue_component__$6;
+var RemoteExportsDialog = __vue_component__$d;
 
 //
 let tableIdSeed = 1;
-var script$5 = {
+var script$c = {
   name: 'ui-table',
 
   provide() {
@@ -8547,6 +8713,7 @@ var script$5 = {
 
   },
   components: {
+    FillView: FillView$1,
     RemoteExportsDialog,
     Refresh: {
       render(createElement) {
@@ -8556,7 +8723,7 @@ var script$5 = {
           }
         }, [createElement('el-button', {
           props: {
-            icon: 'el-icon-fa-refresh',
+            icon: 'el-icon-refresh',
             size: 'mini',
             circle: true
           },
@@ -8575,7 +8742,7 @@ var script$5 = {
           }
         }, [createElement('el-button', {
           props: {
-            icon: 'el-icon-fa-cloud-download',
+            icon: 'el-icon-download',
             size: 'mini',
             circle: true
           },
@@ -8664,7 +8831,7 @@ var script$5 = {
           }
         }, [createElement('el-button', {
           props: {
-            icon: 'el-icon-fa-search',
+            icon: 'el-icon-search',
             circle: true
           },
           on: {
@@ -8678,10 +8845,10 @@ var script$5 = {
 };
 
 /* script */
-const __vue_script__$5 = script$5;
+const __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$4 = function () {
+var __vue_render__$a = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8733,7 +8900,7 @@ var __vue_render__$4 = function () {
     }, [_c(tool, {
       tag: "component"
     })], 1);
-  }), 0) : _vm._e()]), _vm._v(" "), _c('flex-scroll-view', [_c('el-table', _vm._g(_vm._b({
+  }), 0) : _vm._e()]), _vm._v(" "), _c('fill-view', [_c('el-table', _vm._g(_vm._b({
     ref: "table",
     class: _vm.tableCls,
     attrs: {
@@ -8791,13 +8958,13 @@ var __vue_render__$4 = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$4 = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-const __vue_inject_styles__$5 = function (inject) {
+const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
-  inject("data-v-75e3220a_0", {
-    source: ".ui-table{flex:1;display:flex;flex-direction:column;z-index:0;background-color:#fff;padding:15px 20px}.ui-table .ui-table-select-bar{flex:none}.ui-table .ui-table-select-bar .ui-table-select{position:relative;padding-right:100px}.ui-table .ui-table-select-bar .ui-table-select.has-reset{padding-right:200px}.ui-table .ui-table-select-bar .ui-table-select .submit-item{position:absolute;top:0;right:0;margin-right:0;margin-bottom:0}.ui-table .ui-table-select-bar .el-input{width:200px}.ui-table .ui-table-tool-bar{padding:10px 0;flex:none;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;background-color:#fff}.ui-table .private-tools{z-index:1;position:absolute;top:8px;right:5px;display:flex;flex-direction:row;padding-left:20px}.ui-table .private-tools .tool+.tool{margin-left:5px}.ui-table .private-tools .el-button.el-tooltip{background:rgba(255,255,255,.6);backdrop-filter:blur(3px);box-shadow:0 0 3px #999}.ui-table .ui-table-alert{margin-bottom:10px;border:1px solid #b3d8ff;background-color:#ecf5ff;border-radius:3px;padding:8px 10px}.ui-table .ui-table-alert .el-icon-info{color:#409eff;margin-right:6px}.ui-table .ui-table-alert .el-button--text{padding:0;margin-left:10px}.ui-table .el-table{flex:1;border:1px solid #ebeef5;border-bottom:none;z-index:0}.ui-table .footer-bar{flex:none;display:block;padding:20px 15px 15px;background-color:#fff}.ui-table .footer-bar .el-pagination{text-align:right;padding:0}.ui-table .ui-table-empty{padding-top:110px;background:url(../../../assets/img/empty.svg) center top no-repeat;background-size:auto 100px;color:rgba(0,0,0,.65);font-size:14px;line-height:22px;text-align:center}.column-label{width:80px;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-table-column-action .el-button{box-shadow:none;padding:0;line-height:inherit}",
+  inject("data-v-7303d635_0", {
+    source: ".ui-table{flex:1;display:flex;flex-direction:column;z-index:0;background-color:#fff;padding:15px 20px}.ui-table .ui-table-select-bar{flex:none}.ui-table .ui-table-select-bar .ui-table-select{position:relative;padding-right:100px}.ui-table .ui-table-select-bar .ui-table-select.has-reset{padding-right:200px}.ui-table .ui-table-select-bar .ui-table-select .submit-item{position:absolute;top:0;right:0;margin-right:0;margin-bottom:0}.ui-table .ui-table-select-bar .el-input{width:200px}.ui-table .ui-table-tool-bar{padding:10px 0;flex:none;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;background-color:#fff}.ui-table .private-tools{z-index:1;position:absolute;top:8px;right:5px;display:flex;flex-direction:row;padding-left:20px}.ui-table .private-tools .tool+.tool{margin-left:5px}.ui-table .private-tools .el-button.el-tooltip{background:rgba(255,255,255,.6);backdrop-filter:blur(3px);box-shadow:0 0 3px #999}.ui-table .ui-table-alert{margin-bottom:10px;border:1px solid #b3d8ff;background-color:#ecf5ff;border-radius:3px;padding:8px 10px}.ui-table .ui-table-alert .el-icon-info{color:#409eff;margin-right:6px}.ui-table .ui-table-alert .el-button--text{padding:0;margin-left:10px}.ui-table .el-table{flex:1;border:1px solid #ebeef5;border-bottom:none;z-index:0}.ui-table .footer-bar{flex:none;display:block;padding:20px 15px 15px;background-color:#fff}.ui-table .footer-bar .el-pagination{text-align:right;padding:0}.ui-table .ui-table-empty{padding-top:110px;background:url(../../assets/svg/empty.svg) center top no-repeat;background-size:auto 100px;color:rgba(0,0,0,.65);font-size:14px;line-height:22px;text-align:center}.column-label{width:80px;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-table-column-action .el-button{box-shadow:none;padding:0;line-height:inherit}",
     map: undefined,
     media: undefined
   });
@@ -8805,23 +8972,23 @@ const __vue_inject_styles__$5 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$5 = undefined;
+const __vue_scope_id__$c = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$5 = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$5 = false;
+const __vue_is_functional_template__$c = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$4,
-  staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, createInjector, undefined, undefined);
+const __vue_component__$c = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
 
-var Table$1 = __vue_component__$5;
+var Table$1 = __vue_component__$c;
 
 const Format = {
   Date: 'YYYY-MM-DD',
@@ -8839,7 +9006,7 @@ var Date$1 = {
  * 在 element-ui 的 el-table-column 组件上拓展出 tree 类型
  */
 
-var script$4 = {
+var script$b = {
   name: 'ui-column',
   mixins: [TableColumn$1],
   inject: {
@@ -9167,12 +9334,12 @@ var script$4 = {
 };
 
 /* script */
-const __vue_script__$4 = script$4;
+const __vue_script__$b = script$b;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$4 = function (inject) {
+const __vue_inject_styles__$b = function (inject) {
   if (!inject) return;
   inject("data-v-90b208a6_0", {
     source: ".tree-toggle{display:inline-flex;width:24px;align-items:center;justify-content:center}.tree-toggle.pointer{cursor:pointer}",
@@ -9183,20 +9350,20 @@ const __vue_inject_styles__$4 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$4 = undefined;
+const __vue_scope_id__$b = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$4 = undefined;
+const __vue_module_identifier__$b = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$4 = undefined;
+const __vue_is_functional_template__$b = undefined;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$4 = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, createInjector, undefined, undefined);
+const __vue_component__$b = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
 
-var Column = __vue_component__$4;
+var Column = __vue_component__$b;
 
 const actionButtonConfig = {
   '!key': (button, index) => {
@@ -10009,7 +10176,7 @@ var TableColumn = {
 //
 //
 //
-var script$3 = {
+var script$a = {
   name: 'ui-table-pagination',
   inject: ['uiTable'],
   props: {
@@ -10079,10 +10246,10 @@ var script$3 = {
 };
 
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$3 = function () {
+var __vue_render__$9 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -10105,36 +10272,36 @@ var __vue_render__$3 = function () {
   }, 'el-pagination', _vm.$attrs, false), [_vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$3 = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-const __vue_inject_styles__$3 = undefined;
+const __vue_inject_styles__$a = undefined;
 /* scoped */
 
-const __vue_scope_id__$3 = "data-v-681d0726";
+const __vue_scope_id__$a = "data-v-681d0726";
 /* module identifier */
 
-const __vue_module_identifier__$3 = undefined;
+const __vue_module_identifier__$a = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$3 = false;
+const __vue_is_functional_template__$a = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$3,
-  staticRenderFns: __vue_staticRenderFns__$3
-}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
+const __vue_component__$a = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
 
-var TablePagination = __vue_component__$3;
+var TablePagination = __vue_component__$a;
 
 //
 const SEARCH_PREFIX = 'select';
 const SORT_PREFIX = 'sort';
-var script$2 = {
+var script$9 = {
   name: 'ui-table-select',
   inject: {
     uiTable: {
@@ -10270,10 +10437,10 @@ var script$2 = {
 };
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$2 = function () {
+var __vue_render__$8 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -10314,10 +10481,10 @@ var __vue_render__$2 = function () {
   }), _vm._v(" "), _vm._t("end")], 2);
 };
 
-var __vue_staticRenderFns__$2 = [];
+var __vue_staticRenderFns__$8 = [];
 /* style */
 
-const __vue_inject_styles__$2 = function (inject) {
+const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
   inject("data-v-1bff1b12_0", {
     source: ".ui-table-select{display:flex;align-items:center;flex-wrap:wrap}.ui-table-select .el-row{width:100%}.ui-table-select .fill{flex:1}.ui-table-select .el-form-item{margin-bottom:10px}.ui-table-select .el-form-item:last-child{margin-right:0}.ui-table-select .el-form-item,.ui-table-select .el-form-item.el-form-item--mini{margin-bottom:10px}",
@@ -10328,23 +10495,23 @@ const __vue_inject_styles__$2 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$2 = undefined;
+const __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$2 = undefined;
+const __vue_module_identifier__$9 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$2 = false;
+const __vue_is_functional_template__$9 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$2,
-  staticRenderFns: __vue_staticRenderFns__$2
-}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, createInjector, undefined, undefined);
+const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
 
-var TableSelect = __vue_component__$2;
+var TableSelect = __vue_component__$9;
 
 var Table = {
   install: Vue => {
@@ -10448,7 +10615,7 @@ var Drag = {
 //
 //
 //
-var script$1 = {
+var script$8 = {
   name: 'ui-dialog',
   props: {
     title: String,
@@ -10549,10 +10716,10 @@ var script$1 = {
 };
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$1 = function () {
+var __vue_render__$7 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -10613,10 +10780,10 @@ var __vue_render__$1 = function () {
   }), 1) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$1 = [];
+var __vue_staticRenderFns__$7 = [];
 /* style */
 
-const __vue_inject_styles__$1 = function (inject) {
+const __vue_inject_styles__$8 = function (inject) {
   if (!inject) return;
   inject("data-v-2fef274f_0", {
     source: ".ui-dialog[data-v-2fef274f]  .el-dialog{margin-bottom:0}.ui-dialog[data-v-2fef274f]  .el-dialog .title{position:relative;line-height:28px;padding:12px 48px 12px 24px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e8e8e8;color:#202124;font-weight:500;font-size:16px}.ui-dialog[data-v-2fef274f]  .el-dialog .title .close{position:absolute;right:0;top:0;bottom:0;width:53px;height:53px;display:inline-block;text-align:center;cursor:pointer;transition:all .3s;user-select:none}.ui-dialog[data-v-2fef274f]  .el-dialog .title .close:hover{color:var(--color-primary)}.ui-dialog[data-v-2fef274f]  .el-dialog .title .close>i{font-size:20px;line-height:53px}[data-v-2fef274f] .el-form .ui-form-fieldset:first-child{margin-top:0}[data-v-2fef274f] .el-form .ui-form-fieldset:last-child{margin-bottom:0}[data-v-2fef274f] .el-dialog__header{padding:0;user-select:none}[data-v-2fef274f] .el-dialog__body{padding-bottom:20px}[data-v-2fef274f] .el-dialog__footer{padding:10px 20px;border-top:1px solid #dcdfe6}.el-dialog__footer .el-button[data-v-2fef274f]{border-radius:2px}@keyframes rotate-data-v-2fef274f{from{transform:rotate(0)}to{transform:rotate(360deg)}}",
@@ -10627,23 +10794,23 @@ const __vue_inject_styles__$1 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$1 = "data-v-2fef274f";
+const __vue_scope_id__$8 = "data-v-2fef274f";
 /* module identifier */
 
-const __vue_module_identifier__$1 = undefined;
+const __vue_module_identifier__$8 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$1 = false;
+const __vue_is_functional_template__$8 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, createInjector, undefined, undefined);
+const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$7,
+  staticRenderFns: __vue_staticRenderFns__$7
+}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, createInjector, undefined, undefined);
 
-var Dialog$1 = __vue_component__$1;
+var Dialog$1 = __vue_component__$8;
 
 var Dialog = {
   install: Vue => {
@@ -10670,15 +10837,15 @@ var Fragment = {
 //
 //
 //
-var script = {
+var script$7 = {
   name: 'UiProvider'
 };
 
 /* script */
-const __vue_script__ = script;
+const __vue_script__$7 = script$7;
 /* template */
 
-var __vue_render__ = function () {
+var __vue_render__$6 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -10692,31 +10859,31 @@ var __vue_render__ = function () {
   }, [_c('router-view')], 1);
 };
 
-var __vue_staticRenderFns__ = [];
+var __vue_staticRenderFns__$6 = [];
 /* style */
 
-const __vue_inject_styles__ = undefined;
+const __vue_inject_styles__$7 = undefined;
 /* scoped */
 
-const __vue_scope_id__ = "data-v-3f1cadfa";
+const __vue_scope_id__$7 = "data-v-3f1cadfa";
 /* module identifier */
 
-const __vue_module_identifier__ = undefined;
+const __vue_module_identifier__$7 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__ = false;
+const __vue_is_functional_template__$7 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$6,
+  staticRenderFns: __vue_staticRenderFns__$6
+}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
 
-var Provider$1 = __vue_component__;
+var Provider$1 = __vue_component__$7;
 
 var Provider = {
   install: Vue => {
@@ -10759,48 +10926,1721 @@ var Permission = {
   }
 };
 
-const components = [Icon, Form, Table, Dialog, Drawer, Fragment, Provider, Permission];
-var Components = {
-  install: (Vue, opt) => {
-    components.forEach(component => {
-      Vue.use(component, opt);
-    });
+const setDocumentTitle = function (title) {
+  document.title = title;
+  const ua = navigator.userAgent; // eslint-disable-next-line
+
+  const regex = /\bMicroMessenger\/([\d\.]+)/;
+
+  if (regex.test(ua) && /ip(hone|od|ad)/i.test(ua)) {
+    const i = document.createElement('iframe');
+    i.src = '/favicon.ico';
+    i.style.display = 'none';
+
+    i.onload = function () {
+      setTimeout(function () {
+        i.remove();
+      }, 9);
+    };
+
+    document.body.appendChild(i);
   }
 };
 
-/**
- * 以引用的特性构建tree
- */
-const array2Tree = function (arr) {
-  let opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+const handleStateChange = (title, prefix) => {
+  const titles = [];
 
-  if (!Array.isArray(arr) && !arr.length) {
-    return [];
+  if (title) {
+    titles.push(title);
   }
 
-  const DEFAULT_OPT = {
-    identifyKey: 'id',
-    parentKey: 'upId',
-    childrenKey: 'children'
-  };
-  opt = Object.assign({}, DEFAULT_OPT, opt);
-  const root = {
-    [opt.childrenKey]: []
-  };
-  arr.forEach((item, i, arr) => {
-    const p = arr.find(it => it[opt.identifyKey] === item[opt.parentKey]);
+  if (prefix) {
+    titles.push(prefix);
+  }
 
-    if (!p) {
-      root[opt.childrenKey][root[opt.childrenKey].length] = item;
-    } else {
-      p[opt.childrenKey] = p[opt.childrenKey] || [];
-      p[opt.childrenKey][p[opt.childrenKey].length] = item;
-    }
-  });
-  return root[opt.childrenKey];
+  const nextTitle = titles.join(' - ');
+
+  if (nextTitle !== document.title) {
+    setDocumentTitle(nextTitle);
+  }
 };
-var arrays = {
-  array2Tree
+
+const DocumentTitle = {
+  name: 'ui-document-title',
+  functional: true,
+  inheritAttrs: false,
+  props: {
+    prefix: {
+      type: String,
+      required: false,
+      default: () => {
+        if (typeof getSetting === 'function') {
+          var _getSetting;
+
+          return ((_getSetting = getSetting()) === null || _getSetting === void 0 ? void 0 : _getSetting.title) || '';
+        }
+
+        return '';
+      }
+    },
+    title: {
+      type: String
+    }
+  },
+
+  // { props, data, children }
+  // eslint-disable-next-line
+  render(createElement, _ref) {
+    let {
+      props,
+      children
+    } = _ref;
+    handleStateChange(props.title, props.prefix);
+    return children;
+  }
+
+};
+
+DocumentTitle.install = function (Vue) {
+  Vue.component(DocumentTitle.name, DocumentTitle);
+};
+
+var DocumentTitle$1 = DocumentTitle;
+
+var FillView = {
+  install: Vue => {
+    Vue.component(FillView$1.name, FillView$1);
+  }
+};
+
+var script$6 = {
+  name: 'head-menu-submenu',
+  inject: ['headMenu'],
+  props: {
+    item: Object
+  },
+  computed: {
+    isLeaf() {
+      const {
+        children
+      } = this.item;
+      return !Array.isArray(children) || children.length <= 0;
+    },
+
+    index() {
+      const {
+        url,
+        id
+      } = this.item;
+
+      if (this.isRouter) {
+        return url || id + '';
+      }
+
+      return id + '';
+    },
+
+    route() {
+      const {
+        url
+      } = this.item;
+      return url;
+    },
+
+    isRouter() {
+      return this.headMenu.router;
+    },
+
+    theme() {
+      return this.headMenu.theme;
+    },
+
+    popperClass() {
+      return ['nav-menu-submenu-popup', this.theme].join(' ');
+    }
+
+  },
+
+  render(createElement) {
+    if (this.isLeaf) {
+      return createElement('el-menu-item', {
+        props: {
+          index: this.index,
+          route: this.route
+        }
+      }, [createElement('template', {
+        slot: 'title'
+      }, [this.item.name])]);
+    }
+
+    return createElement('el-submenu', {
+      props: {
+        index: this.index,
+        popperClass: this.popperClass,
+        popperAppendToBody: false
+      }
+    }, [createElement('template', {
+      slot: 'title'
+    }, [this.item.name]), ...this.item.children.map(child => createElement('head-menu-submenu', {
+      key: child.id,
+      props: {
+        item: child
+      }
+    }))]);
+  }
+
+};
+
+/* script */
+const __vue_script__$6 = script$6;
+/* template */
+
+/* style */
+
+const __vue_inject_styles__$6 = function (inject) {
+  if (!inject) return;
+  inject("data-v-233ada7a_0", {
+    source: ".el-menu--collapse .el-menu-item [class^=el-icon-],.el-menu--collapse .el-submenu .el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse .el-menu-item .el-submenu__icon-arrow,.el-menu--collapse .el-submenu .el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse .el-menu-item span,.el-menu--collapse .el-submenu .el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.nav-menu-submenu-popup .el-menu-item,.nav-menu-submenu-popup .el-submenu__title{height:40px;line-height:40px;font-size:12px}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$6 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$6 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$6 = undefined;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$6 = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, createInjector, undefined, undefined);
+
+var MenuItem = __vue_component__$6;
+
+//
+var script$5 = {
+  name: 'ui-head-menu',
+  components: {
+    MenuItem
+  },
+
+  provide() {
+    return {
+      headMenu: this
+    };
+  },
+
+  props: {
+    router: {
+      type: Boolean,
+      default: true
+    },
+    defaultActive: String,
+    mode: {
+      default: 'horizontal'
+    }
+  },
+
+  data() {
+    return {
+      packUpWidth: 0
+    };
+  },
+
+  computed: { ...mapState(['menus']),
+
+    headMenu() {
+      // eslint-disable-next-line
+      return this.menus.filter(menu => [1, 2].includes(menu.type)).map(_ref => {
+        let {
+          children,
+          ...menu
+        } = _ref;
+        return menu;
+      });
+    },
+
+    active() {
+      if (!this.router) {
+        return this.defaultActive;
+      }
+
+      const currentPath = this.$route.path;
+      const isHeadRoute = this.headMenu.some(menu => menu.url === currentPath);
+
+      if (isHeadRoute) {
+        return currentPath;
+      }
+
+      const currentHeadMenu = this.getCurrentHeadMenu(currentPath, this.menus);
+      return currentHeadMenu && (currentHeadMenu.path || currentHeadMenu.url);
+    },
+
+    menuWidth() {
+      return this.headMenu.reduce((total, item) => {
+        return total + (item.name || '').split('').length * 16 + 25 * 2; // 16:字体大小值; 25:左右padding/margin值
+      }, 60); // 100:菜单左边的margin值
+    },
+
+    packUpIndex() {
+      if (this.packUpWidth <= 0) {
+        return -1;
+      }
+
+      let index = -1;
+      let width = this.packUpWidth + 130; // 50:更多下拉菜单所占宽度
+
+      for (let i = this.headMenu.length - 1; i >= 0; i--) {
+        const item = this.headMenu[i];
+        const currentWidth = (item.name || '').split('').length * 16 + 25 * 2;
+
+        if (currentWidth >= width) {
+          index = i - 1;
+          break;
+        }
+
+        width = width - currentWidth;
+      }
+
+      return Math.max(0, index);
+    },
+
+    displayMenus() {
+      if (this.packUpIndex === -1) {
+        return this.headMenu;
+      }
+
+      const menus = this.headMenu.slice(0, this.packUpIndex);
+      const moreMenus = this.headMenu.slice(this.packUpIndex);
+      menus.push({
+        id: 'more',
+        name: '更多菜单',
+        children: moreMenus
+      });
+      return menus;
+    }
+
+  },
+
+  mounted() {
+    window.addEventListener('resize', this.onResize);
+    this.onResize();
+    const logo = document.querySelector('.page-header > .logo');
+    logo && logo.addEventListener('load', () => this.onResize());
+  },
+
+  beforeDestroy() {
+    window.removeEventListener('resize', this.onResize);
+  },
+
+  methods: {
+    onResize() {
+      clearTimeout(this.timer);
+      this.timer = setTimeout(() => {
+        const headerWidth = document.documentElement.clientWidth;
+        const logoEl = document.querySelector('.page-header > .logo');
+        const titleEl = document.querySelector('.page-header > .title');
+        const messageEl = document.querySelector('.page-header > .screen');
+        const usernameEl = document.querySelector('.page-header > .username');
+        const logoWidth = (logoEl && logoEl.offsetWidth || 0) + 20; // 20 margin
+
+        const titleWidth = titleEl && titleEl.offsetWidth || 0;
+        const messageElWidth = messageEl && messageEl.offsetWidth || 0;
+        const usernameWidth = usernameEl && usernameEl.offsetWidth || 0;
+        const allowedMenuWidth = headerWidth - 60 - logoWidth - titleWidth - messageElWidth - usernameWidth;
+        this.packUpWidth = Math.max(0, this.menuWidth - allowedMenuWidth);
+      }, 50);
+    },
+
+    getCurrentHeadMenu(path, menus) {
+      if (!Array.isArray(menus) || menus.length <= 0) {
+        return undefined;
+      }
+
+      return menus.find(menu => {
+        const isMatched = (menu.children || []).some(childMenu => (childMenu.path || childMenu.url) === path);
+
+        if (isMatched) {
+          return true;
+        }
+
+        return this.getCurrentHeadMenu(path, menu.children);
+      });
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$5 = script$5;
+/* template */
+
+var __vue_render__$5 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('el-menu', _vm._g(_vm._b({
+    staticClass: "head-menu",
+    attrs: {
+      "mode": _vm.mode,
+      "router": _vm.router,
+      "default-active": _vm.active
+    }
+  }, 'el-menu', _vm.$attrs, false), _vm.$listeners), _vm._l(_vm.displayMenus, function (item) {
+    return _c('menu-item', {
+      key: item.id,
+      attrs: {
+        "item": item
+      }
+    });
+  }), 1);
+};
+
+var __vue_staticRenderFns__$5 = [];
+/* style */
+
+const __vue_inject_styles__$5 = function (inject) {
+  if (!inject) return;
+  inject("data-v-ef35c828_0", {
+    source: ".head-menu.el-menu{background-color:transparent;border-bottom:none}.head-menu.el-menu>.el-menu-item,.head-menu.el-menu>.el-submenu .el-submenu__title{font-size:16px;font-weight:400;color:inherit;height:var(--header-height);line-height:var(--header-height);padding:0 25px;border:none;box-sizing:border-box;transition:all .2s ease-in-out}.head-menu.el-menu>.el-menu-item span,.head-menu.el-menu>.el-submenu .el-submenu__title span{vertical-align:unset}.head-menu.el-menu>.el-menu-item i,.head-menu.el-menu>.el-submenu .el-submenu__title i{width:20px;font-size:14px}.head-menu.el-menu>.el-menu-item:not(.is-disabled):not(.is-active):focus,.head-menu.el-menu>.el-menu-item:not(.is-disabled):not(.is-active):hover,.head-menu.el-menu>.el-submenu:not(.is-disabled):not(.is-active):focus .el-submenu__title,.head-menu.el-menu>.el-submenu:not(.is-disabled):not(.is-active):hover .el-submenu__title{color:inherit;background-color:rgba(0,146,63,.3)}.head-menu.el-menu>.el-menu-item.is-active,.head-menu.el-menu>.el-submenu.is-active .el-submenu__title{color:inherit;background-color:rgba(0,146,63,.6)}.head-menu.el-menu .el-submenu__title i{color:inherit}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$5 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$5 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$5 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, createInjector, undefined, undefined);
+
+var HeadMenu$1 = __vue_component__$5;
+
+var HeadMenu = {
+  install: Vue => {
+    Vue.component(HeadMenu$1.name, HeadMenu$1);
+  }
+};
+
+//
+
+const firstUpperCase = str => {
+  return str.toLowerCase().replace(/( |^)[a-z]/g, L => L.toUpperCase());
+};
+
+var script$4 = {
+  name: 'ui-scroll-view',
+  props: {
+    direction: {
+      type: String,
+      default: 'row',
+      validator: val => ['column', 'row'].includes(val)
+    },
+    childActiveCls: {
+      type: String,
+      default: '.is-active'
+    }
+  },
+
+  data() {
+    return {
+      scrollable: false,
+      navOffset: 0
+    };
+  },
+
+  computed: {
+    navStyle() {
+      const dir = this.direction === 'row' ? 'X' : 'Y';
+      return {
+        transform: `translate${dir}(-${this.navOffset}px)`
+      };
+    },
+
+    sizeName() {
+      return this.direction === 'row' ? 'width' : 'height';
+    }
+
+  },
+
+  mounted() {
+    addResizeListener(this.$el, this.update);
+    addResizeListener(this.$refs.nav, this.update);
+    const mo = new MutationObserver(this.update);
+    mo.observe(this.$el, {
+      childList: true,
+      subtree: true
+    });
+    setTimeout(() => {
+      this.scrollToActiveItem();
+    }, 0);
+    this.$once('hook:beforeDestroy', () => {
+      if (this.$el && this.update) removeResizeListener(this.$el, this.update);
+      if (this.$refs.nav && this.update) removeResizeListener(this.$refs.nav, this.update);
+      mo.disconnect();
+    });
+  },
+
+  methods: {
+    scrollPrev() {
+      const containerSize = this.$refs.navScroll[`offset${firstUpperCase(this.sizeName)}`];
+      const currentOffset = this.navOffset;
+      if (!currentOffset) return;
+      let newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
+      this.navOffset = newOffset;
+      this.update();
+    },
+
+    scrollNext() {
+      const navSize = this.$refs.nav[`offset${firstUpperCase(this.sizeName)}`];
+      const containerSize = this.$refs.navScroll[`offset${firstUpperCase(this.sizeName)}`];
+      const currentOffset = this.navOffset;
+      if (navSize - currentOffset <= containerSize) return;
+      let newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
+      this.navOffset = newOffset;
+      this.update();
+    },
+
+    scrollToActiveItem() {
+      if (!this.scrollable) return;
+      const nav = this.$refs.nav;
+      const activeItem = this.$el.querySelector(this.childActiveCls);
+      if (!activeItem) return;
+      const navScroll = this.$refs.navScroll;
+      const isHorizontal = this.direction === 'row';
+      const activeItemBounding = activeItem.getBoundingClientRect();
+      const navScrollBounding = navScroll.getBoundingClientRect();
+      const maxOffset = isHorizontal ? nav.offsetWidth - navScrollBounding.width : nav.offsetHeight - navScrollBounding.height;
+      const currentOffset = this.navOffset;
+      let newOffset = currentOffset;
+
+      if (isHorizontal) {
+        if (activeItemBounding.left < navScrollBounding.left) {
+          newOffset = currentOffset - (navScrollBounding.left - activeItemBounding.left);
+        }
+
+        if (activeItemBounding.right > navScrollBounding.right) {
+          newOffset = currentOffset + activeItemBounding.right - navScrollBounding.right;
+        }
+      } else {
+        if (activeItemBounding.top < navScrollBounding.top) {
+          newOffset = currentOffset - (navScrollBounding.top - activeItemBounding.top);
+        }
+
+        if (activeItemBounding.bottom > navScrollBounding.bottom) {
+          newOffset = currentOffset + (activeItemBounding.bottom - navScrollBounding.bottom);
+        }
+      }
+
+      newOffset = Math.max(newOffset, 0);
+      this.navOffset = Math.min(newOffset, maxOffset);
+      this.update();
+    },
+
+    update() {
+      if (!this.$refs.nav) return;
+      const sizeName = this.sizeName;
+      const navSize = this.$refs.nav[`offset${firstUpperCase(sizeName)}`];
+      const containerSize = this.$refs.navScroll[`offset${firstUpperCase(sizeName)}`];
+      const currentOffset = this.navOffset;
+
+      if (containerSize < navSize) {
+        this.scrollable = {};
+        this.scrollable.prev = currentOffset > 0;
+        this.scrollable.next = currentOffset + containerSize < navSize;
+
+        if (navSize - currentOffset < containerSize) {
+          this.navOffset = navSize - containerSize;
+        }
+      } else {
+        this.scrollable = false;
+
+        if (currentOffset > 0) {
+          this.navOffset = 0;
+        }
+      }
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$4 = script$4;
+/* template */
+
+var __vue_render__$4 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    class: ['ui-scroll-view__nav-wrap', "is-" + _vm.direction]
+  }, [_c('div', {
+    class: ['ui-scroll-view__nav-control ui-scroll-view__nav-prev', _vm.scrollable ? 'ui-scroll-view__nav-active' : '', _vm.scrollable && _vm.scrollable.prev ? '' : 'is-disabled'],
+    on: {
+      "click": _vm.scrollPrev
+    }
+  }, [_vm._t("prev", function () {
+    return [_c('div', {
+      staticClass: "menu-nav-control"
+    })];
+  }, {
+    "disabled": _vm.scrollable && !_vm.scrollable.prev
+  })], 2), _vm._v(" "), _c('div', {
+    ref: "navScroll",
+    staticClass: "ui-scroll-view__nav-scroll"
+  }, [_c('div', {
+    ref: "nav",
+    class: ['ui-scroll-view__nav', "is-" + _vm.direction],
+    style: _vm.navStyle
+  }, [_vm._t("default")], 2)]), _vm._v(" "), _c('div', {
+    class: ['ui-scroll-view__nav-control ui-scroll-view__nav-next', _vm.scrollable ? 'ui-scroll-view__nav-active' : '', _vm.scrollable && _vm.scrollable.next ? '' : 'is-disabled'],
+    on: {
+      "click": _vm.scrollNext
+    }
+  }, [_vm._t("next", function () {
+    return [_c('div', {
+      staticClass: "menu-nav-control"
+    })];
+  }, {
+    "disabled": _vm.scrollable && !_vm.scrollable.next
+  })], 2)]);
+};
+
+var __vue_staticRenderFns__$4 = [];
+/* style */
+
+const __vue_inject_styles__$4 = function (inject) {
+  if (!inject) return;
+  inject("data-v-1527f97d_0", {
+    source: ".ui-scroll-view__nav-wrap{overflow:hidden;position:relative;display:flex;align-items:center;flex-wrap:nowrap}.ui-scroll-view__nav-wrap.is-row{flex-direction:row}.ui-scroll-view__nav-wrap.is-column{flex-direction:column}.ui-scroll-view__nav-wrap .ui-scroll-view__nav-scroll{overflow:hidden}.ui-scroll-view__nav-wrap .ui-scroll-view__nav-scroll .ui-scroll-view__nav{position:relative;transition:transform .3s;display:flex;flex-wrap:nowrap;float:left}.ui-scroll-view__nav-wrap .ui-scroll-view__nav-scroll .ui-scroll-view__nav.is-row{flex-direction:row}.ui-scroll-view__nav-wrap .ui-scroll-view__nav-scroll .ui-scroll-view__nav.is-column{flex-direction:column}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control{flex:none;width:50px;height:100%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:hidden}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.ui-scroll-view__nav-active{visibility:visible}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control .menu-nav-control{width:25px;height:70px;display:flex;align-items:center;justify-content:center;flex-direction:column}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control .menu-nav-control::after,.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control .menu-nav-control::before{content:'';display:block;position:relative;width:6px;height:50px;background-color:#fff;transition:all .3s ease-in-out;border-radius:3px}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control .menu-nav-control::before{bottom:-4px}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control .menu-nav-control::after{top:-4px}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.ui-scroll-view__nav-prev .menu-nav-control::before{transform:rotate(18deg)}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.ui-scroll-view__nav-prev .menu-nav-control::after{transform:rotate(-18deg)}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.ui-scroll-view__nav-next .menu-nav-control::before{transform:rotate(-18deg)}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.ui-scroll-view__nav-next .menu-nav-control::after{transform:rotate(18deg)}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.ui-scroll-view__nav-prev:hover .menu-nav-control::before{transform:rotate(30deg)}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.ui-scroll-view__nav-prev:hover .menu-nav-control::after{transform:rotate(-30deg)}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.ui-scroll-view__nav-next:hover .menu-nav-control::before{transform:rotate(-30deg)}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.ui-scroll-view__nav-next:hover .menu-nav-control::after{transform:rotate(30deg)}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.is-disabled{pointer-events:none}.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.is-disabled .menu-nav-control::after,.ui-scroll-view__nav-wrap.is-row .ui-scroll-view__nav-control.is-disabled .menu-nav-control::before{background-color:#ccc}.ui-scroll-view__nav-wrap.is-column{height:100%}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control{flex:none;width:100%;height:35px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:hidden}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.ui-scroll-view__nav-active{visibility:visible}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control .menu-nav-control{width:40px;height:17px;display:flex;align-items:center;justify-content:center;flex-direction:row}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control .menu-nav-control::after,.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control .menu-nav-control::before{content:'';display:block;position:relative;width:17px;height:4px;background-color:#fff;transition:all .3s ease-in-out;border-radius:3px}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control .menu-nav-control::before{right:-2.5px}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control .menu-nav-control::after{left:-2.5px}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.ui-scroll-view__nav-prev .menu-nav-control::before{transform:rotate(-18deg)}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.ui-scroll-view__nav-prev .menu-nav-control::after{transform:rotate(18deg)}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.ui-scroll-view__nav-next .menu-nav-control::before{transform:rotate(18deg)}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.ui-scroll-view__nav-next .menu-nav-control::after{transform:rotate(-18deg)}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.ui-scroll-view__nav-prev:hover .menu-nav-control::before{transform:rotate(-30deg)}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.ui-scroll-view__nav-prev:hover .menu-nav-control::after{transform:rotate(30deg)}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.ui-scroll-view__nav-next:hover .menu-nav-control::before{transform:rotate(30deg)}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.ui-scroll-view__nav-next:hover .menu-nav-control::after{transform:rotate(-30deg)}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.is-disabled{pointer-events:none}.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.is-disabled .menu-nav-control::after,.ui-scroll-view__nav-wrap.is-column .ui-scroll-view__nav-control.is-disabled .menu-nav-control::before{background-color:#ccc}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$4 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$4 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$4 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, createInjector, undefined, undefined);
+
+var ScrollView = __vue_component__$4;
+
+//
+var script$3 = {
+  name: "ui-history",
+  components: {
+    ScrollView
+  },
+  props: {
+    items: Array,
+    current: null,
+    visible: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  data() {
+    return {
+      activeContextMenu: "",
+      contextmenu: {
+        width: "0px",
+        left: "0px"
+      }
+    };
+  },
+
+  watch: {
+    async current() {
+      if (!this.$refs.menus) {
+        return;
+      }
+
+      await this.$nextTick();
+      await this.$refs.menus.$nextTick();
+      this.$refs.menus.scrollToActiveItem();
+    }
+
+  },
+
+  mounted() {
+    document.addEventListener("contextmenu", this.onContextMenu);
+  },
+
+  beforeDestroy() {
+    document.removeEventListener("contextmenu", this.onContextMenu);
+  },
+
+  methods: {
+    showContextMenu() {
+      setTimeout(() => {
+        this.$refs.context.broadcast("ElDropdownMenu", "visible", true);
+      });
+    },
+
+    hideContextMenu() {
+      this.$refs.context.broadcast("ElDropdownMenu", "visible", false);
+      this.activeContextMenu = "";
+    },
+
+    onTabClick(path) {
+      this.$router.push({
+        path
+      });
+    },
+
+    onTabRemove(path) {
+      this.$emit("remove-history", {
+        type: "current",
+        name: path
+      });
+    },
+
+    onContextMenu(event) {
+      const container = this.$el.querySelector(".scroll-nav__nav");
+      const index = this.getChildContainIndex(container, event.target);
+      const rect = this.$el.getBoundingClientRect();
+
+      if (index !== -1) {
+        var _this$items$index;
+
+        this.activeContextMenu = (_this$items$index = this.items[index]) === null || _this$items$index === void 0 ? void 0 : _this$items$index.path;
+        this.contextmenu.left = `${event.clientX - rect.left}px`;
+        this.contextmenu.top = `${event.clientY - rect.top}px`;
+        this.showContextMenu();
+        event.preventDefault();
+        return false;
+      }
+
+      const modal = this.$el.querySelector(".modal");
+
+      if (event.target === modal) {
+        event.preventDefault();
+        return false;
+      }
+
+      return true;
+    },
+
+    contextmenuClose(command) {
+      this.$emit("remove-history", {
+        type: command,
+        name: this.activeContextMenu
+      });
+      this.hideContextMenu();
+    },
+
+    getChildContainIndex(container, target) {
+      return Array.from(container.childNodes).findIndex(child => {
+        return this.isContains(child, target);
+      });
+    },
+
+    isContains(container, target) {
+      if (container === target) {
+        return true;
+      }
+
+      const fn = (childNodes, _target) => {
+        return Array.from(childNodes).find(item => {
+          const isEq = item === _target;
+
+          if (isEq) {
+            return true;
+          }
+
+          if (!item.childNodes.length) {
+            return false;
+          }
+
+          return fn(item.childNodes, _target);
+        });
+      };
+
+      return fn(container.childNodes, target);
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$3 = script$3;
+/* template */
+
+var __vue_render__$3 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visible,
+      expression: "visible"
+    }],
+    staticClass: "history"
+  }, [_c('scroll-view', {
+    ref: "menus",
+    staticClass: "history-tabs"
+  }, _vm._l(_vm.items, function (item) {
+    return _c('div', {
+      key: item.path,
+      class: ['history-menu', _vm.current === item.path ? 'is-active' : ''],
+      on: {
+        "click": function ($event) {
+          return _vm.onTabClick(item.path);
+        }
+      }
+    }, [_c('span', {
+      staticClass: "ellipsis",
+      attrs: {
+        "title": item.title
+      }
+    }, [_vm._v(_vm._s(item.title))]), _vm._v(" "), _c('i', {
+      staticClass: "el-icon-close",
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          return _vm.onTabRemove(item.path);
+        }
+      }
+    })]);
+  }), 0), _vm._v(" "), _c('div', {
+    staticClass: "contextmenu",
+    style: _vm.contextmenu
+  }, [_c('div', {
+    ref: "modal",
+    staticClass: "modal",
+    style: {
+      display: _vm.activeContextMenu ? 'block' : 'none'
+    },
+    on: {
+      "click": _vm.hideContextMenu
+    }
+  }), _vm._v(" "), _c('el-dropdown', {
+    ref: "context",
+    staticClass: "history-dropdown",
+    attrs: {
+      "trigger": "click",
+      "placement": "top-start"
+    },
+    on: {
+      "command": _vm.contextmenuClose
+    }
+  }, [_c('span'), _vm._v(" "), _c('el-dropdown-menu', {
+    staticClass: "history-contextmenu",
+    attrs: {
+      "slot": "dropdown",
+      "visible-arrow": false
+    },
+    slot: "dropdown"
+  }, [_c('el-dropdown-item', {
+    attrs: {
+      "command": "left"
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-arrow-left"
+  }), _vm._v("\n          关闭左侧\n        ")]), _vm._v(" "), _c('el-dropdown-item', {
+    attrs: {
+      "command": "right"
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-arrow-right"
+  }), _vm._v("\n          关闭右侧\n        ")]), _vm._v(" "), _c('el-dropdown-item', {
+    attrs: {
+      "command": "other"
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-close"
+  }), _vm._v("\n          关闭其它\n        ")]), _vm._v(" "), _c('el-dropdown-item', {
+    attrs: {
+      "command": "all"
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-circle-close"
+  }), _vm._v("\n          全部关闭\n        ")])], 1)], 1)], 1)], 1);
+};
+
+var __vue_staticRenderFns__$3 = [];
+/* style */
+
+const __vue_inject_styles__$3 = function (inject) {
+  if (!inject) return;
+  inject("data-v-d36fabca_0", {
+    source: ".history{flex:none;height:40px;position:relative;margin:10px 0 0}.history .history-tabs.scroll-nav__nav-wrap{left:0;right:0;top:0;bottom:0;position:absolute;align-items:flex-end}.history .history-tabs.scroll-nav__nav-wrap .scroll-nav__nav-scroll{flex:1}.history .history-tabs.scroll-nav__nav-wrap .scroll-nav__nav-control{width:20px;height:30px}.history .history-tabs.scroll-nav__nav-wrap .scroll-nav__nav-control.is-disabled .menu-nav-control::after,.history .history-tabs.scroll-nav__nav-wrap .scroll-nav__nav-control.is-disabled .menu-nav-control::before{background:var(--color-primary-light-3)}.history .history-tabs.scroll-nav__nav-wrap .scroll-nav__nav{align-items:flex-end}.history .history-tabs.scroll-nav__nav-wrap .menu-nav-control{height:30px}.history .history-tabs.scroll-nav__nav-wrap .menu-nav-control::after,.history .history-tabs.scroll-nav__nav-wrap .menu-nav-control::before{width:3px;height:12px;background:var(--color-primary-light-6)}.history .history-tabs.scroll-nav__nav-wrap .menu-nav-control::before{bottom:-2px}.history .history-tabs.scroll-nav__nav-wrap .menu-nav-control::after{top:-2px}.history .contextmenu{width:0;height:0;position:absolute;top:0;left:0}.history .contextmenu .modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:99}.history .history-menu{height:30px;color:#fff;font-size:14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;background:rgba(83,109,139,.6);border-radius:5px 5px 0 0;transition:all .3s ease-in-out;position:relative;background:var(--color-primary-light-9)}.history .history-menu+.history-menu{border-left:1px solid var(--color-darken-primary-2)}.history .history-menu.is-active{height:40px;color:#fff;background:var(--color-darken-primary-2);text-shadow:2px 2px 2px rgba(0,0,0,.95);box-shadow:7px 5px 5px rgba(0,0,0,.2);z-index:1}.history .history-menu:hover i{opacity:1}.history .history-menu>span{flex:1;padding:0 25px}.history .history-menu>i{position:absolute;top:2px;right:3px;opacity:.3;width:14px;height:14px;font-size:12px;border-radius:50%;transition:opacity .3s ease-in-out}.history .history-menu>i:hover{background-color:var(--color-primary)}.history .el-tabs{background:0 0}.history .el-tabs>.el-tabs__header{background:0 0;border-bottom:none}.history .el-tabs>.el-tabs__header .el-tabs__nav{border:none}.history .el-tabs>.el-tabs__header .el-tabs__nav-wrap::after{content:unset}.history .el-tabs>.el-tabs__content{padding:0}.history .el-tabs .el-tabs__nav-next,.history .el-tabs .el-tabs__nav-prev{color:#536d8b;width:20px;line-height:39px;text-align:center;font-size:18px}.history .el-tabs .el-tabs__nav-prev{border-right:1px solid #ddd}.history .el-tabs .el-tabs__nav-next{border-left:1px solid #ddd}.history .el-tabs .el-tabs__item{margin:8px;border:none;height:34px;line-height:34px;background:#2e557e;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;display:inline-flex;flex-direction:row;align-items:center}.history .history-tab-title{width:6em;display:inline-block;vertical-align:middle}.history-dropdown{position:absolute;top:0;left:0}.history-contextmenu.el-popper{margin-top:0}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$3 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$3 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$3 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$3,
+  staticRenderFns: __vue_staticRenderFns__$3
+}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, createInjector, undefined, undefined);
+
+var History$1 = __vue_component__$3;
+
+var History = {
+  install: Vue => {
+    Vue.component(History$1.name, History$1);
+  }
+};
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var script$2 = {
+  name: 'ui-minimize',
+  props: {
+    direction: {
+      validator: val => ['top', 'right', 'bottom', 'left'].indexOf(val) !== -1
+    },
+    value: {
+      type: Boolean,
+      default: false
+    },
+    theme: String
+  },
+
+  data() {
+    return {
+      hover: false
+    };
+  },
+
+  computed: {
+    isVertical() {
+      return ['left', 'right'].includes(this.direction);
+    }
+
+  },
+  watch: {
+    value(v) {
+      this.doCollapse(v);
+    }
+
+  },
+
+  mounted() {
+    this.init();
+    this.doCollapse(this.value);
+  },
+
+  beforeDestroy() {
+    const parent = this.$el.parentElement;
+    parent && parent.removeEventListener('mouseenter', this.onMouseEnter);
+    parent && parent.removeEventListener('mouseleave', this.onMouseLeave);
+  },
+
+  methods: {
+    init() {
+      const parent = this.$el.parentElement;
+      const style = parent.style; // init style
+
+      style.position = 'relative';
+      style.transitionProperty = 'width, height';
+      style.transitionDuration = '300ms';
+      style.transitionTimingFunction = 'ease-in-out'; // init mouse event
+
+      parent.addEventListener('mouseenter', this.onMouseEnter);
+      parent.addEventListener('mouseleave', this.onMouseLeave);
+    },
+
+    onMouseEnter() {
+      this.hover = true;
+    },
+
+    onMouseLeave() {
+      this.hover = false;
+    },
+
+    handleToggle() {
+      this.$emit('input', !this.value);
+      this.$emit('change', !this.value);
+    },
+
+    doCollapse(collapse) {
+      const parent = this.$el.parentElement;
+      const style = parent.style;
+
+      if (collapse) {
+        // 收起
+        if (this.isVertical) {
+          parent.childNodes.forEach(node => {
+            if (node !== this.$el) {
+              node.style && node.style.setProperty('transform', 'scaleX(0)');
+            }
+          });
+          style && style.setProperty('width', '0');
+        } else {
+          parent.childNodes.forEach(node => {
+            if (node !== this.$el) {
+              node.style && node.style.setProperty('transform', 'scaleY(0)');
+            }
+          });
+          style && style.setProperty('height', '0');
+        }
+      } else {
+        // 展开
+        if (this.isVertical) {
+          style && style.removeProperty('width');
+        } else {
+          style && style.removeProperty('height');
+        }
+
+        parent.childNodes.forEach(node => {
+          if (node !== this.$el && node.style) {
+            node.style && node.style.removeProperty('transform');
+          }
+        });
+      }
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$2 = script$2;
+/* template */
+
+var __vue_render__$2 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    class: ['minimize', _vm.direction, _vm.theme, {
+      collapse: _vm.value,
+      hover: _vm.hover
+    }],
+    on: {
+      "click": _vm.handleToggle
+    }
+  }, [_c('div', {
+    staticClass: "line"
+  }), _vm._v(" "), _c('div', {
+    staticClass: "indicator"
+  })]);
+};
+
+var __vue_staticRenderFns__$2 = [];
+/* style */
+
+const __vue_inject_styles__$2 = function (inject) {
+  if (!inject) return;
+  inject("data-v-dbd77edc_0", {
+    source: ".minimize[data-v-dbd77edc]{position:absolute;display:flex;align-items:center;cursor:pointer}.minimize .line[data-v-dbd77edc]{position:absolute;background-color:#ccc;transition-duration:.2s;transition-property:background-color,width,height;transition-timing-function:ease-in-out}.minimize .indicator[data-v-dbd77edc]{opacity:.6;background-color:#ccc;transition-duration:.2s;transition-property:background-color,opacity;transition-timing-function:ease-in-out}.minimize.hover .indicator[data-v-dbd77edc]{opacity:1}.minimize.bottom[data-v-dbd77edc],.minimize.top[data-v-dbd77edc]{left:0;right:0;height:14px;flex-direction:column}.minimize.bottom .line[data-v-dbd77edc],.minimize.top .line[data-v-dbd77edc]{height:1px;width:100%}.minimize.bottom .indicator[data-v-dbd77edc],.minimize.top .indicator[data-v-dbd77edc]{width:36px;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.minimize.bottom .indicator[data-v-dbd77edc]::after,.minimize.bottom .indicator[data-v-dbd77edc]::before,.minimize.top .indicator[data-v-dbd77edc]::after,.minimize.top .indicator[data-v-dbd77edc]::before{content:'';display:block;position:relative;width:10px;height:2px;background-color:#fff;transition:all .3s ease-in-out}.minimize.bottom .indicator[data-v-dbd77edc]::before,.minimize.top .indicator[data-v-dbd77edc]::before{left:1px}.minimize.bottom .indicator[data-v-dbd77edc]::after,.minimize.top .indicator[data-v-dbd77edc]::after{right:1px}.minimize.bottom:hover .line[data-v-dbd77edc],.minimize.top:hover .line[data-v-dbd77edc]{height:2px;background-color:#3da8f5}.minimize.bottom:hover .indicator[data-v-dbd77edc],.minimize.top:hover .indicator[data-v-dbd77edc]{opacity:1;background-color:#3da8f5}.minimize.left[data-v-dbd77edc],.minimize.right[data-v-dbd77edc]{width:14px;top:0;bottom:0;flex-direction:row}.minimize.left .line[data-v-dbd77edc],.minimize.right .line[data-v-dbd77edc]{width:1px;height:100%}.minimize.left .indicator[data-v-dbd77edc],.minimize.right .indicator[data-v-dbd77edc]{width:100%;height:36px;display:flex;align-items:center;justify-content:center;flex-direction:column}.minimize.left .indicator[data-v-dbd77edc]::after,.minimize.left .indicator[data-v-dbd77edc]::before,.minimize.right .indicator[data-v-dbd77edc]::after,.minimize.right .indicator[data-v-dbd77edc]::before{content:'';display:block;position:relative;width:2px;height:10px;background-color:#fff;transition:all .3s ease-in-out}.minimize.left .indicator[data-v-dbd77edc]::before,.minimize.right .indicator[data-v-dbd77edc]::before{bottom:-1px}.minimize.left .indicator[data-v-dbd77edc]::after,.minimize.right .indicator[data-v-dbd77edc]::after{top:-1px}.minimize.left:hover .line[data-v-dbd77edc],.minimize.right:hover .line[data-v-dbd77edc]{width:2px;background-color:#3da8f5}.minimize.left:hover .indicator[data-v-dbd77edc],.minimize.right:hover .indicator[data-v-dbd77edc]{opacity:1;background-color:#3da8f5}.minimize.top[data-v-dbd77edc]{bottom:-14px}.minimize.top .line[data-v-dbd77edc]{top:0}.minimize.top .indicator[data-v-dbd77edc]{border-radius:0 0 4px 4px}.minimize.top:hover .indicator[data-v-dbd77edc]::before{transform:rotate(-24deg)}.minimize.top:hover .indicator[data-v-dbd77edc]::after{transform:rotate(24deg)}.minimize.top.collapse:hover .indicator[data-v-dbd77edc]{opacity:1}.minimize.top.collapse:hover .indicator[data-v-dbd77edc]::before{transform:rotate(24deg)}.minimize.top.collapse:hover .indicator[data-v-dbd77edc]::after{transform:rotate(-24deg)}.minimize.right[data-v-dbd77edc]{left:-14px}.minimize.right .line[data-v-dbd77edc]{right:0}.minimize.right .indicator[data-v-dbd77edc]{border-radius:4px 0 0 4px}.minimize.right:hover .indicator[data-v-dbd77edc]::before{transform:rotate(-24deg)}.minimize.right:hover .indicator[data-v-dbd77edc]::after{transform:rotate(24deg)}.minimize.right.collapse .indicator[data-v-dbd77edc]{opacity:1}.minimize.right.collapse .indicator[data-v-dbd77edc]::before{transform:rotate(24deg)}.minimize.right.collapse .indicator[data-v-dbd77edc]::after{transform:rotate(-24deg)}.minimize.bottom[data-v-dbd77edc]{top:-14px}.minimize.bottom .line[data-v-dbd77edc]{bottom:0}.minimize.bottom .indicator[data-v-dbd77edc]{border-radius:4px 4px 0 0}.minimize.bottom:hover .indicator[data-v-dbd77edc]::before{transform:rotate(24deg)}.minimize.bottom:hover .indicator[data-v-dbd77edc]::after{transform:rotate(-24deg)}.minimize.bottom.collapse .indicator[data-v-dbd77edc]{opacity:1}.minimize.bottom.collapse .indicator[data-v-dbd77edc]::before{transform:rotate(-24deg)}.minimize.bottom.collapse .indicator[data-v-dbd77edc]::after{transform:rotate(24deg)}.minimize.left[data-v-dbd77edc]{right:-14px}.minimize.left .line[data-v-dbd77edc]{left:0}.minimize.left .indicator[data-v-dbd77edc]{border-radius:0 4px 4px 0}.minimize.left:hover .indicator[data-v-dbd77edc]::before{transform:rotate(24deg)}.minimize.left:hover .indicator[data-v-dbd77edc]::after{transform:rotate(-24deg)}.minimize.left.collapse .indicator[data-v-dbd77edc]{opacity:1}.minimize.left.collapse .indicator[data-v-dbd77edc]::before{transform:rotate(-24deg)}.minimize.left.collapse .indicator[data-v-dbd77edc]::after{transform:rotate(24deg)}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$2 = "data-v-dbd77edc";
+/* module identifier */
+
+const __vue_module_identifier__$2 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$2 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$2,
+  staticRenderFns: __vue_staticRenderFns__$2
+}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, createInjector, undefined, undefined);
+
+var Minimize$1 = __vue_component__$2;
+
+var Minimize = {
+  install: Vue => {
+    Vue.component(Minimize$1.name, Minimize$1);
+  }
+};
+
+//
+var script$1 = {
+  name: 'ui-page',
+  inheritAttrs: false,
+  components: {
+    DocumentTitle: DocumentTitle$1
+  },
+  props: {
+    direction: {
+      type: String,
+      validator: val => ['row', 'column'].includes(val),
+      default: 'column'
+    },
+    title: {
+      type: String
+    }
+  },
+  computed: {
+    titleReal() {
+      return this.title || this.$route.meta.name || '';
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$1 = script$1;
+/* template */
+
+var __vue_render__$1 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('document-title', {
+    attrs: {
+      "title": _vm.titleReal
+    }
+  }, [_c('div', {
+    staticClass: "ui-page",
+    class: {
+      'ui-page-direction-row': _vm.direction === 'row'
+    }
+  }, [_vm._t("default")], 2)]);
+};
+
+var __vue_staticRenderFns__$1 = [];
+/* style */
+
+const __vue_inject_styles__$1 = function (inject) {
+  if (!inject) return;
+  inject("data-v-c919c990_0", {
+    source: ".ui-page{display:flex;flex-direction:column;overflow:auto;position:relative}.ui-page.ui-page-direction-row{flex-direction:row}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$1 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$1 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$1 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, createInjector, undefined, undefined);
+
+var Page$1 = __vue_component__$1;
+
+//
+var script = {
+  name: 'ui-search-page',
+  components: {
+    Multipane,
+    MultipaneResizer,
+    DocumentTitle: DocumentTitle$1
+  },
+  props: {
+    value: {
+      type: String,
+      default: '360px'
+    },
+    min: {
+      type: String,
+      default: '200px'
+    },
+    max: {
+      type: String,
+      default: '600px'
+    },
+    direction: {
+      type: String,
+      validator: val => ['row', 'column'].includes(val),
+      default: 'column'
+    }
+  },
+
+  data() {
+    return {
+      collapse: false
+    };
+  },
+
+  computed: {
+    title() {
+      return this.$route.meta.name || '';
+    },
+
+    searchConditionsStyle() {
+      let width = this.value;
+      let min = this.min;
+
+      if (this.collapse) {
+        min = 0;
+        width = 0;
+      }
+
+      return {
+        width: width,
+        minWidth: min,
+        maxWidth: this.max
+      };
+    }
+
+  },
+  methods: {
+    toggleCollapse() {
+      this.collapse = !this.collapse;
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+/* template */
+
+var __vue_render__ = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('document-title', {
+    attrs: {
+      "title": _vm.title
+    }
+  }, [_c('multipane', {
+    staticClass: "router-search-page"
+  }, [_c('div', {
+    staticClass: "page-search-conditions",
+    class: {
+      collapse: _vm.collapse
+    },
+    style: _vm.searchConditionsStyle
+  }, [_c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.collapse,
+      expression: "!collapse"
+    }],
+    staticClass: "search-content"
+  }, [_vm._t("search")], 2), _vm._v(" "), _c('div', {
+    staticClass: "indicator",
+    on: {
+      "click": _vm.toggleCollapse
+    }
+  })]), _vm._v(" "), _c('multipane-resizer', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.collapse,
+      expression: "!collapse"
+    }]
+  }), _vm._v(" "), _c('div', {
+    staticClass: "page-search-content",
+    class: {
+      'page-content-direction-row': _vm.direction === 'row'
+    }
+  }, [_vm._t("default")], 2)], 1)], 1);
+};
+
+var __vue_staticRenderFns__ = [];
+/* style */
+
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-2cbdcdcc_0", {
+    source: ".router-search-page{height:100%}.router-search-page .page-search-conditions{display:flex;flex-direction:column;position:relative}.router-search-page .page-search-conditions .search-content{flex:1;display:flex;flex-direction:column}.router-search-page .page-search-conditions .indicator{position:absolute;top:50%;right:0;transform:translateY(-50%);width:14px;height:36px;opacity:.3;background-color:#ccc;transition-duration:.2s;transition-property:background-color,opacity;transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:4px 0 0 4px;cursor:pointer}.router-search-page .page-search-conditions .indicator:hover{opacity:1;background-color:var(--color-primary)}.router-search-page .page-search-conditions .indicator:hover:before{transform:rotate(24deg)}.router-search-page .page-search-conditions .indicator:hover:after{transform:rotate(-24deg)}.router-search-page .page-search-conditions .indicator::after,.router-search-page .page-search-conditions .indicator::before{content:\"\";display:block;position:relative;width:2px;height:10px;background-color:#fff;transition:all .3s ease-in-out}.router-search-page .page-search-conditions .indicator::before{bottom:-1px}.router-search-page .page-search-conditions .indicator::after{top:-1px}.router-search-page .page-search-conditions.collapse{z-index:2}.router-search-page .page-search-conditions.collapse .indicator{border-radius:0 4px 4px 0;right:-14px}.router-search-page .page-search-conditions.collapse .indicator:hover:before{transform:rotate(-24deg)}.router-search-page .page-search-conditions.collapse .indicator:hover:after{transform:rotate(24deg)}.router-search-page .page-search-content{flex:1;position:relative;display:flex;flex-direction:column;overflow:auto}.router-search-page .page-search-content.page-search-content-direction-row{flex-direction:row}.router-search-page.layout-v>.multipane-resizer{margin:0;left:0;position:relative}.router-search-page.layout-v>.multipane-resizer.collapse{display:none}.router-search-page.layout-v>.multipane-resizer:before{display:block;content:\"\";width:3px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-left:1px solid #ccc;border-right:1px solid #ccc}.router-search-page.layout-v>.multipane-resizer:hover:before{border-color:#999}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__ = undefined;
+/* module identifier */
+
+const __vue_module_identifier__ = undefined;
+/* functional template */
+
+const __vue_is_functional_template__ = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
+
+var SearchPage = __vue_component__;
+
+var Page = {
+  install: Vue => {
+    Vue.component(Page$1.name, Page$1);
+    Vue.component(SearchPage.name, SearchPage);
+  }
+};
+
+const components = [Icon, Form, Table, Dialog, Drawer, Fragment, Provider, Permission, DocumentTitle$1, FillView, HeadMenu, History, Minimize, Page];
+var Components = {
+  install: (Vue, opt) => {
+    components.forEach(component => {
+      Vue.use(component, opt);
+    });
+  }
+};
+
+/**
+ * 以引用的特性构建tree
+ */
+const array2Tree = function (arr) {
+  let opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  if (!Array.isArray(arr) && !arr.length) {
+    return [];
+  }
+
+  const DEFAULT_OPT = {
+    identifyKey: 'id',
+    parentKey: 'upId',
+    childrenKey: 'children'
+  };
+  opt = Object.assign({}, DEFAULT_OPT, opt);
+  const root = {
+    [opt.childrenKey]: []
+  };
+  arr.forEach((item, i, arr) => {
+    const p = arr.find(it => it[opt.identifyKey] === item[opt.parentKey]);
+
+    if (!p) {
+      root[opt.childrenKey][root[opt.childrenKey].length] = item;
+    } else {
+      p[opt.childrenKey] = p[opt.childrenKey] || [];
+      p[opt.childrenKey][p[opt.childrenKey].length] = item;
+    }
+  });
+  return root[opt.childrenKey];
+};
+var arrays = {
+  array2Tree
+};
+
+var mixin = {
+  data() {
+    return {
+      historyItems: [],
+      historyCurrent: null
+    };
+  },
+
+  computed: { ...mapState(['menus']),
+
+    sideMenuTree() {
+      const matched = this.$route.matched;
+      const parent = this.menus.find(p => matched.find(m => m.path === p.url));
+
+      if (!parent) {
+        return [];
+      }
+
+      return this.filterMenu(parent.children);
+    },
+
+    sideMenuList() {
+      const tree = this.sideMenuTree;
+
+      const expandTree = tree => {
+        if (!Array.isArray(tree)) {
+          return [];
+        }
+
+        return tree.reduce((total, item) => {
+          const {
+            children,
+            ...rest
+          } = item;
+          total.push(rest);
+          total.push(...expandTree(children));
+          return total;
+        }, []);
+      };
+
+      return expandTree(tree);
+    }
+
+  },
+
+  created() {
+    this.$router.beforeEach(async (to, from, next) => {
+      next();
+      await this.enterRoute(to);
+    });
+  },
+
+  mounted() {
+    this.enterRoute(this.$route);
+    this.$root.$on('closeTab', this.onCloseTab);
+  },
+
+  beforeDestroy() {
+    this.$root.$off('closeTab', this.onCloseTab);
+  },
+
+  methods: {
+    async enterRoute(route) {
+      route = route.matched[route.matched.length - 1];
+      this.closePage(route);
+
+      if (this.isCurrentRoute(route)) {
+        if (this.historyCurrent) {
+          await this.nextMacro();
+          await this.$router.replace(this.$router.resolve(this.historyCurrent).resolved);
+        } else {
+          const current = this.findRoute(route.path, this.menus);
+
+          if (!current) {
+            await this.nextMacro();
+            await this.$router.replace({
+              path: '/'
+            });
+          } else {
+            await this.nextMacro();
+            await this.$router.replace({
+              path: current.children[0].url
+            });
+          }
+        }
+
+        return;
+      }
+
+      this.pushHistory(route);
+    },
+
+    isCurrentRoute(route) {
+      if (!route) {
+        return false;
+      }
+
+      return Object.values(route.instances).some(cmp => cmp === this);
+    },
+
+    findRoute(path, menus) {
+      return menus.reduce((result, menu) => {
+        if (result) {
+          return result;
+        }
+
+        if (menu.url === path) {
+          return menu;
+        }
+
+        if (Array.isArray(menu.children) && menu.children.length > 0) {
+          return this.findRoute(path, menu.children);
+        }
+
+        return null;
+      }, null);
+    },
+
+    filterMenu(menus) {
+      if (!Array.isArray(menus)) {
+        return [];
+      }
+
+      return menus.reduce((prev, _ref) => {
+        let {
+          children,
+          ...menu
+        } = _ref;
+
+        if ([1, 2, 100].includes(menu.type)) {
+          if (Array.isArray(children) && children.length > 0) {
+            menu.children = this.filterMenu(children);
+          }
+
+          prev.push(menu);
+        }
+
+        return prev;
+      }, []);
+    },
+
+    pushHistory(route) {
+      if (!this.isInclude(route)) {
+        return;
+      }
+
+      if (!this.isMenu(route, [2, 100])) {
+        return;
+      }
+
+      const item = this.historyItems.find(item => item.path === route.path);
+
+      if (item) {
+        item.path = route.path;
+        item.title = route.meta.name || 'Title'; // 更新title(通过 beforeRouteEnter 修改 meta 达到更新 title)
+      } else {
+        this.historyItems.push({
+          id: route.meta.id,
+          type: route.meta.type,
+          path: route.path,
+          title: route.meta.name || 'Title'
+        });
+      }
+
+      this.historyCurrent = route.path;
+    },
+
+    isInclude(route) {
+      return this.$router.match(route.path).matched.some(item => {
+        return Object.values(item.instances).some(cmp => cmp === this);
+      });
+    },
+
+    // 自动关闭 type为100的菜单
+    closePage(currentRoute) {
+      const currentRouteId = currentRoute.meta.id;
+      const pages = this.historyItems.filter(item => item.type === 100);
+      pages.forEach(page => {
+        if (page.id === currentRouteId) {
+          return;
+        }
+
+        const index = this.historyItems.findIndex(item => item.id === page.id);
+
+        if (index === -1) {
+          return;
+        }
+
+        this.historyItems.splice(index, 1);
+      });
+    },
+
+    // 是菜单而不是目录等其它类型
+    isMenu(route, allowTypes) {
+      const menu = this.sideMenuList.find(menu => menu.id === route.meta.id);
+      return menu && allowTypes.includes(menu.type);
+    },
+
+    onRemoveHistory(_ref2) {
+      let {
+        type,
+        name
+      } = _ref2;
+
+      switch (type) {
+        case 'current':
+          this.onRemoveCurrentHistory(name);
+          break;
+
+        case 'left':
+          this.onRemoveLeftHistory(name);
+          break;
+
+        case 'right':
+          this.onRemoveRightHistory(name);
+          break;
+
+        case 'other':
+          this.onRemoveOtherHistory(name);
+          break;
+
+        default:
+          this.onRemoveAllHistory();
+      }
+    },
+
+    onRemoveCurrentHistory(name) {
+      const index = this.historyItems.findIndex(item => item.path === name);
+
+      if (index === -1) {
+        return;
+      }
+
+      this.historyItems.splice(index, 1);
+
+      if (name !== this.historyCurrent) {
+        return;
+      }
+
+      if (this.historyItems.length <= 0) {
+        this.historyCurrent = null;
+        this.$router.push({
+          path: '/loading'
+        });
+        return;
+      }
+
+      const nextIndex = Math.min(index, this.historyItems.length - 1);
+      const nextItem = this.historyItems[nextIndex];
+      this.$router.push({
+        path: nextItem.path
+      });
+    },
+
+    onRemoveLeftHistory(name) {
+      const index = this.historyItems.findIndex(item => item.path === name);
+
+      if (index < 1) {
+        return;
+      }
+
+      const currentIndex = this.historyItems.findIndex(item => item.path === this.historyCurrent);
+      this.historyItems.splice(0, index);
+
+      if (currentIndex >= index) {
+        return;
+      }
+
+      const nextItem = this.historyItems[0];
+      this.$router.push({
+        path: nextItem.path
+      });
+    },
+
+    onRemoveRightHistory(name) {
+      const index = this.historyItems.findIndex(item => item.path === name);
+
+      if (index === -1) {
+        return;
+      }
+
+      const currentIndex = this.historyItems.findIndex(item => item.path === this.historyCurrent);
+      this.historyItems.splice(index + 1, Infinity);
+
+      if (currentIndex <= index) {
+        return;
+      }
+
+      const nextItem = this.historyItems[index];
+      this.$router.push({
+        path: nextItem.path
+      });
+    },
+
+    onRemoveOtherHistory(name) {
+      const index = this.historyItems.findIndex(item => item.path === name);
+
+      if (index === -1) {
+        return;
+      }
+
+      this.historyItems = this.historyItems.slice(index, index + 1);
+
+      if (name === this.historyCurrent) {
+        return;
+      }
+
+      const nextItem = this.historyItems[0];
+      this.$router.push({
+        path: nextItem.path
+      });
+    },
+
+    onRemoveAllHistory() {
+      this.historyItems = [];
+      this.historyCurrent = null;
+      this.$router.push({
+        path: '/loading'
+      });
+    },
+
+    onCloseTab(path) {
+      let next = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+      if (next) {
+        this.onRemoveHistory({
+          type: 'current',
+          name: path
+        });
+      } else {
+        const index = this.historyItems.findIndex(item => item.path === path);
+
+        if (index === -1) {
+          return;
+        }
+
+        this.historyItems.splice(index, 1);
+      }
+    }
+
+  }
 };
 
 var index = {
@@ -10808,8 +12648,9 @@ var index = {
     Config.init(Vue, opt);
     Vue.use(Plugins, opt);
     Vue.use(Mixins, opt);
+    Vue.use(Directives, opt);
     Vue.use(Components, opt);
   }
 };
 
-export { arrays as Arrays, Axios, CascadeField, Date$1 as Dates, FieldMixin, Objects, Router, Store, Strings, Upload, addFieldType, index as default };
+export { arrays as Arrays, Axios, CascadeField, Date$1 as Dates, FieldMixin, mixin as HistoryMixin, Objects, Router, Store, Strings, Upload, addFieldType, index as default };