@sheinx/base 3.0.0-alpha.1

package/cjs/tag/__example__/s-001-base.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --基础 Tag 用法
+ * en - Base
+ *    --Base Tag
+ */
+var _default = function _default() {
+  var jssStyle = {
+    tag: _shineoutStyle.useTagStyle,
+    input: _shineoutStyle.useInputStyle
+  };
+  var _useState = (0, _react.useState)(['Tag 1', 'Tag 2', 'Tag 3']),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    tags = _useState2[0],
+    setTags = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    inputVisible = _useState4[0],
+    setInputVisible = _useState4[1];
+  var remove = function remove(removedTag) {
+    var t = tags.filter(function (tag) {
+      return tag !== removedTag;
+    });
+    setTags(t);
+  };
+  var showInput = function showInput() {
+    setInputVisible(true);
+  };
+  var handleInputBlur = function handleInputBlur(value) {
+    var newTags = tags;
+    if (value && tags.indexOf(value) === -1) {
+      newTags = [].concat((0, _toConsumableArray2.default)(tags), [value]);
+    }
+    console.log(newTags);
+    setTags(newTags);
+    setInputVisible(false);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [tags.map(function (a) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
+        jssStyle: jssStyle,
+        onClose: function onClose() {
+          return remove(a);
+        },
+        children: a
+      }, a);
+    }), inputVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag.Input, {
+      jssStyle: jssStyle,
+      onBlur: handleInputBlur
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tag, {
+      jssStyle: jssStyle,
+      onClick: showInput,
+      style: {
+        background: '#fff',
+        borderStyle: 'dashed'
+      },
+      children: "+ New Tag"
+    })]
+  });
+};
+exports.default = _default;

package/cjs/tag/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Tag } from './tag';
+export type { TagProps } from './tag.type';
+export { default as TagInput } from './tag-input';
+export type { TagInputProps } from './tag.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAChD,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/cjs/tag/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function get() {
+    return _tag.default;
+  }
+});
+Object.defineProperty(exports, "TagInput", {
+  enumerable: true,
+  get: function get() {
+    return _tagInput.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _tag.default;
+  }
+});
+var _tag = _interopRequireDefault(require("./tag"));
+var _tagInput = _interopRequireDefault(require("./tag-input"));

package/cjs/tag/tag-input.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TagInputProps } from './tag.type';
+declare const TagInput: (props: TagInputProps) => JSX.Element;
+export default TagInput;
+//# sourceMappingURL=tag-input.d.ts.map

package/cjs/tag/tag-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["tag-input.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,aAAa,EAAE,MAAM,YAAY,CAAC;AAGvD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAmDrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag-input.js

@@ -0,0 +1,63 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _simpleInput = _interopRequireDefault(require("../input/simple-input"));
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TagInput = function TagInput(props) {
+  var _jssStyle$tag;
+  var value = props.value,
+    onBlur = props.onBlur,
+    onChange = props.onChange,
+    onEnterPress = props.onEnterPress,
+    onFocus = props.onFocus,
+    onKeyUp = props.onKeyUp,
+    jssStyle = props.jssStyle;
+  var tagStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$tag = jssStyle.tag) === null || _jssStyle$tag === void 0 ? void 0 : _jssStyle$tag.call(jssStyle)) || {};
+  var inputRef = (0, _react.useRef)(null);
+  var handleChange = function handleChange(v) {
+    if (onChange) onChange(v);
+  };
+  var handleKeyUp = function handleKeyUp(e) {
+    if (e.keyCode === 13) {
+      if (onEnterPress) onEnterPress(e.target.value, e);else if (onBlur) onBlur(e.target.value, e);
+    }
+    if (onKeyUp) onKeyUp(e);
+  };
+  var handleBlur = function handleBlur(e) {
+    if (onBlur) onBlur(e.target.value, e);
+  };
+  (0, _react.useEffect)(function () {
+    if (inputRef !== null && inputRef !== void 0 && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, []);
+  var controlProps = {
+    value: value
+  };
+  if (!('value' in props)) {
+    delete controlProps.value;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simpleInput.default, _objectSpread(_objectSpread({}, controlProps), {}, {
+    inputRef: inputRef,
+    className: (0, _classnames.default)(tagStyle.input),
+    jssStyle: jssStyle,
+    onKeyUp: handleKeyUp,
+    onChange: handleChange,
+    onBlur: handleBlur,
+    onFocus: onFocus
+  }));
+};
+var _default = TagInput;
+exports.default = _default;

package/cjs/tag/tag.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TagProps } from './tag.type';
+declare const Tag: {
+    (props: TagProps): JSX.Element | null;
+    Input: (props: import("./tag.type").BaseTagInputProps) => JSX.Element;
+};
+export default Tag;
+//# sourceMappingURL=tag.d.ts.map

