@rsmax/one 1.0.1

package/esm/hostComponents/Input/index.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import memoizeOne from 'memoize-one';
+import { aliasProps, createCallback, createInputEvent } from '../../createHostComponent';
+import alias from './props/alias';
+const createInputCallback = memoizeOne(createCallback);
+const createConfirmCallback = memoizeOne(createCallback);
+const createFocusCallback = memoizeOne(createCallback);
+const createBlurCallback = memoizeOne(createCallback);
+export default class Input extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: '',
+            // 阿里
+            controlled: false,
+        };
+        this.handleInput = (e) => {
+            const { controlled } = this.state;
+            if (typeof this.props.onInput === 'function') {
+                return this.props.onInput(e);
+            }
+            // 微信
+            // 注意，微信要对 input 受控，必须要在 onInput 方法返回值
+            return controlled ? this.props.value : undefined;
+        };
+        const controlled = props.value !== undefined;
+        const value = controlled ? props.value : props.defaultValue;
+        this.state = {
+            value,
+            controlled,
+        };
+    }
+    componentDidUpdate() {
+        if (this.props.value !== undefined && this.props.value !== this.state.value) {
+            this.setState({ value: this.props.value });
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f;
+        const inputProps = Object.assign({}, this.props);
+        if (inputProps.onInput) {
+            inputProps.onInput = createInputCallback(this.handleInput, createInputEvent);
+        }
+        if (inputProps.onConfirm) {
+            inputProps.onConfirm = createConfirmCallback(this.props.onConfirm, createInputEvent);
+        }
+        if (inputProps.onFocus) {
+            inputProps.onFocus = createFocusCallback(this.props.onFocus, createInputEvent);
+        }
+        if (inputProps.onBlur) {
+            inputProps.onBlur = createBlurCallback(this.props.onBlur, createInputEvent);
+        }
+        // 通用属性的默认属性根据平台在这里设置
+        if (process.env.RSMAX_PLATFORM === 'toutiao') {
+            inputProps.maxLength = (_a = inputProps.maxLength) !== null && _a !== void 0 ? _a : 140;
+        }
+        if (process.env.RSMAX_PLATFORM === 'wechat') {
+            inputProps.type = (_b = inputProps.type) !== null && _b !== void 0 ? _b : 'text';
+            inputProps.password = (_c = inputProps.password) !== null && _c !== void 0 ? _c : false;
+            inputProps.disabled = (_d = inputProps.disabled) !== null && _d !== void 0 ? _d : false;
+            inputProps.focus = (_e = inputProps.focus) !== null && _e !== void 0 ? _e : false;
+            inputProps.maxLength = (_f = inputProps.maxLength) !== null && _f !== void 0 ? _f : 140;
+        }
+        const nextProps = aliasProps(Object.assign(Object.assign({}, inputProps), this.state), alias);
+        return React.createElement('input', nextProps);
+    }
+}
+// 平台独有的属性默认值写在这
+Input.defaultProps = {
+    'toutiao-selection-end': 999,
+    'toutiao-selection-start': 999,
+    'wechat-placeholder-class': 'input-placeholder',
+    'wechat-cursor-spacing': 0,
+    'wechat-confirm-type': 'done',
+    'wechat-confirm-hold': false,
+    'wechat-selection-end': -1,
+    'wechat-selection-start': -1,
+    'wechat-adjust-position': true,
+    'wechat-hold-keyboard': false,
+};

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { InputWebProps } from './props';
+export type InputProps = InputWebProps;
+declare const _default: React.ForwardRefExoticComponent<InputWebProps & React.RefAttributes<any>>;
+export default _default;

package/esm/hostComponents/Input/index.web.js

@@ -0,0 +1,30 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { filterProps } from '../../utils/isPlatformSpecifyProp';
+import useWebPlaceholderStyle from '../../useWebPlaceholderStyle';
+import clsx from 'clsx';
+const Input = (props, ref) => {
+    const _a = filterProps(props), { password, type, onConfirm, onKeyPress, placeholderStyle, className } = _a, restProps = __rest(_a, ["password", "type", "onConfirm", "onKeyPress", "placeholderStyle", "className"]);
+    const [placeholderStyleClassName] = useWebPlaceholderStyle(placeholderStyle);
+    const inputType = password ? 'password' : type;
+    function handleKeyPress(e) {
+        if (e.key === 'Enter' && typeof onConfirm === 'function') {
+            onConfirm(e);
+        }
+        if (typeof onKeyPress === 'function') {
+            onKeyPress(e);
+        }
+    }
+    return (React.createElement("input", Object.assign({}, restProps, { ref: ref, type: inputType, onKeyPress: handleKeyPress, className: clsx('remax-input', className, placeholderStyleClassName) })));
+};
+export default React.forwardRef(Input);

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    maxLength: string;
+};
+export default _default;

