@sheinx/base 3.0.0-alpha.8 → 3.0.0-rc.1

package/esm/table/table.js

@@ -19,6 +19,7 @@ var _scroll = _interopRequireDefault(require("../virtual-scroll/scroll"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _spin = _interopRequireDefault(require("../spin"));
 var _pagination = _interopRequireDefault(require("../pagination"));
+var _absoluteContext = _interopRequireDefault(require("../absolute-list/absolute-context"));
 var _empty = _interopRequireDefault(require("../empty"));
 var _hooks = require("@sheinx/hooks");
 var _useTableSelect = _interopRequireDefault(require("./use-table-select"));
@@ -126,7 +127,8 @@ var _default = function _default(props) {
     shouldLastColAuto = _useTableLayout.shouldLastColAuto,
     maxScrollLeft = _useTableLayout.maxScrollLeft,
     scrollBarWidth = _useTableLayout.scrollBarWidth,
-    scrollWidth = _useTableLayout.scrollWidth;
+    scrollWidth = _useTableLayout.scrollWidth,
+    resizeFlag = _useTableLayout.resizeFlag;
   var _useTableSort = (0, _hooks.useTableSort)({
       data: props.data,
       sorter: props.sorter,
@@ -139,11 +141,12 @@ var _default = function _default(props) {
   var _usePaginationList = (0, _hooks.usePaginationList)({
       data: sortedData,
       shouldPage: !!props.pagination,
-      current: pagination.current,
-      defaultCurrent: pagination.defaultCurrent,
-      pageSize: pagination.pageSize,
-      onChange: pagination.onChange,
-      loading: !!props.loading
+      current: pagination === null || pagination === void 0 ? void 0 : pagination.current,
+      defaultCurrent: pagination === null || pagination === void 0 ? void 0 : pagination.defaultCurrent,
+      pageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize,
+      onChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange,
+      loading: !!props.loading,
+      total: pagination === null || pagination === void 0 ? void 0 : pagination.total
     }),
     pagedData = _usePaginationList.data,
     paginationInfo = (0, _objectWithoutProperties2.default)(_usePaginationList, _excluded);
@@ -257,7 +260,8 @@ var _default = function _default(props) {
       radio: props.radio,
       onRowClick: props.onRowClick,
       rowEvents: props.rowEvents,
-      bodyScrollWidth: scrollWidth
+      bodyScrollWidth: scrollWidth,
+      resizeFlag: resizeFlag
     };
     var headCommonProps = {
       disabled: props.disabled,
@@ -402,8 +406,7 @@ var _default = function _default(props) {
       className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.loading),
       children: props.loading === true ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
         jssStyle: props.jssStyle,
-        size: 24,
-        name: "ring"
+        size: 24
       }) : null
     });
   };
@@ -458,13 +461,16 @@ var _default = function _default(props) {
     })
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
       className: (0, _classnames.default)(tableWrapperClass, floatLeft && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.floatLeft), floatRight && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.floatRight), props.sticky && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sticky)),
       style: _objectSpread({
         height: props.height
       }, props.style)
     }, selection.getTableProps()), {}, {
-      children: [renderTable(), renderLoading(), props.children]
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_absoluteContext.default.Provider, {
+        value: true,
+        children: [renderTable(), renderLoading(), props.children]
+      })
     })), renderPagination()]
   });
 };

package/esm/table/tbody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,wBAiEE"}
+{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,wBAkEE"}

package/esm/table/tbody.js

@@ -76,7 +76,8 @@ var _default = function _default(props) {
       onRowClick: props.onRowClick,
       rowEvents: props.rowEvents,
       disabled: props.datum.disabledCheck(item),
-      bodyScrollWidth: props.bodyScrollWidth
+      bodyScrollWidth: props.bodyScrollWidth,
+      resizeFlag: props.resizeFlag
     }, originKey);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {

package/esm/table/tbody.type.d.ts

@@ -19,5 +19,6 @@ export interface TbodyProps extends Pick<OptionalToRequired<TableProps<any, any>
     fixLeftNum?: number;
     fixRightNum?: number;
     bodyScrollWidth?: number;
+    resizeFlag?: number;
 }
 //# sourceMappingURL=tbody.type.d.ts.map

