@ray-js/smart-ui 2.4.0-beta-3 → 2.4.0-beta-4

package/lib/@types/popup/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/@types/progress/index.d.ts

@@ -0,0 +1,59 @@
+import { SmartBaseExternalClassName, SmartComponent } from '../base';
+export interface SmartProgressProps {
+    /**
+     * 是否置灰
+     *
+     * @default false
+     */
+    inactive?: boolean;
+    /**
+     * 进度百分比
+     *
+     * @default 0
+     */
+    percentage?: number;
+    /**
+     * 进度条粗细，默认单位为`px`
+     *
+     * @default '4px'
+     */
+    'stroke-width'?: string | number;
+    /**
+     * 是否显示进度文字
+     *
+     * @default true
+     */
+    'show-pivot'?: boolean;
+    /**
+     * 进度条颜色
+     *
+     * @default '#1989fa'
+     */
+    color?: string;
+    /**
+     * 进度文字颜色
+     *
+     * @default '#fff'
+     */
+    'text-color'?: string;
+    /**
+     * 轨道颜色
+     *
+     * @default '#e5e5e5'
+     */
+    'track-color'?: string;
+    /**
+     * 文字显示
+     *
+     * @default 百分比文字
+     */
+    'pivot-text'?: string;
+    /**
+     * 文字背景色
+     *
+     * @default 与进度条颜色一致
+     */
+    'pivot-color'?: string;
+}
+export type SmartProgressExternalClassName = SmartBaseExternalClassName;
+export type SmartProgress = SmartComponent<SmartProgressProps, {}, SmartProgressExternalClassName>;

package/lib/@types/progress/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/@types/radio/index.d.ts

@@ -0,0 +1,82 @@
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartRadioProps {
+    /**
+     * 标识符
+     */
+    name?: string;
+    /**
+     * 形状
+     */
+    shape?: 'square' | 'round';
+    /**
+     * 是否为禁用状态
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否禁用文本内容点击
+     *
+     * @default false
+     */
+    labelDisabled?: boolean;
+    /**
+     * 文本位置
+     */
+    labelPosition?: 'left' | 'right';
+    /**
+     * 图标大小，默认单位为`px`
+     *
+     * @default '20px'
+     */
+    iconSize?: string | number;
+    /**
+     * 选中状态颜色
+     *
+     * @default '#1989fa'
+     */
+    checkedColor?: string;
+    /**
+     * 是否使用`icon`插槽
+     *
+     * @default false
+     */
+    useIconSlot?: boolean;
+}
+/**
+ * @deprecated
+ */
+export interface SmartRadioChangeEvent extends WechatMiniprogram.BaseEvent {
+    detail: string;
+}
+export interface SmartRadioEvents {
+    /**
+     * 当绑定值变化时触发的事件
+     */
+    onchange?: SmartEventHandler<string>;
+}
+export interface SmartRadioExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 图标样式类
+     */
+    iconClass?: string;
+    /**
+     * 描述信息样式类
+     */
+    labelClass?: string;
+}
+export interface SmartRadioSlot {
+    children?: React.ReactNode;
+    /**
+     * Cell Slot
+     */
+    slot?: {
+        /**
+         * 自定义 icon 显示内容
+         */
+        icon?: React.ReactNode;
+    };
+}
+export type SmartRadio = SmartComponent<SmartRadioProps, SmartRadioEvents, SmartRadioExternalClassName, SmartRadioSlot>;

package/lib/@types/radio/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/@types/radio-group/index.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+/// <reference types="miniprogram-api-typings" />
+import { SmartComponent, SmartEventHandler } from '../base';
+export interface SmartRadioGroupProps {
+    /**
+     * 在表单内提交时的标识符
+     */
+    name?: string;
+    /**
+     * 当前选中项的标识符
+     */
+    value?: any;
+    /**
+     * 是否禁用所有单选框
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 排列方向
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * 子元素节点
+     */
+    children?: React.ReactNode;
+    /**
+     * 是否阻止默认UI更新事件
+     * @default false
+     * @version 2.3.8
+     */
+    preventDefault?: boolean;
+}
+/**
+ * @deprecated
+ */
+export interface SmartRadioGroupChangeEvent extends WechatMiniprogram.BaseEvent {
+    detail: string;
+}
+export interface SmartRadioGroupEvents {
+    /**
+     * 当绑定值变化时触发的事件
+     */
+    onChange?: SmartEventHandler<string>;
+}
+export type SmartRadioGroup = SmartComponent<SmartRadioGroupProps, SmartRadioGroupEvents>;

