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

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

@@ -0,0 +1,99 @@
+/// <reference types="miniprogram-api-typings" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartSliderProps {
+    /**
+     * 当前进度百分比，在双滑块模式下为数组格式
+     *
+     * @default 0
+     */
+    value?: number | number[];
+    /**
+     * 是否禁用滑块
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 最大值
+     *
+     * @default 100
+     */
+    max?: number;
+    /**
+     * 最小值
+     *
+     * @default 0
+     */
+    min?: number;
+    /**
+     * 步长
+     *
+     * @default 1
+     */
+    step?: number;
+    /**
+     * 进度条高度，默认单位为 `px`
+     *
+     * @default '2px'
+     */
+    'bar-height'?: string | number;
+    /**
+     * 进度条激活态颜色
+     *
+     * @default '#1989fa'
+     */
+    'active-color'?: string;
+    /**
+     * 进度条默认颜色
+     *
+     * @default '#e5e5e5'
+     */
+    'inactive-color'?: string;
+    /**
+     * 是否使用按钮插槽
+     *
+     * @default false
+     */
+    'use-slot-button'?: boolean;
+    /**
+     * 是否开启双滑块模式
+     *
+     * @default false
+     */
+    range?: boolean;
+    /**
+     * 是否垂直展示
+     *
+     * @default false
+     */
+    vertical?: boolean;
+}
+/**
+ * @deprecated
+ */
+export interface SmartSliderChangeEvent extends WechatMiniprogram.BaseEvent {
+    detail: number;
+}
+export interface SmartSliderDragEventDetail {
+    value: number;
+}
+export interface SmartSliderEvents {
+    /**
+     * 拖动进度条时触发
+     */
+    'bind:drag'?: SmartEventHandler<SmartSliderDragEventDetail>;
+    /**
+     * 进度值改变后触发
+     */
+    'bind:change'?: SmartEventHandler<number>;
+    /**
+     * 开始拖动时触发
+     */
+    'bind:drag-start'?: SmartEventHandler;
+    /**
+     * 结束拖动时触发
+     */
+    'bind:drag-end'?: SmartEventHandler;
+}
+export type SmartSliderExternalClassName = SmartBaseExternalClassName;
+export type SmartSlider = SmartComponent<SmartSliderProps, SmartSliderEvents, SmartSliderExternalClassName>;

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

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

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

@@ -0,0 +1,167 @@
+/// <reference types="miniprogram-api-typings" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartStepperProps {
+    /**
+     * 在表单内提交时的标识符
+     */
+    name?: string;
+    /**
+     * 输入值
+     *
+     * @default 最小值
+     */
+    value?: string | number;
+    /**
+     * 最小值
+     *
+     * @default 1
+     */
+    min?: string | number;
+    /**
+     * 最大值
+     */
+    max?: string | number;
+    /**
+     * 步长
+     *
+     * @default 1
+     */
+    step?: string | number;
+    /**
+     * 是否只允许输入整数
+     *
+     * @default false
+     */
+    integer?: boolean;
+    /**
+     * 是否禁用
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否禁用输入框
+     *
+     * @default false
+     */
+    disableInput?: boolean;
+    /**
+     * 是否开启异步变更，开启后需要手动控制输入值
+     *
+     * @default false
+     */
+    asyncChange?: boolean;
+    /**
+     * 输入框宽度，默认单位为`px`
+     *
+     * @default '32px'
+     */
+    inputWidth?: string | number;
+    /**
+     * 按钮大小，默认单位为 px，输入框高度会和按钮大小保持一致
+     *
+     * @default	'28px'
+     */
+    buttonSize?: string | number;
+    /**
+     * 是否显示增加按钮
+     *
+     * @default true
+     */
+    showPlus?: boolean;
+    /**
+     * 是否显示减少按钮
+     *
+     * @default true
+     */
+    showMinus?: boolean;
+    /**
+     * 固定显示的小数位数
+     */
+    decimalLength?: number;
+    /**
+     * 样式风格
+     */
+    theme?: 'round';
+    /**
+     * 是否禁用增加按钮
+     */
+    disablePlus?: boolean;
+    /**
+     * 是否禁用减少按钮
+     */
+    disableMinus?: boolean;
+    /**
+     * 是否开启长按手势
+     *
+     * @default true
+     */
+    longPress?: boolean;
+    /**
+     * 强制 `input` 处于同层状态，默认 `focus` 时 `input` 会切到非同层状态 (仅在 `iOS` 下生效)
+     *
+     * @default false
+     */
+    alwaysEmbed?: boolean;
+}
+/**
+ * @deprecated
+ */
+export interface SmartStepperChangeEvent extends WechatMiniprogram.BaseEvent {
+    detail: number;
+}
+/**
+ * @deprecated
+ */
+export interface SmartStepperOverLimitEvent extends WechatMiniprogram.BaseEvent {
+    detail: 'plus' | 'minus';
+}
+export interface SmartStepperFocusEventDetail {
+    value: string;
+    height: number;
+}
+export interface SmartStepperBlurEventDetail {
+    value: number;
+    cursor: number;
+}
+export interface SmartStepperEvents {
+    /**
+     * 当绑定值变化时触发的事件
+     */
+    onChange?: SmartEventHandler<number>;
+    /**
+     * 点击不可用的按钮时触发
+     */
+    onOverlimit?: SmartEventHandler<'plus' | 'minus'>;
+    /**
+     * 点击增加按钮时触发
+     */
+    onPlus?: SmartEventHandler;
+    /**
+     * 点击减少按钮时触发
+     */
+    onMinus?: SmartEventHandler;
+    /**
+     * 输入框聚焦时触发
+     */
+    onFocus?: SmartEventHandler<SmartStepperFocusEventDetail>;
+    /**
+     * 输入框失焦时触发
+     */
+    onBlur?: SmartEventHandler<SmartStepperBlurEventDetail>;
+}
+export interface SmartStepperExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 输入框样式类
+     */
+    inputClass?: string;
+    /**
+     * 加号按钮样式类
+     */
+    plusClass?: string;
+    /**
+     * 减号按钮样式类
+     */
+    minusClass?: string;
+}
+export type SmartStepper = SmartComponent<SmartStepperProps, SmartStepperEvents, SmartStepperExternalClassName>;

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

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

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

