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

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

@@ -0,0 +1,109 @@
+import { VantOpenTypeProps, VantBaseExternalClassName, VantBaseLoadingExternalClassName, VantComponent, VantEventHandler, VantTouchEvent } from '../base';
+export interface VantButtonProps extends VantOpenTypeProps {
+    /** 标识符 */
+    id?: string;
+    /**
+     * 按钮类型
+     *
+     * @default 'default'
+     */
+    type?: 'primary' | 'info' | 'warning' | 'danger';
+    /**
+     * 按钮尺寸
+     *
+     * @default 'normal'
+     */
+    size?: 'normal' | 'large' | 'small' | 'mini';
+    /**
+     * 按钮颜色，支持传入`linearGradient`渐变色
+     */
+    color?: string;
+    /**
+     * 左侧图标名称或图片链接
+     *
+     * 可选值见`Icon`组件
+     */
+    icon?: string;
+    /**
+     * 右侧图标名称或图片链接
+     *
+     * 可选值见`Icon`组件
+     */
+    rightIcon?: string;
+    /**
+     * 图标类名前缀，同`Icon`组件的`classPrefix`属性
+     * @default 'van-icon'
+     */
+    classPrefix?: string;
+    /**
+     * 是否为朴素按钮
+     *
+     * @default false
+     */
+    plain?: boolean;
+    /**
+     * 是否为块级元素
+     *
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * 是否为圆形按钮
+     *
+     * @default false
+     */
+    round?: boolean;
+    /**
+     * 是否为方形按钮
+     *
+     * @default false
+     */
+    square?: boolean;
+    /**
+     * 是否禁用按钮
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否使用`0.5px`边框
+     *
+     * @default false
+     */
+    hairline?: boolean;
+    /**
+     * 是否显示为加载状态
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 加载状态提示文字
+     */
+    loadingText?: string;
+    /**
+     * 加载状态图标类型
+     *
+     * @default 'circular'
+     */
+    loadingType?: 'spinner' | 'circular';
+    /**
+     * 加载图标大小
+     *
+     * @default 20px
+     */
+    loadingSize?: string;
+    /**
+     * 自定义样式
+     */
+    customStyle?: string;
+}
+export interface VantButtonEvents {
+    /**
+     * 点击按钮，且按钮状态不为加载或禁用时触发
+     */
+    onClick?: VantEventHandler<VantTouchEvent>;
+}
+export interface VantButtonExternalClassName extends VantBaseExternalClassName, VantBaseLoadingExternalClassName {
+}
+export type VantButton = VantComponent<VantButtonProps, VantButtonEvents, VantButtonExternalClassName>;

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

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

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

