@done-coding/admin-core 0.1.4 → 0.2.1-alpha.0

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

@@ -0,0 +1,80 @@
+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
+      });
+    };
+  }
+});
+export {
+  I as default
+};

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

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

package/es/components/panel/index.mjs

@@ -0,0 +1,20 @@
+import e from "./PanelMain.vue.mjs";
+import o from "./PanelItem.vue.mjs";
+import m from "./PanelEditSwitch.vue.mjs";
+const i = {
+  PanelMain: e,
+  PanelItem: o,
+  PanelEditSwitch: m
+}, r = {
+  install(n) {
+    Object.entries(i).forEach(([t, a]) => {
+      n.component(t, a);
+    });
+  }
+};
+export {
+  m as PanelEditSwitch,
+  o as PanelItem,
+  e as PanelMain,
+  r as panelInstall
+};

package/es/index.mjs

@@ -5,124 +5,141 @@ import { miscInstall as a } from "./components/misc/index.mjs";
 import { modalInstall as m } from "./components/modal/index.mjs";
 import { tableInstall as f } from "./components/table/index.mjs";
 import { listPageInstall as s } from "./components/list-page/index.mjs";
-import { createAdminBridge as g } from "./bridge/index.mjs";
-import { default as A } from "./components/misc/ActionButton.vue.mjs";
-import { default as C } from "./components/misc/ActionButtonDanger.vue.mjs";
-import { default as F } from "./components/misc/ActionButtonWarn.vue.mjs";
-import { default as R } from "./components/modal/DetailModal.vue.mjs";
-import { default as O } from "./components/form/FormMain.vue.mjs";
-import { default as D } from "./components/form/FormRadioGroup.vue.mjs";
-import { default as h } from "./components/form/FormSelect.vue.mjs";
-import { default as b } from "./components/form/FormTree.vue.mjs";
-import { default as v } from "./components/form/FormVerifyCode.vue.mjs";
-import { default as U } from "./components/display/HeightProvider.vue.mjs";
-import { default as w } from "./components/menu/MenuItemSub.vue.mjs";
-import { default as W } from "./components/menu/MenuTree.vue.mjs";
-import { default as k } from "./components/misc/TriggerAutoImport.vue.mjs";
-import { default as X } from "./components/display/WatchSize.vue.mjs";
-import { APP_API_LIST_MODEL_KEY_CONFIG as Q } from "./config/list-model.mjs";
-import { default as q } from "./components/misc/AutoRefresh.vue.mjs";
-import { BODY_CONTENT_VIEWPORT_HEIGHT as Z, FULLSCREEN_HEIGHT_CHANNEL as $ } from "./inject/key.mjs";
-import { default as te } from "./components/modal/ConfirmModal.vue.mjs";
-import { EXPORT_MAX_LIMIT as re, OPERATE_COLUMN_PROP as ae, exportCSV as me, pickExportColumns as fe } from "./utils/export.mjs";
-import { FORM_CONFIG_SELECT_ALL_VALUE as le, getConfirmPasswordRule as ue, passwordRule as ie, setFormComponentType as pe } from "./helpers/form.mjs";
-import { FORM_ITEM_CHANGE_LOADING as xe, generateFormData as de, getBlurSubmit as ce, getChangeSubmit as Ee, getDatePickerShortcuts as Ie, getEnterSubmit as ge, getPlaceholder as _e, getVModelSugar as Ae, parseFormData as Te, resolveFormLayout as Ce, setInputComponent as Me, setSelectComponent as Fe, stringifyFormData as Le, swiftFormItemConfig as Re } from "./components/form/utils.mjs";
-import { default as Oe } from "./components/form/FormSearch.vue.mjs";
-import { default as De } from "./components/form/FormVerifyImage.vue.mjs";
-import { default as he } from "./components/list-page/ListPage.vue.mjs";
-import { ROUTE_MODULE_LEVEL as be, TabsMainReplaceQueryKey as Ge } from "./config/route.mjs";
-import { default as He } from "./components/table/TableMain.vue.mjs";
-import { default as Ve } from "./components/display/TabsMain.vue.mjs";
-import { countAll as Be, createListApi as We, fetchListAll as Ke } from "./helpers/list-helper.mjs";
-import { createGenerateRouteMetaRawTree as ze } from "./helpers/route.mjs";
-import { createStorageWithNamespace as Ye } from "./helpers/storage.mjs";
-import { createUseState as je } from "./helpers/state.mjs";
-import { createUserStore as Je } from "./store/user.mjs";
-import { flatRouteMetaResolveRaw as $e, getRoutePermissionKey as et } from "./utils/router.mjs";
-import { getId as ot } from "./utils/id.mjs";
-import { timeCountDown as at } from "./utils/time.mjs";
-import { useActivated as ft, useActivatedEvent as st, useActivatedExec as lt } from "./hooks/activated.mjs";
-import { useFeelSize as it } from "./hooks/feel-size.mjs";
-import { useMenusDataDispatch as nt } from "./hooks/menus-dispatch.mjs";
-import { useTimeout as dt } from "./hooks/timeout.mjs";
-const c = {
+import { panelInstall as l } from "./components/panel/index.mjs";
+import { createAdminBridge as A } from "./bridge/index.mjs";
+import { default as C } from "./components/misc/ActionBtn.vue.mjs";
+import { default as T } from "./components/misc/ActionButton.vue.mjs";
+import { default as L } from "./components/misc/ActionButtonDanger.vue.mjs";
+import { default as R } from "./components/misc/ActionButtonWarn.vue.mjs";
+import { default as h } from "./components/modal/DetailModal.vue.mjs";
+import { default as N } from "./components/form/FormMain.vue.mjs";
+import { default as b } from "./components/form/FormRadioGroup.vue.mjs";
+import { default as v } from "./components/form/FormSelect.vue.mjs";
+import { default as B } from "./components/form/FormTree.vue.mjs";
+import { default as U } from "./components/form/FormVerifyCode.vue.mjs";
+import { default as K } from "./components/display/HeightProvider.vue.mjs";
+import { default as k } from "./components/menu/MenuItemSub.vue.mjs";
+import { default as X } from "./components/menu/MenuTree.vue.mjs";
+import { default as j } from "./components/modal/ModalPorter.vue.mjs";
+import { default as q } from "./components/modal/ModalShelf.vue.mjs";
+import { default as Z } from "./components/panel/PanelItem.vue.mjs";
+import { default as ee } from "./components/panel/PanelMain.vue.mjs";
+import { default as oe } from "./components/misc/TriggerAutoImport.vue.mjs";
+import { default as ae } from "./components/display/WatchSize.vue.mjs";
+import { APP_API_LIST_MODEL_KEY_CONFIG as fe } from "./config/list-model.mjs";
+import { default as le } from "./components/misc/ActionConfirm.vue.mjs";
+import { default as ie } from "./components/misc/AutoRefresh.vue.mjs";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as pe, FULLSCREEN_HEIGHT_CHANNEL as xe, getModalShelfInjectionKey as de } from "./inject/key.mjs";
+import { default as Ie } from "./components/modal/ConfirmModal.vue.mjs";
+import { EXPORT_MAX_LIMIT as ge, OPERATE_COLUMN_PROP as Me, exportCSV as Ae, pickExportColumns as _e } from "./utils/export.mjs";
+import { FORM_CONFIG_SELECT_ALL_VALUE as Se, getConfirmPasswordRule as Te, passwordRule as Fe, setFormComponentType as Le } from "./helpers/form.mjs";
+import { FORM_ITEM_CHANGE_LOADING as Re, generateFormData as Oe, getBlurSubmit as he, getChangeSubmit as De, getDatePickerShortcuts as Ne, getEnterSubmit as ye, getPlaceholder as be, getVModelSugar as Ge, parseFormData as ve, resolveFormLayout as we, setInputComponent as Be, setSelectComponent as He, stringifyFormData as Ue, swiftFormItemConfig as Ve } from "./components/form/utils.mjs";
+import { default as We } from "./components/form/FormSearch.vue.mjs";
+import { default as ze } from "./components/form/FormVerifyImage.vue.mjs";
+import { default as Ye } from "./components/list-page/ListPage.vue.mjs";
+import { default as Qe } from "./components/panel/PanelEditSwitch.vue.mjs";
+import { ROUTE_MODULE_LEVEL as Je, TabsMainReplaceQueryKey as Ze } from "./config/route.mjs";
+import { default as et } from "./components/table/TableMain.vue.mjs";
+import { default as ot } from "./components/display/TabsMain.vue.mjs";
+import { countAll as at, createListApi as mt, fetchListAll as ft } from "./helpers/list-helper.mjs";
+import { createGenerateRouteMetaRawTree as lt } from "./helpers/route.mjs";
+import { createStorageWithNamespace as it } from "./helpers/storage.mjs";
+import { createUseState as pt } from "./helpers/state.mjs";
+import { createUserStore as dt } from "./store/user.mjs";
+import { flatRouteMetaResolveRaw as It, getRoutePermissionKey as Et } from "./utils/router.mjs";
+import { getId as Mt } from "./utils/id.mjs";
+import { timeCountDown as _t } from "./utils/time.mjs";
+import { useActivated as St, useActivatedEvent as Tt, useActivatedExec as Ft } from "./hooks/activated.mjs";
+import { useFeelSize as Pt } from "./hooks/feel-size.mjs";
+import { useMenusDataDispatch as Ot } from "./hooks/menus-dispatch.mjs";
+import { useTimeout as Dt } from "./hooks/timeout.mjs";
+const E = {
   install(e) {
-    e.use(t), e.use(o), e.use(r), e.use(a), e.use(m), e.use(f), e.use(s);
+    e.use(t), e.use(o), e.use(r), e.use(a), e.use(m), e.use(f), e.use(s), e.use(l);
   }
 };
 export {
-  Q as APP_API_LIST_MODEL_KEY_CONFIG,
-  A as ActionButton,
-  C as ActionButtonDanger,
-  F as ActionButtonWarn,
-  q as AutoRefresh,
-  Z as BODY_CONTENT_VIEWPORT_HEIGHT,
-  te as ConfirmModal,
-  R as DetailModal,
-  re as EXPORT_MAX_LIMIT,
-  le as FORM_CONFIG_SELECT_ALL_VALUE,
-  xe as FORM_ITEM_CHANGE_LOADING,
-  $ as FULLSCREEN_HEIGHT_CHANNEL,
-  O as FormMain,
-  D as FormRadioGroup,
-  Oe as FormSearch,
-  h as FormSelect,
-  b as FormTree,
-  v as FormVerifyCode,
-  De as FormVerifyImage,
-  U as HeightProvider,
-  he as ListPage,
-  w as MenuItemSub,
-  W as MenuTree,
-  ae as OPERATE_COLUMN_PROP,
-  be as ROUTE_MODULE_LEVEL,
-  He as TableMain,
-  Ve as TabsMain,
-  Ge as TabsMainReplaceQueryKey,
-  k as TriggerAutoImport,
-  X as WatchSize,
-  Be as countAll,
-  g as createAdminBridge,
-  ze as createGenerateRouteMetaRawTree,
-  We as createListApi,
-  Ye as createStorageWithNamespace,
-  je as createUseState,
-  Je as createUserStore,
+  fe as APP_API_LIST_MODEL_KEY_CONFIG,
+  C as ActionBtn,
+  T as ActionButton,
+  L as ActionButtonDanger,
+  R as ActionButtonWarn,
+  le as ActionConfirm,
+  ie as AutoRefresh,
+  pe as BODY_CONTENT_VIEWPORT_HEIGHT,
+  Ie as ConfirmModal,
+  h as DetailModal,
+  ge as EXPORT_MAX_LIMIT,
+  Se as FORM_CONFIG_SELECT_ALL_VALUE,
+  Re as FORM_ITEM_CHANGE_LOADING,
+  xe as FULLSCREEN_HEIGHT_CHANNEL,
+  N as FormMain,
+  b as FormRadioGroup,
+  We as FormSearch,
+  v as FormSelect,
+  B as FormTree,
+  U as FormVerifyCode,
+  ze as FormVerifyImage,
+  K as HeightProvider,
+  Ye as ListPage,
+  k as MenuItemSub,
+  X as MenuTree,
+  j as ModalPorter,
+  q as ModalShelf,
+  Me as OPERATE_COLUMN_PROP,
+  Qe as PanelEditSwitch,
+  Z as PanelItem,
+  ee as PanelMain,
+  Je as ROUTE_MODULE_LEVEL,
+  et as TableMain,
+  ot as TabsMain,
+  Ze as TabsMainReplaceQueryKey,
+  oe as TriggerAutoImport,
+  ae as WatchSize,
+  at as countAll,
+  A as createAdminBridge,
+  lt as createGenerateRouteMetaRawTree,
+  mt as createListApi,
+  it as createStorageWithNamespace,
+  pt as createUseState,
+  dt as createUserStore,
   r as displayInstall,
-  me as exportCSV,
-  Ke as fetchListAll,
-  $e as flatRouteMetaResolveRaw,
+  Ae as exportCSV,
+  ft as fetchListAll,
+  It as flatRouteMetaResolveRaw,
   t as formInstall,
-  de as generateFormData,
-  ce as getBlurSubmit,
-  Ee as getChangeSubmit,
-  ue as getConfirmPasswordRule,
-  Ie as getDatePickerShortcuts,
-  ge as getEnterSubmit,
-  ot as getId,
-  _e as getPlaceholder,
-  et as getRoutePermissionKey,
-  Ae as getVModelSugar,
-  c as installComponents,
+  Oe as generateFormData,
+  he as getBlurSubmit,
+  De as getChangeSubmit,
+  Te as getConfirmPasswordRule,
+  Ne as getDatePickerShortcuts,
+  ye as getEnterSubmit,
+  Mt as getId,
+  de as getModalShelfInjectionKey,
+  be as getPlaceholder,
+  Et as getRoutePermissionKey,
+  Ge as getVModelSugar,
+  E as installComponents,
   s as listPageInstall,
   o as menuInstall,
   a as miscInstall,
   m as modalInstall,
-  Te as parseFormData,
-  ie as passwordRule,
-  fe as pickExportColumns,
-  Ce as resolveFormLayout,
-  pe as setFormComponentType,
-  Me as setInputComponent,
-  Fe as setSelectComponent,
-  Le as stringifyFormData,
-  Re as swiftFormItemConfig,
+  l as panelInstall,
+  ve as parseFormData,
+  Fe as passwordRule,
+  _e as pickExportColumns,
+  we as resolveFormLayout,
+  Le as setFormComponentType,
+  Be as setInputComponent,
+  He as setSelectComponent,
+  Ue as stringifyFormData,
+  Ve as swiftFormItemConfig,
   f as tableInstall,
-  at as timeCountDown,
-  ft as useActivated,
-  st as useActivatedEvent,
-  lt as useActivatedExec,
-  it as useFeelSize,
-  nt as useMenusDataDispatch,
-  dt as useTimeout
+  _t as timeCountDown,
+  St as useActivated,
+  Tt as useActivatedEvent,
+  Ft as useActivatedExec,
+  Pt as useFeelSize,
+  Ot as useMenusDataDispatch,
+  Dt as useTimeout
 };

