@sheinx/base 3.0.0-alpha.1

package/esm/textarea/simple-textarea.js

@@ -0,0 +1,86 @@
+"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");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+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 _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "className", "style", "status", "size", "prefix", "suffix", "underline", "border", "resize", "onEnterPress", "getStatus", "renderTextarea"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 Textarea = function Textarea(props) {
+  var _jssStyle$textarea;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    style = props.style,
+    status = props.status,
+    size = props.size,
+    prefix = props.prefix,
+    suffix = props.suffix,
+    underline = props.underline,
+    _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border,
+    _props$resize = props.resize,
+    resize = _props$resize === void 0 ? false : _props$resize,
+    _onEnterPress = props.onEnterPress,
+    getStatus = props.getStatus,
+    renderTextarea = props.renderTextarea,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var textareaClasses = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$textarea = jssStyle.textarea) === null || _jssStyle$textarea === void 0 ? void 0 : _jssStyle$textarea.call(jssStyle);
+  var _useTextarea = (0, _hooks.useTextarea)(_objectSpread({}, rest)),
+    getRootProps = _useTextarea.getRootProps,
+    getTextAreaProps = _useTextarea.getTextAreaProps,
+    focused = _useTextarea.focused,
+    disabled = _useTextarea.disabled;
+  var rootClass = (0, _classnames.default)(className, textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapper, !!focused && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperFocus), !!disabled && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperDisabled), status === 'error' && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperError), size === 'small' && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperSmall), size === 'large' && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperLarge), !!underline && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperUnderline), !border && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperNoBorder));
+  var keyHandler = (0, _hooks.useKeyEvent)({
+    onEnterPress: function onEnterPress(e) {
+      _onEnterPress === null || _onEnterPress === void 0 ? void 0 : _onEnterPress(e.target.value || '', e);
+    }
+  });
+  var onKeyUp = (0, _hooks.usePersistFn)(function (e) {
+    var _props$onKeyUp;
+    (_props$onKeyUp = props.onKeyUp) === null || _props$onKeyUp === void 0 ? void 0 : _props$onKeyUp.call(props, e);
+    keyHandler(e);
+  });
+  var textareaProps = getTextAreaProps({
+    className: (0, _classnames.default)(textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperPaddingBox, textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitleBottom, textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.textarea, !!resize && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.resize)),
+    onKeyUp: onKeyUp
+  });
+  (0, _react.useEffect)(function () {
+    if (getStatus) {
+      getStatus({
+        focused: focused
+      });
+    }
+  }, [focused]);
+  var textareaEl = /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", _objectSpread({}, textareaProps));
+  if (typeof renderTextarea === 'function') {
+    textareaEl = renderTextarea(textareaEl);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    "data-soui-type": "input"
+  }, getRootProps({
+    className: rootClass,
+    style: style
+  })), {}, {
+    children: [prefix, textareaEl, suffix]
+  }));
+};
+var _default = Textarea;
+exports.default = _default;

package/esm/textarea/textarea.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TextareaProps } from './textarea.type';
+declare const _default: React.MemoExoticComponent<(props: TextareaProps) => JSX.Element>;
+export default _default;
+//# sourceMappingURL=textarea.d.ts.map

package/esm/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAgLhD,wBAAoC"}

package/esm/textarea/textarea.js