@@ -0,0 +1,264 @@
+/// <reference types="react" />
+/// <reference types="miniprogram-api-typings" />
+import { VantComponent, VantEventHandler } from '../base';
+export interface Day {
+    /**
+     * 日期对应的 Date 对象
+     */
+    date?: Date;
+    /**
+     * 日期类型
+     */
+    type?: 'selected' | 'start' | 'middle' | 'end' | 'disabled';
+    /**
+     * 中间显示的文字
+     */
+    text?: string;
+    /**
+     * 上方的提示信息
+     */
+    topInfo?: string;
+    /**
+     * 下方的提示信息
+     */
+    bottomInfo?: string;
+    /**
+     * 自定义 `className`
+     */
+    className?: string;
+    slot?: {
+        /**
+         * 自定义 title 显示内容，如果设置了 title 属性则不生效
+         */
+        title?: React.ReactNode;
+        /**
+         * 自定义底部区域内容
+         */
+        footer?: React.ReactNode;
+    };
+}
+export interface VantCalendarPoppableProps {
+    /**
+     * 当`Canlendar`的`poppable`为`true`时有效
+     *
+     * 是否显示日历弹窗
+     *
+     * @default false
+     */
+    show?: boolean;
+    /**
+     * 当`Calendar`的`poppable`为`true`时有效
+     *
+     * 弹出位置
+     *
+     * @default 'bottom'
+     */
+    position?: 'top' | 'right' | 'left' | 'bottom';
+    /**
+     * 当`Calendar`的`poppable`为`true`时有效
+     *
+     * 是否显示圆角弹窗
+     *
+     * @default true
+     */
+    round?: boolean;
+    /**
+     * 当`Calendar`的`poppable`为`true`时有效
+     *
+     * 是否在点击遮罩层后关闭
+     *
+     * @default true
+     */
+    closeOnClickOverlay?: boolean;
+    /**
+     * `Calendar`的`poppable`为`true`时有效
+     *
+     * 是否开启底部安全区适配
+     *
+     * @default true
+     */
+    safeAreaInsetBottom?: boolean;
+}
+export interface VantCalendarRangeProps {
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 日期区间最多可选天数，默认无限制
+     */
+    maxRange?: string | number;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 范围选择超过最多可选天数时的提示文案
+     *
+     * @default '选择天数不能超过 xx 天'
+     */
+    rangePrompt?: string | null;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 范围选择超过最多可选天数时，是否展示提示文案
+     *
+     * @default true
+     */
+    showRangePrompt?: boolean;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 是否允许日期范围的起止时间为同一天
+     *
+     * @default false
+     */
+    allowSameDay?: boolean;
+}
+export interface VantCalendarProps extends VantCalendarRangeProps, VantCalendarPoppableProps {
+    /**
+     * 选择类型
+     *
+     * `single` 表示选择单个日期
+     *
+     * `multiple` 表示选择多个日期
+     *
+     * `range` 表示选择日期区间
+     *
+     * @default 'single'
+     */
+    type?: 'single' | 'multiple' | 'range';
+    /**
+     * 日历标题
+     *
+     * @default '日期选择'
+     */
+    title?: string;
+    /**
+     * 主题色，对底部按钮和选中日期生效
+     *
+     * @default '#ee0a24'
+     */
+    color?: string;
+    /**
+     * 可选择的最小日期
+     *
+     * @default 当前日期的`timestamp`
+     */
+    minDate?: number;
+    /**
+     * 可选择的最大日期
+     *
+     * @default 当前日期的六个月后的`timestamp`
+     */
+    maxDate?: number;
+    /**
+     * 默认选中的日期，`type`为`multiple`或`range`时为数组
+     *
+     * @default 今天的`timestamp`
+     */
+    defaultDate?: number | number[];
+    /**
+     * 日期行高
+     *
+     * @default 64
+     */
+    rowHeight?: number | string;
+    /**
+     * 日期格式化函数
+     */
+    formatter?: (day: Day) => Day;
+    /**
+     * 是否以弹层的形式展示日历
+     *
+     * @default true
+     */
+    poppable?: boolean;
+    /**
+     * 是否显示月份背景水印
+     *
+     * @default true
+     */
+    showMark?: boolean;
+    /**
+     * 是否展示日历标题
+     *
+     * @default true
+     */
+    showTitle?: boolean;
+    /**
+     * 是否展示日历副标题（年月）
+     *
+     * @default true
+     */
+    showSubtitle?: boolean;
+    /**
+     * 是否展示确认按钮
+     *
+     * @default true
+     */
+    showConfirm?: boolean;
+    /**
+     * 确认按钮的文字
+     *
+     * @default '确定'
+     */
+    confirmText?: string;
+    /**
+     * 确认按钮处于禁用状态时的文字
+     *
+     * @default '确定'
+     */
+    confirmDisabledText?: string;
+    /**
+     * 设置周起始日
+     *
+     * 范围为`[0, 6]`
+     *
+     * @default 0
+     */
+    firstDayOfWeek?: number;
+    /**
+     * 是否为只读状态，只读状态下不能选择日期
+     *
+     * @default false
+     */
+    readonly?: boolean;
+}
+export interface VantCalendarEvents {
+    /**
+     * 点击任意日期时触发
+     */
+    onSelect?: VantEventHandler<Date | Date[]>;
+    /**
+     * 当`Calendar`的`type`为`multiple`时,点击已选中的日期时触发
+     */
+    onUnselect?: VantEventHandler<Date>;
+    /**
+     * 日期选择完成后触发，若`show-confirm`为`true`，则点击确认按钮后触发
+     */
+    onConfirm?: VantEventHandler<Date | Date[]>;
+    /**
+     * 打开弹出层时触发
+     */
+    onOpen?: VantEventHandler;
+    /**
+     * 关闭弹出层时触发
+     */
+    onClose?: VantEventHandler;
+    /**
+     * 打开弹出层且动画结束后触发
+     */
+    onOpened?: VantEventHandler;
+    /**
+     * 关闭弹出层且动画结束后触发
+     */
+    onClosed?: VantEventHandler;
+    /**
+     * 范围选择超过最多可选天数时触发
+     */
+    onOverRange?: VantEventHandler;
+    /**
+     * 点击日历副标题时触发
+     *
+     * @version `v1.8.1`
+     */
+    onClickSubtitle?: (e: WechatMiniprogram.CustomEvent<WechatMiniprogram.TouchEvent>) => void;
+}
+export type VantCalendar = VantComponent<VantCalendarProps, VantCalendarEvents>;

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

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

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