package/lib/@types/radio-group/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/@types/rate/index.d.ts

@@ -0,0 +1,103 @@
+/// <reference types="miniprogram-api-typings" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartRateProps {
+    /**
+     * 在表单内提交时的标识符
+     */
+    name?: string;
+    /**
+     * 当前分值
+     */
+    value?: number;
+    /**
+     * 图标总数
+     *
+     * @default 5
+     */
+    count?: number;
+    /**
+     * 图标大小，默认单位为`px`
+     *
+     * @default `20px`
+     */
+    size?: string | number;
+    /**
+     * 图标间距，默认单位为`px`
+     *
+     * @default '4px'
+     */
+    gutter?: string | number;
+    /**
+     * 选中时的颜色
+     *
+     * @default '#ffd21e'
+     */
+    color?: string;
+    /**
+     * 未选中时的颜色
+     *
+     * @default '#c7c7c7'
+     */
+    voidColor?: string;
+    /**
+     * 选中时的图标名称或图片链接，可选值见`Icon`组件
+     *
+     * @default 'star'
+     */
+    icon?: string;
+    /**
+     * 未选中时的图标名称或图片链接，可选值见`Icon`组件
+     *
+     * @default 'star-o'
+     */
+    voidIcon?: string;
+    /**
+     * 是否允许半选
+     *
+     * @default false
+     */
+    allowHalf?: boolean;
+    /**
+     * 是否为只读状态
+     *
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 是否禁用评分
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 禁用时的颜色
+     *
+     * @default '#bdbdbd'
+     */
+    disabledColor?: string;
+    /**
+     * 是否可以通过滑动手势选择评分
+     *
+     * @default true
+     */
+    touchable?: boolean;
+}
+/**
+ * @deprecated
+ */
+export interface SmartRateChangeEvent extends WechatMiniprogram.BaseEvent {
+    detail: number;
+}
+export interface SmartRateEvents {
+    /**
+     * 当前分值变化时触发的事件
+     */
+    onChange?: SmartEventHandler<number>;
+}
+export interface SmartRateExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 图标样式类
+     */
+    iconClass?: string;
+}
+export type SmartRate = SmartComponent<SmartRateProps, SmartRateEvents, SmartRateExternalClassName>;

package/lib/@types/rate/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/@types/row/index.d.ts

@@ -0,0 +1,9 @@
+import { SmartBaseExternalClassName, SmartComponent } from '../base';
+export interface SmartRowProps {
+    /**
+     * 列元素之间的间距（单位为 px）
+     */
+    gutter?: string | number;
+}
+export type SmartRowExternalClassName = SmartBaseExternalClassName;
+export type SmartRow = SmartComponent<SmartRowProps, {}, SmartRowExternalClassName>;

package/lib/@types/row/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/@types/search/index.d.ts

