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

package/lib/@types/notice-bar/index.d.ts

@@ -0,0 +1,168 @@
+/// <reference types="react" />
+import { TouchPositionDetail, SmartBaseExternalClassName, SmartComponent, SmartEventHandler, SmartTouchEventHandler } from '../base';
+export interface SmartNoticeBarProps {
+    /**
+     * 通知栏模式
+     *
+     * @default ''
+     */
+    mode?: 'closeable' | 'link';
+    /**
+     * 通知栏类型
+     *
+     * @default 'info'
+     *
+     * @since `v2.0.0`
+     */
+    type?: 'info' | 'warning' | 'error';
+    /**
+     * 通知文本内容
+     *
+     * @default ''
+     */
+    text?: string;
+    /**
+     * 文本结尾处的按钮文本内容
+     *
+     * @default ''
+     * @since `v2.0.0`
+     */
+    btnText?: string;
+    /**
+     * 按钮文本颜色
+     *
+     * @default ''
+     * @since `v2.0.0`
+     */
+    btnTextColor?: string;
+    /**
+     * 通知文本颜色
+     *
+     * @default ''
+     */
+    color?: string;
+    /**
+     * 背景
+     *
+     * @default ''
+     */
+    background?: string;
+    /**
+     * 左侧图标链接，同icon组件name属性
+     *
+     * @default ''
+     */
+    leftIcon?: string;
+    /**
+     * link 模式时，点击组件的跳转路由地址
+     *
+     * @since `v2.0.0`
+     */
+    url?: string;
+    /**
+     * link 模式时，点击组件的跳转路由方法
+     *
+     * @default 'navigateTo'
+     * @since `v2.0.0`
+     */
+    openType?: 'navigateTo' | 'navigateTo';
+    /**
+     * 右侧图标颜色
+     *
+     * @default 'rgba(0, 0, 0, 0.2)'
+     * @since `v2.0.0`
+     */
+    rightIconColor?: string;
+    /**
+     * 左侧图标颜色，默认在不同的type类型下会有对应的初始颜色
+     *
+     * @default ''
+     * @since `v2.0.0`
+     */
+    leftIconColor?: string;
+    /**
+     * 跟节点样式
+     *
+     * @default ''
+     * @since `v2.0.0`
+     */
+    customStyle?: string;
+    /**
+     * 跟节点点击时的样式类
+     *
+     * @default ''
+     * @since `v2.0.0`
+     */
+    customHoverClass?: string;
+    /**
+     * 右侧图标样式
+     *
+     * @default ''
+     * @since `v2.0.0`
+     */
+    rightIconStyle?: string;
+    /**
+     * 左侧图标样式
+     *
+     * @default ''
+     * @since `v2.0.0`
+     */
+    leftIconStyle?: string;
+    /**
+     * 动画延迟时间 (s)
+     *
+     * @default 1
+     */
+    delay?: number;
+    /**
+     * 滚动速率 (px/s)
+     *
+     * @default 60
+     */
+    speed?: number;
+    /**
+     * 是否开启滚动播放，内容长度溢出时默认开启
+     */
+    scrollable?: boolean;
+    /**
+     * 是否开启文本换行，只在禁用滚动时生效
+     *
+     * @default false
+     */
+    wrapable?: boolean;
+}
+export interface SmartNoticeBarEvents {
+    /**
+     * 点击通知栏时触发
+     */
+    onClick?: SmartTouchEventHandler;
+    /**
+     * 点击文末按钮文本时的触发
+     */
+    btnClick?: SmartTouchEventHandler;
+    /**
+     * 关闭通知栏时触发
+     */
+    onClose?: SmartEventHandler<TouchPositionDetail>;
+}
+export interface SmartNoticeBarSlot {
+    /**
+     * 通知文本内容，仅在 `text` 属性为空时有效
+     */
+    children?: React.ReactNode;
+    /**
+     * NoticeBar Slot
+     */
+    slot?: {
+        /**
+         * 自定义左侧图标
+         */
+        leftIcon?: React.ReactNode;
+        /**
+         * 自定义右侧图标
+         */
+        rightIcon?: React.ReactNode;
+    };
+}
+export type SmartNoticeBarExternalClassName = SmartBaseExternalClassName;
+export type SmartNoticeBar = SmartComponent<SmartNoticeBarProps, SmartNoticeBarEvents, SmartNoticeBarExternalClassName, SmartNoticeBarSlot>;

