@web-utils/component 2.8.0 → 2.8.2

package/comment/index.mjs

@@ -45,10 +45,6 @@ const r = {
     props: {
       type: Object,
       default: () => r
-    },
-    option: {
-      type: Object,
-      default: () => ({})
     }
   },
   computed: {
@@ -72,23 +68,23 @@ const r = {
     }
   }
 }, o = {};
-var c = /* @__PURE__ */ s(
+var v = /* @__PURE__ */ s(
   _,
   n,
   u,
   !1,
-  i,
+  c,
   null,
   null,
   null
 );
-function i(t) {
+function c(t) {
   for (let a in o)
     this[a] = o[a];
 }
-const d = /* @__PURE__ */ function() {
-  return c.exports;
+const m = /* @__PURE__ */ function() {
+  return v.exports;
 }();
 export {
-  d as default
+  m as default
 };

package/data-pay/index.mjs

@@ -86,16 +86,19 @@ var c = function() {
           effect: "dark",
           disabled: !n.tip,
           placement: "top"
-        }
-      }, [s("div", {
-        attrs: {
-          slot: "content"
         },
-        domProps: {
-          innerHTML: t._s(n.tip)
-        },
-        slot: "content"
-      }), s("span", {
+        scopedSlots: t._u([{
+          key: "content",
+          fn: function() {
+            return [s("div", {
+              domProps: {
+                innerHTML: t._s(n.tip)
+              }
+            })];
+          },
+          proxy: !0
+        }], null, !0)
+      }, [s("span", {
         class: {
           "list-item--link": n.href
         }
@@ -103,7 +106,7 @@ var c = function() {
     }), 0)])]);
   }), 1)], 1);
 }, _ = [];
