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

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

@@ -0,0 +1,174 @@
+/// <reference types="react" />
+import { VantBaseExternalClassName, VantComponent, VantEventHandler } from '../base';
+export interface VantTabsProps {
+    /**
+     * 样式风格
+     */
+    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;
+}
+/**
+ * @deprecated
+ */
+export interface VantTabsEventDetail {
+    /**
+     * 标签标识符
+     */
+    name: string;
+    /**
+     * 标题
+     */
+    title: string;
+    /**
+     * tab的序号
+     */
+    index: number;
+}
+export type VantTabsBaseEventDetail = VantTabsEventDetail;
+export interface VantTabsScrollEventDetail {
+    /**
+     * 距离顶部位置
+     */
+    scrollTop: number;
+    /**
+     * 是否吸顶
+     */
+    isFixed: boolean;
+}
+export interface VantTabsEvents {
+    /**
+     * 点击标签时触发
+     */
+    onClick?: VantEventHandler<VantTabsBaseEventDetail>;
+    /**
+     * 当前激活的标签改变时触发
+     */
+    onChange?: VantEventHandler<VantTabsBaseEventDetail>;
+    /**
+     * 点击被禁用的标签时触发
+     */
+    onDisabled?: VantEventHandler<VantTabsBaseEventDetail>;
+    /**
+     * 滚动时触发
+     */
+    onScroll?: VantEventHandler<VantTabsScrollEventDetail>;
+}
+export interface VantTabsExternalClassName extends VantBaseExternalClassName {
+    /**
+     * 标签栏样式类
+     */
+    navClass?: string;
+    /**
+     * 标签样式类
+     */
+    tabClass?: string;
+    /**
+     * 标签激活态样式类
+     */
+    tabActiveClass?: string;
+}
+export interface VantTabsSlot {
+    /**
+     * Tabs Slot
+     */
+    slot?: {
+        /**
+         * 自定义标题左侧内容
+         */
+        navLeft?: React.ReactNode;
+        /**
+         * 自定义标题右侧内容
+         */
+        navRight?: React.ReactNode;
+    };
+}
+export type VantTabs = VantComponent<VantTabsProps, VantTabsEvents, VantTabsExternalClassName, VantTabsSlot>;

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

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

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