package/lib/@types/notice-bar/index.js

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

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,116 @@
+/// <reference types="miniprogram-api-typings" />
+export interface SmartNotifyProps {
+    /**
+     * 在页面内添加自定义节点的标识符
+     */
+    id: string;
+    /**
+     * 是否使用自定义样式插槽
+     *
+     * @default false
+     */
+    useSlot?: boolean;
+    /**
+     * 动画类型
+     *
+     * `fade` 淡入
+     *
+     * `fade-up` 上滑淡入
+     *
+     * `fade-down` 下滑淡入
+     *
+     * `fade-left` 左滑淡入
+     *
+     * `fade-right` 右滑淡入
+     *
+     * `slide-up` 上滑进入
+     *
+     * `slide-down`	下滑进入
+     *
+     * `slide-left`	左滑进入
+     *
+     * `slide-right` 右滑进入
+     *
+     * `` 空字符串用于自定义
+     *
+     * @default 'slide-down'
+     */
+    transition?: 'fade' | 'fade-up' | 'fade-down' | 'fade-left' | 'fade-right' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | '';
+}
+export interface SmartNotifyOptions {
+    /**
+     * 类型
+     *
+     * @default 'danger'
+     */
+    type?: 'primary' | 'success' | 'warning' | 'danger';
+    /**
+     * 展示文案，支持通过`\n`换行
+     *
+     * @default ''
+     */
+    message?: string;
+    /**
+     * 展示时长(ms)，值为 `0` 时，`notify` 不会消失
+     *
+     * @default 3000
+     */
+    duration?: number;
+    /**
+     * 自定义节点选择器
+     *
+     * @default 'smart-notify'
+     */
+    selector?: string;
+    /**
+     * 字体颜色
+     *
+     * @default '#fff'
+     */
+    color?: string;
+    /**
+     * 顶部距离
+     *
+     * @default 0
+     */
+    top?: number;
+    /**
+     * 背景颜色
+     */
+    background?: string;
+    /**
+     * 选择器的选择范围，可以传入自定义组件的 `this` 作为上下文
+     *
+     * @default 当前页面
+     */
+    context?: WechatMiniprogram.Page.GetCurrentPages;
+    /**
+     * 点击时的回调函数
+     */
+    onClick?: Function;
+    /**
+     * 完全展示后的回调函数
+     */
+    onOpened?: Function;
+    /**
+     * 关闭时的回调函数
+     */
+    onClose?: Function;
+    /**
+     * 是否留出顶部安全距离（状态栏高度）
+     *
+     * @default false
+     */
+    safeAreaInsetTop?: boolean;
+}
+export interface SmartNotify {
+    /**
+     * 展示提示
+     */
+    (): (message: string) => void;
+    (): (options: SmartNotifyOptions) => void;
+    /**
+     * 关闭提示
+     */
+    clear: () => void;
+}

package/lib/@types/notify/notify.js

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

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

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartOverlayProps {
+    /**
+     * 是否展示遮罩层
+     *
+     * @default false
+     */
+    show?: boolean;
+    /**
+     * `z-index` 层级
+     *
+     * @default 1
+     */
+    zIndex?: string | number;
+    /**
+     * 动画时长，单位秒
+     *
+     * @default 0.3
+     */
+    duration?: string | number;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    customStyle?: React.CSSProperties;
+    /**
+     * 是否锁定背景滚动，锁定时蒙层里的内容也将无法滚动
+     *
+     * @default true
+     */
+    lockScroll?: boolean;
+}
+export interface SmartOverlayEvents {
+    /**
+     * 点击时触发
+     */
+    onClick?: SmartEventHandler;
+}
+export interface SmartOverlaySlot {
+    /**
+     * 默认插槽，用于在遮罩层上方嵌入内容
+     */
+    children?: React.ReactNode;
+}
+export type SmartOverlay = SmartComponent<SmartOverlayProps, SmartOverlayEvents, SmartBaseExternalClassName, SmartOverlaySlot>;

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

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

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