-const d = {
+const u = {
   name: "DataPay",
   props: {
     option: {
@@ -128,16 +131,16 @@ const d = {
   }
 }, l = {};
 var p = /* @__PURE__ */ r(
-  d,
+  u,
   c,
   _,
   !1,
-  u,
+  d,
   null,
   null,
   null
 );
-function u(t) {
+function d(t) {
   for (let o in l)
     this[o] = l[o];
 }

package/data-table-picker/index.mjs

@@ -1,22 +1,19 @@
-import { dialog as o } from "@web-utils/vue/mixin/dialog";
-import { f as r } from "../chunks/index.57f871af.mjs";
-import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var a = function() {
+import { f as n } from "../chunks/index.57f871af.mjs";
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var r = function() {
   var e = this, t = e.$createElement, l = e._self._c || t;
   return l("ElementDialog", {
+    ref: "dialog",
     attrs: {
-      visible: e.show,
+      visible: e.visible,
       title: e.title,
       width: e.width,
       height: e.height,
+      embed: "",
       "flex-column": ""
     },
     on: {
-      "update:visible": function(n) {
-        e.show = n;
-      },
-      close: e.close,
-      closed: e.closed
+      close: e.close
     },
     scopedSlots: e._u([{
       key: "default",
@@ -66,11 +63,11 @@ var a = function() {
       proxy: !0
     }], null, !0)
   });
-}, c = [];
-const u = {
+}, s = [];
+const a = {
   name: "DataTablePicker",
-  mixins: [o],
   props: {
+    visible: Boolean,
     api: Function,
     columns: Array,
     title: String,
@@ -99,7 +96,7 @@ const u = {
     };
   },
   methods: {
-    filterTableColumnProperties: r,
+    filterTableColumnProperties: n,
     selectionChange(e) {
       this.selectedRows = e;
     },
@@ -109,29 +106,32 @@ const u = {
     toggleRowSelection(e) {
       this.$refs.pageableTable.$refs.table.toggleRowSelection(e);
     },
+    close() {
+      this.$refs.dialog.hide();
+    },
     confirm() {
       var e;
       this.multiple ? (e = this.selectedRows) != null && e.length ? (this.$emit("confirm", this.selectedRows), this.close()) : this.$message.warning("请选择") : this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : this.$message.warning("请选择");
     }
   }
 }, i = {};
-var h = /* @__PURE__ */ s(
-  u,
+var c = /* @__PURE__ */ o(
   a,
-  c,
+  r,
+  s,
   !1,
-  m,
+  u,
   null,
   null,
   null
 );
-function m(e) {
+function u(e) {
   for (let t in i)
     this[t] = i[t];
 }
-const d = /* @__PURE__ */ function() {
-  return h.exports;
+const f = /* @__PURE__ */ function() {
+  return c.exports;
 }();
 export {
-  d as default
+  f as default
 };

package/dialog-excel/index.mjs

@@ -1,6 +1,6 @@
-import { d as u } from "../chunks/detail.6e53ede8.mjs";
-import { d as a } from "../chunks/util.17330567.mjs";
-import { n as p } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+import { d as p } from "../chunks/detail.6e46de33.mjs";
+import { d as a } from "../chunks/util.505913d9.mjs";
+import { n as u } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var d = function() {
   var t = this, r = t.$createElement, e = t._self._c || r;
   return t.box ? e("div", [e("ElementDialog", {
@@ -85,8 +85,8 @@ const m = {
       return this.form.params.includes("data") && e.forEach((o) => {
         const i = a(o);
         r.forEach((n) => {
-          const c = n.parentProp ? (this.crud.cascaderDIC[row.$index] || {})[n.prop] : this.crud.DIC[n.prop];
-          i[n.prop] = u(i, n, t, c);
+          const c = n.parentProp ? (this.crud.cascaderDIC[n.$index] || {})[n.prop] : this.crud.DIC[n.prop];
+          i[n.prop] = p(i, n, t, c);
         }), s.push(i);
       }), this.form.params.includes("sum") && t.showSummary && s.push(this.crud.sumsList), s;
     },
@@ -110,7 +110,7 @@ const m = {
               value: !0
             }, {
               label: "选中的数据(当前页选中的数据)",
-              disabled: this.crud.tableOption.selection != !0,
+              disabled: this.crud.tableOption.selection !== !0,
               value: !1
             }]
           },
@@ -156,7 +156,7 @@ const m = {
             })())
           }
         ]
-      }, this.form.type = this.crud.selectLen == 0;
+      }, this.form.type = this.crud.selectLen === 0;
     },
     getColumnOption() {
       const t = a(this.crud.columnOption), r = [], e = (s = []) => {
@@ -189,7 +189,7 @@ const m = {
     }
   }
 }, l = {};
-var f = /* @__PURE__ */ p(
+var f = /* @__PURE__ */ u(
   m,
   d,
   h,

package/dialog-filter/index.mjs

@@ -1,4 +1,4 @@
-import { d as u } from "../chunks/util.17330567.mjs";
+import { d as u } from "../chunks/util.505913d9.mjs";
 import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var r = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
@@ -203,7 +203,9 @@ const d = {
       this.list = [];
     },
     handleValueClear() {
-      this.list.forEach((e) => e.value = "");
+      this.list.forEach((e) => {
+        e.value = "";
+      });
     },
     handleSubmit() {
       const e = [];

package/dialog-form/index.mjs

@@ -1,5 +1,5 @@
-import { isEmpty as n } from "@web-utils/core";
-import { d as l } from "../chunks/util.17330567.mjs";
+import { isEmpty as a } from "@web-utils/core";
+import { d as l } from "../chunks/util.505913d9.mjs";
 import r from "vue";
 import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var d = function() {
@@ -94,7 +94,7 @@ const i = {
     }
   },
   methods: {
-    isEmpty: n,
+    isEmpty: a,
     deepClone: l,
     submit() {
       this.$refs.form.submit();
@@ -125,7 +125,7 @@ i.showForm = (e) => {
   const t = r.extend(i), o = new t().$mount();
   return document.body.appendChild(o.$el), o.show(e), o;
 };
-const u = i, a = {};
+const u = i, n = {};
 var p = /* @__PURE__ */ c(
   u,
   d,
@@ -137,8 +137,8 @@ var p = /* @__PURE__ */ c(
   null
 );
 function b(e) {
-  for (let t in a)
-    this[t] = a[t];
+  for (let t in n)
+    this[t] = n[t];
 }
 const v = /* @__PURE__ */ function() {
   return p.exports;

package/dynamic-table/index.mjs

@@ -13,7 +13,7 @@ var h = function() {
       data: e.value
     }
   }, [e._l(e.columns, function(a) {
-    return t("ElTableColumn", {
+    return t("TableColumn", {
       key: a.prop,
       attrs: {
         prop: a.prop,
@@ -22,8 +22,8 @@ var h = function() {
       },
       scopedSlots: e._u([{
         key: "default",
-        fn: function(l) {
-          var n = l.row, r = l.$index;
+        fn: function(n) {
+          var l = n.row, r = n.$index;
           return [t("ElFormItem", {
             style: {
               marginBottom: e.inputDisabled ? "0px" : "16px"
@@ -40,9 +40,9 @@ var h = function() {
               placeholder: e.inputDisabled ? "" : `请输入${a.label}！`
             },
             model: {
-              value: n[a.prop],
+              value: l[a.prop],
               callback: function(s) {
-                e.$set(n, a.prop, s);
+                e.$set(l, a.prop, s);
               },
               expression: "row[column.prop]"
             }
@@ -50,7 +50,7 @@ var h = function() {
         }
       }], null, !0)
     });
-  }), e.inputDisabled ? e._e() : t("ElTableColumn", {
+  }), e.inputDisabled ? e._e() : t("TableColumn", {
     attrs: {
       label: "操作",
       width: "60",
@@ -59,7 +59,7 @@ var h = function() {
     scopedSlots: e._u([{
       key: "default",
       fn: function(a) {
-        var l = a.row, n = a.column, r = a.$index;
+        var n = a.row, l = a.column, r = a.$index;
         return [t("i", {
           staticClass: "el-icon-minus dynamic-table-action-icon",
           staticStyle: {
@@ -72,7 +72,7 @@ var h = function() {
           },
           on: {
             click: function(s) {
-              return s.stopPropagation(), e.removeRow(l, r, n);
+              return s.stopPropagation(), e.removeRow(n, r, l);
             }
           }
         })];

package/editable-tree/index.mjs

@@ -30,8 +30,8 @@ import { hasOwn as m, isVerticalScrollbarVisible as M, scrollbarWidth as K, comp
 import { addResizeListener as C, removeResizeListener as v } from "@web-utils/integrations/resize";
 import { cloneDeep as g } from "@web-utils/integrations/lodash";
 import { a as z, b as S, c as y } from "../chunks/index.57f871af.mjs";
-import { n as I } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var V = function() {
+import { n as V } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var A = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "editable-tree"
@@ -378,7 +378,7 @@ var V = function() {
     curNode: e.curNode,
     curData: e.curData
   })], 2)]) : e._e()], 1)], 1);
-}, A = [];
+}, I = [];
 const O = {
   name: "EditableTree",
   props: {
@@ -822,10 +822,10 @@ const O = {
     }
   }
 }, $ = {};
-var F = /* @__PURE__ */ I(
+var F = /* @__PURE__ */ V(
   O,
-  V,
   A,
+  I,
   !1,
   j,
   null,

package/flow/index.mjs

@@ -1,4 +1,4 @@
-import { s as l, r as c } from "../chunks/util.17330567.mjs";
+import { s as l, r as c } from "../chunks/util.505913d9.mjs";
 import { n as u } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var h = function() {
   var t = this, e = t.$createElement, n = t._self._c || e;
@@ -43,7 +43,7 @@ var h = function() {
     })], 2)];
   })], 2)]);
 }, d = [];
-const m = {
+const f = {
   name: "Flow",
   props: {
     value: {
@@ -138,7 +138,7 @@ const m = {
   },
   methods: {
     init() {
-      this.jsPlumb = jsPlumb.getInstance(), this.$nextTick(() => {
+      this.jsPlumb = window.jsPlumb.getInstance(), this.$nextTick(() => {
         this.jsPlumbInit();
       });
     },
@@ -204,15 +204,15 @@ const m = {
       });
     },
     loadEasyFlow() {
-      for (var t = 0; t < this.option.nodeList.length; t++) {
+      for (let t = 0; t < this.option.nodeList.length; t++) {
         const e = this.option.nodeList[t];
         this.jsPlumb.makeSource(e.id, this.jsplumbSourceOptions), this.jsPlumb.makeTarget(e.id, this.jsplumbTargetOptions), this.jsPlumb.draggable(e.id);
       }
-      for (var t = 0; t < this.option.lineList.length; t++) {
-        const n = this.option.lineList[t];
+      for (let t = 0; t < this.option.lineList.length; t++) {
+        const e = this.option.lineList[t];
         this.jsPlumb.connect({
-          source: n.from,
-          target: n.to
+          source: e.from,
+          target: e.to
         }, this.jsplumbConnectOptions);
       }
       this.$nextTick(function() {
@@ -255,8 +255,8 @@ const m = {
     }
   }
 }, r = {};
-var f = /* @__PURE__ */ u(
-  m,
+var m = /* @__PURE__ */ u(
+  f,
   h,
   d,
   !1,
@@ -270,7 +270,7 @@ function p(t) {
     this[e] = r[e];
 }
 const j = /* @__PURE__ */ function() {
-  return f.exports;
+  return m.exports;
 }();
 export {
   j as default

package/flow/style.css

@@ -1 +1 @@
-.avue-flow{position:relative}.avue-flow .avue-draggable{padding:0}.avue-flow__node{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:200px;height:80px;overflow:hidden;border:1px solid #eee;border-radius:5px;box-shadow:"#66a6e0 0px 0px 12px 0px"}.avue-flow__node--active{border-color:#f56c6c;border-width:2px}.avue-flow__node-drag{display:inline-block;margin:0 5px}.avue-flow__node-header{flex:1;background-color:#66a6e0}.avue-flow__node-body{display:flex;flex:1.5;align-items:center;justify-content:center;text-align:center;background:#fff}
+.avue-flow{position:relative}.avue-flow .avue-draggable{padding:0}.avue-flow__node{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:200px;height:80px;overflow:hidden;border:1px solid #eee;border-radius:5px;box-shadow:#66a6e0 0 0 12px}.avue-flow__node--active{border-color:#f56c6c;border-width:2px}.avue-flow__node-drag{display:inline-block;margin:0 5px}.avue-flow__node-header{flex:1;background-color:#66a6e0}.avue-flow__node-body{display:flex;flex:1.5;align-items:center;justify-content:center;text-align:center;background:#fff}

package/flow-node/index.mjs

@@ -1,4 +1,4 @@
-import { s as n } from "../chunks/util.17330567.mjs";
+import { s as n } from "../chunks/util.505913d9.mjs";
 import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var l = function() {
   var e = this, o = e.$createElement, t = e._self._c || o;
@@ -72,7 +72,7 @@ const i = {
     },
     // 鼠标移动后抬起
     changeNodeSite() {
-      this.node.left == this.$refs.node.style.left && this.node.top == this.$refs.node.style.top || this.$emit("changeNodeSite", {
+      this.node.left === this.$refs.node.style.left && this.node.top === this.$refs.node.style.top || this.$emit("changeNodeSite", {
         index: this.index,
         left: Number(this.$refs.node.style.left.replace("px", "")),
         top: Number(this.$refs.node.style.top.replace("px", ""))

package/form-block/index.mjs

@@ -0,0 +1,156 @@
+import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], d = ["$emit", "validate", "clearValidate"], c = {
+  name: "FormBlock",
+  inject: {
+    elForm: {
+      default: {}
+    }
+  },
+  provide() {
+    return {
+      elForm: this.formConfig
+    };
+  },
+  props: {
+    blockTitle: String,
+    active: Boolean,
+    enabled: Boolean,
+    disabled: Boolean,
+    wrapRow: {
+      type: Boolean,
+      default: !0
+    },
+    gutter: {
+      type: Number,
+      default: 20
+    },
+    collapse: Boolean
+  },
+  data() {
+    const e = {};
+    return l.forEach((t) => {
+      e[t] = null;
+    }), {
+      expand: !0,
+      formConfig: e
+    };
+  },
+  computed: {
+    formCfg() {
+      const e = {
+        enabled: this.enabled,
+        forbidden: this.disabled
+      };
+      return l.forEach((t) => {
+        e[t] = this.elForm[t];
+      }), e;
+    }
+  },
+  watch: {
+    collapse: {
+      immediate: !0,
+      handler(e) {
+        this.expand = !e;
+      }
+    },
+    formCfg: {
+      immediate: !0,
+      handler() {
+        this.formConfig.disabled = this.available(), l.forEach((e) => {
+          var t;
+          e !== "disabled" && (d.includes(e) ? this.formConfig[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
+        });
+      }
+    }
+  },
+  mounted() {
+    this.dispatch("FormView", "FormView.addTab", [this]);
+  },
+  beforeDestroy() {
+    this.dispatch("FormView", "FormView.removeTab", [this]);
+  },
+  methods: {
+    available() {
+      return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
+    },
+    dispatch(e, t, a) {
+      let o = this.$parent || this.$root, i = o.$options.name;
+      for (; o && (!i || i !== e); )
+        o = o.$parent, o && (i = o.$options.name);
+      o && o.$emit.apply(o, [t].concat(a));
+    },
+    renderDefault() {
+      const e = this.$createElement, {
+        wrapRow: t,
+        gutter: a,
+        formConfig: o,
+        $scopedSlots: i
+      } = this;
+      return t ? e("ElRow", {
+        attrs: {
+          gutter: a
+        }
+      }, [i.default({
+        disabled: o.disabled
+      })]) : i.default({
+        disabled: o.disabled
+      });
+    },
+    toggle() {
+      this.expand = !this.expand;
+    },
+    open() {
+      this.expand = !0;
+    }
+  },
+  render() {
+    const e = arguments[0], {
+      renderDefault: t,
+      blockTitle: a,
+      active: o,
+      expand: i,
+      toggle: r
+    } = this;
+    return e("div", {
+      class: ["form-block", {
+        "default-active": o
+      }]
+    }, [e("div", {
+      class: "form-block-title",
+      on: {
+        click: r
+      }
+    }, [e("span", {
+      class: "flex-item"
+    }, [a]), " ", e("i", {
+      class: i ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), e("ElCollapseTransition", [e("div", {
+      directives: [{
+        name: "show",
+        value: i
+      }]
+    }, [t()])])]);
+  }
+};
+let m, h;
+const s = {};
+var f = /* @__PURE__ */ n(
+  c,
+  m,
+  h,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const b = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  b as default
+};

package/form-block/style.css

@@ -0,0 +1 @@
+.form-block{padding-bottom:10px;background-color:#fff}.form-block-title{display:flex;flex-direction:row;align-items:center;height:30px;margin:0 0 10px;padding:0 10px;color:#333;font-weight:700;font-size:14px;line-height:30px;background-color:#f3f5fb;cursor:pointer}