@done-coding/admin-core 0.30.0 → 0.30.1-alpha.0

package/es/bridge/badge.mjs

@@ -4,6 +4,7 @@ const BADGE_MASK_KINDS = [
 ];
 function createBridgeBadgeHook(init = {}) {
   const marks = shallowRef({ ...init.marks ?? {} });
+  const defaultVisible = shallowRef(init.defaultVisible ?? true);
   const setAll = (next) => {
     marks.value = { ...next };
   };
@@ -16,12 +17,17 @@ function createBridgeBadgeHook(init = {}) {
     delete next[key];
     marks.value = next;
   };
+  const setDefaultVisible = (visible) => {
+    defaultVisible.value = visible;
+  };
   return {
     badge: {
       marks: readonly(marks),
       setAll,
       set,
-      remove
+      remove,
+      defaultVisible: readonly(defaultVisible),
+      setDefaultVisible
     }
   };
 }

package/es/components/app-layout/AppPage.vue.mjs

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

package/es/components/app-layout/AppPage.vue2.mjs

@@ -4,6 +4,7 @@ import _sfc_main$1 from "../modal/ModalShelf.vue.mjs";
 import _sfc_main$2 from "../display/WatchSize.vue.mjs";
 import { computeAppPageReducedViewportHeight, computeAppPageReducedViewportWidth, computeAppPageContentInset, computeAppPageSlotStyles, computeAppPageSlotShimStyles } from "./app-page-geometry.mjs";
 import { useAppPageContentBox } from "./use-content-box.mjs";
+import { useAppPageSlotMisuseWarn } from "./use-slot-misuse-warn.mjs";
 import { APP_PAGE_LIST_LAYOUT_RECOMMENDED } from "./app-page-recommended.mjs";
 import { BODY_CONTENT_VIEWPORT_RECT, APP_LAYOUT_BRIDGE_KEY, SCOPE_VIEWPORT_MAX_HEIGHT, BODY_CONTENT_VIEWPORT_HEIGHT, BODY_CONTENT_VIEWPORT_INSET, APP_PAGE_CONTENT_INSET } from "../../inject/key.mjs";
 import { useActivated } from "../../hooks/activated.mjs";
@@ -34,18 +35,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     bottomObserveResize: { type: Boolean, default: false },
     leftObserveResize: { type: Boolean, default: false },
     rightObserveResize: { type: Boolean, default: false },
