@rsmax/ali 1.3.12 → 1.3.13

package/esm/hostComponents/Canvas/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface CanvasProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/CheckboxGroup/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface CheckboxGroupProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/ContactButton/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface ContactButtonProps {
     readonly dataset?: DOMStringMap;
     tntInstId: string;

package/esm/hostComponents/CoverImage/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface CoverImageProps {
     readonly dataset?: DOMStringMap;
     className?: string;

package/esm/hostComponents/CoverView/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface CoverViewProps {
     readonly dataset?: DOMStringMap;
     className?: string;

package/esm/hostComponents/ErrorView/index.d.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+export interface ErrorViewProps {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    fullscreen?: boolean;
+    type?: 'default' | 'busy' | 'error' | 'network' | 'trade';
+    message?: string;
+    titleColor?: string;
+    messageColor?: string;
+    dataUrl?: string;
+    dataStatus?: string;
+    dataMessage?: string;
+    children?: React.ReactNode;
+}
+export declare const ErrorView: React.ComponentType<ErrorViewProps>;

package/esm/hostComponents/ErrorView/index.js

@@ -0,0 +1,5 @@
+import { createHostComponent } from '@rsmax/runtime';
+export const ErrorView = createHostComponent('error-view');
+ErrorView.defaultProps = {
+    type: 'default',
+};

package/esm/hostComponents/ErrorView/node.d.ts

@@ -0,0 +1,14 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    fullscreen: string;
+    type: string;
+    message: string;
+    titleColor: string;
+    messageColor: string;
+    dataUrl: string;
+    dataStatus: string;
+    dataMessage: string;
+};
+export declare const props: string[];

package/esm/hostComponents/ErrorView/node.js

@@ -0,0 +1,15 @@
+import { unique } from '@rsmax/shared';
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    fullscreen: 'fullscreen',
+    type: 'type',
+    message: 'message',
+    titleColor: 'title-color',
+    messageColor: 'message-color',
+    dataUrl: 'data-url',
+    dataStatus: 'data-status',
+    dataMessage: 'data-message',
+};
+export const props = unique(Object.values(alias));

package/esm/hostComponents/Form/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface FormProps {
     readonly dataset?: DOMStringMap;
     className?: string;

package/esm/hostComponents/Icon/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface IconProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/Image/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface ImageProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/Input/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface InputProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/JoinGroupChat/index.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+export interface JoinGroupChatProps {
+    templateId: string;
+}
+export declare const JoinGroupChat: React.ComponentType<JoinGroupChatProps>;

package/esm/hostComponents/JoinGroupChat/index.js

@@ -0,0 +1,2 @@
+import { createHostComponent } from '@rsmax/runtime';
+export const JoinGroupChat = createHostComponent('join-group-chat');

package/esm/hostComponents/JoinGroupChat/node.d.ts

@@ -0,0 +1,4 @@
+export declare const alias: {
+    templateId: string;
+};
+export declare const props: string[];

package/esm/hostComponents/JoinGroupChat/node.js

@@ -0,0 +1,5 @@
+import { unique } from '@rsmax/shared';
+export const alias = {
+    templateId: 'template-id',
+};
+export const props = unique(Object.values(alias));

package/esm/hostComponents/Label/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface LabelProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/Lifestyle/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface LifestyleProps {
     readonly dataset?: DOMStringMap;
     publicId: string;

package/esm/hostComponents/Lottie/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface LottieProps {
     id?: string;
     className?: string;

package/esm/hostComponents/Map/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface MapMarker {
     readonly dataset?: DOMStringMap;
     id?: number;

package/esm/hostComponents/MatchMedia/index.d.ts

@@ -0,0 +1,15 @@
+import type React from 'react';
+export interface MatchMediaProps {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    minWidth?: number;
+    maxWidth?: number;
+    width?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    height?: number;
+    orientation?: 'landscape' | 'portrait';
+    children?: React.ReactNode;
+}
+export declare const MatchMedia: React.ComponentType<MatchMediaProps>;

package/esm/hostComponents/MatchMedia/index.js

@@ -0,0 +1,2 @@
+import { createHostComponent } from '@rsmax/runtime';
+export const MatchMedia = createHostComponent('match-media');

package/esm/hostComponents/MatchMedia/node.d.ts

@@ -0,0 +1,13 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    minWidth: string;
+    maxWidth: string;
+    width: string;
+    minHeight: string;
+    maxHeight: string;
+    height: string;
+    orientation: string;
+};
+export declare const props: string[];

package/esm/hostComponents/MatchMedia/node.js

@@ -0,0 +1,14 @@
+import { unique } from '@rsmax/shared';
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    minWidth: 'min-width',
+    maxWidth: 'max-width',
+    width: 'width',
+    minHeight: 'min-height',
+    maxHeight: 'max-height',
+    height: 'height',
+    orientation: 'orientation',
+};
+export const props = unique(Object.values(alias));

package/esm/hostComponents/MovableArea/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface MovableAreaProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/MovableView/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface MovableViewProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/Navigator/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface NavigatorProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/PageContainer/index.d.ts

@@ -0,0 +1,42 @@
+import type React from 'react';
+export interface PageContainerProps {
+    /** 是否显示容器组件 */
+    show?: boolean;
+    /** 动画时长，单位毫秒 */
+    duration?: number;
+    /** z-index 层级 */
+    zIndex?: number;
+    /** 是否显示遮罩层 */
+    overlay?: boolean;
+    /** 弹出位置，可选值为 top bottom right center */
+    position?: 'top' | 'bottom' | 'right' | 'center';
+    /** 是否显示圆角 */
+    round?: boolean;
+    /** 是否在下滑一段距离后关闭 */
+    closeOnSlideDown?: boolean;
+    /** 自定义遮罩层样式 */
+    overlayStyle?: string;
+    /** 自定义弹出层样式 */
+    customStyle?: string;
+    /** 进入前触发 */
+    onBeforeEnter?: (e: any) => void;
+    /** 进入中触发  */
+    onEnter?: (e: any) => void;
+    /** 进入后触发  */
+    onAfterEnter?: (e: any) => void;
+    /** 离开前触发  */
+    onBeforeLeave?: (e: any) => void;
+    /** 离开中触发  */
+    onLeave?: (e: any) => void;
+    /** 离开被打断时触发 */
+    onLeaveCancelled?: (e: any) => void;
+    /** 离开后触发  */
+    onAfterLeave?: (e: any) => void;
+    /** 点击遮罩层触发 */
+    onClickOverlay?: (e: any) => void;
+    children?: React.ReactNode;
+}
+/**
+ * @see https://opendocs.alipay.com/mini/04ne6j?pathHash=699942d6
+ */
+export declare const PageContainer: React.ComponentType<PageContainerProps>;

package/esm/hostComponents/PageContainer/index.js

@@ -0,0 +1,14 @@
+import { createHostComponent } from '@rsmax/runtime';
+/**
+ * @see https://opendocs.alipay.com/mini/04ne6j?pathHash=699942d6
+ */
+export const PageContainer = createHostComponent('page-container');
+PageContainer.defaultProps = {
+    show: false,
+    duration: 300,
+    zIndex: 100,
+    overlay: true,
+    position: 'bottom',
+    round: false,
+    closeOnSlideDown: false,
+};

package/esm/hostComponents/PageContainer/node.d.ts

@@ -0,0 +1,19 @@
+export declare const alias: {
+    show: string;
+    duration: string;
+    zIndex: string;
+    overlay: string;
+    position: string;
+    round: string;
+    closeOnSlideDown: string;
+    overlayStyle: string;
+    customStyle: string;
+    onBeforeEnter: string;
+    onEnter: string;
+    onAfterEnter: string;
+    onBeforeLeave: string;
+    onLeave: string;
+    onAfterLeave: string;
+    onClickOverlay: string;
+};
+export declare const props: string[];

package/esm/hostComponents/PageContainer/node.js

@@ -0,0 +1,19 @@
+export const alias = {
+    show: 'show',
+    duration: 'duration',
+    zIndex: 'z-index',
+    overlay: 'overlay',
+    position: 'position',
+    round: 'round',
+    closeOnSlideDown: 'close-on-slideDown',
+    overlayStyle: 'overlay-style',
+    customStyle: 'custom-style',
+    onBeforeEnter: 'onBeforeEnter',
+    onEnter: 'onEnter',
+    onAfterEnter: 'onAfterEnter',
+    onBeforeLeave: 'onBeforeLeave',
+    onLeave: 'onLeave',
+    onAfterLeave: 'onAfterLeave',
+    onClickOverlay: 'onClickOverlay',
+};
+export const props = Object.values(alias);

package/esm/hostComponents/PageMeta/index.d.ts

@@ -0,0 +1,30 @@
+import type React from 'react';
+export interface PageMetaProps {
+    /** 窗口的背景色，必须为十六进制颜色值 */
+    backgroundColor?: string;
+    /** 顶部窗口的背景色，必须为十六进制颜色值，仅 iOS 支持 */
+    backgroundColorTop?: string;
+    /** 底部窗口的背景色，必须为十六进制颜色值，仅 iOS 支持 */
+    backgroundColorBottom?: string;
+    /** 页面内容的背景色，用于页面中的空白部分和页面大小变化 resize 动画期间的临时空闲区域 */
+    rootBackgroundColor?: string;
+    /** 滚动位置，可以使用 px 或者 rpx 为单位，在被设置时，页面会滚动到对应位置。 */
+    scrollTop?: string;
+    /** 滚动动画时长 默认值： 300 */
+    scrollDuration?: number;
+    /** 页面根节点样式，页面根节点是所有页面节点的祖先节点，相当于 HTML 中的 body 节点。 */
+    pageStyle?: string;
+    /** 页面 page 的字体大小，可以设置为system，表示使用当前用户设置的支付宝字体大小。 */
+    pageFontSize?: string;
+    /** 页面的根字体大小，页面中的所有 rem 单位，将使用这个字体大小作为参考值，即 1rem 等于这个字体大小；可以设置为 system，表示使用当前用户设置的支付宝字体大小。 */
+    rootFontSize?: string;
+    /** 页面滚动时触发，event.detail = { scrollTop } */
+    onScroll?: (e: any) => any;
+    children?: React.ReactNode;
+}
+/**
+ * 页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。
+ * 通过这个节点可以获得类似于调用 my.setBackgroundTextStyle、my.setBackgroundColor 等接口调用的效果。
+ * @see https://opendocs.alipay.com/mini/component/pagemeta?pathHash=04c010d0
+ */
+export declare const PageMeta: React.ComponentType<PageMetaProps>;

package/esm/hostComponents/PageMeta/index.js

@@ -0,0 +1,10 @@
+import { createHostComponent } from '@rsmax/runtime';
+/**
+ * 页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。
+ * 通过这个节点可以获得类似于调用 my.setBackgroundTextStyle、my.setBackgroundColor 等接口调用的效果。
+ * @see https://opendocs.alipay.com/mini/component/pagemeta?pathHash=04c010d0
+ */
+export const PageMeta = createHostComponent('page-meta');
+PageMeta.defaultProps = {
+    scrollDuration: 300,
+};

package/esm/hostComponents/PageMeta/node.d.ts

@@ -0,0 +1,17 @@
+export declare const alias: {
+    backgroundTextStyle: string;
+    backgroundColor: string;
+    backgroundColorTop: string;
+    backgroundColorBottom: string;
+    rootBackgroundColor: string;
+    scrollTop: string;
+    scrollDuration: string;
+    pageStyle: string;
+    pageFontSize: string;
+    rootFontSize: string;
+    pageOrientation: string;
+    onResize: string;
+    onScroll: string;
+    onScrollDone: string;
+};
+export declare const props: string[];

package/esm/hostComponents/PageMeta/node.js

@@ -0,0 +1,17 @@
+export const alias = {
+    backgroundTextStyle: 'background-text-style',
+    backgroundColor: 'background-color',
+    backgroundColorTop: 'background-color-top',
+    backgroundColorBottom: 'background-color-bottom',
+    rootBackgroundColor: 'root-background-color',
+    scrollTop: 'scroll-top',
+    scrollDuration: 'scroll-duration',
+    pageStyle: 'page-style',
+    pageFontSize: 'page-font-size',
+    rootFontSize: 'root-font-size',
+    pageOrientation: 'page-orientation',
+    onResize: 'bindresize',
+    onScroll: 'bindscroll',
+    onScrollDone: 'bindscrolldone',
+};
+export const props = Object.values(alias);

package/esm/hostComponents/Picker/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface PickerProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/PickerView/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface PickerViewProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/PickerViewColumn/index.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import type React from 'react';
 export declare const PickerViewColumn: React.ComponentType<any>;

package/esm/hostComponents/Progress/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface ProgressProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/Radio/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface RadioProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/RadioGroup/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface RadioGroupProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/RichText/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface RichTextNode {
     readonly dataset?: DOMStringMap;
     type?: string;

package/esm/hostComponents/RootPortal/index.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+/**
+ * 基础库 2.8.3 开始支持，低版本需要做 兼容处理。
+ * Native 渲染引擎：暂不支持。可以通过my.canIUse('root-portal')判断是否支持。
+ * https://opendocs.alipay.com/mini/05snwp?pathHash=bccb8999
+ */
+export interface RootPortalProps {
+    /**
+     * 是否从页面中脱离出来
+     */
+    enable?: boolean;
+}
+export declare const RootPortal: React.ComponentType<RootPortalProps>;

package/esm/hostComponents/RootPortal/index.js

@@ -0,0 +1,5 @@
+import { createHostComponent } from '@rsmax/runtime';
+export const RootPortal = createHostComponent('root-portal');
+RootPortal.defaultProps = {
+    enable: true,
+};

package/esm/hostComponents/RootPortal/node.d.ts

@@ -0,0 +1,16 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    space: string;
+    onTap: string;
+    onClick: string;
+    onTouchStart: string;
+    onTouchMove: string;
+    onTouchEnd: string;
+    onTouchCancel: string;
+    onLongTap: string;
+    onLongClick: string;
+};
+export declare const props: string[];

package/esm/hostComponents/RootPortal/node.js

@@ -0,0 +1,16 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    space: 'space',
+    onTap: 'onTap',
+    onClick: 'onTap',
+    onTouchStart: 'onTouchStart',
+    onTouchMove: 'onTouchMove',
+    onTouchEnd: 'onTouchEnd',
+    onTouchCancel: 'onTouchCancel',
+    onLongTap: 'onLongTap',
+    onLongClick: 'onLongClick',
+};
+export const props = Object.values(alias);

package/esm/hostComponents/ScrollView/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface ScrollViewProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/ShareElement/index.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+export interface ShareElementProps {
+    /** 映射标记  */
+    key: string;
+    /** 是否进行动画  */
+    transform?: boolean;
+    /** 动画时长，单位毫秒  */
+    duration?: number;
+    /** css缓动函数  */
+    easingFunction?: string;
+}
+/** @see https://opendocs.alipay.com/mini/04y2ya?pathHash=a4fa18ca */
+export declare const ShareElement: React.ComponentType<ShareElementProps>;

package/esm/hostComponents/ShareElement/index.js

@@ -0,0 +1,8 @@
+import { createHostComponent } from '@rsmax/runtime';
+/** @see https://opendocs.alipay.com/mini/04y2ya?pathHash=a4fa18ca */
+export const ShareElement = createHostComponent('share-element');
+ShareElement.defaultProps = {
+    transform: false,
+    duration: 300,
+    easingFunction: 'ease-out',
+};

package/esm/hostComponents/ShareElement/node.d.ts

@@ -0,0 +1,7 @@
+export declare const alias: {
+    key: string;
+    transform: string;
+    duration: string;
+    easingFunction: string;
+};
+export declare const props: string[];

package/esm/hostComponents/ShareElement/node.js

@@ -0,0 +1,7 @@
+export const alias = {
+    key: 'key',
+    transform: 'transform',
+    duration: 'duration',
+    easingFunction: 'easing-function',
+};
+export const props = Object.values(alias);

package/esm/hostComponents/Slider/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface SliderProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/SubscribeMessage/index.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+export interface SubscribeMessageProps {
+    templateId: string;
+    onComplete?: (e: any) => void;
+}
+export declare const SubscribeMessage: React.ComponentType<SubscribeMessageProps>;

package/esm/hostComponents/SubscribeMessage/index.js

@@ -0,0 +1,2 @@
+import { createHostComponent } from '@rsmax/runtime';
+export const SubscribeMessage = createHostComponent('subscribe-message');

package/esm/hostComponents/SubscribeMessage/node.d.ts

@@ -0,0 +1,5 @@
+export declare const alias: {
+    templateId: string;
+    onComplete: string;
+};
+export declare const props: string[];

package/esm/hostComponents/SubscribeMessage/node.js

@@ -0,0 +1,6 @@
+import { unique } from '@rsmax/shared';
+export const alias = {
+    templateId: 'template-id',
+    onComplete: 'onComplete',
+};
+export const props = unique(Object.values(alias));

package/esm/hostComponents/Swiper/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface SwiperProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/SwiperItem/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface SwiperItemProps {
     readonly dataset?: DOMStringMap;
     id?: string;

package/esm/hostComponents/Text/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface TextProps {
     readonly dataset?: DOMStringMap;
     id?: string;