@@ -0,0 +1,50 @@
+import { VantBaseExternalClassName, VantComponent, VantEventHandler } from '../base';
+export interface VantTagProps {
+    /**
+     * 类型
+     */
+    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 VantTagEvents {
+    onClose?: VantEventHandler;
+}
+export type VantTagExternalClassName = VantBaseExternalClassName;
+export type VantTag = VantComponent<VantTagProps, VantTagEvents, VantTagExternalClassName>;

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

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

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

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

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

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

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

@@ -0,0 +1,112 @@
+export interface VantToastOptions {
+    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 'van-toast'
+     */
+    selector?: string;
+    /**
+     * 选择器的选择范围，可以传入自定义组件的 `this` 作为上下文
+     *
+     * @default 当前页面
+     */
+    context?: object | (() => any);
+    /**
+     * 关闭时的回调函数
+     */
+    onClose?: Function;
+}
+export declare interface ToastInstance extends VantToast {
+    setData(options: VantToastOptions): void;
+}
+export declare interface VantToast {
+    /**
+     * 展示提示
+     */
+    (options: string): ToastInstance;
+    (options: VantToastOptions): ToastInstance;
+    /**
+     * 展示加载提示
+     */
+    loading(options: string): ToastInstance;
+    loading(options: VantToastOptions): ToastInstance;
+    /**
+     * 展示成功提示
+     */
+    success(options: string): ToastInstance;
+    success(options: VantToastOptions): ToastInstance;
+    /**
+     * 展示失败提示
+     */
+    fail(options: string): ToastInstance;
+    fail(options: VantToastOptions): ToastInstance;
+    /**
+     * 关闭提示
+     */
+    clear(): void;
+    /**
+     * 修改默认配置，对所有 Toast 生效
+     */
+    setDefaultOptions(options: VantToastOptions): void;
+    /**
+     * 重置默认配置，对所有 Toast 生效
+     */
+    resetDefaultOptions(): void;
+}
+type Toast = VantToast;
+/**
+ * @deprecated
+ *
+ * 将在`v1.22`移除
+ */
+declare const Toast: Toast;
+export default Toast;

package/dist/@types/toast/toast.js

@@ -0,0 +1,3 @@
+"use strict";
+exports.__esModule = true;
+exports["default"] = Toast;

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

@@ -0,0 +1,105 @@
+import { VantBaseExternalClassName, VantComponent, VantEventHandler } from '../base';
+export interface VantTransitionProps {
+    /**
+     * 动画类型
+     *
+     * `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?: string;
+}
+export interface VantTransitionEvents {
+    /**
+     * 进入前触发
+     */
+    onBeforeEnter?: VantEventHandler;
+    /**
+     * 进入中触发
+     */
+    onEnter?: VantEventHandler;
+    /**
+     * 进入后触发
+     */
+    onAfterEnter?: VantEventHandler;
+    /**
+     * 离开前触发
+     */
+    onBeforeLeave?: VantEventHandler;
+    /**
+     * 离开中触发
+     */
+    onLeave?: VantEventHandler;
+    /**
+     * 离开后触发
+     */
+    onAfterLeave?: VantEventHandler;
+}
+export interface VantTransitionExternalClassName extends VantBaseExternalClassName {
+    /**
+     * 定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。
+     */
+    enterClass?: string;
+    /**
+     * 定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。
+     *
+     * 这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。
+     */
+    enterActiveClass?: string;
+    /**
+     * 定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时 `enter-class` 被移除)，在过渡/动画完成之后移除。
+     */
+    enterToClass?: string;
+    /**
+     * 定义离开过渡的开始状态。在离开过渡被触发时立刻生效，下一帧被移除。
+     */
+    leaveClass?: string;
+    /**
+     * 定义离开过渡生效时的状态。在整个离开过渡的阶段中应用，在离开过渡被触发时立刻生效，在过渡/动画完成之后移除。
+     *
+     * 这个类可以被用来定义离开过渡的过程时间，延迟和曲线函数。
+     */
+    leaveActiveClass?: string;
+    /**
+     * 定义离开过渡的结束状态。在离开过渡被触发之后下一帧生效 (与此同时 `leave-class` 被删除)，在过渡/动画完成之后移除。
+     */
+    leaveToClass?: string;
+}
+export type VantTransition = VantComponent<VantTransitionProps, VantTransitionEvents, VantTransitionExternalClassName>;

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

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

package/dist/@types/tree-select/index.d.ts

@@ -0,0 +1,126 @@
+/// <reference types="react" />
+import { VantComponent, VantEventHandler } from '../base';
+export interface VantTreeSelectItem {
+    /**
+     * 作为匹配选中状态的标识
+     */
+    id?: number | string;
+    /**
+     * 导航名称
+     */
+    text?: string;
+    /**
+     * 导航名称右上角徽标，
+     *
+     * @version `v1.5.0`
+     */
+    badge?: number;
+    /**
+     * 是否在导航名称右上角显示小红点
+     *
+     * @version `v1.5.0`
+     */
+    dot?: boolean;
+    /**
+     * 禁用选项
+     */
+    disabled?: boolean;
+    /**
+     * 该导航下所有的可选项
+     */
+    options?: VantTreeSelectItem[];
+}
+export interface VantTreeSelectProps {
+    /**
+     * 分类显示所需的数据
+     *
+     * @default []
+     */
+    items?: VantTreeSelectItem[];
+    /**
+     * 高度，默认单位为`px`
+     *
+     * @default 300
+     */
+    height?: number | string;
+    /**
+     * 左侧选中项的索引
+     *
+     * @default 0
+     */
+    mainActiveIndex?: number;
+    /**
+     * 右侧选中项的 id，支持传入数组
+     *
+     * @default 0
+     */
+    activeId?: string | number | (string | number)[];
+    /**
+     * 右侧项最大选中个数
+     *
+     * @default Infinity
+     */
+    max?: number;
+    /**
+     * 自定义右侧栏选中状态的图标
+     *
+     * @version `v1.5.0`
+     *
+     * @default 'success'
+     */
+    selectedIcon?: string;
+}
+/**
+ * 左侧导航点击时，触发的事件详情
+ */
+export interface VantTreeSelectClickNavDetail {
+    /**
+     * 被点击的导航的索引
+     */
+    index: number;
+}
+export interface VantTreeSelectEvents {
+    /**
+     * 左侧导航点击时，触发的事件
+     */
+    onClickNav?: VantEventHandler<VantTreeSelectClickNavDetail>;
+    /**
+     * 右侧选择项被点击时，会触发的事件
+     */
+    onClickItem?: VantEventHandler<VantTreeSelectItem>;
+}
+export interface VantTreeSelectExternalClassName {
+    /**
+     * 左侧选项样式类
+     */
+    mainItemClass?: string;
+    /**
+     * 右侧选项样式类
+     */
+    contentItemClass?: string;
+    /**
+     * 左侧选项选中样式类
+     */
+    mainActiveClass?: string;
+    /**
+     * 右侧选项选中样式类
+     */
+    contentActiveClass?: string;
+    /**
+     * 左侧选项禁用样式类
+     */
+    mainDisabledClass?: string;
+    /**
+     * 右侧选项禁用样式类
+     */
+    contentDisabledClass?: string;
+}
+export interface VantTreeSelectSlot {
+    slot?: {
+        /**
+         * 自定义右侧区域内容，如果存在 items，则插入在顶部
+         */
+        content?: React.ReactNode;
+    };
+}
+export type VantTreeSelect = VantComponent<VantTreeSelectProps, VantTreeSelectEvents, VantTreeSelectExternalClassName, VantTreeSelectSlot>;

package/dist/@types/tree-select/index.js

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