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

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

@@ -0,0 +1,88 @@
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartTabbarProps {
+    /**
+     * 当前选中标签的索引
+     */
+    active?: number | string;
+    /**
+     * 是否固定在底部
+     *
+     * @default true
+     */
+    fixed?: boolean;
+    /**
+     * 固定在底部时，是否在标签位置生成一个等高的占位元素
+     *
+     * @default false
+     */
+    placeholder?: boolean;
+    /**
+     * 是否展示外边框
+     *
+     * @default true
+     */
+    border?: boolean;
+    /**
+     * 元素 `zIndex`
+     *
+     * @default 1
+     */
+    zIndex?: number;
+    /**
+     * 选中标签的颜色
+     *
+     * @default '#1989fa'
+     */
+    activeColor?: string;
+    /**
+     * 未选中标签的颜色
+     *
+     * @default '#7d7e80'
+     */
+    inactiveColor?: string;
+    /**
+     * 是否为 iPhoneX 留出底部安全距离
+     *
+     * @default true
+     */
+    safeAreaInsetBottom?: boolean;
+}
+/**
+ * 切换标签时触发事件
+ *
+ * @deprecated
+ */
+export interface SmartTabbarChangeEvent extends WechatMiniprogram.BaseEvent {
+    /**
+     * 当前选中标签的名称或索引值
+     */
+    detail: number | string;
+}
+export interface SmartTabbarEvents {
+    /**
+     * 切换标签时触发
+     */
+    onChange?: SmartEventHandler<number | string>;
+}
+export interface SmartTabbarSlot {
+    /**
+     * NavBar Slot
+     */
+    slot?: {
+        /**
+         * 默认插槽
+         */
+        default?: React.ReactNode;
+        /**
+         *  自定义左侧区域内容
+         */
+        left?: React.ReactNode;
+        /**
+         * 自定义右侧区域内容
+         */
+        right?: React.ReactNode;
+    };
+}
+export type SmartTabbar = SmartComponent<SmartTabbarProps, SmartTabbarEvents, SmartBaseExternalClassName, SmartTabbarSlot>;

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

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

package/lib/@types/tabbar-item/index.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import { SmartComponent } from '../base';
+export interface SmartTabbarItemProps {
+    /**
+     * 标签名称，作为匹配的标识符
+     *
+     * @default 当前标签的索引值
+     */
+    name?: string | number;
+    /**
+     * 图标名称或图片链接，可选值见 `Icon` 组件
+     */
+    icon?: string;
+    /**
+     * 图标类名前缀，同 `Icon` 组件的 `classPrefix` 属性
+     *
+     * @default 'smart-icon'
+     */
+    iconPrefix?: string;
+    /**
+     * 是否显示小红点
+     */
+    dot?: boolean;
+    /**
+     * 图标右上角提示信息
+     */
+    info?: string | number;
+    /**
+     * 点击后跳转的链接地址, 需要以 / 开头
+     */
+    url?: string;
+    /**
+     * 链接跳转类型，可选值为 redirectTo、switchTab、reLaunch
+     */
+    linkType?: string;
+    /**
+     * @description 是否禁用
+     * @version 2.3.5
+     */
+    disabled?: boolean;
+}
+export interface SmartTabbarItemSlot {
+    /**
+     * TabbarItem Slot
+     */
+    slot?: {
+        /**
+         * 未选中时的图标
+         */
+        icon?: React.ReactNode;
+        /**
+         * 选中时的图标
+         */
+        iconActive?: React.ReactNode;
+    };
+}
+export interface SmartTabbarItemEvent {
+    onClick?: () => void;
+}
+export type SmartTabbarItem = SmartComponent<SmartTabbarItemProps, SmartTabbarItemEvent, {}, SmartTabbarItemSlot>;

package/lib/@types/tabbar-item/index.js

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

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

