@sheinx/base 3.8.7 → 3.8.8-beta.1

package/cjs/carousel/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,QAAA,MAAM,QAAQ,UAAW,aAAa,4CAgKrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,QAAA,MAAM,QAAQ,UAAW,aAAa,4CAiKrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/carousel/carousel.js

@@ -134,14 +134,15 @@ var Carousel = function Carousel(props) {
       children: content
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     className: wrapperClasses,
     style: _objectSpread(_objectSpread({}, props.style), {}, {
       height: 'auto'
     }),
     onMouseEnter: func.stop,
-    onMouseLeave: func.start,
+    onMouseLeave: func.start
+  }, (0, _hooks.getDataset)(props)), {}, {
     children: [renderItems(), renderIndicator(), renderArrow()]
-  });
+  }));
 };
 var _default = exports.default = Carousel;

package/cjs/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAahD,QAAA,MAAM,QAAQ,6HAixBb,CAAC;AACF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,YAAY,EAKb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAahD,QAAA,MAAM,QAAQ,6HAkxBb,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/cjs/cascader/cascader.js

@@ -692,10 +692,10 @@ var Cascader = function Cascader(props0) {
       filterText: filterText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
       id: fieldId,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), {}, {
+    }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), (0, _hooks.getDataset)(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onBlur: handleBlur,

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

@@ -1 +1 @@
-{"version":3,"file":"simple-checkbox.d.ts","sourceRoot":"","sources":["simple-checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAKtD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,4CA8D3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"simple-checkbox.d.ts","sourceRoot":"","sources":["simple-checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAKtD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,4CA+D3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/checkbox/simple-checkbox.js

@@ -47,13 +47,13 @@ var Checkbox = function Checkbox(props) {
   var rootClass = (0, _classnames.default)(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.rootClass, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapper, size === 'small' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperSmall), size === 'large' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperLarge), !!disabled && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperDisabled), !!checked && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperChecked), props.checked === 'indeterminate' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperIndeterminate));
   var indicatorClass = (0, _classnames.default)(checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicatorWrapper, theme === 'dark' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.darkIndicatorWrapper));
   var inputProps = getInputProps();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
     id: fieldId
   }, getRootProps({
     className: rootClass,
     style: style,
     needStopPropagation: props.needStopPropagation
-  })), {}, {
+  })), (0, _hooks.getDataset)(props)), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, inputProps), {}, {
       type: "checkbox"
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/cjs/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAmB1E,QAAA,MAAM,UAAU,gHA0Vf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAmB1E,QAAA,MAAM,UAAU,gHA2Vf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/date-picker/date-picker.js

@@ -286,7 +286,7 @@ var DatePicker = function DatePicker(props0) {
       devUseWarning.conflict('DatePicker', 'formatResult', 'inputable');
     }
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute(_defineProperty(_defineProperty({}, 'input-border', 'true'), "type", type))), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({}, _hooks.util.getDataAttribute(_defineProperty(_defineProperty({}, 'input-border', 'true'), "type", type))), (0, _hooks.getDataset)(props)), {}, {
     className: (0, _classnames.default)(props.className, styles === null || styles === void 0 ? void 0 : styles.rootClass, styles === null || styles === void 0 ? void 0 : styles.wrapper, props.innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), focused && disabled !== true && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), range && (styles === null || styles === void 0 ? void 0 : styles.wrapperRange), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!props.underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline)),
     ref: targetRef,
     style: _objectSpread({

package/cjs/dropdown/dropdownIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,4CA4O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,4CA6O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/dropdown/dropdownIn.js

@@ -181,13 +181,13 @@ var Dropdown = function Dropdown(props) {
     return d.children;
   });
   var targetProps = getTargetProps();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
     className: (0, _classnames.default)(className, dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.rootClass, dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.wrapper, !isSub && open && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.open)),
     style: style,
     "data-position": position,
     "data-role": "dropdown",
     ref: targetRef