@@ -0,0 +1,198 @@
+/// <reference types="react" />
+/// <reference types="miniprogram-api-typings" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+import { SmartFieldEvents } from '../field';
+export interface SmartSearchProps {
+    /**
+     * 在表单内提交时的标识符
+     */
+    name?: string;
+    /**
+     * 搜索框左侧文本
+     */
+    label?: string;
+    /**
+     * 形状
+     *
+     * @default 'square'
+     */
+    shape?: 'round' | 'square';
+    /**
+     * 当前输入的值
+     */
+    value?: string | number;
+    /**
+     * 搜索框背景色
+     *
+     */
+    background?: string;
+    /**
+     * 是否在搜索框右侧显示取消按钮
+     *
+     * @default false
+     */
+    showAction?: boolean;
+    /**
+     * 取取消按钮文本
+     * @default 'cancel'
+     */
+    actionText?: string;
+    /**
+     * 获取焦点
+     *
+     * @default false
+     */
+    focus?: boolean;
+    /**
+     * 是否将输入内容标红
+     *
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * 是否禁用输入框
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否只读
+     *
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 是否启用清除控件
+     *
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * 显示清除图标的时机，`always`表示输入框不为空时展示，
+     * `focus`表示输入框聚焦且不为空时展示
+     *
+     * @default 'focus'
+     */
+    clearTrigger?: 'always' | 'focus';
+    /**
+     * 清除图标svg字符串或图片链接
+     *
+     * @default 'clear'
+     */
+    clearIcon?: string;
+    /**
+     * 最大输入长度，设置为`-1`的时候不限制最大长度
+     *
+     * @default -1
+     */
+    maxlength?: number;
+    /**
+     * 是否使用 `action slot`
+     *
+     * @default false
+     */
+    useActionSlot?: boolean;
+    /**
+     * 输入框为空时占位符
+     */
+    placeholder?: string;
+    /**
+     * 指定占位符的样式
+     */
+    placeholderStyle?: React.CSSProperties;
+    /**
+     * 输入框内容对齐方式
+     *
+     * @default 'left'
+     */
+    inputAlign?: 'left' | 'center' | 'right';
+    /**
+     * 是否使用输入框左侧图标 `slot`
+     *
+     * @default false
+     */
+    useLeftIconSlot?: boolean;
+    /**
+     * 是否使用输入框右侧图标`slot`
+     *
+     * @default false
+     */
+    useRightIconSlot?: boolean;
+    /**
+     * 输入框左侧图标名称或图片链接，可选值见`Icon`组件（如果设置了`use-left-icon-slot`，则该属性无效）
+     *
+     * @default 'search'
+     */
+    leftIcon?: string;
+    /**
+     * 输入框右侧图标名称或图片链接，可选值见`Icon`组件（如果设置了`use-right-icon-slot`，则该属性无效）
+     */
+    rightIcon?: string;
+    /**
+     * 搜索按钮文本
+     * @default 'Search'
+     * @version v2.0.0
+     */
+    searchText?: string;
+}
+export interface SmartSearchSlot {
+    /**
+     * Field Slot
+     */
+    slot?: {
+        /**
+         * 自定义搜索框右侧按钮
+         * 需要在`useActionSlot`为 true 时才会启效
+         */
+        action?: React.ReactNode;
+        /**
+         * 自定义搜索框左侧文本，如果设置了label属性则不生效
+         */
+        label?: React.ReactNode;
+        /**
+         * 自定义搜索框左侧文本
+         * 需要在`useLeftIconSlot`为 true 时才会启效
+         */
+        leftIcon?: React.ReactNode;
+        /**
+         * 自定义输入框尾部图标
+         * 需要在`useRightIconSlot`为 true 时才会启效
+         */
+        rightIcon?: React.ReactNode;
+        /**
+         * 自定义搜索按钮
+         */
+        searchButton?: React.ReactNode;
+    };
+}
+/**
+ * @deprecated
+ */
+export interface SmartSearchBaseEvent extends WechatMiniprogram.BaseEvent {
+    detail: string;
+}
+export interface SmartSearchEvents extends Pick<SmartFieldEvents, 'onChange' | 'onFocus' | 'onBlur' | 'onClear' | 'onClickInput'> {
+    /**
+     * 确定搜索时触发
+     */
+    onSearch?: SmartEventHandler<string>;
+    /**
+     * 取消搜索搜索时触发
+     */
+    onCancel?: SmartEventHandler;
+}
+export interface SmartSearchExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 搜索框样式类
+     */
+    fieldClass?: string;
+    /**
+     * 输入框样式类
+     */
+    inputClass?: string;
+    /**
+     * 取消按钮样式类
+     */
+    cancelClass?: string;
+}
+export type SmartSearch = SmartComponent<SmartSearchProps, SmartSearchEvents, SmartSearchExternalClassName, SmartSearchSlot>;

