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

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

@@ -0,0 +1,324 @@
+/// <reference types="react" />
+/// <reference types="miniprogram-api-typings" />
+import { SmartComponent, SmartEventHandler } 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 SmartCalendarPoppableProps {
+    /**
+     * 当`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 SmartCalendarRangeProps {
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * @version 2.3.9
+     * 日期区间最多可选天数，默认无限制
+     */
+    maxRange?: string | number;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 范围选择超过最多可选天数时的提示文案
+     * @version 2.3.9
+     * @default '选择天数不能超过 xx 天'
+     */
+    rangePrompt?: string | null;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 范围选择超过最多可选天数时，是否展示提示文案
+     * @version 2.3.9
+     * @default true
+     */
+    showRangePrompt?: boolean;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 是否允许日期范围的起止时间为同一天
+     *
+     * @version 2.3.9
+     * @default false
+     */
+    allowSameDay?: boolean;
+}
+export interface SmartCalendarProps extends SmartCalendarRangeProps, SmartCalendarPoppableProps {
+    /**
+     * 选择类型
+     *
+     * `single` 表示选择单个日期
+     *
+     * `week` 表示选择一个周
+     *
+     * `range` 表示选择日期区间
+     *
+     * @default 'single'
+     */
+    type?: 'single' | 'week' | 'range' | 'month' | 'year';
+    /**
+     * 日历标题
+     *
+     * @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;
+    /**
+     * 语言包, 具体字段如下
+     * @param {string} subFormatter - 副标题的日期格式
+     * @param {string[]} shortWeekDays - 周的名称
+     * @param {string} rangeStart - 范围选择的起始文字
+     * @param {string} rangeEnd - 范围选择的结束文字
+     * @version 1.2.0
+     * @example {
+          shortWeekDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+          subFormatter: 'YYYY-MM',
+          rangeStart: 'Start',
+          rangeEnd: 'End',
+        }
+     * @default {}
+     */
+    locale?: {
+        subFormatter?: string;
+        shortWeekDays?: string[];
+        rangeStart?: string;
+        rangeEnd?: string;
+    };
+    /**
+     * 是否以弹层的形式展示日历
+     *
+     * @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;
+    /**
+     * 支持单元格自定义 class
+     */
+    dayClassMap?: Record<string, string>;
+    /**
+     * 时区偏差(分钟数)
+     * @default -480
+     */
+    utcOffset?: number;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 日期区间最多可选天数，默认无限制
+     */
+    maxRange?: string | number;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 范围选择超过最多可选天数时的提示文案
+     *
+     * @default 'Days selected over x days'
+     */
+    rangePrompt?: string | null;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 范围选择超过最多可选天数时，是否展示提示文案
+     *
+     * @default true
+     */
+    showRangePrompt?: boolean;
+    /**
+     * `Calendar`的`type`为`range`时有效
+     *
+     * 是否允许日期范围的起止时间为同一天
+     *
+     * @default false
+     */
+    allowSameDay?: boolean;
+}
+export interface SmartCalendarEvents {
+    /**
+     * 点击任意日期时触发
+     */
+    onSelect?: SmartEventHandler<Date | Date[]>;
+    /**
+     * 当`Calendar`的`type`为`multiple`时,点击已选中的日期时触发
+     */
+    onUnselect?: SmartEventHandler<Date>;
+    /**
+     * 日期选择完成后触发，若`show-confirm`为`true`，则点击确认按钮后触发
+     */
+    onConfirm?: SmartEventHandler<Date | Date[]>;
+    /**
+     * 打开弹出层时触发
+     */
+    onOpen?: SmartEventHandler;
+    /**
+     * 关闭弹出层时触发
+     */
+    onClose?: SmartEventHandler;
+    /**
+     * 打开弹出层且动画结束后触发
+     */
+    onOpened?: SmartEventHandler;
+    /**
+     * 关闭弹出层且动画结束后触发
+     */
+    onClosed?: SmartEventHandler;
+    /**
+     * 范围选择超过最多可选天数时触发
+     */
+    onOverRange?: SmartEventHandler;
+    /**
+     * 点击日历副标题时触发
+     */
+    onClickSubtitle?: (e: WechatMiniprogram.CustomEvent<WechatMiniprogram.TouchEvent>) => void;
+}
+export type SmartCalendar = SmartComponent<SmartCalendarProps, SmartCalendarEvents>;

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

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

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

