@web-utils/component 2.0.14 → 2.2.0

package/{dist/components/form-view/index.js → form-view/index.mjs}

@@ -1,6 +1,25 @@
-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/5d4282fb.js";
-var _ = function() {
+var c = (t, e, o) => new Promise((r, s) => {
+  var n = (i) => {
+    try {
+      a(o.next(i));
+    } catch (f) {
+      s(f);
+    }
+  }, l = (i) => {
+    try {
+      a(o.throw(i));
+    } catch (f) {
+      s(f);
+    }
+  }, a = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(n, l);
+  a((o = o.apply(t, e)).next());
+});
+import { hasOwn as d, toStringArray as b, animate as v, isInContainer as g } from "@web-utils/core";
+import { merge as y } from "@web-utils/integrations/lodash";
+import _ from "@web-utils/component/resize-observer";
+import "@web-utils/component/resize-observer/style.css";
+import { n as w } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var x = function() {
   var t = this, e = t.$createElement, o = t._self._c || e;
   return o("div", {
     class: ["form-view", t.className]
@@ -53,7 +72,7 @@ var _ = function() {
     staticClass: "form-scroller-wrapper"
   }, [o("div", {
     ref: "formScroller",
-    class: ["form-scroller", "absolute-box", t.contentClass],
+    class: ["form-scroller", t.contentClass],
     on: {
       scroll: t.onFormScroll
     }
@@ -186,16 +205,19 @@ var _ = function() {
       "font-size": "16px"
     }
   }) : 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) => {
+}, $ = [];
+const p = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], S = p.map((t) => `${t}-down`), F = ["back", "withdraw", "edit"], m = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], u = (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 = {
+}, k = {
   name: "FormView",
+  components: {
+    ResizeObserver: _
+  },
   inject: {
     flowContext: {
       default: {}
@@ -245,31 +267,31 @@ const u = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
   },
   computed: {
     isFormLoading() {
-      return this.loading || a(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
+      return this.loading || d(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
     },
     toolbarProps() {
       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;
+      const t = {}, e = ((r = this.toolbarAttrs) == null ? void 0 : r.buttons) || this.$parent.buttons, o = y({}, this.toolbarAttrs, t);
+      return o.buttons = e || ["back"], o.buttons = b(o.buttons), o;
     },
     toolbarButtons() {
-      return this.toolbarProps.buttons.filter((t) => !c.includes(t) && t.indexOf(":down") < 0).map((t) => t.replace(":up", ""));
+      return this.toolbarProps.buttons.filter((t) => !m.includes(t) && t.indexOf(":down") < 0).map((t) => t.replace(":up", ""));
     },
     footerBarButtons() {
-      let t = this.toolbarProps.buttons.filter((e) => !w.includes(e) && (c.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
+      let t = this.toolbarProps.buttons.filter((e) => !F.includes(e) && (m.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", (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");
+        const r = u(e.$el, "form-card"), s = u(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;
+          const n = [].indexOf.call(e.$el.parentNode.children, e.$el), l = [].indexOf.call(o.$el.parentNode.children, o.$el);
+          return n - l;
         } else {
-          const n = l(r, "form-scroller"), i = [].indexOf.call(n.children, r), d = [].indexOf.call(n.children, s);
-          return i - d;
+          const n = u(r, "form-scroller"), l = [].indexOf.call(n.children, r), a = [].indexOf.call(n.children, s);
+          return l - a;
         }
       }), t.active && (this.activeIndex = this.groups.indexOf(t), this.navItemClick(t, this.activeIndex)));
     }), this.$on("FormView.removeGroup", (t) => {
@@ -279,15 +301,17 @@ const u = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       }
     }), this.onFormResize({ width: window.document.body.clientWidth });
   },
-  async activated() {
-    this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
+  activated() {
+    return c(this, null, function* () {
+      this.$refs.formScroller && (yield this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
+    });
   },
   methods: {
     getToolbarSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((t) => u.includes(t));
+      return Object.keys(this.$scopedSlots).filter((t) => p.includes(t));
     },
     getFooterSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((t) => y.includes(t));
+      return Object.keys(this.$scopedSlots).filter((t) => S.includes(t));
     },
     getFooterSlotKey(t) {
       return t.replace("-down", "");
@@ -296,22 +320,26 @@ const u = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       this.showNav = t > 1500;
     },
     onEdit() {
-      !this.toolbarListeners.edit && a(this.$parent, "disabled") && (this.$parent.disabled = !1);
+      !this.toolbarListeners.edit && d(this.$parent, "disabled") && (this.$parent.disabled = !1);
     },
-    async navItemClick(t, e) {
-      this.showNav && (await this.$nextTick(), this.activeFormItemGroup(t, e), t.expand || t.open());
+    navItemClick(t, e) {
+      return c(this, null, function* () {
+        this.showNav && (yield this.$nextTick(), this.activeFormItemGroup(t, e), t.expand || t.open());
+      });
     },
     activeFormItemGroup(t, e) {
-      this.$refs.formScroller.scrollTop = t.$el.offsetTop - 10, p(t.$el, "breathe-indicator-animation"), this.tryByClick = !0, this.activeIndex = e;
+      this.$refs.formScroller.scrollTop = t.$el.offsetTop - 10, v(t.$el, "breathe-indicator-animation"), this.tryByClick = !0, this.activeIndex = e;
     },
-    async tryActive() {
-      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;
-          }
-      }
+    tryActive() {
+      return c(this, null, function* () {
+        if (this.showNav) {
+          for (let t = 0; t < this.groups.length; t++)
+            if (g(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, !this.tryByClick && this.groups.length && window.requestAnimationFrame(this.tryActive), this.tryByClick = !1;
@@ -320,24 +348,24 @@ const u = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       t && (this.$refs.formScroller.scrollTop = t), e && (this.$refs.formScroller.scrollLeft = e);
     }
   }
-}, f = {};
-var $ = /* @__PURE__ */ v(
+}, h = {};
+var B = /* @__PURE__ */ w(
+  k,
   x,
-  _,
-  g,
+  $,
   !1,
-  S,
+  C,
   null,
   null,
   null
 );
-function S(t) {
-  for (let e in f)
-    this[e] = f[e];
+function C(t) {
+  for (let e in h)
+    this[e] = h[e];
 }
-const B = /* @__PURE__ */ function() {
-  return $.exports;
+const z = /* @__PURE__ */ function() {
+  return B.exports;
 }();
 export {
-  B as default
+  z as default
 };

package/form-view/style.css

@@ -0,0 +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}}

package/fy-array/index.mjs

@@ -0,0 +1,158 @@
+import { p as a, e as o } from "../chunks/event.NHA7rYFE.mjs";
+import { i as c } from "../chunks/util.C2Bhx22L.mjs";
+import { n as u } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var p = function() {
+  var t = this, n = t.$createElement, e = t._self._c || n;
+  return e("div", {
+    staticClass: "avue-array"
+  }, [t.text ? e("ElButton", {
+    attrs: {
+      type: "primary",
+      icon: "el-icon-plus",
+      circle: "",
+      size: t.size,
+      disabled: t.disabled
+    },
+    on: {
+      click: function(i) {
+        return t.add();
+      }
+    }
+  }) : t._e(), t._l(t.text, function(i, r) {
+    return e("div", {
+      key: r,
+      staticClass: "avue-array__item"
+    }, [e("div", {
+      staticClass: "avue-array__input"
+    }, [e("ElTooltip", {
+      attrs: {
+        placement: "bottom",
+        disabled: !t.isImg && !t.isUrl || !!i
+      },
+      scopedSlots: t._u([{
+        key: "content",
+        fn: function() {
+          return [e("div", [t.isImg ? e(t.isMediaType(i), {
+            tag: "Component",
+            staticStyle: {
+              width: "200px"
+            },
+            attrs: {
+              src: i,
+              controls: "controls"
+            },
+            on: {
+              click: function(s) {
+                return t.openImg(r);
+              }
+            }
+          }) : t.isUrl ? e("ElLink", {
+            attrs: {
+              type: "primary",
+              href: i,
+              target: t.target
+            }
+          }, [t._v(" " + t._s(i) + " ")]) : t._e()], 1)];
+        },
+        proxy: !0
+      }], null, !0)
+    }, [e("ElInput", {
+      attrs: {
+        size: t.size,
+        placeholder: t.placeholder,
+        disabled: t.disabled
+      },
+      model: {
+        value: t.text[r],
+        callback: function(s) {
+          t.$set(t.text, r, s);
+        },
+        expression: "text[index]"
+      }
+    })], 1), t.disabled || t.readonly || t.alone ? t._e() : [t.isLimit ? t._e() : e("ElButton", {
+      attrs: {
+        type: "primary",
+        icon: "el-icon-plus",
+        circle: "",
+        size: t.size,
+        disabled: t.disabled
+      },
+      on: {
+        click: function(s) {
+          return t.add(r);
+        }
+      }
+    }), e("ElButton", {
+      attrs: {
+        type: "danger",
+        icon: "el-icon-minus",
+        circle: "",
+        size: t.size,
+        disabled: t.disabled
+      },
+      on: {
+        click: function(s) {
+          return t.remove(r);
+        }
+      }
+    })]], 2)]);
+  })], 2);
+}, d = [];
+const m = {
+  name: "FyArray",
+  mixins: [a, o],
+  props: {
+    fileType: String,
+    alone: Boolean,
+    type: String,
+    limit: Number
+  },
+  computed: {
+    isLimit() {
+      return this.limit;
+    },
+    textLen() {
+      return this.text.length;
+    },
+    isImg() {
+      return this.type === "img";
+    },
+    isUrl() {
+      return this.type === "url";
+    }
+  },
+  methods: {
+    isMediaType(t) {
+      return c(t, this.fileType);
+    },
+    add(t) {
+      this.text.splice(t + 1, 0, "");
+    },
+    remove(t) {
+      this.text.splice(t, 1);
+    },
+    openImg() {
+      this.text.map((t) => ({ thumbUrl: t, url: t, type: this.fileType }));
+    }
+  }
+}, l = {};
+var y = /* @__PURE__ */ u(
+  m,
+  p,
+  d,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let n in l)
+    this[n] = l[n];
+}
+const b = /* @__PURE__ */ function() {
+  return y.exports;
+}();
+export {
+  b as default
+};

package/fy-array/style.css

@@ -0,0 +1 @@
+.avue-array__item{margin-bottom:5px}.avue-array__input{display:flex}.avue-array__input .el-input{flex:auto}.avue-array__input .el-button{margin-left:5px}

package/fy-article/index.mjs

@@ -0,0 +1,93 @@
+import { n as i } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var l = function() {
+  var t = this, s = t.$createElement, e = t._self._c || s;
+  return e("div", {
+    staticClass: "avue-article"
+  }, [e("div", {
+    staticClass: "avue-article__header"
+  }, [t.title ? e("div", {
+    staticClass: "avue-article__title",
+    domProps: {
+      textContent: t._s(t.title)
+    }
+  }) : t._e(), t.meta ? e("small", {
+    staticClass: "avue-article__meta",
+    domProps: {
+      textContent: t._s(t.meta)
+    }
+  }) : t._e()]), t.lead ? e("div", {
+    staticClass: "avue-article__lead",
+    domProps: {
+      textContent: t._s(t.lead)
+    }
+  }) : t._e(), t.body ? e("div", {
+    staticClass: "avue-article__body",
+    domProps: {
+      innerHTML: t._s(t.body)
+    }
+  }) : t._e()]);
+}, o = [];
+const a = {
+  title: "title",
+  meta: "meta",
+  lead: "lead",
+  body: "body"
+}, n = {
+  name: "FyArticle",
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    props: {
+      type: Object,
+      default: () => a
+    }
+  },
+  computed: {
+    titleKey() {
+      return this.props.title || a.title;
+    },
+    metaKey() {
+      return this.props.meta || a.meta;
+    },
+    leadKey() {
+      return this.props.lead || a.lead;
+    },
+    bodyKey() {
+      return this.props.body || a.body;
+    },
+    title() {
+      return this.data[this.titleKey];
+    },
+    meta() {
+      return this.data[this.metaKey];
+    },
+    lead() {
+      return this.data[this.leadKey];
+    },
+    body() {
+      return this.data[this.bodyKey];
+    }
+  }
+}, r = {};
+var d = /* @__PURE__ */ i(
+  n,
+  l,
+  o,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let s in r)
+    this[s] = r[s];
+}
+const u = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  u as default
+};

package/fy-article/style.css

@@ -0,0 +1 @@
+.avue-article__title{margin-bottom:15px;font-size:32px;font-weight:400;line-height:32px}.avue-article__meta{color:#999;margin-bottom:20px;font-size:12px;display:block}.avue-article__lead{color:#666;background:#f9f9f9;border:1px solid #dedede;border-radius:2px;padding:10px;font-size:14px;line-height:22px}.avue-article__body{color:#333;background:#fff;padding-top:10px;font-family:Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,FontAwesome,sans-serif;font-size:14px}.avue-article blockquote{border-left:4px solid #ddd;margin:0;padding:1px 0 1px 15px;font-family:Georgia,Times New Roman,Times,Kai,Kaiti SC,KaiTi,BiauKai,FontAwesome,serif}

package/fy-cascader/index.mjs

@@ -0,0 +1,132 @@
+import { p as d, e as u } from "../chunks/event.NHA7rYFE.mjs";
+import { n as p } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var h = function() {
+  var e = this, l = e.$createElement, s = e._self._c || l;
+  return s("ElCascader", {
+    attrs: {
+      options: e.dic,
+      placeholder: e.placeholder,
+      props: e.allProps,
+      size: e.size,
+      clearable: e.clearableVal,
+      "show-all-levels": e.showAllLevels,
+      filterable: e.filterable,
+      "popper-class": e.popperClass,
+      separator: e.separator,
+      disabled: e.disabled,
+      "collapse-tags": e.tags
+    },
+    on: {
+      focus: e.handleFocus,
+      blur: e.handleBlur
+    },
+    nativeOn: {
+      click: function(t) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function(t) {
+        var a = t.data, n = t.node;
+        return [e.$scopedSlots.default ? e._t("default", null, {
+          data: a,
+          node: n
+        }) : s("span", [e._v(e._s(a[e.labelKey]))])];
+      }
+    }], null, !0),
+    model: {
+      value: e.text,
+      callback: function(t) {
+        e.text = t;
+      },
+      expression: "text"
+    }
+  });
+}, f = [];
+const y = {
+  name: "FyCascader",
+  mixins: [d, u],
+  props: {
+    checkStrictly: {
+      type: Boolean,
+      default: !1
+    },
+    emitPath: {
+      type: Boolean,
+      default: !0
+    },
+    tags: {
+      type: Boolean,
+      default: !1
+    },
+    expandTrigger: {
+      type: String,
+      default: "hover"
+    },
+    showAllLevels: {
+      type: Boolean,
+      default: !0
+    },
+    lazy: {
+      type: Boolean,
+      default: !1
+    },
+    lazyLoad: Function,
+    filterable: {
+      type: Boolean,
+      default: !1
+    },
+    separator: {
+      type: String
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    allProps() {
+      return {
+        label: this.labelKey,
+        value: this.valueKey,
+        children: this.childrenKey,
+        checkStrictly: this.checkStrictly,
+        multiple: this.multiple,
+        emitPath: this.emitPath,
+        lazy: this.lazy,
+        lazyLoad: (e, l) => {
+          const s = (t) => {
+            const a = (n, i, c) => {
+              n.forEach((r) => {
+                r[this.valueKey] === i ? r[this.childrenKey] = c : r[this.childrenKey] && a(r[this.childrenKey]);
+              });
+            };
+            a(this.dic, e[this.valueKey], t), l(t);
+          };
+          this.lazyLoad && this.lazyLoad(e, s);
+        },
+        expandTrigger: this.expandTrigger
+      };
+    }
+  }
+}, o = {};
+var v = /* @__PURE__ */ p(
+  y,
+  h,
+  f,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let l in o)
+    this[l] = o[l];
+}
+const g = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  g as default
+};