@rsmax/wechat 1.0.1

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface ProgressProps extends BaseProps {
+    /** 百分比0~100 1.0.0 */
+    percent?: number;
+    /** 在进度条右侧显示百分比 1.0.0 */
+    showInfo?: boolean;
+    /** 圆角大小 2.3.1 */
+    borderRadius?: number | string;
+    /** (default: 16) 右侧百分比字体大小 2.3.1 */
+    fontSize?: number | string;
+    /** (default: 6) 进度条线的宽度 1.0.0 */
+    strokeWidth?: number | string;
+    /** (default: #09BB07) 进度条颜色（请使用activeColor） 1.0.0 */
+    color?: string;
+    /** (default: #09BB07) 已选择的进度条的颜色 1.0.0 */
+    activeColor?: string;
+    /** (default: #EBEBEB) 未选择的进度条的颜色 1.0.0 */
+    backgroundColor?: string;
+    /** (default: false) 进度条从左往右的动画 1.0.0 */
+    active?: boolean;
+    /** (default: backwards) backwards: 动画从头播；forwards：动画从上次结束点接着播 1.7.0 */
+    activeMode?: 'backwards' | 'forwards';
+    /**
+     * 进度增加1%所需毫秒数	2.8.2
+     */
+    duration?: number;
+    /** 动画完成事件 2.4.1 */
+    onActiveEnd?: (event: GenericEvent) => any;
+}
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/progress.html
+ */
+export declare const Progress: React.ComponentType<ProgressProps>;

package/esm/hostComponents/Progress/index.js

@@ -0,0 +1,17 @@
+import { createHostComponent } from '@rsmax/runtime';
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/progress.html
+ */
+export const Progress = createHostComponent('progress');
+Progress.defaultProps = {
+    showInfo: false,
+    borderRadius: 0,
+    fontSize: 16,
+    strokeWidth: 6,
+    color: '#09BB07',
+    activeColor: '#09BB07',
+    backgroundColor: '#EBEBEB',
+    active: false,
+    activeMode: 'backwards',
+    duration: 30,
+};

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

@@ -0,0 +1,19 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    percent: string;
+    showInfo: string;
+    borderRadius: string;
+    fontSize: string;
+    strokeWidth: string;
+    color: string;
+    activeColor: string;
+    backgroundColor: string;
+    active: string;
+    activeMode: string;
+    duration: string;
+    onActiveEnd: string;
+};
+export declare const props: string[];

package/esm/hostComponents/Progress/node.js

@@ -0,0 +1,19 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    percent: 'percent',
+    showInfo: 'show-info',
+    borderRadius: 'border-radius',
+    fontSize: 'font-size',
+    strokeWidth: 'stroke-width',
+    color: 'color',
+    activeColor: 'activeColor',
+    backgroundColor: 'backgroundColor',
+    active: 'active',
+    activeMode: 'active-mode',
+    duration: 'duration',
+    onActiveEnd: 'bindactiveend',
+};
+export const props = Object.values(alias);

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BaseProps } from '../../types/component';
+export interface RadioProps extends BaseProps {
+    name?: string;
+    /** radio 标识。当该radio 选中时，radio-group 的 change 事件会携带radio的value 1.0.0 */
+    value?: string;
+    /** (default: false) 当前是否选中 1.0.0 */
+    checked?: boolean;
+    /** (default: false) 是否禁用 1.0.0 */
+    disabled?: boolean;
+    /** (default: #09BB07) radio的颜色，同css的color 1.0.0 */
+    color?: string;
+}
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/radio.html
+ */
+export declare const Radio: React.ComponentType<RadioProps>;

package/esm/hostComponents/Radio/index.js

@@ -0,0 +1,10 @@
+import { createHostComponent } from '@rsmax/runtime';
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/radio.html
+ */
+export const Radio = createHostComponent('radio');
+Radio.defaultProps = {
+    checked: false,
+    disabled: false,
+    color: '#09BB07',
+};

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

