@ray-js/adapter 1.7.79 → 1.7.81

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

@@ -1,19 +1,69 @@
 import * as React from 'react';
-import { BaseProps, GenericEvent } from '../../types/component.js';
+import { BaseEvent, BaseProps } from '../../types/component';
+/** picker-view 选中项索引数据 */
+export interface PickerViewValueDetail {
+    /** 各列当前选中项的索引数组（下标从 0 开始） */
+    value: number[];
+}
+/** picker-view 值变更事件对象 */
+export interface PickerViewChangeEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'change';
+    /** 事件详情 */
+    detail: PickerViewValueDetail;
+    /** 各列当前选中项的索引数组（与 detail.value 一致） */
+    value: number[];
+}
+/** picker-view 滚动开始事件对象 */
+export interface PickerViewPickstartEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'pickstart';
+    /** 事件详情 */
+    detail: PickerViewValueDetail;
+    /** 各列当前选中项的索引数组（与 detail.value 一致） */
+    value: number[];
+}
+/** picker-view 滚动结束事件对象 */
+export interface PickerViewPickendEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'pickend';
+    /** 事件详情 */
+    detail: PickerViewValueDetail;
+    /** 各列当前选中项的索引数组（与 detail.value 一致） */
+    value: number[];
+}
+/**
+ * 嵌入页面的滚动选择器。其中只可放置 PickerViewColumn 组件，其它节点不会显示。
+ *
+ * @public
+ * @alias PickerView
+ * @since @ray-js/ray 0.5.10
+ * @example 基础用法 ./demos/basic/index.tsx sandbox ide e2e
+ * @example 多列选择 ./demos/multi-column/index.tsx sandbox ide e2e
+ */
 export interface PickerViewProps extends BaseProps {
-    /** 数组中的数字依次表示 picker-view 内的 picker-view-column 选择的第几项（下标从 0 开始），数字大于 picker-view-column 可选项长度时，选择最后一项。 */
+    /** 数组中的数字依次表示 picker-view 内的 picker-view-column 选择的第几项（下标从 0 开始），数字大于 picker-view-column 可选项长度时，选择最后一项 */
     value?: number[];
-    /** 设置选择器中间选中框的样式 */
-    indicatorStyle?: React.CSSProperties;
-    /** 设置蒙层的样式  */
-    maskStyle?: React.CSSProperties;
-    /** 滚动选择时触发 change 事件，event.detail = {value}；value 为数组，表示 picker-view 内的 picker-view-column 当前选择的是第几项（下标从 0 开始） */
-    onChange?: (event: GenericEvent<{
-        value: number[];
-    }>) => any;
-    /** 当滚动选择开始时候触发事件 */
-    onPickstart?: (event: GenericEvent) => any;
-    /** 当滚动选择结束时候触发事件  */
-    onPickend?: (event: GenericEvent) => any;
+    /** 设置选择器中间选中框的样式（对象或 CSS 声明字符串） */
+    indicatorStyle?: string | React.CSSProperties;
+    /** 设置蒙层的样式（对象或 CSS 声明字符串） */
+    maskStyle?: string | React.CSSProperties;
+    /** 滚动选择时触发 */
+    onChange?: (event: PickerViewChangeEvent) => void;
+    /** 当滚动选择开始时触发 */
+    onPickstart?: (event: PickerViewPickstartEvent) => void;
+    /** 当滚动选择结束时触发 */
+    onPickend?: (event: PickerViewPickendEvent) => void;
 }
 export declare const PickerView: React.ComponentType<PickerViewProps>;
+/**
+ * PickerView 组件默认值
+ *
+ * @belong PickerView
+ * @defaults
+ */
+export declare const pickerViewDefaultProps: {
+    value: number[];
+    indicatorStyle: React.CSSProperties;
+    maskStyle: React.CSSProperties;
+};

package/esm/hostComponents/PickerView/index.js

@@ -1,2 +1,13 @@
 import createHostComponent from '../createHostComponent.js';
 export const PickerView = createHostComponent('picker-view');