@@ -0,0 +1,210 @@
+import React from 'react';
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export type SmartPickerSingleColumn = string | Record<string, unknown>;
+export interface SmartPickerMultipleColumn {
+    /**
+     * 列中对应的备选值
+     */
+    values: SmartPickerSingleColumn[];
+    /**
+     * 列的样式
+     * @version 2.0.0
+     */
+    style?: React.CSSProperties;
+    /**
+     * @description 列的字体样式
+     * @version 2.3.5
+     */
+    fontStyle?: React.CSSProperties;
+    /**
+     * 初始选中项的索引，默认为 `0`
+     *
+     * @default 0
+     */
+    defaultIndex?: number;
+    /**
+     * 当前选中项的索引，默认为 `-1`
+     *
+     * @default -1
+     */
+    activeIndex?: number;
+    /**
+     * 列数据的单位
+     */
+    unit?: string;
+    /**
+     * @description 组件选择值改变时是否需要动画过度效果
+     * @version 2.2.0
+     * @default true
+     */
+    changeAnimation?: boolean;
+    /**
+     * @description 设置列的顺序，同`flex order`属性，只是从样式角度修改列的顺序，逻辑还是不变
+     * @version 2.2.0
+     */
+    order?: number;
+    /**
+     * @description 禁用此列的滚动
+     * @version 2.3.5
+     */
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+export interface SmartPickerProps {
+    /**
+     * 对象数组，配置每一列显示的数据
+     *
+     * @default []
+     */
+    columns?: SmartPickerSingleColumn[] | SmartPickerMultipleColumn[];
+    /**
+     * 是否显示顶部栏
+     *
+     * @default false
+     */
+    showToolbar?: boolean;
+    /**
+     * 顶部栏位置
+     *
+     * @default 'top'
+     */
+    toolbarPosition?: 'bottom' | 'top';
+    /**
+     * 顶部栏标题
+     *
+     * @default ''
+     */
+    title?: string;
+    /**
+     * 是否显示加载状态
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 选项对象中，文字对应的 `key`
+     *
+     * @default 'text'
+     */
+    valueKey?: string;
+    /**
+     * 选项高度
+     *
+     * @default 44
+     */
+    itemHeight?: number;
+    /**
+     * 确认按钮文字
+     *
+     * @default 'Confirm'
+     */
+    confirmButtonText?: string;
+    /**
+     * 取消按钮文字
+     *
+     * @default 'Cancel'
+     */
+    cancelButtonText?: string;
+    /**
+     * 可见的选项个数
+     *
+     * @default 6
+     */
+    visibleItemCount?: number;
+    /**
+     * 单列选择器的默认选中项索引
+     *
+     * @default 0
+     */
+    defaultIndex?: number;
+    /**
+     * 单列选择器的当前选中项索引
+     *
+     * @default 0
+     */
+    activeIndex?: number;
+    /**
+     * 单列选择器的单位
+     *
+     * @default 0
+     */
+    unit?: string;
+    /**
+     * 选中状态的样式
+     * @version 2.0.0
+     * @default ''
+     */
+    activeStyle?: React.CSSProperties;
+    /**
+     * @description 组件选择值改变时是否需要动画过度效果
+     * @version 2.2.0
+     * @default false (原为true 2.3.9版本调整为false)
+     */
+    changeAnimation?: boolean;
+    /**
+     * @description 组件动画以及选择回调延迟时间
+     * @version 2.3.7
+     * @default 800 (ms)
+     */
+    animationTime?: number;
+}
+export interface SmartPickerBaseEventDetail {
+    index: number | number[];
+    picker: Record<string, any>;
+    value: string[];
+}
+export interface SmartPickerChangeEventDetail extends Omit<SmartPickerBaseEventDetail, 'index'> {
+    index: number;
+}
+export interface SmartPickerEvents {
+    /**
+     * 点击完成按钮时触发
+     *
+     * 单列：选中值，选中值对应的索引
+     *
+     * 多列：所有列选中值，所有列选中值对应的索引
+     */
+    onConfirm?: SmartEventHandler<SmartPickerBaseEventDetail>;
+    /**
+     * 点击取消按钮时触发
+     *
+     * 单列：选中值，选中值对应的索引
+     *
+     * 多列：所有列选中值，所有列选中值对应的索引
+     */
+    onCancel?: SmartEventHandler<SmartPickerChangeEventDetail>;
+    /**
+     * 选项改变时触发
+     *
+     * 单列：`Picker` 实例，选中值，选中值对应的索引
+     *
+     * 多列：`Picker` 实例，所有列选中值，当前列对应的索引
+     */
+    onChange?: SmartEventHandler<SmartPickerBaseEventDetail>;
+    /**
+     * 滚动动画开始的回调
+     * @version 2.3.0
+     */
+    onAnimationStart?: () => void;
+    /**
+     * 滚动动画结束的回调
+     * @version 2.3.0
+     */
+    onAnimationEnd?: () => void;
+}
+export interface SmartPickerExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 选中项样式类
+     * @deprecated
+     */
+    activeClass?: string;
+    /**
+     * 顶部栏样式类
+     */
+    toolbarClass?: string;
+    /**
+     * 列样式类
+     */
+    columnClass?: string;
+}
+export type SmartPicker = SmartComponent<SmartPickerProps, SmartPickerEvents, SmartPickerExternalClassName>;

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

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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+import { SmartTransitionEvents } from '../transition';
+export interface SmartPopoverProps {
+    placement?: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom';
+    show?: boolean;
+    customStyle?: React.CSSProperties;
+    zIndex?: number;
+    duration?: number;
+}
+export interface SmartPopoverSlot {
+    slot?: {
+        overlay?: React.ReactNode;
+    };
+}
+export interface SmartPopoverEvents extends SmartTransitionEvents {
+    onClose?: SmartEventHandler;
+    onShowChange?: SmartEventHandler;
+}
+export type SmartPopoverExternalClassName = SmartBaseExternalClassName;
+export type SmartPopover = SmartComponent<SmartPopoverProps, SmartPopoverEvents, SmartPopoverExternalClassName, SmartPopoverSlot>;

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

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

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

