@web-utils/component 4.0.0 → 4.0.2

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}

package/swiper/index.mjs

@@ -1,27 +1,11 @@
-var h = (e, t, s) => new Promise((i, r) => {
-  var l = (n) => {
-    try {
-      a(s.next(n));
-    } catch (o) {
-      r(o);
-    }
-  }, d = (n) => {
-    try {
-      a(s.throw(n));
-    } catch (o) {
-      r(o);
-    }
-  }, a = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(l, d);
-  a((s = s.apply(e, t)).next());
-});
-import { getEleWidth as c } from "@web-utils/core";
-import p from "../resize-observer/index.mjs";
+import { getEleWidth as r } from "@web-utils/core";
+import a from "../resize-observer/index.mjs";
 import "../resize-observer/style.css";
-import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const f = {
+import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const h = {
   name: "Swiper",
   components: {
-    ResizeObserver: p
+    ResizeObserver: a
   },
   data() {
     return {
@@ -38,19 +22,15 @@ const f = {
       }
     };
   },
-  mounted() {
-    return h(this, null, function* () {
-      yield this.layout();
-    });
+  async mounted() {
+    await this.layout();
   },
   updated() {
     this.computeContentWidth();
   },
   methods: {
-    layout() {
-      return h(this, null, function* () {
-        yield this.$nextTick(), this.computeContentWidth(), this.resize();
-      });
+    async layout() {
+      await this.$nextTick(), this.computeContentWidth(), this.resize();
     },
     resize() {
       this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
@@ -59,8 +39,8 @@ const f = {
       let e = 0;
       const t = [], { children: s } = this.$refs.swiperContent;
       Array.prototype.forEach.call(s, (i) => {
-        const r = c(i);
-        e += r, t.push(r);
+        const n = r(i);
+        e += n, t.push(n);
       }), this.childrenWidth = t, this.swiperContentWidth = e;
     },
     updateDuration(e) {
@@ -121,20 +101,20 @@ const f = {
     }
   }
 };
-var w = function() {
+var l = function() {
   var t = this, s = t._self._c;
   return s("div", { staticClass: "egd-swiper" }, [s("ElButton", { staticClass: "el-carousel__arrow el-carousel__arrow--left", attrs: { disabled: t.reachedLeft, icon: "el-icon-arrow-left" }, on: { click: t.clickLeft } }), s("div", { ref: "swiperBox", staticClass: "egd-swiper-box", on: { wheel: function(i) {
     return i.stopPropagation(), i.preventDefault(), t.onMouseWheel.apply(null, arguments);
   } } }, [s("div", { ref: "swiperContent", staticClass: "egd-swiper-content", style: t.swiperContentStyle }, [t._t("default")], 2)]), s("ElButton", { staticClass: "el-carousel__arrow el-carousel__arrow--right", attrs: { disabled: t.reachedRight, icon: "el-icon-arrow-right" }, on: { click: t.clickRight } }), s("ResizeObserver", { on: { notify: t.resize } })], 1);
-}, m = [], X = /* @__PURE__ */ u(
-  f,
-  w,
-  m,
+}, d = [], c = /* @__PURE__ */ o(
+  h,
+  l,
+  d,
   !1,
   null,
   null
 );
-const x = X.exports;
+const m = c.exports;
 export {
-  x as default
+  m as default
 };

package/swiper/style.css

@@ -1 +1 @@
-.egd-swiper{height:100%;padding:0 60px;position:relative}.egd-swiper .el-button.el-carousel__arrow{color:#fff;background-color:rgba(31,45,61,.11);border-color:rgba(31,45,61,.01);border-radius:50%;padding:0;font-size:12px}.egd-swiper .el-button.el-carousel__arrow i{cursor:unset}.egd-swiper .el-button.el-carousel__arrow.is-disabled{color:#fff;background-color:rgba(31,45,61,.11);border-color:rgba(31,45,61,.01)}.egd-swiper .egd-swiper-box{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%;overflow:hidden}.egd-swiper .egd-swiper-box .egd-swiper-content{flex-flow:row;width:100%;height:100%;padding-top:14px;transition-property:transform;display:flex;overflow:visible;transform:translate(0,0)}
+.egd-swiper{height:100%;padding:0 60px;position:relative}.egd-swiper .el-button.el-carousel__arrow{color:#fff;background-color:#1f2d3d1c;border-color:#1f2d3d03;border-radius:50%;padding:0;font-size:12px}.egd-swiper .el-button.el-carousel__arrow i{cursor:unset}.egd-swiper .el-button.el-carousel__arrow.is-disabled{color:#fff;background-color:#1f2d3d1c;border-color:#1f2d3d03}.egd-swiper .egd-swiper-box{-webkit-user-select:none;user-select:none;height:100%;overflow:hidden}.egd-swiper .egd-swiper-box .egd-swiper-content{flex-flow:row;width:100%;height:100%;padding-top:14px;transition-property:transform;display:flex;overflow:visible;transform:translate(0,0)}

package/tab/index.mjs

@@ -1,4 +1,4 @@
-import { p as n } from "../chunks/tab-mixin.CVr9bZtn.mjs";
+import { p as n } from "../chunks/tab-mixin.BNK6dxLN.mjs";
 import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const s = {
   name: "Tab",

package/tab/style.css

@@ -1 +1 @@
-.vux-tab-ink-bar{text-align:center;background-color:#1989fa;height:2px;position:absolute;bottom:0;left:0}.vux-tab-ink-bar-transition-forward{transition:right .3s cubic-bezier(.35,0,.25,1),left .3s cubic-bezier(.35,0,.25,1) 90ms}.vux-tab-ink-bar-transition-backward{transition:right .3s cubic-bezier(.35,0,.25,1) 90ms,left .3s cubic-bezier(.35,0,.25,1)}.vux-tab-bar-top .vux-tab-ink-bar{top:0}.vux-tab{background-color:#fff;height:36px;display:flex;position:relative}.vux-tab button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:0 0;border:0;outline:0;padding:0}.vux-tab .vux-tab-item{box-sizing:border-box;color:#666;text-align:center;cursor:pointer;flex:auto;width:100%;height:100%;font-size:14px;line-height:36px;display:block}.vux-tab .vux-tab-item.vux-tab-selected{color:#1989fa;border-bottom:3px solid #1989fa}.vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected{border-top:3px solid #1989fa;border-bottom:none}.vux-tab .vux-tab-item.vux-tab-disabled{color:#ddd}.vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected{background:0 0}.vux-tab-bar-inner{background-color:#1989fa;height:100%;margin:auto;transition:width .3s cubic-bezier(.35,0,.25,1);display:block}.vux-tab-item-badge{box-sizing:border-box;vertical-align:middle;background-clip:padding-box;border-radius:30px;min-width:18px;height:18px;margin:auto 0 auto 4px;padding:0 4px;font-size:11px;line-height:18px;display:inline-block;position:absolute;top:0;bottom:0}.vux-tab-wrap{padding-top:36px;position:relative}.vux-tab-container{height:36px;position:absolute;top:0;left:0;right:0;overflow:hidden}.scrollable{box-sizing:content-box;-webkit-overflow-scrolling:touch;padding-bottom:17px;overflow-x:auto;overflow-y:hidden}.scrollable::-webkit-scrollbar{display:none}.scrollable .vux-tab-ink-bar{position:absolute;bottom:17px}.scrollable .vux-tab-item{flex:0 0 22%}
+.vux-tab-ink-bar{text-align:center;background-color:#1989fa;height:2px;position:absolute;bottom:0;left:0}.vux-tab-ink-bar-transition-forward{transition:right .3s cubic-bezier(.35,0,.25,1),left .3s cubic-bezier(.35,0,.25,1) 90ms}.vux-tab-ink-bar-transition-backward{transition:right .3s cubic-bezier(.35,0,.25,1) 90ms,left .3s cubic-bezier(.35,0,.25,1)}.vux-tab-bar-top .vux-tab-ink-bar{top:0}.vux-tab{background-color:#fff;height:36px;display:flex;position:relative}.vux-tab button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;outline:0;padding:0}.vux-tab .vux-tab-item{box-sizing:border-box;color:#666;text-align:center;cursor:pointer;flex:auto;width:100%;height:100%;font-size:14px;line-height:36px;display:block}.vux-tab .vux-tab-item.vux-tab-selected{color:#1989fa;border-bottom:3px solid #1989fa}.vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected{border-top:3px solid #1989fa;border-bottom:none}.vux-tab .vux-tab-item.vux-tab-disabled{color:#ddd}.vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected{background:0 0}.vux-tab-bar-inner{background-color:#1989fa;height:100%;margin:auto;transition:width .3s cubic-bezier(.35,0,.25,1);display:block}.vux-tab-item-badge{box-sizing:border-box;vertical-align:middle;background-clip:padding-box;border-radius:30px;min-width:18px;height:18px;margin:auto 0 auto 4px;padding:0 4px;font-size:11px;line-height:18px;display:inline-block;position:absolute;top:0;bottom:0}.vux-tab-wrap{padding-top:36px;position:relative}.vux-tab-container{height:36px;position:absolute;top:0;left:0;right:0;overflow:hidden}.scrollable{box-sizing:content-box;-webkit-overflow-scrolling:touch;padding-bottom:17px;overflow:auto hidden}.scrollable::-webkit-scrollbar{display:none}.scrollable .vux-tab-ink-bar{position:absolute;bottom:17px}.scrollable .vux-tab-item{flex:0 0 22%}

package/tab-item/index.mjs

@@ -1,4 +1,4 @@
-import { c as a } from "../chunks/tab-mixin.CVr9bZtn.mjs";
+import { c as a } from "../chunks/tab-mixin.BNK6dxLN.mjs";
 import { n as r } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const l = {
   name: "TabItem",
@@ -39,7 +39,7 @@ var n = function() {
       "vux-tab-selected": e.currentSelected,
       "vux-tab-disabled": e.disabled
     }
-  ], style: e.style, on: { click: e.onItemClick } }, [e._t("default"), typeof e.badgeLabel != "undefined" && e.badgeLabel !== "" ? t("span", { staticClass: "vux-tab-item-badge", style: {
+  ], style: e.style, on: { click: e.onItemClick } }, [e._t("default"), typeof e.badgeLabel < "u" && e.badgeLabel !== "" ? t("span", { staticClass: "vux-tab-item-badge", style: {
     background: e.badgeBackground,
     color: e.badgeColor
   } }, [e._v(" " + e._s(e.badgeLabel) + " ")]) : e._e()], 2);