@v2coding/ui 1.4.3 → 1.5.0

package/dist/v2coding-ui.esm.js

@@ -659,8 +659,8 @@ const getSetting = () => {
   return Objects.merge({}, setting);
 };
 
-/**
- * 自动解析 get/post 请求并提示信息(解析返回信息中的 message/data 字段)
+/**
+ * 自动解析 get/post 请求并提示信息(解析返回信息中的 message/data 字段)
  */
 var AxiosWithMessage = {
   methods: {
@@ -733,9 +733,9 @@ var AxiosWithMessage = {
   }
 };
 
-/**
- * 注: 需要在 data 中先配置好 api
- * 提供 select/selectList/create/update/delete/deleteList 方法及每个方法请求时对应的请求状态
+/**
+ * 注: 需要在 data 中先配置好 api
+ * 提供 select/selectList/create/update/delete/deleteList 方法及每个方法请求时对应的请求状态
  */
 var EntityRequest = {
   data() {
@@ -871,8 +871,8 @@ var EntityRequest = {
   }
 };
 
-/**
- * router 进入时自动执行 refresh 方法.(解决 keep-alive 缓存页面再次进入时统一刷新页面)
+/**
+ * router 进入时自动执行 refresh 方法.(解决 keep-alive 缓存页面再次进入时统一刷新页面)
  */
 var Refresh = {
   beforeRouteEnter(to, from, next) {
@@ -893,11 +893,11 @@ var Refresh = {
 
 var Utils = {
   methods: {
-    /**
-     *
-     * @param {Number} min
-     * @param {Number} max
-     * @return {*}
+    /**
+     *
+     * @param {Number} min
+     * @param {Number} max
+     * @return {*}
      */
     random() {
       let min = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -937,9 +937,9 @@ var Mixins = {
   }
 };
 
-/**
- * 打印页面中的指定的 dom
- * @param element elementNode
+/**
+ * 打印页面中的指定的 dom
+ * @param element elementNode
  */
 const print = element => {
   if (!element || element.nodeType !== 1) {
@@ -960,9 +960,9 @@ const print = element => {
   };
 };
 
-/**
- * @param {Array|String} identities 权限标识
- * @return {Boolean} 是否含有权限
+/**
+ * @param {Array|String} identities 权限标识
+ * @return {Boolean} 是否含有权限
  */
 
 const permission = identities => {
@@ -1114,132 +1114,132 @@ var script$B = {
   }
 };
 
-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 */
@@ -1723,9 +1723,9 @@ const getInputTypeText = type => {
   return input;
 };
 const VType = Object.create(null);
-/**
- * type: {String} 名称
- * func: {Function} (props, ...args) => {...}. props: {name,label,type,placeholder,vtype}; ...args: 通过":"传递的参数
+/**
+ * type: {String} 名称
+ * func: {Function} (props, ...args) => {...}. props: {name,label,type,placeholder,vtype}; ...args: 通过":"传递的参数
  */
 
 const addVType = (type, func) => {
@@ -1970,11 +1970,11 @@ const DefaultVType = {
   newComplexCipher: () => {
     return {
       validator: (rule, value, callback) => {
-        // 密码长度不少于8位且必须包含大小写字母、数字和特殊字符
-        const passwordPattern = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+\-=,.;'\":\\\\/<>\?])[A-Za-z\d~!@#$%^&*()_+\-=,.;'\":\\\\/<>\?]{8,}$/;
+        // 密码长度不少于8位且必须包含字母、数字和特殊字符
+        const passwordPattern = /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+\-=,.;'\":\\\\/<>\?])[A-Za-z\d~!@#$%^&*()_+\-=,.;'\":\\\\/<>\?]{8,}$/;
 
         if (!passwordPattern.test(value)) {
-          callback(new Error('密码长度不少于8位且必须包含大小写字母、数字和特殊字符'));
+          callback(new Error('密码长度不少于8位且必须包含字母、数字和特殊字符'));
         } else {
           callback();
         }
@@ -2310,10 +2310,10 @@ var DataMixin = {
       })
     },
 
-    /**
-     * 级联
-     * 当 depends 中每一个 key 改变则重新请求数据并重置当前 data 为空
-     * 当 depends 中某一个 key 为空则只重置当前 data 为空(所级联的上级清空了)
+    /**
+     * 级联
+     * 当 depends 中每一个 key 改变则重新请求数据并重置当前 data 为空
+     * 当 depends 中某一个 key 为空则只重置当前 data 为空(所级联的上级清空了)
      */
     depends: {
       type: [Boolean, Object],
@@ -3463,8 +3463,8 @@ var script$u = {
       });
     },
 
-    /**
-     * 展开有层级关系的 list
+    /**
+     * 展开有层级关系的 list
      */
     getExpandList(data, valueKey, upValue) {
       return data.reduce((prev, _ref) => {
@@ -3484,13 +3484,13 @@ var script$u = {
       }, []);
     },
 
-    /**
-     * 返回
-     * {
-     *   child1: [father1,grandfather1,...],
-     *   child2: [father2,grandfather2,...],
-     *   ...
-     * }
+    /**
+     * 返回
+     * {
+     *   child1: [father1,grandfather1,...],
+     *   child2: [father2,grandfather2,...],
+     *   ...
+     * }
      */
     getExpandMap(data) {
       const {
@@ -3663,20 +3663,20 @@ const __vue_component__$v = /*#__PURE__*/normalizeComponent({
 
 var CascadeField = __vue_component__$v;
 
-/**
- * @param text
- * @param unit
- years  y
- quarters  Q
- months  M
- weeks  w
- days  d
- hours  h
- minutes  m
- seconds  s
- milliseconds  ms
- * @param num num > 0 表示当前时间之前; num < 0 表示当前时间之后
- * @return {{onClick(*): void, text: *}|null}
+/**
+ * @param text
+ * @param unit
+ years  y
+ quarters  Q
+ months  M
+ weeks  w
+ days  d
+ hours  h
+ minutes  m
+ seconds  s
+ milliseconds  ms
+ * @param num num > 0 表示当前时间之前; num < 0 表示当前时间之后
+ * @return {{onClick(*): void, text: *}|null}
  */
 
 const generateShortcut = (text, unit, num) => {
@@ -4978,10 +4978,10 @@ var script$l = {
       default: true
     },
 
-    /**
-     * eg: beforeUpload(file) { ... }
-     *
-     * return false will cancel upload
+    /**
+     * eg: beforeUpload(file) { ... }
+     *
+     * return false will cancel upload
      **/
     beforeUpload: {
       type: Function,
@@ -5845,10 +5845,10 @@ const FormFields = {
   TriggerField,
   IconsField
 };
-/**
- *
- * @param type {string}
- * @param field
+/**
+ *
+ * @param type {string}
+ * @param field
  */
 
 const addFieldType = (type, field) => {
@@ -5948,9 +5948,9 @@ var script$g = {
     info: String,
     rules: null,
 
-    /**
-     * 是否显示 label 后面的冒号
-     * 默认显示
+    /**
+     * 是否显示 label 后面的冒号
+     * 默认显示
      */
     colon: {
       type: Boolean,
@@ -6263,8 +6263,8 @@ var script$f = {
       default: 'post'
     },
 
-    /**
-     * 是否显示 label 后面的冒号
+    /**
+     * 是否显示 label 后面的冒号
      */
     colon: {
       type: Boolean,
@@ -6279,12 +6279,12 @@ var script$f = {
       default: false
     },
 
-    /**
-     * listeners:
-     *   ready 所有表单项都准备好后触发
-     *   submit 触发提交事件
-     *   after-submit  配置 url 后触发submit事件时触发提交数据完成事件
-     *   validate  任一表单项被校验后触发
+    /**
+     * listeners:
+     *   ready 所有表单项都准备好后触发
+     *   submit 触发提交事件
+     *   after-submit  配置 url 后触发submit事件时触发提交数据完成事件
+     *   validate  任一表单项被校验后触发
      **/
     autocomplete: {
       type: String,
@@ -6333,29 +6333,29 @@ var script$f = {
   },
 
   methods: {
-    /**
-     * @public
+    /**
+     * @public
      */
     validate() {
       return this.$refs.form.validate(...arguments);
     },
 
-    /**
-     * @public
+    /**
+     * @public
      */
     validateField() {
       return this.$refs.form.validateField(...arguments);
     },
 
-    /**
-     * @public
+    /**
+     * @public
      */
     clearValidate() {
       return this.$refs.form.clearValidate(...arguments);
     },
 
-    /**
-     * @public
+    /**
+     * @public
      */
     resetValues(values) {
       let all = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -6374,8 +6374,8 @@ var script$f = {
       });
     },
 
-    /**
-     * @public
+    /**
+     * @public
      */
     setValues(values) {
       if (!values || !Objects.isObject(values)) {
@@ -6395,8 +6395,8 @@ var script$f = {
       });
     },
 
-    /**
-     * @public
+    /**
+     * @public
      */
     getValues() {
       const formItems = this.getFormItems();
@@ -6428,8 +6428,8 @@ var script$f = {
       return listSearchItem(this.$children);
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     addField(name) {
       let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -6440,9 +6440,9 @@ var script$f = {
       }
     },
 
-    /**
-     * (函数节流. 600ms内只执行一次, 防止 form 表单多次提交)
-     * @private
+    /**
+     * (函数节流. 600ms内只执行一次, 防止 form 表单多次提交)
+     * @private
      */
     onSubmit: throttle(async function () {
       let formData = this.getValues();
@@ -6501,8 +6501,8 @@ var script$f = {
       });
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     onReset(e) {
       e.preventDefault();
@@ -6510,8 +6510,8 @@ var script$f = {
       this.$emit('reset');
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     trigger(event) {
       if (typeof event !== 'string') {
@@ -6531,8 +6531,8 @@ var script$f = {
       this[`onField${e}`](...args);
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     onFieldPending(component) {
       if (!component.name) {
@@ -6546,8 +6546,8 @@ var script$f = {
       });
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     onFieldDestroy(component) {
       if (component.name) {
@@ -6564,8 +6564,8 @@ var script$f = {
       }
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     onFieldDone(component) {
       if (!component.name) {
@@ -7455,8 +7455,8 @@ var script$b = {
 
     },
 
-    /**
-     * 初始时是否展开
+    /**
+     * 初始时是否展开
      */
     collapse: {
       type: Boolean,
@@ -7997,8 +7997,8 @@ var script$9 = {
       };
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     fetchData(params) {
       this.remoteLoading = true;
@@ -8035,31 +8035,31 @@ var script$9 = {
       });
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     registerSearchBar(searchBar) {
       this.searchBar = searchBar;
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     registerPagination(pagination) {
       this.pagination = pagination;
       this.initPaginationParams();
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     unRegisterPagination() {
       this.removePaginationParams();
       this.pagination = null;
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     initPaginationParams() {
       if (!this.pagination) {
@@ -8077,15 +8077,15 @@ var script$9 = {
       this.tablePageParams = {};
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     clearSelection() {
       this.$refs.table.clearSelection();
     },
 
-    /**
-     * Events
+    /**
+     * Events
      */
     toggleSearchBarVisible() {
       this.searchBarVisible = !this.searchBarVisible;
@@ -8178,8 +8178,8 @@ var script$9 = {
       }
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     addColumn(column) {
       const isAdded = this.cols.some(c => c.id === column.id);
@@ -8237,8 +8237,8 @@ var script$9 = {
       }));
     },
 
-    /**
-     * @private
+    /**
+     * @private
      */
     getVisible(id) {
       const column = this.cols.find(column => column.id === id);
@@ -8639,10 +8639,10 @@ var Fragment$1 = {
 };
 
 const ColumnType = Object.create(null);
-/**
- *
- * @param type {string}
- * @param config {Function} (opt) => string/Vnode/Vnodes. opt: {row, column, cellValue, index, attrs, props, h}
+/**
+ *
+ * @param type {string}
+ * @param config {Function} (opt) => string/Vnode/Vnodes. opt: {row, column, cellValue, index, attrs, props, h}
  */
 
 const addColumnType = (type, config) => {
@@ -8759,7 +8759,8 @@ const DefaultTypes = {
       h
     } = arg;
     const buttons = attrs.buttons || props.buttons;
-    const render = attrs.render || props.render; // 使用 buttons 配置
+    const render = attrs.render || props.render;
+    const limit = Math.max(attrs.limit || props.limit || 7, 3); // 使用 buttons 配置
 
     if (buttons) {
       let _buttons = Array.isArray(buttons) ? buttons : [buttons];
@@ -8807,8 +8808,8 @@ const DefaultTypes = {
         Objects.isFunction(btn.handle) && btn.handle(rowData, index);
       };
 
-      const hasMore = _buttons.length > 7;
-      return h(Fragment$1, null, [..._buttons.slice(0, hasMore ? 5 : 7).map((_ref7, i) => {
+      const hasMore = _buttons.length > limit;
+      return h(Fragment$1, null, [..._buttons.slice(0, hasMore ? limit - 2 : limit).map((_ref7, i) => {
         let {
           text,
           key,
@@ -8856,7 +8857,7 @@ const DefaultTypes = {
         }
       })]), h('el-dropdown-menu', {
         slot: 'dropdown'
-      }, _buttons.slice(5).map(_ref8 => {
+      }, _buttons.slice(limit - 2).map(_ref8 => {
         let {
           text,
           key,
@@ -9929,13 +9930,13 @@ var script$6 = {
       default: hide => hide()
     },
 
-    /**
-     * {
-     *   text: '',          // required
-     *   handle: () => {},  // required
-     *   icon: '',          // optional
-     *   ... el-button`s options
-     * }
+    /**
+     * {
+     *   text: '',          // required
+     *   handle: () => {},  // required
+     *   icon: '',          // optional
+     *   ... el-button`s options
+     * }
      */
     buttons: {
       type: null,
@@ -11247,8 +11248,8 @@ var Components = {
   }
 };
 
-/**
- * 以引用的特性构建tree
+/**
+ * 以引用的特性构建tree
  */
 const array2Tree = function (arr) {
   let opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -11413,7 +11414,7 @@ var mixin = {
           ...menu
         } = _ref;
 
-        if ([1, 2, 100].includes(menu.type)) {
+        if ([1, 2, 4, 5, 100].includes(menu.type)) {
           if (Array.isArray(children) && children.length > 0) {
             menu.children = this.filterMenu(children);
           }
@@ -11430,7 +11431,7 @@ var mixin = {
         return;
       }
 
-      if (!this.isMenu(route, [2, 100])) {
+      if (!this.isMenu(route, [2, 4, 5, 100])) {
         return;
       }