@ray-js/smart-ui 1.0.4 → 1.2.0

package/dist/@types/action-sheet/index.d.ts

@@ -93,6 +93,13 @@ export interface SmartActionSheetProps {
      * @default true
      */
     safeAreaInsetBottom?: boolean;
+    /**
+     * 是否需要预留出一个最小的底部安全距离，用于在 safeArea 底部为 0 时进行追加，需要在 safeAreaInsetBottom 为 true 时生效
+     *
+     * @default 16
+     * @version `1.1.0`
+     */
+    safeAreaInsetBottomMin?: number;
 }
 export interface SmartActionSheetEvents extends SmartTransitionEvents {
     /**

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

@@ -164,6 +164,27 @@ export interface SmartCalendarProps extends SmartCalendarRangeProps, SmartCalend
      * 日期格式化函数
      */
     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;
+    };
     /**
      * 是否以弹层的形式展示日历
      *
@@ -256,8 +277,6 @@ export interface SmartCalendarEvents {
     onOverRange?: SmartEventHandler;
     /**
      * 点击日历副标题时触发
-     *
-     * @version `v1.8.1`
      */
     onClickSubtitle?: (e: WechatMiniprogram.CustomEvent<WechatMiniprogram.TouchEvent>) => void;
 }

package/dist/@types/checkbox-group/index.d.ts

@@ -24,8 +24,6 @@ export interface SmartCheckboxGroupProps {
     max?: number;
     /**
      * 排列方向
-     *
-     * @version `v1.7.0`
      */
     direction?: 'horizontal' | 'vertical';
 }

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

@@ -1,4 +1,5 @@
-import { SmartComponent } from '../base';
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent } from '../base';
 export interface SmartDividerProps {
     /**
      * 虚线
@@ -21,4 +22,10 @@ export interface SmartDividerProps {
      */
     customStyle?: string;
 }
-export type SmartDivider = SmartComponent<SmartDividerProps>;
+export interface SmartDividerSlot {
+    /**
+     * 自定义文本内容
+     */
+    children?: React.ReactNode;
+}
+export type SmartDivider = SmartComponent<SmartDividerProps, {}, SmartBaseExternalClassName, SmartDividerSlot>;

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

@@ -1,4 +1,5 @@
-import { SmartComponent } from '../base';
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent } from '../base';
 export interface SmartEmptyProps {
     /**
      * 图片类型，支持传入图片 URL
@@ -11,4 +12,23 @@ export interface SmartEmptyProps {
      */
     description?: string;
 }
-export type SmartEmpty = SmartComponent<SmartEmptyProps>;
+export interface SmartEmptySlot {
+    /**
+     * 自定义底部内容
+     */
+    children?: React.ReactNode;
+    /**
+     * Empty Slot
+     */
+    slot?: {
+        /**
+         * 自定义图标
+         */
+        image?: React.ReactNode;
+        /**
+         * 自定义描述文字
+         */
+        description?: React.ReactNode;
+    };
+}
+export type SmartEmpty = SmartComponent<SmartEmptyProps, {}, SmartBaseExternalClassName, SmartEmptySlot>;

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

@@ -1,4 +1,5 @@
 /// <reference types="miniprogram-api-typings" />
