@meta-1/design 0.0.207 → 0.0.209

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meta-1/design",
-  "version": "0.0.207",
+  "version": "0.0.209",
   "keywords": [
     "easykit",
     "design",

package/src/components/uix/data-grid/overlays.tsx

@@ -1,5 +1,7 @@
 import { type ILoadingOverlayParams, type INoRowsOverlayParams } from "ag-grid-community";
 
+import { Empty } from "../empty";
+
 export const LoadingOverlay = (_params: ILoadingOverlayParams) => {
   return (
     <div className="flex h-full w-full items-center justify-center bg-background/80 backdrop-blur-sm">
@@ -13,14 +15,11 @@ export const LoadingOverlay = (_params: ILoadingOverlayParams) => {
   );
 };
 
-export const NoRowsOverlay = (params: INoRowsOverlayParams) => {
-  // biome-ignore lint/suspicious/noExplicitAny: <noRowsMessage>
-  const message = (params as any).noRowsMessage || "暂无数据";
+export const NoRowsOverlay = (params: INoRowsOverlayParams & { noRowsMessage?: string }) => {
+  const message = params.noRowsMessage;
   return (
-    <div className="flex h-full w-full items-center justify-center">
-      <div className="flex flex-col items-center space-y-2">
-        <div className="text-muted-foreground">{message}</div>
-      </div>
+    <div className="flex min-h-[150px] w-full items-center justify-center">
+      <Empty text={message} />
     </div>
   );
 };

package/src/components/uix/data-grid/style.css

@@ -1,21 +1,21 @@
 @import "../../../assets/style/theme.css";
 
 /* 自定义样式已移除，后续按需添加 */
-.ag-cell,
-.ag-full-width-row .ag-cell-wrapper.ag-row-group {
+    .ag-cell,
+  .ag-full-width-row .ag-cell-wrapper.ag-row-group {
   --ag-internal-content-line-height: 24px;
 }
 
 /* 隐藏最后一列后面的分割线 */
-:where(.ag-ltr) .ag-header-cell:last-child:after,
-:where(.ag-ltr)
-  .ag-header-group-cell:last-child:where(:not(.ag-header-span-height.ag-header-group-cell-no-group)):after {
+    .ag-header-cell:last-child:after,
+  :where(.ag-ltr)
+    .ag-header-group-cell:last-child:where(:not(.ag-header-span-height.ag-header-group-cell-no-group)):after {
   visibility: hidden;
 }
 
 /* 设置 cell 的 padding */
-:where(.ag-ltr) .ag-cell:not(.ag-cell-inline-editing),
-:where(.ag-ltr) .ag-full-width-row .ag-cell-wrapper.ag-row-group {
+    .ag-cell:not(.ag-cell-inline-editing),
+  :where(.ag-ltr) .ag-full-width-row .ag-cell-wrapper.ag-row-group {
   padding-left: calc(
     var(--ag-cell-horizontal-padding) -
     1px +
@@ -28,8 +28,32 @@
   font-size: 14px;
 }
 
-/* 允许 actions 列溢出 */
-.ag-cell[col-id="actions"] .ag-cell-value:not(.ag-allow-overflow),
+.ag-cell-value:not(.ag-allow-overflow),
 .ag-cell[col-id="actions"] .ag-group-value {
   overflow: visible;
-}
+}
+
+.ag-root-wrapper,
+.ag-body-viewport,
+.ag-body-viewport-wrapper,
+.ag-center-cols-container,
+.ag-center-cols-viewport {
+  min-height: 0;
+}
+
+.ag-layout-auto-height .ag-center-cols-container,
+.ag-layout-auto-height .ag-center-cols-viewport,
+.ag-layout-print .ag-center-cols-container,
+.ag-layout-print .ag-center-cols-viewport {
+  min-height: 0;
+}
+
+.data-grid:has(.ag-overlay-no-rows-wrapper) .ag-center-cols-container,
+.data-grid:has(.ag-overlay-no-rows-wrapper) .ag-center-cols-viewport {
+  min-height: 150px;
+}
+
+.data-grid:has(.ag-overlay-no-rows-wrapper).ag-layout-auto-height .ag-center-cols-container,
+.data-grid:has(.ag-overlay-no-rows-wrapper).ag-layout-auto-height .ag-center-cols-viewport {
+  min-height: 150px;
+}

package/src/components/uix/tabs/index.tsx

@@ -1,11 +1,11 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 
 import { TabsContent, TabsList, TabsTrigger, Tabs as UITabs } from "../../ui/tabs";
 
 export type TabsItem = {
-  label: string;
+  label: ReactNode;
   value: string;
-  content?: React.ReactNode;
+  content?: ReactNode;
 };
 
 export type TabsProps = {