wz-h5-design 1.0.3 → 1.0.5

package/dist/types/components/Button/Button.d.ts

@@ -8,6 +8,9 @@ export interface ButtonProps {
     color?: string;
     textColor?: string;
     borderColor?: string;
+    width?: string | number;
+    height?: string | number;
+    fontSize?: string | number;
     className?: string;
     style?: React.CSSProperties;
     children?: React.ReactNode;

package/dist/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './ButtonGroup.scss';
+export interface ButtonGroupProps {
+    /** 背景色，支持白色、灰色等 */
+    bgColor?: string;
+    /** 容器高度 */
+    height?: string | number;
+    /** 内边距 */
+    padding?: string | number;
+    /** 是否固定在底部 */
+    fixed?: boolean;
+    /** 按钮之间的间距 */
+    gap?: string | number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;

package/dist/types/components/ButtonGroup/index.d.ts

@@ -0,0 +1,5 @@
+import './ButtonGroup.scss';
+import { ButtonGroup } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';
+export default ButtonGroup;
+export { ButtonGroup };

package/dist/types/components/DateRangePicker/DateRangePicker.d.ts

@@ -9,5 +9,11 @@ export interface DateRangePickerProps {
     endLabel?: string;
     className?: string;
     style?: React.CSSProperties;
+    /** 是否显示长期有效选项 */
+    showLongTerm?: boolean;
+    /** 长期有效文案 */
+    longTermLabel?: string;
+    /** 长期有效时结束日期的值，默认 '9999-12-31' */
+    longTermValue?: string;
 }
 export declare const DateRangePicker: React.FC<DateRangePickerProps>;

package/dist/types/components/Divider/Divider.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import './Divider.scss';
 export interface DividerProps {
     direction?: 'horizontal' | 'vertical';
+    /** 分割线类型：default 常规 | emphasis 强调 */
+    type?: 'default' | 'emphasis';
     color?: string;
     length?: number | string;
     margin?: string;

package/dist/types/components/GridView/GridView.d.ts

@@ -5,8 +5,16 @@ export interface GridViewItemProps {
     icon?: React.ReactNode;
     /** 文本内容 */
     text?: React.ReactNode;
+    /** 文本颜色 */
+    textColor?: string;
+    /** 文本大小 */
+    textSize?: number | string;
     /** 描述文本 */
     description?: React.ReactNode;
+    /** 描述文本颜色 */
+    descriptionColor?: string;
+    /** 描述文本大小 */
+    descriptionSize?: number | string;
     /** 徽章内容 */
     badge?: React.ReactNode;
     /** 角标内容 */

package/dist/types/components/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./Input.scss";
-type InputTypes = "text" | "password" | "textarea" | "number";
+type InputTypes = "text" | "password" | "textarea" | "number" | "code";
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
     clearable?: boolean;
     align?: "left" | "center" | "right";
@@ -12,6 +12,16 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     borderRadius?: string;
     backgroundColor?: string;
     bordered?: true;
+    /** 验证码倒计时秒数，默认60秒 */
+    codeCountdown?: number;
+    /** 点击获取验证码回调 */
+    onGetCode?: () => void | Promise<void>;
+    /** 获取验证码按钮文字 */
+    codeText?: string;
+    /** 倒计时中的文字，{s}会被替换为秒数 */
+    codeCountingText?: string;
+    /** 重新获取验证码文字 */
+    codeResendText?: string;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 export {};

package/dist/types/components/Search/Search.d.ts

@@ -11,6 +11,7 @@ export interface SearchProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
     suffix?: React.ReactNode;
     leftIcon?: React.ReactNode;
     actionText?: React.ReactNode;
+    actionColor?: string;
     showCancel?: boolean;
     cancelText?: React.ReactNode;
     background?: string;

package/dist/types/components/Tabbar/Tabbar.d.ts

@@ -13,6 +13,8 @@ export interface TabbarItemProps {
     badge?: React.ReactNode;
     /** 将徽标渲染为气泡样式 */
     badgeAsBubble?: boolean;
+    /** 是否只显示小红点（无内容） */
+    dot?: boolean;
     /** 自定义激活状态下图标和文字颜色 */
     activeColor?: string;
     /** 是否为特殊突起按钮 */

package/dist/types/components/Tabs/Tabs.d.ts

@@ -7,7 +7,8 @@ export interface TabPaneProps {
     badge?: ReactNode;
 }
 export interface TabsProps {
-    type?: 'line' | 'card' | 'pills';
+    type?: 'line' | 'card' | 'text';
+    align?: 'center' | 'left';
     value?: number;
     defaultValue?: number;
     onChange?: (index: number) => void;
@@ -18,6 +19,8 @@ export interface TabsProps {
     contentClassName?: string;
     contentStyle?: React.CSSProperties;
     children: ReactNode;
+    /** 最大标签数量，默认5 */
+    maxTabs?: number;
 }
 export declare const TabPane: React.FC<TabPaneProps>;
 export declare const Tabs: React.FC<TabsProps> & {

package/dist/types/components/Tip/Tip.d.ts

@@ -24,9 +24,28 @@ export interface TipProps {
      */
     onClose?: () => void;
     /**
-     * @description 操作按钮
+     * @description 是否加粗文字
+     * @default false
+     */
+    bold?: boolean;
+    /**
+     * @description 左侧图标名称
+     */
+    icon?: string;
+    /**
+     * @description 是否显示操作按钮
+     * @default false
+     */
+    showAction?: boolean;
+    /**
+     * @description 操作按钮文字
+     * @default '查看'
+     */
+    actionText?: string;
+    /**
+     * @description 操作按钮点击事件
      */
-    action?: ReactNode;
+    onAction?: () => void;
 }
 export declare const Tip: FC<TipProps>;
 export default Tip;

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -11,7 +11,11 @@ export interface TooltipProps {
     visible?: boolean;
     onVisibleChange?: (visible: boolean) => void;
     showMask?: boolean;
-    action?: React.ReactNode;
-    closeIcon?: React.ReactNode;
+    /** 操作按钮文字 */
+    actionText?: string;
+    /** 操作按钮点击回调 */
+    onAction?: () => void;
+    /** 是否显示关闭按钮 */
+    closable?: boolean;
 }
 export declare const Tooltip: FC<TooltipProps>;

package/dist/types/components/index.d.ts

@@ -1,4 +1,5 @@
 import { Button } from "./Button/Button";
+import { ButtonGroup } from "./ButtonGroup/ButtonGroup";
 import { Radio } from "./Radio/Radio";
 import { Checkbox } from "./Checkbox/Checkbox";
 import { Switch } from "./Switch/Switch";
@@ -30,5 +31,5 @@ import { Tooltip } from "./Tooltip/Tooltip";
 import { Dialog } from "./Dialog";
 import { ConfigProvider, useConfig } from "./ConfigProvider";
 import type { ConfigProviderProps, ThemeType, ThemeVars } from "./ConfigProvider";
-export { Button, Radio, Checkbox, Switch, Tabbar, Icon, Card, Cell, Tabs, Collapse, Stepper, Popup, Cascader, Input, Divider, CheckList, Search, TimePicker, DatePicker, DateRangePicker, Flex, Grid, GridView, Tag, Tip, NavBar, DropdownMenu, Toast, Tooltip, Dialog, ConfigProvider, useConfig, };
+export { Button, ButtonGroup, Radio, Checkbox, Switch, Tabbar, Icon, Card, Cell, Tabs, Collapse, Stepper, Popup, Cascader, Input, Divider, CheckList, Search, TimePicker, DatePicker, DateRangePicker, Flex, Grid, GridView, Tag, Tip, NavBar, DropdownMenu, Toast, Tooltip, Dialog, ConfigProvider, useConfig, };
 export type { ConfigProviderProps, ThemeType, ThemeVars };