+    leftWidth: {},
+    rightWidth: {},
     contentCentered: { type: Boolean, default: false },
     contentMaxWidth: { default: 1200 }
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v14c1dc69": pageCssVars.value.top,
-      "v6d1cb697": pageCssVars.value.bottom,
-      "f914311a": pageCssVars.value.left,
-      "v28c52fa0": pageCssVars.value.right,
-      "v2838584c": pageCssVars.value.width,
-      "v76c7ad93": pageCssVars.value.height,
-      "v9258c294": props.nextViewportMaxHeight
+      "v62d8191f": pageCssVars.value.top,
+      "v7adfb621": pageCssVars.value.bottom,
+      "v0fb17d06": pageCssVars.value.left,
+      "v0d174f66": pageCssVars.value.right,
+      "v0d5dbb10": pageCssVars.value.width,
+      "f6eaa5c6": pageCssVars.value.height,
+      "v4ad30b28": props.nextViewportMaxHeight
     }));
     const props = __props;
     const style = computed(() => {
@@ -167,6 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     }
+    useAppPageSlotMisuseWarn({ root: () => appPageRef.value });
     const reducedViewportWidth = computed(
       () => computeAppPageReducedViewportWidth(
         pageBoxWidth.value,
@@ -211,7 +215,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const slotStyles = computed(
-      () => computeAppPageSlotStyles(rectInset.value, slotSizes.value, outerGap.value)
+      () => computeAppPageSlotStyles(rectInset.value, slotSizes.value, {
+        outerGap: outerGap.value,
+        sideWidth: { left: props.leftWidth, right: props.rightWidth }
+      })
     );
     const shimStyles = computed(() => {
       const base = computeAppPageSlotShimStyles();

package/es/components/app-layout/app-page-geometry.mjs

@@ -23,7 +23,8 @@ function computeAppPageContentInset(appInset, slotSizes, gap) {
   };
 }
 const APP_PAGE_SLOT_Z_INDEX = 1;
-function computeAppPageSlotStyles(rect, slotSizes, outerGap) {
+function computeAppPageSlotStyles(rect, slotSizes, options) {
+  const { outerGap, sideWidth = {} } = options;
   const z = APP_PAGE_SLOT_Z_INDEX;
   const { topH, bottomH } = slotSizes;
   const midTop = `calc(${rect.top} + ${appPageSlotInset(topH, outerGap)}px)`;
@@ -51,14 +52,17 @@ function computeAppPageSlotStyles(rect, slotSizes, outerGap) {
       left: rect.left,
       top: midTop,
       bottom: midBottom,
-      zIndex: z
+      zIndex: z,
+      // 缺省不写 width ⇒ 保持 shrink-to-fit（老行为逐字不变）
+      ...sideWidth.left ? { width: sideWidth.left } : {}
     },
     right: {
       position: "fixed",
       right: rect.right,
       top: midTop,
       bottom: midBottom,
-      zIndex: z
+      zIndex: z,
+      ...sideWidth.right ? { width: sideWidth.right } : {}
     }
   };
 }

package/es/components/app-layout/use-slot-misuse-warn.mjs

@@ -0,0 +1,40 @@
+import { useIsDev } from "../../hooks/use-is-dev.mjs";
+import { useActivated } from "../../hooks/activated.mjs";
+import { APP_PAGE_SIDE_SLOTS } from "../../config/slot-region.mjs";
+const occupiesLayout = (host) => Array.from(host.childNodes).some(
+  (node) => {
+    var _a;
+    return node.nodeType === 1 || node.nodeType === 3 && !!((_a = node.nodeValue) == null ? void 0 : _a.trim());
+  }
+);
+const findSlotShim = (root, slot) => {
+  var _a;
+  return ((_a = Array.from(root.children).find(
+    (el) => el.classList.contains(`app-page-slot--${slot}`)
+  )) == null ? void 0 : _a.firstElementChild) ?? void 0;
+};
+const useAppPageSlotMisuseWarn = (options) => {
+  const isDev = useIsDev();
+  const reported = /* @__PURE__ */ new Set();
+  useActivated((info) => {
+    if (!info.isActivated) return;
+    if (!isDev()) return;
+    const root = options.root();
+    if (!root) return;
+    for (const slot of APP_PAGE_SIDE_SLOTS) {
+      if (reported.has(slot)) continue;
+      const shim = findSlotShim(root, slot);
+      if (!shim || occupiesLayout(shim)) continue;
+      reported.add(slot);
+      console.error(
+        `[AppPage] #${slot} 槽里没有占版面的内容，但槽本身照样渲染（fixed + padding + 背景）并从默认内容里扣掉让位 —— 白占一条。
+· 若放的是 ModalPorter：移到**默认槽**（page 架子就住在默认槽里，与 AppPage 并列同样够不到，evoke() 一样恒为 null）；
+· 若放的是自己 teleport 走、不需要 page 架子的弹窗：移到默认槽或与 AppPage 并列均可；
+· 若是 v-if 条件渲染的内容：此刻恰好为空，忽略本条。`
+      );
+    }
+  });
+};
+export {
+  useAppPageSlotMisuseWarn
+};

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

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

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

@@ -1,9 +1,11 @@
-import { defineComponent, useCssVars, unref, useModel, shallowRef, ref, computed, onMounted, onActivated, watch, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createVNode, mergeProps, createCommentVNode, createElementVNode, toDisplayString, createTextVNode, normalizeStyle, Fragment, renderList, renderSlot, resolveDynamicComponent, mergeModels } from "vue";
+import { defineComponent, useCssVars, unref, useModel, shallowRef, ref, computed, watch, nextTick, onMounted, onActivated, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createVNode, mergeProps, createCommentVNode, createElementVNode, toDisplayString, createTextVNode, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, Fragment, renderList, mergeModels } from "vue";
 import { ElButton } from "element-plus";
 import TableToolbar from "../table/TableToolbar.vue.mjs";
 import _sfc_main$2 from "../table/TableEmpty.vue.mjs";
 import TableSkeleton from "../table/TableSkeleton.vue.mjs";
+import { useObserveSize } from "../../hooks/use-observe-size.mjs";
 import { useDataViewGridLayout } from "./use-grid-layout.mjs";
+import _sfc_main$3 from "./DataGridViewCard.vue.mjs";
 import { useSurface } from "../../hooks/use-surface.mjs";
 import _sfc_main$1 from "../display/WatchSize.vue.mjs";
 import _cloneDeep from "lodash/cloneDeep";
@@ -18,10 +20,8 @@ import { pickExportColumns } from "../../utils/export.mjs";
 import { useChannelViewportHeight } from "../../hooks/use-channel-viewport-height.mjs";
 import { APP_API_LIST_MODEL_KEY_CONFIG } from "../../config/list-model.mjs";
 const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { class: "data-grid-view__card" };
-const _hoisted_3 = { class: "data-grid-view__field-label" };
-const _hoisted_4 = { class: "data-grid-view__field-value" };
-const _hoisted_5 = {
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = {
   key: 0,
   class: "data-grid-view__empty-error"
 };
@@ -36,6 +36,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     gridColumns: { default: 4 },
     gap: {},
     card: { type: Boolean, default: true },
+    masonry: { type: Boolean },
+    estimateItemHeight: {},
     surface: { type: Boolean, default: void 0 },
     itemCard: { type: Boolean, default: void 0 },
     maxHeight: { default: "100vh" },
@@ -65,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["pageChange", "pageSizeChange", "dataChange", "selectionChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:activeId", "update:activeData"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "e2a8f6ae": unref(surfacePadCss)
+      "v081d8ea3": unref(surfacePadCss)
     }));
     const props = __props;
     const emits = __emit;
@@ -226,6 +228,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const gridColumnsFinal = computed(
       () => resolveGridColumnsByBreakpoint(props.gridColumns, activeBreakpoint.value)
     );
+    const masonryActive = computed(
+      () => !!props.masonry && !!props.estimateItemHeight && typeof props.gridColumns !== "object"
+    );
+    const gridBoxRef = shallowRef();
+    const gridBoxWidth = ref(0);
+    const measureGridBox = () => {
+      const el = gridBoxRef.value;
+      if (el) gridBoxWidth.value = el.clientWidth;
+    };
+    useObserveSize({
+      getTarget: () => gridBoxRef.value,
+      onResize: measureGridBox,
+      enabled: () => masonryActive.value
+    });
+    watch(masonryActive, (on) => on && nextTick(measureGridBox), {
+      immediate: true
+    });
+    const columnWidth = computed(() => {
+      const cols = gridColumnsFinal.value;
+      const inner = gridBoxWidth.value - (cols - 1) * gridGap.value;
+      return cols > 0 ? Math.max(0, inner / cols) : 0;
+    });
+    const estimateSizeAt = (index) => {
+      const row = store.value[index];
+      if (!row || !props.estimateItemHeight) return 0;
+      return props.estimateItemHeight(row, columnWidth.value);
+    };
+    const virtualData = computed(
+      () => masonryActive.value ? store.value : gridRows.value
+    );
+    const asRow = (item) => item;
+    const virtualItemKey = computed(
+      () => masonryActive.value ? (row) => keyOf(row) : (row) => rowKeyOfRow(row)
+    );
     const gridRows = computed(() => {
       const rows = [];
       const cols = gridColumnsFinal.value;
@@ -392,6 +428,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        ref_key: "gridBoxRef",
+        ref: gridBoxRef,
         class: normalizeClass(["dc-data-grid-view data-grid-view", {
           "data-grid-view_surface": unref(surfaceActive),
           "data-grid-view_surface-bg": unref(surfaceBgActive)
@@ -428,8 +466,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 2,
           ref_key: "infiniteList",
           ref: infiniteList,
-          data: gridRows.value,
-          "item-key": rowKeyOfRow,
+          data: virtualData.value,
+          "item-key": virtualItemKey.value,
+          lanes: masonryActive.value ? gridColumnsFinal.value : 1,
+          "lane-gap": masonryActive.value ? unref(gridGap) : 0,
+          "item-gap": masonryActive.value ? unref(gridGap) : 0,
+          "estimate-size-at": masonryActive.value ? estimateSizeAt : void 0,
           loading: loading.value && !store.value.length,
           "loading-more": loadingMore.value,
           error: error.value && store.value.length ? error.value : null,
@@ -440,11 +482,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onRetry
         }), {
           item: withCtx(({ item, index }) => [
-            createElementVNode("div", {
+            masonryActive.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["data-grid-view__cell", { "is-active": unref(isActive)(item), "is-card": __props.card }]),
+              style: normalizeStyle(cellStyle.value),
+              onClick: ($event) => unref(setActive)(item)
+            }, [
+              renderSlot(_ctx.$slots, "custom-view-item", normalizeProps(guardReactiveProps(assertItemScope(item, index))), () => [
+                createVNode(_sfc_main$3, {
+                  row: item,
+                  index,
+                  columns: __props.columns,
+                  "field-component-map": unref(fieldComponentMap),
+                  "field-key-of": fieldKeyOf,
+                  "is-selected": isSelected,
+                  "toggle-select": toggleSelect
+                }, null, 8, ["row", "index", "columns", "field-component-map"])
+              ], true)
+            ], 14, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+              key: 1,
               class: "data-grid-view__grid",
               style: normalizeStyle(gridContainerStyle.value)
             }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(item, (row, colIndex) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(asRow(item), (row, colIndex) => {
                 return openBlock(), createElementBlock("div", {
                   key: keyOf(row),
                   class: normalizeClass(["data-grid-view__cell", { "is-active": unref(isActive)(row), "is-card": __props.card }]),
@@ -452,31 +512,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => unref(setActive)(row)
                 }, [
                   renderSlot(_ctx.$slots, "custom-view-item", mergeProps({ ref_for: true }, assertItemScope(row, index * gridColumnsFinal.value + colIndex)), () => [
-                    createElementVNode("div", _hoisted_2, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-                        return openBlock(), createElementBlock("div", {
-                          key: column.prop ?? column.type,
-                          class: "data-grid-view__field"
-                        }, [
-                          createElementVNode("span", _hoisted_3, toDisplayString(column.label ?? column.prop) + ":", 1),
-                          createElementVNode("span", _hoisted_4, [
-                            (openBlock(), createBlock(resolveDynamicComponent(unref(fieldComponentMap)[fieldKeyOf(column)]), {
-                              row,
-                              index: index * gridColumnsFinal.value + colIndex,
-                              selected: isSelected(row),
-                              "toggle-select": () => toggleSelect(row)
-                            }, null, 8, ["row", "index", "selected", "toggle-select"]))
-                          ])
-                        ]);
-                      }), 128))
-                    ])
+                    createVNode(_sfc_main$3, {
+                      row,
+                      index: index * gridColumnsFinal.value + colIndex,
+                      columns: __props.columns,
+                      "field-component-map": unref(fieldComponentMap),
+                      "field-key-of": fieldKeyOf,
+                      "is-selected": isSelected,
+                      "toggle-select": toggleSelect
+                    }, null, 8, ["row", "index", "columns", "field-component-map"])
                   ], true)
-                ], 14, _hoisted_1);
+                ], 14, _hoisted_2);
               }), 128))