package/lib/@types/search/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/@types/sidebar/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="miniprogram-api-typings" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartSidebarProps {
+    /**
+     * 选中项的索引
+     *
+     * @default 0
+     */
+    activeKey?: string | number;
+}
+/**
+ * @deprecated
+ */
+export interface SmartSidebarChangeEvent extends WechatMiniprogram.BaseEvent {
+    /**
+     * 当前选中徽章的索引
+     */
+    detail: number;
+}
+export interface SmartSidebarEvents {
+    /**
+     * 切换徽章时触发
+     */
+    onChange?: SmartEventHandler<number>;
+}
+export type SmartSidebarExternalClassName = SmartBaseExternalClassName;
+export type SmartSidebar = SmartComponent<SmartSidebarProps, SmartSidebarEvents, SmartSidebarExternalClassName>;

package/lib/@types/sidebar/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/@types/sidebar-item/index.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartSidebarItemProps {
+    /**
+     * 内容
+     *
+     * @default ''
+     */
+    title?: string;
+    /**
+     * 是否显示右上角小红点
+     *
+     * @default false
+     */
+    dot?: boolean;
+    /**
+     * 图标右上角徽标的内容
+     *
+     * @default ''
+     */
+    badge?: string | number;
+    /**
+     * 是否禁用该项
+     *
+     * @default false
+     */
+    disabled?: boolean;
+}
+/**
+ * @deprecated
+ */
+export interface SmartSidebarItemClickEvent extends WechatMiniprogram.BaseEvent {
+    /**
+     * 当前徽章的索引
+     */
+    detail: number;
+}
+export interface SmartSidebarItemEvents {
+    /**
+     * 点击徽章时触发
+     */
+    onClick?: SmartEventHandler<number>;
+}
+export interface SmartSidebarItemSlot {
+    /**
+     * 自定义标题栏，如果设置了 title 属性则不生效
+     */
+    title?: React.ReactNode;
+}
+export type SmartSidebarItemExternalClassName = SmartBaseExternalClassName;
+export type SmartSidebarItem = SmartComponent<SmartSidebarItemProps, SmartSidebarItemEvents, SmartSidebarItemExternalClassName>;

package/lib/@types/sidebar-item/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/@types/skeleton/index.d.ts

@@ -0,0 +1,74 @@
+import { SmartComponent } from '../base';
+export interface SmartSkeletonProps {
+    /**
+     * 段落占位图行数
+     *
+     * @default 0
+     */
+    row?: number;
+    /**
+     * 段落占位图宽度，可传数组来设置每一行的宽度
+     *
+     * @default '100%'
+     */
+    rowWidth?: string | string[];
+    /**
+     * 是否显示标题占位图
+     *
+     * @default false
+     */
+    title?: boolean;
+    /**
+     * 标题占位图宽度
+     *
+     * @default '40%'
+     */
+    titleWidth?: string | number;
+    /**
+     * 是否显示头像占位图
+     *
+     * @default false
+     */
+    avatar?: boolean;
+    /**
+     * 头像占位图大小
+     *
+     * @default '32px'
+     */
+    avatarSize?: string | number;
+    /**
+     * 头像占位图形状
+     */
+    avatarShape?: 'square' | 'round';
+    /**
+     * 是否显示占位图，传`false`时会展示子组件内容
+     *
+     * @default true
+     */
+    loading?: boolean;
+    /**
+     * 是否开启动画
+     *
+     * @default true
+     */
+    animate?: boolean;
+}
+export interface SmartSkeletonExternalClassName {
+    /**
+     * 根节点样式类
+     */
+    customClass?: string;
+    /**
+     * 段落占位样式类
+     */
+    rowClass?: string;
+    /**
+     * 头像占位样式类
+     */
+    avatarClass?: string;
+    /**
+     * 	标题占位样式类
+     */
+    titleClass?: string;
+}
+export type SmartSkeleton = SmartComponent<SmartSkeletonProps, {}, SmartSkeletonExternalClassName>;

package/lib/@types/skeleton/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });