@done-coding/admin-core 0.15.0 → 0.16.0

package/es/components/form/FormSearch.vue2.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as H, useAttrs as U, ref as S, computed as a, shallowRef as j, openBlock as v, createBlock as f, normalizeClass as q, withCtx as r, withDirectives as J, createVNode as u, mergeProps as K, unref as l, createSlots as O, normalizeProps as B, guardReactiveProps as P, createElementVNode as X, createTextVNode as g, toDisplayString as Y, createCommentVNode as Z, renderList as ee, renderSlot as te, vShow as oe } from "vue";
-import { stringifyFormData as ae } from "./utils.mjs";
-import { resolveSearchLayout as re, resolveSearchLabelPosition as le, getCurrentSpan as se, computeButtonColProps as ne, packSearchFormList as ie, computeItemsPerRow as ue } from "./form-search-utils.mjs";
-import { ElCol as ce, ElButton as y, ElIcon as me } from "element-plus";
+import { defineComponent as T, useAttrs as U, ref as x, computed as o, shallowRef as j, openBlock as d, createBlock as v, normalizeClass as q, withCtx as r, withDirectives as J, createVNode as i, mergeProps as K, unref as l, createSlots as X, normalizeProps as B, guardReactiveProps as F, createElementVNode as Y, createTextVNode as g, toDisplayString as Z, createCommentVNode as ee, renderList as te, renderSlot as ae, vShow as oe } from "vue";
+import { resolveFormLayout as L, stringifyFormData as re } from "./utils.mjs";
+import { resolveSearchLayout as le, resolveSearchLabelPosition as se, resolveSearchItemOccupancy as ne, computeSearchGeometry as ie, getCurrentSpan as ue, packSearchFormList as ce } from "./form-search-utils.mjs";
+import { ElCol as me, ElButton as b, ElIcon as pe } from "element-plus";
 import { ArrowDown as de, ArrowUp as ve } from "@element-plus/icons-vue";
 import fe from "./FormMain.vue.mjs";
-import pe from "../display/WatchSize.vue.mjs";
-import { useBreakpoint as he } from "../../hooks/use-breakpoint.mjs";
+import he from "../display/WatchSize.vue.mjs";
+import { useBreakpoint as ye } from "../../hooks/use-breakpoint.mjs";
 import { useCustomBreakpoint as we } from "../../hooks/use-custom-breakpoint.mjs";