@@ -0,0 +1,12 @@
+export declare const alias: {
+    id: string;
+    name: string;
+    className: string;
+    style: string;
+    animation: string;
+    value: string;
+    checked: string;
+    disabled: string;
+    color: string;
+};
+export declare const props: string[];

package/esm/hostComponents/Radio/node.js

@@ -0,0 +1,12 @@
+export const alias = {
+    id: 'id',
+    name: 'name',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    value: 'value',
+    checked: 'checked',
+    disabled: 'disabled',
+    color: 'color',
+};
+export const props = Object.values(alias);

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface RadioGroupProps extends BaseProps {
+    name?: string;
+    /** checkbox-group中选中项发生改变时触发 change 事件，detail = {value:[选中的checkbox的value的数组]} 1.0.0 */
+    onChange?: (event: GenericEvent) => void;
+}
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/radio-group.html
+ */
+export declare const RadioGroup: React.ComponentType<RadioGroupProps>;

package/esm/hostComponents/RadioGroup/index.js

@@ -0,0 +1,5 @@
+import { createHostComponent } from '@rsmax/runtime';
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/radio-group.html
+ */
+export const RadioGroup = createHostComponent('radio-group');

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

@@ -0,0 +1,9 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    onChange: string;
+    name: string;
+};
+export declare const props: string[];

package/esm/hostComponents/RadioGroup/node.js

@@ -0,0 +1,9 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    onChange: 'bindchange',
+    name: 'name',
+};
+export const props = Object.values(alias);

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BaseProps } from '../../types/component';
+export interface RichTextProps extends BaseProps {
+    /** 节点列表/HTML String 1.4.0 */
+    nodes?: any[] | string;
+    /** 显示连续空格 2.4.1 */
+    space?: 'ensp' | 'emsp' | 'nbsp';
+}
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html
+ */
+export declare const RichText: React.ComponentType<RichTextProps>;

package/esm/hostComponents/RichText/index.js

@@ -0,0 +1,8 @@
+import { createHostComponent } from '@rsmax/runtime';
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html
+ */
+export const RichText = createHostComponent('rich-text');
+RichText.defaultProps = {
+    nodes: [],
+};

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

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

package/esm/hostComponents/RichText/node.js