+/**
+ * PickerView 组件默认值
+ *
+ * @belong PickerView
+ * @defaults
+ */
+export const pickerViewDefaultProps = {
+    value: [],
+    indicatorStyle: {},
+    maskStyle: {},
+};

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

@@ -1,4 +1,14 @@
 import * as React from 'react';
 import { BaseProps } from '../../types/component.js';
-export type PickerViewColumnProps = BaseProps;
+/**
+ * 滚动选择器子项，仅可放置于 PickerView 中，高度自动与选中框一致。
+ *
+ * @public
+ * @alias PickerViewColumn
+ * @since @ray-js/ray 0.5.10
+ * @example 基础用法 ./demos/basic/index.tsx sandbox ide e2e
+ * @example 多列使用 ./demos/multi-column/index.tsx sandbox ide e2e
+ */
+export interface PickerViewColumnProps extends BaseProps {
+}
 export declare const PickerViewColumn: React.ComponentType<PickerViewColumnProps>;

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

@@ -1,14 +1,52 @@
 import * as React from 'react';
 import { BaseProps } from '../../types/component.js';
+/**
+ * 进度条组件，用于展示操作或任务的当前进度。
+ *
+ * @public
+ * @alias Progress
+ * @since @ray-js/ray 0.6.15
+ * @example 基础用法 ./demos/basic/index.tsx sandbox ide e2e
+ *
+ * @example 显示百分比 ./demos/show-percent/index.tsx sandbox ide e2e
+ * @example 自定义样式 ./demos/custom-style/index.tsx sandbox ide e2e
+ * @example 进度动画 ./demos/progress-animation/index.tsx sandbox ide e2e
+ */
 export interface ProgressProps extends BaseProps {
+    /** 当前进度，取值范围 0~100 */
     percent?: number;
+    /** 是否在进度条右侧显示百分比 */
     showInfo?: boolean;
+    /** 圆角大小，默认单位 rpx */
     borderRadius?: number | string;
+    /** 右侧百分比字体大小，默认单位 px */
     fontSize?: number | string;
+    /** 进度条线宽，默认单位 rpx */
     strokeWidth?: number | string;
+    /** 已完成部分的颜色 */
     activeColor?: string;
+    /** 未完成部分的颜色 */
     backgroundColor?: string;
+    /** 是否开启从左到右的进度动画 */
     active?: boolean;
-    activeMode?: string;
+    /** 动画播放模式，`backwards` 从头播放，`forwards` 从上次结束点继续播放 */
+    activeMode?: 'backwards' | 'forwards';
 }
 export declare const Progress: React.ComponentType<ProgressProps>;
+/**
+ * Progress 组件默认值
+ *
+ * @belong Progress
+ * @defaults
+ */
+export declare const progressDefaultProps: {
+    percent: number;
+    showInfo: boolean;
+    borderRadius: number;
+    fontSize: number;
+    strokeWidth: number;
+    activeColor: string;
+    backgroundColor: string;
+    active: boolean;
+    activeMode: string;
+};

package/esm/hostComponents/Progress/index.js

@@ -1,10 +1,27 @@
 import createHostComponent from '../createHostComponent.js';
 export const Progress = createHostComponent('progress');
+/**
+ * Progress 组件默认值
+ *
+ * @belong Progress
+ * @defaults
+ */
+export const progressDefaultProps = {
+    percent: 0,
+    showInfo: false,
+    borderRadius: 0,
+    fontSize: 16,
+    strokeWidth: 6,
+    activeColor: '#007aff',
+    backgroundColor: 'rgba(0,0,0,0.04)',
+    active: false,
+    activeMode: 'backwards',
+};
 Progress.defaultProps = {
     borderRadius: 0,
     fontSize: 16,
     strokeWidth: 6,
     activeColor: '#007aff',
-    backgroundColor: 'rgba(0,0,0,.04)',
+    backgroundColor: 'rgba(0,0,0,0.04)',
     activeMode: 'backwards',
 };

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

@@ -1,14 +1,57 @@
 import * as React from 'react';
