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

package/lib/@types/custom-keyboard/index.d.ts

@@ -0,0 +1,97 @@
+/// <reference types="react" />
+import { SmartComponent, SmartEventHandler } from '../base';
+export interface SmartCustomKeyboardProps {
+    /**
+     * 当前值
+     *
+     * @default ''
+     */
+    value?: string;
+    /**
+     * 占位符文案
+     *
+     * @default 'please input'
+     */
+    placeholder?: string;
+    /**
+     * 用于适配进制功能（取值范围1-10）
+     *
+     * @default 10
+     */
+    digitalBase?: number;
+    /**
+     * 是否隐藏零
+     *
+     * @default true
+     */
+    isHideZero?: boolean;
+    /**
+     * 电量高的颜色
+     *
+     * @default '#70CF98'
+     */
+    highColor?: string;
+    /**
+     * 数字键盘的确认按钮背景色
+     *
+     * @default '#239C8E'
+     */
+    confirmColor?: string;
+    /**
+     * 确认按钮文案
+     *
+     * @default 'Confirm'
+     */
+    confirmText?: string;
+    /**
+     * 输入框容器样式
+     *
+     * @default null
+     */
+    inputContainerStyle?: React.CSSProperties;
+    /**
+     * 当前值的样式（适用于placeholder样式）
+     *
+     * @default null
+     */
+    valueTextStyle?: React.CSSProperties;
+    /**
+     * 确认按钮的样式
+     *
+     * @default null
+     */
+    confirmTextStyle?: React.CSSProperties;
+}
+export interface SmartCustomKeyboardData {
+    /**
+     * 当前操作选中的值
+     *
+     */
+    value: string | number;
+}
+export interface SmartCustomKeyboardEvents {
+    /**
+     * 点击具体数值的回调
+     */
+    onChange?: SmartEventHandler<SmartCustomKeyboardData>;
+    /**
+     * 确认按钮的回调函数
+     */
+    onConfirm?: SmartEventHandler<SmartCustomKeyboardData>;
+}
+export interface SmartCustomKeyboardSlot {
+    /**
+     * 自定义 value 显示内容，如果设置了 value 属性则不生效
+     */
+    children?: React.ReactNode;
+    /**
+     * Cell Slot
+     */
+    slot?: {
+        /**
+         * 自定义 title 显示内容，如果设置了 title 属性则不生效
+         */
+        customButton?: React.ReactNode;
+    };
+}
+export type SmartCustomKeyboard = SmartComponent<SmartCustomKeyboardProps, SmartCustomKeyboardEvents, SmartCustomKeyboardSlot>;

package/lib/@types/custom-keyboard/index.js

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

package/lib/@types/datetime-picker/index.d.ts