@@ -0,0 +1,151 @@
+/// <reference types="react" />
+import { SmartComponent, SmartEventHandler } from '../base';
+export interface CascaderOption {
+    /**
+     * 选项文字
+     */
+    text: string;
+    /**
+     * 选项对应的值
+     */
+    value: string | number;
+    /**
+     * 选项文字颜色
+     */
+    color?: string;
+    /**
+     * 子选项列表
+     */
+    options?: CascaderOption[];
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 为对应列添加额外的 class
+     */
+    className?: string;
+}
+export interface SmartCascaderProps {
+    /**
+     * 顶部标题
+     */
+    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;
+    /**
+     * 是否省略过长的标题文字
+     *
+     * @default true
+     */
+    ellipsis?: boolean;
+    /**
+     * 滚动阈值，标签数量超过阈值且总宽度超过标签栏宽度时开始横向滚动
+     *
+     * @default 5
+     */
+    swipeThreshold?: number;
+}
+export interface SmartCascaderData {
+    /**
+     * 当前操作选中的值
+     *
+     */
+    value: string | number;
+    /**
+     * 当前选中的所有值
+     */
+    selectedOptions: CascaderOption[];
+    /**
+     * 当前选中标签的下标数值
+     */
+    tabIndex: number;
+}
+export interface SmartCascaderTabData {
+    /**
+     * 当前点击标签的文字
+     *
+     */
+    title: string | number;
+    /**
+     * 当前点击标签的下标数值
+     */
+    tabIndex: number;
+}
+export interface SmartCascaderEvents {
+    /**
+     * 点击单元格时触发
+     */
+    onChange?: SmartEventHandler<SmartCascaderData>;
+    /**
+     * 全部选项选择完成后触发
+     */
+    onFinish?: SmartEventHandler<SmartCascaderData>;
+    /**
+     * 点击关闭图标时触发
+     */
+    onClose?: SmartEventHandler<null>;
+    /**
+     * 点击标签时触发
+     */
+    onClickTab?: SmartEventHandler<SmartCascaderTabData>;
+}
+export interface SmartCascaderSlot {
+    slot?: {
+        /**
+         * 自定义标题，当 useTitleSlot 属性为 true 时生效
+         */
+        title?: React.ReactNode;
+    };
+}
+export type SmartCascader = SmartComponent<SmartCascaderProps, SmartCascaderEvents, SmartCascaderSlot>;

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

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

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

@@ -0,0 +1,128 @@
+/// <reference types="react" />
+import { TouchPositionDetail, SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartCellProps {
+    /**
+     * 左侧图标名称或图片链接，可选值见 Icon 组件
+     */
+    icon?: string;
+    /**
+     * 左侧标题
+     */
+    title?: string | number;
+    /**
+     * 标题宽度，须包含单位
+     */
+    titleWidth?: string;
+    /**
+     * 右侧内容
+     */
+    value?: string | number;
+    /**
+     * 标题下方的描述信息
+     */
+    label?: string;
+    /**
+     * 单元格大小
+     */
+    /**
+     * 是否显示下边框
+     *
+     * @default true
+     */
+    border?: boolean;
+    /**
+     * 是否使内容垂直居中
+     *
+     * @default false
+     */
+    /**
+     * 点击后跳转的链接地址
+     */
+    url?: string;
+    /**
+     * 链接跳转类型
+     *
+     * @default 'navigateTo'
+     */
+    linkType?: 'redirectTo' | 'switchTab' | 'reLaunch';
+    /**
+     * 是否开启点击反馈
+     *
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * 是否展示右侧箭头并开启点击反馈
+     *
+     * @default false
+     */
+    isLink?: boolean;
+    /**
+     * 是否显示表单必填星号
+     *
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * 箭头方向
+     */
+    arrowDirection?: 'left' | 'up' | 'down';
+    /**
+     * 是否使用`label slot`
+     *
+     * @default false
+     */
+    useLabelSlot?: boolean;
+    /**
+     * 标题样式
+     */
+    titleStyle?: React.CSSProperties;
+}
+export interface SmartCellEvents {
+    /**
+     * 点击单元格时触发
+     */
+    onClick?: SmartEventHandler<TouchPositionDetail>;
+}
+export interface SmartCellExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 标题样式类
+     */
+    titleClass?: string;
+    /**
+     * 描述信息样式类
+     */
+    labelClass?: string;
+    /**
+     * 右侧内容样式类
+     */
+    valueClass?: string;
+}
+export interface SmartCellSlot {
+    /**
+     * 自定义 value 显示内容，如果设置了 value 属性则不生效
+     */
+    children?: React.ReactNode;
+    /**
+     * Cell Slot
+     */
+    slot?: {
+        /**
+         * 自定义 title 显示内容，如果设置了 title 属性则不生效
+         */
+        title?: React.ReactNode;
+        /**
+         * 	自定义 label 显示内容，需要设置 use-label-slot 属性
+         */
+        label?: React.ReactNode;
+        /**
+         * 自定义 icon 显示内容，如果设置了 icon 属性则不生效
+         */
+        icon?: React.ReactNode;
+        /**
+         * 自定义右侧按钮，默认是 arrow，如果设置了 is-link 属性则不生效
+         */
+        rightIcon?: React.ReactNode;
+    };
+}
+export type SmartCell = SmartComponent<SmartCellProps, SmartCellEvents, SmartCellExternalClassName, SmartCellSlot>;

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

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

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

@@ -0,0 +1,21 @@
+import { SmartBaseExternalClassName, SmartComponent } from '../base';
+export interface SmartCellGroupProps {
+    /**
+     * 分组标题
+     */
+    title?: string;
+    /**
+     * 是否展示为圆角卡片风格
+     *
+     * @default false
+     */
+    inset?: boolean;
+    /**
+     * 是否显示外边框
+     *
+     * @default true
+     */
+    border?: boolean;
+}
+export type SmartCellGroupExternalClassName = SmartBaseExternalClassName;
+export type SmartCellGroup = SmartComponent<SmartCellGroupProps, {}, SmartCellGroupExternalClassName>;

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

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