package/esm/table/tbody.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.type.d.ts","sourceRoot":"","sources":["tbody.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAClE,oBAAY,iBAAiB,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAE/D,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,iBAAiB,GACjB,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,UAAU,GACV,OAAO,CACV;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
+{"version":3,"file":"tbody.type.d.ts","sourceRoot":"","sources":["tbody.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAClE,oBAAY,iBAAiB,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAE/D,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,iBAAiB,GACjB,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,UAAU,GACV,OAAO,CACV;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/esm/table/temp/00-scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"00-scroll.d.ts","sourceRoot":"","sources":["00-scroll.tsx"],"names":[],"mappings":";;AAUA,wBAWE"}
+{"version":3,"file":"00-scroll.d.ts","sourceRoot":"","sources":["00-scroll.tsx"],"names":[],"mappings":";;AASA,wBAWE"}

package/esm/table/temp/00-scroll.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
-require("@sheinx/shineout-style");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * cn - scroll

package/esm/table/thead.js

@@ -193,7 +193,7 @@ var _default = function _default(props) {
               margin: 0
             }
           })
-        }), renderDrag(colTemp.index)]
+        }), colTemp.type !== 'checkbox' ? renderDrag(colTemp.index) : null]
       }, 'checkbox'));
       return;
     }

package/esm/table/tr.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { TableFormatColumn } from '@sheinx/hooks';
 import { TbodyProps, UseTableRowResult } from './tbody.type';
-interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum' | 'treeFunc' | 'treeExpandLevel' | 'treeEmptyExpand' | 'isEmptyTree' | 'setRowHeight' | 'fixLeftNum' | 'fixRightNum' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'bodyScrollWidth'> {
+interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum' | 'treeFunc' | 'treeExpandLevel' | 'treeEmptyExpand' | 'isEmptyTree' | 'setRowHeight' | 'fixLeftNum' | 'fixRightNum' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'bodyScrollWidth' | 'resizeFlag'> {
     row: {
         data: any[];
         colSpan: number;

package/esm/table/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,CACpB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBA8QzB,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,CACf;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBA8QzB,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/esm/table/tr.js

@@ -73,7 +73,7 @@ var Tr = function Tr(props) {
       var expandHeight = expandRef.current ? expandRef.current.offsetHeight : 0;
       props.setRowHeight(props.rowIndex, trRef.current.offsetHeight + expandHeight);
     }
-  }, [props.expanded, props.rowIndex, props.bodyScrollWidth]);
+  }, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
   var renderTreeExpand = function renderTreeExpand(content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;
@@ -107,7 +107,7 @@ var Tr = function Tr(props) {
       }), content]
     });
   };
-  var renderContent = function renderContent(col, data, index) {
+  var renderContent = function renderContent(col, data) {
     if (col.type === 'expand' || col.type === 'row-expand') {
       var renderResult = typeof col.render === 'function' ? col.render(props.rawData, props.rowIndex) : undefined;
       if (typeof renderResult !== 'function') return null;
@@ -167,7 +167,7 @@ var Tr = function Tr(props) {
         })
       });
     }
-    var content = _hooks.util.render(col.render, data, index);
+    var content = _hooks.util.render(col.render, data, props.rowIndex);
     if (col.treeColumnsName) {
       return renderTreeExpand(content, col.treeIndent);
     }
@@ -196,7 +196,7 @@ var Tr = function Tr(props) {
           },
           className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
           style: getTdStyle(col, data[i].colSpan),
-          children: renderContent(col, data[i].data, col.index)
+          children: renderContent(col, data[i].data)
         }, col.key);
         tds.push(td);
         if (data[i].colSpan) skip = data[i].colSpan - 1;

package/esm/table/use-table-select.d.ts

