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

package/es/auto-import/index.d.ts

@@ -0,0 +1,5 @@
+declare const SmartUIAutoImport: {
+    libraryName: string;
+    format(localName: string, importedName: string): string;
+};
+export default SmartUIAutoImport;

package/es/auto-import/index.js

@@ -0,0 +1,21 @@
+/*
+ * @Author: mjh
+ * @Date: 2025-05-20 14:47:06
+ * @LastEditors: mjh
+ * @LastEditTime: 2025-05-20 15:07:58
+ * @Description:
+ */
+function kebabCase(srt) {
+    const t = srt.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);
+    if (t[0] === '-') {
+        return t.slice(1);
+    }
+    return t;
+}
+const SmartUIAutoImport = {
+    libraryName: '@ray-js/smart-ui',
+    format(localName, importedName) {
+        return `import { ${importedName !== localName ? `${importedName} as ${localName}` : localName} } from "@ray-js/smart-ui/es/${kebabCase(importedName)}";`;
+    },
+};
+export default SmartUIAutoImport;

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

@@ -0,0 +1,130 @@
+import { SmartComponent, SmartEventHandler } from '../base';
+import { SmartTransitionEvents } from '../transition';
+export interface SmartAction {
+    /**
+     * 标题
+     */
+    name?: string;
+    /**
+     * 二级标题
+     */
+    subname?: string;
+    /**
+     * 选项文字颜色
+     */
+    color?: string;
+    /**
+     * 是否为加载状态
+     */
+    loading?: boolean;
+    /**
+     * 是否为选中状态
+     */
+    checked?: boolean;
+    /**
+     * 是否为禁用状态
+     */
+    disabled?: boolean;
+    /**
+     * 为对应列添加额外的 `class` 类名
+     */
+    className?: string;
+    /**
+     * 业务自定义的 Action 属性
+     */
+    [key: string]: any;
+}
+export interface SmartActionSheetProps {
+    /**
+     * 是否显示动作面板
+     */
+    show?: boolean;
+    /**
+     * 菜单选项
+     *
+     * @default []
+     */
+    actions?: SmartAction[];
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 选项上方的描述信息
+     */
+    description?: string;
+    /**
+     * `z-index` 层级
+     *
+     * @default 100
+     */
+    zIndex?: number;
+    /**
+     * 列表选项中 icon 的选中态颜色, 默认跟随 App 主题色 `--app-M1`
+     */
+    activeColor?: string;
+    /**
+     * 取消按钮文字
+     */
+    cancelText?: string;
+    /**
+     * 确认按钮文字
+     */
+    confirmText?: string;
+    /**
+     * 是否显示遮罩层
+     */
+    overlay?: boolean;
+    /**
+     * 是否显示圆角
+     *
+     * @default true
+     */
+    round?: boolean;
+    /**
+     * 是否在点击选项后关闭
+     *
+     * @default true
+     */
+    closeOnClickAction?: boolean;
+    /**
+     * 点击遮罩是否关闭菜单
+     */
+    closeOnClickOverlay?: boolean;
+    /**
+     * 是否为 `iPhoneX` 留出底部安全距离
+     *
+     * @default true
+     */
+    safeAreaInsetBottom?: boolean;
+    /**
+     * 是否需要预留出一个最小的底部安全距离，用于在 safeArea 底部为 0 时进行追加，需要在 safeAreaInsetBottom 为 true 时生效
+     *
+     * @default 16
+     * @version `1.1.0`
+     */
+    safeAreaInsetBottomMin?: number;
+}
+export interface SmartActionSheetEvents extends SmartTransitionEvents {
+    /**
+     * 选中选项时触发，禁用或加载状态下不会触发
+     */
+    onSelect?: SmartEventHandler<SmartAction>;
+    /**
+     * 关闭时触发
+     */
+    onClose?: SmartEventHandler;
+    /**
+     * 取消按钮点击时触发
+     */
+    onCancel?: SmartEventHandler;
+    /**
+     * 确认按钮点击时触发
+     */
+    onConfirm?: SmartEventHandler;
+    /**
+     * 点击遮罩层时触发
+     */
+    onClickOverlay?: SmartEventHandler;
+}
+export type SmartActionSheet = SmartComponent<SmartActionSheetProps, SmartActionSheetEvents>;

package/lib/@types/action-sheet/index.js

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

package/lib/@types/base/component.d.ts

