@web-utils/component 2.0.13 → 2.2.0

package/form-view/index.mjs

@@ -0,0 +1,371 @@
+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]
+  }, [t.showToolbar ? o("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !t.isFormLoading,
+      expression: "!isFormLoading"
+    }],
+    staticClass: "form-view-toolbar"
+  }, [t._t("form-view-toolbar", function() {
+    return [o("Toolbar", t._g(t._b({
+      on: {
+        edit: t.onEdit
+      },
+      scopedSlots: t._u([{
+        key: "default",
+        fn: function(r) {
+          var s = r.buttons;
+          return [t._t("toolbar-button", null, {
+            buttons: s
+          })];
+        }
+      }, t._l(t.getToolbarSlotKeys(), function(r) {
+        return {
+          key: r,
+          fn: function() {
+            return [t._t(r)];
+          },
+          proxy: !0
+        };
+      }), {
+        key: "toolbar-right",
+        fn: function() {
+          return [t._t("toolbar-right")];
+        },
+        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: !t.isFormLoading,
+      expression: "!isFormLoading"
+    }],
+    staticClass: "form-scroller-wrapper"
+  }, [o("div", {
+    ref: "formScroller",
+    class: ["form-scroller", t.contentClass],
+    on: {
+      scroll: t.onFormScroll
+    }
+  }, [t.notForm ? o("div", {
+    staticClass: "not-form",
+    style: {
+      width: t.formWidth
+    }
+  }, [t.title ? o("div", {
+    staticClass: "form-view-title"
+  }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), t._t("default", function() {
+    return [o("EmptyView", {
+      attrs: {
+        "empty-tips": "请添加表单内容"
+      }
+    })];
+  }), t.footerBarButtons.length ? o("Toolbar", t._g(t._b({
+    attrs: {
+      footer: ""
+    },
+    scopedSlots: t._u([{
+      key: "default",
+      fn: function(r) {
+        var s = r.buttons, n = r.footer;
+        return [t._t("footer-button", null, {
+          buttons: s,
+          footer: n
+        })];
+      }
+    }, t._l(t.getFooterSlotKeys(), function(r) {
+      return {
+        key: t.getFooterSlotKey(r),
+        fn: function() {
+          return [t._t(r)];
+        },
+        proxy: !0
+      };
+    })], 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": t.unLimit
+    }],
+    style: {
+      width: `calc(${t.formWidth} + 40px)`
+    }
+  }, [o("div", {
+    staticClass: "form-content"
+  }, [t.title ? o("div", {
+    staticClass: "form-view-title"
+  }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), t._t("default", function() {
+    return [o("EmptyView", {
+      attrs: {
+        "empty-tips": "请添加表单内容"
+      }
+    })];
+  }), t.footerBarButtons.length ? o("Toolbar", t._g(t._b({
+    attrs: {
+      footer: ""
+    },
+    scopedSlots: t._u([{
+      key: "default",
+      fn: function(r) {
+        var s = r.buttons, n = r.footer;
+        return [t._t("footer-button", null, {
+          buttons: s,
+          footer: n
+        })];
+      }
+    }, t._l(t.getFooterSlotKeys(), function(r) {
+      return {
+        key: t.getFooterSlotKey(r),
+        fn: function() {
+          return [t._t(r)];
+        },
+        proxy: !0
+      };
+    })], 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": t.unLimit
+    }],
+    staticStyle: {
+      "min-height": "0"
+    },
+    style: {
+      width: `calc(${t.formWidth} + 40px)`
+    }
+  }, [o("div", {
+    staticClass: "form-content"
+  }, [t.$parent.$options.flowForm && t.flowContext.logs.length ? o("FormItemGroup", {
+    attrs: {
+      "block-title": "流程日志"
+    }
+  }, [o("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()]), o("ResizeObserver", {
+    on: {
+      notify: t.onFormResize
+    }
+  })], 1), t.formNav && !t.isFormLoading && t.showNav && t.groups.length ? o("div", {
+    staticClass: "form-nav"
+  }, [o("div", {
+    staticClass: "form-nav-header"
+  }, [t._v(" 表单导航 ")]), o("ul", {
+    staticClass: "form-nav-list"
+  }, t._l(t.groups, function(r, s) {
+    return o("li", {
+      key: r.blockTitle,
+      class: ["form-nav-item", {
+        active: t.activeIndex === s
+      }],
+      on: {
+        click: function(n) {
+          return t.navItemClick(r, s);
+        }
+      }
+    }, [t._v(" " + t._s(r.blockTitle) + " ")]);
+  }), 0)]) : t._e(), t.isFormLoading ? o("LoadingView", {
+    attrs: {
+      "icon-size": "34px",
+      "font-size": "16px"
+    }
+  }) : t._e()], 1);
+}, $ = [];
+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;
+}, k = {
+  name: "FormView",
+  components: {
+    ResizeObserver: _
+  },
+  inject: {
+    flowContext: {
+      default: {}
+    }
+  },
+  props: {
+    notForm: Boolean,
+    loading: Boolean,
+    unLimit: Boolean,
+    formWidth: {
+      type: String,
+      default: "75%"
+    },
+    toolbarAttrs: {
+      type: Object,
+      default: () => {
+      }
+    },
+    toolbarListeners: {
+      type: Object
+    },
+    contentClass: {
+      type: String
+    },
+    className: {
+      type: String
+    },
+    title: {
+      type: String
+    },
+    showToolbar: {
+      type: Boolean,
+      default: !0
+    },
+    formNav: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      groups: [],
+      activeIndex: -1,
+      tryByClick: !1,
+      showNav: !1
+    };
+  },
+  computed: {
+    isFormLoading() {
+      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 = y({}, this.toolbarAttrs, t);
+      return o.buttons = e || ["back"], o.buttons = b(o.buttons), o;
+    },
+    toolbarButtons() {
+      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) => !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 = u(e.$el, "form-card"), s = u(o.$el, "form-card");
+        if (r === s) {
+          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 = 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) => {
+      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 });
+  },
+  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) => p.includes(t));
+    },
+    getFooterSlotKeys() {
+      return Object.keys(this.$scopedSlots).filter((t) => S.includes(t));
+    },
+    getFooterSlotKey(t) {
+      return t.replace("-down", "");
+    },
+    onFormResize({ width: t }) {
+      this.showNav = t > 1500;
+    },
+    onEdit() {
+      !this.toolbarListeners.edit && d(this.$parent, "disabled") && (this.$parent.disabled = !1);
+    },
+    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, v(t.$el, "breathe-indicator-animation"), this.tryByClick = !0, this.activeIndex = e;
+    },
+    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;
+    },
+    scrollTo(t, e) {
+      t && (this.$refs.formScroller.scrollTop = t), e && (this.$refs.formScroller.scrollLeft = e);
+    }
+  }
+}, h = {};
+var B = /* @__PURE__ */ w(
+  k,
+  x,
+  $,
+  !1,
+  C,
+  null,
+  null,
+  null
+);
+function C(t) {
+  for (let e in h)
+    this[e] = h[e];
+}
+const z = /* @__PURE__ */ function() {
+  return B.exports;
+}();
+export {
+  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}