package/es/inject/key.mjs

@@ -1,9 +1,13 @@
-const E = Symbol.for(
+const o = Symbol.for(
   "BODY_CONTENT_VIEWPORT_HEIGHT"
-), H = Symbol.for(
+), _ = Symbol.for(
   "FULLSCREEN_HEIGHT_CHANNEL"
 );
+function H(E) {
+  return Symbol.for(`MODAL_SHELF_${E}`);
+}
 export {
-  E as BODY_CONTENT_VIEWPORT_HEIGHT,
-  H as FULLSCREEN_HEIGHT_CHANNEL
+  o as BODY_CONTENT_VIEWPORT_HEIGHT,
+  _ as FULLSCREEN_HEIGHT_CHANNEL,
+  H as getModalShelfInjectionKey
 };

package/es/style.css

@@ -1 +1 @@
-.form-item-tip[data-v-0dd66b41]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-0dd66b41] .el-form-item__label-wrap{display:none}.form-search_show[data-v-8896356d]{margin-bottom:10px}.form-search .btn-box[data-v-8896356d]{padding-left:20px}.form-search[data-v-8896356d] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-c9b7515f]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-c9b7515f]{padding:8px 16px;border:none;background:transparent;font-size:14px;color:var(--el-text-color-regular);cursor:pointer}.tabs-main-bar-item_active[data-v-c9b7515f]{color:var(--el-color-primary)}.tabs-main-bar-indicator[data-v-c9b7515f]{position:absolute;bottom:0;left:0;height:2px;background:var(--el-color-primary);transition:transform .2s,width .2s}.auto-refresh[data-v-9d78ca06]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-9d78ca06]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-9d78ca06]{width:80px}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-toolbar[data-v-90cd7b54]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-90cd7b54],.table-toolbar-right[data-v-90cd7b54]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-90cd7b54]{animation:table-toolbar-rotating-90cd7b54 1s linear infinite}@keyframes table-toolbar-rotating-90cd7b54{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-list-view[data-v-4c7d7547]{width:100%}.table-main-table[data-v-d70ba841]{--el-table-header-bg-color: var(--e731a8f2)}.table-main-pagination[data-v-d70ba841]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-e22c3b7c]{min-height:var(--v09e0228a)}.list-page-header[data-v-e22c3b7c],.list-page-operation[data-v-e22c3b7c]{margin-bottom:10px}.list-page[data-v-e22c3b7c] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}
+.form-item-tip[data-v-0dd66b41]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-0dd66b41] .el-form-item__label-wrap{display:none}.form-search_show[data-v-8896356d]{margin-bottom:10px}.form-search .btn-box[data-v-8896356d]{padding-left:20px}.form-search[data-v-8896356d] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-c9b7515f]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-c9b7515f]{padding:8px 16px;border:none;background:transparent;font-size:14px;color:var(--el-text-color-regular);cursor:pointer}.tabs-main-bar-item_active[data-v-c9b7515f]{color:var(--el-color-primary)}.tabs-main-bar-indicator[data-v-c9b7515f]{position:absolute;bottom:0;left:0;height:2px;background:var(--el-color-primary);transition:transform .2s,width .2s}.auto-refresh[data-v-9d78ca06]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-9d78ca06]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-9d78ca06]{width:80px}.action-confirm__title[data-v-1003e4cb]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-1003e4cb]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-1003e4cb]{display:flex;justify-content:flex-end;gap:8px}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-toolbar[data-v-90cd7b54]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-90cd7b54],.table-toolbar-right[data-v-90cd7b54]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-90cd7b54]{animation:table-toolbar-rotating-90cd7b54 1s linear infinite}@keyframes table-toolbar-rotating-90cd7b54{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-list-view[data-v-4c7d7547]{width:100%}.table-main-table[data-v-d70ba841]{--el-table-header-bg-color: var(--e731a8f2)}.table-main-pagination[data-v-d70ba841]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-e22c3b7c]{min-height:var(--v09e0228a)}.list-page-header[data-v-e22c3b7c],.list-page-operation[data-v-e22c3b7c]{margin-bottom:10px}.list-page[data-v-e22c3b7c] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-edit-switch[data-v-ea2a07d5]{position:relative}.panel-edit-switch-edit-btn[data-v-ea2a07d5]{position:absolute;top:0;right:0;z-index:1}.panel-edit-switch-actions[data-v-ea2a07d5]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.1.4",
+  "version": "0.2.1-alpha.0",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -77,5 +77,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "1912bfff5786e8765a325c41a2f4f92a618a1628"
+  "gitHead": "7e05d5d863e8e481c0f477e60c0c68dcfcbb648f"
 }