+/// <reference types="react" />
 import { TouchPositionDetail, SmartComponent, SmartEventHandler } from '../base';
 export interface SmartFieldProps {
     /**
@@ -102,27 +103,27 @@ export interface SmartFieldProps {
     /**
      * 指定`placeholder`的样式
      */
-    'placeholderStyle'?: string;
+    placeholderStyle?: string;
     /**
      * 自定义样式
      */
-    'customStyle'?: string;
+    customStyle?: string;
     /**
      * 是否展示右侧箭头并开启点击反馈
      *
      * @default false
      */
-    'isLink'?: boolean;
+    isLink?: boolean;
     /**
      * 箭头方向
      */
-    'arrowDirection'?: 'left' | 'up' | 'down';
+    arrowDirection?: 'left' | 'up' | 'down';
     /**
      * 是否显示字数统计，需要设置`maxlength`属性
      *
      * @default false
      */
-    'showWordLimit'?: boolean;
+    showWordLimit?: boolean;
     /**
      * 是否将输入内容标红
      *
@@ -134,19 +135,19 @@ export interface SmartFieldProps {
      *
      * @default ''
      */
-    'errorMessage'?: string;
+    errorMessage?: string;
     /**
      * 底部错误提示文案对齐方式
      *
      * @default ''
      */
-    'errorMessageAlign'?: 'center' | 'right';
+    errorMessageAlign?: 'center' | 'right';
     /**
      * 输入框内容对齐方式
      *
      * @default 'left'
      */
-    'inputAlign'?: 'center' | 'right' | 'left';
+    inputAlign?: 'center' | 'right' | 'left';
     /**
      * 是否自适应内容高度，只对`textarea`有效，可传入对象。
      *
@@ -161,71 +162,71 @@ export interface SmartFieldProps {
     /**
      * 左侧图标名称或图片链接，可选值见`Icon`组件
      */
-    'leftIcon'?: string;
+    leftIcon?: string;
     /**
      * 右侧图标名称或图片链接，可选值见`Icon`组件
      */
-    'rightIcon'?: string;
+    rightIcon?: string;
     /**
      * 设置键盘右下角按钮的文字，仅在`type='text'`时生效
      *
      * @default 'done'
      */
-    'confirmType'?: string;
+    confirmType?: string;
     /**
      * 点击键盘右下角按钮时是否保持键盘不收起，在`type='textarea'`时无效
      *
      * @default false
      */
-    'confirmHold'?: boolean;
+    confirmHold?: boolean;
     /**
      * `focus`时，点击页面的时候不收起键盘
      *
      * @default false
      */
-    'holdKeyboard'?: boolean;
+    holdKeyboard?: boolean;
     /**
      * 输入框聚焦时底部与键盘的距离
      *
      * @default 50
      */
-    'cursorSpacing'?: number;
+    cursorSpacing?: number;
     /**
      * 键盘弹起时，是否自动上推页面
      *
      * @default true
      */
-    'adjustPosition'?: boolean;
+    adjustPosition?: boolean;
     /**
      * 是否显示键盘上方带有”完成“按钮那一栏，只对`textarea`有效
      *
      * @default true
      */
-    'showConfirmBar'?: boolean;
+    showConfirmBar?: boolean;
     /**
      * 光标起始位置，自动聚集时有效，需与`selection-end`搭配使用
      *
      * @default -1
      */
-    'selectionStart'?: number;
+    selectionStart?: number;
     /**
      * 光标结束位置，自动聚集时有效，需与`selection-start`搭配使用
      *
      * @default -1
      */
-    'selectionEnd'?: number;
+    selectionEnd?: number;
     /**
      * 自动聚焦，拉起键盘
      *
      * @default false
      */
-    'autoFocus'?: boolean;
+    autoFocus?: boolean;
     /**
      * 是否去掉`iOS`下的默认内边距，只对`textarea`有效
      *
      * @default true
      */
-    'disableDefaultPadding'?: boolean;
+    disableDefaultPadding?: boolean;
     /**
      * 指定 `focus` 时的光标位置
      *
@@ -236,19 +237,15 @@ export interface SmartFieldProps {
      * 显示清除图标的时机，`always` 表示输入框不为空时展示，
      * `focus` 表示输入框聚焦且不为空时展示
      *
-     * @version v1.8.4
-     *
      * @default 'focus'
      */
-    'clearTrigger'?: 'always' | 'focus';
+    clearTrigger?: 'always' | 'focus';
     /**
      * 强制 `input` 处于同层状态，默认 `focus` 时 `input` 会切到非同层状态 (仅在 `iOS` 下生效)
      *
-     * @version `v1.9.2`
-     *
      * @default false
      */
-    'alwaysEmbed'?: boolean;
+    alwaysEmbed?: boolean;
 }
 /**
  * @deprecated
@@ -329,4 +326,31 @@ export interface SmartFieldExternalClassName {
      */
     rightIconClass?: string;
 }