@@ -0,0 +1,11 @@
+export interface ComponentBase {
+    /**
+     * 标识符
+     */
+    id?: string;
+    /**
+     * css 类名
+     */
+    className?: string;
+}
+export type SmartComponent<Props = {}, Events = {}, EC = {}, Slot = {}> = ComponentBase & Props & Events & EC & Slot;

package/lib/@types/base/component.js

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

package/lib/@types/base/events.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="miniprogram-api-typings" />
+/**
+ * 普通事件类型
+ */
+export interface SmartEvent<Detail = unknown> extends WechatMiniprogram.BaseEvent {
+    detail: Detail;
+}
+/**
+ * 触摸事件类型
+ */
+export interface SmartTouchEvent<Detail = unknown> extends Omit<WechatMiniprogram.TouchEvent, 'detail'>, SmartEvent<Detail> {
+}
+/**
+ * 普通事件处理类型
+ */
+export type SmartEventHandler<Detail = unknown> = (event: SmartEvent<Detail>) => void;
+/**
+ * Touch 事件处理类型
+ */
+export type SmartTouchEventHandler<Detail = unknown> = (event: SmartTouchEvent<Detail>) => void;
+/**
+ * 触摸坐标详情
+ */
+export interface TouchPositionDetail {
+    x: number;
+    y: number;
+}

package/lib/@types/base/events.js

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

package/lib/@types/base/external-class-name.d.ts

@@ -0,0 +1,12 @@
+export interface SmartBaseExternalClassName {
+    /**
+     * 根节点样式类
+     */
+    customClass?: string;
+}
+export interface SmartBaseLoadingExternalClassName {
+    /**
+     * 加载样式类
+     */
+    loadingClass?: string;
+}

package/lib/@types/base/external-class-name.js

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

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

@@ -0,0 +1,4 @@
+export { ComponentBase, SmartComponent } from './component';
+export { SmartEvent, SmartTouchEvent, SmartEventHandler, SmartTouchEventHandler, TouchPositionDetail, } from './events';
+export { SmartBaseExternalClassName, SmartBaseLoadingExternalClassName, } from './external-class-name';
+export { WechatOpenType, SmartOpenTypeProps, SmartOpenTypeCamelCaseProps, SmartOpenTypeEvents, } from './open-type';

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

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

package/lib/@types/base/open-type.d.ts