-  }, targetProps), {}, {
+  }, targetProps), (0, _hooks.getDataset)(props)), {}, {
     onClick: isSub ? openPop : targetProps.onClick,
     children: [renderButton(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.default, {
       position: position,

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,KAAK,MAAM,OAAO,CAAC;;AA6C1B,wBAAiC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,KAAK,MAAM,OAAO,CAAC;;AA8C1B,wBAAiC"}

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

@@ -1 +1 @@
-{"version":3,"file":"simple-input.d.ts","sourceRoot":"","sources":["simple-input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,QAAA,MAAM,KAAK;YAAW,gBAAgB;;CA0HrC,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"simple-input.d.ts","sourceRoot":"","sources":["simple-input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,QAAA,MAAM,KAAK;YAAW,gBAAgB;;CA4HrC,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/cjs/input/simple-input.js

@@ -95,9 +95,10 @@ var Input = function Input(props) {
     className: (0, _classnames.default)(inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.input),
     onKeyUp: onKeyUp
   });
-  var inputElProps = _hooks.util.removeProps(inputProps, {
+  var datasetProps = (0, _hooks.getDataset)(props);
+  var inputElProps = _hooks.util.removeProps(inputProps, _objectSpread({
     formName: undefined
-  });
+  }, datasetProps));
   var inputEl = /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({
     type: "text"
   }, inputElProps));
@@ -105,9 +106,9 @@ var Input = function Input(props) {
     inputEl = renderInput(inputEl);
   }
   var rootClass = (0, _classnames.default)(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.rootClass, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapper, !!focused && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperFocus), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperDisabled), status === 'error' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperError), size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperLarge), !!underline && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperUnderline), !border && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperNoBorder), hasSuffix && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.password), showClearFromProp && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperShowClear), showClearFromProp && !_hooks.util.isEmpty(inputElProps.value) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperHasValue));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     id: fieldId
-  }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), getRootProps({
+  }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), datasetProps), getRootProps({
     className: rootClass,
     style: style
   })), {}, {

package/cjs/pagination/pagination.js

@@ -87,7 +87,7 @@ var Pagination = function Pagination(props) {
       })
     }));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread(_objectSpread({}, getRootProps()), (0, _hooks.getDataset)(props)), {}, {
     className: rootClasses,
     children: layout.map(function (section, i) {
       switch (section) {

package/cjs/rate/rate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,QAAA,MAAM,IAAI,WAAY,SAAS,4CA+H9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,QAAA,MAAM,IAAI,WAAY,SAAS,4CAgI9B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/rate/rate.js

@@ -16,6 +16,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -110,13 +115,14 @@ var Rate = function Rate(props0) {
     }, index);
   };
   var text = Array.isArray(props.text) && props.text[Math.ceil(value - 1)];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: (0, _classnames.default)(props.className, rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.rootClass, rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.wrapper),
     id: fieldId,
     style: props.style,
     onMouseLeave: function onMouseLeave() {
       setHoverValue(null);
-    },
+    }
+  }, (0, _hooks.getDataset)(props)), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.inner,
       children: [Array.from({
@@ -128,6 +134,6 @@ var Rate = function Rate(props0) {
         children: text
       })]
     })
-  });
+  }));
 };
 var _default = exports.default = Rate;

package/cjs/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAenE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,2CAwxBxE;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAenE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,2CAyxBxE;AAED,eAAe,MAAM,CAAC"}

package/cjs/select/select.js

@@ -720,10 +720,10 @@ function Select(props0) {
       filterText: filterText,
       highlight: highlight
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
       ref: targetRef,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), {}, {
+    }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), (0, _hooks.getDataset)(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onKeyDown: handleKeyDown,

package/cjs/tag/tag.js

@@ -130,7 +130,7 @@ var Tag = function Tag(props) {
   if (showInput) {
     return renderInput();
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, getTagRootProps()), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({}, getTagRootProps()), (0, _hooks.getDataset)(props)), {}, {
     children: [renderChildren(), renderClose()]
   }));
 };

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

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

package/cjs/textarea/simple-textarea.js

@@ -99,9 +99,9 @@ var Textarea = function Textarea(props) {
       children: _icons.default.textarea.Close
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     id: fieldId
-  }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), getRootProps({
+  }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), (0, _hooks.getDataset)(props)), getRootProps({
     className: rootClass,
     style: style
   })), {}, {

package/cjs/transfer/transfer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAkD,YAAY,EAAQ,MAAM,eAAe,CAAC;AAOnG,QAAA,MAAM,QAAQ,4HAqMb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAkD,YAAY,EAAoB,MAAM,eAAe,CAAC;AAO/G,QAAA,MAAM,QAAQ,4HAqMb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/transfer/transfer.js

@@ -15,6 +15,8 @@ var _formFieldContext = require("../form/form-field-context");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -197,12 +199,13 @@ var Transfer = function Transfer(props) {
       filterTargetText: filterTargetText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
       className: rootClass,
       style: style,
-      id: fieldId,
+      id: fieldId
+    }, (0, _hooks.getDataset)(props)), {}, {
       children: [renderSourceList, !simple && renderOperations(), renderTargetList]
-    })
+    }))
   });
 };
 var _default = exports.default = Transfer;

