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

package/es/components/modal/ModalDetail.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as w, computed as i, openBlock as y, createBlock as p, withCtx as r, renderSlot as l } from "vue";
-import b from "./ModalForm.vue.mjs";
-const T = /* @__PURE__ */ w({
+import { defineComponent, computed, openBlock, createBlock, withCtx, renderSlot } from "vue";
+import _sfc_main$1 from "./ModalForm.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ModalDetail",
   props: {
     data: {},
@@ -20,44 +20,55 @@ const T = /* @__PURE__ */ w({
     direction: {}
   },
   emits: ["update:show", "afterAdd", "afterEdit"],
-  setup(t, { emit: s }) {
-    const e = t, d = s, n = i(() => e.data), f = i(() => `${e.type === "add" ? "新增" : "编辑"}${e.subTitle || ""}`), u = i(() => e.title ?? f.value), m = (o) => {
-      const a = e.type === "add" ? e.addApi : e.editApi;
-      return (a == null ? void 0 : a(o)) ?? Promise.resolve();
-    }, c = (o) => {
-      d("update:show", o);
-    }, h = (o) => {
-      d(e.type === "add" ? "afterAdd" : "afterEdit", o);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const assertData = computed(() => props.data);
+    const titleFinal = computed(() => {
+      return `${props.type === "add" ? "新增" : "编辑"}${props.subTitle || ""}`;
+    });
+    const titleResolved = computed(() => props.title ?? titleFinal.value);
+    const detailSubmitFn = (data) => {
+      const api = props.type === "add" ? props.addApi : props.editApi;
+      return (api == null ? void 0 : api(data)) ?? Promise.resolve();
+    };
+    const onShow = (value) => {
+      emits("update:show", value);
+    };
+    const onSubmitSuccess = (data) => {
+      emits(props.type === "add" ? "afterAdd" : "afterEdit", data);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        class: "dc-detail-modal",
+        title: titleResolved.value,
+        show: __props.show,
+        list: __props.list,
+        data: assertData.value,
+        submitFn: detailSubmitFn,
+        width: __props.width,
+        layerType: __props.layerType,
+        direction: __props.direction,
+        formLayout: __props.formLayout,
+        labelWidth: __props.labelWidth,
+        formRowGutter: __props.formRowGutter,
+        formProps: __props.formProps,
+        headerDivider: false,
+        footerDivider: false,
+        "onUpdate:show": onShow,
+        onSubmitSuccess
+      }, {
+        header: withCtx(() => [
+          renderSlot(_ctx.$slots, "header")
+        ]),
+        footer: withCtx(() => [
+          renderSlot(_ctx.$slots, "footer")
+        ]),
+        _: 3
+      }, 8, ["title", "show", "list", "data", "width", "layerType", "direction", "formLayout", "labelWidth", "formRowGutter", "formProps"]);
     };
-    return (o, a) => (y(), p(b, {
-      class: "dc-detail-modal",
-      title: u.value,
-      show: t.show,
-      list: t.list,
-      data: n.value,
-      submitFn: m,
-      width: t.width,
-      layerType: t.layerType,
-      direction: t.direction,
-      formLayout: t.formLayout,
-      labelWidth: t.labelWidth,
-      formRowGutter: t.formRowGutter,
-      formProps: t.formProps,
-      headerDivider: !1,
-      footerDivider: !1,
-      "onUpdate:show": c,
-      onSubmitSuccess: h
-    }, {
-      header: r(() => [
-        l(o.$slots, "header")
-      ]),
-      footer: r(() => [
-        l(o.$slots, "footer")
-      ]),
-      _: 3
-    }, 8, ["title", "show", "list", "data", "width", "layerType", "direction", "formLayout", "labelWidth", "formRowGutter", "formProps"]));
   }
 });
 export {
-  T as default
+  _sfc_main as default
 };

package/es/components/modal/ModalDetail.vue2.mjs

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

package/es/components/modal/ModalForm.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as m, ref as c, computed as h, watch as w, openBlock as y, createBlock as v, withCtx as r, createVNode as D, unref as b, mergeProps as g, renderSlot as l } from "vue";
-import B from "../form/FormMain.vue.mjs";
-import M from "./ModalConfirm.vue.mjs";
-const T = /* @__PURE__ */ m({
+import { defineComponent, ref, computed, watch, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, renderSlot } from "vue";
+import FormMain from "../form/FormMain.vue.mjs";
+import ModalConfirm from "./ModalConfirm.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ModalForm",
   props: {
     show: { type: Boolean },
@@ -16,60 +16,71 @@ const T = /* @__PURE__ */ m({
     formProps: {},
     formRowGutter: {},
     labelWidth: { default: "auto" },
-    headerDivider: { type: Boolean, default: !0 },
-    footerDivider: { type: Boolean, default: !0 }
+    headerDivider: { type: Boolean, default: true },
+    footerDivider: { type: Boolean, default: true }
   },
   emits: ["update:show", "submitSuccess"],
-  setup(e, { emit: n }) {
-    const i = e, d = n, a = c(), s = h(() => i.data), u = (t) => {
-      d("update:show", t);
-    }, f = () => {
-      var t;
-      return (t = a.value) == null ? void 0 : t.validate().then(async () => {
-        const o = a.value.stringify();
-        await i.submitFn(o), d("submitSuccess", o);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const formMain = ref();
+    const assertData = computed(() => props.data);
+    const onShow = (value) => {
+      emits("update:show", value);
+    };
+    const onConfirm = () => {
+      var _a;
+      return (_a = formMain.value) == null ? void 0 : _a.validate().then(async () => {
+        const stringifyData = formMain.value.stringify();
+        await props.submitFn(stringifyData);
+        emits("submitSuccess", stringifyData);
       });
     };
-    return w(
-      () => i.show,
-      (t) => {
-        var o;
-        t || (o = a.value) == null || o.clearValidate();
+    watch(
+      () => props.show,
+      (n) => {
+        var _a;
+        if (!n) {
+          (_a = formMain.value) == null ? void 0 : _a.clearValidate();
+        }
       }
-    ), (t, o) => (y(), v(M, {
-      class: "dc-form-modal",
-      title: e.title,
-      show: e.show,
-      onConfirm: f,
-      useLoading: "",
-      width: e.width,
-      layerType: e.layerType,
-      direction: e.direction,
-      headerDivider: e.headerDivider,
-      footerDivider: e.footerDivider,
-      "onUpdate:show": u
-    }, {
-      "main-header": r(() => [
-        l(t.$slots, "header")
-      ]),
-      "main-footer": r(() => [
-        l(t.$slots, "footer")
-      ]),
-      default: r(() => [
-        D(b(B), g({
-          ref_key: "formMain",
-          ref: a,
-          list: e.list,
-          data: s.value,
-          layout: e.formLayout,
-          labelWidth: e.labelWidth,
-          "row-gutter": e.formRowGutter
-        }, e.formProps), null, 16, ["list", "data", "layout", "labelWidth", "row-gutter"])
-      ]),
-      _: 3
-    }, 8, ["title", "show", "width", "layerType", "direction", "headerDivider", "footerDivider"]));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ModalConfirm, {
+        class: "dc-form-modal",
+        title: __props.title,
+        show: __props.show,
+        onConfirm,
+        useLoading: "",
+        width: __props.width,
+        layerType: __props.layerType,
+        direction: __props.direction,
+        headerDivider: __props.headerDivider,
+        footerDivider: __props.footerDivider,
+        "onUpdate:show": onShow
+      }, {
+        "main-header": withCtx(() => [
+          renderSlot(_ctx.$slots, "header")
+        ]),
+        "main-footer": withCtx(() => [
+          renderSlot(_ctx.$slots, "footer")
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(FormMain), mergeProps({
+            ref_key: "formMain",
+            ref: formMain,
+            list: __props.list,
+            data: assertData.value,
+            layout: __props.formLayout,
+            labelWidth: __props.labelWidth,
+            "row-gutter": __props.formRowGutter
+          }, __props.formProps), null, 16, ["list", "data", "layout", "labelWidth", "row-gutter"])
+        ]),
+        _: 3
+      }, 8, ["title", "show", "width", "layerType", "direction", "headerDivider", "footerDivider"]);
+    };
   }
 });
 export {
-  T as default
+  _sfc_main as default
 };

package/es/components/modal/ModalForm.vue2.mjs

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

package/es/components/modal/ModalPorter.vue.mjs

@@ -1,49 +1,64 @@
-import { defineComponent as S, getCurrentInstance as h, inject as c, renderSlot as v } from "vue";
-import { getModalShelfInjectionKey as u } from "../../inject/key.mjs";
-import { useActivated as y } from "../../hooks/activated.mjs";
-const k = /* @__PURE__ */ S({
+import { defineComponent, getCurrentInstance, inject, renderSlot } from "vue";
+import { getModalShelfInjectionKey } from "../../inject/key.mjs";
+import { useActivated } from "../../hooks/activated.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ModalPorter",
   props: {
     modalList: {}
   },
-  setup(f, { expose: p }) {
-    var i;
-    const a = f, d = ((i = h()) == null ? void 0 : i.uid) ?? Math.floor(Math.random() * 1e9), m = {
-      app: c(u("app"), null),
-      page: c(u("page"), null)
+  setup(__props, { expose: __expose }) {
+    var _a;
+    const props = __props;
+    const uid = ((_a = getCurrentInstance()) == null ? void 0 : _a.uid) ?? Math.floor(Math.random() * 1e9);
+    const namedShelves = {
+      app: inject(getModalShelfInjectionKey("app"), null),
+      page: inject(getModalShelfInjectionKey("page"), null)
     };
-    function s(e) {
-      return `p${d}:${e}`;
+    function nsOf(key) {
+      return `p${uid}:${key}`;
     }
-    function l(e) {
-      if (e === "app" || e === "page") {
-        const t = m[e];
-        return t || (console.error(`[ModalPorter] 未找到 level="${e}" 的 ModalShelf`), null);
+    function resolveShelf(shelf) {
+      if (shelf === "app" || shelf === "page") {
+        const c = namedShelves[shelf];
+        if (!c) {
+          console.error(`[ModalPorter] 未找到 level="${shelf}" 的 ModalShelf`);
+          return null;
+        }
+        return c;
       }
-      return e;
+      return shelf;
     }
-    function g(e, t) {
-      const r = a.modalList.find((o) => o.key === e);
-      if (!r)
-        return console.error(`[ModalPorter] 未配置的弹窗 key: ${String(e)}`), null;
-      const n = l(r.shelf);
-      return n ? n.evoke(s(String(e)), r.component, {
-        payload: t,
-        sameKeyStrategy: r.sameKeyStrategy
-      }) : null;
+    function evoke(key, payload) {
+      const entry = props.modalList.find((e) => e.key === key);
+      if (!entry) {
+        console.error(`[ModalPorter] 未配置的弹窗 key: ${String(key)}`);
+        return null;
+      }
+      const shelf = resolveShelf(entry.shelf);
+      if (!shelf) return null;
+      return shelf.evoke(nsOf(String(key)), entry.component, {
+        payload,
+        sameKeyStrategy: entry.sameKeyStrategy
+      });
     }
-    return y((e) => {
-      if (e.isActivated) return;
-      const t = /* @__PURE__ */ new Map();
-      a.modalList.forEach((r) => {
-        const n = l(r.shelf);
-        if (!n) return;
-        const o = t.get(n) ?? [];
-        o.push(s(String(r.key))), t.set(n, o);
-      }), t.forEach((r, n) => n.remove(r));
-    }), p({ evoke: g }), (e, t) => v(e.$slots, "default");
+    useActivated((info) => {
+      if (info.isActivated) return;
+      const byShelf = /* @__PURE__ */ new Map();
+      props.modalList.forEach((e) => {
+        const s = resolveShelf(e.shelf);
+        if (!s) return;
+        const arr = byShelf.get(s) ?? [];
+        arr.push(nsOf(String(e.key)));
+        byShelf.set(s, arr);
+      });
+      byShelf.forEach((keys, s) => s.remove(keys));
+    });
+    __expose({ evoke });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
   }
 });
 export {
-  k as default
+  _sfc_main as default
 };

package/es/components/modal/ModalPorter.vue2.mjs

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

package/es/components/modal/ModalShelf.vue.mjs

@@ -1,38 +1,48 @@
-import { defineComponent as h, provide as v, onMounted as y, inject as a, openBlock as s, createElementBlock as c, Fragment as u, renderSlot as w, renderList as C, unref as l, createBlock as F, resolveDynamicComponent as _, defineAsyncComponent as k } from "vue";
-import { createShelfController as S } from "./modal-shelf-core.mjs";
-import { assertLevelHierarchy as g } from "./modal-shelf-hierarchy.mjs";
-import { getModalShelfInjectionKey as p } from "../../inject/key.mjs";
-const E = /* @__PURE__ */ h({
+import { defineComponent, provide, onMounted, inject, openBlock, createElementBlock, Fragment, renderSlot, renderList, unref, createBlock, resolveDynamicComponent, defineAsyncComponent } from "vue";
+import { createShelfController } from "./modal-shelf-core.mjs";
+import { assertLevelHierarchy } from "./modal-shelf-hierarchy.mjs";
+import { getModalShelfInjectionKey } from "../../inject/key.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ModalShelf",
   props: {
     level: {}
   },
-  setup(f, { expose: m }) {
-    const r = f.level, n = S(r);
-    m(n), v(p(r), n);
-    function d(o) {
-      return typeof o == "function" ? k(o) : o;
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const level = props.level;
+    const controller = createShelfController(level);
+    __expose(controller);
+    provide(getModalShelfInjectionKey(level), controller);
+    function resolveComp(c) {
+      return typeof c === "function" ? defineAsyncComponent(c) : c;
     }
-    return y(() => {
-      const o = [];
-      ["app", "page", "custom"].forEach((e) => {
-        e !== r && a(p(e), null) && o.push(e);
+    onMounted(() => {
+      const ancestors = [];
+      ["app", "page", "custom"].forEach((lv) => {
+        if (lv === level) return;
+        if (inject(getModalShelfInjectionKey(lv), null)) ancestors.push(lv);
       });
-      const t = a(p(r), null);
-      t && t !== n && o.push(r), g(r, o);
-    }), (o, t) => (s(), c(u, null, [
-      w(o.$slots, "default"),
-      (s(!0), c(u, null, C(l(n).items.value, (e) => (s(), F(_(d(e.component)), {
-        key: e.id,
-        show: e.show,
-        payload: e.payload,
-        closeFn: () => l(n).close(e),
-        removeFn: () => l(n).remove(e.nsKey),
-        "onUpdate:show": (i) => !i && l(n).close(e)
-      }, null, 40, ["show", "payload", "closeFn", "removeFn", "onUpdate:show"]))), 128))
-    ], 64));
+      const sameLevel = inject(getModalShelfInjectionKey(level), null);
+      if (sameLevel && sameLevel !== controller) ancestors.push(level);
+      assertLevelHierarchy(level, ancestors);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        renderSlot(_ctx.$slots, "default"),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(controller).items.value, (item) => {
+          return openBlock(), createBlock(resolveDynamicComponent(resolveComp(item.component)), {
+            key: item.id,
+            show: item.show,
+            payload: item.payload,
+            closeFn: () => unref(controller).close(item),
+            removeFn: () => unref(controller).remove(item.nsKey),
+            "onUpdate:show": (v) => !v && unref(controller).close(item)
+          }, null, 40, ["show", "payload", "closeFn", "removeFn", "onUpdate:show"]);
+        }), 128))
+      ], 64);
+    };
   }
 });
 export {
-  E as default
+  _sfc_main as default
 };

package/es/components/modal/ModalShelf.vue2.mjs

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

package/es/components/modal/modal-shelf-core.mjs

@@ -1,52 +1,68 @@
-import { ref as h } from "vue";
-const x = 300;
-function g(s) {
-  let l = 0;
-  const r = h([]);
-  function d(e) {
-    return r.value.findIndex((t) => t.nsKey === e);
+import { ref } from "vue";
+const CLOSE_ANIM_MS = 300;
+function createShelfController(level) {
+  let seq = 0;
+  const items = ref([]);
+  function indexByNsKey(nsKey) {
+    return items.value.findIndex((it) => it.nsKey === nsKey);
   }
-  function u(e) {
-    e.timer !== void 0 && (clearTimeout(e.timer), e.timer = void 0);
+  function clearItemTimer(item) {
+    if (item.timer !== void 0) {
+      clearTimeout(item.timer);
+      item.timer = void 0;
+    }
   }
-  function a(e) {
-    (Array.isArray(e) ? e : [e]).forEach((i) => {
-      const n = d(i);
-      n > -1 && (u(r.value[n]), r.value.splice(n, 1));
+  function remove(nsKey) {
+    const keys = Array.isArray(nsKey) ? nsKey : [nsKey];
+    keys.forEach((k) => {
+      const i = indexByNsKey(k);
+      if (i > -1) {
+        clearItemTimer(items.value[i]);
+        items.value.splice(i, 1);
+      }
     });
   }
-  function c(e) {
-    const t = r.value.find((i) => i.id === e.id);
-    t && t.timer === void 0 && (t.show = !1, t.timer = setTimeout(() => {
-      const i = r.value.findIndex((n) => n.id === e.id);
-      i > -1 && r.value.splice(i, 1);
-    }, x));
+  function close(item) {
+    const target = items.value.find((it) => it.id === item.id);
+    if (!target) return;
+    if (target.timer !== void 0) return;
+    target.show = false;
+    target.timer = setTimeout(() => {
+      const i = items.value.findIndex((it) => it.id === item.id);
+      if (i > -1) items.value.splice(i, 1);
+    }, CLOSE_ANIM_MS);
   }
-  function f(e) {
+  function handleFor(nsKey) {
     return {
       close: () => {
-        const t = r.value.find((i) => i.nsKey === e);
-        t && c(t);
+        const cur = items.value.find((it) => it.nsKey === nsKey);
+        if (cur) close(cur);
       },
-      update: (t) => {
-        const i = r.value.find((n) => n.nsKey === e);
-        i && (i.payload = { ...i.payload, ...t });
+      update: (partial) => {
+        const cur = items.value.find((it) => it.nsKey === nsKey);
+        if (cur) cur.payload = { ...cur.payload, ...partial };
       }
     };
   }
-  function v(e, t, i) {
-    const { payload: n, sameKeyStrategy: m = "recreate" } = i;
-    if (m === "update") {
-      const o = r.value.find((y) => y.nsKey === e);
-      if (o)
-        return u(o), o.show = !0, o.payload = n, f(e);
+  function evoke(nsKey, component, options) {
+    const { payload, sameKeyStrategy = "recreate" } = options;
+    if (sameKeyStrategy === "update") {
+      const existing = items.value.find((it) => it.nsKey === nsKey);
+      if (existing) {
+        clearItemTimer(existing);
+        existing.show = true;
+        existing.payload = payload;
+        return handleFor(nsKey);
+      }
     }
-    a(e);
-    const p = { id: ++l, nsKey: e, component: t, payload: n, show: !0 };
-    return r.value.push(p), f(e);
+    remove(nsKey);
+    const id = ++seq;
+    const item = { id, nsKey, component, payload, show: true };
+    items.value.push(item);
+    return handleFor(nsKey);
   }
-  return { level: s, items: r, evoke: v, remove: a, close: c };
+  return { level, items, evoke, remove, close };
 }
 export {
-  g as createShelfController
+  createShelfController
 };

package/es/components/modal/modal-shelf-hierarchy.mjs

@@ -1,19 +1,21 @@
-function i(o, e) {
-  if (o === "app" && e.length > 0) {
+function assertLevelHierarchy(level, ancestorLevels) {
+  if (level === "app" && ancestorLevels.length > 0) {
     console.error(
-      `[ModalShelf] level="app" 必须最顶层，但其上存在: ${e.join(
+      `[ModalShelf] level="app" 必须最顶层，但其上存在: ${ancestorLevels.join(
         ", "
       )}`
     );
     return;
   }
-  if (o === "page") {
-    const r = e.filter((l) => l === "custom");
-    r.length > 0 && console.error(
-      `[ModalShelf] level="page" 之上不得套 custom，发现: ${r.join(", ")}`
-    );
+  if (level === "page") {
+    const bad = ancestorLevels.filter((l) => l === "custom");
+    if (bad.length > 0) {
+      console.error(
+        `[ModalShelf] level="page" 之上不得套 custom，发现: ${bad.join(", ")}`
+      );
+    }
   }
 }
 export {
-  i as assertLevelHierarchy
+  assertLevelHierarchy
 };

package/es/components/panel/PanelEditSwitch.vue.mjs

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