@@ -0,0 +1,215 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartTabsProps {
+    /**
+     * 样式风格
+     */
+    type?: 'card' | 'line';
+    /**
+     * 标签主题色
+     *
+     * @default '#ee0a24'
+     */
+    color?: string;
+    /**
+     * 当前选中标签的标识符
+     *
+     * @default 0
+     */
+    active?: string | number;
+    /**
+     * 动画时间，单位秒
+     *
+     * @default 0.3
+     */
+    duration?: number;
+    /**
+     * 底部条宽度，默认单位`px`
+     *
+     * @default '40px'
+     */
+    lineWidth?: string | number;
+    /**
+     * 底部条高度，默认单位`px`
+     *
+     * @default '3px'
+     */
+    lineHeight?: string | number;
+    /**
+     * 是否开启切换标签内容时的转场动画
+     *
+     * @default false
+     */
+    animated?: boolean;
+    /**
+     * 是否展示外边框，仅在 `line` 风格下生效
+     *
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * 是否省略过长的标题文字
+     *
+     * @default true
+     */
+    ellipsis?: boolean;
+    /**
+     * 是否使用粘性定位布局
+     *
+     * @default false
+     */
+    sticky?: boolean;
+    /**
+     * 是否开启手势滑动切换
+     *
+     * @default false
+     */
+    swipeable?: boolean;
+    /**
+     * 是否开启标签页内容延迟渲染
+     *
+     * @default true
+     */
+    lazyRender?: boolean;
+    /**
+     * 粘性定位布局下与顶部的最小距离，单位`px`
+     */
+    offsetTop?: number;
+    /**
+     * 滚动阈值，标签数量超过阈值且总宽度超过标签栏宽度时开始横向滚动
+     *
+     * @default 5
+     */
+    swipeThreshold?: number;
+    /**
+     * 标题选中态颜色
+     */
+    titleActiveColor?: string;
+    /**
+     * 标题默认态颜色
+     */
+    titleInactiveColor?: string;
+    /**
+     * `zIndex`层级
+     *
+     * @default 1
+     */
+    zIndex?: number;
+    /**
+     * 是否开启切换前校验
+     * @default false
+     */
+    useBeforeChange?: boolean;
+    /**
+     * 标签未被选择时是否销毁tab插槽内组件
+     * @description 必须在受控模式下使用，否则子节点无法渲染
+     * @since `v2.1.0`
+     */
+    inactiveDestroy?: boolean;
+}
+/**
+ * @deprecated
+ */
+export interface SmartTabsEventDetail {
+    /**
+     * 标签标识符
+     */
+    name: string;
+    /**
+     * 标题
+     */
+    title: string;
+    /**
+     * tab的序号
+     */
+    index: number;
+}
+export type SmartTabsBaseEventDetail = SmartTabsEventDetail;
+export interface SmartTabsScrollEventDetail {
+    /**
+     * 距离顶部位置
+     */
+    scrollTop: number;
+    /**
+     * 是否吸顶
+     */
+    isFixed: boolean;
+}
+export interface SmartTabsBeforeEventDetail {
+    /**
+     * 标题
+     */
+    title: string;
+    /**
+     * 索引
+     */
+    index: number;
+    /**
+     * 名称
+     */
+    name: string;
+    /**
+     * 是否吸顶
+     */
+    isFixed: boolean;
+    /**
+     * 继续执行回调
+     */
+    callback: (status?: boolean) => void;
+}
+export interface SmartTabsEvents {
+    /**
+     * 点击标签时触发
+     */
+    onClick?: SmartEventHandler<SmartTabsBaseEventDetail>;
+    /**
+     * 当前激活的标签改变时触发
+     */
+    onChange?: SmartEventHandler<SmartTabsBaseEventDetail>;
+    /**
+     * 点击被禁用的标签时触发
+     */
+    onDisabled?: SmartEventHandler<SmartTabsBaseEventDetail>;
+    /**
+     * 滚动时触发
+     */
+    onScroll?: SmartEventHandler<SmartTabsScrollEventDetail>;
+    /**
+     * 切换之前的回调
+     */
+    onBeforeChange?: SmartEventHandler<SmartTabsBeforeEventDetail>;
+}
+export interface SmartTabsExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 标签栏样式类
+     */
+    navClass?: string;
+    /**
+     * 标签栏根节点样式类
+     */
+    wrapClass?: string;
+    /**
+     * 标签样式类
+     */
+    tabClass?: string;
+    /**
+     * 标签激活态样式类
+     */
+    tabActiveClass?: string;
+}
+export interface SmartTabsSlot {
+    /**
+     * Tabs Slot
+     */
+    slot?: {
+        /**
+         * 自定义标题左侧内容
+         */
+        navLeft?: React.ReactNode;
+        /**
+         * 自定义标题右侧内容
+         */
+        navRight?: React.ReactNode;
+    };
+}
+export type SmartTabs = SmartComponent<SmartTabsProps, SmartTabsEvents, SmartTabsExternalClassName, SmartTabsSlot>;

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

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

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