@@ -0,0 +1,17 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    nodes: 'nodes',
+    onTap: 'bindtap',
+    onClick: 'bindtap',
+    space: 'space',
+    onTouchStart: 'bindtouchstart',
+    onTouchMove: 'bindtouchmove',
+    onTouchEnd: 'bindtouchend',
+    onTouchCancel: 'bindtouchcancel',
+    onLongTap: 'bindlongtap',
+    onLongClick: 'bindlongtap',
+};
+export const props = Object.values(alias);

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BaseProps } from '../../types/component';
+/**
+ *
+ * 基础库 2.25.2 开始支持，低版本需做兼容处理。
+ *
+ * 微信 Windows 版：支持
+ *
+ * 微信 Mac 版：支持
+ *
+ * 渲染框架支持情况：Skyline （使用最新 Nighly 工具调试）、WebView
+ * https://developers.weixin.qq.com/miniprogram/dev/component/root-portal.html
+ */
+export interface RootPortalProps extends BaseProps {
+    /**
+     * 是否从页面中脱离出来
+     */
+    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,17 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    nodes: string;
+    onTap: string;
+    onClick: string;
+    space: 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,17 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    nodes: 'nodes',
+    onTap: 'bindtap',
+    onClick: 'bindtap',
+    space: 'space',
+    onTouchStart: 'bindtouchstart',
+    onTouchMove: 'bindtouchmove',
+    onTouchEnd: 'bindtouchend',
+    onTouchCancel: 'bindtouchcancel',
+    onLongTap: 'bindlongtap',
+    onLongClick: 'bindlongtap',
+};
+export const props = Object.values(alias);

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+export interface ScrollViewProps extends BaseProps {
+    /** (default: false) 允许横向滚动 1.0.0 */
+    scrollX?: boolean;
+    /** (default: false) 允许纵向滚动 1.0.0 */
+    scrollY?: boolean;
+    /** (default: 50) 距顶部/左边多远时，触发 scrolltoupper 事件 1.0.0 */
+    upperThreshold?: number | string;
+    /** (default: 50) 距底部/右边多远时，触发 scrolltolower 事件 1.0.0 */
+    lowerThreshold?: number | string;
+    /** 设置竖向滚动条位置 1.0.0 */
+    scrollTop?: number | string;
+    /** 设置横向滚动条位置 1.0.0 */
+    scrollLeft?: number | string;
+    /** 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素 1.0.0 */
+    scrollIntoView?: string;
+    /** (default: false) 在设置滚动条位置时使用动画过渡 1.0.0 */
+    scrollWithAnimation?: boolean;
+    /** (default: false) iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向 1.0.0 */
+    enableBackToTop?: boolean;
+    /** (default: false) 启用 flexbox 布局。开启后，当前节点声明了 display: flex 就会成为 flex container，并作用于其孩子节点。 2.7.3 */
+    enableFlex?: boolean;
+    /** 滚动到顶部/左边时触发 1.0.0 */
+    onScrollToUpper?: (event: GenericEvent) => any;
+    /** 滚动到底部/右边时触发 1.0.0 */
+    onScrollToLower?: (event: GenericEvent) => void;
+    /** 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY} 1.0.0 */
+    onScroll?: (event: GenericEvent) => any;
+    /** 开启 scroll anchoring 特性，即控制滚动位置不随内容变化而抖动，仅在 iOS 下生效，安卓下可参考 CSS overflow-anchor 属性。	2.8.2 */
+    scrollAnchoring?: boolean;
+    /** 开启自定义下拉刷新	2.10.1 */
+    refresherEnabled?: boolean;
+    /** 设置自定义下拉刷新阈值	2.10.1 */
+    refresherThreshold?: number;
+    /** 设置自定义下拉刷新默认样式，支持设置 black | white | none， none 表示不使用默认样式	2.10.1 */
+    refresherDefaultStyle?: string;
+    /** 设置自定义下拉刷新区域背景颜色	2.10.1 */
+    refresherBackground?: string;
+    /** 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发	2.10.1 */
+    refresherTriggered?: boolean;
+    /** 自定义下拉刷新控件被下拉	2.10.1 */
+    onRefresherPulling?: (event: GenericEvent) => void;
+    /** 自定义下拉刷新被触发	2.10.1 */
+    onRefresherRefresh?: (event: GenericEvent) => void;
+    /**	自定义下拉刷新被复位	2.10.1 */
+    onRefresherRestore?: (event: GenericEvent) => void;
+    /** 自定义下拉刷新被中止 2.10.1 */
+    onRefresherAbort?: (event: GenericEvent) => void;
+    /** (default: false) 启用 scroll-view 增强特性 2.12.0 */
+    enhanced?: boolean;
+    /** (default: true) iOS 下 scroll-view 边界弹性控制 (同时开启 enhanced 属性后生效) 2.12.0 */
+    bounces?: boolean;
+    /** (default: true) 滚动条显隐控制 (同时开启 enhanced 属性后生效) 2.12.0 */
+    showScrollbar?: boolean;
+    /** (default: false) 分页滑动效果 (同时开启 enhanced 属性后生效) 2.12.0 */
+    pagingEnabled?: boolean;
+    /** (default: false) 滑动减速速率控制 (同时开启 enhanced 属性后生效) 2.12.0 */
+    fastDeceleration?: boolean;
+    /** 滑动开始事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft } 2.12.0 */
+    onDragStart?: (event: GenericEvent) => void;
+    /** 滑动事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft } 2.12.0 */
+    onDragging?: (event: GenericEvent) => void;
+    /** 滑动结束事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft, velocity } 2.12.0 */
+    onDragEnd?: (event: GenericEvent) => void;
+}
+export declare const ScrollView: React.ComponentType<ScrollViewProps>;

package/esm/hostComponents/ScrollView/index.js