package/cjs/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAMhE,QAAA,MAAM,UAAU,oIAkuBf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,YAAY,EAGb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAMhE,QAAA,MAAM,UAAU,oIAmuBf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/tree-select/tree-select.js

@@ -666,11 +666,11 @@ var TreeSelect = function TreeSelect(props0) {
       filterText: filterText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
       id: fieldId,
       ref: targetRef,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), {}, {
+    }, _hooks.util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), (0, _hooks.getDataset)(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onBlur: handleBlur,

package/cjs/upload/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,QAAA,MAAM,MAAM,wEAwQX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,QAAA,MAAM,MAAM,wEAyQX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/upload/upload.js

@@ -216,10 +216,11 @@ var Upload = function Upload(props0) {
   var shouldRenderLeft = listType !== 'image' || leftHandler;
   var _useContext = (0, _react.useContext)(_formFieldContext.FormFieldContext),
     fieldId = _useContext.fieldId;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     id: fieldId,
     style: props.style,
-    className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.rootClass, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
+    className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.rootClass, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className)
+  }, (0, _hooks.getDataset)(props)), {}, {
     children: renderCustomResult ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [shouldRenderLeft && renderHandler(), renderCustomResult({
         value: value,
@@ -235,6 +236,6 @@ var Upload = function Upload(props0) {
     }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [shouldRenderLeft && !hideHandler && renderHandler(), renderValue(), renderFile(), !shouldRenderLeft && !hideHandler && renderHandler(), renderRecover()]
     })
-  });
+  }));
 };
 var _default = exports.default = Upload;

package/esm/carousel/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,QAAA,MAAM,QAAQ,UAAW,aAAa,4CAgKrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,QAAA,MAAM,QAAQ,UAAW,aAAa,4CAiKrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/carousel/carousel.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useCarousel } from '@sheinx/hooks';
+import { getDataset, useCarousel } from '@sheinx/hooks';
 import classNames from 'classnames';
 import React from 'react';
 import Icons from "../icons";
@@ -129,14 +129,15 @@ var Carousel = function Carousel(props) {
       children: content
     });
   };
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: wrapperClasses,
     style: _objectSpread(_objectSpread({}, props.style), {}, {
       height: 'auto'
     }),
     onMouseEnter: func.stop,
-    onMouseLeave: func.start,
+    onMouseLeave: func.start
+  }, getDataset(props)), {}, {
     children: [renderItems(), renderIndicator(), renderArrow()]
-  });
+  }));
 };
 export default Carousel;

package/esm/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAahD,QAAA,MAAM,QAAQ,6HAixBb,CAAC;AACF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,YAAY,EAKb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAahD,QAAA,MAAM,QAAQ,6HAkxBb,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/esm/cascader/cascader.js

@@ -16,7 +16,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useRef, useEffect, useMemo, useContext } from 'react';
 import classNames from 'classnames';
-import { util, usePersistFn, usePopup, useCascader, useFilter, usePrevious } from '@sheinx/hooks';
+import { util, usePersistFn, usePopup, useCascader, useFilter, usePrevious, getDataset } from '@sheinx/hooks';
 import { Spin } from "../spin";
 import { AbsoluteList } from "../absolute-list";
 import useInnerTitle from "../common/use-inner-title";