@@ -0,0 +1,83 @@
+/// <reference types="miniprogram-api-typings" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+/**
+ * 步骤配置项
+ */
+export interface SmartStepsOption {
+    /**
+     * 当前步骤名称
+     */
+    text?: string;
+    /**
+     * 当前步骤描述信息
+     */
+    desc?: string;
+    /**
+     * 当前步骤激活状态底部图标
+     */
+    inactiveIcon?: string;
+    /**
+     * 当前步骤未激活状态底部图标
+     */
+    activeIcon?: string;
+}
+export interface SmartStepsProps {
+    /**
+     * 当前步骤
+     *
+     * @default 0
+     */
+    active?: number;
+    /**
+     * 当前步骤配置
+     */
+    steps?: SmartStepsOption[];
+    /**
+     * 显示方向
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * 激活状态颜色
+     *
+     * @default '#07c160'
+     */
+    activeColor?: string;
+    /**
+     * 未激活状态颜色
+     *
+     * @default '#969799'
+     */
+    inactiveColor?: string;
+    /**
+     * 激活状态底部图标，可选值见 `Icon` 组件
+     *
+     * @default 'checked'
+     */
+    activeIcon?: string;
+    /**
+     * 未激活状态底部图标，可选值见 `Icon` 组件
+     */
+    inactiveIcon?: string;
+}
+/**
+ * @deprecated
+ */
+export interface SmartStepsClickStepEvent extends WechatMiniprogram.BaseEvent {
+    /**
+     * 当前选中步骤索引
+     */
+    detail: number;
+}
+export interface SmartStepsEvents {
+    /**
+     * 点击步骤时触发的事件
+     */
+    onClickStep?: SmartEventHandler<number>;
+}
+export interface SmartStepsExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 描述信息样式类
+     */
+    descClass?: string;
+}
+export type SmartSteps = SmartComponent<SmartStepsProps, SmartStepsEvents, SmartStepsExternalClassName>;

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

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

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

@@ -0,0 +1,36 @@
+import { SmartComponent, SmartEventHandler } from '../base';
+export interface SmartStickyProps {
+    /**
+     * 吸顶时与顶部的距离，单位`px`
+     *
+     * @default 0
+     */
+    offsetTop?: number;
+    /**
+     * 吸顶时的`zIndex`
+     *
+     * @default 99
+     */
+    zIndex?: number;
+    /**
+     * 一个函数，返回容器对应的 `NodesRef` 节点
+     */
+    container?: Function;
+    /**
+     * 当前滚动区域的滚动位置，非 `null` 时会禁用页面滚动事件的监听
+     */
+    scrollTop?: number;
+}
+export interface SmartStickyScrollEventDetail {
+    /** 距离顶部位置 */
+    scrollTop: number;
+    /** 是否吸顶 */
+    isFixed: boolean;
+}
+export interface SmartStickyEvents {
+    /**
+     * 滚动时触发
+     */
+    onScroll?: SmartEventHandler<SmartStickyScrollEventDetail>;
+}
+export type SmartSticky = SmartComponent<SmartStickyProps, SmartStickyEvents>;

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

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