package/esm/hostComponents/Input/props/alias/index.js

@@ -0,0 +1,3 @@
+export default {
+    maxLength: 'maxlength',
+};

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { InputEvent } from '../../../types';
+interface CommonProps {
+    readonly dataset?: DOMStringMap;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 输入框的初始内容 */
+    defaultValue?: string;
+    value?: string;
+    name?: string;
+    /** input 的类型 */
+    type?: 'text' | 'number' | 'digit' | 'idcard';
+    /** 是否是密码类型 */
+    password?: boolean;
+    /** 输入框为空时占位符 */
+    placeholder?: string;
+    placeholderStyle?: React.CSSProperties;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 最大输入长度，设置为 -1 的时候不限制最大长度 */
+    maxLength?: number;
+    /** 获取焦点 */
+    focus?: boolean;
+}
+export interface InputProps extends CommonProps {
+    onInput?: (e: InputEvent) => any;
+    onConfirm?: (e: InputEvent) => void;
+    onFocus?: (e: InputEvent) => void;
+    onBlur?: (e: InputEvent) => void;
+}
+export interface InputWebProps extends Omit<CommonProps, 'defaultValue'>, React.HTMLAttributes<HTMLInputElement> {
+    onConfirm?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+export {};

package/esm/hostComponents/Input/props/index.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { LabelProps } from './props';
+export type { LabelProps };
+declare const Label: React.ComponentType<LabelProps>;
+export default Label;

package/esm/hostComponents/Label/index.js

@@ -0,0 +1,3 @@
+import createHostComponent from '../../createHostComponent';
+const Label = createHostComponent('label', { htmlFor: 'for' });
+export default Label;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { LabelProps } from './props';
+export type { LabelProps };
+declare const _default: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<any>>;
+export default _default;

package/esm/hostComponents/Label/index.web.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { filterProps } from '../../utils/isPlatformSpecifyProp';
+const Label = (props, ref) => (React.createElement("label", Object.assign({}, filterProps(props), { ref: ref })));
+export default React.forwardRef(Label);

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface LabelProps extends React.AriaAttributes {
+    readonly dataset?: DOMStringMap;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 绑定控件的 id */
+    htmlFor?: string;
+}

package/esm/hostComponents/Label/props.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { NavigatorProps } from './props';
+export type { NavigatorProps };
+declare const Navigator: React.ComponentType<NavigatorProps>;
+export default Navigator;

package/esm/hostComponents/Navigator/index.js

@@ -0,0 +1,4 @@
+import createHostComponent from '../../createHostComponent';
+import defaults from './props/default';
+const Navigator = createHostComponent('navigator', null, defaults);
+export default Navigator;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { NavigatorProps } from './props';
+export type { NavigatorProps };
+declare const _default: React.ForwardRefExoticComponent<NavigatorProps & React.RefAttributes<any>>;
+export default _default;

package/esm/hostComponents/Navigator/index.web.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import clsx from 'clsx';
+import { RuntimeOptions } from '@rsmax/framework-shared';
+import { filterProps } from '../../utils/isPlatformSpecifyProp';
+const Navigator = (props, ref) => {
+    const _a = filterProps(props), { className, url, action, hoverClassName, hoverStartTime, hoverStayTime } = _a, restProps = __rest(_a, ["className", "url", "action", "hoverClassName", "hoverStartTime", "hoverStayTime"]);
+    const history = RuntimeOptions.get('history');
+    function handleTap() {
+        switch (action) {
+            case 'reLaunch':
+                window.location.href = window.location.hostname + url;
+                break;
+            case 'redirect':
+                history.replace(url);
+                break;
+            case 'navigate':
+            case 'switchTab':
+            default:
+                history.push(url);
+                break;
+        }
+    }
+    return React.createElement("div", Object.assign({}, restProps, { className: clsx(className), onClick: handleTap }));
+};
+export default React.forwardRef(Navigator);

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/esm/hostComponents/Navigator/props/default/index.js

@@ -0,0 +1 @@
+export default {};

package/esm/hostComponents/Navigator/props/default/index.wechat.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    'wechat-target': string;
+    'wechat-open-type': string;
+    'wechat-delta': number;
+    hoverClassName: string;
+    'wechat-hover-stop-propagation': boolean;
+    hoverStartTime: number;
+    hoverStayTime: number;
+};
+export default _default;

