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

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

@@ -0,0 +1,88 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartGridItemProps {
+    /**
+     * 文字
+     */
+    text?: string;
+    /**
+     * 图标名称或图片链接，可选值见 `Icon` 组件
+     */
+    icon?: string;
+    /**
+     * 图标颜色
+     */
+    iconColor?: string;
+    /**
+     * 第三方图标前缀
+     *
+     * @default 'smart-icon'
+     */
+    iconPrefix?: string;
+    /**
+     * 是否显示图标右上角小红点
+     *
+     * @default false
+     */
+    dot?: boolean;
+    /**
+     * 图标右上角徽标的内容
+     */
+    badge?: string | number;
+    /**
+     * 点击后跳转的链接地址
+     */
+    url?: string;
+    /**
+     * 链接跳转类型
+     *
+     * @default 'navigateTo'
+     */
+    linkyType?: 'redirectTo' | 'switchTab' | 'reLaunch';
+}
+export interface SmartGridItemEvents {
+    /**
+     * 点击格子时触发
+     */
+    onClick?: SmartEventHandler;
+}
+export interface SmartGridItemExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 内容样式类
+     */
+    contentClass?: string;
+    /**
+     * 图标样式类
+     */
+    iconClass?: string;
+    /**
+     * 文本样式类
+     */
+    textClass?: string;
+}
+export interface SmartGridItemSlot {
+    /**
+     * 是否使用自定义内容的插槽
+     *
+     * @default false
+     */
+    useSlot?: boolean;
+    /**
+     * 自定义宫格的所有内容，需要设置 useSlot 属性
+     */
+    children?: React.ReactNode;
+    /**
+     * GridItem Slot
+     */
+    slot?: {
+        /**
+         * 自定义图标，如果设置了 useSlot 或者 icon 属性则不生效
+         */
+        icon?: React.ReactNode;
+        /**
+         * 自定义文字，如果设置了 useSlot 或者 text 属性则不生效
+         */
+        text?: React.ReactNode;
+    };
+}
+export type SmartGridItem = SmartComponent<SmartGridItemProps, SmartGridItemEvents, SmartGridItemExternalClassName, SmartGridItemSlot>;

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

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

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

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartIconProps {
+    /**
+     * 图标名称或图片链接
+     */
+    name?: string;
+    /**
+     * 是否显示图标右上角小红点
+     *
+     * @default false
+     */
+    dot?: boolean;
+    /**
+     * 图标右上角文字提示
+     */
+    info?: string | number;
+    /**
+     * 图标颜色
+     *
+     * @default 'inherit'
+     */
+    color?: string;
+    /**
+     * 图标大小，如 20px，2em，默认单位为px
+     *
+     * @default 'inherit'
+     */
+    size?: string | number;
+    /**
+     * 自定义样式
+     */
+    customStyle?: React.CSSProperties;
+    /**
+     * 类名前缀
+     *
+     * @default 'smart-icon'
+     */
+    classPrefix?: string;
+}
+export interface SmartIconEvents {
+    /**
+     * 点击图标时触发
+     */
+    onClick?: SmartEventHandler;
+}
+export type SmartIconExternalClassName = SmartBaseExternalClassName;
+export type SmartIcon = SmartComponent<SmartIconProps, SmartIconEvents, SmartIconExternalClassName>;

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

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

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