@@ -0,0 +1,50 @@
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartTagProps {
+    /**
+     * 类型
+     */
+    type?: 'primary' | 'success' | 'danger' | 'warning';
+    /**
+     * 大小
+     */
+    size?: 'large' | 'medium';
+    /**
+     * 标签颜色
+     */
+    color?: string;
+    /**
+     * 是否为空心样式
+     *
+     * @default false
+     */
+    plain?: boolean;
+    /**
+     * 是否为圆角样式
+     *
+     * @default false
+     */
+    round?: boolean;
+    /**
+     * 是否为标记样式
+     *
+     * @default false
+     */
+    mark?: boolean;
+    /**
+     * 文本颜色，优先级高于 `color` 属性
+     *
+     * @default 'white'
+     */
+    textColor?: string;
+    /**
+     * 是否为可关闭标签
+     *
+     * @default false
+     */
+    closeable?: boolean;
+}
+export interface SmartTagEvents {
+    onClose?: SmartEventHandler;
+}
+export type SmartTagExternalClassName = SmartBaseExternalClassName;
+export type SmartTag = SmartComponent<SmartTagProps, SmartTagEvents, SmartTagExternalClassName>;

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

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

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

@@ -0,0 +1,2 @@
+import { SmartComponent } from '../base';
+export type SmartToast = SmartComponent;

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

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

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

@@ -0,0 +1,120 @@
+export interface SmartToastOptions {
+    show?: boolean;
+    /**
+     * 组件id
+     *
+     */
+    id?: string;
+    /**
+     * 提示类型
+     *
+     * @default 'text'
+     */
+    type?: 'loading' | 'success' | 'fail' | 'html' | 'text';
+    /**
+     * 位置
+     *
+     * @default 'middle'
+     */
+    position?: 'top' | 'middle' | 'bottom';
+    /**
+     * 内容
+     *
+     * @default ''
+     */
+    message?: string;
+    /**
+     * 是否显示遮罩层
+     *
+     * @default false
+     */
+    mask?: boolean;
+    /**
+     * 是否禁止背景点击
+     *
+     * @default false
+     */
+    forbidClick?: boolean;
+    /**
+     * 加载图标类型
+     *
+     * @default 'circular'
+     */
+    loadingType?: 'spinner' | 'circular';
+    /**
+     * `z-index` 层级
+     *
+     * @default 1000
+     */
+    zIndex?: number;
+    /**
+     * 展示时长(ms)，值为 `0` 时，`toast` 不会消失
+     *
+     * @default 2000
+     */
+    duration?: number;
+    /**
+     * 自定义选择器
+     *
+     * @default 'smart-toast'
+     */
+    selector?: string;
+    /**
+     * 选择器的选择范围，可以传入自定义组件的 `this` 作为上下文
+     *
+     * @default 当前页面
+     */
+    context?: object | (() => any);
+    /**
+     * 关闭时的回调函数
+     */
+    onClose?: Function;
+    /**
+     * 自定义 toast 宽度
+     * @version `2.1.7`
+     */
+    width?: number;
+}
+export declare interface ToastInstance extends SmartToast {
+    setData(options: SmartToastOptions): void;
+}
+export declare interface SmartToast {
+    /**
+     * 展示提示
+     */
+    (options: string): ToastInstance;
+    (options: SmartToastOptions): ToastInstance;
+    /**
+     * 展示加载提示
+     */
+    loading(options: string): ToastInstance;
+    loading(options: SmartToastOptions): ToastInstance;
+    /**
+     * 展示成功提示
+     */
+    success(options: string): ToastInstance;
+    success(options: SmartToastOptions): ToastInstance;
+    /**
+     * 展示失败提示
+     */
+    fail(options: string): ToastInstance;
+    fail(options: SmartToastOptions): ToastInstance;
+    /**
+     * 关闭提示
+     */
+    clear(): void;
+    /**
+     * 修改默认配置，对所有 Toast 生效
+     */
+    setDefaultOptions(options: SmartToastOptions): void;
+    /**
+     * 重置默认配置，对所有 Toast 生效
+     */
+    resetDefaultOptions(): void;
+}
+type Toast = SmartToast;
+/**
+ * @deprecated
+ */
+declare const Toast: Toast;
+export default Toast;