@@ -0,0 +1,22 @@
+import { createHostComponent } from '@rsmax/runtime';
+export const ScrollView = createHostComponent('scroll-view');
+ScrollView.defaultProps = {
+    upperThreshold: 50,
+    lowerThreshold: 50,
+    scrollX: false,
+    scrollY: false,
+    scrollWithAnimation: false,
+    enableBackToTop: false,
+    enableFlex: false,
+    scrollAnchoring: false,
+    refresherEnabled: false,
+    refresherThreshold: 45,
+    refresherDefaultStyle: 'black',
+    refresherBackground: '#fff',
+    refresherTriggered: false,
+    enhanced: false,
+    bounces: true,
+    showScrollbar: true,
+    pagingEnabled: false,
+    fastDeceleration: false,
+};

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

@@ -0,0 +1,44 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    scrollX: string;
+    scrollY: string;
+    upperThreshold: string;
+    lowerThreshold: string;
+    scrollTop: string;
+    scrollLeft: string;
+    scrollIntoView: string;
+    scrollWithAnimation: string;
+    enableBackToTop: string;
+    enableFlex: string;
+    onScrollToUpper: string;
+    onScrollToLower: string;
+    onScroll: string;
+    onTap: string;
+    onTouchStart: string;
+    onTouchEnd: string;
+    onTouchMove: string;
+    onTouchCancel: string;
+    onClick: string;
+    scrollAnchoring: string;
+    refresherEnabled: string;
+    refresherThreshold: string;
+    refresherDefaultStyle: string;
+    refresherBackground: string;
+    refresherTriggered: string;
+    onRefresherPulling: string;
+    onRefresherRefresh: string;
+    onRefresherRestore: string;
+    onRefresherAbort: string;
+    enhanced: string;
+    bounces: string;
+    showScrollbar: string;
+    pagingEnabled: string;
+    fastDeceleration: string;
+    onDragStart: string;
+    onDragging: string;
+    onDragEnd: string;
+};
+export declare const props: string[];

package/esm/hostComponents/ScrollView/node.js

@@ -0,0 +1,44 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    scrollX: 'scroll-x',
+    scrollY: 'scroll-y',
+    upperThreshold: 'upper-threshold',
+    lowerThreshold: 'lower-threshold',
+    scrollTop: 'scroll-top',
+    scrollLeft: 'scroll-left',
+    scrollIntoView: 'scroll-into-view',
+    scrollWithAnimation: 'scroll-with-animation',
+    enableBackToTop: 'enable-back-to-top',
+    enableFlex: 'enable-flex',
+    onScrollToUpper: 'bindscrolltoupper',
+    onScrollToLower: 'bindscrolltolower',
+    onScroll: 'bindscroll',
+    onTap: 'bindtap',
+    onTouchStart: 'bindtouchstart',
+    onTouchEnd: 'bindtouchend',
+    onTouchMove: 'bindtouchmove',
+    onTouchCancel: 'bindtouchcancel',
+    onClick: 'bindtap',
+    scrollAnchoring: 'scroll-anchoring',
+    refresherEnabled: 'refresher-enabled',
+    refresherThreshold: 'refresher-threshold',
+    refresherDefaultStyle: 'refresher-default-style',
+    refresherBackground: 'refresher-background',
+    refresherTriggered: 'refresher-triggered',
+    onRefresherPulling: 'bindrefresherpulling',
+    onRefresherRefresh: 'bindrefresherrefresh',
+    onRefresherRestore: 'bindrefresherrestore',
+    onRefresherAbort: 'bindrefresherabort',
+    enhanced: 'enhanced',
+    bounces: 'bounces',
+    showScrollbar: 'show-scrollbar',
+    pagingEnabled: 'paging-enabled',
+    fastDeceleration: 'fast-deceleration',
+    onDragStart: 'binddragstart',
+    onDragging: 'binddragging',
+    onDragEnd: 'binddragend',
+};
+export const props = Object.values(alias);

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BaseProps } from '../../types/component';
+export interface ShareElementProps extends BaseProps {
+    /** 映射标记 2.16.0 */
+    key: string;
+    /** 是否进行动画 2.16.0 */
+    transform?: boolean;
+    /** 动画时长，单位毫秒 2.16.0 */
+    duration?: number;
+    /** css缓动函数 2.16.0 */
+    easingFunction?: string;
+}
+/** @see https://developers.weixin.qq.com/miniprogram/dev/component/share-element.html */
+export declare const ShareElement: React.ComponentType<ShareElementProps>;

