myshell-react-lib 0.2.0 → 0.2.2

package/dist/index.d.cts

@@ -1026,13 +1026,17 @@ interface ISelectProps extends SelectPrimitive.SelectProps {
     }>;
     placeholder?: React$1.ReactNode;
     triggerClassName?: string;
+    contentClassName?: string;
+    variant?: 'input' | 'button';
     noPortal?: boolean;
     side?: SelectPrimitive.SelectContentProps['side'];
 }
 declare const Select: React$1.ForwardRefExoticComponent<ISelectProps & React$1.RefAttributes<never>>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    isButtonVariant?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {

package/dist/index.d.ts

@@ -1026,13 +1026,17 @@ interface ISelectProps extends SelectPrimitive.SelectProps {
     }>;
     placeholder?: React$1.ReactNode;
     triggerClassName?: string;
+    contentClassName?: string;
+    variant?: 'input' | 'button';
     noPortal?: boolean;
     side?: SelectPrimitive.SelectContentProps['side'];
 }
 declare const Select: React$1.ForwardRefExoticComponent<ISelectProps & React$1.RefAttributes<never>>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    isButtonVariant?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {

package/dist/index.js

@@ -6132,6 +6132,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
         checked: checked
     }, props), {
         children: [
+            children,
             /* @__PURE__ */ jsx18("span", {
                 className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
                 children: /* @__PURE__ */ jsx18(DropdownMenuPrimitive.ItemIndicator, {
@@ -6139,8 +6140,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
                         className: "h-4 w-4"
                     })
                 })
-            }),
-            children
+            })
         ]
     }));
 });
