@web-utils/component 4.0.0 → 4.0.2

package/form-table-plus/index.mjs

@@ -0,0 +1,109 @@
+import { f as p } from "../chunks/form-input.B8z37eqj.mjs";
+import { e as s, c as i, n as h } from "../chunks/index.d3MV3Wq2.mjs";
+import { S as u } from "../chunks/sub-table-plus-props.BVsD71hT.mjs";
+import { isString as a, isArray as m, trace as b, warning as _ } from "@web-utils/core";
+import { a as w } from "../chunks/form-validate.CVarNHKX.mjs";
+import { n as y } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const k = Object.keys(u.props).filter((r) => !["value", "placeholder", "disabled"].includes(r)), v = {
+  name: "FormTablePlus",
+  mixins: [p, u],
+  bus: {
+    reloadTableView(r) {
+      if (this._viewIds)
+        if (a(r) || m(r)) {
+          let e = r;
+          a(e) && (e = e.split(",")), this._viewIds.some((l) => e.includes(l)) && (b.call(this.$parent || {}, "reloadTableView"), this.reloadTable());
+        } else
+          _.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+    }
+  },
+  props: {
+    viewId: [String, Array],
+    rowDbClick: Function,
+    showMessage: Boolean,
+    block: {
+      type: Boolean,
+      default: !0
+    },
+    formPath: [String, Function],
+    pageSize: Number
+  },
+  computed: {
+    inputProps() {
+      return i({ ...h(this.$attrs), ...this.$props }, k);
+    },
+    listeners() {
+      const r = i(this.$listeners, "input", !1);
+      return r["add-row"] || (r["add-row"] = this.addRow), r;
+    }
+  },
+  created() {
+    this._viewIds = [], this.viewId && this._viewIds.push(this.viewId), this._viewIds.includes(this.$parent.$options.name) || this._viewIds.push(this.$parent.$options.name);
+  },
+  methods: {
+    reloadTable() {
+      var r;
+      (r = this.$refs.table) == null || r.reloadTable();
+    },
+    async refreshTable() {
+      var r;
+      await ((r = this.$refs.table) == null ? void 0 : r.refreshTable());
+    },
+    onRowDbClick(...r) {
+      this.rowDbClick ? this.rowDbClick(...r) : this.$router.push(s(this.formPath, r[0]));
+    },
+    addRow() {
+      this.$router.push(s(this.formPath));
+    },
+    validateRow: w,
+    getRequireRule() {
+      return this.fetchApi ? {
+        required: !0,
+        validator: this.validateRow
+      } : {
+        required: !0
+      };
+    }
+  }
+};
+var P = function() {
+  var e = this, l = e._self._c;
+  return l("FormItem", e._b({ attrs: { block: e.block, rules: e.computeRules, "prefix-add": "", disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
+    return [l("SubTablePlus", e._g(e._b({ ref: "table", class: { "is-readonly": e.readonly }, attrs: { value: e.value, prop: e.prop, "fetch-api": e.fetchApi, "on-row-db-click": e.onRowDbClick, columns: e.columns, "show-message": e.showMessage, readonly: e.readonly, disabled: e.inputDisabled, "toolbar-menus": e.toolbarMenus, "handle-menus": e.handleMenus, "bottom-add-button": e.bottomAddButton, placeholder: e.computePlaceholder, descs: e.descs, "page-size": e.pageSize }, on: { input: (t) => e.$emit("input", t) }, scopedSlots: e._u([e._l(e.columns, function(t) {
+      return { key: t.prop, fn: function({ row: o, column: n, index: d, prop: c, required: f }) {
+        return [e._t(t.prop, null, { row: o, column: n, index: d, prop: c, required: f })];
+      } };
+    }), { key: "columns", fn: function({ columns: t }) {
+      return [e._t("columns", null, { columns: t })];
+    } }, { key: "handle", fn: function({ add: t, remove: o }) {
+      return [e._t("handle", null, { add: t, remove: o })];
+    } }, { key: "tag", fn: function({ column: t, row: o, $index: n }) {
+      return [e._t("tag", null, { row: o, column: t, index: n })];
+    } }, { key: "handle-column-header", fn: function({ column: t, $index: o }) {
+      return [e._t("handle-column-header", null, { column: t, index: o })];
+    } }, { key: "toolbar", fn: function() {
+      return [e._t("toolbar")];
+    }, proxy: !0 }, { key: "toolbar-left", fn: function({ addRow: t, delRow: o, refresh: n }) {
+      return [e._t("toolbar-left", null, { addRow: t, delRow: o, refresh: n })];
+    } }, { key: "toolbar-left-append", fn: function({ addRow: t, delRow: o, refresh: n }) {
+      return [e._t("toolbar-left-append", null, { addRow: t, delRow: o, refresh: n })];
+    } }, { key: "toolbar-right", fn: function({ selectedRows: t, removeSelectedRows: o }) {
+      return [e._t("toolbar-right", null, { selectedRows: t, removeSelectedRows: o })];
+    } }], null, !0) }, "SubTablePlus", e.inputProps, !1), e.listeners))];
+  }, proxy: !0 }, { key: "error", fn: function({ error: t }) {
+    return [e._t("error", null, { error: t })];
+  } }, { key: "label", fn: function() {
+    return [e._t("label")];
+  }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
+}, R = [], g = /* @__PURE__ */ y(
+  v,
+  P,
+  R,
+  !1,
+  null,
+  null
+);
+const F = g.exports;
+export {
+  F as default
+};

package/form-textarea/index.mjs

@@ -1,31 +1,19 @@
-var i = Object.defineProperty;
-var l = Object.getOwnPropertySymbols;
-var u = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var s = (t, e, r) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, n = (t, e) => {
-  for (var r in e || (e = {}))
-    u.call(e, r) && s(t, r, e[r]);
-  if (l)
-    for (var r of l(e))
-      p.call(e, r) && s(t, r, e[r]);
-  return t;
-};
-import { f as m } from "../chunks/form-input-mixin.BkKiqJhi.mjs";
-import { d as f, n as d } from "../chunks/index.MAFc4eFi.mjs";
-import a from "element-ui/lib/input";
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const _ = Object.keys(a.props || a.default.props).filter(
-  (t) => !["value", "placeholder", "type", "rows", "resize", "showWordLimit", "maxLength", "maxlength"].includes(t)
-), h = {
+import { f as n } from "../chunks/form-input.B8z37eqj.mjs";
+import { c as s, n as a } from "../chunks/index.d3MV3Wq2.mjs";
+import l from "element-ui/lib/input";
+import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const u = Object.keys(l.props).filter(
+  (o) => !["value", "placeholder", "type", "rows", "resize", "showWordLimit", "maxLength", "maxlength"].includes(o)
+), p = {
   name: "FormTextarea",
-  mixins: [m],
+  mixins: [n],
   props: {
-    value: {
-      type: [String, Number]
-    },
+    value: [String, Number],
     rows: {
       type: String,
       default: "4"
     },
+    autosize: [Boolean, Object],
     resize: Boolean,
     showWordLimit: {
       type: Boolean,
@@ -42,28 +30,28 @@ const _ = Object.keys(a.props || a.default.props).filter(
   },
   computed: {
     inputProps() {
-      return f(n(n({}, d(this.$attrs)), this.$props), _);
+      return s({ ...a(this.$attrs), ...this.$props }, u);
     }
   }
 };
-var x = function() {
-  var e = this, r = e._self._c;
-  return r("FormItem", e._b({ attrs: { block: e.block, rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [r("ElInput", e._g(e._b({ attrs: { value: e.value, type: "textarea", rows: e.rows, resize: e.resize ? null : "none", "show-word-limit": e.showWordLimit, disabled: e.inputDisabled, maxlength: e.maxLength, placeholder: e.computePlaceholder }, on: { input: (o) => e.$emit("input", o) } }, "ElInput", e.inputProps, !1), e.listeners))];
-  }, proxy: !0 }, { key: "error", fn: function({ error: o }) {
-    return [e._t("error", null, { error: o })];
+var m = function() {
+  var e = this, t = e._self._c;
+  return t("FormItem", e._b({ attrs: { block: e.block, rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
+    return [e.formView.printing ? t("div", { staticStyle: { "line-height": "1.5" } }, [e._v(" " + e._s(e.value) + " ")]) : t("ElInput", e._g(e._b({ ref: "textarea", attrs: { value: e.value, type: "textarea", rows: e.rows, autosize: e.autosize, resize: e.resize ? null : "none", "show-word-limit": e.showWordLimit, disabled: e.inputDisabled, maxlength: e.maxLength, placeholder: e.computePlaceholder }, on: { input: (r) => e.$emit("input", r) } }, "ElInput", e.inputProps, !1), e.listeners))];
+  }, proxy: !0 }, { key: "error", fn: function({ error: r }) {
+    return [e._t("error", null, { error: r })];
   } }, { key: "label", fn: function() {
     return [e._t("label")];
   }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, y = [], b = /* @__PURE__ */ c(
-  h,
-  x,
-  y,
+}, f = [], c = /* @__PURE__ */ i(
+  p,
+  m,
+  f,
   !1,
   null,
   null
 );
-const z = b.exports;
+const x = c.exports;
 export {
-  z as default
+  x as default
 };

package/form-tree-select/index.mjs

@@ -0,0 +1,72 @@
+import { f as n } from "../chunks/form-input.B8z37eqj.mjs";
+import { v as s, c as a, n as i } from "../chunks/index.d3MV3Wq2.mjs";
+import o from "../vue-tree-select/index.mjs";
+import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const p = Object.keys(o.mixins[0].props).filter((r) => !["value", "placeholder", "disabled"].includes(r)), c = {
+  name: "FormTreeSelect",
+  mixins: [n],
+  props: {
+    value: [String, Number, Array],
+    multiple: Boolean,
+    transformer: Function
+  },
+  data() {
+    return {
+      isValidValue: !1
+    };
+  },
+  computed: {
+    inputProps() {
+      return a({ ...i(this.$attrs), ...this.$props }, p);
+    }
+  },
+  watch: {
+    async value(r) {
+      this.isValidValue = await s(this.prop, r, this.computeRules);
+    }
+  },
+  methods: {
+    normalizer(r) {
+      return r.children && !r.children.length && delete r.children, this.transformer ? this.transformer(r) : {
+        id: r.id,
+        label: r.name,
+        isDisabled: !1,
+        children: r.children
+      };
+    },
+    emitInput(r) {
+      this.$emit("input", r);
+    }
+  }
+};
+var m = function() {
+  var e = this, l = e._self._c;
+  return l("FormItem", e._b({ attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
+    return [e._t("default", function() {
+      return [l("VueTreeSelect", e._g(e._b({ class: ["form-tree-select", { "is-readonly": e.readonly }], attrs: { value: e.value, readonly: e.readonly, disabled: e.inputDisabled, multiple: e.multiple, "default-expand-level": 1, placeholder: e.inputDisabled ? "" : e.computePlaceholder, normalizer: e.normalizer }, on: { input: e.emitInput }, scopedSlots: e._u([{ key: "value-label", fn: function({ node: t }) {
+        return [e._t("value-label", function() {
+          return [e._v(e._s(t.label))];
+        }, { node: t })];
+      } }], null, !0) }, "VueTreeSelect", e.inputProps, !1), e.listeners)), e.isValidValue && e.$slots.warn ? l("div", { staticClass: "el-form-item__warn" }, [e._t("warn")], 2) : e._e()];
+    })];
+  }, proxy: !0 }, { key: "error", fn: function({ error: t }) {
+    return [e.$scopedSlots.error && e.$scopedSlots.error(t) ? l("div", { staticClass: "el-form-item__error" }, [e._t("error", function() {
+      return [e._v(e._s(t))];
+    }, { error: t })], 2) : e._e()];
+  } }, { key: "label", fn: function() {
+    return [e._t("label")];
+  }, proxy: !0 }, { key: "tips", fn: function() {
+    return [e._t("tips")];
+  }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
+}, f = [], d = /* @__PURE__ */ u(
+  c,
+  m,
+  f,
+  !1,
+  null,
+  null
+);
+const y = d.exports;
+export {
+  y as default
+};

package/form-tree-select/style.css

@@ -0,0 +1 @@
+

package/form-tree-select-multiple/index.mjs

@@ -0,0 +1,78 @@
+import { f as n } from "../chunks/form-input.B8z37eqj.mjs";
+import { v as s, c as a, n as i } from "../chunks/index.d3MV3Wq2.mjs";
+import o from "../vue-tree-select/index.mjs";
+import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const c = Object.keys(o.mixins[0].props).filter((t) => !["value", "placeholder", "disabled"].includes(t)), d = {
+  name: "FormTreeSelectMultiple",
+  mixins: [n],
+  props: {
+    value: Array
+  },
+  data() {
+    return {
+      isValidValue: !1
+    };
+  },
+  computed: {
+    inputProps() {
+      return a({ ...i(this.$attrs), ...this.$props }, c);
+    }
+  },
+  watch: {
+    async value(t) {
+      this.isValidValue = await s(this.prop, t, this.computeRules);
+    }
+  },
+  methods: {
+    normalizer(t) {
+      return t.children && !t.children.length && delete t.children, {
+        id: t.id,
+        label: t.name,
+        isDisabled: !1,
+        children: []
+      };
+    },
+    emitInput(t) {
+      this.$emit("input", t);
+    },
+    nodeSelect(t, e) {
+      this.value.push(t.id);
+    },
+    nodeCancelSelect(t, e) {
+      const l = this.value;
+      for (let r = 0; r < l.length; r++)
+        t.id === l[r] && delete this.value[r];
+    }
+  }
+};
+var p = function() {
+  var e = this, l = e._self._c;
+  return l("FormItem", e._b({ attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
+    return [e._t("default", function() {
+      return [l("VueTreeSelect", e._g(e._b({ class: ["form-tree-select", { "is-readonly": e.readonly }], attrs: { value: e.value, readonly: e.readonly, disabled: e.inputDisabled, "default-expand-level": 0, placeholder: e.inputDisabled ? "" : e.computePlaceholder, normalizer: e.normalizer }, on: { input: e.emitInput, select: e.nodeSelect, deselect: e.nodeCancelSelect }, scopedSlots: e._u([{ key: "value-label", fn: function({ node: r }) {
+        return [e._t("value-label", function() {
+          return [e._v(e._s(r.label))];
+        }, { node: r })];
+      } }], null, !0) }, "VueTreeSelect", e.inputProps, !1), e.listeners)), e.isValidValue && e.$slots.warn ? l("div", { staticClass: "el-form-item__warn" }, [e._t("warn")], 2) : e._e()];
+    })];
+  }, proxy: !0 }, { key: "error", fn: function({ error: r }) {
+    return [e.$scopedSlots.error && e.$scopedSlots.error(r) ? l("div", { staticClass: "el-form-item__error" }, [e._t("error", function() {
+      return [e._v(e._s(r))];
+    }, { error: r })], 2) : e._e()];
+  } }, { key: "label", fn: function() {
+    return [e._t("label")];
+  }, proxy: !0 }, { key: "tips", fn: function() {
+    return [e._t("tips")];
+  }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
+}, m = [], f = /* @__PURE__ */ u(
+  d,
+  p,
+  m,
+  !1,
+  null,
+  null
+);
+const y = f.exports;
+export {
+  y as default
+};

package/form-view/index.mjs

@@ -1,37 +1,9 @@
-var g = Object.defineProperty, w = Object.defineProperties;
-var y = Object.getOwnPropertyDescriptors;
-var h = Object.getOwnPropertySymbols;
-var x = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var p = (o, t, e) => t in o ? g(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, c = (o, t) => {
-  for (var e in t || (t = {}))
-    x.call(t, e) && p(o, e, t[e]);
-  if (h)
-    for (var e of h(t))
-      $.call(t, e) && p(o, e, t[e]);
-  return o;
-}, f = (o, t) => w(o, y(t));
-var d = (o, t, e) => new Promise((r, s) => {
-  var i = (n) => {
-    try {
-      a(e.next(n));
-    } catch (u) {
-      s(u);
-    }
-  }, l = (n) => {
-    try {
-      a(e.throw(n));
-    } catch (u) {
-      s(u);
-    }
-  }, a = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(i, l);
-  a((e = e.apply(o, t)).next());
-});
-import { isInContainer as S, animate as F, hasOwn as b, toStringArray as k } from "@web-utils/core";
-import { merge as B } from "@web-utils/integrations/lodash";
-import C from "../resize-observer/index.mjs";
+import { isInContainer as d, animate as m, hasOwn as a, toStringArray as h } from "@web-utils/core";
+import { merge as p } from "@web-utils/integrations/lodash";
+import b from "../resize-observer/index.mjs";
 import "../resize-observer/style.css";
-import { n as L } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const _ = [
+import { n as v } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const f = [
   "back",
   "create",
   "save",
@@ -51,17 +23,17 @@ const _ = [
   "disabled",
   "reload",
   "slot"
-], I = _.map((o) => `${o}-down`), T = ["back", "withdraw", "edit"], v = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], m = (o, t) => {
+], _ = f.map((o) => `${o}-down`), g = ["back", "withdraw", "edit"], c = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], l = (o, t) => {
   if (o.classList.contains(t))
     return o;
   let e = o.parentNode;
   for (; e && !e.classList.contains(t); )
     e = e.parentNode;
   return e.classList.contains(t) ? e : null;
-}, O = {
+}, w = {
   name: "FormView",
   components: {
-    ResizeObserver: C
+    ResizeObserver: b
   },
   inject: {
     flowContext: {
@@ -112,31 +84,31 @@ const _ = [
   },
   computed: {
     isFormLoading() {
-      return this.loading || b(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
+      return this.loading || a(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
     },
     toolbarProps() {
       var r;
-      const o = {}, t = ((r = this.toolbarAttrs) == null ? void 0 : r.buttons) || this.$parent.buttons, e = B({}, this.toolbarAttrs, o);
-      return e.buttons = t || ["back"], e.buttons = k(e.buttons), e;
+      const o = {}, t = ((r = this.toolbarAttrs) == null ? void 0 : r.buttons) || this.$parent.buttons, e = p({}, this.toolbarAttrs, o);
+      return e.buttons = t || ["back"], e.buttons = h(e.buttons), e;
     },
     toolbarButtons() {
-      return this.toolbarProps.buttons.filter((o) => !v.includes(o) && o.indexOf(":down") < 0).map((o) => o.replace(":up", ""));
+      return this.toolbarProps.buttons.filter((o) => !c.includes(o) && o.indexOf(":down") < 0).map((o) => o.replace(":up", ""));
     },
     footerBarButtons() {
-      let o = this.toolbarProps.buttons.filter((t) => !T.includes(t) && (v.includes(t) || t.indexOf(":down") > -1)).map((t) => t.replace(":down", ""));
+      let o = this.toolbarProps.buttons.filter((t) => !g.includes(t) && (c.includes(t) || t.indexOf(":down") > -1)).map((t) => t.replace(":down", ""));
       return o = o || [], this.$parent.isEnabled && !o.includes("cancel") && o.push("cancel"), o;
     }
   },
   created() {
     this.$on("FormView.addGroup", (o) => {
       o && (this.activeIndex === -1 && (this.activeIndex = 0), this.groups.push(o), this.groups = this.groups.sort((t, e) => {
-        const r = m(t.$el, "form-card"), s = m(e.$el, "form-card");
+        const r = l(t.$el, "form-card"), s = l(e.$el, "form-card");
         if (r === s) {
-          const i = [].indexOf.call(t.$el.parentNode.children, t.$el), l = [].indexOf.call(e.$el.parentNode.children, e.$el);
-          return i - l;
+          const i = [].indexOf.call(t.$el.parentNode.children, t.$el), n = [].indexOf.call(e.$el.parentNode.children, e.$el);
+          return i - n;
         } else {
-          const i = m(r, "form-scroller"), l = [].indexOf.call(i.children, r), a = [].indexOf.call(i.children, s);
-          return l - a;
+          const i = l(r, "form-scroller"), n = [].indexOf.call(i.children, r), u = [].indexOf.call(i.children, s);
+          return n - u;
         }
       }), o.active && (this.activeIndex = this.groups.indexOf(o), this.navItemClick(o, this.activeIndex)));
     }), this.$on("FormView.removeGroup", (o) => {
@@ -146,17 +118,15 @@ const _ = [
       }
     }), this.onFormResize({ width: window.document.body.clientWidth });
   },
-  activated() {
-    return d(this, null, function* () {
-      this.$refs.formScroller && (yield this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
-    });
+  async activated() {
+    this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
   },
   methods: {
     getToolbarSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((o) => _.includes(o));
+      return Object.keys(this.$scopedSlots).filter((o) => f.includes(o));
     },
     getFooterSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((o) => I.includes(o));
+      return Object.keys(this.$scopedSlots).filter((o) => _.includes(o));
     },
     getFooterSlotKey(o) {
       return o.replace("-down", "");
@@ -165,20 +135,18 @@ const _ = [
       this.showNav = o > 1500;
     },
     onEdit() {
-      !this.toolbarListeners.edit && b(this.$parent, "disabled") && (this.$parent.disabled = !1);
+      !this.toolbarListeners.edit && a(this.$parent, "disabled") && (this.$parent.disabled = !1);
     },
-    navItemClick(o, t) {
-      return d(this, null, function* () {
-        this.showNav && (yield this.$nextTick(), this.activeFormItemGroup(o, t), o.expand || o.open());
-      });
+    async navItemClick(o, t) {
+      this.showNav && (await this.$nextTick(), this.activeFormItemGroup(o, t), o.expand || o.open());
     },
     activeFormItemGroup(o, t) {
-      this.$refs.formScroller.scrollTop = o.$el.offsetTop - 10, F(o.$el, "breathe-indicator-animation"), this.tryByClick = !0, this.activeIndex = t;
+      this.$refs.formScroller.scrollTop = o.$el.offsetTop - 10, m(o.$el, "breathe-indicator-animation"), this.tryByClick = !0, this.activeIndex = t;
     },
     tryActive() {
       if (this.showNav) {
         for (let o = 0; o < this.groups.length; o++)
-          if (S(this.groups[o].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
+          if (d(this.groups[o].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
             this.activeIndex = o;
             break;
           }
@@ -192,7 +160,7 @@ const _ = [
     }
   }
 };
-var N = function() {
+var y = function() {
   var t = this, e = t._self._c;
   return e("div", { class: ["form-view", t.className] }, [t.showToolbar ? e("div", { directives: [{ name: "show", rawName: "v-show", value: !t.isFormLoading, expression: "!isFormLoading" }], staticClass: "form-view-toolbar" }, [t._t("form-view-toolbar", function() {
     return [e("Toolbar", t._g(t._b({ on: { edit: t.onEdit }, scopedSlots: t._u([{ key: "default", fn: function({ buttons: r }) {
@@ -203,7 +171,7 @@ var N = function() {
       }, proxy: !0 };
     }), { key: "toolbar-right", fn: function() {
       return [t._t("toolbar-right")];
-    }, proxy: !0 }], null, !0) }, "Toolbar", f(c({}, t.toolbarProps), { buttons: t.toolbarButtons }), !1), t.toolbarListeners))];
+    }, proxy: !0 }], null, !0) }, "Toolbar", { ...t.toolbarProps, buttons: t.toolbarButtons }, !1), t.toolbarListeners))];
   })], 2) : t._e(), e("div", { directives: [{ name: "show", rawName: "v-show", value: !t.isFormLoading, expression: "!isFormLoading" }], staticClass: "form-scroller-wrapper" }, [e("div", { ref: "formScroller", class: ["form-scroller", t.contentClass], on: { scroll: t.onFormScroll } }, [t.notForm ? e("div", { staticClass: "not-form", style: { width: t.formWidth } }, [t.title ? e("div", { staticClass: "form-view-title" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), t._t("default", function() {
     return [e("EmptyView", { attrs: { "empty-tips": "请添加表单内容" } })];
   }), t.footerBarButtons.length ? e("Toolbar", t._g(t._b({ attrs: { footer: "" }, scopedSlots: t._u([{ key: "default", fn: function({ buttons: r, footer: s }) {
@@ -212,7 +180,7 @@ var N = function() {
     return { key: t.getFooterSlotKey(r), fn: function() {
       return [t._t(r)];
     }, proxy: !0 };
-  })], null, !0) }, "Toolbar", f(c({}, t.toolbarProps), { buttons: t.footerBarButtons }), !1), t.toolbarListeners)) : t._e(), t.$scopedSlots["form-bottom"] ? t._t("form-bottom") : t._e()], 2) : e("div", { class: ["form-card", { "un-limit": t.unLimit }], style: { width: `calc(${t.formWidth} + 40px)` } }, [e("div", { staticClass: "form-content" }, [t.title ? e("div", { staticClass: "form-view-title" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), t._t("default", function() {
+  })], null, !0) }, "Toolbar", { ...t.toolbarProps, buttons: t.footerBarButtons }, !1), t.toolbarListeners)) : t._e(), t.$scopedSlots["form-bottom"] ? t._t("form-bottom") : t._e()], 2) : e("div", { class: ["form-card", { "un-limit": t.unLimit }], style: { width: `calc(${t.formWidth} + 40px)` } }, [e("div", { staticClass: "form-content" }, [t.title ? e("div", { staticClass: "form-view-title" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), t._t("default", function() {
     return [e("EmptyView", { attrs: { "empty-tips": "请添加表单内容" } })];
   }), t.footerBarButtons.length ? e("Toolbar", t._g(t._b({ attrs: { footer: "" }, scopedSlots: t._u([{ key: "default", fn: function({ buttons: r, footer: s }) {
     return [t._t("footer-button", null, { buttons: r, footer: s })];
@@ -220,20 +188,20 @@ var N = function() {
     return { key: t.getFooterSlotKey(r), fn: function() {
       return [t._t(r)];
     }, proxy: !0 };
-  })], null, !0) }, "Toolbar", f(c({}, t.toolbarProps), { buttons: t.footerBarButtons }), !1), t.toolbarListeners)) : t._e()], 2)]), t.$scopedSlots["form-bottom"] || t.$parent.$options.flowForm && t.flowContext.logs.length ? e("div", { class: ["form-card", { "un-limit": t.unLimit }], staticStyle: { "min-height": "0" }, style: { width: `calc(${t.formWidth} + 40px)` } }, [e("div", { staticClass: "form-content" }, [t.$parent.$options.flowForm && t.flowContext.logs.length ? e("FormItemGroup", { attrs: { "block-title": "流程日志" } }, [e("FlowLog", { staticClass: "flow-log", attrs: { fetch: !1, "show-title": !1, "business-key": t.$parent.bizKey } })], 1) : t._e(), t._t("form-bottom")], 2)]) : t._e()]), e("ResizeObserver", { on: { notify: t.onFormResize } })], 1), t.formNav && !t.isFormLoading && t.showNav && t.groups.length ? e("div", { staticClass: "form-nav" }, [e("div", { staticClass: "form-nav-header" }, [t._v("表单导航")]), e("ul", { staticClass: "form-nav-list" }, t._l(t.groups, function(r, s) {
+  })], null, !0) }, "Toolbar", { ...t.toolbarProps, buttons: t.footerBarButtons }, !1), t.toolbarListeners)) : t._e()], 2)]), t.$scopedSlots["form-bottom"] || t.$parent.$options.flowForm && t.flowContext.logs.length ? e("div", { class: ["form-card", { "un-limit": t.unLimit }], staticStyle: { "min-height": "0" }, style: { width: `calc(${t.formWidth} + 40px)` } }, [e("div", { staticClass: "form-content" }, [t.$parent.$options.flowForm && t.flowContext.logs.length ? e("FormItemGroup", { attrs: { "block-title": "流程日志" } }, [e("FlowLog", { staticClass: "flow-log", attrs: { fetch: !1, "show-title": !1, "business-key": t.$parent.bizKey } })], 1) : t._e(), t._t("form-bottom")], 2)]) : t._e()]), e("ResizeObserver", { on: { notify: t.onFormResize } })], 1), t.formNav && !t.isFormLoading && t.showNav && t.groups.length ? e("div", { staticClass: "form-nav" }, [e("div", { staticClass: "form-nav-header" }, [t._v("表单导航")]), e("ul", { staticClass: "form-nav-list" }, t._l(t.groups, function(r, s) {
     return e("li", { key: r.blockTitle, class: ["form-nav-item", { active: t.activeIndex === s }], on: { click: function(i) {
       return t.navItemClick(r, s);
     } } }, [t._v(" " + t._s(r.blockTitle) + " ")]);
   }), 0)]) : t._e(), t.isFormLoading ? e("LoadingView", { attrs: { "icon-size": "34px", "font-size": "16px" } }) : t._e()], 1);
-}, z = [], A = /* @__PURE__ */ L(
-  O,
-  N,
-  z,
+}, x = [], $ = /* @__PURE__ */ v(
+  w,
+  y,
+  x,
   !1,
   null,
   null
 );
-const G = A.exports;
+const L = $.exports;
 export {
-  G as default
+  L as default
 };

package/form-view/style.css

@@ -1 +1 @@
-.form-view{flex-direction:column;height:100%;display:flex}.form-view .form-scroller-wrapper{flex:1;position:relative}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;max-width:1000px;margin:14px auto;padding:20px;transition:all .3s;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1)}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{background-color:#fff;position:absolute;top:55px;left:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{color:#e34e55;background-color:#f3f5fb;padding:5px 20px;font-size:15px;font-weight:700;position:relative}.form-view .form-nav-item{cursor:pointer;padding:5px 0;font-family:element-icons,serif;font-size:14px;list-style:none;position:relative}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{content:"";position:absolute;left:-14px}.form-view .form-view-title{color:#333;text-align:center;background-color:#fff;width:100%;height:36px;margin-bottom:10px;font-size:22px;line-height:36px}.form-view .tip{background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;margin:20px 0;padding:8px 16px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-family:impact,Constantia,Georgia,serif;font-size:19px}.form-view .el-table .el-table__header th{color:#595959;background:#fff;font-weight:400}.form-view .el-table td{padding:4px 0}.form-view .el-table td .cell .el-input .el-input__inner{padding-left:4px}.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner{padding-left:30px}.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix{display:none}.form-view .el-table td .cell .el-input.is-disabled .el-input__inner{white-space:normal;word-break:break-word;background:0 0;border:0;padding:0 0 0 4px;line-height:1.6}@keyframes breathe-indicator{0%{box-shadow:0 0 0 0 var(--color-primary,red)}to{box-shadow:0 0 4px 1px var(--color-primary,red)}}.form-view .breathe-indicator-animation{animation-name:breathe-indicator;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:4;animation-direction:alternate;animation-delay:.1s}@media screen and (min-width:1700px){.form-view.form-view__lg .form-card{position:relative;left:60px}}
+.form-view{flex-direction:column;height:100%;display:flex}.form-view .form-scroller-wrapper{flex:1;position:relative}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;max-width:1000px;margin:14px auto;padding:20px;transition:all .3s;overflow:hidden;box-shadow:0 2px 12px #0000001a}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{background-color:#fff;position:absolute;top:55px;left:20px;box-shadow:0 2px 12px #0000001a}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{color:#e34e55;background-color:#f3f5fb;padding:5px 20px;font-size:15px;font-weight:700;position:relative}.form-view .form-nav-item{cursor:pointer;padding:5px 0;font-family:element-icons,serif;font-size:14px;list-style:none;position:relative}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{content:"";position:absolute;left:-14px}.form-view .form-view-title{color:#333;text-align:center;background-color:#fff;width:100%;height:36px;margin-bottom:10px;font-size:22px;line-height:36px}.form-view .tip{background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;margin:20px 0;padding:8px 16px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-family:impact,Constantia,Georgia,serif;font-size:19px}.form-view .el-table .el-table__header th{color:#595959;background:#fff;font-weight:400}.form-view .el-table td{padding:4px 0}.form-view .el-table td .cell .el-input .el-input__inner{padding-left:4px}.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner{padding-left:30px}.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix{display:none}.form-view .el-table td .cell .el-input.is-disabled .el-input__inner{white-space:normal;word-break:break-word;background:0 0;border:0;padding:0 0 0 4px;line-height:1.6}@keyframes breathe-indicator{0%{box-shadow:0 0 0 0 var(--color-primary,red)}to{box-shadow:0 0 4px 1px var(--color-primary,red)}}.form-view .breathe-indicator-animation{animation-name:breathe-indicator;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:4;animation-direction:alternate;animation-delay:.1s}@media screen and (min-width:1700px){.form-view.form-view__lg .form-card{position:relative;left:60px}}