package/esm/hostComponents/Navigator/props/default/index.wechat.js

@@ -0,0 +1,9 @@
+export default {
+    'wechat-target': 'self',
+    'wechat-open-type': 'navigate',
+    'wechat-delta': 1,
+    hoverClassName: 'navigator-hover',
+    'wechat-hover-stop-propagation': false,
+    hoverStartTime: 50,
+    hoverStayTime: 600,
+};

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export { default as defaults } from './default';
+export interface NavigatorProps {
+    readonly dataset?: DOMStringMap;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    url: string;
+    action: 'navigate' | 'redirect' | 'switchTab' | 'reLaunch';
+    /**
+     * 	指定点击时的样式类
+     */
+    hoverClassName?: string;
+    /**
+     * 	按住后多久出现点击态，单位毫秒
+     */
+    hoverStartTime?: number;
+    /**
+     * 	手指松开后点击态保留时间，单位毫秒
+     */
+    hoverStayTime?: number;
+}

package/esm/hostComponents/Navigator/props/index.js

@@ -0,0 +1 @@
+export { default as defaults } from './default';

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import TextProps from './props';
+export type { TextProps };
+declare const Text: React.ComponentType<TextProps>;
+export default Text;

package/esm/hostComponents/Text/index.js

@@ -0,0 +1,4 @@
+import createHostComponent from '../../createHostComponent';
+import defaults from './props/default';
+const Text = createHostComponent('text', null, defaults);
+export default Text;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { TextWebProps } from './props';
+export type TextProps = TextWebProps;
+declare const _default: React.ForwardRefExoticComponent<TextWebProps & React.RefAttributes<any>>;
+export default _default;

package/esm/hostComponents/Text/index.web.js

@@ -0,0 +1,46 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import clsx from 'clsx';
+import { filterProps } from '../../utils/isPlatformSpecifyProp';
+const Text = (props, ref) => {
+    const _a = filterProps(props), { onTap, onTouchStart, onTouchMove, onTouchEnd, onTouchCancel, className, selectable } = _a, restProps = __rest(_a, ["onTap", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "className", "selectable"]);
+    const hoveringRef = React.useRef(false);
+    function handleTouchStart(e) {
+        hoveringRef.current = true;
+        if (typeof onTouchStart === 'function') {
+            return onTouchStart(e);
+        }
+    }
+    function handleTouchMove(e) {
+        hoveringRef.current = false;
+        if (typeof onTouchMove === 'function') {
+            return onTouchMove(e);
+        }
+    }
+    function handleTouchEnd(e) {
+        hoveringRef.current = false;
+        if (typeof onTouchEnd === 'function') {
+            return onTouchEnd(e);
+        }
+    }
+    function handleTouchCancel(e) {
+        hoveringRef.current = false;
+        if (typeof onTouchCancel === 'function') {
+            return onTouchCancel(e);
+        }
+    }
+    return (React.createElement("span", Object.assign({}, restProps, { className: clsx(className, {
+            'remax-text-selectable': selectable,
+        }), ref: ref, onClick: onTap, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, onTouchCancel: handleTouchCancel })));
+};
+export default React.forwardRef(Text);

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/esm/hostComponents/Text/props/default/index.js

@@ -0,0 +1 @@
+export default {};

package/esm/hostComponents/Text/props/default/index.wechat.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    selectable: boolean;
+    'wechat-decode': boolean;
+};
+export default _default;

package/esm/hostComponents/Text/props/default/index.wechat.js

@@ -0,0 +1,4 @@
+export default {
+    selectable: false,
+    'wechat-decode': false,
+};

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