@@ -0,0 +1,165 @@
+/// <reference types="miniprogram-api-typings" />
+export type WechatOpenType = 
+/**
+ * 打开客服会话，如果用户在会话中点击消息卡片后返回小程序
+ *
+ * 可以从 `bindcontact` 回调中获得具体信息
+ *
+ * （*小程序插件中不能使用*）
+ */
+'contact'
+/**
+ * 触发用户转发
+ */
+ | 'share'
+/**
+ * 获取用户手机号
+ *
+ * 可以从 `bindgetphonenumber` 回调中获取到用户信息
+ *
+ * （*小程序插件中不能使用*）
+ */
+ | 'getPhoneNumber'
+/**
+ * 获取用户信息
+ *
+ * 可以从 `bindgetuserinfo` 回调中获取到用户信息
+ *
+ * （*小程序插件中不能使用*）
+ */
+ | 'getUserInfo'
+/**
+ * 打开 `APP`
+ *
+ * 以通过 `app-parameter` 属性设定向APP传的参数
+ */
+ | 'launchApp'
+/**
+ * 打开授权设置页
+ */
+ | 'openSetting'
+/**
+ * 打开“意见反馈”页面
+ */
+ | 'feedback'
+/**
+ * 获取用户头像，可以从 `bindchooseavatar` 回调中获取到头像信息
+ */
+ | 'chooseAvatar';
+export interface SmartOpenTypeProps {
+    /**
+     * 打开 `APP` 时，向 `APP` 传递的参数
+     *
+     * @requires `'launchApp'`
+     */
+    appParameter?: string;
+    /**
+     * 指定返回用户信息的语言
+     *
+     * @requires `'getUserInfo'`
+     *
+     * `zh_CN` 简体中文
+     *
+     * `zh_TW` 繁体中文
+     *
+     * `en` 英文
+     *
+     * @default 'en'
+     */
+    lang?: 'zh_CN' | 'zh_TW' | 'en';
+    /**
+     * 会话来源
+     *
+     * @requires `'contact'`
+     */
+    sessionFrom?: string;
+    /**
+     * 客服消息子商户 `id`
+     *
+     * @requires `'contact'`
+     */
+    businessId?: number;
+    /**
+     * 会话内消息卡片标题
+     *
+     * @requires `'contact'`
+     *
+     * @default 当前标题
+     */
+    sendMessageTitle?: string;
+    /**
+     * 会话内消息卡片点击跳转小程序路径
+     *
+     * @requires `'contact'`
+     *
+     * @default 当前分享路径
+     */
+    sendMessagePath?: string;
+    /**
+     * sendMessageImg
+     *
+     * @requires `'contact'`
+     *
+     * @default '截图'
+     */
+    sendMessageImg?: string;
+    /**
+     * 显示会话内消息卡片
+     *
+     * @requires `'contact'`
+     *
+     * @default false
+     */
+    showMessageCard?: string;
+}
+export interface SmartOpenTypeCamelCaseProps {
+    appParameter?: SmartOpenTypeProps['appParameter'];
+    lang?: SmartOpenTypeProps['lang'];
+    sessionFrom?: SmartOpenTypeProps['sessionFrom'];
+    businessId?: SmartOpenTypeProps['businessId'];
+    sendMessageTitle?: SmartOpenTypeProps['sendMessageTitle'];
+    sendMessagePath?: SmartOpenTypeProps['sendMessagePath'];
+    sendMessageImg?: SmartOpenTypeProps['sendMessageImg'];
+    showMessageCard?: SmartOpenTypeProps['showMessageCard'];
+}
+export interface SmartOpenTypeEvents {
+    /**
+     * 用户点击该按钮时，会返回获取到的用户信息，
+     * 从返回参数的`detail`中获取到的值同`wx.getUserInfo`
+     *
+     * @platform WeChat only
+     */
+    onGetuserinfo?: (event: WechatMiniprogram.ButtonGetUserInfo) => void;
+    /**
+     * 客服消息回调
+     *
+     * @platform WeChat only
+     */
+    onContact?: (event: WechatMiniprogram.ButtonContact) => void;
+    /**
+     * 获取用户手机号回调
+     *
+     * @platform WeChat only
+     */
+    onGetphonenumber?: (event: WechatMiniprogram.ButtonGetPhoneNumber) => void;
+    /**
+     * 当使用开放能力时，发生错误的回调
+     *
+     * @platform WeChat only
+     */
+    onError?: (event: WechatMiniprogram.ButtonError) => void;
+    /**
+     * 在打开授权设置页后回调
+     *
+     * @platform WeChat only
+     */
+    onOpensetting?: (event: WechatMiniprogram.ButtonOpenSetting) => void;
+    /**
+     * 打开 APP 成功的回调
+     *
+     * `openType="launchApp"`时有效
+     *
+     * @platform WeChat only
+     */
+    onLaunchapp?: (event: WechatMiniprogram.ButtonLaunchApp) => void;
+}

package/lib/@types/base/open-type.js

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

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

@@ -0,0 +1,58 @@
+import { SmartComponent } from '../base';
+export interface SmartBatteryProps {
+    /**
+     * 横向展示还是竖向展示
+     *
+     * @default 'vertical'
+     */
+    type?: 'horizontal' | 'vertical';
+    /**
+     * 大小
+     *
+     * @default 10
+     */
+    size?: number;
+    /**
+     * 值
+     *
+     * @default 70
+     */
+    value?: number;
+    /**
+     * 进度条颜色，传入对象格式可以定义渐变色
+     *
+     * @default '#1989fa'
+     */
+    color?: string | Record<string, string>;
+    /**
+     * 电量高的颜色
+     *
+     * @default '#70CF98'
+     */
+    highColor?: string;
+    /**
+     * 电量中的颜色
+     *
+     * @default '#F5A623'
+     */
+    middleColor?: string;
+    /**
+     * 电量低的颜色
+     *
+     * @default '#FF4444'
+     */
+    lowColor?: string;
+    /**
+     * 电量背景色
+     *
+     * @default 'rgba(0, 0, 0, .5)'
+     */
+    backgroundColor?: string;
+    /**
+     * 电量颜色计算规则回调函数，返回计算后的颜色值即可
+     *
+     * @default null
+     */
+    onCalcColor?: () => string;
+}
+export type SmartBattery = SmartComponent<SmartBatteryProps>;

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

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

package/lib/@types/bottom-sheet/index.d.ts

