@sheinx/base 3.0.0-alpha.1 → 3.0.0-alpha.10

package/esm/tabs/tabs-header.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-header.type.d.ts","sourceRoot":"","sources":["tabs-header.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"tabs-header.type.d.ts","sourceRoot":"","sources":["tabs-header.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/esm/tabs/tabs-panel.type.d.ts

@@ -1,15 +1,48 @@
 /// <reference types="react" />
+import { CommonType } from '../common/type';
 import { ButtonClasses } from '../button/button.type';
 import { TabsContextProps } from '@sheinx/hooks';
 import { TabsClasses } from './tabs.type';
-export interface TabsPanelProps extends TabsContextProps {
+export interface TabsPanelProps extends TabsContextProps, Pick<CommonType, 'className' | 'style'> {
     jssStyle?: {
         tabs: () => TabsClasses;
         button: () => ButtonClasses;
     };
+    /**
+     * @en The default is index
+     * @cn 选填，默认为 index
+     */
     id?: string | number;
+    /**
+     * @en Tab content
+     * @cn 标签标题内容
+     * @default index
+     */
     tab: React.ReactNode;
+    /**
+     * @en Specifies the Panel should be disabled
+     * @cn 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @en Panel content
+     * @cn Panel 内容
+     */
     children?: React.ReactNode;
+    /**
+     * @en The color of the dividing line, only takes effect when shape=line
+     * @cn 分割线颜色,仅在shape=line的时候生效
+     */
+    splitColor?: string;
+    /**
+     * @deprecated 即将弃用，请使用 splitColor 替代
+     */
+    border?: string;
+    /**
+     * @en The color of tab"s text only when the shape is "card"
+     * @cn 标签页文字颜色，仅当 shape 为 "card" 时生效
+     */
+    color?: string;
 }
 //# sourceMappingURL=tabs-panel.type.d.ts.map

package/esm/tabs/tabs-panel.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-panel.type.d.ts","sourceRoot":"","sources":["tabs-panel.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"tabs-panel.type.d.ts","sourceRoot":"","sources":["tabs-panel.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,gBAAgB,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/F,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB;;;;OAIG;IACH,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/esm/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAInD,QAAA,MAAM,IAAI;YAAW,SAAS;;CAyN7B,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,IAAI;YAAW,SAAS;;CA6P7B,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/esm/tabs/tabs.js

@@ -23,19 +23,22 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
 var _tabsPanel = _interopRequireDefault(require("./tabs-panel"));
 var _tabsHeader = _interopRequireDefault(require("./tabs-header"));
+var _sticky = _interopRequireDefault(require("../sticky"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["jssStyle", "align", "children", "shape", "position", "lazy", "autoFill", "hideSplit", "collapsible", "defaultCollapsed", "onChange", "extra", "border", "splitColor", "tabBarExtraContent", "background", "activeBackground", "inactiveBackground", "defaultActive", "tabBarStyle"];
+var _excluded = ["jssStyle", "align", "children", "shape", "position", "lazy", "autoFill", "hideSplit", "collapsible", "defaultCollapsed", "onChange", "extra", "border", "splitColor", "tabBarExtraContent", "background", "activeBackground", "inactiveBackground", "defaultActive", "tabBarStyle", "color", "sticky", "className"];
 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 isEmpty = _hooks.util.isEmpty,
+  isObject = _hooks.util.isObject,
+  isNumber = _hooks.util.isNumber;
 var Tabs = function Tabs(props) {
   var _jssStyle$tabs, _classNames;
   var jssStyle = props.jssStyle,
     align = props.align,
     children = props.children,
-    _props$shape = props.shape,
-    shape = _props$shape === void 0 ? 'card' : _props$shape,
+    shapeProps = props.shape,
     position = props.position,
     _props$lazy = props.lazy,
     lazy = _props$lazy === void 0 ? true : _props$lazy,
@@ -54,7 +57,11 @@ var Tabs = function Tabs(props) {
     inactiveBackground = props.inactiveBackground,
     defaultActive = props.defaultActive,
     tabBarStyle = props.tabBarStyle,
+    color = props.color,
+    sticky = props.sticky,
+    tabsClassName = props.className,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var shape = shapeProps && shapeProps !== 'bordered' ? shapeProps : 'card';
   var _useTabs = (0, _hooks.useTabs)(_objectSpread(_objectSpread({}, rest), {}, {
       defaultActive: defaultActive,
       onChange: onChangeProps
@@ -74,7 +81,7 @@ var Tabs = function Tabs(props) {
   var panelRef = (0, _react.useRef)(null);
   var panelHeight = (0, _react.useRef)(0);
   var tabsStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
-  var rootClass = (0, _classnames.default)(tabsStyle.tabs, (_classNames = {}, (0, _defineProperty2.default)(_classNames, tabsStyle.autoFill, autoFill), (0, _defineProperty2.default)(_classNames, tabsStyle.collapsed, collapse), _classNames));
+  var rootClass = (0, _classnames.default)(tabsStyle.tabs, tabsClassName, (_classNames = {}, (0, _defineProperty2.default)(_classNames, tabsStyle.autoFill, autoFill), (0, _defineProperty2.default)(_classNames, tabsStyle.collapsed, collapse), _classNames));
   var getRootProps = function getRootProps() {
     return rest;
   };
@@ -164,27 +171,57 @@ var Tabs = function Tabs(props) {
   };
   var renderHeader = function renderHeader() {
     var tabs = [];
+    var border = getSplitColor();
     _react.Children.toArray(children).forEach(function (child, index) {
       var Chlid = child;
+      var childBorder = Chlid.props.splitColor || Chlid.props.border;
+      var _Chlid$props$id = Chlid.props.id,
+        id = _Chlid$props$id === void 0 ? index : _Chlid$props$id;
+      if (active === id && childBorder) {
+        border = childBorder;
+      }
       tabs.push({
         id: Chlid.props.id !== undefined ? Chlid.props.id : index,
         tab: Chlid.props.tab,
         disabled: Chlid.props.disabled,
-        jssStyle: jssStyle
+        jssStyle: jssStyle,
+        color: Chlid.props.color || (active === id ? color : undefined)
       });
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabsHeader.default, {
+    var header = /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabsHeader.default, {
       tabs: tabs,
       align: align,
       jssStyle: jssStyle,
       position: position,
       hideSplit: hideSplit,
       extra: getExtra(),
-      splitColor: getSplitColor(),
+      splitColor: border,
       collapsible: collapsible,
       tabBarStyle: tabBarStyle,
-      getPosition: getPosition()
+      getPosition: getPosition(),
+      sticky: !!sticky
     });
+    if (!isEmpty(sticky) && !isVertical) {
+      var stickyClassName = tabsStyle.sticky;
+      var stickyProps = {
+        top: 0,
+        className: stickyClassName
+      };
+      if (isNumber(sticky)) {
+        stickyProps.top = sticky;
+      }
+      if (isObject(sticky)) {
+        stickyProps = _objectSpread(_objectSpread({}, sticky), {}, {
+          className: (0, _classnames.default)(stickyClassName, sticky.className)
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sticky.default, _objectSpread(_objectSpread({}, stickyProps), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getDataProps()), {}, {
+          children: header
+        }))
+      }));
+    }
+    return header;
   };
   var renderTabs = function renderTabs() {
     var realPosition = getPosition();

package/esm/tabs/tabs.type.d.ts

@@ -2,6 +2,7 @@
 import { CommonType } from '../common/type';
 import { ButtonClasses } from '../button/button.type';
 import { BaseTabsProps, TabsShapeType } from '@sheinx/hooks';
+import type { StickyProps } from '../sticky';
 export interface TabsClasses {
     tabs: string;
     tab: string;
@@ -20,6 +21,7 @@ export interface TabsClasses {
     bordered: string;
     card: string;
     dash: string;
+    cardHr: string;
     active: string;
     disabled: string;
     show: string;
@@ -28,6 +30,7 @@ export interface TabsClasses {
     extra: string;
     collapsible: string;
     collapsed: string;
+    sticky: string;
 }
 export declare type TabsAlignType = 'left' | 'right' | 'bottom' | 'vertical-left' | 'vertical-right';
 export declare type TabsPositionType = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
@@ -36,8 +39,22 @@ export interface TabsProps extends BaseTabsProps, Pick<CommonType, 'className' |
         tabs: () => TabsClasses;
         button: () => ButtonClasses;
     };
+    /**
+     * @en Whether to enable lazy loading
+     * @cn 是否开启懒加载
+     * @default true
+     */
     lazy?: boolean;
+    /**
+     * @en When Shape is not empty, color parameters such as activeBackground will be invalid. When shape is bordered, it points to card
+     * @cn Shape 不为空时，activeBackground 等颜色参数将会无效，当shape为bordered时，指向card
+     * @default 'card'
+     */
     shape?: TabsShapeType;
+    /**
+     * @en Child element, must be a Panel element
+     * @cn 子元素,必须为 Panel 元素
+     */
     children?: React.ReactNode;
     /**
      * @deprecated 即将弃用，请使用 position 替代
@@ -56,22 +73,79 @@ export interface TabsProps extends BaseTabsProps, Pick<CommonType, 'className' |
      * @deprecated 即将弃用，请使用 splitColor 替代
      */
     border?: string;
+    /**
+     * @en Extra content
+     * @cn 额外内容
+     */
     extra?: React.ReactNode;
+    /**
+     * @en Split line color, replace the original border property
+     * @cn 分割线颜色,替代原有border属性
+     */
     splitColor?: string;
+    /**
+     * @en Whether to hide the split line
+     * @cn 是否隐藏分割线
+     */
     hideSplit?: boolean;
+    /**
+     * @en Whether can be collapsed
+     * @cn 是否可折叠
+     */
     collapsible?: boolean;
+    /**
+     * @en Default collapse state, effective when collapsible is set to true
+     * @cn 默认折叠状态,当 collapsible 设置为 true 时生效
+     */
     defaultCollapsed?: boolean;
+    /**
+     * @en Auto fill the panel
+     * @cn 自动填充内容区域
+     */
     autoFill?: boolean;
+    /**
+     * @en Switch tabs will scroll to Tabs
+     * @cn 切换 tab 将自动滚动到 Tabs
+     */
     switchToTop?: boolean;
-    sticky?: boolean;
+    /**
+     * @en Sticky header
+     * @cn 开启头部附着
+     */
+    sticky?: boolean | number | StickyProps;
+    /**
+     * @en The position of the tab
+     * @cn 选项卡位置
+     */
     position?: TabsPositionType;
     /**
      * @deprecated 即将弃用，请使用 activeBackground 替代
      */
     background?: string;
+    /**
+     * @en Active background color
+     * @cn 选中标签背景色
+     */
     activeBackground?: string;
+    /**
+     * @en Inactive background color
+     * @cn 未选中标签背景色
+     */
     inactiveBackground?: string;
+    /**
+     * @en Style in tab bar
+     * @cn tab bar 的样式对象
+     */
     tabBarStyle?: React.CSSProperties;
+    /**
+     * @en Change callback
+     * @cn 标签选中时触发回调事件
+     */
     onChange?: (key: string | number) => void;
+    /**
+     * @en The color of tab"s text only when the shape is "card"
+     * @cn 标签页文字颜色，仅当 shape 为 "card" 时生效
+     */
+    color?: string;
 }
 //# sourceMappingURL=tabs.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.type.d.ts","sourceRoot":"","sources":["tabs.type.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,oBAAY,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAC7F,oBAAY,gBAAgB,GACxB,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,UAAU,GACV,aAAa,GACb,WAAW,GACX,cAAc,CAAC;AAEnB,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACvF,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAErC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3C"}
+{"version":3,"file":"tabs.type.d.ts","sourceRoot":"","sources":["tabs.type.ts"],"names":[],"mappings":"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"}

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

@@ -1 +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"}
+{"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,gBAqDrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/tag/tag-input.js

@@ -18,6 +18,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var TagInput = function TagInput(props) {
   var _jssStyle$tag;
   var value = props.value,
+    size = props.size,
+    style = props.style,
     onBlur = props.onBlur,
     onChange = props.onChange,
     onEnterPress = props.onEnterPress,
@@ -50,6 +52,8 @@ var TagInput = function TagInput(props) {
     delete controlProps.value;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simpleInput.default, _objectSpread(_objectSpread({}, controlProps), {}, {
+    size: size,
+    style: style,
     inputRef: inputRef,
     className: (0, _classnames.default)(tagStyle.input),
     jssStyle: jssStyle,

package/esm/tag/tag.type.d.ts

@@ -37,32 +37,104 @@ export interface BaseTagProps extends Pick<CommonType, 'style' | 'className' | '
         tag: () => TagClasses;
         input: () => InputClasses;
     };
+    /**
+     * @en Tag style
+     * @cn 标签样式
+     * @default 'bright'
+     */
     mode?: TagModeType;
     /**
      * @deprecated 请使用 color 属性来获取更丰富的颜色
      */
     type?: TagType;
+    /**
+     * @en Is disabled
+     * @cn 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @en Tag color, replace the original type attribute, support more color system
+     * @cn 标签颜色,代替原有type属性，支持更多色系
+     * @default 'default'
+     */
     color?: TagColorType;
+    /**
+     * @en Tag shape
+     * @cn 标签形状
+     * @default 'default'
+     */
     shape?: TagShape;
+    /**
+     * @en Background color,can set the tag"s background color by it
+     * @cn 背景色,可以自行的设置标签的背景色
+     */
     backgroundColor?: string;
+    /**
+     * @en Tag content, text or react component
+     * @cn 内容，文字或react组件
+     */
     children?: React.ReactNode;
+    /**
+     * @en This event is triggered when Tag editing is completed (children must be string)
+     * @cn Tag 编辑完成时触发该事件（children 必须为 string）
+     */
     onCompleted?: (value: string) => void;
+    /**
+     * @en The click callback
+     * @cn 点击 tag 事件
+     */
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * @en When onClose is empty, no close is displayed. If you need to close and do not need to handle callbacks, set it true
+     * @cn 当 onClose 为空时，不显示关闭。如果需要关闭又不需要处理回调，设置为 true 即可
+     */
     onClose?: boolean | ((e: React.MouseEvent<HTMLDivElement>) => void | Promise<any>);
+    /**
+     * @en Editable input box keyUp event
+     * @cn 可编辑输入框 keyUp 事件
+     */
     onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * @en Editable input box enter event
+     * @cn 可编辑输入框回车事件
+     */
     onEnterPress?: (value: string, e: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 export interface BaseTagInputProps extends Pick<CommonType, 'style' | 'className' | 'size'> {
     jssStyle: {
-        tag: () => TagClasses;
-        input: () => InputClasses;
+        tag?: () => TagClasses;
+        input?: () => InputClasses;
     };
+    /**
+     * @en Blur event callback
+     * @cn Blur 事件回调
+     */
     onBlur?: (value: string, e: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * @en Focus event callback
+     * @cn Focus 事件回调
+     */
     onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * @en Value change callback
+     * @cn Value 改变回调
+     */
     onChange?: (value?: string) => void;
+    /**
+     * @en EnterPress change callback
+     * @cn EnterPress 事件回调
+     */
     onEnterPress?: (value: string, e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * @en KeyUp event callback
+     * @cn KeyUp 事件回调
+     */
     onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * @en In control
+     * @cn 受控
+     */
     value?: string;
 }
 export declare type TagProps = BaseTagProps;

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

@@ -1 +1 @@
-{"version":3,"file":"tag.type.d.ts","sourceRoot":"","sources":["tag.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,YAAY,GACpB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,CAAC;AAEX,oBAAY,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5E,oBAAY,QAAQ,GAAG,SAAS,CAAC;AAEjC,oBAAY,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,eAAe,CAAC;AAE1E,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IAEtB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC,EACtD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,UAAU,CAAC;QACtB,KAAK,EAAE,MAAM,YAAY,CAAC;KAC3B,CAAC;IACF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACnF,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAClF;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;IACzF,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,UAAU,CAAC;QACtB,KAAK,EAAE,MAAM,YAAY,CAAC;KAC3B,CAAC;IACF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,oBAAY,QAAQ,GAAG,YAAY,CAAC;AACpC,oBAAY,aAAa,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"tag.type.d.ts","sourceRoot":"","sources":["tag.type.ts"],"names":[],"mappings":"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"}

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

@@ -1 +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"}
+{"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;;AAgMhD,wBAAoC"}

package/esm/textarea/textarea.js

@@ -24,9 +24,10 @@ 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 _config = require("../config");
 var _useInnerTitle = _interopRequireDefault(require("../common/use-inner-title"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status"];
+var _excluded = ["info", "suffix", "renderFooter", "width", "style", "jssStyle", "onBlur", "status", "trim", "delay"];
 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; }
@@ -38,7 +39,7 @@ var defaultInfo = function defaultInfo(num, msg) {
   return new Error(text);
 };
 var Textarea = function Textarea(props) {
-  var _jssStyle$textarea;
+  var _jssStyle$textarea, _ref, _ref2;
   var info = props.info,
     suffix = props.suffix,
     renderFooter = props.renderFooter,
@@ -47,9 +48,14 @@ var Textarea = function Textarea(props) {
     jssStyle = props.jssStyle,
     onBlur = props.onBlur,
     status = props.status,
+    trimProps = props.trim,
+    delayProps = props.delay,
     resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var config = (0, _config.useConfig)();
   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 trim = (_ref = trimProps !== null && trimProps !== void 0 ? trimProps : config.trim) !== null && _ref !== void 0 ? _ref : false;
+  var delay = (_ref2 = delayProps !== null && delayProps !== void 0 ? delayProps : config.delay) !== null && _ref2 !== void 0 ? _ref2 : 0;
   var _useWithFormConfig = (0, _useWithFormConfig2.default)(props),
     disabled = _useWithFormConfig.disabled,
     size = _useWithFormConfig.size;
@@ -80,7 +86,7 @@ var Textarea = function Textarea(props) {
     onChange: resetProps.onChange,
     beforeChange: resetProps.beforeChange,
     defaultValue: resetProps.defaultValue,
-    delay: resetProps.delay
+    delay: delay
   };
   var inputAbleProps = (0, _hooks.useInputAble)(_objectSpread(_objectSpread({}, inputAbleParams), {}, {
     control: 'value' in resetProps
@@ -92,7 +98,7 @@ var Textarea = function Textarea(props) {
 
   // format
   var formatParams = {
-    trim: resetProps.trim
+    trim: trim
   };
   var formatProps = (0, _hooks.useTextareaFormat)(_objectSpread(_objectSpread({}, formatParams), {}, {
     value: inputAbleProps.value,

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

@@ -40,39 +40,122 @@ export interface SimpleTextareaProps extends BaseTextareaProps, Pick<CommonType,
     jssStyle?: {
         textarea?: () => TextareaClasses;
     };
+    /**
+     * @en The prefix of the textarea
+     * @cn 前缀
+     */
     prefix?: React.ReactNode;
+    /**
+     * @en The suffix of the textarea
+     * @cn 后缀
+     */
     suffix?: React.ReactNode;
     getStatus?: (status: {
         focused?: boolean;
     }) => void;
+    /**
+     * @en Whether to display only the bottom border
+     * @cn 是否只展示下边框
+     * @default false
+     */
     underline?: boolean;
     /**
-     * @default: true
+     * @en Whether to display border
+     * @cn 是否展示边框
+     * @default true
      */
     border?: boolean;
+    /**
+     * @en Support resize
+     * @cn 是否可以伸缩高度
+     * @default false
+     */
     resize?: boolean;
+    /**
+     * @en The callback function for enter key
+     * @cn 回车键的回调函数
+     */
     onEnterPress?: (value: string, e: React.KeyboardEvent) => void;
+    /**
+     * @en Custom rendering Textarea
+     * @cn 自定义渲染Textarea
+     */
     renderTextarea?: (textareaEl: React.ReactElement) => React.ReactElement;
 }
 declare type TextareaValueType = string;
 export interface TextareaProps extends BaseTipProps, Omit<SimpleTextareaProps, 'value' | 'onChange' | 'defaultValue' | 'jssStyle' | 'getStatus' | 'rootRef' | 'renderTextarea'> {
+    /**
+     * @private 内部属性
+     */
     innerTitle?: React.ReactNode;
+    /**
+     * @private 内部属性
+     */
     placeTitle?: React.ReactNode;
+    /**
+     * @private 内部属性
+     */
     jssStyle?: {
         textarea?: () => TextareaClasses;
         popover?: () => PopoverClasses;
         innerTitle?: () => InnerTitleClasses;
     };
+    /**
+     * @en Whether the height changes automatically with the content
+     * @cn 高度是否随内容自动变化
+     * @default false
+     */
     autosize?: boolean;
+    /**
+     * @en Information
+     * @cn 提示信息
+     */
     info?: number | ((value: string | undefined) => React.ReactNode | Error);
+    /**
+     * @en DefaultValue and value can be set at the same time and defaultValue will be overridden by value.
+     * @cn defaultValue 和 value 可以同时设置，defaultValue 会被value覆盖
+     */
     value?: TextareaValueType;
+    /**
+     * @en DefaultValue
+     * @cn 默认值  和 value 类型相同
+     */
     defaultValue?: TextareaValueType;
+    /**
+     * @en The callback function for changing value
+     * @cn 值改变回调函数
+     */
     onChange?: (value: TextareaValueType) => void;
+    /**
+     * @en The callback before the value is changed, when the return value is not empty, it will be used as the new value of the component
+     * @cn 值改变前的回调，当返回值不为空时将作为组件的新值
+     */
     beforeChange?: (value: TextareaValueType) => void | string;
+    /**
+     * @en the maxHeight of the textarea, scroll bars appear after more than
+     * @cn 输入框的最大高度, 超过之后会出现滚动条
+     */
     maxHeight?: string | number;
+    /**
+     * @en When trim is true, blank characters are automatically deleted when lose focus
+     * @cn Trim 为 true 时，失去焦点时会自动删除空白字符
+     * @default false
+     */
     trim?: boolean;
+    /**
+     * @en Render textarea footer
+     * @cn 渲染 textarea footer
+     */
     renderFooter?: (value?: string) => React.ReactNode;
+    /**
+     * @en Input width
+     * @cn 输入框宽度
+     */
     width?: number | string;
+    /**
+     * @en User input triggers the onChange and to check interval, unit: ms
+     * @cn 用户输入触发 onChange 和校验间隔时间，单位 毫秒
+     */
     delay?: number;
 }
 export {};