@v2coding/ui 0.1.44 → 0.1.46

package/dist/v2coding-ui.esm.js

@@ -1670,63 +1670,121 @@ const DefaultVType = {
       message
     };
   },
-  int: () => ({
-    pattern: /^\d+$/,
-    message: `请输入数字`
-  }),
-  float: (opt, count) => {
+  int: _ref2 => {
+    let {
+      label,
+      message
+    } = _ref2;
+    return {
+      pattern: /^\d+$/,
+      message: message || `请输入有效的${label}`
+    };
+  },
+  float: (_ref3, count) => {
+    let {
+      label,
+      message
+    } = _ref3;
+
     if (!count) {
       return {
         pattern: /^\d+(\.\d*)?$/,
-        message: '请输入有效数字'
+        message: message || `请输入有效的${label}`
       };
     }
 
     return {
       pattern: RegExp(`^\\d+(\\.\\d{0,${count}})?$`),
-      message: '请输入有效数字'
+      message: message || `请输入有效的${label}`
     };
   },
-  staffNum: () => ({
-    pattern: /^[+]{0,1}(\d+)$/,
-    message: `请输入正确员工数量`
-  }),
-  userName: _ref2 => {
+  staffNum: _ref4 => {
     let {
-      label
-    } = _ref2;
+      label,
+      message
+    } = _ref4;
+    return {
+      pattern: /^[+]{0,1}(\d+)$/,
+      message: message || `请输入正确的${label}`
+    };
+  },
+  userName: _ref5 => {
+    let {
+      label,
+      message
+    } = _ref5;
     return {
       pattern: /^[a-zA-Z0-9_]{1,50}$/,
-      message: `请输入由数字、字母或下划线组成的${label}`
+      message: message || `请输入由数字、字母或下划线组成的${label}`
+    };
+  },
+  mobile: _ref6 => {
+    let {
+      label,
+      message
+    } = _ref6;
+    return {
+      pattern: /^1\d{10}$/,
+      message: message || `请输入正确的${label}`
+    };
+  },
+  email: _ref7 => {
+    let {
+      label,
+      message
+    } = _ref7;
+    return {
+      type: 'email',
+      message: message || `请输入正确的${label}`
+    };
+  },
+  url: _ref8 => {
+    let {
+      label,
+      message
+    } = _ref8;
+    return {
+      type: 'url',
+      message: message || `请输入正确的${label}`
+    };
+  },
+  ip: _ref9 => {
+    let {
+      label,
+      message
+    } = _ref9;
+    return {
+      pattern: /((?:(?:25[0-5]|2[0-4]\d|(?:1\d{2}|[1-9]?\d))\.){3}(?:25[0-5]|2[0-4]\d|(?:1\d{2}|[1-9]?\d)))/,
+      message: message || `请输入正确的${label}`
     };
   },
-  mobile: () => ({
-    pattern: /^1\d{10}$/,
-    message: `请输入正确的手机号`
-  }),
-  email: () => ({
-    type: 'email',
-    message: `请输入正确的邮箱`
-  }),
-  url: () => ({
-    type: 'url',
-    message: `请输入正确的链接地址`
-  }),
-  ip: () => ({
-    pattern: /((?:(?:25[0-5]|2[0-4]\d|(?:1\d{2}|[1-9]?\d))\.){3}(?:25[0-5]|2[0-4]\d|(?:1\d{2}|[1-9]?\d)))/,
-    message: '请输入正确的IP地址'
-  }),
   // 社会信用代码
-  socialCreditCode: () => ({
-    pattern: /[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}/,
-    message: '请输入正确的社会信用代码'
-  }),
+  socialCreditCode: _ref10 => {
+    let {
+      label,
+      message
+    } = _ref10;
+    return {
+      pattern: /[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}/,
+      message: message || `请输入正确的${label}`
+    };
+  },
   // 详情地址，不能以空格作为首字
-  address: () => ({
-    pattern: /^[^\s]+[\s]*.*$/,
-    message: '请输入正确的地址'
-  }),
-  idcard: () => {
+  address: _ref11 => {
+    let {
+      label,
+      message
+    } = _ref11;
+    return {
+      pattern: /^[^\s]+[\s]*.*$/,
+      message: message || `请输入正确的${label}`
+    };
+  },
+  idcard: _ref12 => {
+    let {
+      label,
+      message
+    } = _ref12;
     return {
       validator: (rule, value, callback) => {
         if (!value) {
@@ -1739,49 +1797,58 @@ const DefaultVType = {
         if (isValid) {
           callback('');
         } else {
-          callback('请输入正确的身份证号码');
+          callback(message || `请输入正确的${label}`);
         }
       }
     };
   },
-  minlength: (_ref3, length) => {
+  minlength: (_ref13, length) => {
     let {
-      label
-    } = _ref3;
+      label,
+      message
+    } = _ref13;
     console.assert(!isNaN(length), `表单项 "${label}" 的 vtype - minlength 配置有误: 请传入正确的数值`);
     return {
       min: +length,
-      message: `至少输入${length}个字符`
+      message: message || `至少输入${length}个字符`
     };
   },
-  maxlength: (_ref4, length) => {
+  maxlength: (_ref14, length) => {
     let {
-      label
-    } = _ref4;
+      label,
+      message
+    } = _ref14;
     console.assert(!isNaN(length), `表单项 "${label}" 的 vtype - maxlength 配置有误: 请传入正确的数值`);
     return {
       max: +length,
-      message: `最多输入${length}个字符`
+      message: message || `最多输入${length}个字符`
     };
   },
-  userCode: _ref5 => {
+  userCode: _ref15 => {
     let {
-      label
-    } = _ref5;
+      label,
+      message
+    } = _ref15;
     return {
       validator: (rule, value, callback) => {
         if (value.indexOf('admin') !== -1) {
-          callback(`${label}中不能存在admin，请重新输入`);
+          callback(message || `${label}中不能存在admin，请重新输入`);
         } else {
           callback();
         }
       }
     };
   },
-  password: () => ({
-    pattern: /^(?=.*[a-zA-Z])(?=.*\d)[^]{6,20}$/,
-    message: `请输入6-20位的密码,至少包含字母和字符串`
-  })
+  password: _ref16 => {
+    let {
+      label,
+      message
+    } = _ref16;
+    return {
+      pattern: /^(?=.*[a-zA-Z])(?=.*\d)[^]{6,20}$/,
+      message: message || `请输入6-20位的${label},至少包含字母和字符串`
+    };
+  }
 };
 
 const initDefaultVType = () => {
@@ -6906,6 +6973,9 @@ var __vue_render__$g = function () {
   }, [_vm.info ? _c('i', {
     staticClass: "el-icon-info info"
   }) : _vm._e()]), _vm._v("\n    " + _vm._s(_vm.realColon ? ':' : '') + "\n  ")], 1) : _vm._e(), _vm._v(" "), _c('form-field', _vm._g(_vm._b({
+    class: {
+      'has-suffix': !!_vm.$scopedSlots.suffix
+    },
     attrs: {
       "name": _vm.name,
       "locked-value": _vm.lockedValue,
@@ -6939,8 +7009,8 @@ var __vue_staticRenderFns__$g = [];
 
 const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
-  inject("data-v-5ad170a8_0", {
-    source: ".ui-form-item[data-v-5ad170a8]  .el-form-item__content{display:flex;flex-direction:row;align-items:center}.ui-form-item[data-v-5ad170a8]  .el-form-item__content>div{flex:1;display:flex;align-items:center}.ui-form-item[data-v-5ad170a8]  .el-form-item__content .ui-form-item-prefix,.ui-form-item[data-v-5ad170a8]  .el-form-item__content .ui-form-item-suffix{flex:none}.ui-form-item .info[data-v-5ad170a8]{color:#909399;cursor:pointer;margin-left:4px}.ui-form-item.hidden-item[data-v-5ad170a8]{display:none!important}.el-form--inline .ui-form-item[data-v-5ad170a8]  .el-form-item__label{flex:none;white-space:nowrap}.el-form--inline .ui-form-item[data-v-5ad170a8]  .el-form-item__content{display:inline-flex}",
+  inject("data-v-00bd33a9_0", {
+    source: ".ui-form-item.el-form-item--small[data-v-00bd33a9]  .el-form-item__content .ui-form-item-prefix,.ui-form-item.el-form-item--small[data-v-00bd33a9]  .el-form-item__content .ui-form-item-suffix{height:32px}.ui-form-item[data-v-00bd33a9]  .el-form-item__content{display:flex;flex-direction:row;align-items:center}.ui-form-item[data-v-00bd33a9]  .el-form-item__content>div:not(.ui-file-upload-field){flex:1;display:flex;align-items:center}.ui-form-item[data-v-00bd33a9]  .el-form-item__content .ui-file-upload-field{flex:1;display:flex;flex-direction:column;align-items:flex-start}.ui-form-item[data-v-00bd33a9]  .el-form-item__content .has-suffix .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.ui-form-item[data-v-00bd33a9]  .el-form-item__content .ui-form-item-prefix,.ui-form-item[data-v-00bd33a9]  .el-form-item__content .ui-form-item-suffix{flex:none;background-color:#f5f7fa;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-left:0;height:36px;border-radius:0 4px 4px 0;padding:0 20px;white-space:nowrap}.ui-form-item .info[data-v-00bd33a9]{color:#909399;cursor:pointer;margin-left:4px}.ui-form-item.hidden-item[data-v-00bd33a9]{display:none!important}.el-form--inline .ui-form-item[data-v-00bd33a9]  .el-form-item__label{flex:none;white-space:nowrap}.el-form--inline .ui-form-item[data-v-00bd33a9]  .el-form-item__content{display:inline-flex}",
     map: undefined,
     media: undefined
   });
@@ -6948,7 +7018,7 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-5ad170a8";
+const __vue_scope_id__$h = "data-v-00bd33a9";
 /* module identifier */
 
 const __vue_module_identifier__$h = undefined;
@@ -7761,6 +7831,7 @@ var FormDialog = __vue_component__$f;
 //
 //
 //
+//
 var script$e = {
   name: 'ui-drawer',
   inheritAttrs: false,
@@ -7790,6 +7861,10 @@ var script$e = {
       this.$emit('input', visible);
       this.$emit('change', visible);
       this.$emit('on-visible-change', visible);
+    },
+
+    handleClose() {
+      this.$refs.drawer.handleClose();
     }
 
   }
@@ -7807,6 +7882,7 @@ var __vue_render__$d = function () {
   var _c = _vm._self._c || _h;
 
   return _c('el-drawer', _vm._g(_vm._b({
+    ref: "drawer",
     attrs: {
       "size": _vm.width,
       "visible": _vm.realVisible,
@@ -7823,7 +7899,7 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-f1a8d0b8_0", {
+  inject("data-v-743600a7_0", {
     source: ".ui-drawer .el-drawer__header{margin:0;padding:14px 16px;height:50px;border-bottom:1px solid #e8eaec;display:flex;flex-direction:row;align-items:center}.ui-drawer .el-drawer__header>span:first-child{color:#17233d}.ui-drawer .el-drawer__body{height:calc(100% - 51px);display:flex;flex-direction:column}",
     map: undefined,
     media: undefined
@@ -7944,12 +8020,16 @@ var script$d = {
       this.hide();
     },
 
+    handleClose() {
+      this.$refs.drawer.handleClose();
+    },
+
     show() {
       this.$emit('update:visible', true);
     },
 
     hide() {
-      this.$emit('update:visible', false);
+      this.handleClose();
     },
 
     submit() {
@@ -8059,6 +8139,7 @@ var __vue_render__$c = function () {
   var _c = _vm._self._c || _h;
 
   return _c('ui-drawer', _vm._g(_vm._b({
+    ref: "drawer",
     attrs: {
       "custom-class": "ui-form-drawer",
       "visible": _vm.visible,
@@ -8114,7 +8195,7 @@ var __vue_staticRenderFns__$c = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-168074a3_0", {
+  inject("data-v-13c5332a_0", {
     source: ".ui-form-drawer{display:flex;flex-direction:column;padding:0;outline:0}.ui-form-drawer .el-drawer-body{flex:1;padding:0;overflow:hidden;display:flex;flex-direction:column}.ui-form-drawer .el-drawer-body>.el-form{flex:1;overflow:auto}.ui-form-drawer .el-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}",
     map: undefined,
     media: undefined