@web-utils/component 3.2.0 → 3.2.2

package/form-input-tag/index.mjs

@@ -1,25 +1,149 @@
-var s = Object.defineProperty;
-var a = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
-var l = (t, e, r) => e in t ? s(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, n = (t, e) => {
-  for (var r in e || (e = {}))
-    p.call(e, r) && l(t, r, e[r]);
-  if (a)
-    for (var r of a(e))
-      i.call(e, r) && l(t, r, e[r]);
-  return t;
+var _ = Object.defineProperty, b = Object.defineProperties;
+var y = Object.getOwnPropertyDescriptors;
+var d = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var m = (a, e, t) => e in a ? _(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, r = (a, e) => {
+  for (var t in e || (e = {}))
+    v.call(e, t) && m(a, t, e[t]);
+  if (d)
+    for (var t of d(e))
+      I.call(e, t) && m(a, t, e[t]);
+  return a;
+}, c = (a, e) => b(a, y(e));
+var u = (a, e, t) => new Promise((n, i) => {
+  var p = (s) => {
+    try {
+      l(t.next(s));
+    } catch (o) {
+      i(o);
+    }
+  }, g = (s) => {
+    try {
+      l(t.throw(s));
+    } catch (o) {
+      i(o);
+    }
+  }, l = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(p, g);
+  l((t = t.apply(a, e)).next());
+});
+import { f as V } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
+import { d as x, n as k } from "../chunks/index.Uf8ONhVI.mjs";
+/* empty css                                                            */
+import { n as h } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
+const w = {
+  name: "XInputTag",
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    value: {
+      type: [Array, String],
+      default: () => []
+    },
+    disabled: Boolean,
+    separator: {
+      type: String,
+      default: ","
+    },
+    count: {
+      type: Boolean,
+      default: !0
+    },
+    arrayMode: {
+      type: Boolean,
+      default: !0
+    },
+    objectMode: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      inputVisible: !1,
+      inputValue: "",
+      maxTag: 20
+    };
+  },
+  computed: {
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    tags: {
+      get() {
+        var a, e;
+        if (this.arrayMode)
+          return (a = this.value) != null && a.length ? this.objectMode ? this.value.map((t) => t.id > 0 ? t : c(r({}, t), { id: Math.random() })) : this.value : [];
+        {
+          const t = ((e = this.value) == null ? void 0 : e.split(this.separator)) || [];
+          return t.length && t[0] ? t.map((n) => this.objectMode ? { name: n, id: Math.random() } : n) : [];
+        }
+      }
+    }
+  },
+  methods: {
+    showInput() {
+      return u(this, null, function* () {
+        this.inputVisible = !0, yield this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+    handleClose(a) {
+      const e = this.tags.filter((t) => t !== a);
+      this.$emit("input", this.arrayMode ? e : e.map((t) => t.name || t).join(this.separator));
+    },
+    handleInputConfirm() {
+      return u(this, null, function* () {
+        var e;
+        if (this.tags.length >= this.maxTag) {
+          this.$message.warning({ message: "标签已达上限,请删除一些标签再添加！", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
+          return;
+        }
+        const a = this.inputValue;
+        if (a) {
+          if (this.tags.some((n) => (n.name || n) === a)) {
+            this.inputVisible = !1, this.inputValue = "", this.$message.warning({ message: "标签已存在！", showClose: !0 });
+            return;
+          }
+          const t = [...this.tags];
+          t.push(this.objectMode ? { id: Date.now(), name: this.inputValue } : this.inputValue), this.$emit("input", this.arrayMode ? t : t.map((n) => n.name || n).join(this.separator)), yield this.$nextTick(), (e = this.elFormItem) == null || e.clearValidate();
+        }
+        this.inputVisible = !1, this.inputValue = "";
+      });
+    }
+  }
 };
-import { f as m } from "../chunks/form-input-mixin.IKogWBfn.mjs";
-import { d, n as c } from "../chunks/index.LGsb2aDq.mjs";
-import u from "@web-utils/component/x-input-tag";
-import "@web-utils/component/x-input-tag/style.css";
-import { n as f } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
-const _ = Object.keys(u.props).filter((t) => !["value", "placeholder", "disabled"].includes(t)), b = {
+var M = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "x-input-tag" }, [e.tags && e.tags.length && e.tags[0] ? e._l(e.tags, function(n, i) {
+    return t("ElTag", { key: n.id || n, attrs: { size: "medium", "disable-transitions": "", closable: !e.inputDisabled }, on: { close: function(p) {
+      return e.handleClose(n, i);
+    } } }, [e._v(" " + e._s(n.name || n) + " ")]);
+  }) : e.inputDisabled ? [t("span", { staticStyle: { color: "#b5b5b5" } }, [e._v("无")])] : e._e(), e.inputDisabled ? e._e() : t("ElInput", { directives: [{ name: "show", rawName: "v-show", value: e.inputVisible, expression: "inputVisible" }], ref: "saveTagInput", staticClass: "input-new-tag", attrs: { size: "mini" }, on: { blur: e.handleInputConfirm }, nativeOn: { keyup: function(n) {
+    return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.handleInputConfirm.apply(null, arguments);
+  } }, model: { value: e.inputValue, callback: function(n) {
+    e.inputValue = n;
+  }, expression: "inputValue" } }), !e.inputDisabled && !e.inputVisible ? t("ElButton", { directives: [{ name: "show", rawName: "v-show", value: e.tags.length < e.maxTag, expression: "tags.length < maxTag" }], staticClass: "button-new-tag", attrs: { size: "mini" }, on: { click: e.showInput } }, [e._v(" + 添加 ")]) : e._e(), e.count ? t("span", { staticClass: "tags-count" }, [e._v(e._s(e.tags.length && e.tags[0] ? e.tags.length : ""))]) : e._e()], 2);
+}, T = [], $ = /* @__PURE__ */ h(
+  w,
+  M,
+  T,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const f = $.exports, C = Object.keys(f.props).filter((a) => !["value", "placeholder", "disabled"].includes(a)), j = {
   name: "FormInputTag",
   components: {
-    XInputTag: u
+    XInputTag: f
   },
-  mixins: [m],
+  mixins: [V],
   props: {
     value: [Array, String],
     block: {
@@ -37,30 +161,30 @@ const _ = Object.keys(u.props).filter((t) => !["value", "placeholder", "disabled
   },
   computed: {
     inputProps() {
-      return d(n(n({}, c(this.$attrs)), this.$props), _);
+      return x(r(r({}, k(this.$attrs)), this.$props), C);
     }
   }
 };
-var y = 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("XInputTag", e._g(e._b({ attrs: { value: e.value, readonly: e.readonly, disabled: e.inputDisabled, placeholder: e.computePlaceholder, "array-mode": e.arrayMode, "object-mode": e.objectMode }, on: { input: (o) => e.$emit("input", o) } }, "XInputTag", e.inputProps, !1), e.listeners))];
-  }, proxy: !0 }, { key: "error", fn: function({ error: o }) {
-    return [e._t("error", null, { error: o })];
+var F = 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 [t("XInputTag", e._g(e._b({ attrs: { value: e.value, readonly: e.readonly, disabled: e.inputDisabled, placeholder: e.computePlaceholder, "array-mode": e.arrayMode, "object-mode": e.objectMode }, on: { input: (n) => e.$emit("input", n) } }, "XInputTag", e.inputProps, !1), e.listeners))];
+  }, proxy: !0 }, { key: "error", fn: function({ error: n }) {
+    return [e._t("error", null, { error: n })];
   } }, { key: "label", fn: function() {
     return [e._t("label")];
   }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, v = [], I = /* @__PURE__ */ f(
-  b,
-  y,
-  v,
+}, B = [], D = /* @__PURE__ */ h(
+  j,
+  F,
+  B,
   !1,
   null,
   null,
   null,
   null
 );
-const M = I.exports;
+const O = D.exports;
 export {
-  M as default
+  O as default
 };

package/form-input-time/index.mjs

@@ -9,9 +9,9 @@ var i = (r, e, t) => e in r ? s(r, e, { enumerable: !0, configurable: !0, writab
       p.call(e, t) && i(r, t, e[t]);
   return r;
 };
-import { f as u } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as u } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import o from "element-ui/lib/time-picker";
-import { d as f, n as d } from "../chunks/index.LGsb2aDq.mjs";
+import { d as f, n as d } from "../chunks/index.Uf8ONhVI.mjs";
 import { n as c } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const _ = Object.keys(o.props || o.default.props).filter(
   (r) => !["value", "placeholder", "disabled"].includes(r)

package/form-item/index.mjs

@@ -26,7 +26,7 @@ var w = (e, r, t) => new Promise((d, a) => {
   l((t = t.apply(e, r)).next());
 });
 import { h as p } from "vue";
-import { f as B } from "../chunks/form-item-mixin.BilKDUlK.mjs";
+import { f as B } from "../chunks/form-item-mixin.gd9p9Rrj.mjs";
 import { hasOwn as I } from "@web-utils/core";
 const A = {
   name: "FormItem",

package/form-radio-group/index.mjs

@@ -9,10 +9,10 @@ var s = (l, e, o) => e in l ? u(l, e, { enumerable: !0, configurable: !0, writab
       f.call(e, o) && s(l, o, e[o]);
   return l;
 };
-import { f as c } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as c } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import { f as h } from "../chunks/form-pick-mixin.y-qhZJi6.mjs";
 import a from "element-ui/lib/radio-group";
-import { d, n as m } from "../chunks/index.LGsb2aDq.mjs";
+import { d, n as m } from "../chunks/index.Uf8ONhVI.mjs";
 import { n as y } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const v = Object.keys(a.props || a.default.props).filter(
   (l) => !["value", "placeholder", "disabled"].includes(l)

package/form-select/index.mjs

@@ -9,10 +9,10 @@ var s = (l, e, t) => e in l ? a(l, e, { enumerable: !0, configurable: !0, writab
       p.call(e, t) && s(l, t, e[t]);
   return l;
 };
-import { f as c } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as c } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import { f } from "../chunks/form-pick-mixin.y-qhZJi6.mjs";
 import o from "element-ui/lib/select";
-import { d as h, n as m } from "../chunks/index.LGsb2aDq.mjs";
+import { d as h, n as m } from "../chunks/index.Uf8ONhVI.mjs";
 import { n as y } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const d = Object.keys(o.props || o.default.props).filter(
   (l) => !["value", "placeholder", "disabled"].includes(l)

package/form-switch/index.mjs

@@ -9,9 +9,9 @@ var l = (r, e, t) => e in r ? i(r, e, { enumerable: !0, configurable: !0, writab
       p.call(e, t) && l(r, t, e[t]);
   return r;
 };
-import { f as c } from "../chunks/form-input-mixin.IKogWBfn.mjs";
+import { f as c } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
 import s from "element-ui/lib/switch";
-import { d as m, n as d } from "../chunks/index.LGsb2aDq.mjs";
+import { d as m, n as d } from "../chunks/index.Uf8ONhVI.mjs";
 import { n as f } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const _ = Object.keys(s.props || s.default.props).filter(
   (r) => !["value", "placeholder", "disabled"].includes(r)

package/form-textarea/index.mjs

@@ -9,8 +9,8 @@ var s = (t, e, r) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writab
       p.call(e, r) && s(t, r, e[r]);
   return t;
 };
-import { f as m } from "../chunks/form-input-mixin.IKogWBfn.mjs";
-import { d as f, n as d } from "../chunks/index.LGsb2aDq.mjs";
+import { f as m } from "../chunks/form-input-mixin.DLHG0EnH.mjs";
+import { d as f, n as d } from "../chunks/index.Uf8ONhVI.mjs";
 import a from "element-ui/lib/input";
 import { n as c } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const _ = Object.keys(a.props || a.default.props).filter(

package/form-view/index.mjs

@@ -11,25 +11,24 @@ var p = (o, t, e) => t in o ? _(o, t, { enumerable: !0, configurable: !0, writab
   return o;
 }, f = (o, t) => g(o, w(t));
 var u = (o, t, e) => new Promise((r, s) => {
-  var i = (n) => {
+  var n = (i) => {
     try {
-      a(e.next(n));
+      a(e.next(i));
     } catch (d) {
       s(d);
     }
-  }, l = (n) => {
+  }, l = (i) => {
     try {
-      a(e.throw(n));
+      a(e.throw(i));
     } catch (d) {
       s(d);
     }
-  }, a = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(i, l);
+  }, a = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(n, l);
   a((e = e.apply(o, t)).next());
 });
 import { hasOwn as b, toStringArray as S, animate as F, isInContainer as k } from "@web-utils/core";
 import { merge as B } from "@web-utils/integrations/lodash";
-import C from "@web-utils/component/resize-observer";
-import "@web-utils/component/resize-observer/style.css";
+import { R as C } from "../chunks/ResizeObserver.sOHk2Cm-.mjs";
 import { n as L } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 const y = [
   "back",
@@ -134,10 +133,10 @@ const y = [
       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");
         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 n = [].indexOf.call(t.$el.parentNode.children, t.$el), l = [].indexOf.call(e.$el.parentNode.children, e.$el);
+          return n - l;
         } else {
-          const i = m(r, "form-scroller"), l = [].indexOf.call(i.children, r), a = [].indexOf.call(i.children, s);
+          const n = m(r, "form-scroller"), l = [].indexOf.call(n.children, r), a = [].indexOf.call(n.children, s);
           return l - a;
         }
       }), o.active && (this.activeIndex = this.groups.indexOf(o), this.navItemClick(o, this.activeIndex)));
@@ -225,7 +224,7 @@ var N = 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) {
-    return e("li", { key: r.blockTitle, class: ["form-nav-item", { active: t.activeIndex === s }], on: { click: function(i) {
+    return e("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 ? e("LoadingView", { attrs: { "icon-size": "34px", "font-size": "16px" } }) : t._e()], 1);
@@ -239,7 +238,7 @@ var N = function() {
   null,
   null
 );
-const G = A.exports;
+const E = A.exports;
 export {
-  G as default
+  E as default
 };

package/fy-curd/index.mjs

@@ -6,10 +6,9 @@ import { o as h, j as C, d as a, u as B, i as P, a as b, k as D, l as T, s as z
 import { isBlank as c } from "@web-utils/core";
 import { s as M } from "../chunks/slot.j1uMmBnG.mjs";
 import { n as f } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
-import { F as L, d as w } from "../chunks/FormTemp.0eqGAu6W.mjs";
+import { F as L, d as w } from "../chunks/FormTemp.0ezzipG4.mjs";
 import { s as V } from "../chunks/dic.7JBaVHv6.mjs";
-import R from "@web-utils/component/icon-temp";
-import "@web-utils/component/icon-temp/style.css";
+import { I as R } from "../chunks/IconTemp.tzsg5qth.mjs";
 const p = {
   menuWidth: 220,
   menuFixed: "right",
@@ -1922,7 +1921,7 @@ var Ue = function() {
   null,
   null
 );
-const ot = qe.exports;
+const lt = qe.exports;
 export {
-  ot as default
+  lt as default
 };

package/fy-form/index.mjs

@@ -14,7 +14,7 @@ var D = (i, e, r) => new Promise((s, p) => {
   }, a = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(t, l);
   a((r = r.apply(i, e)).next());
 });
-import { F as P, d as z } from "../chunks/FormTemp.0eqGAu6W.mjs";
+import { F as P, d as z } from "../chunks/FormTemp.0ezzipG4.mjs";
 import { i as B } from "../chunks/init.6oF7OO2W.mjs";
 import { s as v, d as x, u as j, x as I, p as L, j as S, a as V, o as M, y as A } from "../chunks/util.y1gUGRqi.mjs";
 import { d as W, c as R, a as G, b as H, f as U } from "../chunks/dataformat.Ab9PZnVk.mjs";