package/lib/@types/swipe-cell/index.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+/// <reference types="miniprogram-api-typings" />
+import { SmartComponent, SmartEventHandler } from '../base';
+export interface SmartSwipeCellProps {
+    /**
+     * 标识符，可以在 `close` 事件的参数中获取到
+     */
+    name?: string | number;
+    /**
+     * 左侧滑动区域宽度
+     *
+     * @default 0
+     */
+    leftWidth?: number;
+    /**
+     * 右侧滑动区域宽度
+     *
+     * @default 0
+     */
+    rightWidth?: number;
+    /**
+     * 是否异步关闭
+     *
+     * @default false
+     */
+    asyncClose?: boolean;
+    /**
+     * 是否禁用滑动
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 左右侧的按钮
+     */
+    slot: {
+        left?: React.ReactNode;
+        right?: React.ReactNode;
+    };
+}
+export type SmartSwipeCellPosition = 'left' | 'right';
+export type SmartSwipeCellClickPosition = SmartSwipeCellPosition | 'cell' | 'outside';
+/**
+ * @deprecated
+ */
+export interface SmartSwipeCellClickEvent extends WechatMiniprogram.BaseEvent {
+    detail: SmartSwipeCellClickPosition;
+}
+export interface SmartSwipeCellBaseEventDetail {
+    name: string | number;
+    position: SmartSwipeCellPosition;
+}
+export interface SmartSwipeCellCloseEventDetail extends SmartSwipeCellBaseEventDetail {
+    /**
+     * SwipeCell 实例
+     */
+    instance: Record<string, any>;
+}
+export interface SmartSwipeCellEvents {
+    /**
+     * 点击时触发
+     */
+    onClick?: SmartEventHandler<SmartSwipeCellClickPosition>;
+    /**
+     * 关闭时触发
+     */
+    onClose?: SmartEventHandler<SmartSwipeCellCloseEventDetail>;
+    /**
+     * 打开时触发
+     */
+    onOpen?: SmartEventHandler<SmartSwipeCellBaseEventDetail>;
+}
+export type SmartSwipeCell = SmartComponent<SmartSwipeCellProps, SmartSwipeCellEvents>;

package/lib/@types/swipe-cell/index.js

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

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

@@ -0,0 +1,88 @@
+/// <reference types="miniprogram-api-typings" />
+import React from 'react';
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartSwitchProps {
+    /**
+     * 在表单内提交时的标识符
+     */
+    name?: string;
+    /**
+     * 开关选中状态
+     *
+     * @default false
+     */
+    checked?: any;
+    /**
+     * 是否为加载状态
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 是否为禁用状态
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 开关尺寸
+     *
+     * @default '30px'
+     */
+    size?: string;
+    /**
+     * 样式
+     *
+     */
+    style?: React.CSSProperties;
+    /**
+     * 打开时的背景色
+     *
+     * @default '#1989fa'
+     */
+    activeColor?: string;
+    /**
+     * 关闭时的背景色
+     *
+     * @default '#fff'
+     */
+    inactiveColor?: string;
+    /**
+     * 打开时的值
+     *
+     * @default true
+     */
+    activeValue?: any;
+    /**
+     * 关闭时的值
+     *
+     * @default false
+     */
+    inactiveValue?: any;
+    /**
+     * 是否阻止冒泡
+     *
+     * @default false
+     * @version 1.0.4
+     */
+    stopClickPropagation?: boolean;
+}
+/**
+ * @deprecated
+ */
+export interface SmartSwitchChangeEvent extends WechatMiniprogram.BaseEvent {
+    detail: boolean;
+}
+export interface SmartSwitchEvents {
+    /**
+     * 开关状态切换回调
+     */
+    onChange?: SmartEventHandler<boolean>;
+}
+export interface SmartSwitchExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 圆点样式类
+     */
+    nodeClass?: string;
+}
+export type SmartSwitch = SmartComponent<SmartSwitchProps, SmartSwitchEvents, SmartSwitchExternalClassName>;

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

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

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

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent } from '../base';
+export interface SmartTabProps {
+    /**
+     * 标签名称，作为匹配的标识符
+     *
+     * @default 标签的索引值
+     */
+    name?: string | number;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 是否禁用标签
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否显示小红点
+     */
+    dot?: boolean;
+    /**
+     * 图标右上角提示信息
+     */
+    info?: string | number;
+    /**
+     * 自定义标题样式
+     */
+    titleStyle?: React.CSSProperties;
+    /**
+     * @description 二级标题
+     * @version 2.3.5
+     */
+    subtitle?: string;
+    /**
+     * @description 二级标题样式
+     * @version 2.3.5
+     */
+    subtitleStyle?: React.CSSProperties;
+}
+export type SmartTabEvents = {};
+export type SmartTabExternalClassName = SmartBaseExternalClassName;
+export interface SmartTabSlot {
+    /**
+     * 自定义标签页内容
+     */
+    children?: React.ReactNode;
+}
+export type SmartTab = SmartComponent<SmartTabProps, SmartTabEvents, SmartTabExternalClassName, SmartTabSlot>;

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

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