@@ -0,0 +1,18 @@
+import { TapEvent } from '../../../types';
+import React from 'react';
+export { default as defaults } from './default';
+interface CommonProps {
+    readonly dataset?: DOMStringMap;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 文本是否可选 */
+    selectable?: boolean;
+    children?: React.ReactNode;
+}
+export default interface TextProps extends CommonProps, React.AriaAttributes {
+    onTap?: (event: TapEvent) => void;
+}
+export interface TextWebProps extends CommonProps, React.HTMLAttributes<HTMLSpanElement> {
+    onTap?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+}

package/esm/hostComponents/Text/props/index.js

@@ -0,0 +1 @@
+export { default as defaults } from './default';

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { InputEvent } from '../../types';
+import { TextareaProps } from './props';
+export type { TextareaProps };
+export interface TextareaState {
+    value?: string;
+    controlled: boolean;
+}
+export default class Textarea extends React.Component<TextareaProps, TextareaState> {
+    static defaultProps: {
+        'toutiao-selection-end': number;
+        'toutiao-selection-start': number;
+        'wechat-selection-end': number;
+        'wechat-selection-start': number;
+        'wechat-fixed': boolean;
+        'wechat-placeholder-class': string;
+        'wechat-cursor-spacing': number;
+        'wechat-cursor': number;
+        'wechat-show-confirm-bar': boolean;
+        'wechat-adjust-position': boolean;
+        'wechat-hold-keyboard': boolean;
+        'wechat-disable-default-padding': boolean;
+    };
+    state: TextareaState;
+    constructor(props: TextareaProps);
+    componentDidUpdate(): void;
+    handleInput: (e: InputEvent) => any;
+    render(): React.DetailedReactHTMLElement<any, HTMLElement>;
+}

package/esm/hostComponents/Textarea/index.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import { aliasProps, createCallback, createInputEvent } from '../../createHostComponent';
+import alias from './props/alias';
+export default class Textarea extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: '',
+            // 阿里
+            controlled: false,
+        };
+        this.handleInput = (e) => {
+            const { controlled } = this.state;
+            if (!controlled) {
+                this.setState({ value: e.target.value });
+            }
+            if (typeof this.props.onInput === 'function') {
+                return this.props.onInput(e);
+            }
+            // 微信
+            // 注意，微信要对 input 受控，必须要在 onInput 方法返回值
+            return controlled ? this.props.value : e.target.value;
+        };
+        const controlled = props.value !== undefined;
+        const value = controlled ? props.value : props.defaultValue;
+        this.state = {
+            value,
+            controlled,
+        };
+    }
+    componentDidUpdate() {
+        if (this.props.value !== undefined && this.props.value !== this.state.value) {
+            this.setState({ value: this.props.value });
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e;
+        const inputProps = Object.assign(Object.assign({}, this.props), { onInput: createCallback(this.handleInput, createInputEvent) });
+        if (inputProps.onConfirm) {
+            inputProps.onConfirm = createCallback(this.props.onConfirm, createInputEvent);
+        }
+        if (inputProps.onFocus) {
+            inputProps.onFocus = createCallback(this.props.onFocus, createInputEvent);
+        }
+        if (inputProps.onBlur) {
+            inputProps.onBlur = createCallback(this.props.onBlur, createInputEvent);
+        }
+        if (process.env.RSMAX_PLATFORM === 'toutiao') {
+            inputProps.maxLength = (_a = inputProps.maxLength) !== null && _a !== void 0 ? _a : 140;
+        }
+        if (process.env.RSMAX_PLATFORM === 'wechat') {
+            inputProps.maxLength = (_b = inputProps.maxLength) !== null && _b !== void 0 ? _b : 140;
+            inputProps.disabled = (_c = inputProps.disabled) !== null && _c !== void 0 ? _c : false;
+            inputProps.focus = (_d = inputProps.focus) !== null && _d !== void 0 ? _d : false;
+            inputProps.autoHeight = (_e = inputProps.autoHeight) !== null && _e !== void 0 ? _e : false;
+        }
+        const nextProps = aliasProps(Object.assign(Object.assign({}, inputProps), this.state), alias);
+        return React.createElement('textarea', nextProps);
+    }
+}
+Textarea.defaultProps = {
+    'toutiao-selection-end': 999,
+    'toutiao-selection-start': 999,
+    'wechat-selection-end': -1,
+    'wechat-selection-start': -1,
+    'wechat-fixed': false,
+    'wechat-placeholder-class': 'textarea-placeholder',
+    'wechat-cursor-spacing': 0,
+    'wechat-cursor': -1,
+    'wechat-show-confirm-bar': true,
+    'wechat-adjust-position': true,
+    'wechat-hold-keyboard': false,
+    'wechat-disable-default-padding': false,
+};

