epic-designer-gold 1.0.31 → 1.0.33

package/dist/index-CcXd7BgN.js

@@ -0,0 +1,451 @@
+import { c as _ } from "./_commonjsHelpers-BVfed4GL.js";
+import { c as J, a as F, d as se, b as Q, _ as X, e as L, p as Y, r as ce } from "./index-Bf7gu4Ub.js";
+import { r as H } from "./_vue_commonjs-external-NwvjgbHK.js";
+import { _ as Z, i as de } from "./index-DUFhAGX3.js";
+function pe(e, o) {
+  for (var i = 0; i < o.length; i++) {
+    const a = o[i];
+    if (typeof a != "string" && !Array.isArray(a)) {
+      for (const t in a)
+        if (t !== "default" && !(t in e)) {
+          const s = Object.getOwnPropertyDescriptor(a, t);
+          s && Object.defineProperty(e, t, s.get ? s : {
+            enumerable: !0,
+            get: () => a[t]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }));
+}
+var ee = {}, U = {}, te = {}, W = {}, D = {};
+Object.defineProperty(D, "__esModule", { value: !0 });
+D.self = re;
+const ue = J;
+function re(e) {
+  const { fontWeight: o, textColor1: i, textColor2: a, textColorDisabled: t, dividerColor: s, fontSize: f } = e;
+  return {
+    titleFontSize: f,
+    titleFontWeight: o,
+    dividerColor: s,
+    titleTextColor: i,
+    titleTextColorDisabled: t,
+    fontSize: f,
+    textColor: a,
+    arrowColor: a,
+    arrowColorDisabled: t,
+    itemMargin: "16px 0 0 0",
+    titlePadding: "16px 0 0 0"
+  };
+}
+const fe = {
+  name: "Collapse",
+  common: ue.commonLight,
+  self: re
+};
+D.default = fe;
+Object.defineProperty(W, "__esModule", { value: !0 });
+const me = J, he = D, ge = {
+  name: "Collapse",
+  common: me.commonDark,
+  self: he.self
+};
+W.default = ge;
+var T = {}, q = {};
+Object.defineProperty(q, "__esModule", {
+  value: !0
+});
+const m = F;
+q.default = (0, m.cB)("collapse", [(0, m.cM)("rtl", `
+ direction: rtl;
+ `, [(0, m.cB)("collapse-item", [(0, m.cB)("collapse-item", {
+  marginRight: "32px",
+  marginLeft: 0
+}), (0, m.cM)("left-arrow-placement", [(0, m.cE)("header", [(0, m.cB)("collapse-item-arrow", {
+  marginRight: 0,
+  marginLeft: "4px"
+})])]), (0, m.cM)("right-arrow-placement", [(0, m.cE)("header", [(0, m.cB)("collapse-item-arrow", {
+  marginLeft: 0,
+  marginRight: "4px"
+})])]), (0, m.cM)("active", [(0, m.cE)("header", [(0, m.cM)("active", [(0, m.cB)("collapse-item-arrow", {
+  transform: "rotate(-90deg)"
+})])])])])])]);
+var _e = _ && _.__importDefault || function(e) {
+  return e && e.__esModule ? e : { default: e };
+};
+Object.defineProperty(T, "__esModule", { value: !0 });
+T.collapseRtl = void 0;
+const ve = _e(q);
+T.collapseRtl = {
+  name: "Collapse",
+  style: ve.default
+};
+(function(e) {
+  var o = _ && _.__importDefault || function(s) {
+    return s && s.__esModule ? s : { default: s };
+  };
+  Object.defineProperty(e, "__esModule", { value: !0 }), e.collapseRtl = e.collapseLight = e.collapseDark = void 0;
+  var i = W;
+  Object.defineProperty(e, "collapseDark", { enumerable: !0, get: function() {
+    return o(i).default;
+  } });
+  var a = D;
+  Object.defineProperty(e, "collapseLight", { enumerable: !0, get: function() {
+    return o(a).default;
+  } });
+  var t = T;
+  Object.defineProperty(e, "collapseRtl", { enumerable: !0, get: function() {
+    return t.collapseRtl;
+  } });
+})(te);
+var K = {}, V = {}, be = _ && _.__importDefault || function(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+};
+Object.defineProperty(V, "__esModule", {
+  value: !0
+});
+V.fadeInHeightExpandTransition = we;
+const z = F, xe = be(se), {
+  cubicBezierEaseInOut: x,
+  cubicBezierEaseOut: ye,
+  cubicBezierEaseIn: Ce
+} = xe.default;
+function we({
+  overflow: e = "hidden",
+  duration: o = ".3s",
+  originalTransition: i = "",
+  leavingDelay: a = "0s",
+  foldPadding: t = !1,
+  enterToProps: s = void 0,
+  leaveToProps: f = void 0,
+  reverse: I = !1
+} = {}) {
+  const P = I ? "leave" : "enter", l = I ? "enter" : "leave";
+  return [(0, z.c)(`&.fade-in-height-expand-transition-${l}-from,
+ &.fade-in-height-expand-transition-${P}-to`, Object.assign(Object.assign({}, s), {
+    opacity: 1
+  })), (0, z.c)(`&.fade-in-height-expand-transition-${l}-to,
+ &.fade-in-height-expand-transition-${P}-from`, Object.assign(Object.assign({}, f), {
+    opacity: 0,
+    marginTop: "0 !important",
+    marginBottom: "0 !important",
+    paddingTop: t ? "0 !important" : void 0,
+    paddingBottom: t ? "0 !important" : void 0
+  })), (0, z.c)(`&.fade-in-height-expand-transition-${l}-active`, `
+ overflow: ${e};
+ transition:
+ max-height ${o} ${x} ${a},
+ opacity ${o} ${ye} ${a},
+ margin-top ${o} ${x} ${a},
+ margin-bottom ${o} ${x} ${a},
+ padding-top ${o} ${x} ${a},
+ padding-bottom ${o} ${x} ${a}
+ ${i ? `,${i}` : ""}
+ `), (0, z.c)(`&.fade-in-height-expand-transition-${P}-active`, `
+ overflow: ${e};
+ transition:
+ max-height ${o} ${x},
+ opacity ${o} ${Ce},
+ margin-top ${o} ${x},
+ margin-bottom ${o} ${x},
+ padding-top ${o} ${x},
+ padding-bottom ${o} ${x}
+ ${i ? `,${i}` : ""}
+ `)];
+}
+Object.defineProperty(K, "__esModule", {
+  value: !0
+});
+const Pe = V, r = F;
+K.default = (0, r.cB)("collapse", "width: 100%;", [(0, r.cB)("collapse-item", `
+ font-size: var(--n-font-size);
+ color: var(--n-text-color);
+ transition:
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ margin: var(--n-item-margin);
+ `, [(0, r.cM)("disabled", [(0, r.cE)("header", "cursor: not-allowed;", [(0, r.cE)("header-main", `
+ color: var(--n-title-text-color-disabled);
+ `), (0, r.cB)("collapse-item-arrow", `
+ color: var(--n-arrow-color-disabled);
+ `)])]), (0, r.cB)("collapse-item", "margin-left: 32px;"), (0, r.c)("&:first-child", "margin-top: 0;"), (0, r.c)("&:first-child >", [(0, r.cE)("header", "padding-top: 0;")]), (0, r.cM)("left-arrow-placement", [(0, r.cE)("header", [(0, r.cB)("collapse-item-arrow", "margin-right: 4px;")])]), (0, r.cM)("right-arrow-placement", [(0, r.cE)("header", [(0, r.cB)("collapse-item-arrow", "margin-left: 4px;")])]), (0, r.cE)("content-wrapper", [(0, r.cE)("content-inner", "padding-top: 16px;"), (0, Pe.fadeInHeightExpandTransition)({
+  duration: "0.15s"
+})]), (0, r.cM)("active", [(0, r.cE)("header", [(0, r.cM)("active", [(0, r.cB)("collapse-item-arrow", "transform: rotate(90deg);")])])]), (0, r.c)("&:not(:first-child)", "border-top: 1px solid var(--n-divider-color);"), (0, r.cNotM)("disabled", [(0, r.cM)("trigger-area-main", [(0, r.cE)("header", [(0, r.cE)("header-main", "cursor: pointer;"), (0, r.cB)("collapse-item-arrow", "cursor: default;")])]), (0, r.cM)("trigger-area-arrow", [(0, r.cE)("header", [(0, r.cB)("collapse-item-arrow", "cursor: pointer;")])]), (0, r.cM)("trigger-area-extra", [(0, r.cE)("header", [(0, r.cE)("header-extra", "cursor: pointer;")])])]), (0, r.cE)("header", `
+ font-size: var(--n-title-font-size);
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: center;
+ transition: color .3s var(--n-bezier);
+ position: relative;
+ padding: var(--n-title-padding);
+ color: var(--n-title-text-color);
+ `, [(0, r.cE)("header-main", `
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: center;
+ font-weight: var(--n-title-font-weight);
+ transition: color .3s var(--n-bezier);
+ flex: 1;
+ color: var(--n-title-text-color);
+ `), (0, r.cE)("header-extra", `
+ display: flex;
+ align-items: center;
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
+ `), (0, r.cB)("collapse-item-arrow", `
+ display: flex;
+ transition:
+ transform .15s var(--n-bezier),
+ color .3s var(--n-bezier);
+ font-size: 18px;
+ color: var(--n-arrow-color);
+ `)])])]);
+(function(e) {
+  var o = _ && _.__importDefault || function(l) {
+    return l && l.__esModule ? l : { default: l };
+  };
+  Object.defineProperty(e, "__esModule", { value: !0 }), e.collapseInjectionKey = e.collapseProps = void 0;
+  const i = L, a = H, t = Q, s = Y, f = X, I = te, P = o(K);
+  e.collapseProps = Object.assign(Object.assign({}, t.useTheme.props), {
+    defaultExpandedNames: {
+      type: [Array, String],
+      default: null
+    },
+    expandedNames: [Array, String],
+    arrowPlacement: {
+      type: String,
+      default: "left"
+    },
+    accordion: {
+      type: Boolean,
+      default: !1
+    },
+    displayDirective: {
+      type: String,
+      default: "if"
+    },
+    triggerAreas: {
+      type: Array,
+      default: () => ["main", "extra", "arrow"]
+    },
+    onItemHeaderClick: [Function, Array],
+    "onUpdate:expandedNames": [Function, Array],
+    onUpdateExpandedNames: [Function, Array],
+    // deprecated
+    onExpandedNamesChange: {
+      type: [Function, Array],
+      validator: () => (process.env.NODE_ENV !== "production" && (0, f.warn)("collapse", "`on-expanded-names-change` is deprecated, please use `on-update:expanded-names` instead."), !0),
+      default: void 0
+    }
+  }), e.collapseInjectionKey = (0, f.createInjectionKey)("n-collapse"), e.default = (0, a.defineComponent)({
+    name: "Collapse",
+    props: e.collapseProps,
+    slots: Object,
+    setup(l, { slots: k }) {
+      const { mergedClsPrefixRef: R, inlineThemeDisabled: u, mergedRtlRef: w } = (0, t.useConfig)(l), y = (0, a.ref)(l.defaultExpandedNames), h = (0, a.computed)(() => l.expandedNames), C = (0, i.useMergedState)(h, y), p = (0, t.useTheme)("Collapse", "-collapse", P.default, I.collapseLight, l, R);
+      function g(d) {
+        const { "onUpdate:expandedNames": c, onUpdateExpandedNames: b, onExpandedNamesChange: N } = l;
+        b && (0, f.call)(b, d), c && (0, f.call)(c, d), N && (0, f.call)(N, d), y.value = d;
+      }
+      function v(d) {
+        const { onItemHeaderClick: c } = l;
+        c && (0, f.call)(c, d);
+      }
+      function j(d, c, b) {
+        const { accordion: N } = l, { value: B } = C;
+        if (N)
+          d ? (g([c]), v({ name: c, expanded: !0, event: b })) : (g([]), v({ name: c, expanded: !1, event: b }));
+        else if (!Array.isArray(B))
+          g([c]), v({ name: c, expanded: !0, event: b });
+        else {
+          const E = B.slice(), S = E.findIndex((A) => c === A);
+          ~S ? (E.splice(S, 1), g(E), v({ name: c, expanded: !1, event: b })) : (E.push(c), g(E), v({ name: c, expanded: !0, event: b }));
+        }
+      }
+      (0, a.provide)(e.collapseInjectionKey, {
+        props: l,
+        mergedClsPrefixRef: R,
+        expandedNamesRef: C,
+        slots: k,
+        toggleItem: j
+      });
+      const M = (0, s.useRtl)("Collapse", w, R), O = (0, a.computed)(() => {
+        const { common: { cubicBezierEaseInOut: d }, self: { titleFontWeight: c, dividerColor: b, titlePadding: N, titleTextColor: B, titleTextColorDisabled: E, textColor: S, arrowColor: A, fontSize: oe, titleFontSize: le, arrowColorDisabled: ne, itemMargin: ie } } = p.value;
+        return {
+          "--n-font-size": oe,
+          "--n-bezier": d,
+          "--n-text-color": S,
+          "--n-divider-color": b,
+          "--n-title-padding": N,
+          "--n-title-font-size": le,
+          "--n-title-text-color": B,
+          "--n-title-text-color-disabled": E,
+          "--n-title-font-weight": c,
+          "--n-arrow-color": A,
+          "--n-arrow-color-disabled": ne,
+          "--n-item-margin": ie
+        };
+      }), n = u ? (0, t.useThemeClass)("collapse", void 0, O, l) : void 0;
+      return {
+        rtlEnabled: M,
+        mergedTheme: p,
+        mergedClsPrefix: R,
+        cssVars: u ? void 0 : O,
+        themeClass: n == null ? void 0 : n.themeClass,
+        onRender: n == null ? void 0 : n.onRender
+      };
+    },
+    render() {
+      var l;
+      return (l = this.onRender) === null || l === void 0 || l.call(this), (0, a.h)("div", { class: [
+        `${this.mergedClsPrefix}-collapse`,
+        this.rtlEnabled && `${this.mergedClsPrefix}-collapse--rtl`,
+        this.themeClass
+      ], style: this.cssVars }, this.$slots);
+    }
+  });
+})(U);
+var ae = {}, G = {};
+Object.defineProperty(G, "__esModule", { value: !0 });
+const Ee = L, $ = H, $e = Z;
+G.default = (0, $.defineComponent)({
+  name: "CollapseItemContent",
+  props: {
+    displayDirective: {
+      type: String,
+      required: !0
+    },
+    show: Boolean,
+    clsPrefix: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    return {
+      onceTrue: (0, Ee.useFalseUntilTruthy)((0, $.toRef)(e, "show"))
+    };
+  },
+  render() {
+    return (0, $.h)($e.NFadeInExpandTransition, null, {
+      default: () => {
+        const { show: e, displayDirective: o, onceTrue: i, clsPrefix: a } = this, t = o === "show" && i, s = (0, $.h)(
+          "div",
+          { class: `${a}-collapse-item__content-wrapper` },
+          (0, $.h)("div", { class: `${a}-collapse-item__content-inner` }, this.$slots)
+        );
+        return t ? (0, $.withDirectives)(s, [[$.vShow, e]]) : e ? s : null;
+      }
+    });
+  }
+});
+(function(e) {
+  var o = _ && _.__importDefault || function(u) {
+    return u && u.__esModule ? u : { default: u };
+  };
+  Object.defineProperty(e, "__esModule", { value: !0 }), e.collapseItemProps = void 0;
+  const i = ce, a = L, t = H, s = Z, f = de, I = Q, P = Y, l = X, k = U, R = o(G);
+  e.collapseItemProps = {
+    title: String,
+    name: [String, Number],
+    disabled: Boolean,
+    displayDirective: String
+  }, e.default = (0, t.defineComponent)({
+    name: "CollapseItem",
+    props: e.collapseItemProps,
+    setup(u) {
+      const { mergedRtlRef: w } = (0, I.useConfig)(u), y = (0, i.createId)(), h = (0, a.useMemo)(() => {
+        var n;
+        return (n = u.name) !== null && n !== void 0 ? n : y;
+      }), C = (0, t.inject)(k.collapseInjectionKey);
+      C || (0, l.throwError)("collapse-item", "`n-collapse-item` must be placed inside `n-collapse`.");
+      const { expandedNamesRef: p, props: g, mergedClsPrefixRef: v, slots: j } = C, M = (0, t.computed)(() => {
+        const { value: n } = p;
+        if (Array.isArray(n)) {
+          const { value: d } = h;
+          return !~n.findIndex((c) => c === d);
+        } else if (n) {
+          const { value: d } = h;
+          return d !== n;
+        }
+        return !0;
+      });
+      return {
+        rtlEnabled: (0, P.useRtl)("Collapse", w, v),
+        collapseSlots: j,
+        randomName: y,
+        mergedClsPrefix: v,
+        collapsed: M,
+        triggerAreas: (0, t.toRef)(g, "triggerAreas"),
+        mergedDisplayDirective: (0, t.computed)(() => {
+          const { displayDirective: n } = u;
+          return n || g.displayDirective;
+        }),
+        arrowPlacement: (0, t.computed)(() => g.arrowPlacement),
+        handleClick(n) {
+          let d = "main";
+          (0, i.happensIn)(n, "arrow") && (d = "arrow"), (0, i.happensIn)(n, "extra") && (d = "extra"), g.triggerAreas.includes(d) && C && !u.disabled && C.toggleItem(M.value, h.value, n);
+        }
+      };
+    },
+    render() {
+      const { collapseSlots: u, $slots: w, arrowPlacement: y, collapsed: h, mergedDisplayDirective: C, mergedClsPrefix: p, disabled: g, triggerAreas: v } = this, j = (0, l.resolveSlotWithTypedProps)(w.header, { collapsed: h }, () => [this.title]), M = w["header-extra"] || u["header-extra"], O = w.arrow || u.arrow;
+      return (0, t.h)(
+        "div",
+        { class: [
+          `${p}-collapse-item`,
+          `${p}-collapse-item--${y}-arrow-placement`,
+          g && `${p}-collapse-item--disabled`,
+          !h && `${p}-collapse-item--active`,
+          v.map((n) => `${p}-collapse-item--trigger-area-${n}`)
+        ] },
+        (0, t.h)(
+          "div",
+          { class: [
+            `${p}-collapse-item__header`,
+            !h && `${p}-collapse-item__header--active`
+          ] },
+          (0, t.h)(
+            "div",
+            { class: `${p}-collapse-item__header-main`, onClick: this.handleClick },
+            y === "right" && j,
+            (0, t.h)("div", { class: `${p}-collapse-item-arrow`, key: this.rtlEnabled ? 0 : 1, "data-arrow": !0 }, (0, l.resolveSlotWithTypedProps)(O, { collapsed: h }, () => [
+              (0, t.h)(s.NBaseIcon, { clsPrefix: p }, {
+                default: () => this.rtlEnabled ? (0, t.h)(f.ChevronLeftIcon, null) : (0, t.h)(f.ChevronRightIcon, null)
+              })
+            ])),
+            y === "left" && j
+          ),
+          (0, l.resolveWrappedSlotWithProps)(M, { collapsed: h }, (n) => (0, t.h)("div", { class: `${p}-collapse-item__header-extra`, onClick: this.handleClick, "data-extra": !0 }, n))
+        ),
+        (0, t.h)(R.default, { clsPrefix: p, displayDirective: C, show: !h }, w)
+      );
+    }
+  });
+})(ae);
+(function(e) {
+  var o = _ && _.__importDefault || function(t) {
+    return t && t.__esModule ? t : { default: t };
+  };
+  Object.defineProperty(e, "__esModule", { value: !0 }), e.NCollapseItem = e.collapseItemProps = e.NCollapse = e.collapseProps = void 0;
+  var i = U;
+  Object.defineProperty(e, "collapseProps", { enumerable: !0, get: function() {
+    return i.collapseProps;
+  } }), Object.defineProperty(e, "NCollapse", { enumerable: !0, get: function() {
+    return o(i).default;
+  } });
+  var a = ae;
+  Object.defineProperty(e, "collapseItemProps", { enumerable: !0, get: function() {
+    return a.collapseItemProps;
+  } }), Object.defineProperty(e, "NCollapseItem", { enumerable: !0, get: function() {
+    return o(a).default;
+  } });
+})(ee);
+const Ne = /* @__PURE__ */ pe({
+  __proto__: null
+}, [ee]);
+export {
+  Ne as i
+};

package/dist/{index-RL7vrExY.js → index-Cecp9t8s.js}

@@ -1,9 +1,9 @@
-import { defineComponent as L, computed as C, inject as D, openBlock as n, createElementBlock as i, Fragment as g, renderList as k, createElementVNode as p, unref as c, toDisplayString as q, createVNode as y, createCommentVNode as M, ref as T, watchEffect as E, createBlock as F, withCtx as O, createTextVNode as I } from "vue";
-import { p as N, a as B } from "./pluginManager-BCnrHPYv.js";
-import { _ as U, g as A } from "./index-BhICtIH5.js";
-import { _ as z } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
-import { u as $ } from "./index-B1s67XDZ.js";
-const R = [
+import { defineComponent as L, computed as C, inject as j, createElementBlock as i, openBlock as n, createElementVNode as p, Fragment as g, renderList as k, createCommentVNode as M, unref as c, toDisplayString as q, createVNode as y, ref as T, watchEffect as D, createBlock as F, withCtx as N, createTextVNode as O } from "vue";
+import { p as I, a as B } from "./pluginManager-B0y107-1.js";
+import { E as U, g as A } from "./index-sFE9uQIP.js";
+import { _ as z } from "./icon.vue_vue_type_script_setup_true_lang-DW206h_7.js";
+import { u as E } from "./index-B1s67XDZ.js";
+const $ = [
   { label: "string", value: "string" },
   { label: "number", value: "number" },
   { label: "boolean", value: "boolean" },
@@ -19,7 +19,7 @@ const R = [
   { label: "hex", value: "hex" },
   { label: "email", value: "email" },
   { label: "any", value: "any" }
-], j = [
+], R = [
   { label: "change", value: "change" },
   { label: "blur", value: "blur" }
 ], x = ["string", "number", "url", "array", "email"], G = { class: "rule-item-main bg-white m-t-2 p-2 rounded border border-solid border-gray-200 hover:border-primary transition-all relative" }, H = {
@@ -32,19 +32,19 @@ const R = [
   },
   emits: ["change", "delete", "update:rule"],
   setup(f, { emit: _ }) {
-    const { t: e } = $(), m = _, v = f, o = C({
+    const { t: e } = E(), m = _, v = f, o = C({
       get() {
         return v.rule;
       },
       set(l) {
         m("update:rule", l);
       }
-    }), s = D("pageManager", {}), r = C(() => Object.entries(s.funcs.value).filter(([l, h]) => typeof h == "function").map(([l]) => ({ label: l, value: l }))), V = [
+    }), s = j("pageManager", {}), r = C(() => Object.entries(s.funcs.value).filter(([l, h]) => typeof h == "function").map(([l]) => ({ label: l, value: l }))), V = [
       {
         type: "select",
         label: e("validationTrigger"),
         model: "trigger",
-        componentProps: { options: j, placeholder: e("validationTrigger"), multiple: !0, mode: "multiple" }
+        componentProps: { options: R, placeholder: e("validationTrigger"), multiple: !0, mode: "multiple" }
       },
       {
         type: "switch",
@@ -67,7 +67,7 @@ const R = [
         show() {
           return !o.value.isValidator;
         },
-        componentProps: { options: R, placeholder: e("type") }
+        componentProps: { options: $, placeholder: e("type") }
       },
       {
         type: "input",
@@ -161,7 +161,7 @@ const R = [
   },
   emits: ["update:modelValue"],
   setup(f, { emit: _ }) {
-    const { t: e } = $(), m = N.getComponent("button"), v = f, s = A(v, "modelValue", _), r = T({
+    const { t: e } = E(), m = I.getComponent("button"), v = f, s = A(v, "modelValue", _), r = T({
       required: !1,
       message: e("required"),
       type: v.ruleType,
@@ -180,7 +180,7 @@ const R = [
           return !!r.value.required;
         },
         componentProps: {
-          options: j,
+          options: R,
           placeholder: e("validationTrigger"),
           multiple: !0,
           mode: "multiple"
@@ -193,7 +193,7 @@ const R = [
         show() {
           return !!r.value.required;
         },
-        componentProps: { options: R, placeholder: e("type") }
+        componentProps: { options: $, placeholder: e("type") }
       },
       {
         type: "input",
@@ -205,7 +205,7 @@ const R = [
         componentProps: { placeholder: e("validationMessage") }
       }
     ], a = T([]);
-    E(() => {
+    D(() => {
       s.value && (a.value = [], s.value.forEach((t) => {
         typeof t.required < "u" ? r.value = t : a.value.push(t);
       }));
@@ -258,8 +258,8 @@ const R = [
         class: "m-t-2",
         onClick: w
       }, {
-        default: O(() => [
-          I(q(c(e)("addRule")), 1)
+        default: N(() => [
+          O(q(c(e)("addRule")), 1)
         ]),
         _: 1
       })

package/dist/index-ClgIpXW0.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("./vuedraggable.umd-CxOWsXm8.cjs"),o=require("./pluginManager-C8aQylGX.cjs"),M=require("./index-B_ZNp-FD.cjs"),_=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),C=require("./index-BoL2PSBk.cjs"),E={class:"epic-component-view flex flex-col"},I={class:"epic-search-box px-10px py-6px"},q={class:"flex flex-1 overflow-auto"},j={class:"box-border h-full flex-1 overflow-auto"},L=["onClick"],U=["title"],P=e.defineComponent({__name:"index",setup(T){const{t:r}=C.useLocale(),x=o.pluginManager.getComponent("input"),V=o.pluginManager.getComponent("Collapse"),y=o.pluginManager.getComponent("CollapseItem"),u=e.inject("pageSchema"),d=e.inject("designer"),k=e.inject("revoke"),S=e.inject("designerProps"),p=o.pluginManager.getComponentSchemaGroups(),c=e.ref(""),N={title:r("all"),list:[]},s=M.useStorage("epic-component-view-keys",[]),b=e.computed(()=>p.value.map(n=>({...n,list:n.list.filter(l=>{var t;return(t=l.label)==null?void 0:t.includes(c.value)})})).filter(n=>n.list.length>0));e.computed(()=>(C.api.get("saas-locale")||"zh-CN")==="zh-CN");const m=e.ref(N);e.computed(()=>{let n=m.value.list;if(m.value.title===r("all")){const l=p.value.map(t=>t.list);n=[].concat(...l)}return n.filter(l=>{var t;return((t=l.label)==null?void 0:t.includes(c.value))&&(!S.value.formMode||l.type!=="form")})});function w(n){var g,h,v;const l=o.findSchemaInfoById(u.schemas,((g=d.state.checkedNode)==null?void 0:g.id)??"root");if(!l)return!1;let{list:t,schema:a,index:i}=l;a.children&&!((v=(h=o.pluginManager.getComponentConfingByType(a.type))==null?void 0:h.editConstraints)!=null&&v.childImmovable)&&(t=a.children,i=a.children.length-1);const f=o.generateNewSchema(n);t.splice(i+1,0,f),d.setCheckedNode(f),k.push(u.schemas,"插入组件")}return(n,l)=>(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",I,[e.createVNode(e.unref(x),{placeholder:e.unref(r)("searchComponent"),modelValue:c.value,"onUpdate:modelValue":l[0]||(l[0]=t=>c.value=t),clearable:"",allowClear:"",value:c.value,"onUpdate:value":l[1]||(l[1]=t=>c.value=t)},{prefix:e.withCtx(()=>[e.createVNode(e.unref(_._sfc_main),{class:"text-$epic-text-helper",name:"icon--epic--search-rounded"})]),_:1},8,["placeholder","modelValue","value"])]),e.createElementVNode("div",q,[e.createElementVNode("div",j,[e.createVNode(e.unref(V),{class:"ep-collapse","default-expand-all":!e.unref(s).length,modelValue:e.unref(s),"onUpdate:modelValue":l[2]||(l[2]=t=>e.isRef(s)?s.value=t:null)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,t=>(e.openBlock(),e.createBlock(e.unref(y),{class:"ep-collapse-item",name:t.title,title:t.title},{default:e.withCtx(()=>[e.createVNode(e.unref(B.draggable),e.mergeProps({modelValue:t.list,"onUpdate:modelValue":a=>t.list=a},{ref_for:!0},{group:{name:"edit-draggable",pull:"clone",put:!1},sort:!1,animation:180,ghostClass:"moving"},{clone:e.unref(o.generateNewSchema),"item-key":"id",class:"grid grid-cols-[auto_auto] gap-2"}),{item:e.withCtx(({element:a})=>[e.createElementVNode("div",{class:"epic-componet-item flex items-center truncate",onClick:i=>w(a)},[e.createVNode(e.unref(_._sfc_main),{name:e.unref(o.pluginManager).getComponentConfingByType(a.type).icon??""},null,8,["name"]),e.createElementVNode("div",{title:a.label,class:"epic-componet-label w-0 flex-1 truncate"},e.toDisplayString(a.label),9,U)],8,L)]),_:1},16,["modelValue","onUpdate:modelValue","clone"])]),_:2},1032,["name","title"]))),256))]),_:1},8,["default-expand-all","modelValue"])])])]))}});exports.default=P;