@web-utils/component 2.7.19 → 2.7.21

package/dist/components/dialog-form/index.js

@@ -1,71 +1,71 @@
-import { isEmpty as a } from "@web-utils/core";
-import { d as n } from "../../chunks/util.23fe58fb.js";
-import m from "vue";
-import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var c = function() {
-  var e = this, t = e.$createElement, o = e._self._c || t;
-  return o(e.dialogType, e._b({
+import { isEmpty } from "@web-utils/core";
+import { d as deepClone } from "../../chunks/util.89913643.js";
+import Vue from "vue";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c(_vm.dialogType, _vm._b({
     tag: "Component",
     staticClass: "dialog-form",
     attrs: {
-      visible: e.visible,
+      visible: _vm.visible,
       "destroy-on-close": "",
-      "before-close": e.beforeClose
+      "before-close": _vm.beforeClose
     },
     on: {
-      "update:visible": function(s) {
-        e.visible = s;
+      "update:visible": function($event) {
+        _vm.visible = $event;
       }
     }
-  }, "Component", e.dialog, !1), [o("FyForm", {
+  }, "Component", _vm.dialog, !1), [_c("FyForm", {
     ref: "form",
     attrs: {
-      option: Object.assign({}, e.deepClone(e.option), {
+      option: Object.assign({}, _vm.deepClone(_vm.option), {
         menuBtn: !1
       }),
-      status: e.disabled
+      status: _vm.disabled
     },
     on: {
-      "update:status": function(s) {
-        e.disabled = s;
+      "update:status": function($event) {
+        _vm.disabled = $event;
       },
-      submit: e.handleSubmit,
-      "reset-change": e.close
+      submit: _vm.handleSubmit,
+      "reset-change": _vm.close
     },
     model: {
-      value: e.data,
-      callback: function(s) {
-        e.data = s;
+      value: _vm.data,
+      callback: function($$v) {
+        _vm.data = $$v;
       },
       expression: "data"
     }
-  }), e.isEmpty(e.option.menuBtn, !0) ? o("span", {
+  }), _vm.isEmpty(_vm.option.menuBtn, !0) ? _c("span", {
     staticClass: "avue-dialog__footer",
-    class: `avue-dialog__footer--${e.menuPosition}`
-  }, [e.isEmpty(e.option.submitBtn, !0) ? o("ElButton", {
+    class: `avue-dialog__footer--${_vm.menuPosition}`
+  }, [_vm.isEmpty(_vm.option.submitBtn, !0) ? _c("ElButton", {
     attrs: {
-      size: e.$AVUE.size,
-      icon: e.option.submitIcon,
-      loading: e.disabled,
+      size: _vm.$AVUE.size,
+      icon: _vm.option.submitIcon,
+      loading: _vm.disabled,
       type: "primary"
     },
     on: {
-      click: e.submit
+      click: _vm.submit
     }
-  }, [e._v(e._s(e.option.submitText))]) : e._e(), e.isEmpty(e.option.emptyBtn, !0) ? o("ElButton", {
+  }, [_vm._v(_vm._s(_vm.option.submitText))]) : _vm._e(), _vm.isEmpty(_vm.option.emptyBtn, !0) ? _c("ElButton", {
     attrs: {
-      disabled: e.disabled,
-      size: e.$AVUE.size,
-      icon: e.option.emptyIcon
+      disabled: _vm.disabled,
+      size: _vm.$AVUE.size,
+      icon: _vm.option.emptyIcon
     },
     on: {
-      click: e.reset
+      click: _vm.reset
     }
-  }, [e._v(e._s(e.option.emptyText))]) : e._e()], 1) : e._e()], 1);
-}, d = [];
-const h = {
+  }, [_vm._v(_vm._s(_vm.option.emptyText))]) : _vm._e()], 1) : _vm._e()], 1);
+}, staticRenderFns = [];
+const __vue2_script$1 = {
   name: "DialogForm",
-  showForm: u,
+  showForm,
   data() {
     return {
       opt: {},
@@ -95,55 +95,55 @@ const h = {
     }
   },
   methods: {
-    isEmpty: a,
-    deepClone: n,
+    isEmpty,
+    deepClone,
     submit() {
       this.$refs.form.submit();
     },
     reset() {
       this.$refs.form.resetForm();
     },
-    beforeClose(e) {
-      e(), this.close();
+    beforeClose(done) {
+      done(), this.close();
     },
-    show(e) {
-      this.opt = e, this.callback = e.callback;
-      const t = this.deepClone(e);
-      ["callback", "option", "data"].forEach((o) => delete t[o]), this.dialog = Object.assign(this.dialog, t), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, e.option), this.data = e.data, this.visible = !0;
+    show(opt) {
+      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;
     },
     close() {
-      const e = () => {
+      const callback = () => {
         this.visible = !1, this.$destroy(), this.$el.remove();
       };
-      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
+      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(callback) : callback();
     },
-    handleSubmit(e, t) {
-      this.callback && this.callback({ data: e, close: this.close, done: t });
+    handleSubmit(data, done) {
+      this.callback && this.callback({ data, close: this.close, done });
     }
   }
-}, i = {};
-var p = /* @__PURE__ */ r(
-  h,
-  c,
-  d,
+}, __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1,
+  render,
+  staticRenderFns,
   !1,
-  b,
+  __vue2_injectStyles$1,
   null,
   null,
   null
 );
-function b(e) {
-  for (let t in i)
-    this[t] = i[t];
+function __vue2_injectStyles$1(context) {
+  for (let o in __cssModules$1)
+    this[o] = __cssModules$1[o];
 }
-const f = /* @__PURE__ */ function() {
-  return p.exports;
-}(), u = (e) => {
-  const t = m.extend(f), o = new t().$mount();
-  return document.body.appendChild(o.$el), o.show(e), o;
-}, _ = {
+const DialogFormConstructor = /* @__PURE__ */ function() {
+  return __component__$1.exports;
+}(), showForm = (opt) => {
+  const DialogConstructor = Vue.extend(DialogFormConstructor), instance = new DialogConstructor().$mount();
+  return document.body.appendChild(instance.$el), instance.show(opt), instance;
+}, __vue2_script = {
   name: "DialogForm",
-  showForm: u,
+  showForm,
   data() {
     return {
       opt: {},
@@ -173,50 +173,50 @@ const f = /* @__PURE__ */ function() {
     }
   },
   methods: {
-    isEmpty: a,
-    deepClone: n,
+    isEmpty,
+    deepClone,
     submit() {
       this.$refs.form.submit();
     },
     reset() {
       this.$refs.form.resetForm();
     },
-    beforeClose(e) {
-      e(), this.close();
+    beforeClose(done) {
+      done(), this.close();
     },
-    show(e) {
-      this.opt = e, this.callback = e.callback;
-      const t = this.deepClone(e);
-      ["callback", "option", "data"].forEach((o) => delete t[o]), this.dialog = Object.assign(this.dialog, t), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, e.option), this.data = e.data, this.visible = !0;
+    show(opt) {
+      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;
     },
     close() {
-      const e = () => {
+      const callback = () => {
         this.visible = !1, this.$destroy(), this.$el.remove();
       };
-      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
+      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(callback) : callback();
     },
-    handleSubmit(e, t) {
-      this.callback && this.callback({ data: e, close: this.close, done: t });
+    handleSubmit(data, done) {
+      this.callback && this.callback({ data, close: this.close, done });
     }
   }
-}, l = {};
-var g = /* @__PURE__ */ r(
-  _,
-  c,
-  d,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  v,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function v(e) {
-  for (let t in l)
-    this[t] = l[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const w = /* @__PURE__ */ function() {
-  return g.exports;
+const DialogForm = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  w as default
+  DialogForm as default
 };

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

@@ -0,0 +1,5 @@
+.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

@@ -1,48 +1,48 @@
-import { fastClone as u, validateNumber as d, validateIdCard as c, validatePhoneNum as m } from "@web-utils/core";
-import { n as f } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var h = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
+import { fastClone, validateNumber, validateIdCard, validatePhoneNum } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "dynamic-table"
-  }, [t("ElTable", {
-    key: e.key,
+  }, [_c("ElTable", {
+    key: _vm.key,
     staticStyle: {
       width: "100%"
     },
     attrs: {
-      data: e.value
+      data: _vm.value
     }
-  }, [e._l(e.columns, function(a) {
-    return t("ElTableColumn", {
-      key: a.prop,
+  }, [_vm._l(_vm.columns, function(column) {
+    return _c("ElTableColumn", {
+      key: column.prop,
       attrs: {
-        prop: a.prop,
-        label: a.label,
+        prop: column.prop,
+        label: column.label,
         "min-width": "150"
       },
-      scopedSlots: e._u([{
+      scopedSlots: _vm._u([{
         key: "default",
-        fn: function(l) {
-          var n = l.row, r = l.$index;
-          return [t("ElFormItem", {
+        fn: function(_ref) {
+          var row = _ref.row, $index = _ref.$index;
+          return [_c("ElFormItem", {
             style: {
-              marginBottom: e.inputDisabled ? "0px" : "16px"
+              marginBottom: _vm.inputDisabled ? "0px" : "16px"
             },
             attrs: {
-              prop: `${e.prop}.${r}.${a.prop}`,
+              prop: `${_vm.prop}.${$index}.${column.prop}`,
               size: "mini",
-              rules: e.getRules(a)
+              rules: _vm.getRules(column)
             }
-          }, [t("ElInput", {
+          }, [_c("ElInput", {
             attrs: {
-              "prefix-icon": e.getIcon(a),
-              disabled: e.inputDisabled,
-              placeholder: e.inputDisabled ? "" : `请输入${a.label}！`
+              "prefix-icon": _vm.getIcon(column),
+              disabled: _vm.inputDisabled,
+              placeholder: _vm.inputDisabled ? "" : `请输入${column.label}！`
             },
             model: {
-              value: n[a.prop],
-              callback: function(s) {
-                e.$set(n, a.prop, s);
+              value: row[column.prop],
+              callback: function($$v) {
+                _vm.$set(row, column.prop, $$v);
               },
               expression: "row[column.prop]"
             }
@@ -50,17 +50,17 @@ var h = function() {
         }
       }], null, !0)
     });
-  }), e.inputDisabled ? e._e() : t("ElTableColumn", {
+  }), _vm.inputDisabled ? _vm._e() : _c("ElTableColumn", {
     attrs: {
       label: "操作",
       width: "60",
       fixed: "right"
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
-      fn: function(a) {
-        var l = a.row, n = a.column, r = a.$index;
-        return [t("i", {
+      fn: function(_ref2) {
+        var row = _ref2.row, column = _ref2.column, $index = _ref2.$index;
+        return [_c("i", {
           staticClass: "el-icon-minus dynamic-table-action-icon",
           staticStyle: {
             position: "relative",
@@ -71,14 +71,14 @@ var h = function() {
             title: "删除"
           },
           on: {
-            click: function(s) {
-              return s.stopPropagation(), e.removeRow(l, r, n);
+            click: function($event) {
+              return $event.stopPropagation(), _vm.removeRow(row, $index, column);
             }
           }
         })];
       }
     }], null, !1, 410881950)
-  })], 2), e.inputDisabled ? e._e() : t("ElButton", {
+  })], 2), _vm.inputDisabled ? _vm._e() : _c("ElButton", {
     staticStyle: {
       color: "#08c108"
     },
@@ -87,16 +87,16 @@ var h = function() {
       icon: "el-icon-plus"
     },
     on: {
-      click: e.addRow
+      click: _vm.addRow
     }
-  }, [e._v(" 添加 ")])], 1);
-}, y = [];
-const o = {
+  }, [_vm._v(" 添加 ")])], 1);
+}, staticRenderFns = [];
+const icons = {
   number: "fa fa-superscript",
   email: "el-icon-lx-mail",
   phone: "fa fa-phone",
   idCard: "el-icon-lx-news"
-}, v = {
+}, __vue2_script = {
   name: "DynamicTable",
   inject: {
     elForm: {
@@ -134,8 +134,8 @@ const o = {
   watch: {
     value: {
       deep: !0,
-      handler(e) {
-        this.$emit("input", e);
+      handler(newVal) {
+        this.$emit("input", newVal);
       }
     },
     columns: {
@@ -146,50 +146,50 @@ const o = {
     }
   },
   methods: {
-    getIcon(e) {
-      return o[e.type] ? o[e.type] : "";
+    getIcon(column) {
+      return icons[column.type] ? icons[column.type] : "";
     },
     addRow() {
-      const e = this.value;
-      e.push(this.newRow()), this.$emit("input", e);
+      const value = this.value;
+      value.push(this.newRow()), this.$emit("input", value);
     },
-    removeRow(e, i) {
-      const t = this.value;
-      t.splice(i, 1), this.$emit("input", t);
+    removeRow(row, index) {
+      const value = this.value;
+      value.splice(index, 1), this.$emit("input", value);
     },
     newRow() {
-      const e = {};
-      return this.columns.forEach((i) => {
-        e[i.prop] = void 0;
-      }), e;
+      const row = {};
+      return this.columns.forEach((value) => {
+        row[value.prop] = void 0;
+      }), row;
     },
-    getRules(e) {
-      const i = e.rules;
-      if (["email", "idCard", "phone", "number"].includes(e.type)) {
-        const t = u(i || []);
-        return e.type === "number" && t.push({ validator: d, message: "请输入数字！" }), e.type === "email" && t.push({ type: "email", message: "请输入正确的邮箱地址！" }), e.type === "idCard" && t.push({ validator: c, message: "请输入正确的身份证号码！" }), e.type === "phone" && t.push({ validator: m, message: "请输入正确的手机号码！" }), t;
+    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
-        return i;
+        return userRules;
     }
   }
-}, p = {};
-var b = /* @__PURE__ */ f(
-  v,
-  h,
-  y,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let i in p)
-    this[i] = p[i];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const g = /* @__PURE__ */ function() {
-  return b.exports;
+const DynamicTable = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  g as default
+  DynamicTable as default
 };

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

@@ -1 +1,24 @@
-.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: 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;
+}