package/esm/hostComponents/ShareElement/index.js

@@ -0,0 +1,8 @@
+import { createHostComponent } from '@rsmax/runtime';
+/** @see https://developers.weixin.qq.com/miniprogram/dev/component/share-element.html */
+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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { BaseProps, GenericEvent } from '../../types/component';
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/slider.html
+ */
+export declare const Slider: React.ComponentType<SliderProps>;
+export interface SliderProps extends BaseProps {
+    name?: string;
+    /** (default: 0) 最小值 1.0.0 */
+    min?: number;
+    /** (default: 100) 最大值 1.0.0 */
+    max?: number;
+    /** (default: 1) 步长，取值必须大于 0，并且可被(max - min)整除 1.0.0 */
+    step?: number;
+    /** (default: false) 是否禁用 1.0.0 */
+    disabled?: boolean;
+    /** (default: 0) 当前取值 1.0.0 */
+    value?: number;
+    /** 背景条的颜色（请使用 backgroundColor） 1.0.0 */
+    color?: string;
+    /** 已选择的颜色（请使用 activeColor） 1.0.0 */
+    selectedColor?: string;
+    /** (default: #1aad19) 已选择的颜色 1.0.0 */
+    activeColor?: string;
+    /** (default: #e9e9e9) 背景条的颜色 1.0.0 */
+    backgroundColor?: string;
+    /** (default: 28) 滑块的大小，取值范围为 12 - 28 1.9.0 */
+    blockSize?: number;
+    /** (default: #ffffff) 滑块的颜色 1.9.0 */
+    blockColor?: string;
+    /** (default: false) 是否显示当前 value 1.0.0 */
+    showValue?: boolean;
+    /** 完成一次拖动后触发的事件，event.detail = {value} 1.0.0 */
+    onChange?: (event: GenericEvent) => any;
+    /** 拖动过程中触发的事件，event.detail = {value} 1.7.0 */
+    onChanging?: (event: GenericEvent) => any;
+}

package/esm/hostComponents/Slider/index.js

@@ -0,0 +1,19 @@
+import { createHostComponent } from '@rsmax/runtime';
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/slider.html
+ */
+export const Slider = createHostComponent('slider');
+Slider.defaultProps = {
+    min: 0,
+    max: 100,
+    step: 1,
+    disabled: false,
+    value: 0,
+    color: '#e9e9e9',
+    selectedColor: '#1aad19',
+    activeColor: '#1aad19',
+    backgroundColor: '#e9e9e9',
+    blockSize: 28,
+    blockColor: '#ffffff',
+    showValue: false,
+};

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

@@ -0,0 +1,23 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    name: string;
+    min: string;
+    max: string;
+    step: string;
+    disabled: string;
+    value: string;
+    color: string;
+    selectedColor: string;
+    showValue: string;
+    activeColor: string;
+    backgroundColor: string;
+    trackSize: string;
+    blockSize: string;
+    blockColor: string;
+    onChange: string;
+    onChanging: string;
+};
+export declare const props: string[];

package/esm/hostComponents/Slider/node.js

@@ -0,0 +1,23 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    name: 'name',
+    min: 'min',
+    max: 'max',
+    step: 'step',
+    disabled: 'disabled',
+    value: 'value',
+    color: 'color',
+    selectedColor: 'selected-color',
+    showValue: 'show-value',
+    activeColor: 'activeColor',
+    backgroundColor: 'backgroundColor',
+    trackSize: 'track-size',
+    blockSize: 'block-size',
+    blockColor: 'block-color',
+    onChange: 'bindchange',
+    onChanging: 'bindchanging',
+};
+export const props = Object.values(alias);