@done-coding/admin-core 0.7.0 → 0.7.1-alpha.0

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

@@ -1,93 +1,89 @@
-import { ElButton as E } from "element-plus/es";
+import { ElButton as C } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/button/style/css";
-import { defineComponent as h, ref as d, watch as B, openBlock as u, createElementBlock as f, unref as m, createBlock as C, withCtx as c, createTextVNode as p, createCommentVNode as S, renderSlot as v, Fragment as N, createElementVNode as P, createVNode as g } from "vue";
-import V from "lodash/cloneDeep";
-const $ = { class: "panel-edit-switch-actions" }, j = /* @__PURE__ */ h({
+import { defineComponent as w, useModel as F, ref as h, computed as B, watch as u, openBlock as r, createElementBlock as d, createBlock as c, withCtx as E, createTextVNode as P, createCommentVNode as M, renderSlot as l, Fragment as $, unref as o, mergeModels as m } from "vue";
+import N from "lodash/cloneDeep";
+import T from "../form/FormSubmitPanel.vue.mjs";
+const V = { class: "panel-edit-switch" }, A = /* @__PURE__ */ w({
   name: "PanelEditSwitch",
   __name: "PanelEditSwitch",
-  props: {
+  props: /* @__PURE__ */ m({
     data: {},
-    editing: { type: Boolean },
+    config: {},
+    editable: { type: Boolean },
     submitFn: { type: Function }
-  },
-  emits: ["update:editing", "submitFinish"],
-  setup(a, { emit: b }) {
-    const o = a, i = b, s = d(!1), l = d(!1), n = d({});
-    B(
-      () => o.editing,
-      (t, e) => {
-        t && !e && (n.value = V(o.data));
+  }, {
+    editing: { type: Boolean, default: !1 },
+    editingModifiers: {}
+  }),
+  emits: /* @__PURE__ */ m(["submitSuccess"], ["update:editing"]),
+  setup(i, { emit: f }) {
+    const n = i, g = f, e = F(i, "editing"), a = h(
+      {}
+    ), y = B(() => [n.config.editorConfig]), p = (t) => t, b = () => {
+      e.value = !0;
+    }, k = () => {
+      e.value = !1;
+    }, v = (t) => {
+      if (!n.submitFn)
+        throw new Error("可编辑 那么必须提供 submitFn");
+      return n.submitFn(t);
+    }, D = (t) => {
+      e.value = !1, g("submitSuccess", t);
+    };
+    return u(
+      e,
+      (t, s) => {
+        t && !s && (a.value = N(n.data));
       },
       { immediate: !0 }
-    );
-    const y = () => {
-      i("update:editing", !0);
-    }, k = () => {
-      i("update:editing", !1);
-    }, w = async () => {
-      if (!o.submitFn) {
-        console.error("[PanelEditSwitch] editable 项缺少 submitFn，无法提交");
-        return;
-      }
-      l.value = !0;
-      try {
-        await o.submitFn(n.value), i("submitFinish", !0, n.value), i("update:editing", !1);
-      } catch (t) {
-        console.error("[PanelEditSwitch] submitFn 失败", t), i("submitFinish", !1, n.value);
-      } finally {
-        l.value = !1;
+    ), u(
+      () => n.editable,
+      (t) => {
+        t || (e.value = !1);
+      },
+      {
+        immediate: !0
       }
-    };
-    return (t, e) => {
-      const r = E;
-      return u(), f("div", {
-        class: "panel-edit-switch",
-        onMouseenter: e[0] || (e[0] = (F) => s.value = !0),
-        onMouseleave: e[1] || (e[1] = (F) => s.value = !1)
-      }, [
-        !a.editing && m(s) ? (u(), C(r, {
+    ), (t, s) => {
+      const S = C;
+      return r(), d("div", V, [
+        i.editable && !e.value ? (r(), c(S, {
           key: 0,
           class: "panel-edit-switch-edit-btn",
           type: "primary",
           link: "",
           size: "small",
-          onClick: y
+          onClick: b
         }, {
-          default: c(() => [...e[2] || (e[2] = [
-            p("编辑", -1)
+          default: E(() => [...s[0] || (s[0] = [
+            P(" 编辑", -1)
           ])]),
           _: 1
-        })) : S("", !0),
-        a.editing ? (u(), f(N, { key: 2 }, [
-          v(t.$slots, "editor", { data: m(n) }, void 0, !0),
-          P("div", $, [
-            g(r, {
-              size: "small",
-              onClick: k
-            }, {
-              default: c(() => [...e[3] || (e[3] = [
-                p("取消", -1)
-              ])]),
-              _: 1
-            }),
-            g(r, {
-              type: "primary",
-              size: "small",
-              loading: m(l),
-              onClick: w
-            }, {
-              default: c(() => [...e[4] || (e[4] = [
-                p("提交", -1)
-              ])]),
-              _: 1
-            }, 8, ["loading"])
-          ])
-        ], 64)) : v(t.$slots, "default", { key: 1 }, void 0, !0)
-      ], 32);
+        })) : M("", !0),
+        e.value ? (r(), d($, { key: 2 }, [
+          i.config.editorRender ? l(t.$slots, "editor", {
+            key: 0,
+            stringifyDraftData: o(a)
+          }, void 0, !0) : i.config.editorConfig ? (r(), c(o(T), {
+            key: 1,
+            list: o(y),
+            "stringify-data": p(o(a)),
+            "submit-fn": v,
+            onCancel: k,
+            onSuccess: D
+          }, null, 8, ["list", "stringify-data"])) : l(t.$slots, "default", {
+            key: 2,
+            stringifyDraftData: o(a)
+          }, void 0, !0)
+        ], 64)) : l(t.$slots, "default", {
+          key: 1,
+          stringifyDraftData: i.data
+        }, void 0, !0)
+      ]);
     };
   }
 });
 export {
-  j as default
+  A as default
 };

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

@@ -1,54 +1,84 @@
-import { defineComponent as P, computed as c, unref as r, openBlock as n, createElementBlock as f, Fragment as w, toDisplayString as k, createBlock as l, resolveDynamicComponent as u, normalizeProps as g, mergeProps as m, withCtx as h } from "vue";
-import S from "./PanelEditSwitch.vue.mjs";
-const x = { key: 0 }, C = { key: 0 }, E = { key: 0 }, I = /* @__PURE__ */ P({
+import { defineComponent as P, useModel as h, computed as u, openBlock as r, createBlock as d, withCtx as g, resolveDynamicComponent as m, normalizeProps as v, guardReactiveProps as E, createElementBlock as x, toDisplayString as D, mergeProps as I, mergeModels as p } from "vue";
+import M from "./PanelEditSwitch.vue.mjs";
+import { parseFormData as R } from "../form/utils.mjs";
+const w = { key: 0 }, j = /* @__PURE__ */ P({
   name: "PanelItem",
   __name: "PanelItem",
-  props: {
+  props: /* @__PURE__ */ p({
     data: {},
     config: {},
-    editing: { type: Boolean }
-  },
-  emits: ["update:editing", "submitFinish", "refresh"],
-  setup(e, { emit: b }) {
-    const t = e, o = b, a = c(() => ({
-      data: t.data,
-      value: t.data[t.config.key],
-      config: t.config,
-      refresh: () => o("refresh")
-    })), p = c(() => {
-      const { editable: i } = t.config;
-      return typeof i == "function" ? !!i(a.value) : !!i;
-    }), v = c(() => String(a.value.value ?? "")), y = c(() => ({
-      data: a.value.data,
-      value: a.value.value,
-      config: a.value.config,
-      refresh: () => o("refresh"),
-      onRefresh: () => o("refresh")
-    })), B = (i) => ({
-      data: i,
-      value: i[t.config.key],
-      config: t.config
-    });
-    return (i, s) => r(p) ? (n(), l(S, {
-      key: 1,
-      data: e.data,
-      editing: e.editing,
-      "submit-fn": e.config.submitFn,
-      "onUpdate:editing": s[0] || (s[0] = (d) => o("update:editing", d)),
-      onSubmitFinish: s[1] || (s[1] = (d, F) => o("submitFinish", d, F))
+    refreshFn: { type: Function }
+  }, {
+    editing: { type: Boolean, default: !1 },
+    editingModifiers: {}
+  }),
+  emits: /* @__PURE__ */ p(["submitSuccess"], ["update:editing"]),
+  setup(o, { emit: b }) {
+    const t = o, y = b, a = h(o, "editing"), l = (e) => {
+      const { config: n } = t;
+      return {
+        data: e,
+        value: e[n.key],
+        config: n
+      };
+    }, S = u(() => l(t.data)), f = u(() => {
+      const { editable: e } = t.config;
+      return typeof e == "function" ? !!e(S.value) : !!e;
+    }), k = (e) => {
+      const {
+        config: { key: n, label: i }
+      } = t;
+      if (e)
+        return {
+          ...e,
+          key: n,
+          label: i,
+          layoutHide: !0,
+          layout: { span: 24 }
+        };
+    }, s = u(() => {
+      const {
+        config: { editorConfig: e, ...n }
+      } = t;
+      return {
+        ...n,
+        ...k(e) ?? {}
+      };
+    }), C = () => {
+      var e;
+      return (e = t.refreshFn) == null ? void 0 : e.call(t, {
+        stringifyData: t.data,
+        parseData: f.value && s.value.editorConfig ? R(t.data, [s.value.editorConfig]) : t.data
+      });
+    }, F = () => {
+      a.value = !1;
+    }, c = (e) => ({
+      ...l(e),
+      editing: a.value,
+      refresh: C,
+      closeEdit: F
+    }), B = (e) => {
+      y("submitSuccess", e);
+    };
+    return (e, n) => (r(), d(M, {
+      editing: a.value,
+      "onUpdate:editing": n[0] || (n[0] = (i) => a.value = i),
+      config: s.value,
+      editable: f.value,
+      data: o.data,
+      "submit-fn": o.config.submitFn,
+      onSubmitSuccess: B
     }, {
-      editor: h(({ data: d }) => [
-        e.config.editorRender === void 0 ? (n(), f("span", E)) : (n(), l(u(e.config.editorRender), g(m({ key: 1 }, B(d))), null, 16))
+      default: g(({ stringifyDraftData: i }) => [
+        o.config.render === void 0 ? (r(), x("span", w, D(c(i).value), 1)) : (r(), d(m(o.config.render), v(I({ key: 1 }, c(i))), null, 16))
       ]),
-      default: h(() => [
-        e.config.render === void 0 ? (n(), f("span", C, k(r(v)), 1)) : (n(), l(u(e.config.render), g(m({ key: 1 }, r(y))), null, 16))
+      editor: g(({ stringifyDraftData: i }) => [
+        (r(), d(m(o.config.editorRender), v(E(c(i))), null, 16))
       ]),
       _: 1
-    }, 8, ["data", "editing", "submit-fn"])) : (n(), f(w, { key: 0 }, [
-      e.config.render === void 0 ? (n(), f("span", x, k(r(v)), 1)) : (n(), l(u(e.config.render), g(m({ key: 1 }, r(y))), null, 16))
-    ], 64));
+    }, 8, ["editing", "config", "editable", "data", "submit-fn"]));
   }
 });
 export {
-  I as default
+  j as default
 };

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

@@ -1,80 +1,7 @@
-import { ElRow as x, ElCol as R } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/row/style/css";
-import "element-plus/es/components/col/style/css";
-import { defineComponent as L, ref as B, computed as F, watch as M, openBlock as s, createBlock as f, withCtx as l, createElementBlock as P, Fragment as b, renderList as D, unref as u, withDirectives as S, mergeProps as U, createVNode as j, vShow as H } from "vue";
-import N from "./PanelItem.vue.mjs";
-import { resolveFormLayout as m } from "../form/utils.mjs";
-const I = /* @__PURE__ */ L({
-  name: "PanelMain",
-  __name: "PanelMain",
-  props: {
-    data: {},
-    layout: { default: () => ({ span: 24 }) },
-    list: {}
-  },
-  emits: ["refresh"],
-  setup(c, { emit: p }) {
-    const n = c, d = p, g = (e) => e, h = (e) => e, a = B({}), y = F(
-      () => n.list.map((e, t) => ({ config: e, index: t })).sort((e, t) => {
-        const o = e.config.order ?? e.index, i = t.config.order ?? t.index;
-        return o - i;
-      })
-    ), _ = (e) => {
-      const { hide: t } = e;
-      if (typeof t == "function") {
-        const o = {
-          data: n.data,
-          value: n.data[e.key],
-          config: e
-        };
-        return !!t(o);
-      }
-      return !!t;
-    }, k = (e) => ({
-      ...m(n.layout),
-      ...m(e)
-    }), v = (e, t) => {
-      a.value = {}, t && (a.value[e] = t);
-    }, E = (e, t) => {
-      e && d("refresh", t);
-    }, w = () => d("refresh", n.data);
-    return M(
-      () => n.list,
-      (e) => {
-        const t = e.map((o) => o.key);
-        Object.keys(a.value).forEach((o) => {
-          t.includes(o) || delete a.value[o];
-        });
-      },
-      { immediate: !0 }
-    ), (e, t) => {
-      const o = R, i = x;
-      return s(), f(i, null, {
-        default: l(() => [
-          (s(!0), P(b, null, D(u(y), (r) => S((s(), f(o, U({
-            key: r.config.key
-          }, { ref_for: !0 }, k(r.config.layout)), {
-            default: l(() => [
-              j(N, {
-                data: g(c.data),
-                config: h(r.config),
-                editing: u(a)[r.config.key] ?? !1,
-                "onUpdate:editing": (C) => v(r.config.key, C),
-                onSubmitFinish: E,
-                onRefresh: w
-              }, null, 8, ["data", "config", "editing", "onUpdate:editing"])
-            ]),
-            _: 2
-          }, 1040)), [
-            [H, !_(r.config)]
-          ])), 128))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
+import o from "./PanelMain.vue2.mjs";
+/* empty css                */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5cd9d7e4"]]);
 export {
-  I as default
+  m as default
 };

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

@@ -1,4 +1,101 @@
-import f from "./PanelMain.vue.mjs";
+import { ElRow as E, ElCol as x } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+import { defineComponent as M, useCssVars as b, unref as i, ref as L, computed as c, watch as F, openBlock as s, createBlock as m, withCtx as u, createElementBlock as j, Fragment as P, renderList as S, withDirectives as D, mergeProps as G, resolveDynamicComponent as O, normalizeClass as R, createVNode as U, vShow as V } from "vue";
+import W from "./PanelItem.vue.mjs";
+import { ElCard as g } from "element-plus";
+import { resolveFormLayout as y } from "../form/utils.mjs";
+const J = /* @__PURE__ */ M({
+  name: "PanelMain",
+  __name: "PanelMain",
+  props: {
+    data: {},
+    rowGutter: { default: 8 },
+    layout: { default: () => ({ span: 24 }) },
+    list: {},
+    itemCard: { type: [Boolean, Object], default: () => ({ lastMarginBottom: "8px" }) },
+    refreshFn: {}
+  },
+  setup(l) {
+    b((t) => ({
+      v855b420c: i(h)
+    }));
+    const a = l, r = L({}), C = c(
+      () => a.list.map((t, e) => ({ config: t, index: e })).sort((t, e) => {
+        const o = t.config.order ?? t.index, d = e.config.order ?? e.index;
+        return o - d;
+      })
+    ), f = c(() => a.itemCard ? g : "span"), _ = c(
+      () => `panel-main-item-col-wrap_${f.value === g ? "card" : "span"}`
+    ), h = c(
+      () => typeof a.itemCard == "object" && a.itemCard.lastMarginBottom ? a.itemCard.lastMarginBottom : 0
+    ), k = (t) => {
+      const { hide: e } = t;
+      if (typeof e == "function") {
+        const o = {
+          data: a.data,
+          value: a.data[t.key],
+          config: t
+        };
+        return !!e(o);
+      }
+      return !!e;
+    }, v = (t) => ({
+      ...y(a.layout),
+      ...y(t)
+    }), w = (t, e) => {
+      r.value = {}, e && (r.value[t] = e);
+    }, p = ({
+      stringifyData: t,
+      parseData: e
+    }) => {
+      var o;
+      (o = a.refreshFn) == null || o.call(a, t, e);
+    };
+    return F(
+      () => a.list,
+      (t) => {
+        const e = t.map((o) => o.key);
+        Object.keys(r.value).forEach((o) => {
+          e.includes(o) || delete r.value[o];
+        });
+      },
+      { immediate: !0 }
+    ), (t, e) => {
+      const o = x, d = E;
+      return s(), m(d, { gutter: l.rowGutter }, {
+        default: u(() => [
+          (s(!0), j(P, null, S(i(C), (n) => D((s(), m(o, G({
+            key: n.config.key
+          }, { ref_for: !0 }, v(n.config.layout), { class: "panel-main-item-col" }), {
+            default: u(() => [
+              (s(), m(O(i(f)), {
+                class: R(i(_))
+              }, {
+                default: u(() => [
+                  U(W, {
+                    data: l.data,
+                    config: n.config,
+                    editing: i(r)[n.config.key] ?? !1,
+                    "refresh-fn": p,
+                    "onUpdate:editing": (B) => w(n.config.key, B),
+                    onSubmitSuccess: p
+                  }, null, 8, ["data", "config", "editing", "onUpdate:editing"])
+                ]),
+                _: 2
+              }, 1032, ["class"]))
+            ]),
+            _: 2
+          }, 1040)), [
+            [V, !k(n.config)]
+          ])), 128))
+        ]),
+        _: 1
+      }, 8, ["gutter"]);
+    };
+  }
+});
 export {
-  f as default
+  J as default
 };