-import { BaseProps } from '../../types/component.js';
-type RichTextNode = {
+import { BaseEvent, BaseProps } from '../../types/component';
+/** 富文本元素节点 */
+export interface RichTextNode {
+    /** 标签名 */
     name: string;
-    attrs?: Record<string, unknown>;
+    /** 节点属性 */
+    attrs?: Record<string, string>;
+    /** 子节点列表 */
     children?: RichTextNode[];
-};
+}
+/** 富文本文本节点 */
+export interface RichTextTextNode {
+    /** 节点类型 */
+    type: 'text';
+    /** 文本内容，支持 entities */
+    text: string;
+}
+/** rich-text 选中标签事件数据 */
+export interface RichTextSelectDetail {
+    /** 标签名 */
+    name: string;
+    /** 标签属性 */
+    attrs: Record<string, string>;
+}
+/** rich-text 选中标签事件对象 */
+export interface RichTextSelectEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'select';
+    /** 事件数据 */
+    detail: RichTextSelectDetail;
+}
+/**
+ * 富文本组件，用于渲染富文本内容。
+ *
+ * @public
+ * @alias RichText
+ * @since @ray-js/ray 0.5.10
+ * @example 基础用法 ./demos/basic/index.tsx sandbox ide e2e
+ * @example HTML String 格式 ./demos/html-string/index.tsx sandbox ide e2e
+ * @example 文本节点列表格式 ./demos/node-list/index.tsx sandbox ide e2e
+ * @example 点击标签事件 ./demos/tap-event/index.tsx sandbox ide e2e
+ */
 export interface RichTextProps extends BaseProps {
-    /** 节点列表/HTML String，现支持两种节点，通过 type 来区分，分别是元素节点和文本节点，默认是元素节点，在富文本区域里显示的 HTML 节点。 */
+    /** 节点列表（元素/文本节点数组）或 HTML 字符串 */
     nodes?: string | RichTextNode[];
-    onSelect?: (e: any) => void;
+    /** 点击富文本内标签时触发 */
+    onSelect?: (event: RichTextSelectEvent) => void;
 }
 export declare const RichText: React.ComponentType<RichTextProps>;
-export {};
+/**
+ * RichText 组件默认值
+ *
+ * @belong RichText
+ * @defaults
+ */
+export declare const richTextDefaultProps: {};

package/esm/hostComponents/RichText/index.js

@@ -1,3 +1,10 @@
 import createHostComponent from '../createHostComponent.js';
 export const RichText = createHostComponent('rich-text');
+/**
+ * RichText 组件默认值
+ *
+ * @belong RichText
+ * @defaults
+ */
+export const richTextDefaultProps = {};
 RichText.defaultProps = {};

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

@@ -1,75 +1,211 @@
 import * as React from 'react';