@@ -685,10 +685,10 @@ var Cascader = function Cascader(props0) {
       filterText: filterText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
       id: fieldId,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), {}, {
+    }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), getDataset(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onBlur: handleBlur,

package/esm/checkbox/simple-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-checkbox.d.ts","sourceRoot":"","sources":["simple-checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAKtD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,4CA8D3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"simple-checkbox.d.ts","sourceRoot":"","sources":["simple-checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAKtD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,4CA+D3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/checkbox/simple-checkbox.js

@@ -7,7 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useCheck, util } from '@sheinx/hooks';
+import { getDataset, useCheck, util } from '@sheinx/hooks';
 import classNames from 'classnames';
 import React, { useContext } from 'react';
 import { FormFieldContext } from "../form/form-field-context";
@@ -39,13 +39,13 @@ var Checkbox = function Checkbox(props) {
   var rootClass = classNames(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.rootClass, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapper, size === 'small' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperSmall), size === 'large' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperLarge), !!disabled && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperDisabled), !!checked && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperChecked), props.checked === 'indeterminate' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperIndeterminate));
   var indicatorClass = classNames(checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicatorWrapper, theme === 'dark' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.darkIndicatorWrapper));
   var inputProps = getInputProps();
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
     id: fieldId
   }, getRootProps({
     className: rootClass,
     style: style,
     needStopPropagation: props.needStopPropagation
-  })), {}, {
+  })), getDataset(props)), {}, {
     children: [/*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({}, inputProps), {}, {
       type: "checkbox"
     })), /*#__PURE__*/_jsx("span", {

package/esm/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAmB1E,QAAA,MAAM,UAAU,gHA0Vf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAmB1E,QAAA,MAAM,UAAU,gHA2Vf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/date-picker/date-picker.js

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useDatePickerFormat, useInputAble, usePersistFn, usePopup, util } from '@sheinx/hooks';
+import { getDataset, useDatePickerFormat, useInputAble, usePersistFn, usePopup, util } from '@sheinx/hooks';
 import classNames from 'classnames';
 import { AbsoluteList } from "../absolute-list";
 import React, { useEffect, useRef } from 'react';
@@ -279,7 +279,7 @@ var DatePicker = function DatePicker(props0) {
       devUseWarning.conflict('DatePicker', 'formatResult', 'inputable');
     }
   }, []);
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, util.getDataAttribute(_defineProperty(_defineProperty({}, 'input-border', 'true'), "type", type))), {}, {
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({}, util.getDataAttribute(_defineProperty(_defineProperty({}, 'input-border', 'true'), "type", type))), getDataset(props)), {}, {
     className: classNames(props.className, styles === null || styles === void 0 ? void 0 : styles.rootClass, styles === null || styles === void 0 ? void 0 : styles.wrapper, props.innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), focused && disabled !== true && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), range && (styles === null || styles === void 0 ? void 0 : styles.wrapperRange), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!props.underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline)),
     ref: targetRef,
     style: _objectSpread({

package/esm/dropdown/dropdownIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,4CA4O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,4CA6O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/dropdown/dropdownIn.js

@@ -6,7 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import Button from "../button";
-import { usePopup, util } from '@sheinx/hooks';
+import { getDataset, usePopup, util } from '@sheinx/hooks';
 import AnimationList from "../animation-list";
 import AbsoluteList from "../absolute-list";
 import Icons from "../icons";
@@ -175,13 +175,13 @@ var Dropdown = function Dropdown(props) {
     return d.children;
   });
   var targetProps = getTargetProps();
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
     className: classNames(className, dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.rootClass, dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.wrapper, !isSub && open && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.open)),
     style: style,
     "data-position": position,
     "data-role": "dropdown",
     ref: targetRef