-const ge = { class: "btn-box" }, Fe = /* @__PURE__ */ H({
+const ge = { class: "btn-box" }, Re = /* @__PURE__ */ T({
   name: "FormSearch",
   inheritAttrs: !1,
   __name: "FormSearch",
@@ -30,45 +30,54 @@ const ge = { class: "btn-box" }, Fe = /* @__PURE__ */ H({
     layoutScale: {}
   },
   emits: ["search", "heightChange", "visibleChange"],
-  setup(c, { expose: R, emit: F }) {
-    const o = c, m = F, E = U(), p = S(!1), { activeBreakpoint: L } = he(), { elRef: M, activeBreakpoint: V } = we(), b = a(
-      () => o.compact ? V.value : L.value
-    ), s = S(!0), D = a(() => o.data), d = a(
-      () => re(o.compact, o.layout, b.value)
-    ), I = a(
-      () => le(o.compact, o.labelPosition)
-    ), h = a(() => {
-      if (o.maxRows <= 0) return 1 / 0;
-      const e = se(d.value, b.value), t = ue(e), i = t > 1 ? 1 : 0;
-      return Math.max(0, o.maxRows * t - i);
-    }), _ = a(() => o.maxRows <= 0 ? !1 : o.list.filter(
-      (t) => t.hide !== !0
-    ).length > h.value), A = a(() => {
-      let e = 0;
-      for (let t = 0; t < o.list.length; t++)
-        o.list[t].hide !== !0 && (s.value && o.maxRows > 0 && t >= h.value || e++);
-      return e;
-    }), N = a(() => ne(d.value, A.value)), W = a(
-      () => ie(o.list, {
-        compact: o.compact,
-        itemLayout: d.value ?? {},
-        collapsing: s.value && o.maxRows > 0,
-        threshold: h.value
+  setup(u, { expose: P, emit: R }) {
+    const a = u, c = R, E = U(), f = x(!1), { activeBreakpoint: M } = ye(), { elRef: V, activeBreakpoint: D } = we(), h = o(
+      () => a.compact ? D.value : M.value
+    ), s = x(!0), _ = o(() => a.data), m = o(
+      () => le(a.compact, a.layout, h.value)
+    ), A = o(
+      () => se(a.compact, a.labelPosition)
+    ), N = o(() => {
+      const e = L(m.value);
+      return a.list.filter((t) => t.hide !== !0).map(
+        (t) => ne(
+          a.compact ? e : { ...e, ...L(t.layout) },
+          h.value
+        )
+      );
+    }), y = o(
+      () => ie({
+        spans: N.value,
+        buttonMinSpan: ue(
+          m.value,
+          h.value
+        ),
+        maxRows: a.maxRows,
+        collapsed: s.value
+      })
+    ), W = o(
+      () => a.maxRows > 0 && y.value.needsFold
+    ), $ = o(() => ({ span: y.value.buttonSpan })), G = o(
+      () => ce(a.list, {
+        compact: a.compact,
+        itemLayout: m.value ?? {},
+        collapsing: s.value && a.maxRows > 0,
+        threshold: y.value.showCount
       })
     ), k = (e = !s.value) => {
       s.value = e;
-    }, $ = (e) => {
-      m("heightChange", e);
-    }, n = j(), C = (e) => ({
-      ...o.staticQuery || {},
-      ...ae(e, o.list)
-    }), x = () => {
+    }, I = (e) => {
+      c("heightChange", e);
+    }, n = j(), S = (e) => ({
+      ...a.staticQuery || {},
+      ...re(e, a.list)
+    }), C = () => {
       var e;
-      (e = n.value) == null || e.resetFields(), m("search", C(o.data), "reset");
+      (e = n.value) == null || e.resetFields(), c("search", S(a.data), "reset");
     }, w = (e = "search") => {
       var t;
       (t = n.value) == null || t.validate().then(() => {
-        m("search", C(o.data), e);
+        c("search", S(a.data), e);
       });
     }, Q = (e) => {
       w(e);
@@ -86,70 +95,70 @@ const ge = { class: "btn-box" }, Fe = /* @__PURE__ */ H({
         var t;
         return (t = n.value) == null ? void 0 : t.clearValidate(e);
       },
-      triggerReset: x,
+      triggerReset: C,
       triggerSearch: () => w(),
       toggleCollapse: k,
-      isCollapsed: a(() => s.value)
+      isCollapsed: o(() => s.value)
     };
-    R(z);
-    const G = (e) => {
-      p.value = e, m("visibleChange", e);
+    P(z);
+    const H = (e) => {
+      f.value = e, c("visibleChange", e);
     };
-    return (e, t) => (v(), f(pe, {
+    return (e, t) => (d(), v(he, {
       ref_key: "breakpointEl",
-      ref: M,
+      ref: V,
       class: q(["form-search", {
-        "form-search_show": p.value
+        "form-search_show": f.value
       }]),
-      onHeightChange: $
+      onHeightChange: I
     }, {
       default: r(() => [
-        J(u(fe, K({
+        J(i(fe, K({
           ref_key: "formMain",
           ref: n,
-          list: W.value,
-          data: D.value,
-          "row-gutter": c.rowGutter
+          list: G.value,
+          data: _.value,
+          "row-gutter": u.rowGutter
         }, l(E), {
-          layout: d.value,
-          labelPosition: I.value,
-          labelWidth: c.labelWidth,
+          layout: m.value,
+          labelPosition: A.value,
+          labelWidth: u.labelWidth,
           onSubmit: Q,
-          onVisibleChange: G
-        }), O({
+          onVisibleChange: H
+        }), X({
           default: r(() => [
-            u(l(ce), B(P(N.value)), {
+            i(l(me), B(F($.value)), {
               default: r(() => [
-                X("div", ge, [
-                  _.value ? (v(), f(l(y), {
+                Y("div", ge, [
+                  W.value ? (d(), v(l(b), {
                     key: 0,
                     type: "primary",
                     link: "",
-                    onMousedown: t[0] || (t[0] = (i) => k())
+                    onMousedown: t[0] || (t[0] = (p) => k())
                   }, {
                     default: r(() => [
-                      u(l(me), { class: "btn-box-expand-icon" }, {
+                      i(l(pe), { class: "btn-box-expand-icon" }, {
                         default: r(() => [
-                          s.value ? (v(), f(l(de), { key: 0 })) : (v(), f(l(ve), { key: 1 }))
+                          s.value ? (d(), v(l(de), { key: 0 })) : (d(), v(l(ve), { key: 1 }))
                         ]),
                         _: 1
                       }),
-                      g(" " + Y(s.value ? "展开更多" : "收起更多"), 1)
+                      g(" " + Z(s.value ? "展开更多" : "收起更多"), 1)
                     ]),
                     _: 1
-                  })) : Z("", !0),
-                  u(l(y), {
+                  })) : ee("", !0),
+                  i(l(b), {
                     type: "warning",
-                    onMousedown: x
+                    onMousedown: C
                   }, {
                     default: r(() => [...t[2] || (t[2] = [
                       g("重置", -1)
                     ])]),
                     _: 1
                   }),
-                  u(l(y), {
+                  i(l(b), {
                     type: "primary",
-                    onMousedown: t[1] || (t[1] = (i) => w())
+                    onMousedown: t[1] || (t[1] = (p) => w())
                   }, {
                     default: r(() => [...t[3] || (t[3] = [
                       g("查询", -1)
@@ -163,14 +172,14 @@ const ge = { class: "btn-box" }, Fe = /* @__PURE__ */ H({
           ]),
           _: 2
         }, [
-          ee(c.list, (i) => ({
-            name: i.key,
-            fn: r((T) => [
-              te(e.$slots, i.key, B(P(T)), void 0, !0)
+          te(u.list, (p) => ({
+            name: p.key,
+            fn: r((O) => [
+              ae(e.$slots, p.key, B(F(O)), void 0, !0)
             ])
           }))
         ]), 1040, ["list", "data", "row-gutter", "layout", "labelPosition", "labelWidth"]), [
-          [oe, p.value]
+          [oe, f.value]
         ])
       ]),
       _: 3
@@ -178,5 +187,5 @@ const ge = { class: "btn-box" }, Fe = /* @__PURE__ */ H({
   }
 });
 export {
-  Fe as default
+  Re as default
 };

package/es/components/form/form-search-utils.mjs

@@ -1,34 +1,63 @@
-import { resolveFormLayout as a } from "./utils.mjs";
-const f = ["xs", "sm", "md", "lg", "xl"], i = (o) => Math.max(1, Math.floor(24 / o)), p = (o, t) => {
-  if (o <= 0 || t >= 24) return 0;
-  const e = i(t), r = o % e;
-  return r === 0 ? 24 - t : 24 - r * t - t;
-}, S = (o, t) => {
-  const e = a(o), r = {};
-  for (const n of f) {
-    const s = e[n], u = typeof s == "number" ? s : e.span ?? 6;
-    r[n] = {
-      span: u,
-      offset: p(t, u)
-    };
+import { resolveFormLayout as p } from "./utils.mjs";
+const i = (t, e) => {
+  const n = p(t), o = n[e];
+  return typeof o == "number" ? o : n.span ?? 6;
+}, h = (t, e) => {
+  if (typeof t == "number") return t;
+  if (t && typeof t == "object") {
+    const n = t;
+    return (n.span ?? 24) + (n.offset ?? 0);
   }
-  return r;
-}, l = (o, t) => {
-  const e = a(o), r = e[t];
-  return typeof r == "number" ? r : e.span ?? 6;
-}, L = (o, t, e) => o ? { span: l(t, e) } : t, b = (o, t) => o ? "top" : t, d = (o, t) => {
-  const { compact: e, itemLayout: r, collapsing: n, threshold: s } = t;
-  return !e && !n ? o : o.map((u, m) => {
-    let c = u;
-    return e && (c = { ...c, layout: r }), n && m >= s && (c = { ...c, hide: !0 }), c;
+  return e;
+}, m = (t, e) => {
+  const n = typeof t.span == "number" ? t.span : 24, o = h(
+    t[e],
+    n
+  );
+  return Math.min(24, Math.max(1, o));
+}, f = (t) => {
+  let e = 0, n = 0;
+  for (const o of t)
+    e === 0 || n + o > 24 ? (e += 1, n = o) : n += o;
+  return { rows: e, lastRowUsed: n };
+}, l = (t, e) => {
+  const { rows: n, lastRowUsed: o } = f(t), r = 24 - o;
+  return n > 0 && r >= e ? { totalRows: n, buttonSpan: r } : { totalRows: n + 1, buttonSpan: 24 };
+}, b = ({
+  spans: t,
+  buttonMinSpan: e,
+  maxRows: n,
+  collapsed: o
+}) => {
+  const r = Math.min(24, Math.max(1, e)), a = l(t, r);
+  if (n <= 0)
+    return {
+      showCount: t.length,
+      needsFold: !1,
+      buttonSpan: a.buttonSpan
+    };
+  let c = t.length, s = a;
+  for (; c > 0 && s.totalRows > n; )
+    c -= 1, s = l(t.slice(0, c), r);
+  return {
+    showCount: o ? c : t.length,
+    needsFold: c < t.length,
+    buttonSpan: o ? s.buttonSpan : a.buttonSpan
+  };
+}, y = (t, e, n) => t ? { span: i(e, n) } : e, d = (t, e) => t ? "top" : e, w = (t, e) => {
+  const { compact: n, itemLayout: o, collapsing: r, threshold: a } = e;
+  if (!n && !r) return t;
+  let c = 0;
+  return t.map((s) => {
+    let u = s;
+    return n && (u = { ...u, layout: o }), s.hide !== !0 && (c += 1, r && c > a && (u = { ...u, hide: !0 })), u;
   });
 };
 export {
-  S as computeButtonColProps,
-  p as computeButtonOffset,
-  i as computeItemsPerRow,
-  l as getCurrentSpan,
-  d as packSearchFormList,
-  b as resolveSearchLabelPosition,
-  L as resolveSearchLayout
+  b as computeSearchGeometry,
+  i as getCurrentSpan,
+  w as packSearchFormList,
+  m as resolveSearchItemOccupancy,
+  d as resolveSearchLabelPosition,
+  y as resolveSearchLayout
 };

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

@@ -1,7 +1,7 @@
 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-0835965e"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9e060e8b"]]);
 export {
   m as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as w, useCssVars as B, computed as o, provide as M, ref as L, watch as x, openBlock as l, createBlock as u, unref as d, withCtx as c, createElementBlock as F, Fragment as j, renderList as O, withDirectives as P, mergeProps as T, resolveDynamicComponent as U, normalizeClass as A, createVNode as D, vShow as G } from "vue";
+import { defineComponent as w, useCssVars as B, computed as o, provide as L, ref as M, watch as x, openBlock as l, createBlock as u, unref as d, withCtx as c, createElementBlock as F, Fragment as j, renderList as O, withDirectives as P, mergeProps as T, resolveDynamicComponent as U, normalizeClass as A, createVNode as D, vShow as G } from "vue";
 import H from "./PanelItem.vue.mjs";
 import { ElCard as f, ElRow as N, ElCol as V } from "element-plus";
 import { NEST_LAYOUT_SCALE_KEY as W } from "../../inject/key.mjs";
@@ -12,18 +12,18 @@ const q = /* @__PURE__ */ w({
     layout: { default: () => ({ span: 24 }) },
     layoutScale: { default: 1 },
     list: {},
-    itemCard: { type: [Boolean, Object], default: () => ({ lastMarginBottom: "8px" }) },
+    itemCard: { type: [Boolean, Object] },
     refreshFn: {}
   },
   emits: ["submitSuccess"],
   setup(s, { emit: y }) {
     B((a) => ({
-      e1f69828: h.value
+      v6dd4af74: h.value
     }));
-    const r = s, C = y, S = o(() => r.layoutScale ?? 1);
-    M(W, S);
-    const n = L({}), m = o(() => r.itemCard ? f : "span"), v = o(
-      () => `panel-main-item-col-wrap_${m.value === f ? "card" : "span"}`
+    const r = s, v = y, C = o(() => r.layoutScale ?? 1);
+    L(W, C);
+    const n = M({}), m = o(() => r.itemCard ? f : "div"), S = o(
+      () => `panel-main-item-col-wrap_${m.value === f ? "card" : "plain"}`
     ), h = o(
       () => typeof r.itemCard == "object" && r.itemCard.lastMarginBottom ? r.itemCard.lastMarginBottom : 0
     ), k = (a) => {
@@ -43,13 +43,13 @@ const q = /* @__PURE__ */ w({
         ...p(r.layout, t),
         ...p(a, t)
       };
-    }, g = (a, t) => {
+    }, E = (a, t) => {
       n.value = {}, t && (n.value[a] = t);
-    }, E = (a) => (t) => {
+    }, b = (a) => (t) => {
       var e;
       return (e = r.refreshFn) == null ? void 0 : e.call(r, t, a);
-    }, b = (a, t) => {
-      C("submitSuccess", t, a);
+    }, g = (a, t) => {
+      v("submitSuccess", t, a);
     };
     return x(
       () => r.list,
@@ -70,16 +70,16 @@ const q = /* @__PURE__ */ w({
         }, { ref_for: !0 }, _(e.layout), { class: "panel-main-item-col" }), {
           default: c(() => [
             (l(), u(U(m.value), {
-              class: A(v.value)
+              class: A(S.value)
             }, {
               default: c(() => [
                 D(H, {
                   data: s.data,
                   config: e,
                   editing: n.value[e.key] ?? !1,
-                  "refresh-fn": E(e.key),
-                  "onUpdate:editing": (i) => g(e.key, i),
-                  onSubmitSuccess: (i) => b(e.key, i)
+                  "refresh-fn": b(e.key),
+                  "onUpdate:editing": (i) => E(e.key, i),
+                  onSubmitSuccess: (i) => g(e.key, i)
                 }, null, 8, ["data", "config", "editing", "refresh-fn", "onUpdate:editing", "onSubmitSuccess"])
               ]),
               _: 2

package/es/hooks/use-channel-viewport-height.mjs

@@ -1,10 +1,7 @@
 import { inject as i, computed as o, watch as v } from "vue";
 import { BODY_CONTENT_VIEWPORT_HEIGHT as p } from "../inject/key.mjs";
 const f = (e, l = {}) => {
-  const h = l.fallback ?? 0, n = e.parentChannel ? Symbol.for(e.parentChannel) : void 0, t = n ? i(n, void 0) : void 0, r = i(
-    p,
-    void 0
-  ), a = o(() => t ? t.viewportHeight.value : e.viewportHeight !== void 0 ? e.viewportHeight : r ? r.value : h), c = o(() => (t == null ? void 0 : t.level) ?? 0);
+  const h = l.fallback ?? 0, n = e.parentChannel ? Symbol.for(e.parentChannel) : void 0, t = n ? i(n, void 0) : void 0, r = i(p, void 0), a = o(() => t ? t.viewportHeight.value : e.viewportHeight !== void 0 ? e.viewportHeight : r ? r.value : h), c = o(() => (t == null ? void 0 : t.level) ?? 0);
   return v(
     // eslint-disable-next-line vue/no-setup-props-destructure
     () => e.parentChannel,

package/es/hooks/use-theme-apply.mjs

@@ -1,6 +1,6 @@
-import { watch as m, onScopeDispose as C } from "vue";
-import { themeScaleDerive as y, themeScaleParseHex as S, themeScaleMix as b, themeScaleToRgba as $ } from "../utils/theme-scale.mjs";
-const L = "dc-core-theme", A = () => Math.random().toString(36).slice(2, 9), T = [
+import { watch as p, onScopeDispose as C } from "vue";
+import { themeScaleDerive as y, themeScaleParseHex as E, themeScaleMix as S, themeScaleToRgba as $ } from "../utils/theme-scale.mjs";
+const v = "dc-core-theme", L = () => Math.random().toString(36).slice(2, 9), A = [
   ["primaryColor", { scale: !0, el: "--el-color-primary" }],
   ["successColor", { scale: !0, el: "--el-color-success" }],
   ["warningColor", { scale: !0, el: "--el-color-warning" }],
@@ -18,60 +18,60 @@ const L = "dc-core-theme", A = () => Math.random().toString(36).slice(2, 9), T =
   ["blur", {}],
   ["focusRing", {}],
   ["surface", {}]
-], p = [
+], m = [
   "light-3",
   "light-5",
   "light-7",
   "light-8",
   "light-9",
   "dark-2"
-], v = (o) => o.replace(/([A-Z])/g, "-$1").toLowerCase(), g = (o, t) => {
+], T = (o) => o.replace(/([A-Z])/g, "-$1").toLowerCase(), g = (o, t) => {
   const e = [];
-  for (const [c, l] of T) {
-    const n = o[c];
-    if (n === void 0 || n === "") continue;
-    const i = `--dc-core-${v(c)}`, d = l.el === void 0 ? [] : Array.isArray(l.el) ? l.el : [l.el];
-    if (l.scale) {
-      const s = y(n, t);
-      e.push(`${i}: ${n};`);
-      for (const r of p)
+  for (const [l, n] of A) {
+    const c = o[l];
+    if (c === void 0 || c === "") continue;
+    const i = `--dc-core-${T(l)}`, d = n.el === void 0 ? [] : Array.isArray(n.el) ? n.el : [n.el];
+    if (n.scale) {
+      const s = y(c, t);
+      e.push(`${i}: ${c};`);
+      for (const r of m)
         e.push(`${i}-${r}: ${s[r]};`);
       for (const r of d) {
-        e.push(`${r}: ${n};`);
-        for (const a of p)
+        e.push(`${r}: ${c};`);
+        for (const a of m)
           e.push(`${r}-${a}: ${s[a]};`);
       }
     } else {
-      e.push(`${i}: ${n};`);
-      for (const s of d) e.push(`${s}: ${n};`);
+      e.push(`${i}: ${c};`);
+      for (const s of d) e.push(`${s}: ${c};`);
     }
   }
   return e.join(`
   `);
-}, D = 0.4, P = 10, k = {
+}, k = 0.4, D = 10, P = {
   light: 0.5,
   dark: 0.72
 }, f = (o, t) => {
   if (!o) return "";
-  const e = S(o);
+  const e = E(o);
   if (!e) return "";
-  const c = Math.max(...e), l = c === 0 ? 0 : Math.min(D, P / c), n = b(o, "#000000", l);
+  const l = Math.max(...e), n = l === 0 ? 0 : Math.min(k, D / l), c = S(o, "#000000", n);
   return `--el-overlay-color-lighter: ${$(
-    n,
-    k[t]
+    c,
+    P[t]
   )};`;
-}, I = { light: 0.9, dark: 0.8 }, h = (o, t) => {
+}, w = { light: 0.9, dark: 0.8 }, h = (o, t) => {
   if (!o) return "";
-  const e = $(o, I[t]);
+  const e = $(o, w[t]);
   return e === o ? "" : `--el-mask-color: ${e};`;
-}, w = 0.88, B = (o, t) => !o || !S(o) ? "" : `--dc-core-dialog-surface: ${b(o, "#ffffff", w)};`, R = (o) => {
-  const t = o.light, e = o.dark, c = g(t, "light"), l = g(e, "dark"), i = [
-    c,
+}, I = 0.88, B = (o, t) => !o || !E(o) ? "" : `--dc-core-dialog-surface: ${S(o, "#ffffff", I)};`, R = (o) => {
+  const t = o.light, e = o.dark, l = g(t, "light"), n = g(e, "dark"), i = [
+    l,
     "color: var(--dc-core-base-color);",
     f(t.bodyColor, "light"),
     h(t.bodyColor, "light")
   ].filter(Boolean), d = [
-    l,
+    n,
     f(e.bodyColor, "dark"),
     h(e.bodyColor, "dark"),
     B(e.bodyColor)
@@ -87,13 +87,24 @@ const L = "dc-core-theme", A = () => Math.random().toString(36).slice(2, 9), T =
   `)}
 }
 `;
-}, H = "dc-core-rhythm", E = "dc-core-ep-bridge", x = "dc-core-ep-structural", M = [
+}, H = "dc-core-rhythm", x = "dc-core-ep-bridge", b = "dc-core-ep-structural", M = [
+  // 居中浮层（Dialog / MessageBox）+ 抽屉（Drawer，含 ConfirmModal drawer 形态 + 消费方直接
+  // 用的 ElDrawer）：暗色下面板底 ≈ 页面底 + EP 黑投影不可见 → 边界糊。统一两手保底：
+  // ① elevation 提亮面（--dc-core-dialog-surface，仅暗色派生；亮色退 --el-bg-color 零改动）；
+  // ② 1px 主题描边硬边界（--el-border-color 类明暗自换：亮色浅灰近隐形、暗色中灰清晰）——
+  // 融不融底都有区别度，不再仅靠提亮（抽屉与弹窗保底一致）。
   ".el-dialog,",
-  ".el-message-box {",
-  // elevation：暗色下用提亮过的面板底（--dc-core-dialog-surface，仅 :root.dark 派生），
-  // 让整块面板亮于页面底而浮起；缺省（亮色 / 非 hex）退 --el-bg-color，亮色零改动。
+  ".el-message-box,",
+  ".el-drawer {",
   "  background-color: var(--dc-core-dialog-surface, var(--el-bg-color));",
   "  border: 1px solid var(--dc-core-border-color, var(--el-border-color));",
+  "}",
+  // 表格固定列分隔阴影：EP 原值 inset ±10px 0 10px -10px rgba(0,0,0,.15) 为黑投影，暗色近黑底
+  // 上不可见 → 横向滚动时固定列无边界。仅**暗色** override 为随主题的边框色（中灰、暗底可见）；
+  // 亮色保留 EP 默认（黑投影在白底本就可见）。规则 14：优先 --dc-core-border-color、退 --el-border-color。
+  ":root.dark .el-table {",
+  "  --el-table-fixed-left-column: inset 10px 0 10px -10px var(--dc-core-border-color, var(--el-border-color));",
+  "  --el-table-fixed-right-column: inset -10px 0 10px -10px var(--dc-core-border-color, var(--el-border-color));",
   "}"
 ].join(`
 `), Y = [
@@ -166,7 +177,7 @@ const L = "dc-core-theme", A = () => Math.random().toString(36).slice(2, 9), T =
   }
 };
 function O(o, t) {
-  const e = z[o], c = U[t], l = [
+  const e = z[o], l = U[t], n = [
     `--dc-core-space-unit: ${e.spaceUnit};`,
     `--dc-core-content-gap: ${e.gap};`,
     `--dc-core-control-height: ${e.controlHeight};`,
@@ -177,26 +188,26 @@ function O(o, t) {
     `--dc-core-font-size-base: ${e.fontSizeBase};`,
     `--el-font-size-base: ${e.fontSizeBase};`,
     `--dc-core-font-scale: ${e.fontScale};`,
-    `--dc-core-motion-duration: ${c.duration};`,
-    `--el-transition-duration-fast: ${c.duration};`,
-    `--dc-core-motion-duration-slow: ${c.durationSlow};`,
-    `--el-transition-duration: ${c.durationSlow};`,
+    `--dc-core-motion-duration: ${l.duration};`,
+    `--el-transition-duration-fast: ${l.duration};`,
+    `--dc-core-motion-duration-slow: ${l.durationSlow};`,
+    `--el-transition-duration: ${l.durationSlow};`,
     // easing 仅挂 dc-core，[MUST NOT] dual-write 覆盖 EP 两条 bezier——
     // EP ease-in-out / fast 曲线各异，覆盖会让默认档动画曲线漂移；motion 档对 EP 只经 duration 生效。
-    `--dc-core-motion-easing: ${c.easing};`
-  ], n = [
+    `--dc-core-motion-easing: ${l.easing};`
+  ], c = [
     "--dc-core-motion-duration: 0.01ms;",
     "--dc-core-motion-duration-slow: 0.01ms;",
     "--el-transition-duration: 0.01ms;",
     "--el-transition-duration-fast: 0.01ms;"
   ];
   return `:root {
-  ${l.join(`
+  ${n.join(`
   `)}
 }
 @media (prefers-reduced-motion: reduce) {
   :root {
-    ${n.join(
+    ${c.join(
     `
     `
   )}
@@ -207,23 +218,23 @@ function O(o, t) {
 function V(o) {
   const t = o.document ?? (typeof document < "u" ? document : void 0);
   if (!t) return;
-  const e = A(), c = [], l = (r) => {
+  const e = L(), l = [], n = (r) => {
     const a = t.createElement("style");
-    return a.id = `${r}-${e}`, t.head.appendChild(a), c.push(a), a;
+    return a.id = `${r}-${e}`, t.head.appendChild(a), l.push(a), a;
   };
-  let n = null;
-  const i = () => (n || (n = l(L)), n);
-  if (!t.getElementById(x)) {
+  let c = null;
+  const i = () => (c || (c = n(v)), c);
+  if (!t.getElementById(b)) {
     const r = t.createElement("style");
-    r.id = x, r.textContent = M, t.head.appendChild(r);
+    r.id = b, r.textContent = M, t.head.appendChild(r);
   }
-  m(
+  p(
     o.getThemeConfig,
     (r) => {
       i().textContent = R(r);
     },
     { deep: !0, immediate: !0 }
-  ), m(
+  ), p(
     o.getThemeIsDark,
     (r) => {
       t.documentElement.classList.toggle("dark", r);
@@ -232,13 +243,13 @@ function V(o) {
   );
   const { getThemeDensity: d, getThemeMotion: s } = o;
   if (d && s) {
-    if (!t.getElementById(E)) {
+    if (!t.getElementById(x)) {
       const u = t.createElement("style");
-      u.id = E, u.textContent = Y, t.head.appendChild(u);
+      u.id = x, u.textContent = Y, t.head.appendChild(u);
     }
     let r = null;
-    const a = () => (r || (r = l(H)), r);
-    m(
+    const a = () => (r || (r = n(H)), r);
+    p(
       () => [d(), s()],
       ([u, _]) => {
         a().textContent = O(u, _);
@@ -247,7 +258,7 @@ function V(o) {
     );
   }
   C(() => {
-    c.forEach((r) => r.remove()), c.length = 0;
+    l.forEach((r) => r.remove()), l.length = 0;
   });
 }
 export {