package/types/components/misc/ActionBtn.vue.d.ts

@@ -0,0 +1,26 @@
+import { ActionBtnProps } from './types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ActionBtnProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ActionBtnProps>>> & Readonly<{
+    onClick?: ((evt: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/misc/ActionConfirm.vue.d.ts

@@ -0,0 +1,41 @@
+import { ActionConfirmProps } from './types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ActionConfirmProps>, {
+    confirmText: string;
+    cancelText: string;
+}>>, {
+    run: () => Promise<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ActionConfirmProps>, {
+    confirmText: string;
+    cancelText: string;
+}>>> & Readonly<{}>, {
+    cancelText: string;
+    confirmText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/misc/index.d.ts

@@ -4,6 +4,9 @@ import { default as AutoRefresh } from './AutoRefresh.vue';
 import { default as ActionButton } from './ActionButton.vue';
 import { default as ActionButtonDanger } from './ActionButtonDanger.vue';
 import { default as ActionButtonWarn } from './ActionButtonWarn.vue';
+import { default as ActionBtn } from './ActionBtn.vue';
+import { default as ActionConfirm } from './ActionConfirm.vue';
 
-export { TriggerAutoImport, AutoRefresh, ActionButton, ActionButtonDanger, ActionButtonWarn, };
+export * from './types';
+export { TriggerAutoImport, AutoRefresh, ActionButton, ActionButtonDanger, ActionButtonWarn, ActionBtn, ActionConfirm, };
 export declare const miscInstall: Plugin;

package/types/components/misc/types.d.ts

@@ -0,0 +1,80 @@
+import { VNode } from 'vue';
+import { ButtonProps } from 'element-plus';
+
+/** ActionConfirm 确认交互形态：弹层气泡 / 居中模态框 */
+export type ActionConfirmMode = "popconfirm" | "messageConfirm";
+/**
+ * ActionConfirm 文案解析器。
+ * - string：直接渲染
+ * - 无参函数：返回字符串或 VNode 数组（富文本）；动态数据由调用方闭包捕获
+ */
+export type ActionConfirmTextResolver = string | (() => string | VNode[]);
+/**
+ * ActionBtn 的确认配置（嵌套对象；无此配置则为普通按钮，不触发确认）。
+ *
+ * ⚠️ 瞬时用户激活限制：配置本项后，点击与原始 `@click` handler 之间隔了一次
+ * 异步确认。原始点击的瞬时用户激活（transient user activation）此时已过期
+ * （注意：事件对象 `isTrusted` 仍为 true，失效的是激活窗口而非事件本身）。
+ * 故 confirm 后的 handler [MUST NOT] 调用依赖用户激活的 API——`window.open`、
+ * `navigator.clipboard.*`、`requestFullscreen` 等会被浏览器拦截。需要这类
+ * 操作时改用不带 confirmConfig 的 ActionBtn / 普通按钮。此为 confirm-gate
+ * 模式固有代价，组件层无法绕过。
+ */
+export interface ActionBtnConfirmConfig {
+    /** 确认标题 */
+    title?: ActionConfirmTextResolver;
+    /** 确认正文内容 */
+    content?: ActionConfirmTextResolver;
+    /** 确认按钮文案，默认"确定" */
+    confirmText?: string;
+    /** 取消按钮文案，默认"取消" */
+    cancelText?: string;
+    /** 确认按钮 type */
+    type?: ButtonProps["type"];
+}
+/**
+ * ActionBtn 组件 props。
+ * 完全兼容 ElButton（继承 ButtonProps），仅一处改写 + 两个增量：
+ * - `loading` 被 Omit：有意的 ElButton 不兼容，唯一接管项——loading 由组件内部
+ *   独占，对接异步 confirm 的进行态（innerLoading），对外不可设置。
+ * - `disabled` 原生透传，不改写不扩展。
+ * - 增量：`confirmMode` / `confirmConfig`。无 `ctx`、无泛型——动态数据由调用方
+ *   在自身作用域闭包捕获，组件不做数据回环。
+ */
+export type ActionBtnProps = Omit<ButtonProps, "loading"> & {
+    /** 确认交互形态，仅在 confirmConfig 存在时生效，默认 "popconfirm" */
+    confirmMode?: ActionConfirmMode;
+    /** 确认配置；存在时点击需经确认闸门，确认后才触发 click */
+    confirmConfig?: ActionBtnConfirmConfig;
+};
+/**
+ * ActionConfirm 组件 props（扁平，confirm 原语；可独立于 ActionBtn 消费）。
+ * 触发元素由默认 slot 提供；确认流程经 defineExpose 的 `run()` 命令式驱动。
+ */
+export interface ActionConfirmProps {
+    /** 确认交互形态 */
+    mode: ActionConfirmMode;
+    /** 确认标题 */
+    title?: ActionConfirmTextResolver;
+    /** 确认正文内容 */
+    content?: ActionConfirmTextResolver;
+    /** 确认按钮文案，默认"确定" */
+    confirmText?: string;
+    /** 取消按钮文案，默认"取消" */
+    cancelText?: string;
+    /** 确认按钮 type */
+    type?: ButtonProps["type"];
+    /**
+     * 被确认闸住的待执行动作。用户点确认后调用；返回 Promise 时弹层保持不关、
+     * 确认按钮 loading，直到 settle（成功或失败均结束）。
+     */
+    action: () => unknown | Promise<unknown>;
+}
+/** ActionConfirm 实例（defineExpose） */
+export interface ActionConfirmInstance {
+    /**
+     * 驱动一次确认流程。
+     * @returns 已确认并完成 action → true；用户取消 → false
+     */
+    run: () => Promise<boolean>;
+}

package/types/components/modal/ConfirmModal.vue.d.ts

@@ -72,12 +72,12 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
 }>>> & Readonly<{
     "onUpdate:show"?: ((value: boolean) => any) | undefined;
 }>, {
-    width: number | string;
-    reverse: boolean;
     showClose: boolean;
     cancelText: string | (() => VNode);
     confirmText: string | (() => VNode);
     hiddenCancel: boolean;
+    width: number | string;
+    reverse: boolean;
     closeOnPressEscape: boolean;
     closeOnClickModal: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/types/components/modal/ModalPorter.vue.d.ts

@@ -0,0 +1,29 @@
+import { EvokeHandle, ModalShelfMap, RegisterEntry } from './modal-shelf-types';
+
+declare function evoke<K extends keyof ModalShelfMap>(key: K, payload: ModalShelfMap[K]): EvokeHandle | null;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modalList: RegisterEntry[];
+}>>, {
+    evoke: typeof evoke;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modalList: RegisterEntry[];
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};