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

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

@@ -1,86 +1,108 @@
-import { defineComponent as S, useModel as C, ref as h, computed as w, watch as l, openBlock as s, createElementBlock as u, createBlock as d, unref as c, withCtx as F, createTextVNode as B, createCommentVNode as E, renderSlot as r, Fragment as P, mergeModels as f } from "vue";
-import { ElButton as M } from "element-plus";
-import $ from "lodash/cloneDeep";
-import N from "../form/FormSubmitPanel.vue.mjs";
-const T = { class: "panel-edit-switch" }, R = /* @__PURE__ */ S({
-  name: "PanelEditSwitch",
+import { defineComponent, useModel, ref, computed, watch, openBlock, createElementBlock, createBlock, unref, withCtx, createTextVNode, createCommentVNode, renderSlot, Fragment, mergeModels } from "vue";
+import { ElButton } from "element-plus";
+import _cloneDeep from "lodash/cloneDeep";
+import FormSubmitPanel from "../form/FormSubmitPanel.vue.mjs";
+const _hoisted_1 = { class: "panel-edit-switch" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "PanelEditSwitch" },
   __name: "PanelEditSwitch",
-  props: /* @__PURE__ */ f({
+  props: /* @__PURE__ */ mergeModels({
     data: {},
     config: {},
     editable: { type: Boolean },
     submitFn: { type: Function }
   }, {
-    editing: { type: Boolean, default: !1 },
-    editingModifiers: {}
+    "editing": { type: Boolean, ...{
+      default: false
+    } },
+    "editingModifiers": {}
   }),
-  emits: /* @__PURE__ */ f(["submitSuccess"], ["update:editing"]),
-  setup(i, { emit: m }) {
-    const n = i, g = m, e = C(i, "editing"), a = h(
+  emits: /* @__PURE__ */ mergeModels(["submitSuccess"], ["update:editing"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const editing = useModel(__props, "editing");
+    const stringifyDraftData = ref(
       {}
-    ), y = w(() => [n.config.editorConfig]), b = (t) => t, p = () => {
-      e.value = !0;
-    }, v = () => {
-      e.value = !1;
-    }, k = (t) => {
-      if (!n.submitFn)
+    );
+    const formConfigList = computed(() => [props.config.editorConfig]);
+    const assertDraftType = (draft) => draft;
+    const openEditing = () => {
+      editing.value = true;
+    };
+    const onSubmitCancel = () => {
+      editing.value = false;
+    };
+    const submitFnPack = (stringifyData) => {
+      if (!props.submitFn) {
         throw new Error("可编辑 那么必须提供 submitFn");
-      return n.submitFn(t);
-    }, D = (t) => {
-      e.value = !1, g("submitSuccess", t);
+      }
+      return props.submitFn(stringifyData);
     };
-    return l(
-      e,
-      (t, o) => {
-        t && !o && (a.value = $(n.data));
+    const onSubmitSuccess = (data) => {
+      editing.value = false;
+      emits("submitSuccess", data);
+    };
+    watch(
+      editing,
+      (n, o) => {
+        if (n && !o) {
+          stringifyDraftData.value = _cloneDeep(props.data);
+        }
       },
-      { immediate: !0 }
-    ), l(
-      () => n.editable,
-      (t) => {
-        t || (e.value = !1);
+      { immediate: true }
+    );
+    watch(
+      () => props.editable,
+      (n) => {
+        if (!n) {
+          editing.value = false;
+        }
       },
       {
-        immediate: !0
+        immediate: true
       }
-    ), (t, o) => (s(), u("div", T, [
-      i.editable && !e.value ? (s(), d(c(M), {
-        key: 0,
-        class: "panel-edit-switch-edit-btn",
-        type: "primary",
-        link: "",
-        size: "small",
-        onClick: p
-      }, {
-        default: F(() => [...o[0] || (o[0] = [
-          B(" 编辑", -1)
-        ])]),
-        _: 1
-      })) : E("", !0),
-      e.value ? (s(), u(P, { key: 2 }, [
-        i.config.editorRender ? r(t.$slots, "editor", {
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.editable && !editing.value ? (openBlock(), createBlock(unref(ElButton), {
           key: 0,
-          stringifyDraftData: a.value
-        }, void 0, !0) : i.config.editorConfig ? (s(), d(c(N), {
+          class: "panel-edit-switch-edit-btn",
+          type: "primary",
+          link: "",
+          size: "small",
+          onClick: openEditing
+        }, {
+          default: withCtx(() => [..._cache[0] || (_cache[0] = [
+            createTextVNode(" 编辑", -1)
+          ])]),
+          _: 1
+        })) : createCommentVNode("", true),
+        !editing.value ? renderSlot(_ctx.$slots, "default", {
           key: 1,
-          list: y.value,
-          "stringify-data": b(a.value),
-          "cancel-btn": "取消",
-          "operation-position": "bottom-right",
-          "submit-fn": k,
-          onCancel: v,
-          onSuccess: D
-        }, null, 8, ["list", "stringify-data"])) : r(t.$slots, "default", {
-          key: 2,
-          stringifyDraftData: a.value
-        }, void 0, !0)
-      ], 64)) : r(t.$slots, "default", {
-        key: 1,
-        stringifyDraftData: i.data
-      }, void 0, !0)
-    ]));
+          stringifyDraftData: __props.data
+        }, void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          __props.config.editorRender ? renderSlot(_ctx.$slots, "editor", {
+            key: 0,
+            stringifyDraftData: stringifyDraftData.value
+          }, void 0, true) : __props.config.editorConfig ? (openBlock(), createBlock(unref(FormSubmitPanel), {
+            key: 1,
+            list: formConfigList.value,
+            "stringify-data": assertDraftType(stringifyDraftData.value),
+            "cancel-btn": "取消",
+            "operation-position": "bottom-right",
+            "submit-fn": submitFnPack,
+            onCancel: onSubmitCancel,
+            onSuccess: onSubmitSuccess
+          }, null, 8, ["list", "stringify-data"])) : renderSlot(_ctx.$slots, "default", {
+            key: 2,
+            stringifyDraftData: stringifyDraftData.value
+          }, void 0, true)
+        ], 64))
+      ]);
+    };
   }
 });
 export {
-  R as default
+  _sfc_main as default
 };

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

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

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

@@ -1,95 +1,121 @@
-import { defineComponent as E, useModel as x, computed as s, openBlock as a, createElementBlock as d, normalizeClass as z, normalizeStyle as H, toDisplayString as u, createCommentVNode as I, createElementVNode as M, createVNode as N, withCtx as m, createBlock as f, resolveDynamicComponent as g, normalizeProps as b, guardReactiveProps as R, mergeProps as V, mergeModels as v } from "vue";
-import w from "./PanelEditSwitch.vue.mjs";
-const U = { class: "panel-item-content" }, j = { key: 0 }, D = /* @__PURE__ */ E({
-  name: "PanelItem",
+import { defineComponent, useModel, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createElementVNode, createVNode, withCtx, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, mergeProps, mergeModels } from "vue";
+import PanelEditSwitch from "./PanelEditSwitch.vue.mjs";
+const _hoisted_1 = { class: "panel-item-content" };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "PanelItem" },
   __name: "PanelItem",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ mergeModels({
     data: {},
     config: {},
     refreshFn: { type: Function }
   }, {
-    editing: { type: Boolean, default: !1 },
-    editingModifiers: {}
+    "editing": { type: Boolean, ...{
+      default: false
+    } },
+    "editingModifiers": {}
   }),
-  emits: /* @__PURE__ */ v(["submitSuccess"], ["update:editing"]),
-  setup(t, { emit: y }) {
-    const n = t, S = y, l = x(t, "editing"), r = (e) => {
-      const { config: i } = n;
+  emits: /* @__PURE__ */ mergeModels(["submitSuccess"], ["update:editing"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const editing = useModel(__props, "editing");
+    const getScopeBase = (data) => {
+      const { config } = props;
       return {
-        data: e,
-        value: e[i.key],
-        config: i
+        data,
+        value: data[config.key],
+        config
       };
-    }, k = s(() => r(n.data)), C = s(() => {
-      const { editable: e } = n.config;
-      return typeof e == "function" ? !!e(k.value) : !!e;
-    }), p = (e) => {
+    };
+    const scopeBase = computed(() => {
+      return getScopeBase(props.data);
+    });
+    const isEditable = computed(() => {
+      const { editable } = props.config;
+      if (typeof editable === "function") {
+        return !!editable(scopeBase.value);
+      }
+      return !!editable;
+    });
+    const getFormItemConfig = (editorConfig) => {
       const {
-        config: { key: i, label: o }
-      } = n;
-      if (e)
-        return {
-          ...e,
-          key: i,
-          label: o,
-          labelHide: !0,
-          layoutHide: !0,
-          layout: { span: 24 }
-        };
-    }, P = s(() => {
+        config: { key, label }
+      } = props;
+      if (!editorConfig) {
+        return;
+      }
+      return {
+        ...editorConfig,
+        key,
+        label,
+        labelHide: true,
+        layoutHide: true,
+        layout: { span: 24 }
+      };
+    };
+    const configFinal = computed(() => {
       const {
-        config: { editorConfig: e, ...i }
-      } = n;
+        config: { editorConfig, ...restConfig }
+      } = props;
+      return {
+        ...restConfig,
+        editorConfig: getFormItemConfig(editorConfig)
+      };
+    });
+    const refresh = () => {
+      var _a;
+      return (_a = props.refreshFn) == null ? void 0 : _a.call(props, props.data);
+    };
+    const closeEdit = () => {
+      editing.value = false;
+    };
+    const getRenderScope = (data) => {
       return {
-        ...i,
-        editorConfig: p(e)
+        ...getScopeBase(data),
+        editing: editing.value,
+        refresh,
+        closeEdit
       };
-    }), h = () => {
-      var e;
-      return (e = n.refreshFn) == null ? void 0 : e.call(n, n.data);
-    }, B = () => {
-      l.value = !1;
-    }, c = (e) => ({
-      ...r(e),
-      editing: l.value,
-      refresh: h,
-      closeEdit: B
-    }), F = (e) => {
-      S("submitSuccess", {
-        ...n.data,
-        ...e
+    };
+    const onSubmitSuccess = (data) => {
+      emits("submitSuccess", {
+        ...props.data,
+        ...data
       });
     };
-    return (e, i) => (a(), d("div", {
-      class: z(["dc-panel-item panel-item", { "panel-item--label-top": t.config.labelPosition === "top" }])
-    }, [
-      t.config.label && !t.config.labelHide ? (a(), d("label", {
-        key: 0,
-        class: "panel-item-label",
-        style: H(t.config.labelStyle)
-      }, u(t.config.label), 5)) : I("", !0),
-      M("div", U, [
-        N(w, {
-          editing: l.value,
-          "onUpdate:editing": i[0] || (i[0] = (o) => l.value = o),
-          config: P.value,
-          editable: C.value,
-          data: t.data,
-          "submit-fn": t.config.submitFn,
-          onSubmitSuccess: F
-        }, {
-          default: m(({ stringifyDraftData: o }) => [
-            t.config.render === void 0 ? (a(), d("span", j, u(c(o).value), 1)) : (a(), f(g(t.config.render), b(V({ key: 1 }, c(o))), null, 16))
-          ]),
-          editor: m(({ stringifyDraftData: o }) => [
-            (a(), f(g(t.config.editorRender), b(R(c(o))), null, 16))
-          ]),
-          _: 1
-        }, 8, ["editing", "config", "editable", "data", "submit-fn"])
-      ])
-    ], 2));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["dc-panel-item panel-item", { "panel-item--label-top": __props.config.labelPosition === "top" }])
+      }, [
+        __props.config.label && !__props.config.labelHide ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          class: "panel-item-label",
+          style: normalizeStyle(__props.config.labelStyle)
+        }, toDisplayString(__props.config.label), 5)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1, [
+          createVNode(PanelEditSwitch, {
+            editing: editing.value,
+            "onUpdate:editing": _cache[0] || (_cache[0] = ($event) => editing.value = $event),
+            config: configFinal.value,
+            editable: isEditable.value,
+            data: __props.data,
+            "submit-fn": __props.config.submitFn,
+            onSubmitSuccess
+          }, {
+            default: withCtx(({ stringifyDraftData }) => [
+              __props.config.render === void 0 ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(getRenderScope(stringifyDraftData).value), 1)) : (openBlock(), createBlock(resolveDynamicComponent(__props.config.render), normalizeProps(mergeProps({ key: 1 }, getRenderScope(stringifyDraftData))), null, 16))
+            ]),
+            editor: withCtx(({ stringifyDraftData }) => [
+              (openBlock(), createBlock(resolveDynamicComponent(__props.config.editorRender), normalizeProps(guardReactiveProps(getRenderScope(stringifyDraftData))), null, 16))
+            ]),
+            _: 1
+          }, 8, ["editing", "config", "editable", "data", "submit-fn"])
+        ])
+      ], 2);
+    };
   }
 });
 export {
-  D as default
+  _sfc_main as default
 };

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

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

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

