@web-utils/component 2.7.30 → 2.7.32

package/dist/components/dialog-filter/{index.js → index.mjs}

@@ -1,16 +1,18 @@
-import { d as deepClone } from "../../chunks/util.89913643.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { d as deepClone } from "../../chunks/util.b0d0b0ad.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _vm.box ? _c("div", [_c("ElDrawer", {
     staticClass: "avue-dialog",
     class: ["avue-crud__dialog", "avue-crud__filter"],
     attrs: {
       "lock-scroll": "",
       "append-to-body": "",
-      title: "过滤条件",
-      size: _vm.crud.isMobile ? "100%" : "60%",
-      visible: _vm.box
+      "title": "过滤条件",
+      "size": _vm.crud.isMobile ? "100%" : "60%",
+      "visible": _vm.box
     },
     on: {
       "update:visible": function($event) {
@@ -19,52 +21,52 @@ var render = function() {
     }
   }, [_c("ElRow", {
     attrs: {
-      span: 24
+      "span": 24
     }
   }, [_c("div", {
     staticClass: "avue-crud__filter-menu"
   }, [_c("ElButtonGroup", [_c("ElButton", {
     attrs: {
-      type: "primary",
-      size: _vm.crud.isMediumSize
+      "type": "primary",
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: _vm.handleAdd
+      "click": _vm.handleAdd
     }
   }, [_vm._v(" 新增条件 ")]), _c("ElButton", {
     attrs: {
-      type: "primary",
-      size: _vm.crud.isMediumSize
+      "type": "primary",
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: _vm.handleClear
+      "click": _vm.handleClear
     }
   }, [_vm._v(" 清空条件 ")]), _c("ElButton", {
     attrs: {
-      type: "primary",
-      size: _vm.crud.isMediumSize
+      "type": "primary",
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: _vm.handleValueClear
+      "click": _vm.handleValueClear
     }
   }, [_vm._v(" 清空数据 ")])], 1)], 1), _vm._l(_vm.list, function(column, index) {
     return _c("ElCol", {
       key: index,
       staticClass: "avue-crud__filter-item",
       attrs: {
-        md: 12,
-        xs: 24,
-        sm: 12
+        "md": 12,
+        "xs": 24,
+        "sm": 12
       }
     }, [_c("FySelect", {
       staticClass: "avue-crud__filter-label",
       attrs: {
-        dic: _vm.columnOption,
-        clearable: !1,
-        size: _vm.crud.isMediumSize
+        "dic": _vm.columnOption,
+        "clearable": false,
+        "size": _vm.crud.isMediumSize
       },
       on: {
-        change: function($event) {
+        "change": function($event) {
           return _vm.handleChange(index);
         }
       },
@@ -78,9 +80,9 @@ var render = function() {
     }), _c("FySelect", {
       staticClass: "avue-crud__filter-symbol",
       attrs: {
-        dic: _vm.symbolDic,
-        clearable: !1,
-        size: _vm.crud.isMediumSize
+        "dic": _vm.symbolDic,
+        "clearable": false,
+        "size": _vm.crud.isMediumSize
       },
       model: {
         value: column.symbol,
@@ -92,7 +94,7 @@ var render = function() {
     }), _c("FyInput", {
       staticClass: "avue-crud__filter-value",
       attrs: {
-        size: _vm.crud.isMediumSize
+        "size": _vm.crud.isMediumSize
       },
       model: {
         value: column.value,
@@ -104,13 +106,13 @@ var render = function() {
     }), _c("ElButton", {
       staticClass: "avue-crud__filter-icon",
       attrs: {
-        type: "danger",
-        size: "mini",
-        circle: "",
-        icon: "el-icon-minus"
+        "type": "danger",
+        "size": "mini",
+        "circle": "",
+        "icon": "el-icon-minus"
       },
       on: {
-        click: function($event) {
+        "click": function($event) {
           return _vm.handleDelete(index);
         }
       }
@@ -118,33 +120,34 @@ var render = function() {
   }), _c("ElCol", {
     staticClass: "avue-form__menu avue-form__menu--right",
     attrs: {
-      span: 24
+      "span": 24
     }
   }, [_c("ElButton", {
     attrs: {
-      type: "primary",
-      size: _vm.crud.isMediumSize
+      "type": "primary",
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: _vm.handleSubmit
+      "click": _vm.handleSubmit
     }
   }, [_vm._v(" 确 定 ")]), _c("ElButton", {
     attrs: {
-      size: _vm.crud.isMediumSize
+      "size": _vm.crud.isMediumSize
     },
     on: {
-      click: function($event) {
-        _vm.box = !1;
+      "click": function($event) {
+        _vm.box = false;
       }
     }
   }, [_vm._v(" 取 消 ")])], 1)], 2)], 1)], 1) : _vm._e();
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
 const __vue2_script = {
   name: "DialogFilter",
   inject: ["crud"],
   data() {
     return {
-      box: !1,
+      box: false,
       columnObj: {},
       symbolDic: [
         {
@@ -186,15 +189,21 @@ const __vue2_script = {
   },
   methods: {
     handleShow() {
-      this.getColumnOption(), this.box = !0;
+      this.getColumnOption();
+      this.box = true;
     },
     getColumnOption() {
       const result = [];
-      deepClone(this.crud.propOption).forEach((ele) => {
-        ele.showColumn !== !1 && result.push(Object.assign(ele, {
-          value: ele.prop
-        }));
-      }), this.columnOption = result, this.columnObj = this.columnOption[0];
+      const column = deepClone(this.crud.propOption);
+      column.forEach((ele) => {
+        if (ele.showColumn !== false) {
+          result.push(Object.assign(ele, {
+            value: ele.prop
+          }));
+        }
+      });
+      this.columnOption = result;
+      this.columnObj = this.columnOption[0];
     },
     handleDelete(index) {
       this.list.splice(index, 1);
@@ -209,7 +218,9 @@ const __vue2_script = {
       const result = [];
       this.list.forEach((ele) => {
         result.push([ele.text, ele.symbol, ele.value]);
-      }), this.crud.$emit("filter", result), this.box = !1;
+      });
+      this.crud.$emit("filter", result);
+      this.box = false;
     },
     handleChange(index) {
       this.list[index].value = "";
@@ -223,20 +234,22 @@ const __vue2_script = {
       });
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const DialogFilter = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/dialog-form/{index.js → index.mjs}

@@ -1,13 +1,15 @@
 import { isEmpty } from "@web-utils/core";
-import { d as deepClone } from "../../chunks/util.89913643.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { d as deepClone } from "../../chunks/util.b0d0b0ad.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c(_vm.dialogType, _vm._b({
     tag: "Component",
     staticClass: "dialog-form",
     attrs: {
-      visible: _vm.visible,
+      "visible": _vm.visible,
       "destroy-on-close": "",
       "before-close": _vm.beforeClose
     },
@@ -16,19 +18,19 @@ var render = function() {
         _vm.visible = $event;
       }
     }
-  }, "Component", _vm.dialog, !1), [_c("FyForm", {
+  }, "Component", _vm.dialog, false), [_c("FyForm", {
     ref: "form",
     attrs: {
-      option: Object.assign({}, _vm.deepClone(_vm.option), {
-        menuBtn: !1
+      "option": Object.assign({}, _vm.deepClone(_vm.option), {
+        menuBtn: false
       }),
-      status: _vm.disabled
+      "status": _vm.disabled
     },
     on: {
       "update:status": function($event) {
         _vm.disabled = $event;
       },
-      submit: _vm.handleSubmit,
+      "submit": _vm.handleSubmit,
       "reset-change": _vm.close
     },
     model: {
@@ -38,43 +40,45 @@ var render = function() {
       },
       expression: "data"
     }
-  }), _vm.isEmpty(_vm.option.menuBtn, !0) ? _c("span", {
+  }), _vm.isEmpty(_vm.option.menuBtn, true) ? _c("span", {
     staticClass: "avue-dialog__footer",
     class: `avue-dialog__footer--${_vm.menuPosition}`
-  }, [_vm.isEmpty(_vm.option.submitBtn, !0) ? _c("ElButton", {
+  }, [_vm.isEmpty(_vm.option.submitBtn, true) ? _c("ElButton", {
     attrs: {
-      size: _vm.$AVUE.size,
-      icon: _vm.option.submitIcon,
-      loading: _vm.disabled,
-      type: "primary"
+      "size": _vm.$AVUE.size,
+      "icon": _vm.option.submitIcon,
+      "loading": _vm.disabled,
+      "type": "primary"
     },
     on: {
-      click: _vm.submit
+      "click": _vm.submit
     }
-  }, [_vm._v(_vm._s(_vm.option.submitText))]) : _vm._e(), _vm.isEmpty(_vm.option.emptyBtn, !0) ? _c("ElButton", {
+  }, [_vm._v(_vm._s(_vm.option.submitText))]) : _vm._e(), _vm.isEmpty(_vm.option.emptyBtn, true) ? _c("ElButton", {
     attrs: {
-      disabled: _vm.disabled,
-      size: _vm.$AVUE.size,
-      icon: _vm.option.emptyIcon
+      "disabled": _vm.disabled,
+      "size": _vm.$AVUE.size,
+      "icon": _vm.option.emptyIcon
     },
     on: {
-      click: _vm.reset
+      "click": _vm.reset
     }
   }, [_vm._v(_vm._s(_vm.option.emptyText))]) : _vm._e()], 1) : _vm._e()], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const DialogForm_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "DialogForm",
   // showForm,
   data() {
     return {
       opt: {},
-      disabled: !1,
+      disabled: false,
       callback: null,
-      visible: !1,
+      visible: false,
       dialog: {
-        closeOnClickModal: !1
+        closeOnClickModal: false
       },
-      isDrawer: !1,
+      isDrawer: false,
       option: {
         submitText: "提交",
         emptyText: "关闭",
@@ -103,37 +107,53 @@ const __vue2_script = {
       this.$refs.form.resetForm();
     },
     beforeClose(done) {
-      done(), this.close();
+      done();
+      this.close();
     },
     show(opt) {
-      this.opt = opt, this.callback = opt.callback;
+      this.opt = opt;
+      this.callback = opt.callback;
       const dialog = this.deepClone(opt);
-      ["callback", "option", "data"].forEach((ele) => delete dialog[ele]), this.dialog = Object.assign(this.dialog, dialog), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, opt.option), this.data = opt.data, this.visible = !0;
+      ["callback", "option", "data"].forEach((ele) => delete dialog[ele]);
+      this.dialog = Object.assign(this.dialog, dialog);
+      this.dialog.size = this.dialog.width;
+      this.isDrawer = this.dialog.type === "drawer";
+      this.option = Object.assign(this.option, opt.option);
+      this.data = opt.data;
+      this.visible = true;
     },
     close() {
       const callback = () => {
-        this.visible = !1, this.$destroy(), this.$el.remove();
+        this.visible = false;
+        this.$destroy();
+        this.$el.remove();
       };
-      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(callback) : callback();
+      if (typeof this.dialog.beforeClose === "function") {
+        this.dialog.beforeClose(callback);
+      } else {
+        callback();
+      }
     },
     handleSubmit(data, done) {
       this.callback && this.callback({ data, close: this.close, done });
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const DialogForm = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/dialog-form/style.css

@@ -0,0 +1,10 @@
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body, .dialog-form .el-drawer__body {
+  position: static;
+  margin-bottom: 53px;
+}

package/dist/components/dynamic-table/{index.js → index.mjs}

@@ -1,23 +1,25 @@
 import { fastClone, validateNumber, validateIdCard, validatePhoneNum } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "dynamic-table"
   }, [_c("ElTable", {
     key: _vm.key,
     staticStyle: {
-      width: "100%"
+      "width": "100%"
     },
     attrs: {
-      data: _vm.value
+      "data": _vm.value
     }
   }, [_vm._l(_vm.columns, function(column) {
     return _c("ElTableColumn", {
       key: column.prop,
       attrs: {
-        prop: column.prop,
-        label: column.label,
+        "prop": column.prop,
+        "label": column.label,
         "min-width": "150"
       },
       scopedSlots: _vm._u([{
@@ -29,15 +31,15 @@ var render = function() {
               marginBottom: _vm.inputDisabled ? "0px" : "16px"
             },
             attrs: {
-              prop: `${_vm.prop}.${$index}.${column.prop}`,
-              size: "mini",
-              rules: _vm.getRules(column)
+              "prop": `${_vm.prop}.${$index}.${column.prop}`,
+              "size": "mini",
+              "rules": _vm.getRules(column)
             }
           }, [_c("ElInput", {
             attrs: {
               "prefix-icon": _vm.getIcon(column),
-              disabled: _vm.inputDisabled,
-              placeholder: _vm.inputDisabled ? "" : `请输入${column.label}！`
+              "disabled": _vm.inputDisabled,
+              "placeholder": _vm.inputDisabled ? "" : `请输入${column.label}！`
             },
             model: {
               value: row[column.prop],
@@ -48,13 +50,13 @@ var render = function() {
             }
           })], 1)];
         }
-      }], null, !0)
+      }], null, true)
     });
-  }), _vm.inputDisabled ? _vm._e() : _c("ElTableColumn", {
+  }), !_vm.inputDisabled ? _c("ElTableColumn", {
     attrs: {
-      label: "操作",
-      width: "60",
-      fixed: "right"
+      "label": "操作",
+      "width": "60",
+      "fixed": "right"
     },
     scopedSlots: _vm._u([{
       key: "default",
@@ -63,40 +65,44 @@ var render = function() {
         return [_c("i", {
           staticClass: "el-icon-minus dynamic-table-action-icon",
           staticStyle: {
-            position: "relative",
-            top: "-8px",
-            color: "#f00"
+            "position": "relative",
+            "top": "-8px",
+            "color": "#f00"
           },
           attrs: {
-            title: "删除"
+            "title": "删除"
           },
           on: {
-            click: function($event) {
-              return $event.stopPropagation(), _vm.removeRow(row, $index, column);
+            "click": function($event) {
+              $event.stopPropagation();
+              return _vm.removeRow(row, $index, column);
             }
           }
         })];
       }
-    }], null, !1, 410881950)
-  })], 2), _vm.inputDisabled ? _vm._e() : _c("ElButton", {
+    }], null, false, 410881950)
+  }) : _vm._e()], 2), !_vm.inputDisabled ? _c("ElButton", {
     staticStyle: {
-      color: "#08c108"
+      "color": "#08c108"
     },
     attrs: {
-      type: "text",
-      icon: "el-icon-plus"
+      "type": "text",
+      "icon": "el-icon-plus"
     },
     on: {
-      click: _vm.addRow
+      "click": _vm.addRow
     }
-  }, [_vm._v(" 添加 ")])], 1);
-}, staticRenderFns = [];
+  }, [_vm._v(" 添加 ")]) : _vm._e()], 1);
+};
+var staticRenderFns = [];
+const DynamicTable_vue_vue_type_style_index_0_lang = "";
 const icons = {
   number: "fa fa-superscript",
   email: "el-icon-lx-mail",
   phone: "fa fa-phone",
   idCard: "el-icon-lx-news"
-}, __vue2_script = {
+};
+const __vue2_script = {
   name: "DynamicTable",
   inject: {
     elForm: {
@@ -133,13 +139,13 @@ const icons = {
   },
   watch: {
     value: {
-      deep: !0,
+      deep: true,
       handler(newVal) {
         this.$emit("input", newVal);
       }
     },
     columns: {
-      deep: !0,
+      deep: true,
       handler() {
         this.key++;
       }
@@ -151,41 +157,59 @@ const icons = {
     },
     addRow() {
       const value = this.value;
-      value.push(this.newRow()), this.$emit("input", value);
+      value.push(this.newRow());
+      this.$emit("input", value);
     },
     removeRow(row, index) {
       const value = this.value;
-      value.splice(index, 1), this.$emit("input", value);
+      value.splice(index, 1);
+      this.$emit("input", value);
     },
     newRow() {
       const row = {};
-      return this.columns.forEach((value) => {
+      this.columns.forEach((value) => {
         row[value.prop] = void 0;
-      }), row;
+      });
+      return row;
     },
     getRules(column) {
       const userRules = column.rules;
       if (["email", "idCard", "phone", "number"].includes(column.type)) {
         const rules = fastClone(userRules || []);
-        return column.type === "number" && rules.push({ validator: validateNumber, message: "请输入数字！" }), column.type === "email" && rules.push({ type: "email", message: "请输入正确的邮箱地址！" }), column.type === "idCard" && rules.push({ validator: validateIdCard, message: "请输入正确的身份证号码！" }), column.type === "phone" && rules.push({ validator: validatePhoneNum, message: "请输入正确的手机号码！" }), rules;
-      } else
+        if (column.type === "number") {
+          rules.push({ validator: validateNumber, message: "请输入数字！" });
+        }
+        if (column.type === "email") {
+          rules.push({ type: "email", message: "请输入正确的邮箱地址！" });
+        }
+        if (column.type === "idCard") {
+          rules.push({ validator: validateIdCard, message: "请输入正确的身份证号码！" });
+        }
+        if (column.type === "phone") {
+          rules.push({ validator: validatePhoneNum, message: "请输入正确的手机号码！" });
+        }
+        return rules;
+      } else {
         return userRules;
+      }
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const DynamicTable = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/dynamic-table/style.css

@@ -1 +1,30 @@
-.dynamic-table{display:flex;flex-direction:column;align-items:center;width:100%}.dynamic-table .dynamic-table-action-icon{margin-left:10px;font-weight:700;cursor:pointer}.dynamic-table .el-form-item{margin-bottom:0}.dynamic-table .el-table{flex:1 1 auto}.dynamic-table .el-table td{padding:2px 0}.dynamic-table .el-input.is-disabled .el-input__inner{background-color:transparent;border:none}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.dynamic-table {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+.dynamic-table .dynamic-table-action-icon {
+  margin-left: 10px;
+  font-weight: bold;
+  cursor: pointer;
+}
+.dynamic-table .el-form-item {
+  margin-bottom: 0;
+}
+.dynamic-table .el-table {
+  flex: 1 1 auto;
+}
+.dynamic-table .el-table td {
+  padding: 2px 0;
+}
+.dynamic-table .el-input.is-disabled .el-input__inner {
+  background-color: transparent;
+  border: none;
+}