@ray-js/smart-ui 1.0.0-beta.2 → 1.0.1-beta-2

package/dist/@types/count-down/index.d.ts

@@ -0,0 +1,81 @@
+/// <reference types="react" />
+import { VantComponent, VantEventHandler } from '../base';
+export interface VantCountDownProps {
+    /**
+     * 倒计时时长，单位毫秒
+     */
+    time?: number;
+    /**
+     * 时间格式
+     *
+     * `DD-日`
+     *
+     * `HH-时`
+     *
+     * `mm-分`
+     *
+     * `ss-秒`
+     *
+     * `SSS-毫秒`
+     *
+     * @default 'HH:mm:ss'
+     */
+    format?: string;
+    /**
+     * 是否自动开始倒计时
+     *
+     * @default true
+     */
+    autoStart?: boolean;
+    /**
+     * 是否开启毫秒级渲染
+     *
+     * @default false
+     */
+    millisecond?: boolean;
+    /**
+     * 是否使用自定义样式插槽
+     *
+     * @default false
+     */
+    useSlot?: boolean;
+}
+export interface VantCountDownTimeData {
+    /**
+     * 剩余天数
+     */
+    days: number;
+    /**
+     * 剩余小时
+     */
+    hours: number;
+    /**
+     * 剩余分钟
+     */
+    minutes: number;
+    /**
+     * 剩余秒数
+     */
+    seconds: number;
+    /**
+     * 剩余毫秒
+     */
+    milliseconds: number;
+}
+export interface VantCountDownEvents {
+    /**
+     * 倒计时结束时触发
+     */
+    onFinish?: VantEventHandler;
+    /**
+     * 时间变化时触发，仅在开启`use-slot`后才会触发
+     */
+    onChange?: VantEventHandler<VantCountDownTimeData>;
+}
+export interface VantCountDownSlot {
+    /**
+     * 自定义倒计时显示内容，设置了 useSlot 属性为 true 才生效
+     */
+    children?: React.ReactNode;
+}
+export type VantCountDown = VantComponent<VantCountDownProps, VantCountDownEvents, VantCountDownSlot>;

package/dist/@types/count-down/index.js

@@ -0,0 +1,2 @@
+"use strict";
+exports.__esModule = true;

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

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

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

@@ -0,0 +1,2 @@
+"use strict";
+exports.__esModule = true;

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

