@web-utils/component 3.8.3 → 4.0.1

package/split-pane/index.mjs

@@ -1,41 +1,25 @@
-var l = (e, t, s) => new Promise((o, i) => {
-  var n = (r) => {
-    try {
-      a(s.next(r));
-    } catch (f) {
-      i(f);
-    }
-  }, c = (r) => {
-    try {
-      a(s.throw(r));
-    } catch (f) {
-      i(f);
-    }
-  }, a = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(n, c);
-  a((s = s.apply(e, t)).next());
-});
-import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-import d from "../resize-observer/index.mjs";
+import { n as f } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import l from "../resize-observer/index.mjs";
 import "../resize-observer/style.css";
-function g(e, t) {
+function h(e, t) {
   for (let s = 0; s < t.length; s++)
     if (e === t[s])
       return !0;
   return !1;
 }
-const h = function() {
+const n = (function() {
   return document.addEventListener ? function(e, t, s) {
     e && t && s && e.addEventListener(t, s, !1);
   } : function(e, t, s) {
     e && t && s && e.attachEvent(`on${t}`, s);
   };
-}(), p = function() {
+})(), a = (function() {
   return document.removeEventListener ? function(e, t, s) {
     e && t && e.removeEventListener(t, s, !1);
   } : function(e, t, s) {
     e && t && e.detachEvent(`on${t}`, s);
   };
-}(), m = {
+})(), p = {
   name: "Trigger",
   props: {
     mode: String,
@@ -66,27 +50,27 @@ const h = function() {
     }
   }
 };
-var v = function() {
+var u = function() {
   var t = this, s = t._self._c;
   return s("div", { class: t.classes }, [t.showIcon ? s("div", { class: t.barConClasses }, t._m(0), 0) : t._e()]);
-}, x = [function() {
+}, c = [function() {
   var e = this, t = e._self._c;
   return e._l(8, function(s) {
     return t("i", { key: `trigger-${s}`, class: `${e.prefix}-bar` });
   });
-}], $ = /* @__PURE__ */ u(
-  m,
-  v,
-  x,
+}], d = /* @__PURE__ */ f(
+  p,
+  u,
+  c,
   !1,
   null,
   null
 );
-const _ = $.exports, z = {
+const g = d.exports, m = {
   name: "SplitPane",
   components: {
-    Trigger: _,
-    ResizeObserver: d
+    Trigger: g,
+    ResizeObserver: l
   },
   props: {
     value: {
@@ -95,7 +79,7 @@ const _ = $.exports, z = {
     },
     mode: {
       validator(e) {
-        return g(e, ["horizontal", "vertical"]);
+        return h(e, ["horizontal", "vertical"]);
       },
       default: "horizontal"
     },
@@ -153,10 +137,8 @@ const _ = $.exports, z = {
   watch: {
     value: "resetOffset"
   },
-  mounted() {
-    return l(this, null, function* () {
-      yield this.$nextTick(), this.resetOffset();
-    });
+  async mounted() {
+    await this.$nextTick(), this.resetOffset();
   },
   methods: {
     resetOffset() {
@@ -180,35 +162,35 @@ const _ = $.exports, z = {
       return this.valueIsPx ? t = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(e)}px` : t = 1 - e, t;
     },
     handleMove(e) {
-      const s = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, o = this.$refs.outerWrapper[this.offsetSize];
-      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(o * this.oldOffset + s, o);
-      const n = this.getAnotherOffset(i);
-      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(n) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(n, this.computedMax))), e.atMin = this.value === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", e);
+      const s = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, r = this.$refs.outerWrapper[this.offsetSize];
+      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(r * this.oldOffset + s, r);
+      const o = this.getAnotherOffset(i);
+      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(o) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(o, this.computedMax))), e.atMin = this.value === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", e);
     },
     handleUp() {
-      this.isMoving = !1, p(window, "mousemove", this.handleMove), p(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+      this.isMoving = !1, a(window, "mousemove", this.handleMove), a(window, "mouseup", this.handleUp), this.$emit("on-move-end");
     },
     handleMousedown(e) {
-      this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.value, this.isMoving = !0, h(window, "mousemove", this.handleMove), h(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+      this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.value, this.isMoving = !0, n(window, "mousemove", this.handleMove), n(window, "mouseup", this.handleUp), this.$emit("on-move-start");
     }
   }
 };
-var M = function() {
+var v = function() {
   var t = this, s = t._self._c;
   return s("div", { ref: "outerWrapper", class: t.wrapperClasses }, [t.isHorizontal ? s("div", { class: `${t.prefix}-horizontal` }, [t.hideLeft ? s("div", { class: [`${t.prefix}-pane`, "right-pane"], staticStyle: { left: "0" } }, [t._t("right")], 2) : [s("div", { class: [`${t.prefix}-pane`, "left-pane"], style: { right: `${t.anotherOffset}%` } }, [t._t("left")], 2), s("div", { class: `${t.prefix}-trigger-con`, style: { left: `calc(${t.offset}% + ${t.triggerSize / 2}px)`, width: `${t.triggerSize}px` }, on: { mousedown: t.handleMousedown } }, [t._t("trigger", function() {
     return [s("Trigger", { attrs: { mode: "vertical" } })];
   })], 2), s("div", { class: [`${t.prefix}-pane`, "right-pane"], style: { left: `calc(${t.offset}% + ${t.triggerSize}px)` } }, [t._t("right")], 2)]], 2) : s("div", { class: `${t.prefix}-vertical` }, [s("div", { class: [`${t.prefix}-pane`, "top-pane"], style: { bottom: `${t.anotherOffset}%` } }, [t._t("top")], 2), s("div", { class: `${t.prefix}-trigger-con`, style: { top: `calc(${t.offset}% + ${t.triggerSize / 2}px)`, height: `${t.triggerSize}px` }, on: { mousedown: t.handleMousedown } }, [t._t("trigger", function() {
     return [s("Trigger", { attrs: { mode: "horizontal" } })];
   })], 2), s("div", { class: [`${t.prefix}-pane`, "bottom-pane"], style: { top: `calc(${t.offset}% + ${t.triggerSize}px)` } }, [t._t("bottom")], 2)]), s("ResizeObserver", { on: { notify: t.resetOffset } })], 1);
-}, O = [], w = /* @__PURE__ */ u(
-  z,
-  M,
-  O,
+}, x = [], $ = /* @__PURE__ */ f(
+  m,
+  v,
+  x,
   !1,
   null,
   null
 );
-const C = w.exports;
+const O = $.exports;
 export {
-  C as default
+  O as default
 };

package/split-pane/style.css

@@ -1 +1 @@
-.egd-split-wrapper{width:100%;height:100%;position:relative}.egd-split-pane{position:absolute}.egd-split-pane.left-pane,.egd-split-pane.right-pane{top:0;bottom:0}.egd-split-pane.left-pane{left:0}.egd-split-pane.right-pane{right:0}.egd-split-pane.top-pane,.egd-split-pane.bottom-pane{left:0;right:0}.egd-split-pane.top-pane{top:0}.egd-split-pane.bottom-pane{bottom:0}.egd-split-trigger-con{z-index:10;position:absolute;transform:translate(-50%,-50%)}.egd-split-trigger-bar-con{position:absolute;overflow:hidden}.egd-split-trigger-bar-con.vertical{height:32px;top:50%;left:1px;transform:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{width:32px;top:1px;left:50%;transform:translate(-50%)}.egd-split-trigger-vertical{cursor:ew-resize;background:#f8f8f9;width:6px;height:100%;box-shadow:0 0 4px rgba(28,36,56,.4)}.egd-split-trigger-vertical .egd-split-trigger-bar{float:left;background:rgba(23,35,61,.25);width:4px;height:1px;margin-top:3px}.egd-split-trigger-horizontal{cursor:ns-resize;background:#f8f8f9;width:100%;height:6px;box-shadow:0 0 4px rgba(28,36,56,.4)}.egd-split-trigger-horizontal .egd-split-trigger-bar{float:left;background:rgba(23,35,61,.25);width:1px;height:4px;margin-right:3px}.egd-split-horizontal .egd-split-trigger-con{border-right:1px solid #d7dae0;height:100%;top:50%}.egd-split-vertical .egd-split-trigger-con{border-bottom:1px solid #d7dae0;width:100%;left:50%}.egd-split-trigger-vertical-line,.egd-split-trigger-horizontal-line{box-shadow:none;background-color:transparent}.egd-split .no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.egd-split-wrapper{width:100%;height:100%;position:relative}.egd-split-pane{position:absolute}.egd-split-pane.left-pane,.egd-split-pane.right-pane{top:0;bottom:0}.egd-split-pane.left-pane{left:0}.egd-split-pane.right-pane{right:0}.egd-split-pane.top-pane,.egd-split-pane.bottom-pane{left:0;right:0}.egd-split-pane.top-pane{top:0}.egd-split-pane.bottom-pane{bottom:0}.egd-split-trigger-con{z-index:10;position:absolute;transform:translate(-50%,-50%)}.egd-split-trigger-bar-con{position:absolute;overflow:hidden}.egd-split-trigger-bar-con.vertical{height:32px;top:50%;left:1px;transform:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{width:32px;top:1px;left:50%;transform:translate(-50%)}.egd-split-trigger-vertical{cursor:ew-resize;background:#f8f8f9;width:6px;height:100%;box-shadow:0 0 4px #1c243866}.egd-split-trigger-vertical .egd-split-trigger-bar{float:left;background:#17233d40;width:4px;height:1px;margin-top:3px}.egd-split-trigger-horizontal{cursor:ns-resize;background:#f8f8f9;width:100%;height:6px;box-shadow:0 0 4px #1c243866}.egd-split-trigger-horizontal .egd-split-trigger-bar{float:left;background:#17233d40;width:1px;height:4px;margin-right:3px}.egd-split-horizontal .egd-split-trigger-con{border-right:1px solid #d7dae0;height:100%;top:50%}.egd-split-vertical .egd-split-trigger-con{border-bottom:1px solid #d7dae0;width:100%;left:50%}.egd-split-trigger-vertical-line,.egd-split-trigger-horizontal-line{box-shadow:none;background-color:#0000}.egd-split .no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

package/sub-table/index.mjs

@@ -0,0 +1,206 @@
+import { findTreeChildren as u, isFunction as d } from "@web-utils/core";
+import { cloneDeep as i } from "@web-utils/integrations/lodash";
+import { n as b } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const c = {
+  name: "SubTable",
+  emits: ["add-row"],
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    value: Array,
+    prop: String,
+    columns: Array,
+    limit: {
+      type: Number,
+      default: 1 / 0
+    },
+    maxLimit: {
+      type: Number,
+      default: 1 / 0
+    },
+    disabled: Boolean,
+    showSummary: Boolean,
+    selectionWidth: String,
+    allowEmpty: Boolean,
+    handleColumn: {
+      type: Boolean,
+      default: !0
+    },
+    editable: Boolean,
+    fetchApi: Function,
+    delApi: Function,
+    showHandleColumnAddButton: {
+      type: Boolean,
+      default: !0
+    },
+    showEmptyAddButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      rows: [],
+      selectedRows: []
+    };
+  },
+  computed: {
+    available() {
+      return this.editable && this.enabled;
+    },
+    enabled() {
+      return !this.disabled;
+    },
+    rowProps() {
+      const n = {};
+      return this.columns && this.columns.map((e) => e.prop).forEach((e) => {
+        n[e] = null;
+      }), n;
+    },
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+  watch: {
+    value: {
+      deep: !0,
+      immediate: !0,
+      handler(n) {
+        this.rows = n || [];
+      }
+    },
+    rows: {
+      deep: !0,
+      immediate: !0,
+      handler(n) {
+        this.$emit("input", n);
+      }
+    }
+  },
+  methods: {
+    getCellType(n, e) {
+      return d(e.getType) ? e.getType(n, e) : e.type;
+    },
+    getInputAttr(n, e) {
+      return { ...e.attrs, ...e.getAttrs ? e.getAttrs(n) : {} };
+    },
+    isInputDisabled(n, e) {
+      return e.isDisabled && e.isDisabled(n);
+    },
+    onInput(n, e, a) {
+      a.setValue ? a.setValue(n, e, a, this.rows) : n[a.prop] = e;
+    },
+    onSelectionChange(n) {
+      this.selectedRows = n;
+    },
+    remove(n, e) {
+      try {
+        this.rows.splice(e, 1);
+      } catch {
+      }
+    },
+    add(n, e) {
+      const a = i(this.rowProps);
+      this.rows.splice(e + 1, 0, a);
+    },
+    addRow() {
+      this.$emit("add-row");
+    },
+    async delRow() {
+      if (!this.selectedRows.length) {
+        this.$message.warning("请选择要删除的记录！");
+        return;
+      }
+      try {
+        if (this.delApi)
+          try {
+            await this.delApi(this.selectedRows.map((n) => n.id).join(",")), this.refresh();
+          } catch {
+            this.$message.error("删除失败！");
+          }
+        else
+          this.$emit(
+            "input",
+            this.rows.filter((n) => !this.selectedRows.includes(n))
+          );
+        this.$message.success("删除成功！");
+      } catch {
+      }
+    },
+    refresh() {
+      this.$refs.table.getPage();
+    },
+    getVal(n, e, a) {
+      var t, r;
+      if (a.type === "select" && ((t = a.attrs) != null && t.options)) {
+        const s = a.attrs.options.find((p) => p.code === n[e.property]);
+        if (s)
+          return s.name;
+      }
+      if (a.type === "cascader" && ((r = a.attrs) != null && r.options)) {
+        const [s] = u(a.attrs.options, (p) => p[a.attrs.valueKey || "value"] === n[e.property]);
+        if (s)
+          return s[a.attrs.valueKey || "label"];
+      }
+      return n[e.property];
+    }
+  }
+};
+var h = function() {
+  var e = this, a = e._self._c;
+  return a("PageableTable", e._g(e._b({ ref: "table", staticClass: "sub-table", attrs: { "auto-height": "", data: e.rows, api: e.fetchApi, "show-summary": e.showSummary, "selection-width": e.selectionWidth, "hide-on-single-page": "", selection: e.enabled }, on: { "selection-change": e.onSelectionChange }, scopedSlots: e._u([e.editable ? null : { key: "toolbar", fn: function() {
+    return [e.enabled || e.fetchApi ? a("div", { staticClass: "table-header" }, [e._t("toolbar", function() {
+      return [e.enabled ? [a("ElButton", { staticClass: "table-header-button add", attrs: { size: "mini", icon: "el-icon-circle-plus", type: "text" }, on: { click: e.addRow } }, [e._v("添加")]), a("ConfirmButton", { staticClass: "table-header-button remove", attrs: { size: "mini", message: "您确定要删除选中的记录吗？", icon: "el-icon-error", type: "text" }, on: { click: e.delRow } }, [e._v(" 删除 ")])] : e._e(), e.fetchApi ? a("ElButton", { staticClass: "table-header-button refresh", attrs: { size: "mini", icon: "el-icon-refresh-left", type: "text", disabled: !1 }, on: { click: e.refresh } }, [e._v(" 刷新 ")]) : e._e()];
+    }, { addRow: e.addRow, delRow: e.delRow, refresh: e.refresh })], 2) : e._e()];
+  }, proxy: !0 }, e.allowEmpty && !e.inputDisabled && e.showEmptyAddButton ? { key: "empty", fn: function() {
+    return [a("i", { staticClass: "el-icon-circle-plus sub-table-handle-button table-button-add", staticStyle: { "font-size": "20px", cursor: "pointer" }, attrs: { title: "添加" }, on: { click: function(t) {
+      return t.stopPropagation(), e.add(null, 0);
+    } } })];
+  }, proxy: !0 } : null], null, !0) }, "PageableTable", e.$attrs, !1), e.$listeners), [e._t("columns", function() {
+    return [e._l(e.columns, function(t) {
+      return [t.label && !t.hide && !t.slot ? a("TableColumn", { key: `${t.prop}-${e.enabled}-${t.type}`, attrs: { label: t.label, width: t.width, align: t.align, prop: t.prop, options: t.options, "show-overflow-tooltip": !e.available && t.showOverflowTooltip }, scopedSlots: e._u([{ key: "header", fn: function() {
+        return [!e.inputDisabled && t.required ? a("span", { staticStyle: { color: "#f56c6c" } }, [e._v("*")]) : e._e(), e._v(" " + e._s(t.label) + " ")];
+      }, proxy: !0 }, { key: "default", fn: function({ row: r, column: s, $index: p }) {
+        return [e._t("tag", null, { row: r, column: s, index: p }), e._t(t.prop, function() {
+          var o;
+          return [e.available && e.getCellType(r, t) === "input" ? [a("FormInput", e._b({ attrs: { value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required }, on: { input: (l) => e.onInput(r, l, t) } }, "FormInput", e.getInputAttr(r, t), !1))] : e.available && e.getCellType(r, t) === "inputPhoneNumber" ? [a("FormInputPhoneNumber", e._b({ attrs: { value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required }, on: { input: (l) => e.onInput(r, l, t) } }, "FormInputPhoneNumber", e.getInputAttr(r, t), !1))] : e.available && e.getCellType(r, t) === "user" ? [t.single ? a("FormInputUser", e._b({ attrs: { name: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required }, on: { "update:name": function(l) {
+            return e.$set(r, s.property, l);
+          }, input: (l) => e.onInput(r, l, t) } }, "FormInputUser", e.getInputAttr(r, t), !1)) : a("FormInputUser", e._b({ attrs: { value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required }, on: { input: (l) => e.onInput(r, l, t) } }, "FormInputUser", e.getInputAttr(r, t), !1))] : e.available && e.getCellType(r, t) === "department" ? [t.single ? a("FormInputDepartment", e._b({ attrs: { "ou-type": t.ouType, name: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required }, on: { "update:name": function(l) {
+            return e.$set(r, s.property, l);
+          }, input: (l) => e.onInput(r, l, t) } }, "FormInputDepartment", e.getInputAttr(r, t), !1)) : a("FormInputDepartment", e._b({ attrs: { value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required }, on: { input: (l) => e.onInput(r, l, t) } }, "FormInputDepartment", e.getInputAttr(r, t), !1))] : e.available && e.getCellType(r, t) === "select" ? [a("FormSelect", e._b({ attrs: { value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, options: t.options, required: t.required }, on: { input: (l) => e.onInput(r, l, t) } }, "FormSelect", e.getInputAttr(r, t), !1))] : e.available && e.getCellType(r, t) === "datePicker" ? [a("FormDatePicker", e._b({ attrs: { value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required, start: r[t.start], end: r[t.end] }, on: { "update:start": function(l) {
+            return e.$set(r, t.start, l);
+          }, "update:end": function(l) {
+            return e.$set(r, t.end, l);
+          }, input: (l) => e.onInput(r, l, t) } }, "FormDatePicker", e.getInputAttr(r, t), !1))] : e.available && e.getCellType(r, t) === "cascader" ? [a("FormCascader", e._b({ attrs: { value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required, "label-key": t.labelKey, "value-key": t.valueKey }, on: { input: (l) => e.onInput(r, l, t) } }, "FormCascader", e.getInputAttr(r, t), !1))] : e.available && e.getCellType(r, t) === "checkbox" ? [a("FormCheckboxGroup", e._b({ attrs: { value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required }, on: { input: (l) => e.onInput(r, l, t) } }, "FormCheckboxGroup", e.getInputAttr(r, t), !1))] : e.available && e.getCellType(r, t) === "number" ? [a("FormInputNumber", e._b({ attrs: { value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required }, on: { input: (l) => e.onInput(r, l, t) } }, "FormInputNumber", e.getInputAttr(r, t), !1))] : e.available && e.getCellType(r, t) === "textarea" ? [a("FormTextarea", e._b({ attrs: { rows: t.rows || "3", value: r[s.property], disabled: e.isInputDisabled(r, t), prop: `${e.prop}[${p}].${t.prop}`, required: t.required }, on: { input: (l) => e.onInput(r, l, t) } }, "FormTextarea", e.getInputAttr(r, t), !1))] : t.dicType || (o = t.options) != null && o.length ? [a("DictRender", { attrs: { "dict-type": t.dicType, "id-as-value": t.idAsValue, "label-as-value": t.labelAsValue, column: s, row: r, options: t.options } })] : [e._v(e._s(e.getVal(r, s, t)))]];
+        }, { row: r, column: s, index: p })];
+      } }], null, !0) }) : t.slot ? e._t("default") : e._e()];
+    })];
+  }, { columns: e.columns }), e._t("handle", null, { add: e.add, remove: e.remove }), (!e.value || e.value.length < e.limit) && !e.inputDisabled && e.enabled && e.editable && e.handleColumn ? a("TableColumn", { attrs: { label: "操作", fixed: "right", width: "80", align: "center", prop: "menu" }, scopedSlots: e._u([{ key: "header", fn: function({ column: t, $index: r }) {
+    return [e._t("handle-column-header", function() {
+      return [e._v(" " + e._s(t.label) + " ")];
+    }, { column: t, index: r })];
+  } }, { key: "default", fn: function({ row: t, $index: r }) {
+    return [e.showHandleColumnAddButton && e.value.length < e.maxLimit ? a("i", { staticClass: "el-icon-circle-plus sub-table-handle-button table-button-add", staticStyle: { "margin-right": "5px", "font-size": "20px", cursor: "pointer" }, attrs: { title: "添加" }, on: { click: function(s) {
+      return s.stopPropagation(), e.add(t, r);
+    } } }) : e._e(), e.value && e.value.length > 1 || e.allowEmpty ? a("Confirmable", { staticClass: "el-icon-error sub-table-handle-button table-button-remove", attrs: { title: "删除", message: "您确定要删除该行吗？" }, on: { click: function(s) {
+      return s.stopPropagation(), e.remove(t, r);
+    } } }) : e._e()];
+  } }], null, !0) }) : e._e()], 2);
+}, f = [], y = /* @__PURE__ */ b(
+  c,
+  h,
+  f,
+  !1,
+  null,
+  null
+);
+const I = y.exports;
+export {
+  I as default
+};

package/sub-table/style.css

@@ -0,0 +1 @@
+.sub-table.pageable-table.auto-height .el-table{min-height:0}.sub-table .el-form-item{width:100%;margin-bottom:0}.sub-table .el-col{width:100%}.sub-table .table-header{background-color:#f3f5fb;border:1px solid #dfe6ec;border-bottom:none;padding:2px 10px}.sub-table .table-header-button:hover,.sub-table .table-header-button:focus{color:#595959}.sub-table .table-header-button i+span{margin-left:0}.sub-table .table-header-button i{font-size:15px}.sub-table .table-header-button.add i{color:#4886ec}.sub-table .table-header-button.remove i{color:#e34e55}.sub-table .table-header-button.refresh i{color:#1eb91e}.sub-table .table-button-add{color:#5add7a;opacity:.8}.sub-table .table-button-add:hover{opacity:1}.sub-table .table-button-remove{color:#ddd}.sub-table .table-button-remove:hover{color:#ef6666}.sub-table .el-table__header-wrapper .el-table__header th{background-color:#f3f5fb;padding:5px 0}.sub-table .el-table{border-top-color:#dde1e5}.sub-table .el-table td{border-color:#dfe6ec}.sub-table .el-col{padding:0!important}.sub-table .row-indicator{border:6px solid #0000;border-bottom-color:#f5690c;width:0;height:0;display:inline-block;position:absolute;top:-6px;right:-6px;transform:rotate(45deg)}.sub-table .sub-table-handle-button{cursor:pointer;font-size:20px}.sub-table .sub-table-handle-button+.sub-table-handle-button{margin-left:5px}.sub-table .el-table .el-table__header th{line-height:inherit;padding:5px 0;background:#f3f5fb!important}

package/sub-table-plus/index.mjs

@@ -0,0 +1,231 @@
+import { findTreeChildren as i, isFunction as c } from "@web-utils/core";
+import { cloneDeep as b } from "@web-utils/integrations/lodash";
+import { S as h } from "../chunks/sub-table-plus-props.BVsD71hT.mjs";
+import { n as f } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const y = {
+  name: "SubTablePlus",
+  mixins: [h],
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    onRowDbClick: Function,
+    showMessage: Boolean,
+    pageSize: Number
+  },
+  data() {
+    return {
+      rows: [],
+      selectedRows: []
+    };
+  },
+  computed: {
+    enabled() {
+      return !this.inputDisabled;
+    },
+    hasToolBarMenu() {
+      var s;
+      return (s = this.toolbarMenus) == null ? void 0 : s.length;
+    },
+    hasHandleMenus() {
+      var s;
+      return (s = this.handleMenus) == null ? void 0 : s.length;
+    },
+    rowProps() {
+      const s = {};
+      return this.columns && this.columns.map((e) => e.prop).forEach((e) => {
+        s[e] = null;
+      }), s;
+    },
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+  watch: {
+    value: {
+      deep: !0,
+      immediate: !0,
+      handler(s) {
+        this.rows = s || [];
+      }
+    },
+    rows: {
+      deep: !0,
+      immediate: !0,
+      handler(s) {
+        this.$emit("input", s);
+      }
+    }
+  },
+  methods: {
+    getCellType(s, e) {
+      return c(e.getType) ? e.getType(s, e) : e.type;
+    },
+    getInputAttr(s, e) {
+      return e.attrs && e.getAttrs ? { ...e.attrs, ...e.getAttrs(s) } : e.attrs ? e.attrs : e.getAttrs ? e.getAttrs(s) : {};
+    },
+    isInputDisabled(s, e) {
+      var l;
+      return (l = e.isDisabled) == null ? void 0 : l.call(e, s);
+    },
+    onInput(s, e, l) {
+      l.setValue ? l.setValue(s, e, l, this.rows) : l.setVal !== !1 && (s[l.prop] = e);
+    },
+    onBlur(s, e) {
+      e.onBlur && e.onBlur(s, e, this.rows);
+    },
+    onSelectionChange(s) {
+      this.selectedRows = s;
+    },
+    async remove(s, e) {
+      try {
+        if (this.delApi)
+          try {
+            await this.delApi([s.id]), this.$message.success("删除成功！"), this.refresh();
+          } catch {
+            this.$message.error("删除失败！");
+          }
+        else
+          this.rows.splice(e, 1);
+      } catch {
+      }
+    },
+    async add(s, e) {
+      var l;
+      if (this.fetchApi)
+        this.addRow();
+      else {
+        const o = b(this.rowProps), u = await ((l = this.initRow) == null ? void 0 : l.call(this, o, e));
+        e === -1 ? this.rows.push(u || o) : this.rows.splice(e + 1, 0, u || o);
+      }
+    },
+    addRow() {
+      this.$emit("add-row");
+    },
+    async delRow() {
+      if (!this.selectedRows.length) {
+        this.$message.warning("请选择要删除的记录！");
+        return;
+      }
+      try {
+        if (this.delApi)
+          try {
+            await this.delApi(this.selectedRows.map((s) => s.id)), this.$message.success("删除成功！"), this.refresh();
+          } catch {
+            this.$message.error("删除失败！");
+          }
+        else
+          this.$emit(
+            "input",
+            this.rows.filter((s) => !this.selectedRows.includes(s))
+          );
+      } catch {
+      }
+    },
+    refresh() {
+      this.$refs.table.getPage();
+    },
+    getVal(s, e, l) {
+      var o, u;
+      if (l.type === "select" && ((o = l.attrs) != null && o.options)) {
+        const t = l.attrs.options.find((r) => r.value === s[e.property] || r.code === s[e.property]);
+        if (t)
+          return t.label || t.name;
+      }
+      if (l.type === "checkbox1")
+        return s[e.property] === !0 || s[e.property] === "1" || s[e.property] === "Y" ? "是" : "否";
+      if (l.type === "cascader" && ((u = l.attrs) != null && u.options)) {
+        const [t] = i(l.attrs.options, (r) => r[l.attrs.valueKey || "value"] === s[e.property]);
+        if (t)
+          return t[l.attrs.valueKey || "label"];
+      }
+      return s[e.property];
+    },
+    reloadTable() {
+      var s;
+      (s = this.$refs.table) == null || s.reload();
+    },
+    async refreshTable() {
+      var s;
+      await ((s = this.$refs.table) == null ? void 0 : s.getPage());
+    },
+    removeSelectedRows() {
+      this.$emit(
+        "input",
+        this.value.filter((s) => !this.selectedRows.includes(s))
+      );
+    },
+    rowDbClick(...s) {
+      var e;
+      (e = this.onRowDbClick) == null || e.call(this, ...s);
+    }
+  }
+};
+var g = function() {
+  var o, u;
+  var e = this, l = e._self._c;
+  return l("div", { class: ["sub-table-plus", { "hide-message": !e.showMessage }] }, [l("PageableTable", e._g(e._b({ ref: "table", attrs: { "auto-height": "", data: e.fetchApi ? !1 : e.rows, api: e.fetchApi, "payload-style": "body", "show-summary": e.showSummary, descs: e.descs, ascs: e.ascs, "page-size": e.pageSize, "selection-width": e.selectionWidth, "hide-on-single-page": "", selection: e.selection, index: e.index }, on: { "selection-change": e.onSelectionChange }, scopedSlots: e._u([!e.inputDisabled || e.hasToolBarMenu ? { key: "toolbar", fn: function() {
+    return [l("div", { staticClass: "table-header flex-row" }, [e._t("toolbar", function() {
+      return [l("div", { staticClass: "flex-item" }, [e._t("toolbar-left", function() {
+        var t, r, n;
+        return [(t = e.toolbarMenus) != null && t.includes("add") ? l("ElButton", { staticClass: "table-header-button add", attrs: { size: "mini", icon: "el-icon-circle-plus", type: "text" }, on: { click: e.addRow } }, [e._v(" 添加 ")]) : e._e(), (r = e.toolbarMenus) != null && r.includes("delete") ? l("ConfirmButton", { staticClass: "table-header-button remove", attrs: { size: "mini", disabled: e.selectedRows.length <= 0, message: "您确定要删除选中的记录吗？", icon: "el-icon-error", type: "text" }, on: { click: e.delRow } }, [e._v(" 删除 ")]) : e._e(), (n = e.toolbarMenus) != null && n.includes("refresh") ? l("ElButton", { staticClass: "table-header-button refresh", attrs: { size: "mini", icon: "el-icon-refresh-left", type: "text", disabled: !1 }, on: { click: e.refresh } }, [e._v(" 刷新 ")]) : e._e()];
+      }, { addRow: e.addRow, delRow: e.delRow, refresh: e.refresh }), e._t("toolbar-left-append", null, { addRow: e.addRow, delRow: e.delRow, refresh: e.refresh })], 2), l("div", { staticClass: "flex-not-shrink" }, [e._t("toolbar-right", null, { removeSelectedRows: e.removeSelectedRows, selectedRows: e.selectedRows })], 2)];
+    }, { addRow: e.addRow, delRow: e.delRow, refresh: e.refresh })], 2)];
+  }, proxy: !0 } : null, e.bottomAddButton ? { key: "empty", fn: function() {
+    return [l("i", { staticClass: "el-icon-circle-plus sub-table-handle-button table-button-add", staticStyle: { "font-size": "20px", cursor: "pointer" }, attrs: { title: "添加" }, on: { click: function(t) {
+      var r;
+      return t.stopPropagation(), e.add(null, ((r = e.value) == null ? void 0 : r.length) ?? 0);
+    } } })];
+  }, proxy: !0 } : null], null, !0) }, "PageableTable", e.$attrs, !1), e.$listeners), [e._t("columns", function() {
+    return [e._l(e.columns, function(t) {
+      return [t.label && !t.hide && !t.slot ? l("TableColumn", { key: `${t.prop}-${e.enabled}${t.type ? `-${t.type}` : ""}${t.required ? `-${t.required}` : ""}`, attrs: { label: t.label, width: t.width, "dict-type": t.dictType, clickable: t.clickable, align: t.align, prop: t.prop, options: t.options, "show-overflow-tooltip": !t.editable && t.showOverflowTooltip }, scopedSlots: e._u([{ key: "header", fn: function() {
+        return [!e.inputDisabled && t.required ? l("span", { staticStyle: { color: "#f56c6c" } }, [e._v("*")]) : e._e(), l("span", { attrs: { title: t.label } }, [e._v(e._s(t.label))])];
+      }, proxy: !0 }, { key: "default", fn: function({ row: r, column: n, $index: p }) {
+        return [e._t("tag", null, { row: r, column: n, index: p }), e._t(t.prop, function() {
+          var d;
+          return [e.enabled && t.editable === !0 ? [e.getCellType(r, t) === "input" ? [l("FormInput", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { blur: () => e.onBlur(r, t), input: (a) => e.onInput(r, a, t) } }, "FormInput", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "checkbox1" ? [l("FormCheckbox", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormCheckbox", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "inputPhoneNumber" ? [l("FormInputPhoneNumber", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormInputPhoneNumber", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "user" ? [t.single ? l("FormInputUser", e._b({ attrs: { id: r[n.idProp || `${n.property}Id`], "wrap-col": !1, name: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { "update:id": function(a) {
+            return e.$set(r, n.idProp || `${n.property}Id`, a);
+          }, "update:name": function(a) {
+            return e.$set(r, n.property, a);
+          }, input: (a) => e.onInput(r, a, t) } }, "FormInputUser", e.getInputAttr(r, t), !1)) : l("FormInputUser", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormInputUser", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "department" ? [t.single ? l("FormInputDepartment", e._b({ attrs: { "wrap-col": !1, "ou-type": t.ouType, name: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { "update:name": function(a) {
+            return e.$set(r, n.property, a);
+          }, input: (a) => e.onInput(r, a, t) } }, "FormInputDepartment", e.getInputAttr(r, t), !1)) : l("FormInputDepartment", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormInputDepartment", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "select" ? [l("FormSelect", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormSelect", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "datePicker" ? [l("FormDatePicker", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required, start: r[t.start], end: r[t.end] }, on: { "update:start": function(a) {
+            return e.$set(r, t.start, a);
+          }, "update:end": function(a) {
+            return e.$set(r, t.end, a);
+          }, input: (a) => e.onInput(r, a, t) } }, "FormDatePicker", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "cascader" ? [l("FormCascader", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required, "label-key": t.labelKey, "value-key": t.valueKey }, on: { input: (a) => e.onInput(r, a, t) } }, "FormCascader", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "checkbox" ? [l("FormCheckboxGroup", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormCheckboxGroup", e.getInputAttr(r, t), !1))] : e.getCellType(r, t) === "number" ? [l("FormInputNumber", e._b({ attrs: { "wrap-col": !1, value: r[n.property], disabled: e.isInputDisabled(r, t), prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required }, on: { input: (a) => e.onInput(r, a, t) } }, "FormInputNumber", e.getInputAttr(r, t), !1))] : e._e()] : t.dictType || (d = t.options) != null && d.length ? [l("DictRender", { attrs: { "dict-type": t.dictType, "id-as-value": t.idAsValue, "label-as-value": t.labelAsValue, column: n, row: r, options: t.options } })] : [e._v(e._s(e.getVal(r, n, t)))]];
+        }, { row: r, column: n, wrapCol: !1, index: p, prop: e.prop ? `${e.prop}[${p}].${t.prop}` : null, required: t.required, editable: t.editable })];
+      } }], null, !0) }) : t.slot ? e._t(t.slot) : e._e()];
+    })];
+  }, { columns: e.columns }), e._t("handle", null, { add: e.add, remove: e.remove }), !e.inputDisabled && e.hasHandleMenus ? l("TableColumn", { attrs: { label: "操作", width: "80", align: "center", prop: "menu" }, scopedSlots: e._u([{ key: "header", fn: function({ column: t, $index: r }) {
+    return [e._t("handle-column-header", function() {
+      return [e._v(" " + e._s(t.label) + " ")];
+    }, { column: t, index: r })];
+  } }, { key: "default", fn: function({ row: t, $index: r }) {
+    var n, p, d;
+    return [(n = e.handleMenus) != null && n.includes("add") && ((p = e.value) == null ? void 0 : p.length) < e.limit ? l("i", { staticClass: "el-icon-circle-plus sub-table-handle-button table-button-add", staticStyle: { "margin-right": "5px", "font-size": "20px", cursor: "pointer" }, attrs: { title: "添加" }, on: { click: function(a) {
+      return a.stopPropagation(), e.add(t, r);
+    } } }) : e._e(), (d = e.handleMenus) != null && d.includes("delete") ? l("Confirmable", { staticClass: "el-icon-error sub-table-handle-button table-button-remove", attrs: { title: "删除", message: "您确定要删除该行吗？" }, on: { click: function(a) {
+      return a.stopPropagation(), e.remove(t, r);
+    } } }) : e._e()];
+  } }], null, !0) }) : e._e()], 2), !e.inputDisabled && e.bottomAddButton && ((o = e.value) == null ? void 0 : o.length) < e.limit && ((u = e.value) == null ? void 0 : u.length) > 0 ? l("div", { staticClass: "flex-row vertical-center horizon-center", staticStyle: { padding: "10px", border: "1px solid #ebeef5", "border-top": "none" } }, [l("i", { staticClass: "el-icon-circle-plus sub-table-handle-button table-button-add", staticStyle: { "font-size": "20px", cursor: "pointer" }, attrs: { title: "添加" }, on: { click: function(t) {
+    var r;
+    return t.stopPropagation(), e.add(null, ((r = e.value) == null ? void 0 : r.length) ?? 0);
+  } } })]) : e._e()], 1);
+}, _ = [], I = /* @__PURE__ */ f(
+  y,
+  g,
+  _,
+  !1,
+  null,
+  null
+);
+const k = I.exports;
+export {
+  k as default
+};

package/sub-table-plus/style.css

@@ -0,0 +1 @@
+.sub-table-plus.hide-message .el-form-item__error{display:none}.sub-table-plus .pageable-table.auto-height .el-table{min-height:0}.sub-table-plus .el-form-item{width:100%;margin-bottom:0}.sub-table-plus .el-col{width:100%}.sub-table-plus .table-header{background-color:#f3f5fb;border:1px solid #dfe6ec;border-bottom:none;padding:2px 10px}.sub-table-plus .table-header-button:hover,.sub-table-plus .table-header-button:focus{color:#595959}.sub-table-plus .table-header-button i+span{margin-left:0}.sub-table-plus .table-header-button i{font-size:15px}.sub-table-plus .table-header-button.add i{color:#4886ec}.sub-table-plus .table-header-button.remove i{color:#e34e55}.sub-table-plus .table-header-button.refresh i{color:#1eb91e}.sub-table-plus .table-button-add{color:#5add7a;opacity:.8}.sub-table-plus .table-button-add:hover{opacity:1}.sub-table-plus .table-button-remove{color:#ddd}.sub-table-plus .table-button-remove:hover{color:#ef6666}.sub-table-plus .el-table__header-wrapper .el-table__header th{background-color:#f3f5fb;padding:5px 0}.sub-table-plus .el-table{border-top-color:#dde1e5}.sub-table-plus .el-table td{border-color:#dfe6ec}.sub-table-plus .el-col{padding:0!important}.sub-table-plus .row-indicator{border:6px solid #0000;border-bottom-color:#f5690c;width:0;height:0;display:inline-block;position:absolute;top:-6px;right:-6px;transform:rotate(45deg)}.sub-table-plus .sub-table-handle-button{cursor:pointer;font-size:20px}.sub-table-plus .sub-table-handle-button+.sub-table-handle-button{margin-left:5px}.sub-table-plus .el-table .el-table__header th{line-height:inherit;padding:5px 0;background:#f3f5fb!important}.sub-table-plus .form-item{padding-top:4px;padding-bottom:4px}