@@ -0,0 +1,143 @@
+/// <reference types="react" />
+import { TouchPositionDetail, SmartBaseExternalClassName, SmartBaseLoadingExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartImageProps {
+    /**
+     * 图片链接
+     */
+    src?: string;
+    /**
+     * 图片填充模式
+     *
+     * `contain` 保持宽高缩放图片，使图片的长边能完全显示出来
+     *
+     * `cover` 保持宽高缩放图片，使图片的短边能完全显示出来，裁剪长边
+     *
+     * `fill`拉伸图片，使图片填满元素
+     *
+     * `widthFix`缩放模式，宽度不变，高度自动变化，保持原图宽高比不变
+     *
+     * `heightFix` 缩放模式，高度不变，宽度自动变化，保持原图宽高比不变
+     *
+     * `none` 保持图片原有尺寸
+     *
+     * @default 'fill'
+     */
+    fit?: 'contain' | 'cover' | 'fill' | 'widthFix' | 'heightFix' | 'none';
+    /**
+     * 替代文本
+     */
+    alt?: string;
+    /**
+     * 宽度，默认单位为px
+     */
+    width?: string | number;
+    /**
+     * 高度，默认单位为px
+     */
+    height?: string | number;
+    /**
+     * 圆角大小，默认单位为px
+     *
+     * @default 0
+     */
+    radius?: string | number;
+    /**
+     * 是否显示为圆形
+     *
+     * @default false
+     */
+    round?: boolean;
+    /**
+     * 是否懒加载
+     *
+     * @default false
+     */
+    lazyLoad?: boolean;
+    /**
+     * 是否展示图片加载失败提示
+     *
+     * @default true
+     */
+    showError?: boolean;
+    /**
+     * 是否展示图片加载中提示
+     *
+     * @default true
+     */
+    showLoading?: boolean;
+    /**
+     * 是否使用`error`插槽
+     *
+     * @default false
+     */
+    useErrorSlot?: boolean;
+    /**
+     * 是否使用`loading`插槽
+     *
+     * @default false
+     */
+    useLoadingSlot?: boolean;
+    /**
+     * 是否开启长按图片显示识别小程序码菜单
+     *
+     * @default false
+     */
+    showMenuByLongpress?: boolean;
+    /**
+     * 改变图片颜色 通过css mask属性实现
+     *
+     * @default ''
+     */
+    tintColor?: string;
+}
+export interface SmartImageLoadEventDetail {
+    width: number;
+    height: number;
+}
+export interface SmartImageErrorEventDetail {
+    errMsg: string;
+}
+export interface SmartImageEvents {
+    /**
+     * 点击图片时触发
+     */
+    onClick?: SmartEventHandler<TouchPositionDetail>;
+    /**
+     * 图片加载完毕时触发
+     */
+    onLoad?: SmartEventHandler<SmartImageLoadEventDetail>;
+    /**
+     * 图片加载失败时触发
+     */
+    onError?: SmartEventHandler<SmartImageErrorEventDetail>;
+}
+export interface SmartImageExternalClassName extends SmartBaseExternalClassName, SmartBaseLoadingExternalClassName {
+    /**
+     * 图片样式类
+     */
+    imageClass?: string;
+    /**
+     * `error` 样式类
+     */
+    errorClass?: string;
+}
+export interface SmartImageSlot {
+    /**
+     * 自定义底部内容
+     */
+    children?: React.ReactNode;
+    /**
+     * Empty Slot
+     */
+    slot?: {
+        /**
+         * loading 图标
+         */
+        loading?: React.ReactNode;
+        /**
+         * error 图标
+         */
+        error?: React.ReactNode;
+    };
+}
+export type SmartImage = SmartComponent<SmartImageProps, SmartImageEvents, SmartImageExternalClassName, SmartImageSlot>;

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

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

package/lib/@types/index-anchor/index.d.ts

@@ -0,0 +1,14 @@
+import { SmartComponent } from '../base';
+export interface SmartIndexAnchorProps {
+    /**
+     * 是否使用自定义内容的插槽
+     *
+     * @default false
+     */
+    useSlot?: boolean;
+    /**
+     * 索引字符
+     */
+    index?: string | number;
+}
+export type SmartIndexAnchor = SmartComponent<SmartIndexAnchorProps>;

package/lib/@types/index-anchor/index.js

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

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

@@ -0,0 +1,57 @@
+/// <reference types="miniprogram-api-typings" />
+import { SmartComponent, SmartEventHandler } from '../base';
+export interface SmartIndexBarProps {
+    /**
+     * 索引字符列表
+     *
+     * @default [A,B,...Z]
+     */
+    indexList?: string[] | number[];
+    /**
+     * `z-index`层级
+     *
+     * @default 1
+     */
+    zIndex?: number;
+    /**
+     * 是否开启锚点自动吸顶
+     *
+     * @default true
+     */
+    sticky?: boolean;
+    /**
+     * 锚点自动吸顶时与顶部的距离
+     *
+     * @default 0
+     */
+    stickyOffsetTop?: number;
+    /**
+     * 索引字符高亮颜色
+     *
+     * @default '#07c160'
+     */
+    highlightColor?: string;
+    /**
+     * SideBar 是否可滚动定位
+     *
+     * @version 2.1.7
+     * @default false
+     */
+    scrollable?: boolean;
+}
+/**
+ * @deprecated
+ */
+export interface SmartIndexBarSelectEvent extends WechatMiniprogram.BaseEvent {
+    /**
+     * 索引字符
+     */
+    detail: string | number;
+}
+export interface SmartIndexBarEvents {
+    /**
+     * 选中字符时触发
+     */
+    onSelect?: SmartEventHandler<string | number>;
+}
+export type SmartIndexBar = SmartComponent<SmartIndexBarProps, SmartIndexBarEvents>;

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

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

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

@@ -0,0 +1,63 @@
+export { SmartAction, SmartActionSheetProps, SmartActionSheetEvents, SmartActionSheet, } from './action-sheet';
+export { ComponentBase, SmartComponent, SmartEvent, SmartTouchEvent, SmartEventHandler, SmartTouchEventHandler, TouchPositionDetail, SmartBaseExternalClassName, SmartBaseLoadingExternalClassName, WechatOpenType, SmartOpenTypeProps, SmartOpenTypeCamelCaseProps, SmartOpenTypeEvents, } from './base';
+export { SmartButtonProps, SmartButtonEvents, SmartButtonExternalClassName, SmartButton, } from './button';
+export { SmartBottomSheet, SmartBottomSheetProps, SmartBottomSheetEvents } from './bottom-sheet';
+export { Day, SmartCalendarPoppableProps, SmartCalendarRangeProps, SmartCalendarProps, SmartCalendarEvents, SmartCalendar, } from './calendar';
+export { SmartCellProps, SmartCellEvents, SmartCellExternalClassName, SmartCellSlot, SmartCell, } from './cell';
+export { SmartCellGroup, SmartCellGroupExternalClassName, SmartCellGroupProps } from './cell-group';
+export { SmartCheckbox, SmartCheckboxEvents, SmartCheckboxProps, SmartCheckboxExternalClassName, SmartCheckboxChangeEvent, } from './checkbox';
+export { SmartCheckboxGroup, SmartCheckboxGroupEvents, SmartCheckboxGroupProps, } from './checkbox-group';
+export { SmartCircleProps, SmartCircle } from './circle';
+export { SmartCol, SmartColProps, SmartColExternalClassName } from './col';
+export { SmartCollapse, SmartCollapseEvents, SmartCollapseExternalClassName, SmartCollapseProps, SmartCollapseBaseEvent, SmartCollapseChangeEvent, } from './collapse';
+export { SmartCollapseItem, SmartCollapseItemExternalClassName, SmartCollapseItemProps, } from './collapse-item';
+export { SmartConfigProvider, SmartConfigProviderProps } from './config-provider';
+export { SmartCountDown, SmartCountDownEvents, SmartCountDownProps, SmartCountDownTimeData, } from './count-down';
+export { SmartDateTimePicker, SmartDateTimePickerEvents, SmartDateTimePickerProps, SmartDateTimePickerExternalClassName, SmartDateTimePickerBaseEvent, SmartDateTimePicker as SmartDatetimePicker, SmartDateTimePickerEvents as SmartDatetimePickerEvents, SmartDateTimePickerProps as SmartDatetimePickerProps, SmartDateTimePickerExternalClassName as SmartDatetimePickerExternalClassName, SmartDateTimePickerBaseEvent as SmartDatetimePickerBaseEvent, } from './datetime-picker';
+export { SmartDialog, SmartDialogProps, SmartDialogEvents } from './dialog';
+export { SmartDialogOptions, SmartDialogInputOptions, SmartDialogInstance } from './dialog/dialog';
+export { SmartDividerProps, SmartDividerSlot, SmartDivider } from './divider';
+export { SmartDropdownItem, SmartDropdownItemEvents, SmartDropdownItemOption, SmartDropdownItemProps, SmartDropdownItemChangeEvent, } from './dropdown-item';
+export { SmartDropdownMenu, SmartDropdownMenuProps } from './dropdown-menu';
+export { SmartEmpty, SmartEmptyProps } from './empty';
+export { SmartField, SmartFieldEvents, SmartFieldExternalClassName, SmartFieldProps, SmartFieldInputEvent, SmartFieldBlurEventDetail, SmartFieldFocusEventDetail, SmartFieldKeyboardHeightChangeEventDetail, SmartFieldLineChangeEventDetail, } from './field';
+export { SmartGrid, SmartGridExternalClassName, SmartGridProps } from './grid';
+export { SmartGridItem, SmartGridItemEvents, SmartGridItemExternalClassName, SmartGridItemProps, } from './grid-item';
+export { SmartIcon, SmartIconEvents, SmartIconExternalClassName, SmartIconProps } from './icon';
+export { SmartImage, SmartImageEvents, SmartImageExternalClassName, SmartImageProps, SmartImageErrorEventDetail, SmartImageLoadEventDetail, } from './image';
+export { SmartIndexAnchor, SmartIndexAnchorProps } from './index-anchor';
+export { SmartIndexBar, SmartIndexBarEvents, SmartIndexBarProps, SmartIndexBarSelectEvent, } from './index-bar';
+export { SmartLoading, SmartLoadingExternalClassName, SmartLoadingProps } from './loading';
+export { SmartNavBar, SmartNavBarEvents, SmartNavBarExternalClassName, SmartNavBarProps, SmartNavBarSlot, } from './nav-bar';
+export { SmartNoticeBarExternalClassName, SmartNoticeBar, SmartNoticeBarEvents, SmartNoticeBarSlot, SmartNoticeBarProps, } from './notice-bar';
+export { SmartNotifyProps, SmartNotify, SmartNotifyOptions } from './notify/notify';
+export { SmartOverlay, SmartOverlayEvents, SmartOverlayProps, SmartOverlaySlot } from './overlay';
+export { SmartPicker, SmartPickerEvents, SmartPickerExternalClassName, SmartPickerSingleColumn, SmartPickerMultipleColumn, SmartPickerProps, SmartPickerBaseEventDetail, SmartPickerChangeEventDetail, } from './picker';
+export { SmartPopup, SmartPopupEvents, SmartPopupExternalClassName, SmartPopupProps, } from './popup';
+export { SmartProgressProps, SmartProgressExternalClassName, SmartProgress } from './progress';
+export { SmartRadio, SmartRadioEvents, SmartRadioExternalClassName, SmartRadioProps, SmartRadioChangeEvent, SmartRadioSlot, } from './radio';
+export { SmartRadioGroup, SmartRadioGroupEvents, SmartRadioGroupProps, SmartRadioGroupChangeEvent, } from './radio-group';
+export { SmartRate, SmartRateEvents, SmartRateExternalClassName, SmartRateProps, SmartRateChangeEvent, } from './rate';
+export { SmartRow, SmartRowExternalClassName, SmartRowProps } from './row';
+export { SmartSearch, SmartSearchEvents, SmartSearchExternalClassName, SmartSearchProps, SmartSearchBaseEvent, } from './search';
+export { SmartSidebar, SmartSidebarEvents, SmartSidebarExternalClassName, SmartSidebarProps, SmartSidebarChangeEvent, } from './sidebar';
+export { SmartSidebarItem, SmartSidebarItemEvents, SmartSidebarItemExternalClassName, SmartSidebarItemProps, SmartSidebarItemClickEvent, } from './sidebar-item';
+export { SmartSkeleton, SmartSkeletonProps } from './skeleton';
+export { SmartSliderProps, SmartSliderChangeEvent, SmartSliderDragEventDetail, SmartSliderEvents, SmartSliderExternalClassName, SmartSlider, } from './slider';
+export { SmartStepper, SmartStepperEvents, SmartStepperExternalClassName, SmartStepperProps, SmartStepperChangeEvent, SmartStepperOverLimitEvent, SmartStepperBlurEventDetail, SmartStepperFocusEventDetail, } from './stepper';
+export { SmartSteps, SmartStepsEvents, SmartStepsExternalClassName, SmartStepsProps, SmartStepsOption, SmartStepsClickStepEvent, } from './steps';
+export { SmartSticky, SmartStickyEvents, SmartStickyProps, SmartStickyScrollEventDetail, } from './sticky';
+export { SmartSwipeCell, SmartSwipeCellEvents, SmartSwipeCellProps, SmartSwipeCellBaseEventDetail, SmartSwipeCellPosition, SmartSwipeCellClickEvent, SmartSwipeCellClickPosition, SmartSwipeCellCloseEventDetail, } from './swipe-cell';
+export { SmartSwitch, SmartSwitchEvents, SmartSwitchExternalClassName, SmartSwitchProps, SmartSwitchChangeEvent, } from './switch';
+export { SmartTab, SmartTabProps } from './tab';
+export { SmartTabbar, SmartTabbarEvents, SmartTabbarProps, SmartTabbarChangeEvent } from './tabbar';
+export { SmartTabbarItem, SmartTabbarItemProps } from './tabbar-item';
+export { SmartTabs, SmartTabsEvents, SmartTabsExternalClassName, SmartTabsProps, SmartTabsScrollEventDetail, SmartTabsBaseEventDetail, SmartTabsBeforeEventDetail, } from './tabs';
+export { SmartTag, SmartTagEvents, SmartTagExternalClassName, SmartTagProps } from './tag';
+export { SmartToast, SmartToastOptions, ToastInstance } from './toast/toast';
+export { SmartTransition, SmartTransitionEvents, SmartTransitionExternalClassName, SmartTransitionProps, } from './transition';
+export { SmartTreeSelect, SmartTreeSelectEvents, SmartTreeSelectExternalClassName, SmartTreeSelectItem, SmartTreeSelectProps, SmartTreeSelectClickNavDetail, } from './tree-select';
+export { SmartCascader, SmartCascaderProps } from './cascader';
+export { SmartBattery, SmartBatteryProps } from './battery';
+export { SmartCustomKeyboard, SmartCustomKeyboardProps, SmartCustomKeyboardEvents, } from './custom-keyboard';
+export { SmartPopover, SmartPopoverEvents, SmartPopoverExternalClassName, SmartPopoverProps, } from './popover';

package/lib/@types/index.js

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

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

@@ -0,0 +1,35 @@
+import { SmartBaseExternalClassName, SmartComponent } from '../base';
+export interface SmartLoadingProps {
+    /**
+     * 颜色
+     *
+     * @default '#c9c9c9'
+     */
+    color?: string;
+    /**
+     * 类型
+     *
+     * @default 'circular'
+     */
+    type?: 'spinner' | 'circular';
+    /**
+     * 加载图标大小，默认单位为 `px`
+     *
+     * @default '30px'
+     */
+    size?: string | number;
+    /**
+     * 文字大小，默认单位为为 `px`
+     *
+     * @default '14px'
+     */
+    textSize?: string | number;
+    /**
+     * 是否垂直排列图标和文字内容
+     *
+     * @default false
+     */
+    vertical?: boolean;
+}
+export type SmartLoadingExternalClassName = SmartBaseExternalClassName;
+export type SmartLoading = SmartComponent<SmartLoadingProps, {}, SmartLoadingExternalClassName>;

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

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

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

@@ -0,0 +1,156 @@
+/// <reference types="react" />
+import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
+export interface SmartNavBarProps {
+    /**
+     * 标题
+     *
+     * @default ''
+     */
+    title?: string;
+    /**
+     * 是否显示圆角
+     *
+     * @version 2.1.0
+     * @default false
+     */
+    round?: boolean;
+    /**
+     * 左侧文案
+     *
+     * @default ''
+     */
+    leftText?: string;
+    /**
+     * 左侧文案样式类型，默认为 back
+     *
+     * @version v2.0.0
+     * @default 'back'
+     */
+    leftTextType?: 'home' | 'title' | 'back';
+    /**
+     * 左侧 Icon
+     *
+     * @version v2.0.0
+     * @default ''
+     */
+    leftIcon?: string;
+    /**
+     * 左侧 Icon 大小，默认为 32
+     *
+     * @version v2.0.0
+     * @default 32
+     */
+    leftIconSize?: string | number;
+    /**
+     * 右侧文案
+     *
+     * @default ''
+     */
+    rightText?: string;
+    /**
+     * 是否显示左侧箭头
+     *
+     * @default false
+     */
+    leftArrow?: boolean;
+    /**
+     * 是否固定在顶部
+     *
+     * @default false
+     */
+    fixed?: boolean;
+    /**
+     * 固定在顶部时是否开启占位
+     *
+     * @default false
+     */
+    placeholder?: boolean;
+    /**
+     * 是否显示下边框
+     *
+     * @default true
+     */
+    border?: boolean;
+    /**
+     * 元素 `z-index`
+     *
+     * @default 1
+     */
+    zIndex?: number;
+    /**
+     * 根节点自定义样式
+     */
+    customStyle?: React.CSSProperties;
+    /**
+     * 是否留出顶部安全距离（状态栏高度）
+     *
+     * @default true
+     */
+    safeAreaInsetTop?: boolean;
+}
+export interface SmartNavBarEvents {
+    /**
+     * 点击左侧按钮时触发
+     */
+    onClickLeft?: SmartEventHandler;
+    /**
+     * 点击右侧按钮时触发
+     */
+    onClickRight?: SmartEventHandler;
+    /**
+     * 点击中央标题时触发
+     *
+     * @version v2.0.0
+     */
+    onClickTitle?: SmartEventHandler;
+    /**
+     * 点击左侧 icon 时触发
+     *
+     * @version v2.0.0
+     */
+    onClickLeftIcon?: SmartEventHandler;
+    /**
+     * 点击左侧文本时触发
+     *
+     * @version v2.0.0
+     */
+    onClickLeftText?: SmartEventHandler;
+}
+export interface SmartNavBarExternalClassName extends SmartBaseExternalClassName {
+    /**
+     * 标题样式类
+     */
+    titleClass?: string;
+    /**
+     * 左侧 Icon 样式类
+     *
+     * @version v2.0.0
+     */
+    leftIconClass?: string;
+    /**
+     * 右侧文字样式类
+     *
+     * @version 2.1.0
+     */
+    rightTextClass?: string;
+}
+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/lib/@types/nav-bar/index.js

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