package/cjs/tag/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAc,QAAQ,EAAE,MAAM,YAAY,CAAC;AAOlD,QAAA,MAAM,GAAG;YAAW,QAAQ;;CAuH3B,CAAC;AAIF,eAAe,GAAG,CAAC"}

package/cjs/tag/tag.js

@@ -0,0 +1,134 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useTag2 = _interopRequireDefault(require("./use-tag"));
+var _tagInput = _interopRequireDefault(require("./tag-input"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "className", "type", "color", "size", "disabled", "mode", "shape", "children", "onClick", "onClose", "style", "backgroundColor", "onKeyUp", "onCompleted", "onEnterPress"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Done = 2;
+var Pendding = 1;
+var Tag = function Tag(props) {
+  var _jssStyle$tag, _classNames;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    type = props.type,
+    color = props.color,
+    size = props.size,
+    disabled = props.disabled,
+    mode = props.mode,
+    shape = props.shape,
+    children = props.children,
+    onClick = props.onClick,
+    onClose = props.onClose,
+    style = props.style,
+    backgroundColor = props.backgroundColor,
+    onKeyUp = props.onKeyUp,
+    onCompleted = props.onCompleted,
+    onEnterPress = props.onEnterPress,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useTag = (0, _useTag2.default)({
+      jssStyle: jssStyle,
+      onClose: onClose,
+      onClick: onClick,
+      disabled: disabled,
+      onCompleted: onCompleted,
+      children: children
+    }),
+    dismiss = _useTag.dismiss,
+    showInput = _useTag.showInput,
+    value = _useTag.value,
+    handleClose = _useTag.handleClose,
+    handleClick = _useTag.handleClick,
+    handleBlur = _useTag.handleBlur,
+    handleInputChange = _useTag.handleInputChange;
+  var modeSet = mode || 'bright';
+  var colorSet = type || color || 'default';
+  var tagStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$tag = jssStyle.tag) === null || _jssStyle$tag === void 0 ? void 0 : _jssStyle$tag.call(jssStyle)) || {};
+  var tagClass = (0, _classnames.default)(className, tagStyle.tag, (_classNames = {}, (0, _defineProperty2.default)(_classNames, tagStyle.small, size === 'small'), (0, _defineProperty2.default)(_classNames, tagStyle.large, size === 'large'), (0, _defineProperty2.default)(_classNames, tagStyle.rounded, shape === 'rounded'), (0, _defineProperty2.default)(_classNames, tagStyle[colorSet], true), (0, _defineProperty2.default)(_classNames, tagStyle[modeSet], true), (0, _defineProperty2.default)(_classNames, tagStyle.disabled, !!disabled), _classNames));
+  var getTagRootProps = function getTagRootProps() {
+    var propsSet = rest;
+    if (style || backgroundColor) {
+      var styleSet = Object.assign({}, style || {}, backgroundColor ? {
+        backgroundColor: backgroundColor
+      } : {});
+      propsSet.style = styleSet;
+    }
+    return _objectSpread(_objectSpread({}, propsSet), {}, {
+      className: tagClass,
+      onClick: handleClick
+    });
+  };
+  var renderChildren = function renderChildren() {
+    if (onClose) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: tagStyle.inline,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: children
+        })
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: children
+    });
+  };
+  var renderInput = function renderInput() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tagInput.default, {
+      value: value,
+      className: (0, _classnames.default)(tagStyle.input),
+      jssStyle: jssStyle,
+      onKeyUp: onKeyUp,
+      onBlur: handleBlur,
+      onEnterPress: onEnterPress,
+      onChange: handleInputChange
+    });
+  };
+  var renderClose = function renderClose() {
+    if (!onClose) {
+      return null;
+    }
+    if (dismiss === Pendding) {
+      // 后面用 Spin 替换
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {});
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: tagStyle.closeIcon,
+      onClick: handleClose,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: tagStyle.closeIconWrapper,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          width: "10",
+          height: "10",
+          viewBox: "0 0 10 10",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M1.92204 1.33738L1.96129 1.37204L5 4.41042L8.03871 1.37204C8.20142 1.20932 8.46524 1.20932 8.62796 1.37204C8.77816 1.52224 8.78972 1.75859 8.66262 1.92204L8.62796 1.96129L5.58958 5L8.62796 8.03871C8.79068 8.20142 8.79068 8.46524 8.62796 8.62796C8.47776 8.77816 8.24141 8.78972 8.07796 8.66262L8.03871 8.62796L5 5.58958L1.96129 8.62796C1.79858 8.79068 1.53476 8.79068 1.37204 8.62796C1.22184 8.47776 1.21028 8.24141 1.33738 8.07796L1.37204 8.03871L4.41042 5L1.37204 1.96129C1.20932 1.79858 1.20932 1.53476 1.37204 1.37204C1.52224 1.22184 1.75859 1.21028 1.92204 1.33738Z"
+          })
+        })
+      })
+    });
+  };
+  if (dismiss === Done) {
+    return null;
+  }
+  if (showInput) {
+    return renderInput();
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, getTagRootProps()), {}, {
+    children: [renderChildren(), renderClose()]
+  }));
+};
+Tag.Input = _tagInput.default;
+var _default = Tag;
+exports.default = _default;