-import { BaseProps, GenericEvent } from '../../types/component.js';
+import { BaseEvent, BaseProps } from '../../types/component';
+export interface ScrollDetail {
+    /** 横向滚动位置 */
+    scrollLeft: number;
+    /** 纵向滚动位置 */
+    scrollTop: number;
+    /** 滚动内容高度 */
+    scrollHeight: number;
+    /** 滚动内容宽度 */
+    scrollWidth: number;
+    /** 横向滚动变化量 */
+    deltaX: number;
+    /** 纵向滚动变化量 */
+    deltaY: number;
+}
+/**
+ * 滚动事件对象
+ */
+export interface ScrollEvent extends BaseEvent, ScrollDetail {
+    /** 事件类型 */
+    type: 'scroll';
+    /** 滚动事件详情数据 */
+    detail: ScrollDetail;
+}
+export interface ScrollDirectionDetail {
+    /** 滚动方向 */
+    direction: 'top' | 'left' | 'bottom' | 'right';
+}
+export interface ScrolltoupperEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'scrolltoupper';
+    /** 滚动事件详情数据 */
+    detail: ScrollDirectionDetail;
+}
+export interface ScrolltolowerEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'scrolltolower';
+    /** 滚动事件详情数据 */
+    detail: ScrollDirectionDetail;
+}
+export interface RefresherPullingEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'refresherpulling';
+}
+export interface RefresherRefreshEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'refresherrefresh';
+}
+export interface RefresherRestoreEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'refresherrestore';
+}
+export interface RefresherAbortEvent extends BaseEvent {
+    /** 事件类型 */
+    type: 'refresherabort';
+}
+/**
+ * 可滚动视图容器，支持横向或纵向滚动，可配置下拉刷新、滚动事件监听等功能。
+ *
+ * @public
+ * @alias ScrollView
+ * @since @ray-js/ray 0.5.10
+ * @example 基础用法 ./demos/basic/index.tsx sandbox ide e2e
+ * @example 下拉刷新 ./demos/pull-refresh/index.tsx sandbox ide e2e
+ * @example 横向滚动 ./demos/horizontal-scroll/index.tsx sandbox ide e2e
+ * @example 滚动到指定位置 ./demos/scroll-to/index.tsx sandbox ide
+ */
 export interface ScrollViewProps extends BaseProps {
+    /** 允许横向滚动 */
     scrollX?: boolean;
+    /** 允许纵向滚动 */
     scrollY?: boolean;
+    /** 距顶部/左边多远时，触发 scrolltoupper 事件 */
     upperThreshold?: number | string;
+    /** 距底部/右边多远时，触发 scrolltolower 事件 */
     lowerThreshold?: number | string;
+    /** 设置竖向滚动条位置 */
     scrollTop?: number | string;
+    /** 设置横向滚动条位置 */
     scrollLeft?: number | string;
+    /** 值应为某子元素 id（id 不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素 */
     scrollIntoView?: string;
+    /**
+     * 跳转到 scrollIntoView 目标节点时的额外偏移，单位 px
+     * @since 1.7.58
+     */
     scrollIntoViewOffset?: number;
+    /** 在设置滚动条位置时使用动画过渡 */
     scrollWithAnimation?: boolean;
-    onScroll?: (event: GenericEvent & {
-        type: 'scroll';
-        scrollLeft: number;
-        scrollTop: number;
-        scrollHeight: number;
-        scrollWidth: number;
-        deltaX: number;
-        deltaY: number;
-        origin: any;
-    }) => void;
-    onScrollToUpper?: (event: GenericEvent & {
-        type: 'scrolltoupper';
-        direction: 'top' | 'left';
-        origin: any;
-    }) => void;
-    onScrollToLower?: (event: GenericEvent & {
-        type: 'scrolltolower';
-        direction: 'bottom' | 'right';
-        origin: any;
-    }) => void;
+    /** 滚动时触发 */
+    onScroll?: (event: ScrollEvent) => void;
+    /** 滚动到顶部/左边时触发 */
+    onScrollToUpper?: (event: ScrolltoupperEvent) => void;
+    /** 滚动到底部/右边时触发 */
+    onScrollToLower?: (event: ScrolltolowerEvent) => void;
+    /**
+     * iOS 点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向滚动
+     *
+     * @internal
+     */
     enableBackToTop?: boolean;
+    /**
+     * 启用 flexbox 布局。开启后，当前节点声明了 display:flex 就会成为 flex container，并作用于其孩子节点
+     *
+     * @internal
+     */
     enableFlex?: boolean;
+    /**
+     * 开启自定义下拉刷新
+     * @since 0.9.3
+     */
     refresherEnabled?: boolean;
+    /**
+     * 设置自定义下拉刷新阈值
+     * @since 0.9.3
+     */
     refresherThreshold?: number;
-    refresherDefaultStyle?: string;
+    /**
+     * 设置自定义下拉刷新默认样式，支持设置 black、white、none，none 表示不使用默认样式
+     * @since 0.9.3
+     */
+    refresherDefaultStyle?: 'black' | 'white' | 'none' | 'auto';
+    /**
+     * 设置自定义下拉刷新区域背景颜色
+     * @since 0.9.3
+     */
     refresherBackground?: string;
+    /**
+     * 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发
+     * @since 0.9.3
+     */
     refresherTriggered?: boolean;
+    /** 隐藏滚动条 */
     hideScrollbar?: boolean;
+    /**
+     * 是否启用iOS滚动回弹效果（iOS 16.0+ 完全支持）
+     * @since 1.7.58
+     */
     bounces?: boolean;
-    onRefresherPulling?: (event: GenericEvent & {
-        type: 'refresherpulling';
-        origin: any;
-    }) => void;
-    onRefresherpulling?: (event: GenericEvent & {
-        type: 'refresherpulling';
-        origin: any;
-    }) => void;
-    onRefresherRefresh?: (event: GenericEvent & {
-        type: 'refresherrefresh';
-        origin: any;
-    }) => void;
-    onRefresherrefresh?: (event: GenericEvent & {
-        type: 'refresherrefresh';
-        origin: any;
-    }) => void;
-    onRefresherRestore?: (event: GenericEvent & {
-        type: 'refresherrestore';
-        origin: any;
-    }) => void;
-    onRefresherrestore?: (event: GenericEvent & {
-        type: 'refresherrestore';
-        origin: any;
-    }) => void;
-    onRefresherAbort?: (event: GenericEvent & {
-        type: 'refresherabort';
-        origin: any;
-    }) => void;
-    onRefresherabort?: (event: GenericEvent & {
-        type: 'refresherabort';
-        origin: any;
-    }) => void;
+    /**
+     * 自定义下拉刷新控件被下拉时触发
+     * @since 0.9.3
+     */
+    onRefresherpulling?: (event: RefresherPullingEvent) => void;
+    /**
+     * 自定义下拉刷新控件被下拉时触发
+     *
+     * @internal
+     */
+    onRefresherPulling?: (event: RefresherPullingEvent) => void;
+    /**
+     * 自定义下拉刷新被触发时触发
+     * @since 0.9.3
+     */
+    onRefresherrefresh?: (event: RefresherRefreshEvent) => void;
+    /**
+     * 自定义下拉刷新被触发时触发
+     *
+     * @internal
+     */
+    onRefresherRefresh?: (event: RefresherRefreshEvent) => void;
+    /**
+     * 自定义下拉刷新被复位时触发
+     * @since 0.9.3
+     */
+    onRefresherrestore?: (event: RefresherRestoreEvent) => void;
+    /**
+     * 自定义下拉刷新被复位时触发
+     *
+     * @internal
+     */
+    onRefresherRestore?: (event: RefresherRestoreEvent) => void;
+    /**
+     * 自定义下拉刷新被中止时触发
+     * @since 0.9.3
+     */
+    onRefresherabort?: (event: RefresherAbortEvent) => void;
+    /**
+     * 自定义下拉刷新被中止
+     * @internal
+     * @deprecated 请使用 onRefresherabort
+     */
+    onRefresherAbort?: (event: RefresherAbortEvent) => void;
 }
 export declare const ScrollView: React.ComponentType<ScrollViewProps>;
