@done-coding/admin-core 0.8.3-alpha.0 → 0.9.0

package/es/components/display/TabsRefineFlow.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as w, ref as C, computed as n, provide as b, watch as y, openBlock as S, createBlock as V, unref as l, createSlots as $, withCtx as h, createElementVNode as x, normalizeStyle as _, renderSlot as d } from "vue";
-import k from "./HeightProvider.vue.mjs";
-import { useChannelViewportHeight as L } from "../../hooks/use-channel-viewport-height.mjs";
-const M = /* @__PURE__ */ w({
+import { defineComponent as H, ref as w, computed as i, provide as C, watch as b, openBlock as y, createBlock as S, createSlots as V, withCtx as r, createElementVNode as $, normalizeStyle as x, renderSlot as h } from "vue";
+import _ from "./HeightProvider.vue.mjs";
+import { useChannelViewportHeight as k } from "../../hooks/use-channel-viewport-height.mjs";
+const F = /* @__PURE__ */ H({
   __name: "TabsRefineFlow",
   props: {
     viewportHeight: {},
@@ -12,45 +12,47 @@ const M = /* @__PURE__ */ w({
     refineReduceHeight: { default: 0 }
   },
   emits: ["viewportHeightChange"],
-  setup(i, { emit: p }) {
-    const e = i, c = p, o = e.channel ? Symbol.for(e.channel) : void 0, { viewportHeightFinal: s, parentLevel: a } = L(e), r = C(0), g = n(() => e.padding[0] + e.padding[2]), m = n(() => ({
+  setup(n, { emit: d }) {
+    const e = n, p = d, a = e.channel ? Symbol.for(e.channel) : void 0, { viewportHeightFinal: c, parentLevel: o } = k(e), l = w(0), s = i(() => e.padding[0] + e.padding[2]), g = i(() => ({
       padding: e.padding.map((t) => `${t}px`).join(" "),
       boxSizing: "border-box"
-    })), v = n(
+    })), v = i(
       () => Math.max(
-        s.value - g.value - e.refineReduceHeight,
+        c.value - s.value - e.refineReduceHeight,
         0
       )
-    ), u = n(
-      () => a.value > 0 ? a.value : 1
-    ), f = n(() => u.value + 1), H = (t) => {
-      r.value = t, c("viewportHeightChange", t);
+    ), m = i(
+      () => o.value > 0 ? o.value : 1
+    ), u = i(() => m.value + 1), f = (t) => {
+      l.value = t, p("viewportHeightChange", t);
     };
-    return o && b(o, {
-      viewportHeight: n(() => r.value),
-      level: f.value
-    }), y(
+    return a && C(a, {
+      viewportHeight: i(() => l.value),
+      // level 有意取 setup 期一次性快照(channel 不响应式),非误丢响应性,定向 disable。
+      // eslint-disable-next-line vue/no-ref-object-destructure
+      level: u.value
+    }), b(
       // eslint-disable-next-line vue/no-setup-props-destructure
       () => e.channel,
       () => console.error("[TabsMain] channel 不支持响应式变更,当前值已忽略。")
-    ), (t, R) => (S(), V(k, {
-      viewportHeight: l(v),
-      minHeight: i.minHeight,
-      onChildViewportHeightChange: H
-    }, $({
-      default: h(() => [
-        x("div", {
-          style: _(l(m))
+    ), (t, L) => (y(), S(_, {
+      viewportHeight: v.value,
+      minHeight: n.minHeight,
+      onChildViewportHeightChange: f
+    }, V({
+      default: r(() => [
+        $("div", {
+          style: x(g.value)
         }, [
-          d(t.$slots, "default")
+          h(t.$slots, "default")
         ], 4)
       ]),
       _: 2
     }, [
       t.$slots.header ? {
         name: "header",
-        fn: h(() => [
-          d(t.$slots, "header")
+        fn: r(() => [
+          h(t.$slots, "header")
         ]),
         key: "0"
       } : void 0
@@ -58,5 +60,5 @@ const M = /* @__PURE__ */ w({
   }
 });
 export {
-  M as default
+  F as default
 };

package/es/components/form/FormItem.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./FormItem.vue2.mjs";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0dd66b41"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8b508d64"]]);
 export {
   _ as default
 };

package/es/components/form/FormItem.vue2.mjs

@@ -1,14 +1,11 @@
-import { ElFormItem as q, ElText as G } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/form-item/style/css";
-import "element-plus/es/components/text/style/css";
-import { defineComponent as J, shallowRef as Q, computed as n, watch as p, withDirectives as U, openBlock as a, createBlock as c, mergeProps as v, unref as r, withCtx as y, renderSlot as W, normalizeProps as F, createTextVNode as k, toDisplayString as h, resolveDynamicComponent as b, createSlots as X, createElementBlock as H, Fragment as Y, createCommentVNode as Z, vShow as _ } from "vue";
-import { getPlaceholder as ee, getChangeSubmit as te, getBlurSubmit as ne, getEnterSubmit as oe, getVModelSugar as re, generateFormData as ie } from "./utils.mjs";
-import ae from "lodash/omit";
+import { defineComponent as q, shallowRef as G, computed as n, watch as f, withDirectives as J, openBlock as a, createBlock as i, unref as I, mergeProps as g, withCtx as d, renderSlot as Q, normalizeProps as L, createTextVNode as p, toDisplayString as v, resolveDynamicComponent as y, createSlots as U, createElementBlock as B, Fragment as W, createCommentVNode as X, vShow as Y } from "vue";
+import { ElFormItem as Z, ElText as _ } from "element-plus";
+import { getPlaceholder as ee, getChangeSubmit as te, getBlurSubmit as ne, getEnterSubmit as oe, getVModelSugar as re, generateFormData as ae } from "./utils.mjs";
+import ie from "lodash/omit";
 const ce = {
   key: 2,
   class: "form-item-tip"
-}, pe = /* @__PURE__ */ J({
+}, fe = /* @__PURE__ */ q({
   name: "FormItem",
   __name: "FormItem",
   props: {
@@ -16,133 +13,130 @@ const ce = {
     data: {}
   },
   emits: ["viewHideChange", "submit"],
-  setup(i, { emit: L }) {
-    const t = i, l = L, P = Q(), B = n(() => {
+  setup(r, { emit: E }) {
+    const t = r, c = E, k = G(), F = n(() => {
       const {
         config: { beLink: e }
       } = t;
       return e ? Array.isArray(e) ? e : [e] : [];
-    }), w = n(() => B.value.filter((e) => e.key !== t.config.key)), V = n(() => w.value.length > 0), x = n(() => t.data[t.config.key]), g = n(() => ({
+    }), h = n(() => F.value.filter((e) => e.key !== t.config.key)), b = n(() => h.value.length > 0), x = n(() => t.data[t.config.key]), s = n(() => ({
       data: t.data,
       config: t.config
     })), D = n(() => {
       const { config: e } = t;
-      return typeof e.wrapProps == "function" ? e.wrapProps(g.value) : e.wrapProps || {};
-    }), C = n(() => {
+      return typeof e.wrapProps == "function" ? e.wrapProps(s.value) : e.wrapProps || {};
+    }), P = n(() => {
       const { config: e } = t;
-      return typeof e.props == "function" ? e.props(g.value) : e.props || {};
+      return typeof e.props == "function" ? e.props(s.value) : e.props || {};
     }), T = () => {
-      l("submit", "enter");
+      c("submit", "enter");
     }, A = () => {
-      l("submit", "blur");
+      c("submit", "blur");
     }, M = () => {
-      l("submit", "change");
-    }, E = (e, o) => {
-      w.value.forEach((u) => {
-        const { key: f, getValue: S } = u, j = S(e, t.data[f], o);
-        t.data[f] = S(e, j);
+      c("submit", "change");
+    }, w = (e, o) => {
+      h.value.forEach((C) => {
+        const { key: S, getValue: H } = C, j = H(e, t.data[S], o);
+        t.data[S] = H(e, j);
       });
     }, N = n(() => ee(t.config) || {}), $ = n(() => ({
       ...oe(t.config, T) || {},
       ...ne(t.config, A) || {},
       ...te(t.config, M) || {}
-    })), z = n(() => ae(C.value, ["children"])), K = n(() => re({
+    })), z = n(() => ie(P.value, ["children"])), K = n(() => re({
       modelValueKey: "modelValue",
       data: t.data,
       config: t.config
-    })), O = n(() => V.value ? {
-      onTriggerChangeLink: E
-    } : {}), d = n(() => ({
+    })), O = n(() => b.value ? {
+      onTriggerChangeLink: w
+    } : {}), m = n(() => ({
       ...N.value,
       ...$.value,
       ...z.value,
       ...K.value,
       ...O.value
-    })), s = n(() => {
-      const { children: e } = C.value;
+    })), l = n(() => {
+      const { children: e } = P.value;
       return e;
-    }), I = n(() => {
+    }), V = n(() => {
       const { config: e } = t, { hide: o } = e;
       return typeof o == "boolean" ? o : (o == null ? void 0 : o({
-        ...g.value,
-        getInitValue: () => ie([e])[e.key]
+        ...s.value,
+        getInitValue: () => ae([e])[e.key]
       })) ?? !1;
     }), R = n(() => [
       `form-item-${t.config.key}`,
       { "form-item-label-hide": !!t.config.labelHide }
     ]);
-    p(
-      I,
+    f(
+      V,
       (e) => {
         var o;
-        l("viewHideChange", {
+        c("viewHideChange", {
           config: t.config,
           status: e
-        }), e && ((o = P.value) == null || o.clearValidate());
+        }), e && ((o = k.value) == null || o.clearValidate());
       },
       {
         immediate: !0
       }
     );
-    let m;
-    return p(
-      V,
+    let u;
+    return f(
+      b,
       (e) => {
-        e ? m = p(
+        e ? u = f(
           x,
           (o) => {
-            E(o);
+            w(o);
           },
           {
             immediate: !0
           }
-        ) : m == null || m();
+        ) : u == null || u();
       },
       {
         immediate: !0
       }
-    ), (e, o) => {
-      const u = G, f = q;
-      return U((a(), c(f, v({
-        ref_key: "formItem",
-        ref: P,
-        prop: i.config.key,
-        label: i.config.label,
-        class: r(R)
-      }, r(D)), {
-        default: y(() => [
-          i.config.render === void 0 ? W(e.$slots, "default", F(v({ key: 0 }, r(d))), () => [
-            k(h(r(d).modelValue), 1)
-          ], !0) : (a(), c(b(i.config.render), F(v({ key: 1 }, r(d))), X({ _: 2 }, [
-            r(s) !== void 0 ? {
-              name: "default",
-              fn: y(() => [
-                typeof r(s) == "function" ? (a(), c(b(r(s)), { key: 0 })) : (a(), H(Y, { key: 1 }, [
-                  k(h(r(s)), 1)
-                ], 64))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040)),
-          i.config.tip ? (a(), H("div", ce, [
-            typeof i.config.tip == "function" ? (a(), c(b(i.config.tip), { key: 0 })) : (a(), c(u, {
-              key: 1,
-              type: "info"
-            }, {
-              default: y(() => [
-                k(h(i.config.tip), 1)
-              ]),
-              _: 1
-            }))
-          ])) : Z("", !0)
-        ]),
-        _: 3
-      }, 16, ["prop", "label", "class"])), [
-        [_, !r(I)]
-      ]);
-    };
+    ), (e, o) => J((a(), i(I(Z), g({
+      ref_key: "formItem",
+      ref: k,
+      prop: r.config.key,
+      label: r.config.label,
+      class: R.value
+    }, D.value), {
+      default: d(() => [
+        r.config.render === void 0 ? Q(e.$slots, "default", L(g({ key: 0 }, m.value)), () => [
+          p(v(m.value.modelValue), 1)
+        ], !0) : (a(), i(y(r.config.render), L(g({ key: 1 }, m.value)), U({ _: 2 }, [
+          l.value !== void 0 ? {
+            name: "default",
+            fn: d(() => [
+              typeof l.value == "function" ? (a(), i(y(l.value), { key: 0 })) : (a(), B(W, { key: 1 }, [
+                p(v(l.value), 1)
+              ], 64))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040)),
+        r.config.tip ? (a(), B("div", ce, [
+          typeof r.config.tip == "function" ? (a(), i(y(r.config.tip), { key: 0 })) : (a(), i(I(_), {
+            key: 1,
+            type: "info"
+          }, {
+            default: d(() => [
+              p(v(r.config.tip), 1)
+            ]),
+            _: 1
+          }))
+        ])) : X("", !0)
+      ]),
+      _: 3
+    }, 16, ["prop", "label", "class"])), [
+      [Y, !V.value]
+    ]);
   }
 });
 export {
-  pe as default
+  fe as default
 };

package/es/components/form/FormMain.vue.mjs

@@ -1,12 +1,8 @@
-import { ElForm as M, ElRow as A, ElCol as B } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/form/style/css";
-import "element-plus/es/components/row/style/css";
-import "element-plus/es/components/col/style/css";
-import { defineComponent as H, shallowRef as N, ref as _, computed as u, provide as P, watch as y, openBlock as p, createBlock as L, unref as h, withCtx as m, createVNode as O, createElementBlock as T, Fragment as q, renderList as z, withDirectives as J, mergeProps as V, renderSlot as j, vShow as Q } from "vue";
+import { defineComponent as M, shallowRef as A, ref as L, computed as n, provide as B, watch as y, openBlock as h, createBlock as O, unref as b, withCtx as m, createVNode as V, createElementBlock as H, Fragment as N, renderList as P, withDirectives as T, mergeProps as j, renderSlot as S, vShow as q } from "vue";
+import { ElForm as z, ElRow as J, ElCol as Q } from "element-plus";
 import U from "./FormItem.vue.mjs";
-import { FORM_ITEM_CHANGE_LOADING as W, stringifyFormData as X, parseFormData as Y, generateFormData as Z, resolveFormLayout as S } from "./utils.mjs";
-const me = /* @__PURE__ */ H({
+import { FORM_ITEM_CHANGE_LOADING as W, stringifyFormData as X, parseFormData as Y, generateFormData as Z, resolveFormLayout as x } from "./utils.mjs";
+const ue = /* @__PURE__ */ M({
   name: "FormMain",
   inheritAttrs: !0,
   __name: "FormMain",
@@ -17,84 +13,84 @@ const me = /* @__PURE__ */ H({
     rowGutter: { default: 0 }
   },
   emits: ["loadingChange", "visibleChange", "submit"],
-  setup(f, { expose: x, emit: R }) {
-    const o = f, v = R, s = N(), c = _([]), d = _({}), b = u(() => !!c.value.length), F = u(() => Object.keys(d.value).filter(
-      (e) => d.value[e]
-    )), D = u(() => o.list.filter((e) => !F.value.includes(e.key))), $ = u(() => D.value.length > 0), G = (e) => e;
-    x({
-      validate: () => s.value ? new Promise((e, t) => {
+  setup(c, { expose: _, emit: D }) {
+    const a = c, v = D, o = A(), i = L([]), s = L({}), F = n(() => !!i.value.length), p = n(() => Object.keys(s.value).filter(
+      (e) => s.value[e]
+    )), R = n(() => a.list.filter((e) => !p.value.includes(e.key))), $ = n(() => R.value.length > 0), G = (e) => e;
+    _({
+      validate: () => o.value ? new Promise((e, t) => {
         var l;
-        (l = s.value) == null || l.validate((r, i) => {
+        (l = o.value) == null || l.validate((r, u) => {
           if (r)
             e();
           else {
-            const a = { ...i || {} };
-            Object.keys(a).forEach((n) => {
-              var C;
-              F.value.includes(n) && (console.log(`当前${n}被隐藏，移除校验`, a[n]), delete a[n], (C = s.value) == null || C.clearValidate(n));
-            }), Object.keys(a).length === 0 ? e() : t(i);
+            const f = { ...u || {} };
+            Object.keys(f).forEach((d) => {
+              var E;
+              p.value.includes(d) && (console.log(`当前${d}被隐藏，移除校验`, f[d]), delete f[d], (E = o.value) == null || E.clearValidate(d));
+            }), Object.keys(f).length === 0 ? e() : t(u);
           }
         });
       }) : Promise.reject(new Error("实例化未完成")),
-      resetFields: () => s.value ? s.value.resetFields() : console.error("实例化未完成"),
-      clearValidate: (e) => s.value ? s.value.clearValidate(e) : console.error("实例化未完成"),
-      generate: () => Z(o.list),
-      parse: (e) => Y(e, o.list),
-      stringify: () => X(o.data, o.list)
+      resetFields: () => o.value ? o.value.resetFields() : console.error("实例化未完成"),
+      clearValidate: (e) => o.value ? o.value.clearValidate(e) : console.error("实例化未完成"),
+      generate: () => Z(a.list),
+      parse: (e) => Y(e, a.list),
+      stringify: () => X(a.data, a.list)
     });
-    const g = u(() => o.list), w = u(() => g.value.reduce((e, t) => (t.rules && (typeof t.rules == "function" ? e[t.key] = t.rules({
-      data: o.data,
+    const g = n(() => a.list), k = n(() => g.value.reduce((e, t) => (t.rules && (typeof t.rules == "function" ? e[t.key] = t.rules({
+      data: a.data,
       config: t
-    }) : e[t.key] = t.rules), e), {})), k = u(() => c.value.reduce(
+    }) : e[t.key] = t.rules), e), {})), w = n(() => i.value.reduce(
       (e, t) => (e[t.key] = [
         {
           validator: () => [new Error(`${t.label}${t.message}`)]
         }
       ], e),
       {}
-    )), I = u(() => {
-      const e = Object.keys(w.value), t = Object.keys(k.value);
-      return [...new Set(e.concat(t))].reduce((r, i) => (r[i] = [
-        ...w.value[i] || [],
-        ...k.value[i] || []
+    )), I = n(() => {
+      const e = Object.keys(k.value), t = Object.keys(w.value);
+      return [...new Set(e.concat(t))].reduce((r, u) => (r[u] = [
+        ...k.value[u] || [],
+        ...w.value[u] || []
       ], r), {});
     });
-    P(W, ({ key: e, message: t }) => {
+    B(W, ({ key: e, message: t }) => {
       if (!e)
         return console.error("更新状态未传入key, 此处忽略");
-      const l = c.value.findIndex((r) => r.key === e);
-      l === -1 ? t && c.value.push({
+      const l = i.value.findIndex((r) => r.key === e);
+      l === -1 ? t && i.value.push({
         key: e,
         message: t,
-        label: o.list.find((r) => r.key === e).label
-      }) : t ? c.value.splice(l, 1, {
+        label: a.list.find((r) => r.key === e).label
+      }) : t ? i.value.splice(l, 1, {
         key: e,
         message: t,
-        label: o.list.find((r) => r.key === e).label
-      }) : c.value.splice(l, 1);
+        label: a.list.find((r) => r.key === e).label
+      }) : i.value.splice(l, 1);
     });
     const K = ({
       status: e,
       config: { key: t }
     }) => {
-      (d.value[t] || !1) !== e && (d.value[t] = e);
-    }, E = (e) => ({
-      ...S(o.layout),
-      ...S(e)
+      (s.value[t] || !1) !== e && (s.value[t] = e);
+    }, C = (e) => ({
+      ...x(a.layout),
+      ...x(e)
     });
     return y(
       g,
       (e) => {
         const t = e.map((l) => l.key);
-        Object.keys(d.value).forEach((l) => {
-          t.includes(l) || delete d.value[l];
+        Object.keys(s.value).forEach((l) => {
+          t.includes(l) || delete s.value[l];
         });
       },
       {
         immediate: !0
       }
-    ), y(b, () => {
-      v("loadingChange", b.value);
+    ), y(F, () => {
+      v("loadingChange", F.value);
     }), y(
       $,
       (e) => {
@@ -103,47 +99,44 @@ const me = /* @__PURE__ */ H({
       {
         immediate: !0
       }
-    ), (e, t) => {
-      const l = B, r = A, i = M;
-      return p(), L(i, {
-        ref_key: "elForm",
-        ref: s,
-        model: f.data,
-        rules: h(I)
-      }, {
-        default: m(() => [
-          O(r, { gutter: f.rowGutter }, {
-            default: m(() => [
-              (p(!0), T(q, null, z(h(g), (a) => J((p(), L(l, V({
-                key: a.key
-              }, { ref_for: !0 }, E(a.layout)), {
-                default: m(() => [
-                  O(U, {
-                    data: f.data,
-                    config: G(a),
-                    onViewHideChange: K,
-                    onSubmit: t[0] || (t[0] = (n) => v("submit", n))
-                  }, {
-                    default: m((n) => [
-                      j(e.$slots, a.key, V({ ref_for: !0 }, n))
-                    ]),
-                    _: 2
-                  }, 1032, ["data", "config"])
-                ]),
-                _: 2
-              }, 1040)), [
-                [Q, !(h(d)[a.key] ?? !1)]
-              ])), 128)),
-              j(e.$slots, "default", { mergeLayout: E })
-            ]),
-            _: 3
-          }, 8, ["gutter"])
-        ]),
-        _: 3
-      }, 8, ["model", "rules"]);
-    };
+    ), (e, t) => (h(), O(b(z), {
+      ref_key: "elForm",
+      ref: o,
+      model: c.data,
+      rules: I.value
+    }, {
+      default: m(() => [
+        V(b(J), { gutter: c.rowGutter }, {
+          default: m(() => [
+            (h(!0), H(N, null, P(g.value, (l) => T((h(), O(b(Q), j({
+              key: l.key
+            }, { ref_for: !0 }, C(l.layout)), {
+              default: m(() => [
+                V(U, {
+                  data: c.data,
+                  config: G(l),
+                  onViewHideChange: K,
+                  onSubmit: t[0] || (t[0] = (r) => v("submit", r))
+                }, {
+                  default: m((r) => [
+                    S(e.$slots, l.key, j({ ref_for: !0 }, r))
+                  ]),
+                  _: 2
+                }, 1032, ["data", "config"])
+              ]),
+              _: 2
+            }, 1040)), [
+              [q, !(s.value[l.key] ?? !1)]
+            ])), 128)),
+            S(e.$slots, "default", { mergeLayout: C })
+          ]),
+          _: 3
+        }, 8, ["gutter"])
+      ]),
+      _: 3
+    }, 8, ["model", "rules"]));
   }
 });
 export {
-  me as default
+  ue as default
 };