@@ -0,0 +1,177 @@
+"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");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.string.trim.js");
+var _react = _interopRequireWildcard(require("react"));
+var _simpleTextarea = _interopRequireDefault(require("./simple-textarea"));
+var _hooks = require("@sheinx/hooks");
+var _useAutoSize = _interopRequireDefault(require("./use-auto-size"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useWithFormConfig2 = _interopRequireDefault(require("../common/use-with-form-config"));
+var _useTip = _interopRequireDefault(require("../common/use-tip"));
+var _useInnerTitle = _interopRequireDefault(require("../common/use-inner-title"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 defaultInfo = function defaultInfo(num, msg) {
+  if (!msg || msg.length === 0) return null;
+  var text = "".concat(msg.length, " / ").concat(num);
+  if (msg.length <= num) return text;
+  return new Error(text);
+};
+var Textarea = function Textarea(props) {
+  var _jssStyle$textarea;
+  var info = props.info,
+    suffix = props.suffix,
+    renderFooter = props.renderFooter,
+    width = props.width,
+    style = props.style,
+    jssStyle = props.jssStyle,
+    onBlur = props.onBlur,
+    status = props.status,
+    resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var textareaClasses = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$textarea = jssStyle.textarea) === null || _jssStyle$textarea === void 0 ? void 0 : _jssStyle$textarea.call(jssStyle);
+  var rootRef = (0, _react.useRef)(null);
+  var _useWithFormConfig = (0, _useWithFormConfig2.default)(props),
+    disabled = _useWithFormConfig.disabled,
+    size = _useWithFormConfig.size;
+  resetProps.disabled = disabled;
+  resetProps.size = size;
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    focused = _React$useState2[0],
+    setFocused = _React$useState2[1];
+  var onStatusChange = (0, _hooks.usePersistFn)(function (status) {
+    setFocused(!!status.focused);
+  });
+  var tipProps = {
+    popover: resetProps.popover,
+    popoverProps: resetProps.popoverProps,
+    error: resetProps.error,
+    tip: resetProps.tip
+  };
+  var tipNode = (0, _useTip.default)(_objectSpread(_objectSpread({}, tipProps), {}, {
+    focused: focused,
+    rootRef: rootRef,
+    jssStyle: jssStyle
+  }));
+
+  // inputAble
+  var inputAbleParams = {
+    value: resetProps.value,
+    onChange: resetProps.onChange,
+    beforeChange: resetProps.beforeChange,
+    defaultValue: resetProps.defaultValue,
+    delay: resetProps.delay
+  };
+  var inputAbleProps = (0, _hooks.useInputAble)(_objectSpread(_objectSpread({}, inputAbleParams), {}, {
+    control: 'value' in resetProps
+  }));
+  var handleBlur = (0, _hooks.usePersistFn)(function (e) {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    inputAbleProps.forceDelayChange();
+  });
+
+  // format
+  var formatParams = {
+    trim: resetProps.trim
+  };
+  var formatProps = (0, _hooks.useTextareaFormat)(_objectSpread(_objectSpread({}, formatParams), {}, {
+    value: inputAbleProps.value,
+    onChange: inputAbleProps.onChange,
+    onBlur: handleBlur
+  }));
+
+  // autosize
+  var autosizeParams = {
+    autosize: resetProps.autosize,
+    maxHeight: resetProps.maxHeight
+  };
+  var renderAutoSize = (0, _useAutoSize.default)(_objectSpread(_objectSpread({}, autosizeParams), {}, {
+    value: inputAbleProps.value,
+    jssStyle: jssStyle
+  }));
+  var innerTitleProps = {
+    innerTitle: resetProps.innerTitle,
+    placeTitle: resetProps.placeTitle
+  };
+  var hasValue = function hasValue(value) {
+    return value === 0 || value && value.length;
+  };
+  var renderInnerTitle = (0, _useInnerTitle.default)(_objectSpread(_objectSpread({}, innerTitleProps), {}, {
+    open: focused || hasValue(inputAbleProps.value),
+    size: resetProps.size,
+    jssStyle: jssStyle,
+    titleClassName: textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitleTop
+  }));
+  var renderTextarea = (0, _hooks.usePersistFn)(function (textareaEl) {
+    return renderInnerTitle(renderAutoSize(textareaEl));
+  });
+
+  // forwardProps
+  var forwardProps = _hooks.util.removeProps(resetProps, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, inputAbleParams), autosizeParams), tipProps), formatParams), innerTitleProps));
+  var getInfo = function getInfo() {
+    var notNumber = typeof info !== 'number';
+    if (typeof info !== 'function' && notNumber) return null;
+    var textInfo = notNumber ? info : defaultInfo.bind(null, info);
+    var res = textInfo(inputAbleProps.value);
+    // empty
+    if (!res) return null;
+    var isError = res instanceof Error;
+    var text = isError ? res.message : res;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        minWidth: 'auto'
+      },
+      className: (0, _classnames.default)(textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.info, !!isError && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.infoError)),
+      children: text
+    }, 'info');
+  };
+  var mergeSuffix = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [suffix, getInfo(), tipNode, _hooks.util.isFunc(renderFooter) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      onMouseDown: function onMouseDown(e) {
+        e.preventDefault();
+      },
+      className: (0, _classnames.default)(textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperPaddingBox, textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.footer),
+      children: renderFooter(inputAbleProps.value)
+    })]
+  });
+  var mergeStyle = (0, _react.useMemo)(function () {
+    return _objectSpread({
+      width: width
+    }, style || {});
+  }, [width, style]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simpleTextarea.default, _objectSpread(_objectSpread(_objectSpread({
+    rows: 4,
+    jssStyle: jssStyle
+  }, forwardProps), formatProps), {}, {
+    className: (0, _classnames.default)(innerTitleProps.innerTitle && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.wrapperInnerTitle), resetProps.className),
+    renderTextarea: renderTextarea,
+    status: tipProps.error ? 'error' : status,
+    value: inputAbleProps.value || '',
+    suffix: mergeSuffix,
+    style: mergeStyle,
+    getStatus: onStatusChange,
+    rootRef: rootRef
+  }));
+};
+var _default = /*#__PURE__*/_react.default.memo(Textarea);
+exports.default = _default;

