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

package/es/components/data-view/DataListView.vue2.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as w, computed as m, ref as B, watch as R, openBlock as s, createElementBlock as p, normalizeStyle as A, Fragment as F, renderList as z, createBlock as E, withCtx as K, renderSlot as S, createVNode as O, unref as j, markRaw as q, h as c } from "vue";
-import { ElEmpty as I } from "element-plus";
-import M from "./DataListViewItem.vue.mjs";
-import { createDataListViewInstance as N } from "./utils.mjs";
-const P = {
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createBlock, withCtx, renderSlot, createVNode, unref, markRaw, h } from "vue";
+import { ElEmpty } from "element-plus";
+import DataListViewItem from "./DataListViewItem.vue.mjs";
+import { createDataListViewInstance } from "./utils.mjs";
+const _hoisted_1 = {
   key: 1,
   class: "data-list-view-empty"
-}, T = /* @__PURE__ */ w({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DataListView",
   props: {
     data: {},
@@ -13,119 +14,158 @@ const P = {
     columns: {},
     maxHeight: {},
     minHeight: {},
-    selectable: { type: Boolean, default: !1 },
+    selectable: { type: Boolean, default: false },
     getRenderCtxParams: {}
   },
   emits: ["selectionChange"],
-  setup(r, { expose: k, emit: C }) {
-    const o = r, b = C, i = (e) => {
-      const t = o.rowKey;
-      return typeof t == "function" ? t(e) : String(e[t]);
-    }, H = m(() => {
-      const e = {};
-      return o.maxHeight && (e.maxHeight = `${o.maxHeight}px`, e.overflowY = "auto"), o.minHeight && (e.minHeight = `${o.minHeight}px`), Object.keys(e).length ? e : void 0;
-    }), l = B(/* @__PURE__ */ new Set()), V = m(() => l.value.size === o.data.length), f = (e) => o.selectable && l.value.has(i(e)), d = () => {
-      b("selectionChange", g());
-    }, g = () => o.selectable ? o.data.filter((e) => l.value.has(i(e))) : [], y = () => {
-      l.value = /* @__PURE__ */ new Set(), d();
-    }, $ = () => {
-      if (!o.selectable) return;
-      const e = !V.value;
-      l.value = e ? new Set(o.data.map((t) => i(t))) : /* @__PURE__ */ new Set(), d();
-    }, h = (e) => {
-      if (!o.selectable) return;
-      const t = i(e), n = new Set(l.value);
-      n.has(t) ? n.delete(t) : n.add(t), l.value = n, d();
-    }, D = (e) => q(
-      w({
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const keyOf = (row) => {
+      const rk = props.rowKey;
+      return typeof rk === "function" ? rk(row) : String(row[rk]);
+    };
+    const containerStyle = computed(() => {
+      const style = {};
+      if (props.maxHeight) {
+        style.maxHeight = `${props.maxHeight}px`;
+        style.overflowY = "auto";
+      }
+      if (props.minHeight) {
+        style.minHeight = `${props.minHeight}px`;
+      }
+      return Object.keys(style).length ? style : void 0;
+    });
+    const selectedKeys = ref(/* @__PURE__ */ new Set());
+    const selectAll = computed(() => selectedKeys.value.size === props.data.length);
+    const isSelected = (row) => props.selectable && selectedKeys.value.has(keyOf(row));
+    const emitChange = () => {
+      emits("selectionChange", getSelected());
+    };
+    const getSelected = () => props.selectable ? props.data.filter((r) => selectedKeys.value.has(keyOf(r))) : [];
+    const clearSelection = () => {
+      selectedKeys.value = /* @__PURE__ */ new Set();
+      emitChange();
+    };
+    const toggleAll = () => {
+      if (!props.selectable) return;
+      const nextSelectAll = !selectAll.value;
+      selectedKeys.value = nextSelectAll ? new Set(props.data.map((r) => keyOf(r))) : /* @__PURE__ */ new Set();
+      emitChange();
+    };
+    const toggleSelect = (row) => {
+      if (!props.selectable) return;
+      const k = keyOf(row);
+      const next = new Set(selectedKeys.value);
+      next.has(k) ? next.delete(k) : next.add(k);
+      selectedKeys.value = next;
+      emitChange();
+    };
+    const makeFieldComp = (column) => markRaw(
+      defineComponent({
         name: "DataViewField",
         props: {
-          row: { type: Object, required: !0 },
-          index: { type: Number, required: !0 },
-          selected: { type: Boolean, default: !1 },
+          row: { type: Object, required: true },
+          index: { type: Number, required: true },
+          selected: { type: Boolean, default: false },
           toggleSelect: { type: Function, default: void 0 }
         },
-        setup(t) {
+        setup(p) {
           return () => {
-            const { type: n, render: a, prop: x } = e;
-            if (n === "index")
-              return c("span", String(t.index + 1));
-            if (n === "selection")
-              return c("input", {
+            const { type, render, prop } = column;
+            if (type === "index") {
+              return h("span", String(p.index + 1));
+            }
+            if (type === "selection") {
+              return h("input", {
                 type: "checkbox",
-                checked: t.selected,
+                checked: p.selected,
                 onChange: () => {
-                  var v;
-                  return (v = t.toggleSelect) == null ? void 0 : v.call(t);
+                  var _a;
+                  return (_a = p.toggleSelect) == null ? void 0 : _a.call(p);
                 }
               });
-            if (typeof a == "function")
-              return a({
-                ...o.getRenderCtxParams(),
-                row: t.row,
-                column: e,
-                _index: t.index
+            }
+            if (typeof render === "function") {
+              return render({
+                ...props.getRenderCtxParams(),
+                row: p.row,
+                column,
+                _index: p.index
               });
-            if (a)
-              return c(a);
-            const u = x ? t.row[x] : void 0;
-            return c("span", u == null ? "" : String(u));
+            }
+            if (render) {
+              return h(render);
+            }
+            const v = prop ? p.row[prop] : void 0;
+            return h("span", v === void 0 || v === null ? "" : String(v));
           };
         }
       })
-    ), L = m(() => {
-      const e = {};
-      for (const t of o.columns) {
-        if (t.type === "expand") continue;
-        const n = t.type === "index" ? "$type_index" : t.type === "selection" ? "$type_selection" : t.prop;
-        if (!n) {
+    );
+    const fieldComponentMap = computed(() => {
+      const map = {};
+      for (const column of props.columns) {
+        if (column.type === "expand") continue;
+        const key = column.type === "index" ? "$type_index" : column.type === "selection" ? "$type_selection" : column.prop;
+        if (!key) {
           console.warn(
             "[DataListView] 列缺少 prop 且非 index/selection，跳过",
-            t
+            column
           );
           continue;
         }
-        e[n] && console.warn(`[DataListView] 列 key 重复 "${n}"，后者覆盖前者`), e[n] = D(t);
+        if (map[key]) {
+          console.warn(`[DataListView] 列 key 重复 "${key}"，后者覆盖前者`);
+        }
+        map[key] = makeFieldComp(column);
       }
-      return e;
-    }), _ = N({
-      clearSelection: y,
-      getSelectionRows: g,
-      toggleRowSelection: h,
-      toggleAllSelection: $,
-      columns: o.columns
+      return map;
+    });
+    const expose = createDataListViewInstance({
+      clearSelection,
+      getSelectionRows: getSelected,
+      toggleRowSelection: toggleSelect,
+      toggleAllSelection: toggleAll,
+      columns: props.columns
     });
-    return k(_), R(
-      () => o.data,
+    __expose(expose);
+    watch(
+      () => props.data,
       () => {
-        l.value.size && y();
+        if (selectedKeys.value.size) clearSelection();
       }
-    ), (e, t) => (s(), p("div", {
-      class: "data-list-view",
-      style: A(H.value)
-    }, [
-      r.data.length ? (s(!0), p(F, { key: 0 }, z(r.data, (n, a) => (s(), E(M, {
-        key: i(n),
-        selected: f(n)
-      }, {
-        default: K(() => [
-          S(e.$slots, "item", {
-            fieldComponentMap: L.value,
-            row: n,
-            index: a,
-            selected: f(n),
-            toggleSelect: () => h(n)
-          }, void 0, !0)
-        ]),
-        _: 2
-      }, 1032, ["selected"]))), 128)) : (s(), p("div", P, [
-        S(e.$slots, "empty", {}, () => [
-          O(j(I))
-        ], !0)
-      ]))
-    ], 4));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "data-list-view",
+        style: normalizeStyle(containerStyle.value)
+      }, [
+        __props.data.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.data, (row, index) => {
+          return openBlock(), createBlock(DataListViewItem, {
+            key: keyOf(row),
+            selected: isSelected(row)
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "item", {
+                fieldComponentMap: fieldComponentMap.value,
+                row,
+                index,
+                selected: isSelected(row),
+                toggleSelect: () => toggleSelect(row)
+              }, void 0, true)
+            ]),
+            _: 2
+          }, 1032, ["selected"]);
+        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            createVNode(unref(ElEmpty))
+          ], true)
+        ]))
+      ], 4);
+    };
   }
 });
 export {
-  T as default
+  _sfc_main as default
 };

package/es/components/data-view/DataListViewItem.vue.mjs

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

package/es/components/data-view/DataListViewItem.vue2.mjs

@@ -1,17 +1,19 @@
-import { defineComponent as s, openBlock as o, createElementBlock as a, normalizeClass as l, renderSlot as n } from "vue";
-const c = /* @__PURE__ */ s({
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DataListViewItem",
   props: {
     selected: { type: Boolean }
   },
-  setup(e) {
-    return (t, r) => (o(), a("div", {
-      class: l(["data-list-view-item", { "is-selected": e.selected }])
-    }, [
-      n(t.$slots, "default", {}, void 0, !0)
-    ], 2));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["data-list-view-item", { "is-selected": __props.selected }])
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
   }
 });
 export {
-  c as default
+  _sfc_main as default
 };

package/es/components/data-view/utils.mjs

@@ -1,36 +1,38 @@
-const o = (r) => ({
-  toggleRowExpansion: () => {
-    throw new Error("toggleRowExpansion not supported");
-  },
-  setCurrentRow: () => {
-    throw new Error("setCurrentRow not supported");
-  },
-  clearSort: () => {
-    throw new Error("clearSort not supported");
-  },
-  clearFilter: () => {
-    throw new Error("clearFilter not supported");
-  },
-  doLayout: () => {
-    throw new Error("doLayout not supported");
-  },
-  sort: () => {
-    throw new Error("sort not supported");
-  },
-  scrollTo: () => {
-    throw new Error("scrollTo not supported");
-  },
-  setScrollTop: () => {
-    throw new Error("setScrollTop not supported");
-  },
-  setScrollLeft: () => {
-    throw new Error("setScrollLeft not supported");
-  },
-  updateKeyChildren: () => {
-    throw new Error("updateKeyChildren not supported");
-  },
-  ...r
-});
+const createDataListViewInstance = (mainMethods) => {
+  return {
+    toggleRowExpansion: () => {
+      throw new Error("toggleRowExpansion not supported");
+    },
+    setCurrentRow: () => {
+      throw new Error("setCurrentRow not supported");
+    },
+    clearSort: () => {
+      throw new Error("clearSort not supported");
+    },
+    clearFilter: () => {
+      throw new Error("clearFilter not supported");
+    },
+    doLayout: () => {
+      throw new Error("doLayout not supported");
+    },
+    sort: () => {
+      throw new Error("sort not supported");
+    },
+    scrollTo: () => {
+      throw new Error("scrollTo not supported");
+    },
+    setScrollTop: () => {
+      throw new Error("setScrollTop not supported");
+    },
+    setScrollLeft: () => {
+      throw new Error("setScrollLeft not supported");
+    },
+    updateKeyChildren: () => {
+      throw new Error("updateKeyChildren not supported");
+    },
+    ...mainMethods
+  };
+};
 export {
-  o as createDataListViewInstance
+  createDataListViewInstance
 };

package/es/components/display/ActionBtn.vue.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as O, toRefs as R, getCurrentInstance as V, ref as f, computed as b, openBlock as x, createBlock as w, unref as p, withCtx as d, createVNode as $, mergeProps as A, renderSlot as I } from "vue";
-import { ElButton as T } from "element-plus";
-import F from "./ActionConfirm.vue.mjs";
-const q = /* @__PURE__ */ O({
-  inheritAttrs: !1,
+import { defineComponent, toRefs, getCurrentInstance, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
+import { ElButton } from "element-plus";
+import ActionConfirm from "./ActionConfirm.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "ActionBtn",
   props: {
     size: {},
@@ -28,13 +28,21 @@ const q = /* @__PURE__ */ O({
     beforeOpen: {}
   },
   emits: ["click"],
-  setup(v) {
-    const m = v, { confirmConfig: s, confirmMode: _, beforeOpen: u } = R(m), r = V(), o = f(!1), c = f(!1), l = f();
-    let y;
-    const L = b(
-      () => !!s.value || !!u.value
-    ), g = b(() => {
-      const e = m, t = {}, a = [
+  setup(__props) {
+    const props = __props;
+    const { confirmConfig, confirmMode, beforeOpen } = toRefs(props);
+    const instance = getCurrentInstance();
+    const innerLoading = ref(false);
+    const confirmVisible = ref(false);
+    const resolvedConfig = ref();
+    let lastEvt;
+    const shouldRenderConfirm = computed(
+      () => Boolean(confirmConfig.value) || Boolean(beforeOpen.value)
+    );
+    const passthrough = computed(() => {
+      const p = props;
+      const picked = {};
+      const keys = [
         "type",
         "size",
         "plain",
@@ -53,82 +61,97 @@ const q = /* @__PURE__ */ O({
         "icon",
         "loadingIcon"
       ];
-      for (const n of a) e[n] !== void 0 && (t[n] = e[n]);
-      return { ...r == null ? void 0 : r.attrs, ...t };
-    }), P = (e) => !!e && typeof e.then == "function", S = () => {
-      var t;
-      const e = (t = r == null ? void 0 : r.vnode.props) == null ? void 0 : t.onClick;
-      return e ? Array.isArray(e) ? e : [e] : [];
-    }, k = () => {
-      const e = S();
-      if (!e.length) return;
-      const t = y;
-      let a;
+      for (const k of keys) if (p[k] !== void 0) picked[k] = p[k];
+      return { ...instance == null ? void 0 : instance.attrs, ...picked };
+    });
+    const isPromise = (v) => !!v && typeof v.then === "function";
+    const getListeners = () => {
+      var _a;
+      const raw = (_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onClick;
+      if (!raw) return [];
+      return Array.isArray(raw) ? raw : [raw];
+    };
+    const invokeListeners = () => {
+      const listeners = getListeners();
+      if (!listeners.length) return;
+      const evt = lastEvt;
+      let rets;
       try {
-        a = e.map((i) => i(t));
-      } catch (i) {
-        throw o.value = !1, i;
+        rets = listeners.map((fn) => fn(evt));
+      } catch (e) {
+        innerLoading.value = false;
+        throw e;
       }
-      const n = a.filter(P);
-      if (n.length)
-        return o.value = !0, Promise.all(n).finally(() => {
-          o.value = !1;
-        });
-    }, z = () => k(), B = async (e) => {
-      if (o.value || c.value) return;
-      y = e;
-      let t;
-      if (u.value) {
-        o.value = !0;
+      const proms = rets.filter(isPromise);
+      if (!proms.length) return;
+      innerLoading.value = true;
+      return Promise.all(proms).finally(() => {
+        innerLoading.value = false;
+      });
+    };
+    const submitFnAdapter = () => invokeListeners();
+    const onInnerClick = async (evt) => {
+      if (innerLoading.value || confirmVisible.value) return;
+      lastEvt = evt;
+      let data;
+      if (beforeOpen.value) {
+        innerLoading.value = true;
         try {
-          t = await u.value();
+          data = await beforeOpen.value();
         } catch {
-          o.value = !1;
+          innerLoading.value = false;
           return;
         }
-        o.value = !1;
-      } else
-        t = void 0;
-      s.value ? (l.value = typeof s.value == "function" ? s.value(t) : s.value, c.value = !0) : k();
-    }, E = (e) => {
-      l.value = void 0;
+        innerLoading.value = false;
+      } else {
+        data = void 0;
+      }
+      if (confirmConfig.value) {
+        resolvedConfig.value = typeof confirmConfig.value === "function" ? confirmConfig.value(data) : confirmConfig.value;
+        confirmVisible.value = true;
+      } else {
+        invokeListeners();
+      }
+    };
+    const onConfirmClose = (_confirmed) => {
+      resolvedConfig.value = void 0;
     };
-    return (e, t) => {
-      var a, n, i, C, h;
-      return L.value ? (x(), w(F, {
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e;
+      return shouldRenderConfirm.value ? (openBlock(), createBlock(ActionConfirm, {
         key: 0,
-        show: c.value,
-        "onUpdate:show": t[0] || (t[0] = (M) => c.value = M),
-        mode: p(_) || "popconfirm",
-        title: (a = l.value) == null ? void 0 : a.title,
-        content: (n = l.value) == null ? void 0 : n.content,
-        "confirm-text": (i = l.value) == null ? void 0 : i.confirmText,
-        "cancel-text": (C = l.value) == null ? void 0 : C.cancelText,
-        type: ((h = l.value) == null ? void 0 : h.type) ?? v.type,
-        "submit-fn": z,
-        onClose: E
+        show: confirmVisible.value,
+        "onUpdate:show": _cache[0] || (_cache[0] = ($event) => confirmVisible.value = $event),
+        mode: unref(confirmMode) || "popconfirm",
+        title: (_a = resolvedConfig.value) == null ? void 0 : _a.title,
+        content: (_b = resolvedConfig.value) == null ? void 0 : _b.content,
+        "confirm-text": (_c = resolvedConfig.value) == null ? void 0 : _c.confirmText,
+        "cancel-text": (_d = resolvedConfig.value) == null ? void 0 : _d.cancelText,
+        type: ((_e = resolvedConfig.value) == null ? void 0 : _e.type) ?? __props.type,
+        "submit-fn": submitFnAdapter,
+        onClose: onConfirmClose
       }, {
-        default: d(() => [
-          $(p(T), A({ class: "dc-action-btn" }, g.value, {
-            loading: o.value,
-            onClick: B
+        default: withCtx(() => [
+          createVNode(unref(ElButton), mergeProps({ class: "dc-action-btn" }, passthrough.value, {
+            loading: innerLoading.value,
+            onClick: onInnerClick
           }), {
-            default: d(() => [
-              I(e.$slots, "default")
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
           }, 16, ["loading"])
         ]),
         _: 3
-      }, 8, ["show", "mode", "title", "content", "confirm-text", "cancel-text", "type"])) : (x(), w(p(T), A({
+      }, 8, ["show", "mode", "title", "content", "confirm-text", "cancel-text", "type"])) : (openBlock(), createBlock(unref(ElButton), mergeProps({
         key: 1,
         class: "dc-action-btn"
-      }, g.value, {
-        loading: o.value,
-        onClick: B
+      }, passthrough.value, {
+        loading: innerLoading.value,
+        onClick: onInnerClick
       }), {
-        default: d(() => [
-          I(e.$slots, "default")
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
       }, 16, ["loading"]));
@@ -136,5 +159,5 @@ const q = /* @__PURE__ */ O({
   }
 });
 export {
-  q as default
+  _sfc_main as default
 };

package/es/components/display/ActionBtn.vue2.mjs

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