@@ -0,0 +1,218 @@
+/// <reference types="miniprogram-api-typings" />
+import React from 'react';
+import { SmartComponent, SmartEventHandler } from '../base';
+type TimeType = 'date' | 'time' | 'year-month' | 'datetime';
+type TimeUnitType = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
+export interface SmartDateTimePickerProps {
+    /**
+     * 当前选中值，当 type 为 time时，请使用 HH:mm 格式传值
+     */
+    value?: string | number | Date;
+    /**
+     * 类型, 不建议动态修改
+     *
+     * @default 'datetime'
+     */
+    type?: TimeType;
+    /**
+     * 可选的最小时间，精确到分钟
+     *
+     * @default '十年前'
+     */
+    minDate?: number;
+    /**
+     * 可选的最大时间，精确到分钟
+     *
+     * @default 十年后
+     */
+    maxDate?: number;
+    /**
+     * 可选的最小小时，针对`time`类型
+     *
+     * @default 0
+     */
+    minHour?: number;
+    /**
+     * 可选的最大小时，针对`time`类型
+     *
+     * @default 23
+     */
+    maxHour?: number;
+    /**
+     * 可选的最小分钟，针对`time`类型
+     *
+     * @default 0
+     */
+    minMinute?: number;
+    /**
+     * 可选的最大分钟，针对`time`类型
+     *
+     * @default 59
+     */
+    maxMinute?: number;
+    /**
+     * 选项过滤函数
+     * Ray组件不支持此属性
+     */
+    /**
+     * 选项格式化函数
+     * Ray组件不支持此属性
+     */
+    /**
+     * 顶部栏标题
+     *
+     * @default '''
+     */
+    title?: string;
+    /**
+     * 是否显示顶部栏
+     *
+     * @default true
+     */
+    showToolbar?: boolean;
+    /**
+     * 是否显示加载状态
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 选项高度
+     *
+     * @default 44
+     */
+    itemHeight?: number;
+    /**
+     * 确认按钮文字
+     *
+     * @default 'Confirm'
+     */
+    confirmButtonText?: string;
+    /**
+     * 取消按钮文字
+     *
+     * @default 'Cancel'
+     */
+    cancelButtonText?: string;
+    /**
+     * 可见的选项个数
+     *
+     * @default 6
+     */
+    visibleItemCount?: number;
+    /**
+     * 年月日时分秒单位
+     */
+    locale?: {
+        year?: string;
+        month?: string;
+        day?: string;
+        hour?: string;
+        minute?: string;
+        second?: string;
+    };
+    /**
+     * @description 组件选择值改变时是否需要动画过度效果
+     * @version 2.2.0
+     * @default true
+     */
+    changeAnimation?: boolean;
+    /**
+     * @description 字符串替换
+     * @version 2.2.0
+     */
+    formatterMap?: Partial<Record<TimeUnitType, string | Record<string, string>>>;
+    /**
+     * @description 当设置 type: 'time' 时，此属性可开启12小时选择模式
+     * @version 2.2.0
+     * @default false
+     */
+    is12HourClock?: boolean;
+    /**
+     * @description 12小时选择模式时上午的文案
+     * @version 2.2.0
+     * @default 'AM'
+     */
+    amText?: string;
+    /**
+     * @description 12小时选择模式时下午的文案
+     * @version 2.2.0
+     * @default 'PM'
+     */
+    pmText?: string;
+    /**
+     * @description 设置列的顺序，同`flex order`属性，只是从样式角度修改列的顺序，逻辑还是不变
+     * @version 2.2.0
+     * @default []
+     */
+    columnsOrder?: number[];
+    /**
+     * @description 组件动画以及选择回调延迟时间
+     * @version 2.3.7
+     * @default 800 (ms)
+     */
+    animationTime?: number;
+    /**
+     * @description 选中项的样式
+     * @version 2.3.7
+     */
+    activeStyle?: React.CSSProperties;
+    /**
+     * @description 设置任意列的样式
+     * @version 2.3.7
+     */
+    columnStyles?: Partial<Record<TimeUnitType | '12HourClock', React.CSSProperties>>;
+    /**
+     * @description 设置任意列的文字样式
+     * @version 2.3.7
+     */
+    fontStyles?: Partial<Record<TimeUnitType | '12HourClock', React.CSSProperties>>;
+}
+/**
+ * @deprecated
+ */
+export interface SmartDateTimePickerBaseEvent extends WechatMiniprogram.BaseEvent {
+    detail: number;
+}
+export interface SmartDateTimePickerEvents {
+    /**
+     * 当值变化时触发的事件
+     */
+    onInput?: SmartEventHandler<number>;
+    /**
+     * 当值变化时触发的事件
+     */
+    onChange?: SmartEventHandler<Record<string, any>>;
+    /**
+     * 点击完成按钮时触发的事件
+     */
+    onConfirm?: SmartEventHandler<number>;
+    /**
+     * 点击取消按钮时触发的事件
+     */
+    onCancel?: SmartEventHandler;
+    /**
+     * 继承picker动画开始事件
+     */
+    onAnimationStart?: () => void;
+    /**
+     * 继承picker动画结束事件
+     */
+    onAnimationEnd?: () => void;
+}
+export interface SmartDateTimePickerExternalClassName {
+    /**
+     * 选中项样式类
+     */
+    activeClass?: string;
+    /**
+     * 顶部栏样式类
+     */
+    toolbarClass?: string;
+    /**
+     * 列样式类
+     */
+    columnClass?: string;
+}
+export type SmartDateTimePicker = SmartComponent<SmartDateTimePickerProps, SmartDateTimePickerEvents, SmartDateTimePickerExternalClassName>;
+export {};

package/lib/@types/datetime-picker/index.js

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

package/lib/@types/dialog/dialog.d.ts