@@ -1,11 +1,12 @@
-import { defineComponent as y, ref as h, openBlock as b, createElementBlock as x, createVNode as n, unref as l, createElementVNode as w, withCtx as c, createTextVNode as i, toDisplayString as r } from "vue";
-import N from "../form/FormMain.vue.mjs";
-import { useNestForm as S } from "../form/use-nest-form.mjs";
-import { useNestLayoutScale as C } from "../form/use-nest-layout-scale.mjs";
-import s from "../display/ActionBtn.vue.mjs";
-const k = { class: "panel-item-nest-form" }, p = { class: "panel-item-nest-form-actions" }, _ = /* @__PURE__ */ y({
-  name: "PanelItemNestForm",
-  inheritAttrs: !1,
+import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, createElementVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import FormMain from "../form/FormMain.vue.mjs";
+import { useNestForm } from "../form/use-nest-form.mjs";
+import { useNestLayoutScale } from "../form/use-nest-layout-scale.mjs";
+import _sfc_main$1 from "../display/ActionBtn.vue.mjs";
+const _hoisted_1 = { class: "panel-item-nest-form" };
+const _hoisted_2 = { class: "panel-item-nest-form-actions" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "PanelItemNestForm", inheritAttrs: false },
   __name: "PanelItemNestForm",
   props: {
     data: {},
@@ -17,53 +18,61 @@ const k = { class: "panel-item-nest-form" }, p = { class: "panel-item-nest-form-
     submit: {},
     cancel: {},
     parentSpan: {},
-    rebase: { type: Boolean, default: !0 }
+    rebase: { type: Boolean, default: true }
   },
-  setup(e) {
-    const t = e, m = C({
-      parentSpan: () => t.parentSpan,
-      rebase: () => t.rebase
-    }), o = h(), { validateChild: u } = S({ childRef: o }), d = async () => {
-      var a;
-      await u(), await ((a = t.submit) == null ? void 0 : a.call(t));
-    }, f = () => {
-      var a;
-      (a = t.cancel) == null || a.call(t);
+  setup(__props) {
+    const props = __props;
+    const childScale = useNestLayoutScale({
+      parentSpan: () => props.parentSpan,
+      rebase: () => props.rebase
+    });
+    const childRef = ref();
+    const { validateChild } = useNestForm({ childRef });
+    const onSubmit = async () => {
+      var _a;
+      await validateChild();
+      await ((_a = props.submit) == null ? void 0 : _a.call(props));
+    };
+    const onCancel = () => {
+      var _a;
+      (_a = props.cancel) == null ? void 0 : _a.call(props);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(FormMain), {
+          ref_key: "childRef",
+          ref: childRef,
+          list: __props.list,
+          data: __props.data,
+          layout: __props.layout,
+          "layout-scale": unref(childScale),
+          "row-gutter": __props.rowGutter
+        }, null, 8, ["list", "data", "layout", "layout-scale", "row-gutter"]),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(_sfc_main$1), {
+            size: "small",
+            onClick: onCancel
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.cancelText), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(_sfc_main$1), {
+            size: "small",
+            type: "primary",
+            onClick: onSubmit
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.submitText), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
     };
-    return (a, T) => (b(), x("div", k, [
-      n(l(N), {
-        ref_key: "childRef",
-        ref: o,
-        list: e.list,
-        data: e.data,
-        layout: e.layout,
-        "layout-scale": l(m),
-        "row-gutter": e.rowGutter
-      }, null, 8, ["list", "data", "layout", "layout-scale", "row-gutter"]),
-      w("div", p, [
-        n(l(s), {
-          size: "small",
-          onClick: f
-        }, {
-          default: c(() => [
-            i(r(e.cancelText), 1)
-          ]),
-          _: 1
-        }),
-        n(l(s), {
-          size: "small",
-          type: "primary",
-          onClick: d
-        }, {
-          default: c(() => [
-            i(r(e.submitText), 1)
-          ]),
-          _: 1
-        })
-      ])
-    ]));
   }
 });
 export {
-  _ as default
+  _sfc_main as default
 };

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

@@ -1,9 +1,8 @@
-import { defineComponent as r, openBlock as l, createBlock as n, unref as o } from "vue";
-import u from "./PanelMain.vue.mjs";
-import { useNestLayoutScale as c } from "../form/use-nest-layout-scale.mjs";
-const p = /* @__PURE__ */ r({
-  name: "PanelItemNestPanel",
-  inheritAttrs: !1,
+import { defineComponent, openBlock, createBlock, unref } from "vue";
+import PanelMain from "./PanelMain.vue.mjs";
+import { useNestLayoutScale } from "../form/use-nest-layout-scale.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "PanelItemNestPanel", inheritAttrs: false },
   __name: "PanelItemNestPanel",
   props: {
     data: {},
@@ -12,23 +11,26 @@ const p = /* @__PURE__ */ r({
     layout: {},
     rowGutter: {},
     parentSpan: {},
-    rebase: { type: Boolean, default: !0 }
+    rebase: { type: Boolean, default: true }
   },
-  setup(t) {
-    const e = t, a = c({
-      parentSpan: () => e.parentSpan,
-      rebase: () => e.rebase
+  setup(__props) {
+    const props = __props;
+    const childScale = useNestLayoutScale({
+      parentSpan: () => props.parentSpan,
+      rebase: () => props.rebase
     });
-    return (s, i) => (l(), n(u, {
-      list: t.list,
-      data: t.data,
-      "item-card": t.itemCard,
-      layout: t.layout,
-      "layout-scale": o(a),
-      "row-gutter": t.rowGutter
-    }, null, 8, ["list", "data", "item-card", "layout", "layout-scale", "row-gutter"]));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(PanelMain, {
+        list: __props.list,
+        data: __props.data,
+        "item-card": __props.itemCard,
+        layout: __props.layout,
+        "layout-scale": unref(childScale),
+        "row-gutter": __props.rowGutter
+      }, null, 8, ["list", "data", "item-card", "layout", "layout-scale", "row-gutter"]);
+    };
   }
 });
 export {
-  p as default
+  _sfc_main as default
 };

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

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

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

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