@@ -0,0 +1,150 @@
+/// <reference types="miniprogram-api-typings" />
+import { VantComponent, VantEventHandler } from '../base';
+export interface VantDateTimePickerProps {
+    /**
+     * 当前选中值，当 type 为 time时，请使用 HH:mm 格式传值
+     */
+    value?: string | number | Date;
+    /**
+     * 类型, 不建议动态修改
+     *
+     * @default 'datetime'
+     */
+    type?: 'date' | 'time' | 'year-month' | 'datetime';
+    /**
+     * 可选的最小时间，精确到分钟
+     *
+     * @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;
+    };
+}
+/**
+ * @deprecated
+ */
+export interface VantDateTimePickerBaseEvent extends WechatMiniprogram.BaseEvent {
+    detail: number;
+}
+export interface VantDateTimePickerEvents {
+    /**
+     * 当值变化时触发的事件
+     */
+    onInput?: VantEventHandler<number>;
+    /**
+     * 当值变化时触发的事件
+     */
+    onChange?: VantEventHandler<Record<string, any>>;
+    /**
+     * 点击完成按钮时触发的事件
+     */
+    onConfirm?: VantEventHandler<number>;
+    /**
+     * 点击取消按钮时触发的事件
+     */
+    onCancel?: VantEventHandler;
+}
+export interface VantDateTimePickerExternalClassName {
+    /**
+     * 选中项样式类
+     */
+    activeClass?: string;
+    /**
+     * 顶部栏样式类
+     */
+    toolbarClass?: string;
+    /**
+     * 列样式类
+     */
+    columnClass?: string;
+}
+export type VantDateTimePicker = VantComponent<VantDateTimePickerProps, VantDateTimePickerEvents, VantDateTimePickerExternalClassName>;

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

@@ -0,0 +1,2 @@
+"use strict";
+exports.__esModule = true;

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

@@ -0,0 +1,137 @@
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="miniprogram-api-typings" />
+import { VantDialogProps } from './index';
+type VantDialogCommonProps = Pick<VantDialogProps, 'title' | 'width' | 'message' | 'theme' | 'overlay' | 'transition' | 'icon'>;
+export type VantDialogOptions = {
+    /**
+     * 内容对齐方式
+     *
+     * @default 'center'
+     */
+    messageAlign?: VantDialogProps['messageAlign'];
+    /**
+     * `z-index`层级
+     *
+     * @default 100
+     */
+    zIndex?: VantDialogProps['zIndex'];
+    /**
+     * 自定义类名，`dialog` 在自定义组件内时无效
+     *
+     * @default ''
+     */
+    className?: VantDialogProps['className'];
+    /**
+     * 自定义样式
+     *
+     * @default ''
+     */
+    customStyle?: VantDialogProps['customStyle'];
+    /**
+     * 自定义选择器
+     *
+     * @default 'smart-dialog'
+     */
+    selector?: string;
+    /**
+     * 是否展示确认按钮
+     *
+     * @default true
+     */
+    showConfirmButton?: VantDialogProps['showConfirmButton'];
+    /**
+     * 是否展示取消按钮
+     *
+     * @default false
+     */
+    showCancelButton?: VantDialogProps['showCancelButton'];
+    /**
+     * 确认按钮的文案
+     *
+     * @default '确认'
+     */
+    confirmButtonText?: VantDialogProps['confirmButtonText'];
+    /**
+     * 取消按钮的文案
+     *
+     * @default '取消'
+     */
+    cancelButtonText?: VantDialogProps['cancelButtonText'];
+    /**
+     * 自定义遮罩层样式
+     */
+    overlayStyle?: VantDialogProps['overlayStyle'];
+    /**
+     * 点击遮罩层时是否关闭弹窗
+     *
+     * @default false
+     */
+    closeOnClickOverlay?: VantDialogProps['closeOnClickOverlay'];
+    /**
+     * 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 `Promise`
+     */
+    beforeClose?: VantDialogProps['beforeClose'];
+    /**
+     * 选择器的选择范围，可以传入自定义组件的 `this` 作为上下文
+     *
+     * @default 当前页面
+     */
+    context?: WechatMiniprogram.Page.TrivialInstance | WechatMiniprogram.Component.TrivialInstance;
+} & VantDialogCommonProps;
+export interface VantDialogInputOptions extends VantDialogOptions {
+    /**
+     * 输入框的值
+     */
+    value: string;
+    /**
+     * 输入框的类型
+     */
+    type?: string;
+    /**
+     * 是否是密码类型
+     */
+    password?: boolean;
+    /**
+     * 输入框为空时的占位符
+     */
+    placeholder?: string;
+    /**
+     * 输入框的最大输入长度
+     */
+    maxlength?: number;
+}
+export interface VantDialogInstance {
+    /**
+     * 展示弹窗
+     */
+    (options: VantDialogOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    /**
+     * 展示消息提示弹窗
+     */
+    alert(options: VantDialogOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    /**
+     * 展示消息确认弹窗
+     */
+    confirm(options: VantDialogOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    /**
+     * 展示输入确认弹窗
+     */
+    input(options: VantDialogInputOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    /**
+     * 修改默认配置，对所有 `Dialog` 生效
+     */
+    setDefaultOptions(options: VantDialogOptions): void;
+    /**
+     * 重置默认配置，对所有 `Dialog` 生效
+     */
+    resetDefaultOptions(): void;
+    /**
+     * 关闭弹窗
+     */
+    close(): void;
+    /**
+     * 停止按钮的加载状态
+     */
+    stopLoading(): void;
+}
+export {};

package/dist/@types/dialog/dialog.js

@@ -0,0 +1,2 @@
+"use strict";
+exports.__esModule = true;

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

@@ -0,0 +1,168 @@
+import { VantComponent, VantEventHandler, VantOpenTypeProps, WechatOpenType } from '../base';
+export interface VantDialogProps extends VantOpenTypeProps {
+    /**
+     * 是否显示弹窗
+     */
+    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?: 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';
+    /**
+     * 确认按钮的微信开放能力，具体支持可参考 微信官方文档
+     */
+    confirmButtonOpenType?: WechatOpenType;
+}
+export interface VantDialogEvents {
+    /**
+     * 弹窗关闭时触发
+     */
+    onClose?: VantEventHandler;
+    /**
+     * 点击确认按钮时触发
+     */
+    onConfirm?: VantEventHandler;
+    /**
+     * 点击取消按钮时触发
+     */
+    onCancel?: VantEventHandler;
+}
+export type VantDialog = VantComponent<VantDialogProps, VantDialogEvents>;

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

@@ -0,0 +1,2 @@
+"use strict";
+exports.__esModule = true;

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

@@ -0,0 +1,24 @@
+import { VantComponent } from '../base';
+export interface VantDividerProps {
+    /**
+     * 虚线
+     *
+     * @default false
+     */
+    dashed?: boolean;
+    /**
+     * 细线
+     *
+     * @default false
+     */
+    hairline?: boolean;
+    /**
+     * 文本位置
+     */
+    contentPosition?: 'left' | 'center' | 'right';
+    /**
+     * 自定义样式
+     */
+    customStyle?: string;
+}
+export type VantDivider = VantComponent<VantDividerProps>;

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

@@ -0,0 +1,2 @@
+"use strict";
+exports.__esModule = true;