package/esm/hostComponents/Textarea/index.web.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TextareaWebProps } from './props';
+declare const _default: React.ForwardRefExoticComponent<TextareaWebProps & React.RefAttributes<any>>;
+export default _default;

package/esm/hostComponents/Textarea/index.web.js

@@ -0,0 +1,36 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import TextareaAutoSize from 'react-autosize-textarea';
+import useWebPlaceholderStyle from '../../useWebPlaceholderStyle';
+import { filterProps } from '../../utils/isPlatformSpecifyProp';
+import clsx from 'clsx';
+const Textarea = (props, ref) => {
+    const _a = filterProps(props), { onConfirm, onKeyPress, autoHeight, className, placeholderStyle } = _a, restProps = __rest(_a, ["onConfirm", "onKeyPress", "autoHeight", "className", "placeholderStyle"]);
+    const [placeholderStyleClassName] = useWebPlaceholderStyle(placeholderStyle);
+    function handleKeyPress(e) {
+        if (e.key === 'Enter' && typeof onConfirm === 'function') {
+            onConfirm(e);
+        }
+        if (typeof onKeyPress === 'function') {
+            onKeyPress(e);
+        }
+    }
+    const textareaClassName = clsx('remax-textarea', className, placeholderStyleClassName);
+    if (autoHeight) {
+        // @ts-ignore
+        // todo 需要修正这里
+        return React.createElement(TextareaAutoSize, Object.assign({}, restProps, { className: textareaClassName, ref: ref, onKeyPress: handleKeyPress }));
+    }
+    return React.createElement("textarea", Object.assign({}, restProps, { className: textareaClassName, ref: ref, onKeyPress: handleKeyPress }));
+};
+export default React.forwardRef(Textarea);

package/esm/hostComponents/Textarea/props/alias.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    maxLength: string;
+};
+export default _default;

package/esm/hostComponents/Textarea/props/alias.js

@@ -0,0 +1,3 @@
+export default {
+    maxLength: 'maxlength',
+};

package/esm/hostComponents/Textarea/props/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { InputEvent } from '../../../types';
+export { default as alias } from './alias';
+interface CommonProps {
+    readonly dataset?: DOMStringMap;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    name?: string;
+    value?: any;
+    defaultValue?: any;
+    placeholder?: string;
+    placeholderStyle?: React.CSSProperties;
+    disabled?: boolean;
+    /** 最大输入长度，设置为 -1 的时候不限制最大长度 */
+    maxLength?: number;
+    focus?: boolean;
+    /** 是否自动增高，设置auto-height时，style.height不生效 */
+    autoHeight?: boolean;
+}
+export interface TextareaProps extends CommonProps {
+    onInput?: (event: InputEvent) => any;
+    onFocus?: (event: InputEvent) => void;
+    onBlur?: (event: InputEvent) => void;
+    onConfirm?: (event: InputEvent) => void;
+}
+export interface TextareaWebProps extends Omit<CommonProps, 'defaultValue'>, React.HTMLAttributes<HTMLTextAreaElement> {
+    onConfirm?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    children?: React.ReactNode;
+}

package/esm/hostComponents/Textarea/props/index.js

@@ -0,0 +1 @@
+export { default as alias } from './alias';

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import ViewProps from './props';
+export type { ViewProps };
+declare const View: React.ComponentType<ViewProps>;
+export default View;

package/esm/hostComponents/View/index.js

@@ -0,0 +1,4 @@
+import createHostComponent from '../../createHostComponent';
+import defaults from './props/default';
+const View = createHostComponent('view', null, defaults);
+export default View;

package/esm/hostComponents/View/index.web.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ViewWebProps } from './props';
+export type ViewProps = ViewWebProps;
+declare const _default: React.ForwardRefExoticComponent<ViewWebProps & React.RefAttributes<any>>;
+export default _default;