package/esm/textarea/textarea.type.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import { CommonType } from '../common/type';
+import { BaseTextareaProps } from '@sheinx/hooks';
+import { BaseTipProps } from '../common/use-tip';
+import { PopoverClasses } from '../popover/popover.type';
+import { InnerTitleClasses } from '../common/use-inner-title';
+export interface TextareaClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    /**
+     * 当 input focus 时最外层class
+     */
+    wrapperFocus: string;
+    /**
+     * 当 input 禁用时最外层class
+     */
+    wrapperDisabled: string;
+    /**
+     * 当 status 为 error 时
+     */
+    wrapperError: string;
+    wrapperInnerTitle: string;
+    wrapperInnerTitleTop: string;
+    wrapperInnerTitleBottom: string;
+    wrapperPaddingBox: string;
+    textarea: string;
+    wrapperLarge: string;
+    wrapperSmall: string;
+    wrapperUnderline: string;
+    wrapperNoBorder: string;
+    resize: string;
+    shadow: string;
+    info: string;
+    infoError: string;
+    footer: string;
+}
+export interface SimpleTextareaProps extends BaseTextareaProps, Pick<CommonType, 'status' | 'style' | 'className' | 'size'> {
+    jssStyle?: {
+        textarea?: () => TextareaClasses;
+    };
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    getStatus?: (status: {
+        focused?: boolean;
+    }) => void;
+    underline?: boolean;
+    /**
+     * @default: true
+     */
+    border?: boolean;
+    resize?: boolean;
+    onEnterPress?: (value: string, e: React.KeyboardEvent) => void;
+    renderTextarea?: (textareaEl: React.ReactElement) => React.ReactElement;
+}
+declare type TextareaValueType = string;
+export interface TextareaProps extends BaseTipProps, Omit<SimpleTextareaProps, 'value' | 'onChange' | 'defaultValue' | 'jssStyle' | 'getStatus' | 'rootRef' | 'renderTextarea'> {
+    innerTitle?: React.ReactNode;
+    placeTitle?: React.ReactNode;
+    jssStyle?: {
+        textarea?: () => TextareaClasses;
+        popover?: () => PopoverClasses;
+        innerTitle?: () => InnerTitleClasses;
+    };
+    autosize?: boolean;
+    info?: number | ((value: string | undefined) => React.ReactNode | Error);
+    value?: TextareaValueType;
+    defaultValue?: TextareaValueType;
+    onChange?: (value: TextareaValueType) => void;
+    beforeChange?: (value: TextareaValueType) => void | string;
+    maxHeight?: string | number;
+    trim?: boolean;
+    renderFooter?: (value?: string) => React.ReactNode;
+    width?: number | string;
+    delay?: number;
+}
+export {};
+//# sourceMappingURL=textarea.type.d.ts.map

package/esm/textarea/textarea.type.d.ts.map

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

package/esm/textarea/textarea.type.js

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

package/esm/textarea/use-auto-size.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TextareaClasses } from './textarea.type';
+declare const useAutoSize: (props: {
+    autosize?: boolean | undefined;
+    maxHeight?: string | number | undefined;
+    value?: string | undefined;
+    jssStyle?: {
+        textarea?: (() => TextareaClasses) | undefined;
+    } | undefined;
+}) => (el: React.ReactElement) => JSX.Element;
+export default useAutoSize;
+//# sourceMappingURL=use-auto-size.d.ts.map

package/esm/textarea/use-auto-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-auto-size.d.ts","sourceRoot":"","sources":["use-auto-size.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,QAAA,MAAM,WAAW;;;;;0BAKI,eAAe;;WAmBT,MAAM,YAAY,gBAyB5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/textarea/use-auto-size.js