@@ -0,0 +1,79 @@
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+import { SmartTransitionEvents } from '../transition';
+export interface SmartBottomSheetProps {
+    /**
+     * 是否显示动作面板
+     */
+    show?: boolean;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 标题中关闭按钮的颜色
+     * @default --app-B4-N3 || rgba(0, 0, 0, 0.5)
+     */
+    iconColor?: string;
+    /**
+     * 标题中关闭按钮的大小
+     * @default 24
+     */
+    iconSize?: string;
+    /**
+     * 是否显示圆角
+     * @default true
+     */
+    round?: boolean;
+    /**
+     * `z-index` 层级
+     *
+     * @default 100
+     */
+    zIndex?: number;
+    /**
+     * 是否显示遮罩层
+     */
+    overlay?: boolean;
+    /**
+     * 点击遮罩是否关闭菜单
+     */
+    closeOnClickOverlay?: boolean;
+}
+export interface SmartBottomSheetEvents extends SmartTransitionEvents {
+    /**
+     * 关闭时触发
+     */
+    onClose?: SmartEventHandler;
+    /**
+     * 遮罩进入前触发
+     */
+    onBeforeEnter?: SmartEventHandler;
+    /**
+     * 遮罩进入中触发
+     */
+    onEnter?: SmartEventHandler;
+    /**
+     * 遮罩进入后触发
+     */
+    onAfterEnter?: SmartEventHandler;
+    /**
+     * 遮罩离开前触发
+     */
+    onBeforeLeave?: SmartEventHandler;
+    /**
+     * 遮罩离开中触发
+     */
+    onLeave?: SmartEventHandler;
+    /**
+     * 遮罩离开后触发
+     */
+    onAfterLeave?: SmartEventHandler;
+    /**
+     * 点击遮罩层时触发
+     */
+    onClickOverlay?: SmartEventHandler;
+}
+/**
+ * Since v2.0.0
+ */
+export type SmartBottomSheet = SmartComponent<SmartBottomSheetProps, SmartBottomSheetEvents, SmartBaseExternalClassName>;

package/lib/@types/bottom-sheet/index.js

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

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

@@ -0,0 +1,110 @@
+/// <reference types="react" />
+import { SmartOpenTypeProps, SmartBaseExternalClassName, SmartBaseLoadingExternalClassName, SmartComponent, SmartEventHandler, SmartTouchEvent } from '../base';
+export interface SmartButtonProps extends SmartOpenTypeProps {
+    /** 标识符 */
+    id?: string;
+    /**
+     * 按钮类型
+     *
+     * @default 'default'
+     */
+    type?: 'default' | 'primary' | 'info' | 'warning' | 'danger';
+    /**
+     * 按钮尺寸
+     *
+     * @default 'normal'
+     */
+    size?: 'normal' | 'large' | 'small' | 'mini';
+    /**
+     * 按钮颜色，支持传入`linearGradient`渐变色
+     */
+    color?: string;
+    /**
+     * 左侧图标名称或图片链接
+     *
+     * 可选值见`Icon`组件
+     */
+    icon?: string;
+    /**
+     * 右侧图标名称或图片链接
+     *
+     * 可选值见`Icon`组件
+     */
+    rightIcon?: string;
+    /**
+     * 图标类名前缀，同`Icon`组件的`classPrefix`属性
+     * @default 'smart-icon'
+     */
+    classPrefix?: string;
+    /**
+     * 是否为朴素按钮
+     *
+     * @default false
+     */
+    plain?: boolean;
+    /**
+     * 是否为块级元素
+     *
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * 是否为圆形按钮
+     *
+     * @default false
+     */
+    round?: boolean;
+    /**
+     * 是否为方形按钮
+     *
+     * @default false
+     */
+    square?: boolean;
+    /**
+     * 是否禁用按钮
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否使用`0.5px`边框
+     *
+     * @default false
+     */
+    hairline?: boolean;
+    /**
+     * 是否显示为加载状态
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 加载状态提示文字
+     */
+    loadingText?: string;
+    /**
+     * 加载状态图标类型
+     *
+     * @default 'circular'
+     */
+    loadingType?: 'spinner' | 'circular';
+    /**
+     * 加载图标大小
+     *
+     * @default 20px
+     */
+    loadingSize?: string;
+    /**
+     * 自定义样式
+     */
+    customStyle?: React.CSSProperties;
+}
+export interface SmartButtonEvents {
+    /**
+     * 点击按钮，且按钮状态不为加载或禁用时触发
+     */
+    onClick?: SmartEventHandler<SmartTouchEvent>;
+}
+export interface SmartButtonExternalClassName extends SmartBaseExternalClassName, SmartBaseLoadingExternalClassName {
+}
+export type SmartButton = SmartComponent<SmartButtonProps, SmartButtonEvents, SmartButtonExternalClassName>;

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

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