-            ], 4)
+            ], 4))
           ]),
           empty: withCtx(() => [
-            error.value && !store.value.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            error.value && !store.value.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
               createElementVNode("span", null, toDisplayString(errorText.value), 1),
               createVNode(unref(ElButton), {
                 size: "small",
@@ -494,7 +545,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["loading", "has-requested"]))
           ]),
           _: 3
-        }, 16, ["data", "loading", "loading-more", "error", "finished", "max-height"]))
+        }, 16, ["data", "item-key", "lanes", "lane-gap", "item-gap", "estimate-size-at", "loading", "loading-more", "error", "finished", "max-height"]))
       ], 2);
     };
   }

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

@@ -0,0 +1,41 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createBlock, resolveDynamicComponent } from "vue";
+const _hoisted_1 = { class: "data-grid-view__card" };
+const _hoisted_2 = { class: "data-grid-view__field-label" };
+const _hoisted_3 = { class: "data-grid-view__field-value" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DataGridViewCard",
+  props: {
+    row: {},
+    index: {},
+    columns: {},
+    fieldComponentMap: {},
+    fieldKeyOf: { type: Function },
+    isSelected: { type: Function },
+    toggleSelect: { type: Function }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+          return openBlock(), createElementBlock("div", {
+            key: column.prop ?? column.type,
+            class: "data-grid-view__field"
+          }, [
+            createElementVNode("span", _hoisted_2, toDisplayString(column.label ?? column.prop) + ":", 1),
+            createElementVNode("span", _hoisted_3, [
+              (openBlock(), createBlock(resolveDynamicComponent(__props.fieldComponentMap[__props.fieldKeyOf(column)]), {
+                row: __props.row,
+                index: __props.index,
+                selected: __props.isSelected(__props.row),
+                "toggle-select": () => __props.toggleSelect(__props.row)
+              }, null, 8, ["row", "index", "selected", "toggle-select"]))
+            ])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

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

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

@@ -33,12 +33,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     surface: { type: Boolean, default: void 0 },
     itemCard: { type: Boolean },
     maxHeight: { default: void 0 },
-    pullRefresh: { type: Boolean, default: false }
+    pullRefresh: { type: Boolean, default: false },
+    lanes: { default: 1 },
+    estimateSizeAt: {},
+    laneGap: { default: 0 },
+    itemGap: { default: 0 }
   },
   emits: ["loadMore", "retry", "refresh"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v9e087332": unref(surfacePadCss)
+      "v407ba190": unref(surfacePadCss)
     }));
     const props = __props;
     const emits = __emit;
@@ -57,10 +61,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       computed(() => ({
         count: props.data.length,
         getScrollElement: () => scrollContainer.value ?? null,
-        estimateSize: () => props.estimateSize,
-        overscan: props.overscan
+        // 逐项估高优先；没给就退回常量估值（= 本 prop 引入前的行为）
+        estimateSize: (index) => {
+          var _a;
+          return ((_a = props.estimateSizeAt) == null ? void 0 : _a.call(props, index)) ?? props.estimateSize;
+        },
+        overscan: props.overscan,
+        // 🔴 多列即**瀑布流装箱**：virtual-core 前 `lanes` 项按 `i % lanes` 铺满首行
+        // （顺序行优先），之后逐项落 end 最小的列。[MUST NOT] 自己写这段。
+        lanes: props.lanes,
+        // 同列相邻项的纵向间距（virtual-core 把它算进 measurements，总高与位置都正确；
+        // [MUST NOT] 改用项自身的 margin —— measureElement 量的是 borderBox、吃不到 margin）
+        gap: props.itemGap,
+        // `"estimate"`（默认）= **列归属按估值定下来就缓存**，卡片不会在量准后跳到另一列。
+        // 🔴 [MUST NOT] 改 `"measured"`：那会让首屏卡片换列，比一点留白刺眼得多。
+        laneAssignmentMode: "estimate"
       }))
     );
