@done-coding/admin-core 0.17.1-alpha.0 → 0.18.1-alpha.0

package/es/components/panel/PanelMain.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as w, useCssVars as B, computed as s, provide as L, ref as M, watch as x, openBlock as l, createBlock as u, unref as d, withCtx as c, createElementBlock as F, Fragment as P, renderList as j, withDirectives as O, mergeProps as T, resolveDynamicComponent as U, normalizeClass as A, createVNode as D, vShow as G } from "vue";
-import H from "./PanelItem.vue.mjs";
-import { ElCard as f, ElRow as N, ElCol as V } from "element-plus";
-import { NEST_LAYOUT_SCALE_KEY as W } from "../../inject/key.mjs";
-import { resolveFormLayout as p } from "../form/utils.mjs";
-const $ = /* @__PURE__ */ w({
-  name: "PanelMain",
+import { defineComponent, useCssVars, computed, provide, ref, watch, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, withDirectives, mergeProps, resolveDynamicComponent, normalizeClass, createVNode, vShow } from "vue";
+import PanelItem from "./PanelItem.vue.mjs";
+import { ElCard, ElRow, ElCol } from "element-plus";
+import { NEST_LAYOUT_SCALE_KEY } from "../../inject/key.mjs";
+import { resolveFormLayout } from "../form/utils.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "PanelMain" },
   __name: "PanelMain",
   props: {
     data: {},
@@ -16,84 +16,102 @@ const $ = /* @__PURE__ */ w({
     refreshFn: {}
   },
   emits: ["submitSuccess"],
-  setup(o, { emit: y }) {
-    B((a) => ({
-      v6dd4af74: h.value
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v6dd4af74": cardLastMarginBottom.value
     }));
-    const r = o, v = y, C = s(() => r.layoutScale ?? 1);
-    L(W, C);
-    const n = M({}), m = s(() => r.itemCard ? f : "div"), S = s(
-      () => `panel-main-item-col-wrap_${m.value === f ? "card" : "plain"}`
-    ), h = s(
-      () => typeof r.itemCard == "object" && r.itemCard.lastMarginBottom ? r.itemCard.lastMarginBottom : 0
-    ), k = (a) => {
-      const { hide: t } = a;
-      if (typeof t == "function") {
-        const e = {
-          data: r.data,
-          value: r.data[a.key],
-          config: a
+    const props = __props;
+    const emits = __emit;
+    const layoutScale = computed(() => props.layoutScale ?? 1);
+    provide(NEST_LAYOUT_SCALE_KEY, layoutScale);
+    const editingMap = ref({});
+    const itemWrapTag = computed(() => props.itemCard ? ElCard : "div");
+    const itemWrapCls = computed(
+      () => `panel-main-item-col-wrap_${itemWrapTag.value === ElCard ? "card" : "plain"}`
+    );
+    const cardLastMarginBottom = computed(
+      () => typeof props.itemCard === "object" && props.itemCard.lastMarginBottom ? props.itemCard.lastMarginBottom : 0
+    );
+    const isHidden = (config) => {
+      const { hide } = config;
+      if (typeof hide === "function") {
+        const scope = {
+          data: props.data,
+          value: props.data[config.key],
+          config
         };
-        return !!t(e);
+        return !!hide(scope);
       }
-      return !!t;
-    }, E = (a) => {
-      const t = r.layoutScale ?? 1;
+      return !!hide;
+    };
+    const mergeLayout = (layout) => {
+      const scale = props.layoutScale ?? 1;
       return {
-        ...p(r.layout, t),
-        ...p(a, t)
+        ...resolveFormLayout(props.layout, scale),
+        ...resolveFormLayout(layout, scale)
+      };
+    };
+    const onEditingChange = (key, value) => {
+      editingMap.value = {};
+      if (value) editingMap.value[key] = value;
+    };
+    const refreshHandler = (key) => {
+      return (data) => {
+        var _a;
+        return (_a = props.refreshFn) == null ? void 0 : _a.call(props, data, key);
       };
-    }, _ = (a, t) => {
-      n.value = {}, t && (n.value[a] = t);
-    }, b = (a) => (t) => {
-      var e;
-      return (e = r.refreshFn) == null ? void 0 : e.call(r, t, a);
-    }, g = (a, t) => {
-      v("submitSuccess", t, a);
     };
-    return x(
-      () => r.list,
-      (a) => {
-        const t = a.map((e) => e.key);
-        Object.keys(n.value).forEach((e) => {
-          t.includes(e) || delete n.value[e];
+    const onSubmitSuccess = (key, currentStringifyData) => {
+      emits("submitSuccess", currentStringifyData, key);
+    };
+    watch(
+      () => props.list,
+      (newList) => {
+        const keys = newList.map((i) => i.key);
+        Object.keys(editingMap.value).forEach((k) => {
+          if (!keys.includes(k)) delete editingMap.value[k];
         });
       },
-      { immediate: !0 }
-    ), (a, t) => (l(), u(d(N), {
-      class: "dc-panel-main",
-      gutter: o.rowGutter
-    }, {
-      default: c(() => [
-        (l(!0), F(P, null, j(o.list, (e) => O((l(), u(d(V), T({
-          key: e.key
-        }, { ref_for: !0 }, E(e.layout), { class: "panel-main-item-col" }), {
-          default: c(() => [
-            (l(), u(U(m.value), {
-              class: A(S.value)
-            }, {
-              default: c(() => [
-                D(H, {
-                  data: o.data,
-                  config: e,
-                  editing: n.value[e.key] ?? !1,
-                  "refresh-fn": b(e.key),
-                  "onUpdate:editing": (i) => _(e.key, i),
-                  onSubmitSuccess: (i) => g(e.key, i)
-                }, null, 8, ["data", "config", "editing", "refresh-fn", "onUpdate:editing", "onSubmitSuccess"])
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElRow), {
+        class: "dc-panel-main",
+        gutter: __props.rowGutter
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (config) => {
+            return withDirectives((openBlock(), createBlock(unref(ElCol), mergeProps({
+              key: config.key
+            }, { ref_for: true }, mergeLayout(config.layout), { class: "panel-main-item-col" }), {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(itemWrapTag.value), {
+                  class: normalizeClass(itemWrapCls.value)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(PanelItem, {
+                      data: __props.data,
+                      config,
+                      editing: editingMap.value[config.key] ?? false,
+                      "refresh-fn": refreshHandler(config.key),
+                      "onUpdate:editing": ($event) => onEditingChange(config.key, $event),
+                      onSubmitSuccess: ($event) => onSubmitSuccess(config.key, $event)
+                    }, null, 8, ["data", "config", "editing", "refresh-fn", "onUpdate:editing", "onSubmitSuccess"])
+                  ]),
+                  _: 2
+                }, 1032, ["class"]))
               ]),
               _: 2
-            }, 1032, ["class"]))
-          ]),
-          _: 2
-        }, 1040)), [
-          [G, !k(e)]
-        ])), 128))
-      ]),
-      _: 1
-    }, 8, ["gutter"]));
+            }, 1040)), [
+              [vShow, !isHidden(config)]
+            ]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["gutter"]);
+    };
   }
 });
 export {
-  $ as default
+  _sfc_main as default
 };

package/es/components/panel/nest-panel-form.mjs

@@ -1,47 +1,53 @@
-import { h as w } from "vue";
-import E from "./PanelItemNestForm.vue.mjs";
-import { resolveLayoutSpan as P } from "../form/utils.mjs";
-function s(u) {
+import { h } from "vue";
+import PanelItemNestForm from "./PanelItemNestForm.vue.mjs";
+import { resolveLayoutSpan } from "../form/utils.mjs";
+function nestPanelForm(options) {
   const {
-    key: m,
-    label: d,
-    list: o,
-    layout: n,
-    rowGutter: b,
-    submitText: f,
-    cancelText: y,
-    editable: v,
-    submitFn: F,
-    render: k,
-    rebase: x
-  } = u, g = P(n);
+    key,
+    label,
+    list,
+    layout,
+    rowGutter,
+    submitText,
+    cancelText,
+    editable,
+    submitFn,
+    render,
+    rebase
+  } = options;
+  const parentSpan = resolveLayoutSpan(layout);
   return {
-    key: m,
-    label: d,
-    layout: n,
-    render: k,
-    editable: v ?? !0,
-    submitFn: F,
-    editorRender: (t) => {
-      const r = t.data, e = t.config.key;
-      return (t.value === void 0 || t.value === null) && (r[e] = {}), [
-        w(E, {
-          data: r[e],
-          list: o,
-          rowGutter: b,
-          submitText: f,
-          cancelText: y,
+    key,
+    label,
+    layout,
+    render,
+    editable: editable ?? true,
+    submitFn,
+    editorRender: (scope) => {
+      const draft = scope.data;
+      const k = scope.config.key;
+      if (scope.value === void 0 || scope.value === null) {
+        draft[k] = {};
+      }
+      return [
+        h(PanelItemNestForm, {
+          data: draft[k],
+          list,
+          rowGutter,
+          submitText,
+          cancelText,
           // P3：父 item 代表 span + rebase 开关，供薄壳算子 FormMain 的 layoutScale
-          parentSpan: g,
-          rebase: x,
+          parentSpan,
+          rebase,
           // wire：校验通过后由组件调 submit → submitFn(草稿) 回流父数据 → closeEdit 关编辑态
           submit: async () => {
-            var a, i, l;
-            await ((i = (a = t.config).submitFn) == null ? void 0 : i.call(a, t.data)), (l = t.closeEdit) == null || l.call(t);
+            var _a, _b, _c;
+            await ((_b = (_a = scope.config).submitFn) == null ? void 0 : _b.call(_a, scope.data));
+            (_c = scope.closeEdit) == null ? void 0 : _c.call(scope);
           },
           cancel: () => {
-            var a;
-            return (a = t.closeEdit) == null ? void 0 : a.call(t);
+            var _a;
+            return (_a = scope.closeEdit) == null ? void 0 : _a.call(scope);
           }
         })
       ];
@@ -49,5 +55,5 @@ function s(u) {
   };
 }
 export {
-  s as nestPanelForm
+  nestPanelForm
 };

package/es/components/panel/nest-panel-item.mjs

@@ -1,25 +1,26 @@
-import { h as s } from "vue";
-import u from "./PanelItemNestPanel.vue.mjs";
-import { resolveLayoutSpan as f } from "../form/utils.mjs";
-function b(e) {
-  const { key: r, label: o, list: a, layout: t, itemCard: n, rowGutter: m, rebase: i } = e, l = f(t);
+import { h } from "vue";
+import _sfc_main from "./PanelItemNestPanel.vue.mjs";
+import { resolveLayoutSpan } from "../form/utils.mjs";
+function nestPanelItem(options) {
+  const { key, label, list, layout, itemCard, rowGutter, rebase } = options;
+  const parentSpan = resolveLayoutSpan(layout);
   return {
-    key: r,
-    label: o,
-    layout: t,
-    render: (p) => [
-      s(u, {
-        data: p.value ?? {},
-        list: a,
-        itemCard: n,
-        rowGutter: m,
+    key,
+    label,
+    layout,
+    render: (scope) => [
+      h(_sfc_main, {
+        data: scope.value ?? {},
+        list,
+        itemCard,
+        rowGutter,
         // P3：父 item 代表 span + rebase 开关，供薄壳算子 PanelMain 的 layoutScale
-        parentSpan: l,
-        rebase: i
+        parentSpan,
+        rebase
       })
     ]
   };
 }
 export {
-  b as nestPanelItem
+  nestPanelItem
 };

package/es/components/slot-layout/SlotLayoutFlowAside.vue.mjs

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

package/es/components/slot-layout/SlotLayoutFlowAside.vue2.mjs

@@ -1,55 +1,68 @@
-import { defineComponent as v, useCssVars as m, useModel as y, computed as a, openBlock as _, createElementBlock as g, normalizeClass as o, createVNode as i, withCtx as u, renderSlot as r, mergeModels as h } from "vue";
-import c from "./SlotLayoutTemplate.vue.mjs";
-const C = /* @__PURE__ */ v({
+import { defineComponent, useCssVars, useModel, computed, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, mergeModels } from "vue";
+import _sfc_main$1 from "./SlotLayoutTemplate.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SlotLayoutFlowAside",
-  props: /* @__PURE__ */ h({
+  props: /* @__PURE__ */ mergeModels({
     type: { default: "right" },
     gap: { default: "12px" },
     asideWidth: { default: "240px" },
     asideMaxHeight: { default: "100vh" }
   }, {
-    separate: { type: Boolean, default: !1 },
-    separateModifiers: {}
+    "separate": { type: Boolean, ...{
+      default: false
+    } },
+    "separateModifiers": {}
   }),
   emits: ["update:separate"],
-  setup(l) {
-    m((s) => ({
-      v88700944: e.asideWidth,
-      v23b7c943: e.asideMaxHeight,
-      v7e1d11ca: f.value
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v88700944": props.asideWidth,
+      "v23b7c943": props.asideMaxHeight,
+      "v7e1d11ca": mainWidth.value
     }));
-    const e = l, t = y(l, "separate"), d = a(() => !t.value), n = a(() => t.value ? [
-      "dc-slot-layout-flow-aside_separate",
-      `dc-slot-layout-flow-aside_separate_${e.type}`
-    ] : []), p = a(
-      () => `dc-slot-layout-flow-aside-aside_${e.type}`
-    ), f = a(() => t.value ? `calc(100% - ${e.gap})` : void 0);
-    return (s, w) => (_(), g("div", {
-      class: o(["dc-slot-layout-flow-aside", n.value])
-    }, [
-      i(c, {
-        disabled: d.value,
-        tag: "div",
-        class: o(["dc-slot-layout-flow-aside-aside", p.value])
-      }, {
-        default: u(() => [
-          r(s.$slots, "aside", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["disabled", "class"]),
-      i(c, {
-        disabled: d.value,
-        tag: "div",
-        class: "dc-slot-layout-flow-aside-main"
-      }, {
-        default: u(() => [
-          r(s.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["disabled"])
-    ], 2));
+    const props = __props;
+    const isSeparate = useModel(__props, "separate");
+    const isUnsegregated = computed(() => !isSeparate.value);
+    const boxCls = computed(() => {
+      return isSeparate.value ? [
+        "dc-slot-layout-flow-aside_separate",
+        `dc-slot-layout-flow-aside_separate_${props.type}`
+      ] : [];
+    });
+    const asideCls = computed(
+      () => `dc-slot-layout-flow-aside-aside_${props.type}`
+    );
+    const mainWidth = computed(() => {
+      return isSeparate.value ? `calc(100% - ${props.gap})` : void 0;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["dc-slot-layout-flow-aside", boxCls.value])
+      }, [
+        createVNode(_sfc_main$1, {
+          disabled: isUnsegregated.value,
+          tag: "div",
+          class: normalizeClass(["dc-slot-layout-flow-aside-aside", asideCls.value])
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "aside", {}, void 0, true)
+          ]),
+          _: 3
+        }, 8, ["disabled", "class"]),
+        createVNode(_sfc_main$1, {
+          disabled: isUnsegregated.value,
+          tag: "div",
+          class: "dc-slot-layout-flow-aside-main"
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          _: 3
+        }, 8, ["disabled"])
+      ], 2);
+    };
   }
 });
 export {
-  C as default
+  _sfc_main as default
 };

package/es/components/slot-layout/SlotLayoutTemplate.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as r, useAttrs as s, useSlots as o, h as u } from "vue";
-const l = r({
+import { defineComponent, useAttrs, useSlots, h } from "vue";
+const _sfc_main = defineComponent({
   name: "SlotLayoutTemplate",
-  inheritAttrs: !1,
+  inheritAttrs: false,
   props: {
     /**
      * 包裹宿主：原生标签名（"div"）/ 组件对象 / 函数式组件。
@@ -13,16 +13,18 @@ const l = r({
       type: [String, Object, Function],
       default: "div"
     },
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: false }
   },
-  setup(e) {
-    const n = s(), t = o();
+  setup(props) {
+    const attrs = useAttrs();
+    const slots = useSlots();
     return () => {
-      var a;
-      return e.disabled ? (a = t.default) == null ? void 0 : a.call(t) : u(e.tag, n, t);
+      var _a;
+      if (props.disabled) return (_a = slots.default) == null ? void 0 : _a.call(slots);
+      return h(props.tag, attrs, slots);
     };
   }
 });
 export {
-  l as default
+  _sfc_main as default
 };

package/es/components/slot-layout/SlotLayoutTemplate.vue2.mjs

@@ -1,4 +1,4 @@
-import f from "./SlotLayoutTemplate.vue.mjs";
+import _sfc_main from "./SlotLayoutTemplate.vue.mjs";
 export {
-  f as default
+  _sfc_main as default
 };

package/es/components/table/TableMain.vue.mjs

@@ -1,7 +1,7 @@
-import o from "./TableMain.vue2.mjs";
+import _sfc_main from "./TableMain.vue2.mjs";
 /* empty css                */
-import a from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-eae8d23b"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const TableMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eae8d23b"]]);
 export {
-  m as default
+  TableMain as default
 };