@tuya-sat/sdf-main-sdk 2.0.0-alpha.21 → 2.0.0-alpha.211

package/dist/utils/theme/antd5/token.d.ts

@@ -1,5 +1,194 @@
+export declare const getDefaultPrimaryDarkToken: (color: string) => {
+    colorPrimary: string;
+    colorPrimaryBg: string;
+    colorPrimaryBgHover: string;
+    colorPrimaryBorder: string;
+    colorPrimaryActive: string;
+    colorPrimaryTextActive: string;
+    colorPrimaryBorderHover: string;
+    colorPrimaryText: string;
+    colorPrimaryHover: string;
+    colorPrimaryTextHover: string;
+    colorLink: string;
+    colorLinkActive: string;
+    colorLinkHover: string;
+};
+export declare const getDefaultPrimaryLightToken: (color: string) => {
+    colorPrimaryBg: string;
+    colorPrimaryBgHover: string;
+    colorPrimaryBorder: string;
+    colorPrimaryBorderHover: string;
+};
+export declare const makeLightToken: (primaryColor: string) => {
+    colorPrimary: string;
+    colorLink: string;
+    colorInfo: string;
+    components: {
+        Alert: {
+            lineType: string;
+        };
+        Menu: {
+            itemHeight: number;
+        };
+        Tooltip: {
+            colorBgSpotlight: string;
+            borderRadius: string;
+        };
+        Button: {
+            defaultBg: string;
+            defaultHoverBg: string;
+            defaultActiveBg: string;
+            colorBgContainerDisabled: string;
+            defaultBorderColor: string;
+            defaultHoverBorderColor: string;
+            defaultActiveBorderColor: string;
+            borderColorDisabled: string;
+            defaultHoverColor: string;
+            boxShadow: string;
+            defaultShadow: string;
+            primaryShadow: string;
+            dangerShadow: string;
+            borderRadius: string;
+        };
+        Input: {
+            colorBorder: string;
+            colorBgContainer: string;
+            hoverBg: string;
+            activeBg: string;
+            colorBgContainerDisabled: string;
+            colorTextPlaceholder: string;
+            activeShadow: string;
+            addonBg: string;
+        };
+        InputNumber: {
+            handleBg: string;
+            handleActiveBg: string;
+            filledHandleBg: string;
+            hoverBg: string;
+            activeBg: string;
+        };
+        Select: {
+            colorBorder: string;
+            colorBgContainer: string;
+            hoverBg: string;
+            activeBg: string;
+            colorBgContainerDisabled: string;
+            colorTextPlaceholder: string;
+            activeShadow: string;
+            multipleItemBg: string;
+        };
+        Checkbox: {
+            controlInteractiveSize: number;
+            borderRadiusSM: number;
+            colorBgContainerDisabled: string;
+            colorBorder: string;
+            colorTextDisabled: string;
+        };
+        Radio: {
+            radioSize: number;
+        };
+        DatePicker: {
+            colorBorder: string;
+            colorBgContainer: string;
+            hoverBg: string;
+            activeBg: string;
+            colorBgContainerDisabled: string;
+            colorTextPlaceholder: string;
+            activeShadow: string;
+        };
+        Table: {
+            colorSplit: string;
+            headerBg: string;
+            headerColor: string;
+            headerSplitColor: string;
+            borderColor: string;
+            cellPaddingInlineMD: number;
+            colorText: string;
+        };
+        Tag: {
+            defaultBg: string;
+            defaultColor: string;
+            fontSizeSM: number;
+            lineHeightSM: number;
+        };
+        Form: {
+            labelColor: string;
+        };
+        Tree: {
+            colorText: string;
+            borderRadiusSM: number;
+        };
+        Tabs: {
+            horizontalItemPadding: number;
+        };
+        Descriptions: {
+            labelColor: string;
+            contentColor: string;
+        };
+    };
+    colorBgBase: string;
+    colorBgContainer: string;
+    colorBgElevated: string;
+    colorBgLayout: string;
+    colorBgSpotlight: string;
+    colorBgSmall: string;
+    colorBgSpecial: string;
+    colorBgMask: string;
+    colorFill: string;
+    colorFillSecondary: string;
+    colorFillTertiary: string;
+    colorFillQuaternary: string;
+    colorTextBase: string;
+    colorText: string;
+    colorTextSecondary: string;
+    colorTextTertiary: string;
+    colorTextTransitional: string;
+    colorTextQuaternary: string;
+    colorBorder: string;
+    colorBorderSecondary: string;
+    colorErrorBg: string;
+    colorErrorBgHover: string;
+    colorErrorBorder: string;
+    colorErrorBorderHover: string;
+    colorErrorHover: string;
+    colorErrorActive: string;
+    colorErrorTextActive: string;
+    colorError: string;
+    colorErrorText: string;
+    colorErrorTextHover: string;
+    colorSuccessBg: string;
+    colorSuccessBgHover: string;
+    colorSuccessBorder: string;
+    colorSuccessBorderHover: string;
+    colorSuccessHover: string;
+    colorSuccessActive: string;
+    colorSuccessTextActive: string;
+    colorSuccess: string;
+    colorSuccessText: string;
+    colorSuccessTextHover: string;
+    colorWarningBg: string;
+    colorWarningBgHover: string;
+    colorWarningBorder: string;
+    colorWarningBorderHover: string;
+    colorWarningHover: string;
+    colorWarningActive: string;
+    colorWarningTextActive: string;
+    colorWarning: string;
+    colorWarningText: string;
+    colorWarningTextHover: string;
+    defaultRadius: number;
+    borderRadius: number;
+    boxShadow: string;
+    boxShadowSecondary: string;
+};
 export declare const makeDarkToken: (primaryColor: string) => {
+    colorPrimary: string;
+    colorLink: string;
+    colorInfo: string;
     components: {
+        Alert: {
+            lineType: string;
+        };
         Menu: {
             darkItemBg: string;
             darkItemHoverBg: string;
@@ -9,6 +198,7 @@ export declare const makeDarkToken: (primaryColor: string) => {
             darkItemHoverColor: string;
             darkItemSelectedColor: string;
             darkPopupBg: string;
+            itemHeight: number;
         };
         Dropdown: {
             colorBgElevated: string;
@@ -30,18 +220,44 @@ export declare const makeDarkToken: (primaryColor: string) => {
             textTextHoverColor: string;
             textTextColor: string;
             textHoverBg: string;
+            boxShadow: string;
+            defaultShadow: string;
+            primaryShadow: string;
+            dangerShadow: string;
         };
         Input: {
             colorBorder: string;
             colorBgContainer: string;
+            hoverBg: string;
             activeBg: string;
+            colorBgContainerDisabled: string;
             colorTextPlaceholder: string;
+            activeShadow: string;
+        };
+        Checkbox: {
+            controlInteractiveSize: number;
+            borderRadiusSM: number;
+            lineWidth: number;
+            colorBorder: string;
+        };
+        Radio: {
+            radioSize: number;
+        };
+        DatePicker: {
+            colorBorder: string;
+            colorBgContainer: string;
+            hoverBg: string;
+            activeBg: string;
+            colorBgContainerDisabled: string;
+            activeShadow: string;
         };
         Select: {
             colorBorder: string;
             colorBgContainer: string;
+            hoverBg: string;
             colorText: string;
             activeBg: string;
+            colorBgContainerDisabled: string;
             colorTextPlaceholder: string;
             optionActiveBg: string;
             optionSelectedBg: string;
@@ -53,14 +269,25 @@ export declare const makeDarkToken: (primaryColor: string) => {
             colorText: string;
         };
         Modal: {
+            headerBg: string;
+            contentBg: string;
+            footerBg: string;
             colorBgElevated: string;
         };
+        Drawer: {
+            colorBgElevated: string;
+        };
+        Divider: {
+            colorSplit: string;
+        };
         Segmented: {
+            trackBg: string;
+            colorTextDisabled: string;
+            itemColor: string;
+            itemHoverBg: string;
+            itemSelectedColor: string;
             itemSelectedBg: string;
-            itemActiveBg: string;
             borderRadius: number;
-            itemSelectedColor: string;
-            itemColor: string;
         };
         Pagination: {
             itemBg: string;
@@ -73,6 +300,27 @@ export declare const makeDarkToken: (primaryColor: string) => {
             headerColor: string;
             footerColor: string;
             borderColor: string;
+            headerSplitColor: string;
+            colorText: string;
+        };
+        Tag: {
+            defaultBg: string;
+            fontSizeSM: number;
+            lineHeightSM: number;
+        };
+        Form: {
+            labelColor: string;
+        };
+        Tree: {
+            colorText: string;
+            borderRadiusSM: number;
+        };
+        Tabs: {
+            horizontalItemPadding: number;
+        };
+        Descriptions: {
+            labelColor: string;
+            contentColor: string;
         };
     };
     colorBgBase: string;
@@ -80,9 +328,9 @@ export declare const makeDarkToken: (primaryColor: string) => {
     colorBgElevated: string;
     colorBgLayout: string;
     colorBgSpotlight: string;
+    colorBgMask: string;
     colorBgSmall: string;
     colorBgSpecial: string;
-    colorBgMask: string;
     colorFill: string;
     colorFillSecondary: string;
     colorFillTertiary: string;
@@ -95,8 +343,6 @@ export declare const makeDarkToken: (primaryColor: string) => {
     colorTextQuaternary: string;
     colorBorder: string;
     colorBorderSecondary: string;
-    boxShadow: string;
-    boxShadowSecondary: string;
     colorErrorBg: string;
     colorErrorBgHover: string;
     colorErrorBorder: string;
@@ -107,6 +353,29 @@ export declare const makeDarkToken: (primaryColor: string) => {
     colorError: string;
     colorErrorText: string;
     colorErrorTextHover: string;
+    colorSuccessBg: string;
+    colorSuccessBgHover: string;
+    colorSuccessBorder: string;
+    colorSuccessBorderHover: string;
+    colorSuccessHover: string;
+    colorSuccessActive: string;
+    colorSuccessTextActive: string;
+    colorSuccess: string;
+    colorSuccessText: string;
+    colorSuccessTextHover: string;
+    colorWarningBg: string;
+    colorWarningBgHover: string;
+    colorWarningBorder: string;
+    colorWarningBorderHover: string;
+    colorWarningHover: string;
+    colorWarningActive: string;
+    colorWarningTextActive: string;
+    colorWarning: string;
+    colorWarningText: string;
+    colorWarningTextHover: string;
+    boxShadow: string;
+    boxShadowSecondary: string;
     defaultRadius: number;
+    borderRadius: number;
     colorTransparent: string;
 };

package/dist/utils/theme/base.d.ts

@@ -1,8 +1,8 @@
 import type { MenuType } from 'src/components/BLayout/components/Menu';
 export declare const LIGHT = "light";
 export declare const DARK = "dark";
-export declare const DEFAULT_PRIMARY_COLOR = "#306FFF";
 export type Theme = typeof LIGHT | typeof DARK;
+export declare const getDefaultPrimaryColor: (themeMode?: Theme) => "#165dff" | "#306FFF";
 export interface ColorConfig {
     menuBg?: string;
     menuText?: string;
@@ -38,5 +38,5 @@ declare function getCssVarible(): {
     primaryColorInAll: string | UserConfigItem;
 };
 declare function getDynamicMenuTheme(): UserColorConfigWithThemeAndMenu;
-declare function getRenderTheme(): any;
+declare function getRenderTheme(): Theme;
 export { isSupportCssVariable, isSupportLightDarkSwitch, getSupportedTheme, isSpecificTheme, getCssVarible, getDynamicMenuTheme, getRenderTheme, };

package/dist/utils/theme/changeMenuCssVariable.d.ts

@@ -1,5 +1,5 @@
 import { Theme, UserColorConfigWithThemeAndMenu } from './base';
-export declare function hexToRgba(ahex: string, opacity: number): string;
+export declare function hexToRgba(ahex: string, opacity?: number): string;
 export default function changeMenuCssVariable({ menuColor, theme, prefix, }: {
     menuColor: UserColorConfigWithThemeAndMenu | null;
     theme: Theme;

package/dist/utils/theme/index.d.ts

@@ -1,11 +1,17 @@
-import type { Theme } from './base';
-export declare function getRenderCssVariable(theme: Theme): {
+import { ConfigProviderProps } from 'antd';
+import { Theme } from './base';
+export declare function getRenderCssVariable(theme?: Theme): {
     primaryColor: string;
 };
 declare function changeTheme(theme: Theme): void;
 declare function useTheme(): {
-    theme: any;
-    changeTheme: () => void;
+    theme: "dark" | "light";
+    isDark: boolean;
+    isLight: boolean;
+    changeTheme(): void;
 };
-declare function initalTheme(cb?: () => void): void;
-export { changeTheme, useTheme, initalTheme };
+declare function initialTheme(themeConfigs: {
+    dark: ConfigProviderProps;
+    light: ConfigProviderProps;
+} | null, cb?: () => void): void;
+export { changeTheme, useTheme, initialTheme };