@@ -10923,12 +10923,14 @@ import { ChevronDown as ChevronDown2, ChevronUp, CheckIcon as CheckIcon2 } from
 import * as React33 from "react";
 import { Fragment as Fragment8, jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
 var Select = React33.forwardRef(function(_param, ref) {
-    var children = _param.children, placeholder = _param.placeholder, options = _param.options, triggerClassName = _param.triggerClassName, side = _param.side, props = _object_without_properties(_param, [
+    var children = _param.children, placeholder = _param.placeholder, options = _param.options, triggerClassName = _param.triggerClassName, contentClassName = _param.contentClassName, side = _param.side, _param_variant = _param.variant, variant = _param_variant === void 0 ? "input" : _param_variant, props = _object_without_properties(_param, [
         "children",
         "placeholder",
         "options",
         "triggerClassName",
-        "side"
+        "contentClassName",
+        "side",
+        "variant"
     ]);
     var _options_find;
     var icon = options === null || options === void 0 ? void 0 : (_options_find = options.find(function(item) {
@@ -10938,9 +10940,10 @@ var Select = React33.forwardRef(function(_param, ref) {
         children: Array.isArray(options) && options.length ? /* @__PURE__ */ jsxs27(Fragment8, {
             children: [
                 /* @__PURE__ */ jsx45(SelectTrigger, {
-                    className: cn(triggerClassName),
+                    className: triggerClassName,
+                    isButtonVariant: variant === "button",
                     children: /* @__PURE__ */ jsxs27("div", {
-                        className: "flex items-center space-x-1.5",
+                        className: "flex items-center space-x-2",
                         children: [
                             /* @__PURE__ */ jsx45(SelectIcon, {
                                 icon: icon
@@ -10953,11 +10956,16 @@ var Select = React33.forwardRef(function(_param, ref) {
                 }),
                 /* @__PURE__ */ jsx45(SelectContent, {
                     side: side,
+                    sideOffset: variant === "button" ? 4 : 0,
+                    align: "center",
                     noPortal: true,
+                    className: contentClassName,
                     children: options.map(function(item, i) {
-                        return /* @__PURE__ */ jsx45(SelectItem, _object_spread_props(_object_spread({}, item), {
-                            children: item.label
-                        }), "".concat(item.value, "_").concat(i));
+                        return /* @__PURE__ */ jsx45(Fragment8, {
+                            children: item.label ? /* @__PURE__ */ jsx45(SelectItem, _object_spread_props(_object_spread({}, item), {
+                                children: item.label
+                            }), "".concat(item.value, "_").concat(i)) : /* @__PURE__ */ jsx45(SelectSeparator, {}, "".concat(item.value, "_").concat(i))
+                        });
                     })
                 })
             ]
@@ -10967,13 +10975,17 @@ var Select = React33.forwardRef(function(_param, ref) {
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
 var SelectTrigger = React33.forwardRef(function(_param, ref) {
-    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+    var className = _param.className, children = _param.children, isButtonVariant = _param.isButtonVariant, props = _object_without_properties(_param, [
         "className",
-        "children"
+        "children",
+        "isButtonVariant"
     ]);
     return /* @__PURE__ */ jsxs27(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex h-7 md:h-10 w-full items-center justify-between rounded-sm border border-transparent hover:border-cc-Input-border-default bg-cc-Input-bg-default text-Colors-Text-Default text-sm p-3 focus:shadow-cc-Focus-Rings-Brand-default placeholder:text-Colors-Text-Subtlest focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-30 [&>span]:line-clamp-1 [&>.select-chevron]:aria-expanded:rotate-180 space-x-1.5", className)
+        className: cn("flex h-7 md:h-10 w-full items-center justify-between rounded-sm border border-transparent hover:border-cc-Input-border-default bg-cc-Input-bg-default text-Colors-Text-Default text-sm p-3 focus:shadow-cc-Focus-Rings-Brand-default placeholder:text-Colors-Text-Subtlest focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-30 [&>span]:line-clamp-1 [&>.select-chevron]:aria-expanded:rotate-180 space-x-1.5", isButtonVariant && buttonVariants({
+            variant: "solid",
+            size: "lg"
+        }), isButtonVariant && "w-auto min-w-max inline-flex", className)
     }, props), {
         children: [
             children,
@@ -11058,17 +11070,17 @@ function SelectIcon(props) {
     return /* @__PURE__ */ jsx45(SelectPrimitive.Icon, {
         children: typeof icon === "string" ? // 如果是字符串URL，作为背景图片显示
         /* @__PURE__ */ jsx45("div", {
-            className: cn("aspect-[20/20] w-5 h-5 relative bg-cover bg-no-repeat rounded-sm overflow-hidden mr-1.5", critical && "text-Colors-Text-Critical-Default"),
+            className: cn("aspect-[20/20] w-5 h-5 relative bg-cover bg-no-repeat rounded-sm overflow-hidden", critical && "text-Colors-Text-Critical-Default"),
             style: {
                 backgroundImage: "url('".concat(icon, "')")
             }
         }) : React33.isValidElement(icon) ? // 如果是React元素，直接渲染
         /* @__PURE__ */ jsx45("div", {
-            className: cn("mr-1.5 w-5 h-5 text-Colors-Foreground-Default", critical && "text-Colors-Foreground-Critical-Default"),
+            className: cn("w-5 h-5 text-Colors-Foreground-Default flex items-center justify-center", critical && "text-Colors-Foreground-Critical-Default"),
             children: icon
         }) : // 如果是组件类型，创建元素
         /* @__PURE__ */ jsx45("div", {
-            className: cn("mr-1.5 w-5 h-5 text-Colors-Foreground-Default", critical && "text-Colors-Foreground-Critical-Default"),
+            className: cn("w-5 h-5 text-Colors-Foreground-Default  flex items-center justify-center", critical && "text-Colors-Foreground-Critical-Default"),
             children: React33.createElement(icon, {
                 className: cn("w-5 h-5 text-Colors-Foreground-Default", critical && "text-Colors-Foreground-Critical-Default")
             })
@@ -11089,7 +11101,7 @@ var SelectItem = React33.forwardRef(function(_param, ref) {
     }, props), {
         children: [
             /* @__PURE__ */ jsxs27("span", {
-                className: "flex items-center grow",
+                className: "flex items-center grow space-x-1.5",
                 children: [
                     /* @__PURE__ */ jsx45(SelectIcon, {
                         icon: icon,
@@ -11118,7 +11130,7 @@ var SelectSeparator = React33.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx45(SelectPrimitive.Separator, _object_spread({
         ref: ref,
-        className: cn("-mx-1 my-1 h-px bg-border-default", className)
+        className: cn("mx-1.5 my-1 h-px bg-[var(--Colors-Border-Default)]", className)
     }, props));
 });
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;