@meta-1/design 0.0.204 → 0.0.206

package/package.json

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

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

@@ -358,21 +358,21 @@ export function DataGrid<TData>(props: DataGridProps<TData>) {
         sortable: false,
         filter: false,
         headerName: "",
-        cellClass: cn("!px-0", actionsCellClassName),
+        cellClass: cn("px-0", actionsCellClassName),
         cellRenderer: (params: any) => {
           let items = rowActions;
           if (isFunction(rowActions)) {
             items = rowActions(params.data);
           }
           return (
-            <div className="flex w-full justify-center py-1" onClick={(e) => e.stopPropagation()}>
+            <div className="flex w-full justify-center" onClick={(e) => e.stopPropagation()}>
               <Dropdown
                 align="end"
                 asChild={true}
                 items={items as DropdownMenuItemProps[]}
                 onItemClick={(item) => onRowActionClick?.(item, params.data)}
               >
-                <Action className="!p-0 h-6 w-6">
+                <Action className="size-6 p-0">
                   <DotsHorizontalIcon />
                 </Action>
               </Dropdown>

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

@@ -1,6 +1,35 @@
 @import "../../../assets/style/theme.css";
 
 /* 自定义样式已移除，后续按需添加 */
-.data-grid {
-  --ag-row-height: 34px;
+.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 {
+  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 {
+  padding-left: calc(
+    var(--ag-cell-horizontal-padding) -
+    1px +
+    var(--ag-row-group-indent-size) *
+    var(--ag-indentation-level)
+  );
+  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
+  padding-top: 4px;
+  padding-bottom: 4px;
+  font-size: 14px;
+}
+
+/* 允许 actions 列溢出 */
+.ag-cell[col-id="actions"] .ag-cell-value:not(.ag-allow-overflow),
+.ag-cell[col-id="actions"] .ag-group-value {
+  overflow: visible;
 }

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

@@ -1,6 +1,5 @@
 import { CSSProperties, FC, PropsWithChildren, ReactNode } from "react";
 
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "@meta-1/design/components/ui/hover-card";
 import { PopoverContent, PopoverTrigger, Popover as UIPopover } from "@meta-1/design/components/ui/popover";
 import { cn } from "@meta-1/design/lib";
 
@@ -14,47 +13,10 @@ export type PopoverProps = PropsWithChildren<{
   align?: "start" | "center" | "end";
   side?: "top" | "right" | "bottom" | "left";
   disabled?: boolean;
-  trigger?: "click" | "hover";
 }>;
 
 export const Popover: FC<PopoverProps> = (props) => {
-  const {
-    children,
-    content,
-    className,
-    asChild,
-    open,
-    onOpenChange,
-    style,
-    align,
-    side,
-    disabled,
-    trigger = "click",
-  } = props;
-
-  if (trigger === "hover") {
-    const handleOpenChange = (newOpen: boolean) => {
-      if (disabled && newOpen) {
-        return;
-      }
-      onOpenChange?.(newOpen);
-    };
-
-    return (
-      <HoverCard onOpenChange={handleOpenChange} open={disabled ? false : open}>
-        <HoverCardTrigger asChild={asChild}>{children}</HoverCardTrigger>
-        <HoverCardContent
-          align={align}
-          className={cn("rounded-popover p-popover", className)}
-          side={side}
-          style={style}
-        >
-          {content}
-        </HoverCardContent>
-      </HoverCard>
-    );
-  }
-
+  const { children, content, className, asChild, open, onOpenChange, style, align, side, disabled } = props;
   return (
     <UIPopover onOpenChange={onOpenChange} open={open}>
       <PopoverTrigger asChild={asChild} disabled={disabled}>