@@ -4,12 +4,11 @@ export interface UseTableSelectProps {
 }
 declare const useTableSelect: (props: UseTableSelectProps) => {
     getTableProps: () => {
-        "data-soui-table"?: undefined;
         onMouseDown?: undefined;
         onMouseMove?: undefined;
         onMouseUp?: undefined;
     } | {
-        "data-soui-table": string;
+        [x: string]: string | ((e: React.MouseEvent) => void);
         onMouseDown: (e: React.MouseEvent) => void;
         onMouseMove: (event: React.MouseEvent) => void;
         onMouseUp: (event: React.MouseEvent) => void;

package/esm/table/use-table-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-select.d.ts","sourceRoot":"","sources":["use-table-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,gBAAgB,CAAC,CAAC;CACxD;AA8JD,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;yBASP,gBAAgB;6BAiBZ,gBAAgB;2BAclB,gBAAgB;;CAmD5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"use-table-select.d.ts","sourceRoot":"","sources":["use-table-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,gBAAgB,CAAC,CAAC;CACxD;AA8JD,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;mCASP,gBAAgB;yBAAhB,gBAAgB;6BAiBZ,gBAAgB;2BAclB,gBAAgB;;CAmD5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/table/use-table-select.js

@@ -15,8 +15,8 @@ var isMacOS = _hooks.util.isMacOS,
   isFirefox = _hooks.util.isFirefox,
   ready = _hooks.util.ready,
   getParent = _hooks.util.getParent;
-var selectAttribute = 'data-soui-table-selection';
-var tableAttribute = 'data-soui-table';
+var selectAttribute = _hooks.util.getDataAttributeName("table-selection");
+var tableAttribute = _hooks.util.getDataAttributeName("table");
 var tdSelect = "td[".concat(selectAttribute, "]");
 var instanceNum = 0;
 function isEventCombination(event) {

package/esm/tabs/index.d.ts

@@ -1,5 +1,5 @@
 export { default, default as Tabs } from './tabs';
-export type { TabsProps } from './tabs.type';
+export type { TabsProps, TabsClasses } from './tabs.type';
 export { default as TabsPanel } from './tabs-panel';
 export type { TabsPanelProps } from './tabs-panel.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/tabs/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

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

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AA6FtC,wBAAqC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AA0FtC,wBAAqC"}

package/esm/tabs/tab.js

@@ -38,9 +38,9 @@ var Tab = function Tab(props, ref) {
     var stateProps = [];
     if (isActive) stateProps.push('active');
     if (disabled) stateProps.push('disabled');
-    return {
-      'data-soui-state': stateProps.join(' ')
-    };
+    return _hooks.util.getDataAttribute({
+      state: stateProps.join(' ')
+    });
   };
   var handleClick = function handleClick() {
     if (disabled) return;

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

@@ -1 +1 @@
-{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBA0MzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAmNzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/tabs/tabs-header.js

@@ -97,9 +97,9 @@ var TabsHeader = function TabsHeader(props) {
     setTransform(getActiveTabOffest());
   }, [active, tabRef.current, headerRef.current, scrollRef.current, shouldScroll]);
   var getDataProps = function getDataProps(options) {
-    return _objectSpread({
-      'data-soui-shape': shape
-    }, options);
+    return _hooks.util.getDataAttribute(_objectSpread({
+      shape: shape
+    }, options));
   };
   var handlePrev = function handlePrev() {
     if (!headerRef.current) return;
@@ -150,7 +150,7 @@ var TabsHeader = function TabsHeader(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
       className: (0, _classnames.default)(headerStyle.prev)
     }, getDataProps({
-      'data-soui-state': atStart ? 'disabled' : ''
+      state: atStart ? 'disabled' : ''
     })), {}, {
       onClick: handlePrev,
       children: shape === 'card' ? _icons.default.ArrowLeft : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -163,7 +163,7 @@ var TabsHeader = function TabsHeader(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
       className: headerStyle.next
     }, getDataProps({
-      'data-soui-state': atEnd ? 'disabled' : ''
+      state: atEnd ? 'disabled' : ''
     })), {}, {
       onClick: handleNext,
       children: shape === 'card' ? _icons.default.ArrowRight : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

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;AAOnD,QAAA,MAAM,IAAI;YAAW,SAAS;;CA6P7B,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;;CA2P7B,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/esm/tabs/tabs.js

@@ -55,7 +55,8 @@ var Tabs = function Tabs(props) {
     background = props.background,
     activeBackground = props.activeBackground,
     inactiveBackground = props.inactiveBackground,
-    defaultActive = props.defaultActive,
+    _props$defaultActive = props.defaultActive,
+    defaultActive = _props$defaultActive === void 0 ? 0 : _props$defaultActive,
     tabBarStyle = props.tabBarStyle,
     color = props.color,
     sticky = props.sticky,
@@ -81,7 +82,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, tabsClassName, (_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, isVertical || autoFill), (0, _defineProperty2.default)(_classNames, tabsStyle.collapsed, collapse), _classNames));
   var getRootProps = function getRootProps() {
     return rest;
   };
@@ -119,10 +120,10 @@ var Tabs = function Tabs(props) {
     }
   };
   var getDataProps = function getDataProps() {
-    return {
-      'data-soui-position': getPosition(),
-      'data-soui-shape': shape
-    };
+    return _hooks.util.getDataAttribute({
+      position: getPosition(),
+      shape: shape
+    });
   };
   var handleCollapsible = function handleCollapsible() {
     var nextCollapse = !collapse;

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

@@ -99,8 +99,8 @@ export interface TabsProps extends BaseTabsProps, Pick<CommonType, 'className' |
      */
     defaultCollapsed?: boolean;
     /**
-     * @en Auto fill the panel
-     * @cn 自动填充内容区域
+     * @en Auto fill the panel, when the position is left-top, right-top and the shape is not button and fill, it is enabled by default, and other cases need to be controlled manually
+     * @cn 自动填充内容区域,当position为left-top, right-top且shape为非button和fill时默认开启，其他情况需手动控制
      */
     autoFill?: boolean;
     /**

package/esm/tag/index.d.ts

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

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

@@ -1 +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"}
+{"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,UAAU,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/esm/tag/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

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

@@ -1 +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"}
+{"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;;CAgI3B,CAAC;AAIF,eAAe,GAAG,CAAC"}

package/esm/tag/tag.js

@@ -14,7 +14,7 @@ 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"];
+var _excluded = ["jssStyle", "className", "type", "color", "size", "disabled", "mode", "shape", "children", "onClick", "onClose", "style", "backgroundColor", "inlineStyle", "onKeyUp", "onCompleted", "onEnterPress", "closable"];
 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;
@@ -34,17 +34,21 @@ var Tag = function Tag(props) {
     onClose = props.onClose,
     style = props.style,
     backgroundColor = props.backgroundColor,
+    inlineStyle = props.inlineStyle,
     onKeyUp = props.onKeyUp,
     onCompleted = props.onCompleted,
     onEnterPress = props.onEnterPress,
+    closable = props.closable,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var showClose = closable || onClose;
   var _useTag = (0, _useTag2.default)({
       jssStyle: jssStyle,
       onClose: onClose,
       onClick: onClick,
       disabled: disabled,
       onCompleted: onCompleted,
-      children: children
+      children: children,
+      closable: closable
     }),
     dismiss = _useTag.dismiss,
     showInput = _useTag.showInput,
@@ -73,13 +77,15 @@ var Tag = function Tag(props) {
   var renderChildren = function renderChildren() {
     if (onClose) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: tagStyle.inline,
+        className: (0, _classnames.default)(tagStyle.wrapper, inlineStyle && tagStyle.inline),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: tagStyle.container,
           children: children
         })
       });
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames.default)(tagStyle.wrapper, inlineStyle && tagStyle.inline),
       children: children
     });
   };
@@ -95,7 +101,7 @@ var Tag = function Tag(props) {
     });
   };
   var renderClose = function renderClose() {
-    if (!onClose) {
+    if (!showClose) {
       return null;
     }
     if (dismiss === Pendding) {

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

@@ -10,6 +10,8 @@ export interface TagClasses {
     tag: string;
     input: string;
     inline: string;
+    wrapper: string;
+    container: string;
     closeIcon: string;
     closeIconWrapper: string;
     info: string;
@@ -24,6 +26,7 @@ export interface TagClasses {
     indigo: string;
     tangerine: string;
     neon: string;
+    lemon: string;
     large: string;
     small: string;
     fill: string;
@@ -90,6 +93,10 @@ export interface BaseTagProps extends Pick<CommonType, 'style' | 'className' | '
      * @cn 当 onClose 为空时，不显示关闭。如果需要关闭又不需要处理回调，设置为 true 即可
      */
     onClose?: boolean | ((e: React.MouseEvent<HTMLDivElement>) => void | Promise<any>);
+    /**
+     * @private
+     */
+    closable?: boolean | 'only';
     /**
      * @en Editable input box keyUp event
      * @cn 可编辑输入框 keyUp 事件
@@ -100,6 +107,10 @@ export interface BaseTagProps extends Pick<CommonType, 'style' | 'className' | '
      * @cn 可编辑输入框回车事件
      */
     onEnterPress?: (value: string, e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * 内部属性，用于控制截断样式
+     */
+    inlineStyle?: boolean;
 }
 export interface BaseTagInputProps extends Pick<CommonType, 'style' | 'className' | 'size'> {
     jssStyle: {

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

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

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

@@ -1 +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"}
+{"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;qBAuCL,gBAAgB,CAAC,cAAc,CAAC;qBAlDhC,gBAAgB,CAAC,cAAc,CAAC;4BAyDzB,MAAM;CAmBtC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/tag/use-tag.js

@@ -20,7 +20,8 @@ var useTag = function useTag(props) {
     disabled = props.disabled,
     onCompleted = props.onCompleted,
     onClick = props.onClick,
-    children = props.children;
+    children = props.children,
+    closable = props.closable;
   var _useState = (0, _react.useState)(Finish),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     dismiss = _useState2[0],
@@ -49,6 +50,10 @@ var useTag = function useTag(props) {
   };
   var handleDismiss = function handleDismiss(e) {
     var callback;
+    if (closable === 'only') {
+      if (isFunc(onClose)) onClose(e);
+      return;
+    }
     if (onClose === true) {
       setDismiss(Done);
       return;

package/esm/textarea/index.d.ts

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

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

@@ -1 +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"}
+{"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,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/esm/textarea/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/textarea/simple-textarea.js

@@ -73,9 +73,7 @@ var Textarea = function Textarea(props) {
   if (typeof renderTextarea === 'function') {
     textareaEl = renderTextarea(textareaEl);
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
-    "data-soui-type": "input"
-  }, getRootProps({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({}, _hooks.util.getDataAttribute((0, _defineProperty2.default)({}, 'input-border', 'true'))), getRootProps({
     className: rootClass,
     style: style
   })), {}, {

package/esm/textarea/textarea.d.ts

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

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;;AAgMhD,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;;AA6LhD,wBAAoC"}

package/esm/textarea/textarea.js

@@ -22,7 +22,7 @@ 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 _useWithFormConfig = _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"));
@@ -38,8 +38,9 @@ var defaultInfo = function defaultInfo(num, msg) {
   if (msg.length <= num) return text;
   return new Error(text);
 };
-var Textarea = function Textarea(props) {
+var Textarea = function Textarea(props0) {
   var _jssStyle$textarea, _ref, _ref2;
+  var props = (0, _useWithFormConfig.default)(props0);
   var info = props.info,
     suffix = props.suffix,
     renderFooter = props.renderFooter,
@@ -56,11 +57,6 @@ var Textarea = function Textarea(props) {
   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;
-  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],