@windrun-huaiin/third-ui 5.9.6 → 5.9.7

package/dist/main/index.d.mts

@@ -81,6 +81,8 @@ interface SplitButtonProps {
     loadingText?: string;
     menuWidth?: string;
     className?: string;
+    mainButtonClassName?: string;
+    dropdownButtonClassName?: string;
 }
 type xButtonProps = SingleButtonProps | SplitButtonProps;
 declare const XButtonIcons: {

package/dist/main/index.d.ts

@@ -81,6 +81,8 @@ interface SplitButtonProps {
     loadingText?: string;
     menuWidth?: string;
     className?: string;
+    mainButtonClassName?: string;
+    dropdownButtonClassName?: string;
 }
 type xButtonProps = SingleButtonProps | SplitButtonProps;
 declare const XButtonIcons: {

package/dist/main/index.js

@@ -6121,7 +6121,7 @@ function XButton(props) {
       setIsLoading(false);
     }
   });
-  const baseButtonClass = "flex items-center justify-center px-4 py-2 bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-white text-sm font-semibold transition-colors hover:bg-neutral-200 dark:hover:bg-neutral-700";
+  const baseButtonClass = "flex items-center justify-center px-4 py-2 bg-neutral-200 dark:bg-neutral-800 text-neutral-700 dark:text-white text-sm font-semibold transition-colors hover:bg-neutral-300 dark:hover:bg-neutral-700";
   const disabledClass = "opacity-60 cursor-not-allowed";
   if (props.type === "single") {
     const { button, loadingText: loadingText2, minWidth = "min-w-[110px]", className: className2 = "" } = props;
@@ -6144,19 +6144,20 @@ function XButton(props) {
       }
     );
   }
-  const { mainButton, menuItems, loadingText, menuWidth = "w-40", className = "" } = props;
+  const { mainButton, menuItems, loadingText, menuWidth = "w-40", className = "", mainButtonClassName = "", dropdownButtonClassName = "" } = props;
   const isMainDisabled = mainButton.disabled || isLoading;
   const actualLoadingText = loadingText || ((_b = mainButton.text) == null ? void 0 : _b.trim()) || "Loading...";
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `relative flex bg-neutral-100 dark:bg-neutral-800 rounded-full ${className}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `relative flex bg-neutral-200 dark:bg-neutral-800 rounded-full ${className}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "button",
       {
         onClick: () => handleButtonClick(mainButton.onClick),
         disabled: isMainDisabled,
-        className: `flex-1 ${baseButtonClass} rounded-l-full ${isMainDisabled ? disabledClass : ""}`,
+        className: `flex-1 ${baseButtonClass} rounded-l-full ${isMainDisabled ? disabledClass : ""} ${mainButtonClassName}`,
         onMouseDown: (e) => {
           if (e.button === 2) e.preventDefault();
         },
+        style: { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
         children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.Loader2, { className: "w-5 h-5 mr-1 animate-spin" }),
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: actualLoadingText })
@@ -6169,12 +6170,13 @@ function XButton(props) {
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "span",
       {
-        className: "flex items-center justify-center w-10 py-2 cursor-pointer transition hover:bg-neutral-200 dark:hover:bg-neutral-700 rounded-r-full",
+        className: `flex items-center justify-center w-10 py-2 cursor-pointer transition hover:bg-neutral-300 dark:hover:bg-neutral-700 rounded-r-full ${dropdownButtonClassName}`,
         onClick: (e) => {
           e.stopPropagation();
           setMenuOpen((v) => !v);
         },
         tabIndex: 0,
+        style: { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },
         children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.ChevronDown, { className: "w-6 h-6" })
       }
     ),
@@ -6191,7 +6193,7 @@ function XButton(props) {
               setMenuOpen(false);
             },
             disabled: item.disabled,
-            className: `flex items-center w-full px-4 py-3 transition hover:bg-neutral-200 dark:hover:bg-neutral-600 text-left relative ${item.disabled ? disabledClass : ""}`,
+            className: `flex items-center w-full px-4 py-3 transition hover:bg-neutral-300 dark:hover:bg-neutral-600 text-left relative ${item.disabled ? disabledClass : ""}`,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex items-center", children: [
                 item.icon,
@@ -6201,7 +6203,7 @@ function XButton(props) {
                 "span",
                 {
                   className: "absolute right-3 top-1 text-[10px] font-semibold",
-                  style: { color: item.tag.color || "#a855f7", pointerEvents: "none" },
+                  style: { color: item.tag.color || "#A855F7", pointerEvents: "none" },
                   children: item.tag.text
                 }
               )