-  }, targetProps), {}, {
+  }, targetProps), getDataset(props)), {}, {
     onClick: isSub ? openPop : targetProps.onClick,
     children: [renderButton(), /*#__PURE__*/_jsx(AbsoluteList, {
       position: position,

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,KAAK,MAAM,OAAO,CAAC;;AA6C1B,wBAAiC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,KAAK,MAAM,OAAO,CAAC;;AA8C1B,wBAAiC"}

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

@@ -1 +1 @@
-{"version":3,"file":"simple-input.d.ts","sourceRoot":"","sources":["simple-input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,QAAA,MAAM,KAAK;YAAW,gBAAgB;;CA0HrC,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"simple-input.d.ts","sourceRoot":"","sources":["simple-input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,QAAA,MAAM,KAAK;YAAW,gBAAgB;;CA4HrC,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/esm/input/simple-input.js

@@ -7,7 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useInput, useKeyEvent, usePersistFn, util } from '@sheinx/hooks';
+import { getDataset, useInput, useKeyEvent, usePersistFn, util } from '@sheinx/hooks';
 import classNames from 'classnames';
 import React, { useContext, useRef } from 'react';
 import Icons from "../icons";
@@ -87,9 +87,10 @@ var Input = function Input(props) {
     className: classNames(inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.input),
     onKeyUp: onKeyUp
   });
-  var inputElProps = util.removeProps(inputProps, {
+  var datasetProps = getDataset(props);
+  var inputElProps = util.removeProps(inputProps, _objectSpread({
     formName: undefined
-  });
+  }, datasetProps));
   var inputEl = /*#__PURE__*/_jsx("input", _objectSpread({
     type: "text"
   }, inputElProps));
@@ -97,9 +98,9 @@ var Input = function Input(props) {
     inputEl = renderInput(inputEl);
   }
   var rootClass = classNames(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.rootClass, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapper, !!focused && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperFocus), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperDisabled), status === 'error' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperError), size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperLarge), !!underline && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperUnderline), !border && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperNoBorder), hasSuffix && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.password), showClearFromProp && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperShowClear), showClearFromProp && !util.isEmpty(inputElProps.value) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperHasValue));
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     id: fieldId
-  }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), getRootProps({
+  }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), datasetProps), getRootProps({
     className: rootClass,
     style: style
   })), {}, {

package/esm/pagination/pagination.js

@@ -9,7 +9,7 @@ import List from "./pagination-size-list";
 import Jumper from "./pagination-jumper";
 import Buttons from "./pagination-buttons";
 import Simple from "./pagination-simple";
-import { usePagination, util } from '@sheinx/hooks';
+import { getDataset, usePagination, util } from '@sheinx/hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 var devUseWarning = util.devUseWarning;
 var Pagination = function Pagination(props) {
@@ -80,7 +80,7 @@ var Pagination = function Pagination(props) {
       })
     }));
   }
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread(_objectSpread({}, getRootProps()), getDataset(props)), {}, {
     className: rootClasses,
     children: layout.map(function (section, i) {
       switch (section) {

package/esm/rate/rate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,QAAA,MAAM,IAAI,WAAY,SAAS,4CA+H9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,QAAA,MAAM,IAAI,WAAY,SAAS,4CAgI9B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/rate/rate.js

@@ -1,3 +1,9 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -7,7 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import React, { useContext, useState } from 'react';
 import Icons from "../icons";
-import { useInputAble } from '@sheinx/hooks';
+import { getDataset, useInputAble } from '@sheinx/hooks';
 import useWithFormConfig from "../common/use-with-form-config";
 import { useConfig } from "../config";
 import { FormFieldContext } from "../form/form-field-context";
@@ -101,13 +107,14 @@ var Rate = function Rate(props0) {
     }, index);
   };
   var text = Array.isArray(props.text) && props.text[Math.ceil(value - 1)];
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: classNames(props.className, rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.rootClass, rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.wrapper),
     id: fieldId,
     style: props.style,
     onMouseLeave: function onMouseLeave() {
       setHoverValue(null);
-    },
+    }
+  }, getDataset(props)), {}, {
     children: /*#__PURE__*/_jsxs("div", {
       className: rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.inner,
       children: [Array.from({
@@ -119,6 +126,6 @@ var Rate = function Rate(props0) {
         children: text
       })]
     })
-  });
+  }));
 };
 export default Rate;

package/esm/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAenE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,2CAwxBxE;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAenE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,2CAyxBxE;AAED,eAAe,MAAM,CAAC"}

package/esm/select/select.js

@@ -16,7 +16,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useRef, useState } from 'react';
 import classNames from 'classnames';
-import { util, usePersistFn, usePopup, useSelect, useFilter, useGroup, useTiled } from '@sheinx/hooks';
+import { util, usePersistFn, usePopup, useSelect, useFilter, useGroup, useTiled, getDataset } from '@sheinx/hooks';
 import { AbsoluteList } from "../absolute-list";
 import useInnerTitle from "../common/use-inner-title";
 import AnimationList from "../animation-list";
@@ -713,10 +713,10 @@ function Select(props0) {
       filterText: filterText,
       highlight: highlight
     },
-    children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
       ref: targetRef,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), {}, {
+    }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), getDataset(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onKeyDown: handleKeyDown,

package/esm/tag/tag.js

@@ -10,7 +10,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import classNames from 'classnames';
 import Icons from "../icons";
 import useTag from "./use-tag";
-import { util } from '@sheinx/hooks';
+import { getDataset, util } from '@sheinx/hooks';
 import TagInput from "./tag-input";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -124,7 +124,7 @@ var Tag = function Tag(props) {
   if (showInput) {
     return renderInput();
   }
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, getTagRootProps()), {}, {
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({}, getTagRootProps()), getDataset(props)), {}, {
     children: [renderChildren(), renderClose()]
   }));
 };

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

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