@@ -0,0 +1,121 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+import { SmartTransitionEvents } from '../transition';
+export interface SmartPopupProps {
+    /**
+     * 是否显示弹出层
+     *
+     * @default false
+     */
+    show?: boolean;
+    /**
+     * `z-index`层级
+     *
+     * @default 100
+     */
+    zIndex?: number;
+    /**
+     * 是否显示遮罩层
+     *
+     * @default true
+     */
+    overlay?: boolean;
+    /**
+     * 弹出位置
+     *
+     * @default 'center'
+     */
+    position?: 'top' | 'bottom' | 'center' | 'right' | 'left';
+    /**
+     * 动画时长，单位为毫秒
+     *
+     * @default 300
+     */
+    duration?: number | Record<string, unknown>;
+    /**
+     * 是否显示圆角
+     *
+     * @default false
+     */
+    round?: boolean;
+    /**
+     * 自定义弹出层样式
+     *
+     * @default ''
+     */
+    customStyle?: React.CSSProperties;
+    /**
+     * 自定义遮罩层样式
+     *
+     * @default ''
+     */
+    overlayStyle?: React.CSSProperties;
+    /**
+     * 是否在点击遮罩层后关闭
+     *
+     * @default true
+     */
+    closeOnClickOverlay?: boolean;
+    /**
+     * 是否显示关闭图标
+     *
+     * @default false
+     */
+    closeable?: boolean;
+    /**
+     * 关闭图标名称或图片链接
+     *
+     * @default 'cross'
+     */
+    closeIcon?: string;
+    /**
+     * 关闭图标位置，可选值为 top-right、top-left、bottom-left bottom-right
+     *
+     * @default 'top-right''
+     */
+    closeIconPosition?: 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';
+    /**
+     * 是否为`iPhoneX`留出底部安全距离
+     *
+     * @default true
+     */
+    safeAreaInsetBottom?: boolean;
+    /**
+     * 是否需要预留出一个最小的底部安全距离，用于在 safeArea 底部为 0 时进行追加，需要在 safeAreaInsetBottom 为 true 时生效
+     *
+     * @default 0
+     * @version `1.1.0`
+     */
+    safeAreaInsetBottomMin?: number;
+    /**
+     * 是否留出顶部安全距离（状态栏高度）
+     *
+     * @default false
+     */
+    safeAreaInsetTop?: boolean;
+    /**
+     * 是否锁定背景滚动
+     *
+     * @default true
+     */
+    lockScroll?: boolean;
+    /**
+     * 开启弹框期间是否禁用本地手势
+     *
+     * @default false
+     * @version 2.3.8
+     */
+    nativeDisabled?: boolean;
+}
+export interface SmartPopupEvents extends SmartTransitionEvents {
+    /**
+     * 关闭弹出层时触发
+     */
+    onClose?: SmartEventHandler;
+    /**
+     * 点击遮罩层时触发
+     */
+    onClickOverlay?: SmartEventHandler;
+}
+export type SmartPopupExternalClassName = SmartBaseExternalClassName;
+export type SmartPopup = SmartComponent<SmartPopupProps, SmartPopupEvents, SmartPopupExternalClassName>;