+/**
+ * ScrollView 组件默认值
+ *
+ * @belong ScrollView
+ * @defaults
+ */
+export declare const scrollViewDefaultProps: {
+    scrollX: boolean;
+    scrollY: boolean;
+    scrollTop: number;
+    scrollLeft: number;
+    scrollIntoViewOffset: number;
+    scrollWithAnimation: boolean;
+    upperThreshold: number;
+    lowerThreshold: number;
+    enableBackToTop: boolean;
+    enableFlex: boolean;
+    hideScrollbar: boolean;
+    bounces: boolean;
+    refresherEnabled: boolean;
+    refresherThreshold: number;
+    refresherDefaultStyle: string;
+    refresherBackground: string;
+    refresherTriggered: boolean;
+};

package/esm/hostComponents/ScrollView/index.js

@@ -1,5 +1,30 @@
 import createHostComponent from '../createHostComponent.js';
 export const ScrollView = createHostComponent('scroll-view');
+/**
+ * ScrollView 组件默认值
+ *
+ * @belong ScrollView
+ * @defaults
+ */
+export const scrollViewDefaultProps = {
+    scrollX: false,
+    scrollY: false,
+    scrollTop: 0,
+    scrollLeft: 0,
+    scrollIntoViewOffset: 0,
+    scrollWithAnimation: false,
+    upperThreshold: 50,
+    lowerThreshold: 50,
+    enableBackToTop: false,
+    enableFlex: false,
+    hideScrollbar: true,
+    bounces: true,
+    refresherEnabled: false,
+    refresherThreshold: 45,
+    refresherDefaultStyle: 'black',
+    refresherBackground: '#FFF',
+    refresherTriggered: false,
+};
 ScrollView.defaultProps = {
     upperThreshold: 50,
     lowerThreshold: 50,

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

@@ -1,4 +1,5 @@
 export declare const alias: {
+    disabled: string;
     min: string;
     max: string;
     step: string;

package/esm/hostComponents/Slider/node.js

@@ -1,3 +1,3 @@
 import { universalAlias } from '../universal.js';
-export const alias = Object.assign(Object.assign({}, universalAlias), { min: 'min', max: 'max', step: 'step', value: 'value', color: 'color', selectedColor: 'selected-color', activeColor: 'active-color', backgroundColor: 'background-color', blockColor: 'block-color', blockSize: 'block-size', showValue: 'show-value', onChange: 'bind:change', onChanging: 'bind:changing' });
+export const alias = Object.assign(Object.assign({}, universalAlias), { disabled: 'disabled', min: 'min', max: 'max', step: 'step', value: 'value', color: 'color', selectedColor: 'selected-color', activeColor: 'active-color', backgroundColor: 'background-color', blockColor: 'block-color', blockSize: 'block-size', showValue: 'show-value', onChange: 'bind:change', onChanging: 'bind:changing' });
 export const props = Object.values(alias);

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

@@ -1,6 +1,21 @@
 import * as React from 'react';
 import { BaseProps } from '../../types/component.js';
+/**
+ * SVG 源码渲染组件
+ *
+ * @internal
+ */
 export interface SvgRenderProps extends BaseProps {
-    source: string;
+    /** SVG 源码字符串，须为完整的 `<svg>...</svg>` 片段 */
+    source?: string;
 }
 export declare const SvgRender: React.ComponentType<SvgRenderProps>;
+/**
+ * SvgRender 组件默认值
+ *
+ * @belong SvgRender
+ * @defaults
+ */
+export declare const svgRenderDefaultProps: {
+    source: string;
+};

package/esm/hostComponents/SvgRender/index.js

@@ -1,2 +1,14 @@
 import createHostComponent from '../createHostComponent.js';
 export const SvgRender = createHostComponent('svg-render');
+/**
+ * SvgRender 组件默认值
+ *
+ * @belong SvgRender
+ * @defaults
+ */
+export const svgRenderDefaultProps = {
+    source: '',
+};
+SvgRender.defaultProps = {
+    source: '',
+};

package/esm/hostComponents/Swiper/node.js

@@ -1,3 +1,3 @@
 import { universalAlias } from '../universal.js';
-export const alias = Object.assign(Object.assign({}, universalAlias), { id: 'id', className: 'class', animation: 'animation', style: 'style', indicatorDots: 'indicator-dots', indicatorColor: 'indicator-color', indicatorActiveColor: 'indicator-active-color', autoplay: 'autoplay', current: 'current', interval: 'interval', duration: 'duration', circular: 'circular', vertical: 'vertical', previousMargin: 'previous-margin', nextMargin: 'next-margin', snapToEdge: 'snap-to-edge', displayMultipleItems: 'display-multiple-items', onChange: 'bind:change', onTransition: 'bingtransition', onAnimationFinish: 'bind:animationfinish', onTap: 'bind:tap', onClick: 'bind:tap' });
+export const alias = Object.assign(Object.assign({}, universalAlias), { id: 'id', className: 'class', animation: 'animation', style: 'style', indicatorDots: 'indicator-dots', indicatorColor: 'indicator-color', indicatorActiveColor: 'indicator-active-color', autoplay: 'autoplay', current: 'current', interval: 'interval', duration: 'duration', circular: 'circular', vertical: 'vertical', previousMargin: 'previous-margin', nextMargin: 'next-margin', snapToEdge: 'snap-to-edge', displayMultipleItems: 'display-multiple-items', onChange: 'bind:change', onTransition: 'bind:transition', onAnimationFinish: 'bind:animationfinish', onTap: 'bind:tap', onClick: 'bind:tap' });
 export const props = Object.values(alias);