package/cjs/tag/tag.type.d.ts

@@ -0,0 +1,70 @@
+import { InputClasses } from '../input/input.type';
+import { CommonType } from '../common/type';
+import React from 'react';
+export declare type TagColorType = 'default' | 'info' | 'success' | 'warning' | 'danger' | 'orange' | 'purple' | 'cyan' | 'magenta' | 'indigo' | 'tangerine' | 'neon';
+export declare type TagType = 'default' | 'info' | 'success' | 'warning' | 'danger';
+export declare type TagShape = 'rounded';
+export declare type TagModeType = 'bright' | 'outline' | 'fill' | 'brightOutline';
+export interface TagClasses {
+    disabled: string;
+    tag: string;
+    input: string;
+    inline: string;
+    closeIcon: string;
+    closeIconWrapper: string;
+    info: string;
+    default: string;
+    success: string;
+    warning: string;
+    danger: string;
+    orange: string;
+    purple: string;
+    cyan: string;
+    magenta: string;
+    indigo: string;
+    tangerine: string;
+    neon: string;
+    large: string;
+    small: string;
+    fill: string;
+    outline: string;
+    bright: string;
+    brightOutline: string;
+    rounded: string;
+}
+export interface BaseTagProps extends Pick<CommonType, 'style' | 'className' | 'size'>, React.HTMLAttributes<HTMLDivElement> {
+    jssStyle: {
+        tag: () => TagClasses;
+        input: () => InputClasses;
+    };
+    mode?: TagModeType;
+    /**
+     * @deprecated 请使用 color 属性来获取更丰富的颜色
+     */
+    type?: TagType;
+    disabled?: boolean;
+    color?: TagColorType;
+    shape?: TagShape;
+    backgroundColor?: string;
+    children?: React.ReactNode;
+    onCompleted?: (value: string) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onClose?: boolean | ((e: React.MouseEvent<HTMLDivElement>) => void | Promise<any>);
+    onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onEnterPress?: (value: string, e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+export interface BaseTagInputProps extends Pick<CommonType, 'style' | 'className' | 'size'> {
+    jssStyle: {
+        tag: () => TagClasses;
+        input: () => InputClasses;
+    };
+    onBlur?: (value: string, e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (value?: string) => void;
+    onEnterPress?: (value: string, e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    value?: string;
+}
+export declare type TagProps = BaseTagProps;
+export declare type TagInputProps = BaseTagInputProps;
+//# sourceMappingURL=tag.type.d.ts.map

package/cjs/tag/tag.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.type.d.ts","sourceRoot":"","sources":["tag.type.ts"],"names":[],"mappings":"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"}

package/cjs/tag/tag.type.js

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

package/cjs/tag/use-tag.d.ts

@@ -0,0 +1,12 @@
+import { BaseTagProps } from './tag.type';
+declare const useTag: (props: BaseTagProps) => {
+    value: string | undefined;
+    dismiss: number;
+    showInput: boolean;
+    handleBlur: (v: string) => void;
+    handleClose: (e: React.MouseEvent<HTMLDivElement>) => void;
+    handleClick: (e: React.MouseEvent<HTMLDivElement>) => void;
+    handleInputChange: (v?: string) => void;
+};
+export default useTag;
+//# sourceMappingURL=use-tag.d.ts.map

package/cjs/tag/use-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tag.d.ts","sourceRoot":"","sources":["use-tag.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAQ1C,QAAA,MAAM,MAAM,UAAW,YAAY;;;;oBAkBV,MAAM;qBAmCL,gBAAgB,CAAC,cAAc,CAAC;qBA9ChC,gBAAgB,CAAC,cAAc,CAAC;4BAqDzB,MAAM;CAmBtC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/tag/use-tag.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _hooks = require("@sheinx/hooks");
+var _react = require("react");
+var Done = 2;
+var Finish = 0;
+var Pendding = 1;
+var isEmpty = _hooks.util.isEmpty,
+  isPromise = _hooks.util.isPromise,
+  isString = _hooks.util.isString,
+  isFunc = _hooks.util.isFunc;
+var useTag = function useTag(props) {
+  var onClose = props.onClose,
+    disabled = props.disabled,
+    onCompleted = props.onCompleted,
+    onClick = props.onClick,
+    children = props.children;
+  var _useState = (0, _react.useState)(Finish),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dismiss = _useState2[0],
+    setDismiss = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showInput = _useState4[0],
+    setShowInput = _useState4[1];
+  var _useState5 = (0, _react.useState)(undefined),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    value = _useState6[0],
+    setValue = _useState6[1];
+  var handleClick = function handleClick(e) {
+    if (disabled) {
+      return;
+    }
+    // 2.x 逻辑仅为 !isEmpty 导致输入框清空后无法再次编辑。3.x 支持空字符串，清空后 value 为 ''也允许再次编辑
+    if (onCompleted && (!isEmpty(value) || value === '')) {
+      setShowInput(true);
+    }
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+  };
+  var handleBlur = function handleBlur(v) {
+    if (isFunc(onCompleted)) onCompleted(v);
+    setShowInput(false);
+  };
+  var handleDismiss = function handleDismiss(e) {
+    var callback;
+    if (onClose === true) {
+      setDismiss(Done);
+      return;
+    }
+    if (typeof onClose === 'function') {
+      callback = onClose(e);
+      if (isPromise(callback)) {
+        setDismiss(Pendding);
+        callback.then(function () {
+          setDismiss(Done);
+        }).catch(function () {
+          setDismiss(Finish);
+        });
+        return;
+      }
+    }
+    if (e.defaultPrevented) {
+      return;
+    }
+    setDismiss(Done);
+  };
+  var handleClose = function handleClose(e) {
+    if (disabled || dismiss !== Finish) {
+      return;
+    }
+    handleDismiss(e);
+  };
+  var handleInputChange = function handleInputChange(v) {
+    setValue(v);
+  };
+  (0, _react.useEffect)(function () {
+    if (onCompleted && isString(children) && !isEmpty(children)) {
+      setValue(children);
+    }
+  }, []);
+  return {
+    value: value,
+    dismiss: dismiss,
+    showInput: showInput,
+    handleBlur: handleBlur,
+    handleClose: handleClose,
+    handleClick: handleClick,
+    handleInputChange: handleInputChange
+  };
+};
+var _default = useTag;
+exports.default = _default;

package/cjs/textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Textarea } from './textarea';
+export type { TextareaProps } from './textarea.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/cjs/textarea/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function get() {
+    return _textarea.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _textarea.default;
+  }
+});
+var _textarea = _interopRequireDefault(require("./textarea"));

package/cjs/textarea/simple-textarea.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SimpleTextareaProps } from './textarea.type';
+declare const Textarea: (props: SimpleTextareaProps) => JSX.Element;
+export default Textarea;
+//# sourceMappingURL=simple-textarea.d.ts.map

package/cjs/textarea/simple-textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-textarea.d.ts","sourceRoot":"","sources":["simple-textarea.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBAgF3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}