@@ -0,0 +1,166 @@
+/// <reference types="react" />
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="miniprogram-api-typings" />
+import { SmartDialogProps } from './index';
+type SmartDialogCommonProps = Pick<SmartDialogProps, 'title' | 'width' | 'message' | 'theme' | 'overlay' | 'transition' | 'icon'>;
+type AnyObject = {};
+export type SmartDialogOptions = {
+    /**
+     * 内容对齐方式
+     *
+     * @default 'center'
+     */
+    messageAlign?: SmartDialogProps['messageAlign'];
+    /**
+     * `z-index`层级
+     *
+     * @default 100
+     */
+    zIndex?: SmartDialogProps['zIndex'];
+    /**
+     * 自定义类名，`dialog` 在自定义组件内时无效
+     *
+     * @default ''
+     */
+    className?: SmartDialogProps['className'];
+    /**
+     * 自定义样式
+     *
+     * @default ''
+     */
+    customStyle?: SmartDialogProps['customStyle'];
+    /**
+     * 自定义选择器
+     *
+     * @default 'smart-dialog'
+     */
+    selector?: string;
+    /**
+     * 是否展示确认按钮
+     *
+     * @default true
+     */
+    showConfirmButton?: SmartDialogProps['showConfirmButton'];
+    /**
+     * 是否展示取消按钮
+     *
+     * @default false
+     */
+    showCancelButton?: SmartDialogProps['showCancelButton'];
+    /**
+     * 确认按钮的文案
+     *
+     * @default '确认'
+     */
+    confirmButtonText?: SmartDialogProps['confirmButtonText'];
+    /**
+     * 取消按钮的文案
+     *
+     * @default '取消'
+     */
+    cancelButtonText?: SmartDialogProps['cancelButtonText'];
+    /**
+     * 确认按钮的字体颜色
+     */
+    confirmButtonColor?: React.CSSProperties['color'];
+    /**
+     * 取消按钮的字体颜色
+     */
+    cancelButtonColor?: React.CSSProperties['color'];
+    /**
+     * 自定义遮罩层样式
+     */
+    overlayStyle?: SmartDialogProps['overlayStyle'];
+    /**
+     * 点击遮罩层时是否关闭弹窗
+     *
+     * @default false
+     */
+    closeOnClickOverlay?: SmartDialogProps['closeOnClickOverlay'];
+    /**
+     * 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 `Promise`
+     */
+    beforeClose?: SmartDialogProps['beforeClose'];
+    /**
+     * 选择器的选择范围，可以传入自定义组件的 `this` 作为上下文
+     *
+     * @default 当前页面
+     */
+    context?: WechatMiniprogram.Page.TrivialInstance | WechatMiniprogram.Component.TrivialInstance;
+    /**
+     * 当有dialog未关闭时组件内部会阻塞同 Id 的组件被重复打开,此属性可以无视组件内部阻塞队列
+     *
+     * @default false
+     * @version v2.2.1
+     */
+    ignoreQueue?: boolean;
+    /**
+     * 开启弹框期间是否禁用本地手势
+     *
+     * @default false
+     * @version v2.3.8
+     */
+    nativeDisabled?: boolean;
+} & SmartDialogCommonProps;
+export interface SmartDialogInputOptions extends SmartDialogOptions {
+    /**
+     * 输入框的值
+     */
+    value: string;
+    /**
+     * 输入框的类型
+     */
+    type?: string;
+    /**
+     * 是否是密码类型
+     */
+    password?: boolean;
+    /**
+     * 输入框为空时的占位符
+     */
+    placeholder?: string;
+    /**
+     * 输入框的最大输入长度
+     */
+    maxlength?: number;
+}
+export interface SmartDialogInstance {
+    /**
+     * 展示弹窗
+     */
+    (options: SmartDialogOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    /**
+     * 展示消息提示弹窗
+     */
+    alert(options: SmartDialogOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    /**
+     * 展示消息确认弹窗
+     */
+    confirm(options: SmartDialogOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    /**
+     * 展示输入确认弹窗
+     */
+    input(options: SmartDialogInputOptions): Promise<WechatMiniprogram.Component.Instance<{
+        /**
+         * 输入框的当前值
+         */
+        inputValue: string;
+    }, AnyObject, AnyObject>>;
+    /**
+     * 修改默认配置，对所有 `Dialog` 生效
+     */
+    setDefaultOptions(options: SmartDialogOptions): void;
+    /**
+     * 重置默认配置，对所有 `Dialog` 生效
+     */
+    resetDefaultOptions(): void;
+    /**
+     * 关闭弹窗
+     */
+    close(): void;
+    /**
+     * 停止按钮的加载状态
+     */
+    stopLoading(): void;
+}
+export {};

package/lib/@types/dialog/dialog.js

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

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

@@ -0,0 +1,184 @@
+/// <reference types="react" />
+import { SmartComponent, SmartEventHandler, SmartOpenTypeProps } from '../base';
+export interface SmartDialogProps extends SmartOpenTypeProps {
+    /**
+     * 是否显示弹窗
+     */
+    show?: boolean;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 是否显示警告图标
+     */
+    icon?: boolean;
+    /**
+     * 输入框的值
+     */
+    value?: string;
+    /**
+     * 输入框的类型
+     */
+    type?: string;
+    /**
+     * 是否是密码类型
+     */
+    password?: boolean;
+    /**
+     * 输入框为空时的占位符
+     */
+    placeholder?: string;
+    /**
+     * 输入框的最大输入长度
+     */
+    maxlength?: number;
+    /**
+     * 弹窗宽度，默认单位为`px`
+     *
+     * @default '320px'
+     */
+    width?: string | number;
+    /**
+     * 文本内容，支持通过`\n`换行
+     */
+    message?: string;
+    /**
+     * 样式风格
+     *
+     * @default 'default'
+     */
+    theme?: 'default' | 'round-button';
+    /**
+     * 内容对齐方式
+     *
+     * @default 'center'
+     */
+    messageAlign?: 'left' | 'center' | 'right' | 'justify';
+    /**
+     * `z-index`层级
+     *
+     * @default 100
+     */
+    zIndex?: number;
+    /**
+     * 自定义类名，`dialog` 在自定义组件内时无效
+     *
+     * @default ''
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     *
+     * @default ''
+     */
+    customStyle?: React.CSSProperties;
+    /**
+     * 根节点样式类
+     */
+    customClass?: string;
+    /**
+     * 	取消按钮样式类
+     */
+    cancelButtonClass?: string;
+    /**
+     * 确认按钮样式类
+     */
+    confirmButtonClass?: string;
+    /**
+     * 是否展示确认按钮
+     *
+     * @default true
+     */
+    showConfirmButton?: boolean;
+    /**
+     * 是否展示取消按钮
+     *
+     * @default false
+     */
+    showCancelButton?: boolean;
+    /**
+     * 确认按钮的文案
+     *
+     * @default 'Confirm'
+     */
+    confirmButtonText?: string;
+    /**
+     * 取消按钮的文案
+     *
+     * @default 'Cancel'
+     */
+    cancelButtonText?: string;
+    /**
+     * 确认按钮的字体颜色
+     *
+     * @default '#ee0a24'
+     */
+    confirmButtonColor?: string;
+    /**
+     * 取消按钮的字体颜色
+     *
+     * @default '#333'
+     */
+    cancelButtonColor?: string;
+    /**
+     * 是否展示遮罩层
+     *
+     * @default true
+     */
+    overlay?: boolean;
+    /**
+     * 自定义遮罩层样式
+     */
+    overlayStyle?: Partial<CSSStyleDeclaration>;
+    /**
+     * 点击遮罩层时是否关闭弹窗
+     *
+     * @default false
+     */
+    closeOnClickOverlay?: boolean;
+    /**
+     * 是否使用自定义内容的插槽
+     *
+     * @default false
+     */
+    useSlot?: boolean;
+    /**
+     * 是否使用自定义标题的插槽
+     *
+     * @default false
+     */
+    useTitleSlot?: boolean;
+    /**
+     * 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 `Promise`
+     */
+    beforeClose?: (action: 'confirm' | 'cancel' | 'overlay', value?: string) => boolean | Promise<boolean>;
+    /**
+     * 动画名称
+     *
+     * @default 'scale'
+     */
+    transition?: 'fade' | 'scale' | 'none';
+    /**
+     * 开启弹框期间是否禁用本地手势
+     *
+     * @default false
+     * @version 2.3.8
+     */
+    nativeDisabled?: boolean;
+}
+export interface SmartDialogEvents {
+    /**
+     * 弹窗关闭时触发
+     */
+    onClose?: SmartEventHandler;
+    /**
+     * 点击确认按钮时触发
+     */
+    onConfirm?: SmartEventHandler;
+    /**
+     * 点击取消按钮时触发
+     */
+    onCancel?: SmartEventHandler;
+}
+export type SmartDialog = SmartComponent<Omit<SmartDialogProps, 'beforeClose'>, SmartDialogEvents>;

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

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

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent } from '../base';
+export interface SmartDividerProps {
+    /**
+     * 虚线
+     *
+     * @default false
+     */
+    dashed?: boolean;
+    /**
+     * 细线
+     *
+     * @default false
+     */
+    hairline?: boolean;
+    /**
+     * 文本位置
+     */
+    contentPosition?: 'left' | 'center' | 'right';
+    /**
+     * 自定义样式
+     */
+    customStyle?: React.CSSProperties;
+}
+export interface SmartDividerSlot {
+    /**
+     * 自定义文本内容
+     */
+    children?: React.ReactNode;
+}
+export type SmartDivider = SmartComponent<SmartDividerProps, {}, SmartBaseExternalClassName, SmartDividerSlot>;

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

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