-export type SmartField = SmartComponent<SmartFieldProps, SmartFieldEvents, SmartFieldExternalClassName>;
+export interface SmartFieldSlot {
+    /**
+     * Field Slot
+     */
+    slot?: {
+        /**
+         * 自定义输入框标签，如果设置了label属性则不生效
+         */
+        label?: React.ReactNode;
+        /**
+         * 自定义输入框头部图标
+         */
+        leftIcon?: React.ReactNode;
+        /**
+         * 自定义输入框尾部图标
+         */
+        rightIcon?: React.ReactNode;
+        /**
+         * 自定义输入框尾部按钮
+         */
+        button?: React.ReactNode;
+        /**
+         * 自定义输入框，使用此插槽后，与输入框相关的属性和事件将失效
+         */
+        input?: React.ReactNode;
+    };
+}
+export type SmartField = SmartComponent<SmartFieldProps, SmartFieldEvents, SmartFieldExternalClassName, SmartFieldSlot>;

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

@@ -21,16 +21,12 @@ export interface SmartLoadingProps {
     /**
      * 文字大小，默认单位为为 `px`
      *
-     * @version `v1.0.0`
-     *
      * @default '14px'
      */
     textSize?: string | number;
     /**
      * 是否垂直排列图标和文字内容
      *
-     * @version `v1.0.0`
-     *
      * @default false
      */
     vertical?: boolean;

package/dist/@types/nav-bar/index.d.ts

@@ -59,23 +59,6 @@ export interface SmartNavBarProps {
      * @default true
      */
     safeAreaInsetTop?: boolean;
-    /**
-     * Cell Slot
-     */
-    slot?: {
-        /**
-         * 自定义 title 显示内容，如果设置了 title 属性则不生效
-         */
-        title?: React.ReactNode;
-        /**
-         *  自定义左侧区域内容
-         */
-        left?: React.ReactNode;
-        /**
-         * 自定义右侧区域内容
-         */
-        right?: React.ReactNode;
-    };
 }
 export interface SmartNavBarEvents {
     /**
@@ -93,4 +76,23 @@ export interface SmartNavBarExternalClassName extends SmartBaseExternalClassName
      */
     titleClass?: string;
 }
-export type SmartNavBar = SmartComponent<SmartNavBarProps, SmartNavBarEvents, SmartNavBarExternalClassName>;
+export interface SmartNavBarSlot {
+    /**
+     * NavBar Slot
+     */
+    slot?: {
+        /**
+         * 自定义 title 显示内容，如果设置了 title 属性则不生效
+         */
+        title?: React.ReactNode;
+        /**
+         *  自定义左侧区域内容
+         */
+        left?: React.ReactNode;
+        /**
+         * 自定义右侧区域内容
+         */
+        right?: React.ReactNode;
+    };
+}
+export type SmartNavBar = SmartComponent<SmartNavBarProps, SmartNavBarEvents, SmartNavBarExternalClassName, SmartNavBarSlot>;

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

@@ -4,6 +4,38 @@ 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 {
     /**

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

@@ -80,6 +80,13 @@ export interface SmartPopupProps {
      * @default true
      */
     safeAreaInsetBottom?: boolean;
+    /**
+     * 是否需要预留出一个最小的底部安全距离，用于在 safeArea 底部为 0 时进行追加，需要在 safeAreaInsetBottom 为 true 时生效
+     *
+     * @default 0
+     * @version `1.1.0`
+     */
+    safeAreaInsetBottomMin?: number;
     /**
      * 是否留出顶部安全距离（状态栏高度）
      *

package/dist/@types/radio-group/index.d.ts

@@ -17,8 +17,6 @@ export interface SmartRadioGroupProps {
     disabled?: boolean;
     /**
      * 排列方向
-     *
-     * @version v1.6.7
      */
     direction?: 'horizontal' | 'vertical';
 }

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

@@ -33,8 +33,6 @@ export interface SmartSearchProps {
      */
     showAction?: boolean;
     /**
-     * @version v1.0.0
-     *
      * @default '取消'
      */
     actionText: string;
@@ -71,7 +69,6 @@ export interface SmartSearchProps {
     /**
      * 显示清除图标的时机，`always`表示输入框不为空时展示，
      * `focus`表示输入框聚焦且不为空时展示
-     * @version  `v1.8.4`
      *
      * @default 'focus'
      */
@@ -79,8 +76,6 @@ export interface SmartSearchProps {
     /**
      * 清除图标名称或图片链接
      *
-     * @version `v1.8.4`
-     *
      * @default 'clear'
      */
     clearIcon?: string;

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

@@ -53,4 +53,22 @@ export interface SmartSkeletonProps {
      */
     animate?: boolean;
 }
-export type SmartSkeleton = SmartComponent<SmartSkeletonProps>;
+export interface SmartSkeletonExternalClassName {
+    /**
+     * 根节点样式类
+     */
+    customClass?: string;
+    /**
+     * 段落占位样式类
+     */
+    rowClass?: string;
+    /**
+     * 头像占位样式类
+     */
+    avatarClass?: string;
+    /**
+     * 	标题占位样式类
+     */
+    titleClass?: string;
+}
+export type SmartSkeleton = SmartComponent<SmartSkeletonProps, {}, SmartSkeletonExternalClassName>;

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

@@ -58,16 +58,12 @@ export interface SmartSliderProps {
     /**
      * 是否开启双滑块模式
      *
-     * @version `v1.8.4`
-     *
      * @default false
      */
     range?: boolean;
     /**
      * 是否垂直展示
      *
-     * @version `v1.8.5`
-     *
      * @default false
      */
     vertical?: boolean;

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

@@ -100,8 +100,6 @@ export interface SmartStepperProps {
     /**
      * 强制 `input` 处于同层状态，默认 `focus` 时 `input` 会切到非同层状态 (仅在 `iOS` 下生效)
      *
-     * @version `v1.9.3`
-     *
      * @default false
      */
     alwaysEmbed?: boolean;

package/dist/@types/swipe-cell/index.d.ts

@@ -27,8 +27,6 @@ export interface SmartSwipeCellProps {
     /**
      * 是否禁用滑动
      *
-     * @version `v1.3.4`
-     *
      * @default false
      */
     disabled?: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SmartComponent } from '../base';
 export interface SmartTabbarItemProps {
     /**
@@ -24,5 +25,28 @@ export interface SmartTabbarItemProps {
      * 图标右上角提示信息
      */
     info?: string | number;
+    /**
+     * 点击后跳转的链接地址, 需要以 / 开头
+     */
+    url?: string;
+    /**
+     * 链接跳转类型，可选值为 redirectTo、switchTab、reLaunch
+     */
+    linkType?: string;
+}
+export interface SmartTabbarItemSlot {
+    /**
+     * TabbarItem Slot
+     */
+    slot?: {
+        /**
+         * 未选中时的图标
+         */
+        icon?: React.ReactNode;
+        /**
+         * 选中时的图标
+         */
+        iconActive?: React.ReactNode;
+    };
 }
-export type SmartTabbarItem = SmartComponent<SmartTabbarItemProps>;
+export type SmartTabbarItem = SmartComponent<SmartTabbarItemProps, {}, {}, SmartTabbarItemSlot>;

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

@@ -11,14 +11,10 @@ export interface SmartTreeSelectItem {
     text?: string;
     /**
      * 导航名称右上角徽标，
-     *
-     * @version `v1.5.0`
      */
     badge?: number;
     /**
      * 是否在导航名称右上角显示小红点
-     *
-     * @version `v1.5.0`
      */
     dot?: boolean;
     /**
@@ -64,8 +60,6 @@ export interface SmartTreeSelectProps {
     /**
      * 自定义右侧栏选中状态的图标
      *
-     * @version `v1.5.0`
-     *
      * @default 'success'
      */
     selectedIcon?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/smart-ui",
-  "version": "1.0.4",
+  "version": "1.2.0",
   "author": "MiniApp Team",
   "description": "轻量、可靠的智能小程序 UI 组件库",
   "scripts": {
@@ -38,7 +38,7 @@
     "@ray-js/components-ty-slider": "^0.2.44",
     "@ray-js/components-ty-progress-bar": "^0.1.1",
     "@ray-js/components-ty-progress-circle": "^0.1.6",
-    "@tuya-miniapp/smart-ui": "^1.0.2"
+    "@tuya-miniapp/smart-ui": "^1.2.0"
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.1",