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

package/es/components/form/utils.mjs

@@ -1,16 +1,29 @@
-import f from "lodash/cloneDeep";
-const m = ["xs", "sm", "md", "lg", "xl"], O = (t) => {
+import m from "lodash/cloneDeep";
+const l = ["xs", "sm", "md", "lg", "xl"], d = [6, 8, 12, 24], p = (t, n = d) => {
+  const e = [...n].sort((o, i) => o - i), s = e[0], r = e[e.length - 1];
+  return t <= s ? s : t >= r ? r : e.find((o) => o >= t) ?? r;
+}, O = (t) => {
+  if (!t) return 24;
+  if (typeof t.span == "number") return t.span;
+  for (const n of ["lg", "md", "sm", "xl", "xs"]) {
+    const e = t[n];
+    if (typeof e == "number") return e;
+  }
+  return 24;
+}, T = (t, n = 1) => {
   if (!t) return {};
-  const n = { ...t };
-  return t.span !== void 0 && m.forEach((e) => {
-    t[e] === void 0 && (n[e] = t.span);
-  }), n;
-}, S = () => {
+  const e = { ...t };
+  return t.span !== void 0 && l.forEach((s) => {
+    t[s] === void 0 && (e[s] = t.span);
+  }), n === 1 || (typeof e.span == "number" && (e.span = p(e.span * n)), l.forEach((s) => {
+    typeof e[s] == "number" && (e[s] = p(e[s] * n));
+  })), e;
+}, D = () => {
   const t = /* @__PURE__ */ new Date(), n = new Date(
     t.getFullYear(),
     t.getMonth(),
     t.getDate()
-  ), e = new Date(n.getTime() + 864e5 - 1), s = new Date(n.getTime() - 864e5), r = new Date(n.getTime() - 1), i = new Date(n.getTime() - 6 * 864e5);
+  ), e = new Date(n.getTime() + 864e5 - 1), s = new Date(n.getTime() - 864e5), r = new Date(n.getTime() - 1), o = new Date(n.getTime() - 6 * 864e5);
   return [
     {
       text: "今日",
@@ -22,54 +35,54 @@ const m = ["xs", "sm", "md", "lg", "xl"], O = (t) => {
     },
     {
       text: "近7日",
-      value: () => [i, e]
+      value: () => [o, e]
     }
   ];
-}, u = (t) => {
+}, f = (t) => {
   const { ignore: n, key: e } = t;
   return n || e.startsWith("__") && e.toUpperCase() === e;
-}, d = (t) => typeof t == "function", D = (t) => t.reduce(
-  (n, e) => (u(e) || (typeof e.init == "object" && console.error(
+}, y = (t) => typeof t == "function", E = (t) => t.reduce(
+  (n, e) => (f(e) || (typeof e.init == "object" && console.error(
     `表单项${e.label}的初始值不能为对象 请设置为返回值的形式`
-  ), n[e.key] = d(e.init) ? e.init() : e.init), n),
+  ), n[e.key] = y(e.init) ? e.init() : e.init), n),
   {}
-), k = (t, n) => {
-  const e = f(t);
+), I = (t, n) => {
+  const e = m(t);
   return n.reduce(
     (s, r) => {
-      if (u(r)) return s;
+      if (f(r)) return s;
       if (r.parse) {
-        const i = r.parse(
+        const o = r.parse(
           t[r.key],
           s,
           e
         );
-        i !== void 0 && (s[r.key] = i);
+        o !== void 0 && (s[r.key] = o);
       } else
         s[r.key] = t[r.key];
       return s;
     },
     {}
   );
-}, b = (t, n) => {
-  const e = f(t);
+}, _ = (t, n) => {
+  const e = m(t);
   return n.reduce(
     (s, r) => {
-      if (u(r)) return s;
+      if (f(r)) return s;
       if (r.stringify) {
-        const i = r.stringify(
+        const o = r.stringify(
           t[r.key],
           s,
           e
         );
-        i !== void 0 && (s[r.key] = i);
+        o !== void 0 && (s[r.key] = o);
       } else
         s[r.key] = t[r.key];
       return s;
     },
     {}
   );
-}, I = ({
+}, h = ({
   modelValueKey: t = "modelValue",
   config: n,
   data: e,
@@ -81,58 +94,58 @@ const m = ["xs", "sm", "md", "lg", "xl"], O = (t) => {
   [`onUpdate:${t}`]: (r) => {
     s(r);
   }
-}), E = (t) => {
+}), k = (t) => {
   var n, e;
   return (n = t.extra) != null && n.isInput ? {
     placeholder: `请输入${t.label}`
   } : (e = t.extra) != null && e.isSelect ? {
     placeholder: `请选择${t.label}`
   } : {};
-}, _ = (t, n) => {
+}, C = (t, n) => {
   const { extra: e } = t;
   if (e != null && e.enterSubmit)
     return {
       onKeyup: (s) => {
-        var r, i;
-        s.key === "Enter" && (n(), (i = (r = s.target) == null ? void 0 : r.blur) == null || i.call(r));
+        var r, o;
+        s.key === "Enter" && (n(), (o = (r = s.target) == null ? void 0 : r.blur) == null || o.call(r));
       }
     };
-}, h = (t, n) => {
+}, N = (t, n) => {
   const { extra: e } = t;
   if (e != null && e.isInput && ((e == null ? void 0 : e.blurSubmit) ?? !0))
     return {
       onBlur: n
     };
-}, T = (t, n) => {
+}, w = (t, n) => {
   const { extra: e } = t;
   if (e != null && e.isSelect && ((e == null ? void 0 : e.changeSubmit) ?? !0))
     return {
       onChange: n
     };
-}, C = Symbol("FORM_ITEM_CHANGE_LOADING"), y = (t) => t.required === !0, p = [], a = [], w = (t) => {
-  p.push(...t);
-}, F = (t) => {
+}, F = Symbol("FORM_ITEM_CHANGE_LOADING"), S = (t) => t.required === !0, a = [], g = [], v = (t) => {
   a.push(...t);
-}, N = (t) => {
+}, L = (t) => {
+  g.push(...t);
+}, M = (t) => {
   const { label: n, type: e, ...s } = t;
   let r;
   if (e)
     r = e;
   else {
-    const { render: o } = t;
-    o && (p.includes(o) ? r = "input" : a.includes(o) && (r = "select"));
+    const { render: u } = t;
+    u && (a.includes(u) ? r = "input" : g.includes(u) && (r = "select"));
   }
-  let i;
-  r === "input" && (i = {
+  let o;
+  r === "input" && (o = {
     ...s.extra || {},
     isInput: !0
-  }), r === "select" && (i = {
+  }), r === "select" && (o = {
     ...s.extra || {},
     isSelect: !0
   });
-  let l;
-  if (y(t)) {
-    l = [
+  let i;
+  if (S(t)) {
+    i = [
       {
         required: !0,
         message: `请${{
@@ -143,33 +156,36 @@ const m = ["xs", "sm", "md", "lg", "xl"], O = (t) => {
         trigger: "blur"
       }
     ];
-    const { required: o, ...g } = s;
+    const { required: u, ...c } = s;
     return {
       label: n,
-      extra: i,
-      rules: l,
-      ...g
+      extra: o,
+      rules: i,
+      ...c
     };
   } else
     return {
       label: n,
-      extra: i,
+      extra: o,
       ...s
     };
 };
 export {
-  C as FORM_ITEM_CHANGE_LOADING,
-  D as generateFormData,
-  h as getBlurSubmit,
-  T as getChangeSubmit,
-  S as getDatePickerShortcuts,
-  _ as getEnterSubmit,
-  E as getPlaceholder,
-  I as getVModelSugar,
-  k as parseFormData,
-  O as resolveFormLayout,
-  w as setInputComponent,
-  F as setSelectComponent,
-  b as stringifyFormData,
-  N as swiftFormItemConfig
+  F as FORM_ITEM_CHANGE_LOADING,
+  d as NEST_LAYOUT_TIERS,
+  p as ceilToTier,
+  E as generateFormData,
+  N as getBlurSubmit,
+  w as getChangeSubmit,
+  D as getDatePickerShortcuts,
+  C as getEnterSubmit,
+  k as getPlaceholder,
+  h as getVModelSugar,
+  I as parseFormData,
+  T as resolveFormLayout,
+  O as resolveLayoutSpan,
+  v as setInputComponent,
+  L as setSelectComponent,
+  _ as stringifyFormData,
+  M as swiftFormItemConfig
 };

package/es/components/list-page/ListPage.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./ListPage.vue2.mjs";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d70424b6"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fc41e3d4"]]);
 export {
-  p as default
+  f as default
 };

package/es/components/list-page/ListPage.vue2.mjs

@@ -1,9 +1,7 @@
-import { ElLoadingDirective as de } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/loading/style/css";
-import { defineComponent as ve, useCssVars as me, unref as a, useSlots as pe, computed as o, useModel as w, ref as u, shallowRef as q, watch as we, withDirectives as Se, openBlock as S, createElementBlock as ye, createBlock as x, withCtx as h, renderSlot as f, createCommentVNode as E, createVNode as L, mergeProps as y, createSlots as N, renderList as C, normalizeProps as b, guardReactiveProps as H, mergeModels as U } from "vue";
+import { defineComponent as ge, useCssVars as de, useSlots as me, computed as a, useModel as p, ref as i, shallowRef as q, watch as pe, withDirectives as we, openBlock as w, createElementBlock as Se, createBlock as x, unref as v, withCtx as c, renderSlot as h, createCommentVNode as L, createVNode as E, mergeProps as S, createSlots as N, renderList as y, normalizeProps as C, guardReactiveProps as H, mergeModels as U } from "vue";
+import { vLoading as ye } from "element-plus";
 import Ce from "../form/FormSearch.vue.mjs";
-import { generateFormData as be, stringifyFormData as He } from "../form/utils.mjs";
+import { generateFormData as He, stringifyFormData as be } from "../form/utils.mjs";
 import J from "../display/WatchSize.vue.mjs";
 import Ve from "../table/TableMain.vue.mjs";
 import Ie from "lodash/pick";
@@ -12,7 +10,7 @@ import { useChannelViewportHeight as Me } from "../../hooks/use-channel-viewport
 const ke = {
   "element-loading-background": "rgba(122, 122, 122, 0.5)",
   class: "list-page"
-}, xe = /* @__PURE__ */ ve({
+}, Te = /* @__PURE__ */ ge({
   __name: "ListPage",
   props: /* @__PURE__ */ U({
     staticQuery: { default: () => ({}) },
@@ -41,200 +39,197 @@ const ke = {
     customViewModifiers: {}
   }),
   emits: /* @__PURE__ */ U(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
-  setup(s, { expose: Q, emit: z }) {
-    me((e) => ({
-      v9299b0d4: a(_)
+  setup(o, { expose: Q, emit: z }) {
+    de((e) => ({
+      c6e708aa: _.value
     }));
-    const n = s, V = z, I = pe(), R = o(() => !!I.header), M = o(() => !!I.operation), v = w(s, "isAutoRefresh"), k = w(s, "refreshInterval"), $ = w(s, "customView"), m = u({}), p = u(
+    const s = o, b = z, V = me(), I = a(() => !!V.header), R = a(() => !!V.operation), g = p(o, "isAutoRefresh"), M = p(o, "refreshInterval"), k = p(o, "customView"), d = i({}), m = i(
       {}
-    ), D = u(!1), i = q(), c = q(), { viewportHeightFinal: G } = Me(n, {
+    ), $ = i(!1), n = q(), u = q(), { viewportHeightFinal: G } = Me(s, {
       fallback: 500
-    }), F = u(0), P = u(0), j = u(0), W = o(() => ({
-      ...p.value,
-      ...n.staticQuery
-    })), A = u(!1), X = o(() => A.value ? F.value + 10 : 0), Y = o(() => M.value ? P.value + 10 : 0), Z = o(() => R.value ? j.value + 10 : 0), B = o(() => G.value - n.refineReduceHeight), _ = o(() => n.refine ? `${B.value}px` : "auto"), ee = o(() => n.refine ? B.value - X.value - Y.value - Z.value : void 0), K = (e, t = "search") => {
-      var r, l, d;
-      let g = e;
-      if (n.beforeSearch && (g = n.beforeSearch(
+    }), F = i(0), P = i(0), j = i(0), W = a(() => ({
+      ...m.value,
+      ...s.staticQuery
+    })), A = i(!1), X = a(() => A.value ? F.value + 10 : 0), Y = a(() => R.value ? P.value + 10 : 0), Z = a(() => I.value ? j.value + 10 : 0), D = a(() => G.value - s.refineReduceHeight), _ = a(() => s.refine ? `${D.value}px` : "auto"), ee = a(() => s.refine ? D.value - X.value - Y.value - Z.value : void 0), B = (e, t = "search") => {
+      var l, f, T;
+      let r = e;
+      if (s.beforeSearch && (r = s.beforeSearch(
         Re(e),
         t
-      )), t === "reset" && n.clearTableFilterOnReset && ((l = (r = c.value) == null ? void 0 : r.getTableInstance()) == null || l.clearFilter()), JSON.stringify(g) === JSON.stringify(p.value))
-        return ["reset", "search"].includes(t) ? (d = c.value) == null ? void 0 : d.reload() : void 0;
-      p.value = {
-        ...g
+      )), t === "reset" && s.clearTableFilterOnReset && ((f = (l = u.value) == null ? void 0 : l.getTableInstance()) == null || f.clearFilter()), JSON.stringify(r) === JSON.stringify(m.value))
+        return ["reset", "search"].includes(t) ? (T = u.value) == null ? void 0 : T.reload() : void 0;
+      m.value = {
+        ...r
       };
     }, te = (e) => {
-      V("dataChange", e);
+      b("dataChange", e);
     }, re = (e) => {
-      V("pageInfoChange", e);
+      b("pageInfoChange", e);
     }, ae = (e) => {
-      D.value = e;
+      $.value = e;
     }, oe = (e) => {
       F.value = e;
     }, se = (e) => {
       P.value = e;
     }, ne = (e) => {
       j.value = e;
-    }, ie = o(() => n.list), le = o(() => n.rowKey), O = o(() => m.value), T = {
+    }, le = a(() => s.list), ie = a(() => s.rowKey), K = a(() => d.value), O = {
       refresh: async (e = !1) => {
         var t;
-        return (t = c.value) == null ? void 0 : t.refresh(e);
+        return (t = u.value) == null ? void 0 : t.refresh(e);
       },
       reload: async (e = !1) => {
         var t;
-        return (t = c.value) == null ? void 0 : t.reload(e);
+        return (t = u.value) == null ? void 0 : t.reload(e);
       },
       getTableInstance: () => {
         var e;
-        return (e = c.value) == null ? void 0 : e.getTableInstance();
+        return (e = u.value) == null ? void 0 : e.getTableInstance();
       },
       validate: () => {
-        if (i.value)
-          return i.value.validate();
+        if (n.value)
+          return n.value.validate();
         throw new Error("实例化未完成");
       },
       resetFields: () => {
         var e;
-        return (e = i.value) == null ? void 0 : e.resetFields();
+        return (e = n.value) == null ? void 0 : e.resetFields();
       },
       clearValidate: (e) => {
         var t;
-        return (t = i.value) == null ? void 0 : t.clearValidate(e);
+        return (t = n.value) == null ? void 0 : t.clearValidate(e);
       },
       triggerReset: () => {
         var e;
-        return (e = i.value) == null ? void 0 : e.triggerReset();
+        return (e = n.value) == null ? void 0 : e.triggerReset();
       },
       triggerSearch: () => {
         var e;
-        return (e = i.value) == null ? void 0 : e.triggerSearch();
+        return (e = n.value) == null ? void 0 : e.triggerSearch();
       },
       toggleCollapse: (e) => {
         var t;
-        return (t = i.value) == null ? void 0 : t.toggleCollapse(e);
+        return (t = n.value) == null ? void 0 : t.toggleCollapse(e);
       },
-      isCollapsed: o(() => {
+      isCollapsed: a(() => {
         var e;
-        return ((e = i.value) == null ? void 0 : e.isCollapsed.value) ?? !1;
+        return ((e = n.value) == null ? void 0 : e.isCollapsed.value) ?? !1;
       }),
       update: (e, t) => {
-        m.value[e] = t;
+        d.value[e] = t;
       }
-    }, ue = o(() => {
-      const e = Ie(T, [
+    }, ue = a(() => {
+      const e = Ie(O, [
         "triggerReset",
         "triggerSearch",
         "update"
       ]);
       return {
-        ...n.injectInfo || {},
+        ...s.injectInfo || {},
         ...e
       };
-    }), ce = (e) => e, he = (e) => e, fe = (e) => e, ge = (e) => {
+    }), ce = (e) => e, he = (e) => e, fe = (e) => e, ve = (e) => {
       A.value = e;
     };
-    return Q(T), we(
-      () => n.list,
+    return Q(O), pe(
+      () => s.list,
       (e) => {
-        const t = be(e);
-        m.value = t, K(He(t, e));
+        const t = He(e);
+        d.value = t, B(be(t, e));
       },
       {
         immediate: !0
       }
-    ), (e, t) => {
-      const g = de;
-      return Se((S(), ye("div", ke, [
-        a(R) ? (S(), x(a(J), {
-          key: 0,
-          class: "list-page-header",
-          onHeightChange: ne
-        }, {
-          default: h(() => [
-            f(e.$slots, "header", {}, void 0, !0)
-          ]),
-          _: 3
-        })) : E("", !0),
-        L(a(Ce), y({
-          ref_key: "formSearch",
-          ref: i,
-          list: a(ie),
-          data: a(O)
-        }, s.formSearchProps, {
-          onSearch: K,
-          onHeightChange: oe,
-          onVisibleChange: ge
-        }), N({ _: 2 }, [
-          C(s.list, (r) => ({
-            name: r.key,
-            fn: h((l) => [
-              f(e.$slots, `form-${r.key}`, b(H(l)), void 0, !0)
-            ])
-          }))
-        ]), 1040, ["list", "data"]),
-        a(M) ? (S(), x(a(J), {
-          key: 1,
-          class: "list-page-operation",
-          onHeightChange: se
-        }, {
-          default: h(() => [
-            f(e.$slots, "operation", {}, void 0, !0)
-          ]),
-          _: 3
-        })) : E("", !0),
-        L(a(Ve), y({
-          ref_key: "tableMain",
-          ref: c,
-          "is-auto-refresh": v.value,
-          "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => v.value = r),
-          "refresh-interval": k.value,
-          "onUpdate:refreshInterval": t[1] || (t[1] = (r) => k.value = r),
-          "custom-view": $.value,
-          "onUpdate:customView": t[2] || (t[2] = (r) => $.value = r),
-          api: s.api,
-          columns: s.columns,
-          query: a(W),
-          maxHeight: a(ee),
-          rowKey: a(le),
-          toolbar: s.toolbar,
-          showSwitchView: s.showSwitchView
-        }, s.tableMainProps, {
-          refine: !1,
-          injectInfo: a(ue),
-          onLoadingChange: ae,
-          onDataChange: te,
-          onPageInfoChange: re
-        }), N({
-          "custom-view-item": h((r) => [
-            f(e.$slots, "custom-view-item", b(H(fe(r))), void 0, !0)
-          ]),
-          _: 2
-        }, [
-          C(s.columns, (r) => ({
-            name: r.prop,
-            fn: h((l) => [
-              f(e.$slots, `table-${r.prop}`, b(H(ce(l))), void 0, !0)
-            ])
-          })),
-          C(s.columns, (r) => ({
-            name: `header-${r.prop}`,
-            fn: h((l) => {
-              var d;
-              return [
-                f(e.$slots, `table-header-${r.columnKey || r.prop}`, y(he(l), {
-                  searchFormData: a(O),
-                  triggerSearch: (d = a(i)) == null ? void 0 : d.triggerSearch
-                }), void 0, !0)
-              ];
-            })
-          }))
-        ]), 1040, ["is-auto-refresh", "refresh-interval", "custom-view", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "showSwitchView", "injectInfo"])
-      ])), [
-        [g, !v.value && a(D)]
-      ]);
-    };
+    ), (e, t) => we((w(), Se("div", ke, [
+      I.value ? (w(), x(v(J), {
+        key: 0,
+        class: "list-page-header",
+        onHeightChange: ne
+      }, {
+        default: c(() => [
+          h(e.$slots, "header", {}, void 0, !0)
+        ]),
+        _: 3
+      })) : L("", !0),
+      E(v(Ce), S({
+        ref_key: "formSearch",
+        ref: n,
+        list: le.value,
+        data: K.value
+      }, o.formSearchProps, {
+        onSearch: B,
+        onHeightChange: oe,
+        onVisibleChange: ve
+      }), N({ _: 2 }, [
+        y(o.list, (r) => ({
+          name: r.key,
+          fn: c((l) => [
+            h(e.$slots, `form-${r.key}`, C(H(l)), void 0, !0)
+          ])
+        }))
+      ]), 1040, ["list", "data"]),
+      R.value ? (w(), x(v(J), {
+        key: 1,
+        class: "list-page-operation",
+        onHeightChange: se
+      }, {
+        default: c(() => [
+          h(e.$slots, "operation", {}, void 0, !0)
+        ]),
+        _: 3
+      })) : L("", !0),
+      E(v(Ve), S({
+        ref_key: "tableMain",
+        ref: u,
+        "is-auto-refresh": g.value,
+        "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => g.value = r),
+        "refresh-interval": M.value,
+        "onUpdate:refreshInterval": t[1] || (t[1] = (r) => M.value = r),
+        "custom-view": k.value,
+        "onUpdate:customView": t[2] || (t[2] = (r) => k.value = r),
+        api: o.api,
+        columns: o.columns,
+        query: W.value,
+        maxHeight: ee.value,
+        rowKey: ie.value,
+        toolbar: o.toolbar,
+        showSwitchView: o.showSwitchView
+      }, o.tableMainProps, {
+        refine: !1,
+        injectInfo: ue.value,
+        onLoadingChange: ae,
+        onDataChange: te,
+        onPageInfoChange: re
+      }), N({
+        "custom-view-item": c((r) => [
+          h(e.$slots, "custom-view-item", C(H(fe(r))), void 0, !0)
+        ]),
+        _: 2
+      }, [
+        y(o.columns, (r) => ({
+          name: r.prop,
+          fn: c((l) => [
+            h(e.$slots, `table-${r.prop}`, C(H(ce(l))), void 0, !0)
+          ])
+        })),
+        y(o.columns, (r) => ({
+          name: `header-${r.prop}`,
+          fn: c((l) => {
+            var f;
+            return [
+              h(e.$slots, `table-header-${r.columnKey || r.prop}`, S(he(l), {
+                searchFormData: K.value,
+                triggerSearch: (f = n.value) == null ? void 0 : f.triggerSearch
+              }), void 0, !0)
+            ];
+          })
+        }))
+      ]), 1040, ["is-auto-refresh", "refresh-interval", "custom-view", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "showSwitchView", "injectInfo"])
+    ])), [
+      [v(ye), !g.value && $.value]
+    ]);
   }
 });
 export {
-  xe as default
+  Te as default
 };