+    const rowStyle = (item) => {
+      const base = {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        transform: `translateY(${item.start}px)`
+      };
+      if (props.lanes <= 1) return { ...base, width: "100%" };
+      const gapTotal = `${(props.lanes - 1) * props.laneGap}px`;
+      const colWidth = `calc((100% - ${gapTotal}) / ${props.lanes})`;
+      return {
+        ...base,
+        width: colWidth,
+        left: `calc((${colWidth} + ${props.laneGap}px) * ${item.lane})`
+      };
+    };
     const virtualItems = computed(() => virtualizer.value.getVirtualItems());
     const totalSize = computed(() => virtualizer.value.getTotalSize());
     const measureElementRef = (el) => {
@@ -165,13 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ref: measureElementRef,
                 class: "infinite-list-view__row",
                 "data-index": item.index,
-                style: normalizeStyle({
-                  position: "absolute",
-                  top: 0,
-                  left: 0,
-                  width: "100%",
-                  transform: `translateY(${item.start}px)`
-                })
+                style: normalizeStyle(rowStyle(item))
               }, [
                 renderSlot(_ctx.$slots, "item", {
                   item: __props.data[item.index],

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

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

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

@@ -1,8 +1,11 @@
-import { defineComponent, computed, useTemplateRef, openBlock, createBlock, unref, normalizeProps, createSlots, withCtx, renderSlot, createVNode, normalizeStyle, resolveDynamicComponent } from "vue";
-import { ElBadge, ElTooltip, ElIcon } from "element-plus";
-import { useBadgeHit, badgeResolveDisplay } from "./use-badge.mjs";
+import { defineComponent, inject, computed, useTemplateRef, openBlock, createBlock, unref, normalizeProps, createSlots, withCtx, renderSlot, createElementVNode, toDisplayString } from "vue";
+import { ElBadge } from "element-plus";
+import { useIsDev } from "../../hooks/use-is-dev.mjs";
+import { useBadgeHit, badgeResolveDisplay, badgeWarnHideRefused } from "./use-badge.mjs";
 import { useBadgeMask } from "./use-badge-mask.mjs";
+import { CORE_BRIDGE_KEY } from "../../inject/key.mjs";
 import { BADGE_KEY_ATTR } from "../../config/badge-attr.mjs";
+const _hoisted_1 = { "aria-hidden": "true" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BadgeMark",
   props: {
@@ -12,15 +15,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const hit = useBadgeHit(() => props.badgeKey);
-    const resolved = computed(() => {
-      var _a;
-      return badgeResolveDisplay((_a = hit.value) == null ? void 0 : _a.entry);
-    });
-    const iconStyle = computed(() => {
-      var _a;
-      const scale = (_a = resolved.value) == null ? void 0 : _a.iconScale;
-      return scale === void 0 ? void 0 : { fontSize: `${scale}em` };
-    });
+    const bridge = inject(CORE_BRIDGE_KEY, void 0);
+    const isDev = useIsDev();
+    const resolved = computed(
+      () => {
+        var _a;
+        return badgeResolveDisplay(
+          (_a = hit.value) == null ? void 0 : _a.entry,
+          (bridge == null ? void 0 : bridge.badge.defaultVisible.value) ?? true,
+          // 遮挡档挡回隐藏请求 ⇒ dev 下点名一次（静默忽略 = 消费方以为设了其实没设）。
+          // 闸在调用侧、不在纯函数里：`badgeResolveDisplay` [MUST] 保持无副作用可直测。
+          () => {
+            if (!isDev()) return;
+            const h = hit.value;
+            if (h) badgeWarnHideRefused(h.key, h.entry.kind);
+          }
+        );
+      }
+    );
     const badgeRef = useTemplateRef("badgeRef");
     useBadgeMask(
       () => {
@@ -38,8 +50,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 0,
         ref_key: "badgeRef",
         ref: badgeRef,
-        class: ["dc-badge-mark badge-mark", `badge-mark_${__props.align ?? "middle"}`],
-        hidden: resolved.value.hidden,
+        class: ["dc-badge-mark badge-mark", [
+          `badge-mark_${__props.align ?? "middle"}`,
+          { "badge-mark_hidden": resolved.value.hidden }
+        ]],
         value: resolved.value.value,
         max: resolved.value.max,
         type: resolved.value.type,
@@ -50,30 +64,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 2
       }, [
-        resolved.value.icon ? {
+        resolved.value.hidden ? {
           name: "content",
           fn: withCtx(() => [
-            createVNode(unref(ElTooltip), {
-              content: resolved.value.label,
-              placement: "top"
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElIcon), {
-                  class: "badge-mark__icon",
-                  style: normalizeStyle(iconStyle.value)
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(resolved.value.icon)))
-                  ]),
-                  _: 1
-                }, 8, ["style"])
-              ]),
-              _: 1
-            }, 8, ["content"])
+            createElementVNode("span", _hoisted_1, toDisplayString(resolved.value.value), 1)
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["class", "hidden", "value", "max", "type"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true);
+      ]), 1040, ["class", "value", "max", "type"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true);
     };
   }
 });