package/lib/@types/toast/toast.js

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

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

@@ -0,0 +1,106 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartTransitionProps {
+    /**
+     * 动画类型
+     *
+     * `fade` 淡入
+     *
+     * `fade-up` 上滑淡入
+     *
+     * `fade-down` 下滑淡入
+     *
+     * `fade-left` 左滑淡入
+     *
+     * `fade-right` 右滑淡入
+     *
+     * `slide-up` 上滑进入
+     *
+     * `slide-down`	下滑进入
+     *
+     * `slide-left`	左滑进入
+     *
+     * `slide-right` 右滑进入
+     *
+     * `` 空字符串用于自定义
+     *
+     * @default 'fade'
+     */
+    name?: 'fade' | 'fade-up' | 'fade-down' | 'fade-left' | 'fade-right' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | '';
+    /**
+     * 是否展示组件
+     *
+     * @default true
+     */
+    show?: boolean;
+    /**
+     * 动画时长，单位为毫秒
+     *
+     * @default 300
+     */
+    duration?: number | {
+        enter: number;
+        leave: number;
+    };
+    /**
+     * 自定义样式
+     */
+    customStyle?: React.CSSProperties;
+}
+export interface SmartTransitionEvents {
+    /**
+     * 进入前触发
+     */
+    onBeforeEnter?: SmartEventHandler;
+    /**
+     * 进入中触发
+     */
+    onEnter?: SmartEventHandler;
+    /**
+     * 进入后触发
+     */
+    onAfterEnter?: SmartEventHandler;
+    /**
+     * 离开前触发
+     */
+    onBeforeLeave?: SmartEventHandler;
+    /**
+     * 离开中触发
+     */
+    onLeave?: SmartEventHandler;
+    /**
+     * 离开后触发
+     */
+    onAfterLeave?: SmartEventHandler;
+}
+export interface SmartTransitionExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。
+     */
+    enterClass?: string;
+    /**
+     * 定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。
+     *
+     * 这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。
+     */
+    enterActiveClass?: string;
+    /**
+     * 定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时 `enter-class` 被移除)，在过渡/动画完成之后移除。
+     */
+    enterToClass?: string;
+    /**
+     * 定义离开过渡的开始状态。在离开过渡被触发时立刻生效，下一帧被移除。
+     */
+    leaveClass?: string;
+    /**
+     * 定义离开过渡生效时的状态。在整个离开过渡的阶段中应用，在离开过渡被触发时立刻生效，在过渡/动画完成之后移除。
+     *
+     * 这个类可以被用来定义离开过渡的过程时间，延迟和曲线函数。
+     */
+    leaveActiveClass?: string;
+    /**
+     * 定义离开过渡的结束状态。在离开过渡被触发之后下一帧生效 (与此同时 `leave-class` 被删除)，在过渡/动画完成之后移除。
+     */
+    leaveToClass?: string;
+}
+export type SmartTransition = SmartComponent<SmartTransitionProps, SmartTransitionEvents, SmartTransitionExternalClassName>;

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

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