@web-utils/component 2.0.13 → 2.7.0

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

@@ -1,211 +1,200 @@
-import { hasOwn, merge, toStringArray, animate, isInContainer } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    class: ["form-view", _vm.className]
-  }, [_vm.showToolbar ? _c("div", {
+import { hasOwn as a, merge as m, toStringArray as h, animate as p, isInContainer as b } from "@web-utils/core";
+import { n as v } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var _ = function() {
+  var t = this, e = t.$createElement, o = t._self._c || e;
+  return o("div", {
+    class: ["form-view", t.className]
+  }, [t.showToolbar ? o("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: !_vm.isFormLoading,
+      value: !t.isFormLoading,
       expression: "!isFormLoading"
     }],
     staticClass: "form-view-toolbar"
-  }, [_vm._t("form-view-toolbar", function() {
-    return [_c("Toolbar", _vm._g(_vm._b({
+  }, [t._t("form-view-toolbar", function() {
+    return [o("Toolbar", t._g(t._b({
       on: {
-        "edit": _vm.onEdit
+        edit: t.onEdit
       },
-      scopedSlots: _vm._u([{
+      scopedSlots: t._u([{
         key: "default",
-        fn: function(_ref) {
-          var buttons = _ref.buttons;
-          return [_vm._t("toolbar-button", null, {
-            "buttons": buttons
+        fn: function(r) {
+          var s = r.buttons;
+          return [t._t("toolbar-button", null, {
+            buttons: s
           })];
         }
-      }, _vm._l(_vm.getToolbarSlotKeys(), function(item) {
+      }, t._l(t.getToolbarSlotKeys(), function(r) {
         return {
-          key: item,
+          key: r,
           fn: function() {
-            return [_vm._t(item)];
+            return [t._t(r)];
           },
-          proxy: true
+          proxy: !0
         };
       }), {
         key: "toolbar-right",
         fn: function() {
-          return [_vm._t("toolbar-right")];
+          return [t._t("toolbar-right")];
         },
-        proxy: true
-      }], null, true)
-    }, "Toolbar", Object.assign({}, _vm.toolbarProps, {
-      buttons: _vm.toolbarButtons
-    }), false), _vm.toolbarListeners))];
-  })], 2) : _vm._e(), _c("div", {
+        proxy: !0
+      }], null, !0)
+    }, "Toolbar", Object.assign({}, t.toolbarProps, {
+      buttons: t.toolbarButtons
+    }), !1), t.toolbarListeners))];
+  })], 2) : t._e(), o("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: !_vm.isFormLoading,
+      value: !t.isFormLoading,
       expression: "!isFormLoading"
     }],
     staticClass: "form-scroller-wrapper"
-  }, [_c("div", {
+  }, [o("div", {
     ref: "formScroller",
-    class: ["form-scroller", "absolute-box", _vm.contentClass],
+    class: ["form-scroller", "absolute-box", t.contentClass],
     on: {
-      "scroll": _vm.onFormScroll
+      scroll: t.onFormScroll
     }
-  }, [_vm.notForm ? _c("div", {
+  }, [t.notForm ? o("div", {
     staticClass: "not-form",
     style: {
-      width: _vm.formWidth
+      width: t.formWidth
     }
-  }, [_vm.title ? _c("div", {
+  }, [t.title ? o("div", {
     staticClass: "form-view-title"
-  }, [_vm._v(" " + _vm._s(_vm.title) + " ")]) : _vm._e(), _vm._t("default", function() {
-    return [_c("EmptyView", {
+  }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), t._t("default", function() {
+    return [o("EmptyView", {
       attrs: {
         "empty-tips": "请添加表单内容"
       }
     })];
-  }), _vm.footerBarButtons.length ? _c("Toolbar", _vm._g(_vm._b({
+  }), t.footerBarButtons.length ? o("Toolbar", t._g(t._b({
     attrs: {
-      "footer": ""
+      footer: ""
     },
-    scopedSlots: _vm._u([{
+    scopedSlots: t._u([{
       key: "default",
-      fn: function(_ref2) {
-        var buttons = _ref2.buttons, footer = _ref2.footer;
-        return [_vm._t("footer-button", null, {
-          "buttons": buttons,
-          "footer": footer
+      fn: function(r) {
+        var s = r.buttons, n = r.footer;
+        return [t._t("footer-button", null, {
+          buttons: s,
+          footer: n
         })];
       }
-    }, _vm._l(_vm.getFooterSlotKeys(), function(item) {
+    }, t._l(t.getFooterSlotKeys(), function(r) {
       return {
-        key: _vm.getFooterSlotKey(item),
+        key: t.getFooterSlotKey(r),
         fn: function() {
-          return [_vm._t(item)];
+          return [t._t(r)];
         },
-        proxy: true
+        proxy: !0
       };
-    })], null, true)
-  }, "Toolbar", Object.assign({}, _vm.toolbarProps, {
-    buttons: _vm.footerBarButtons
-  }), false), _vm.toolbarListeners)) : _vm._e(), _vm.$scopedSlots["form-bottom"] ? _vm._t("form-bottom") : _vm._e()], 2) : _c("div", {
+    })], null, !0)
+  }, "Toolbar", Object.assign({}, t.toolbarProps, {
+    buttons: t.footerBarButtons
+  }), !1), t.toolbarListeners)) : t._e(), t.$scopedSlots["form-bottom"] ? t._t("form-bottom") : t._e()], 2) : o("div", {
     class: ["form-card", {
-      "un-limit": _vm.unLimit
+      "un-limit": t.unLimit
     }],
     style: {
-      width: `calc(${_vm.formWidth} + 40px)`
+      width: `calc(${t.formWidth} + 40px)`
     }
-  }, [_c("div", {
+  }, [o("div", {
     staticClass: "form-content"
-  }, [_vm.title ? _c("div", {
+  }, [t.title ? o("div", {
     staticClass: "form-view-title"
-  }, [_vm._v(" " + _vm._s(_vm.title) + " ")]) : _vm._e(), _vm._t("default", function() {
-    return [_c("EmptyView", {
+  }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), t._t("default", function() {
+    return [o("EmptyView", {
       attrs: {
         "empty-tips": "请添加表单内容"
       }
     })];
-  }), _vm.footerBarButtons.length ? _c("Toolbar", _vm._g(_vm._b({
+  }), t.footerBarButtons.length ? o("Toolbar", t._g(t._b({
     attrs: {
-      "footer": ""
+      footer: ""
     },
-    scopedSlots: _vm._u([{
+    scopedSlots: t._u([{
       key: "default",
-      fn: function(_ref3) {
-        var buttons = _ref3.buttons, footer = _ref3.footer;
-        return [_vm._t("footer-button", null, {
-          "buttons": buttons,
-          "footer": footer
+      fn: function(r) {
+        var s = r.buttons, n = r.footer;
+        return [t._t("footer-button", null, {
+          buttons: s,
+          footer: n
         })];
       }
-    }, _vm._l(_vm.getFooterSlotKeys(), function(item) {
+    }, t._l(t.getFooterSlotKeys(), function(r) {
       return {
-        key: _vm.getFooterSlotKey(item),
+        key: t.getFooterSlotKey(r),
         fn: function() {
-          return [_vm._t(item)];
+          return [t._t(r)];
         },
-        proxy: true
+        proxy: !0
       };
-    })], null, true)
-  }, "Toolbar", Object.assign({}, _vm.toolbarProps, {
-    buttons: _vm.footerBarButtons
-  }), false), _vm.toolbarListeners)) : _vm._e()], 2)]), _vm.$scopedSlots["form-bottom"] || _vm.$parent.$options.flowForm && _vm.flowContext.logs.length ? _c("div", {
+    })], null, !0)
+  }, "Toolbar", Object.assign({}, t.toolbarProps, {
+    buttons: t.footerBarButtons
+  }), !1), t.toolbarListeners)) : t._e()], 2)]), t.$scopedSlots["form-bottom"] || t.$parent.$options.flowForm && t.flowContext.logs.length ? o("div", {
     class: ["form-card", {
-      "un-limit": _vm.unLimit
+      "un-limit": t.unLimit
     }],
     staticStyle: {
       "min-height": "0"
     },
     style: {
-      width: `calc(${_vm.formWidth} + 40px)`
+      width: `calc(${t.formWidth} + 40px)`
     }
-  }, [_c("div", {
+  }, [o("div", {
     staticClass: "form-content"
-  }, [_vm.$parent.$options.flowForm && _vm.flowContext.logs.length ? _c("FormItemGroup", {
+  }, [t.$parent.$options.flowForm && t.flowContext.logs.length ? o("FormItemGroup", {
     attrs: {
       "block-title": "流程日志"
     }
-  }, [_c("FlowLog", {
+  }, [o("FlowLog", {
     staticClass: "flow-log",
     attrs: {
-      "fetch": false,
-      "show-title": false,
-      "business-key": _vm.$parent.bizKey
+      fetch: !1,
+      "show-title": !1,
+      "business-key": t.$parent.bizKey
     }
-  })], 1) : _vm._e(), _vm._t("form-bottom")], 2)]) : _vm._e()]), _c("ResizeObserver", {
+  })], 1) : t._e(), t._t("form-bottom")], 2)]) : t._e()]), o("ResizeObserver", {
     on: {
-      "notify": _vm.onFormResize
+      notify: t.onFormResize
     }
-  })], 1), _vm.formNav && !_vm.isFormLoading && _vm.showNav && _vm.groups.length ? _c("div", {
+  })], 1), t.formNav && !t.isFormLoading && t.showNav && t.groups.length ? o("div", {
     staticClass: "form-nav"
-  }, [_c("div", {
+  }, [o("div", {
     staticClass: "form-nav-header"
-  }, [_vm._v(" 表单导航 ")]), _c("ul", {
+  }, [t._v(" 表单导航 ")]), o("ul", {
     staticClass: "form-nav-list"
-  }, _vm._l(_vm.groups, function(item, index) {
-    return _c("li", {
-      key: item.blockTitle,
+  }, t._l(t.groups, function(r, s) {
+    return o("li", {
+      key: r.blockTitle,
       class: ["form-nav-item", {
-        active: _vm.activeIndex === index
+        active: t.activeIndex === s
       }],
       on: {
-        "click": function($event) {
-          return _vm.navItemClick(item, index);
+        click: function(n) {
+          return t.navItemClick(r, s);
         }
       }
-    }, [_vm._v(" " + _vm._s(item.blockTitle) + " ")]);
-  }), 0)]) : _vm._e(), _vm.isFormLoading ? _c("LoadingView", {
+    }, [t._v(" " + t._s(r.blockTitle) + " ")]);
+  }), 0)]) : t._e(), t.isFormLoading ? o("LoadingView", {
     attrs: {
       "icon-size": "34px",
       "font-size": "16px"
     }
-  }) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const FormView_vue_vue_type_style_index_0_lang = "";
-const builtInButtons = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"];
-const footerButtons = builtInButtons.map((value) => `${value}-down`);
-const topButtons = ["back", "withdraw", "edit"];
-const bottomButtons = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"];
-const findParent = (el, selector) => {
-  if (el.classList.contains(selector)) {
-    return el;
-  }
-  let parent = el.parentNode;
-  while (parent && !parent.classList.contains(selector)) {
-    parent = parent.parentNode;
-  }
-  return parent.classList.contains(selector) ? parent : null;
-};
-const __vue2_script = {
+  }) : t._e()], 1);
+}, g = [];
+const u = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], y = u.map((t) => `${t}-down`), w = ["back", "withdraw", "edit"], c = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], l = (t, e) => {
+  if (t.classList.contains(e))
+    return t;
+  let o = t.parentNode;
+  for (; o && !o.classList.contains(e); )
+    o = o.parentNode;
+  return o.classList.contains(e) ? o : null;
+}, x = {
   name: "FormView",
   inject: {
     flowContext: {
@@ -239,172 +228,116 @@ const __vue2_script = {
     },
     showToolbar: {
       type: Boolean,
-      default: true
+      default: !0
     },
     formNav: {
       type: Boolean,
-      default: true
+      default: !0
     }
   },
   data() {
     return {
       groups: [],
       activeIndex: -1,
-      tryByClick: false,
-      showNav: false
+      tryByClick: !1,
+      showNav: !1
     };
   },
   computed: {
     isFormLoading() {
-      return this.loading || hasOwn(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : false;
+      return this.loading || a(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
     },
     toolbarProps() {
-      var _a;
-      const defaultProps = {};
-      const buttons = ((_a = this.toolbarAttrs) == null ? void 0 : _a.buttons) || this.$parent.buttons;
-      const toolbarAttrs = merge({}, this.toolbarAttrs, defaultProps);
-      toolbarAttrs.buttons = buttons || ["back"];
-      toolbarAttrs.buttons = toStringArray(toolbarAttrs.buttons);
-      return toolbarAttrs;
+      var r;
+      const t = {}, e = ((r = this.toolbarAttrs) == null ? void 0 : r.buttons) || this.$parent.buttons, o = m({}, this.toolbarAttrs, t);
+      return o.buttons = e || ["back"], o.buttons = h(o.buttons), o;
     },
     toolbarButtons() {
-      return this.toolbarProps.buttons.filter((value) => !bottomButtons.includes(value) && value.indexOf(":down") < 0).map((value) => value.replace(":up", ""));
+      return this.toolbarProps.buttons.filter((t) => !c.includes(t) && t.indexOf(":down") < 0).map((t) => t.replace(":up", ""));
     },
     footerBarButtons() {
-      let footerBarButtons = this.toolbarProps.buttons.filter((value) => !topButtons.includes(value) && (bottomButtons.includes(value) || value.indexOf(":down") > -1)).map((value) => value.replace(":down", ""));
-      footerBarButtons = footerBarButtons || [];
-      if (this.$parent.isEnabled && !footerBarButtons.includes("cancel")) {
-        footerBarButtons.push("cancel");
-      }
-      return footerBarButtons;
+      let t = this.toolbarProps.buttons.filter((e) => !w.includes(e) && (c.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
+      return t = t || [], this.$parent.isEnabled && !t.includes("cancel") && t.push("cancel"), t;
     }
   },
   created() {
-    this.$on("FormView.addGroup", (group) => {
-      if (group) {
-        if (this.activeIndex === -1) {
-          this.activeIndex = 0;
-        }
-        this.groups.push(group);
-        this.groups = this.groups.sort((aTab, bTab) => {
-          const formCardA = findParent(aTab.$el, "form-card");
-          const formCardB = findParent(bTab.$el, "form-card");
-          if (formCardA === formCardB) {
-            const aIndex = [].indexOf.call(aTab.$el.parentNode.children, aTab.$el);
-            const bIndex = [].indexOf.call(bTab.$el.parentNode.children, bTab.$el);
-            return aIndex - bIndex;
-          } else {
-            const formScroller = findParent(formCardA, "form-scroller");
-            const aBlockIndex = [].indexOf.call(formScroller.children, formCardA);
-            const bBlockIndex = [].indexOf.call(formScroller.children, formCardB);
-            return aBlockIndex - bBlockIndex;
-          }
-        });
-        if (group.active) {
-          this.activeIndex = this.groups.indexOf(group);
-          this.navItemClick(group, this.activeIndex);
-        }
-      }
-    });
-    this.$on("FormView.removeGroup", (tab) => {
-      if (tab) {
-        const index = this.groups.indexOf(tab);
-        this.groups.splice(index, 1);
-        if (this.activeIndex > this.groups.length - 1) {
-          this.activeIndex = 0;
+    this.$on("FormView.addGroup", (t) => {
+      t && (this.activeIndex === -1 && (this.activeIndex = 0), this.groups.push(t), this.groups = this.groups.sort((e, o) => {
+        const r = l(e.$el, "form-card"), s = l(o.$el, "form-card");
+        if (r === s) {
+          const n = [].indexOf.call(e.$el.parentNode.children, e.$el), i = [].indexOf.call(o.$el.parentNode.children, o.$el);
+          return n - i;
+        } else {
+          const n = l(r, "form-scroller"), i = [].indexOf.call(n.children, r), d = [].indexOf.call(n.children, s);
+          return i - d;
         }
+      }), t.active && (this.activeIndex = this.groups.indexOf(t), this.navItemClick(t, this.activeIndex)));
+    }), this.$on("FormView.removeGroup", (t) => {
+      if (t) {
+        const e = this.groups.indexOf(t);
+        this.groups.splice(e, 1), this.activeIndex > this.groups.length - 1 && (this.activeIndex = 0);
       }
-    });
-    this.onFormResize({ width: window.document.body.clientWidth });
+    }), this.onFormResize({ width: window.document.body.clientWidth });
   },
   async activated() {
-    if (this.$refs.formScroller) {
-      await this.$nextTick();
-      this.scrollTo(this.formScrollTop, this.formScrollLeft);
-    }
+    this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
   },
   methods: {
     getToolbarSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((value) => builtInButtons.includes(value));
+      return Object.keys(this.$scopedSlots).filter((t) => u.includes(t));
     },
     getFooterSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((value) => footerButtons.includes(value));
+      return Object.keys(this.$scopedSlots).filter((t) => y.includes(t));
     },
-    getFooterSlotKey(key) {
-      return key.replace("-down", "");
+    getFooterSlotKey(t) {
+      return t.replace("-down", "");
     },
-    onFormResize({ width }) {
-      this.showNav = width > 1500;
+    onFormResize({ width: t }) {
+      this.showNav = t > 1500;
     },
     onEdit() {
-      if (!this.toolbarListeners.edit && hasOwn(this.$parent, "disabled")) {
-        this.$parent.disabled = false;
-      }
+      !this.toolbarListeners.edit && a(this.$parent, "disabled") && (this.$parent.disabled = !1);
     },
-    async navItemClick(item, index) {
-      if (!this.showNav) {
-        return;
-      }
-      await this.$nextTick();
-      this.activeFormItemGroup(item, index);
-      if (!item.expand) {
-        item.open();
-      }
+    async navItemClick(t, e) {
+      this.showNav && (await this.$nextTick(), this.activeFormItemGroup(t, e), t.expand || t.open());
     },
-    activeFormItemGroup(tab, index) {
-      this.$refs.formScroller.scrollTop = tab.$el.offsetTop - 10;
-      animate(tab.$el, "breathe-indicator-animation");
-      this.tryByClick = true;
-      this.activeIndex = index;
+    activeFormItemGroup(t, e) {
+      this.$refs.formScroller.scrollTop = t.$el.offsetTop - 10, p(t.$el, "breathe-indicator-animation"), this.tryByClick = !0, this.activeIndex = e;
     },
     async tryActive() {
-      if (!this.showNav) {
-        return;
-      }
-      for (let i = 0; i < this.groups.length; i++) {
-        if (isInContainer(this.groups[i].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
-          this.activeIndex = i;
-          break;
-        }
+      if (this.showNav) {
+        for (let t = 0; t < this.groups.length; t++)
+          if (b(this.groups[t].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
+            this.activeIndex = t;
+            break;
+          }
       }
     },
     onFormScroll() {
-      this.formScrollTop = this.$refs.formScroller.scrollTop;
-      this.formScrollLeft = this.$refs.formScroller.scrollLeft;
-      if (!this.tryByClick && this.groups.length) {
-        window.requestAnimationFrame(this.tryActive);
-      }
-      this.tryByClick = false;
+      this.formScrollTop = this.$refs.formScroller.scrollTop, this.formScrollLeft = this.$refs.formScroller.scrollLeft, !this.tryByClick && this.groups.length && window.requestAnimationFrame(this.tryActive), this.tryByClick = !1;
     },
-    scrollTo(top, left) {
-      if (top) {
-        this.$refs.formScroller.scrollTop = top;
-      }
-      if (left) {
-        this.$refs.formScroller.scrollLeft = left;
-      }
+    scrollTo(t, e) {
+      t && (this.$refs.formScroller.scrollTop = t), e && (this.$refs.formScroller.scrollLeft = e);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, f = {};
+var $ = /* @__PURE__ */ v(
+  x,
+  _,
+  g,
+  !1,
+  S,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function S(t) {
+  for (let e in f)
+    this[e] = f[e];
 }
-const FormView = /* @__PURE__ */ function() {
-  return __component__.exports;
+const B = /* @__PURE__ */ function() {
+  return $.exports;
 }();
 export {
-  FormView as default
+  B as default
 };