@@ -0,0 +1,92 @@
+import { VantBaseExternalClassName, VantComponent } from '../base';
+export interface VantCardProps {
+    /**
+     * 左侧图片
+     */
+    thumb?: string;
+    /**
+     * 左侧图片裁剪、缩放的模式，可选值参考小程序 `image` 组件 `mode` 属性值
+     *
+     * @default 'aspectFit'
+     */
+    'thumb-mode'?: string;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 描述
+     */
+    desc?: string;
+    /**
+     * 标签
+     */
+    tag?: string;
+    /**
+     * 商品数量
+     */
+    num?: string | number;
+    /**
+     * 商品价格
+     */
+    price?: string | number;
+    /**
+     * 商品划线原价
+     */
+    'origin-price'?: string | number;
+    /**
+     * 内容是否垂直居中
+     *
+     * @default false
+     */
+    centered?: string;
+    /**
+     * 货币符号
+     *
+     * @default '¥'
+     */
+    currency?: string;
+    /**
+     * 点击左侧图片后跳转的链接地址
+     */
+    'thumb-link'?: string;
+    /**
+     * 链接跳转类型
+     *
+     * @default 'navigateTo'
+     */
+    'link-type'?: 'redirectTo' | 'switchTab' | 'reLaunch';
+    /**
+     * 是否开启图片懒加载
+     *
+     * @default false
+     */
+    'lazy-load'?: boolean;
+}
+export interface VantCardExternalClassName extends VantBaseExternalClassName {
+    /**
+     * 左侧图片样式类
+     */
+    'thumb-class'?: string;
+    /**
+     * 标题样式类
+     */
+    'title-class'?: string;
+    /**
+     * 价格样式类
+     */
+    'price-class'?: string;
+    /**
+     * 划线原价样式类
+     */
+    'origin-price-class'?: string;
+    /**
+     * 描述样式类
+     */
+    'desc-class'?: string;
+    /**
+     * 数量样式类
+     */
+    'num-class'?: string;
+}
+export type VantCard = VantComponent<VantCardProps, {}, VantCardExternalClassName>;

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

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

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

@@ -0,0 +1,139 @@
+/// <reference types="react" />
+import { VantComponent, VantEventHandler } from '../base';
+export interface CascaderOption {
+    /**
+     * 选项文字
+     */
+    text: string;
+    /**
+     * 选项对应的值
+     */
+    value: string | number;
+    /**
+     * 选项文字颜色
+     */
+    color?: string;
+    /**
+     * 子选项列表
+     */
+    options?: CascaderOption[];
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 为对应列添加额外的 class
+     */
+    className?: string;
+}
+export interface VantCascaderProps {
+    /**
+     * 顶部标题
+     */
+    title?: string;
+    /**
+     * 选中项的值
+     */
+    value?: string | number;
+    /**
+     * 可选项数据源
+     *
+     * @default []
+     */
+    options?: CascaderOption[];
+    /**
+     * placeholder 提示
+     *
+     * @default 'Please select'
+     */
+    placeholder?: string;
+    /**
+     * 选中状态的高亮颜色
+     *
+     * @default '#1989fa'
+     */
+    activeColor?: string | number;
+    /**
+     * 是否开启手势左右滑动切换
+     *
+     * @default false
+     */
+    swipeable?: boolean;
+    /**
+     * 是否显示关闭图标
+     *
+     * @default true
+     */
+    closeable?: boolean;
+    /**
+     * 是否展示标题栏
+     *
+     * @default true
+     */
+    showHeader?: boolean;
+    /**
+     * 关闭图标名称或图片链接，等同于 Icon 组件的 name 属性
+     *
+     * @default 'cross'
+     */
+    closeIcon?: string;
+    /**
+     * 是否使用自定义标题的插槽
+     *
+     * @default false
+     */
+    useTitleSlot?: boolean;
+}
+export interface VantCascaderData {
+    /**
+     * 当前操作选中的值
+     *
+     */
+    value: string | number;
+    /**
+     * 当前选中的所有值
+     */
+    selectedOptions: CascaderOption[];
+    /**
+     * 当前选中标签的下标数值
+     */
+    tabIndex: number;
+}
+export interface VantCascaderTabData {
+    /**
+     * 当前点击标签的文字
+     *
+     */
+    title: string | number;
+    /**
+     * 当前点击标签的下标数值
+     */
+    tabIndex: number;
+}
+export interface VantCascaderEvents {
+    /**
+     * 点击单元格时触发
+     */
+    onChange?: VantEventHandler<VantCascaderData>;
+    /**
+     * 全部选项选择完成后触发
+     */
+    onFinish?: VantEventHandler<VantCascaderData>;
+    /**
+     * 点击关闭图标时触发
+     */
+    onClose?: VantEventHandler<null>;
+    /**
+     * 点击标签时触发
+     */
+    onClickTab?: VantEventHandler<VantCascaderTabData>;
+}
+export interface VantCascaderSlot {
+    slot?: {
+        /**
+         * 自定义标题，当 useTitleSlot 属性为 true 时生效
+         */
+        title?: React.ReactNode;
+    };
+}
+export type VantCascader = VantComponent<VantCascaderProps, VantCascaderEvents, VantCascaderSlot>;

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

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