@@ -0,0 +1,67 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var useAutoSize = function useAutoSize(props) {
+  var _jssStyle$textarea;
+  var _ref = props || {},
+    autosize = _ref.autosize,
+    maxHeight = _ref.maxHeight,
+    value = _ref.value,
+    jssStyle = _ref.jssStyle;
+  var textareaClasses = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$textarea = jssStyle.textarea) === null || _jssStyle$textarea === void 0 ? void 0 : _jssStyle$textarea.call(jssStyle)) || {};
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  var shadowRef = (0, _react.useRef)();
+  var resetHeight = function resetHeight(value) {
+    if (!shadowRef.current) return;
+    var v = value || '';
+    if (shadowRef.current.value !== v) shadowRef.current.value = v;
+    setHeight(shadowRef.current.scrollHeight);
+  };
+  _react.default.useEffect(function () {
+    resetHeight(value);
+  }, [value, shadowRef.current]);
+  var renderInput = function renderInput(el) {
+    if (autosize) return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _react.cloneElement)(el, {
+        style: {
+          height: height,
+          overflow: 'auto',
+          maxHeight: maxHeight
+        },
+        onChange: function onChange() {
+          var _el$props;
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          (_el$props = el.props).onChange.apply(_el$props, args);
+          resetHeight(args[0].target.value);
+        }
+      }), /*#__PURE__*/(0, _react.cloneElement)(el, {
+        className: (0, _classnames.default)(el.props.className, textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.shadow),
+        ref: shadowRef,
+        key: 'shadow'
+      })]
+    });
+    return el;
+  };
+  return renderInput;
+};
+var _default = useAutoSize;
+exports.default = _default;

package/esm/tooltip/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/esm/tooltip/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAQE"}

package/esm/tooltip/__example__/01-base.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Tooltip, {
+      jssStyle: {
+        tooltip: _shineoutStyle.useTooltipStyle
+      },
+      tip: 'hello world',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "hover me"
+      })
+    })
+  });
+};
+exports.default = _default;

package/esm/tooltip/index.d.ts

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

package/esm/tooltip/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,OAAO,EAAE,MAAM,WAAW,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/tooltip/index.js

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

package/esm/tooltip/tooltip.d.ts

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

package/esm/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,OAAO,UAAW,YAAY,uBAqFnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/tooltip/tooltip.js

@@ -0,0 +1,101 @@
+"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");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _absoluteList = _interopRequireDefault(require("../absolute-list"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 Tooltip = function Tooltip(props) {
+  var _jssStyle$tooltip;
+  var _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
+    priorityDirection = props.priorityDirection,
+    children = props.children,
+    tip = props.tip,
+    disabledChild = props.disabledChild,
+    jssStyle = props.jssStyle,
+    className = props.className,
+    style = props.style,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'default' : _props$type;
+  var tooltipClasses = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
+  var childrenProps = /*#__PURE__*/(0, _react.isValidElement)(children) ? children === null || children === void 0 ? void 0 : children.props : {};
+  var _usePopup = (0, _hooks.usePopup)({
+      position: props.position,
+      trigger: trigger,
+      autoMode: 'popover',
+      priorityDirection: priorityDirection,
+      targetEvents: disabledChild ? {} : childrenProps
+    }),
+    open = _usePopup.open,
+    position = _usePopup.position,
+    getTargetProps = _usePopup.getTargetProps,
+    targetRef = _usePopup.targetRef,
+    popupRef = _usePopup.popupRef;
+  if (! /*#__PURE__*/(0, _react.isValidElement)(children)) {
+    console.error(new Error('Tooltip children expect a single ReactElement.'));
+    return null;
+  }
+  if (!tip) return children;
+  var inner = disabledChild ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.target,
+    style: {
+      cursor: 'not-allowed'
+    },
+    children: /*#__PURE__*/(0, _react.cloneElement)(children, {
+      style: _objectSpread(_objectSpread({}, childrenProps.style), {}, {
+        pointerEvents: 'none'
+      })
+    })
+  }) : children;
+  var events = getTargetProps();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("noscript", {
+      ref: function ref(el) {
+        if (!el) return;
+        var targetEl = el.nextElementSibling;
+        if (!targetEl) return;
+        if (targetRef.current === targetEl) return;
+        targetRef.current = targetEl;
+      }
+    }, 'ns'), /*#__PURE__*/(0, _react.cloneElement)(inner, events), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.default, {
+      focus: open,
+      parentElement: targetRef.current,
+      absolute: true,
+      position: position,
+      fixedWidth: false,
+      popupGap: 0,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen)),
+        "data-soui-position": position,
+        "data-soui-type": type,
+        ref: popupRef,
+        onMouseLeave: events.onMouseLeave,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: style,
+          className: (0, _classnames.default)(tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.content),
+          children: tip
+        })
+      })
+    })]
+  });
+};
+var _default = Tooltip;
+exports.default = _default;