package/esm/textarea/simple-textarea.js

@@ -7,7 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useKeyEvent, usePersistFn, useTextarea, util } from '@sheinx/hooks';
+import { getDataset, useKeyEvent, usePersistFn, useTextarea, util } from '@sheinx/hooks';
 import classNames from 'classnames';
 import React, { useContext, useEffect } from 'react';
 import { FormFieldContext } from "../form/form-field-context";
@@ -91,9 +91,9 @@ var Textarea = function Textarea(props) {
       children: Icons.textarea.Close
     });
   }
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     id: fieldId
-  }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), getRootProps({
+  }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), getDataset(props)), getRootProps({
     className: rootClass,
     style: style
   })), {}, {

package/esm/transfer/transfer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAkD,YAAY,EAAQ,MAAM,eAAe,CAAC;AAOnG,QAAA,MAAM,QAAQ,4HAqMb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAkD,YAAY,EAAoB,MAAM,eAAe,CAAC;AAO/G,QAAA,MAAM,QAAQ,4HAqMb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/transfer/transfer.js

@@ -1,4 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -10,7 +12,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { useContext, useMemo } from 'react';
 import classNames from 'classnames';
-import { TransferContext, useTransfer, util } from '@sheinx/hooks';
+import { TransferContext, useTransfer, util, getDataset } from '@sheinx/hooks';
 import TransferList from "./transfer-list";
 import TransferOperate from "./transfer-operate";
 import Icon from "../icons";
@@ -191,12 +193,13 @@ var Transfer = function Transfer(props) {
       filterTargetText: filterTargetText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/_jsxs("div", {
+    children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
       className: rootClass,
       style: style,
-      id: fieldId,
+      id: fieldId
+    }, getDataset(props)), {}, {
       children: [renderSourceList, !simple && renderOperations(), renderTargetList]
-    })
+    }))
   });
 };
 export default Transfer;

package/esm/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAMhE,QAAA,MAAM,UAAU,oIAkuBf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,YAAY,EAGb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAMhE,QAAA,MAAM,UAAU,oIAmuBf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/tree-select/tree-select.js

@@ -11,7 +11,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useRef, useEffect, useState, useContext } from 'react';
-import { util, usePersistFn, useTiled, usePopup, useTreeSelect, useFilter, useTree } from '@sheinx/hooks';
+import { util, usePersistFn, useTiled, usePopup, useTreeSelect, useFilter, useTree, getDataset } from '@sheinx/hooks';
 import classNames from 'classnames';
 import { AbsoluteList } from "../absolute-list";
 import useInnerTitle from "../common/use-inner-title";
@@ -659,11 +659,11 @@ var TreeSelect = function TreeSelect(props0) {
       filterText: filterText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
       id: fieldId,
       ref: targetRef,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), {}, {
+    }, util.getDataAttribute(_defineProperty({}, 'input-border', 'true'))), getDataset(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onBlur: handleBlur,

package/esm/upload/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,QAAA,MAAM,MAAM,wEAwQX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,QAAA,MAAM,MAAM,wEAyQX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/upload/upload.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useInputAble, usePersistFn, useUpload, util } from '@sheinx/hooks';
+import { getDataset, useInputAble, usePersistFn, useUpload, util } from '@sheinx/hooks';
 import React, { useContext, useEffect } from 'react';
 import Drop from "./drop";
 import classNames from 'classnames';
@@ -210,10 +210,11 @@ var Upload = function Upload(props0) {
   var shouldRenderLeft = listType !== 'image' || leftHandler;
   var _useContext = useContext(FormFieldContext),
     fieldId = _useContext.fieldId;
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     id: fieldId,
     style: props.style,
-    className: classNames(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.rootClass, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
+    className: classNames(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.rootClass, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className)
+  }, getDataset(props)), {}, {
     children: renderCustomResult ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [shouldRenderLeft && renderHandler(), renderCustomResult({
         value: value,
@@ -229,6 +230,6 @@ var Upload = function Upload(props0) {
     }) : /*#__PURE__*/_jsxs(_Fragment, {
       children: [shouldRenderLeft && !hideHandler && renderHandler(), renderValue(), renderFile(), !shouldRenderLeft && !hideHandler && renderHandler(), renderRecover()]
     })
-  });
+  }));
 };
 export default Upload;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.8.7",
+  "version": "3.8.8-beta.1",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.8.7",
+    "@sheinx/hooks": "3.8.8-beta.1",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"