@sheinx/base 3.0.0-alpha.13 → 3.0.0-alpha.15

package/cjs/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/cjs/tabs/tabs.js

@@ -119,10 +119,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/cjs/textarea/simple-textarea.js

@@ -73,9 +73,9 @@ 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({
+    type: 'input'
+  })), getRootProps({
     className: rootClass,
     style: style
   })), {}, {

package/cjs/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/cjs/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/cjs/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],

package/cjs/tooltip/tooltip.d.ts.map

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

package/cjs/tooltip/tooltip.js

@@ -84,10 +84,12 @@ var Tooltip = function Tooltip(props) {
       position: position,
       fixedWidth: false,
       popupGap: 0,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen)),
-        "data-soui-position": position,
-        "data-soui-type": type,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+        className: (0, _classnames.default)(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen))
+      }, _hooks.util.getDataAttribute({
+        type: type,
+        position: position
+      })), {}, {
         ref: popupRef,
         onMouseLeave: events.onMouseLeave,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -95,7 +97,7 @@ var Tooltip = function Tooltip(props) {
           className: (0, _classnames.default)(tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.content),
           children: tip
         })
-      })
+      }))
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,QAAA,MAAM,IAAI,mFA0OT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,mFA0OT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/tree/tree.js

@@ -21,12 +21,12 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
 var _treeRoot = _interopRequireDefault(require("./tree-root"));
-var _immer = require("immer");
 var _treeContext = require("./tree-context");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "dragHoverExpand", "active", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "onRef", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart"];
 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 produce = _hooks.util.produce;
 var Tree = function Tree(props) {
   var _classNames;
   var jssStyle = props.jssStyle,
@@ -144,7 +144,7 @@ var Tree = function Tree(props) {
     var current = datum.getPath(id);
     var target = datum.getPath(targetIdCopy);
     if (!current || !target) return;
-    var newData = (0, _immer.produce)(data, function (draft) {
+    var newData = produce(data, function (draft) {
       var node = draft;
       var temp;
       var removeNode = function removeNode() {};

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

@@ -2,6 +2,6 @@
 import { KeygenResult } from '@sheinx/hooks';
 import { TreeSelectProps } from './tree-select.type';
 export declare type TreeSelectValueType = KeygenResult | KeygenResult[];
-declare const TreeSelect: <DataItem, Value extends TreeSelectValueType>(props: TreeSelectProps<DataItem, Value>) => JSX.Element;
+declare const TreeSelect: <DataItem, Value extends TreeSelectValueType>(props0: TreeSelectProps<DataItem, Value>) => JSX.Element;
 export default TreeSelect;
 //# sourceMappingURL=tree-select.d.ts.map

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,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAUjE,oBAAY,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAEhE,QAAA,MAAM,UAAU,uGAohBf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAQL,YAAY,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAWjE,oBAAY,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAEhE,QAAA,MAAM,UAAU,wGAqhBf,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -25,13 +25,15 @@ var _animationList = _interopRequireDefault(require("../animation-list"));
 var _result = _interopRequireDefault(require("../select/result"));
 var _icons = _interopRequireDefault(require("../icons"));
 var _tree = _interopRequireDefault(require("../tree"));
+var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var TreeSelect = function TreeSelect(props) {
+var TreeSelect = function TreeSelect(props0) {
   var _jssStyle$select;
+  var props = (0, _useWithFormConfig.default)(props0);
   var jssStyle = props.jssStyle,
     className = props.className,
     size = props.size,
@@ -462,10 +464,12 @@ var TreeSelect = function TreeSelect(props) {
       }
     }
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     ref: treeSelectRef,
-    tabIndex: disabled === true ? -1 : 0,
-    "data-soui-type": 'input',
+    tabIndex: disabled === true ? -1 : 0
+  }, _hooks.util.getDataAttribute({
+    type: 'input'
+  })), {}, {
     className: rootClass,
     style: rootStyle,
     onBlur: handleBlur,
@@ -496,7 +500,7 @@ var TreeSelect = function TreeSelect(props) {
         children: renderList()
       })
     })]
-  });
+  }));
 };
 var _default = TreeSelect;
 exports.default = _default;

package/cjs/upload/upload.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { UploadProps } from './upload.type';
-declare const Upload: <T>(props: UploadProps<T>) => JSX.Element;
+declare const Upload: <T>(props0: UploadProps<T>) => JSX.Element;
 export default Upload;
 //# sourceMappingURL=upload.d.ts.map

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;AAS5C,QAAA,MAAM,MAAM,2CAkPX,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;AAU5C,QAAA,MAAM,MAAM,4CAoPX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/upload/upload.js

@@ -27,13 +27,15 @@ var _useInputClick2 = require("./useInputClick");
 var _config = require("../config");
 var _icons = _interopRequireDefault(require("../icons"));
 var _immer = require("immer");
+var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Upload = function Upload(props) {
+var Upload = function Upload(props0) {
   var _props$jssStyle, _props$jssStyle$uploa, _props$imageStyle, _props$imageStyle2;
+  var props = (0, _useWithFormConfig.default)(props0);
   var _props$canDelete = props.canDelete,
     canDelete = _props$canDelete === void 0 ? true : _props$canDelete,
     _props$showUploadList = props.showUploadList,

package/cjs/virtual-scroll/scroll.js

@@ -78,7 +78,7 @@ var Scroll = function Scroll(props) {
     style: props.style,
     onMouseMove: props.onMouseMove,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
-      type: 'scroll'
+      role: 'scroll'
     })), {}, {
       style: scrollerStyle,
       onScroll: handleScroll,
@@ -90,7 +90,7 @@ var Scroll = function Scroll(props) {
         context.isMouseDown = false;
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
-        type: 'scroll-container'
+        role: 'scroll-container'
       })), {}, {
         style: containerStyle,
         ref: containerRef,

package/esm/cascader/cascader.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { CascaderProps } from './cascader.type';
-declare const Cascader: <DataItem, Value extends KeygenResult[]>(props: CascaderProps<DataItem, Value>) => JSX.Element;
+declare const Cascader: <DataItem, Value extends KeygenResult[]>(props0: CascaderProps<DataItem, Value>) => JSX.Element;
 export default Cascader;
 //# sourceMappingURL=cascader.d.ts.map

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;AAKvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMhD,QAAA,MAAM,QAAQ,gGAqmBb,CAAC;AACF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOhD,QAAA,MAAM,QAAQ,iGAsmBb,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/esm/cascader/cascader.js

@@ -31,19 +31,20 @@ var _list = _interopRequireDefault(require("./list"));
 var _filterList = _interopRequireDefault(require("./filter-list"));
 var _result = _interopRequireDefault(require("../select/result"));
 var _icons = _interopRequireDefault(require("../icons"));
+var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Cascader = function Cascader(props) {
+var Cascader = function Cascader(props0) {
   var _jssStyle$cascader;
+  var props = (0, _useWithFormConfig.default)(props0);
   var jssStyle = props.jssStyle,
     style = props.style,
     width = props.width,
     height = props.height,
     className = props.className,
-    size = props.size,
     _props$hideTag = props.hideTag,
     hideTag = _props$hideTag === void 0 ? false : _props$hideTag,
     maxLength = props.maxLength,
@@ -98,7 +99,8 @@ var Cascader = function Cascader(props) {
     onBlur = props.onBlur,
     onChangeProp = props.onChange,
     onFilterProp = props.onFilter,
-    onCollapseProp = props.onCollapse;
+    onCollapseProp = props.onCollapse,
+    size = props.size;
   var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
   var rootStyle = Object.assign({
     width: width
@@ -537,9 +539,11 @@ var Cascader = function Cascader(props) {
       console.error(new Error("The mode ".concat(mode, " is not supported when loader setted. Only 3 or 4 can be set.")));
     }
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    tabIndex: disabled === true ? -1 : 0,
-    "data-soui-type": 'input',
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    tabIndex: disabled === true ? -1 : 0
+  }, _hooks.util.getDataAttribute({
+    type: 'input'
+  })), {}, {
     className: rootClass,
     style: rootStyle,
     onBlur: handleBlur,
@@ -565,7 +569,7 @@ var Cascader = function Cascader(props) {
         children: renderPanel()
       })
     })]
-  });
+  }));
 };
 var _default = Cascader;
 exports.default = _default;

package/esm/cascader/node.js

@@ -61,7 +61,7 @@ var CascaderNode = function CascaderNode(props) {
     if (!multiple) {
       if (onChange && path) onChange([].concat((0, _toConsumableArray2.default)(path), [id]), datum.getDataById(id));
     }
-    if (loader && !loading && !_hooks.util.getParent(e.target, "[".concat(getDataAttributeName('type'), "=checkbox-indicator]"))) {
+    if (loader && !loading && !_hooks.util.getParent(e.target, "[".concat(getDataAttributeName('role'), "=checkbox-indicator]"))) {
       setLoading(true);
       loader(id, data);
     }

package/esm/checkbox/checkbox-group.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CheckboxGroupProps } from './checkbox-group.type';
 declare const Group: {
-    <DataItem, Value extends any[]>(props: CheckboxGroupProps<DataItem, Value>): JSX.Element;
+    <DataItem, Value extends any[]>(props0: CheckboxGroupProps<DataItem, Value>): JSX.Element;
     defaultProps: {
         format: (d: any) => any;
         renderItem: (d: any) => any;

package/esm/checkbox/checkbox-group.js

@@ -11,19 +11,19 @@ var _groupContext = _interopRequireDefault(require("./group-context"));
 var _checkbox = _interopRequireDefault(require("./checkbox"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _useWithFormConfig2 = _interopRequireDefault(require("../common/use-with-form-config"));
+var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
 var _jsxRuntime = require("react/jsx-runtime");
-var Group = function Group(props) {
+var Group = function Group(props0) {
   var _jssStyle$checkbox;
+  var props = (0, _useWithFormConfig.default)(props0);
   var children = props.children,
     className = props.className,
     block = props.block,
     keygen = props.keygen,
     jssStyle = props.jssStyle,
-    style = props.style;
+    style = props.style,
+    disabled = props.disabled;
   var checkboxStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle);
-  var _useWithFormConfig = (0, _useWithFormConfig2.default)(props),
-    disabled = _useWithFormConfig.disabled;
   var inputAbleProps = (0, _hooks.useInputAble)({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -54,7 +54,7 @@ var Group = function Group(props) {
   });
   var getContent = function getContent(d, index) {
     var renderItem = props.renderItem;
-    if (typeof renderItem === 'string') {
+    if (typeof renderItem === 'string' && d) {
       return d[renderItem];
     }
     if (typeof renderItem === 'function') {

package/esm/checkbox/simple-checkbox.js

@@ -50,7 +50,7 @@ var Checkbox = function Checkbox(props) {
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: indicatorClass,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", _objectSpread(_objectSpread(_objectSpread({}, getIndicatorProps()), getDataAttribute({
-        type: 'checkbox-indicator'
+        role: 'checkbox-indicator'
       })), {}, {
         className: checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicator,
         children: props.checked === 'indeterminate' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {

package/esm/common/use-with-form-config.d.ts

@@ -1,3 +1,3 @@
-export declare const useWithFormConfig: (props: any) => any;
+export declare const useWithFormConfig: <T>(props: T) => T;
 export default useWithFormConfig;
 //# sourceMappingURL=use-with-form-config.d.ts.map

package/esm/common/use-with-form-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-with-form-config.d.ts","sourceRoot":"","sources":["use-with-form-config.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,UAAW,GAAG,QAS3C,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"use-with-form-config.d.ts","sourceRoot":"","sources":["use-with-form-config.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,oBAS7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { DatePickerProps, DatePickerValueType } from './date-picker.type';
-declare const DatePicker: <Value extends DatePickerValueType>(props: DatePickerProps<Value>) => JSX.Element;
+declare const DatePicker: <Value extends DatePickerValueType>(props0: DatePickerProps<Value>) => JSX.Element;
 export default DatePicker;
 //# sourceMappingURL=date-picker.d.ts.map

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;AAc1E,QAAA,MAAM,UAAU,mFAuPf,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;AAe1E,QAAA,MAAM,UAAU,oFAwPf,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -25,6 +25,7 @@ var _config = require("../config");
 var _icons = _interopRequireDefault(require("../icons"));
 var _result = _interopRequireDefault(require("./result"));
 var _useInnerTitle = _interopRequireDefault(require("../common/use-inner-title"));
+var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -35,8 +36,9 @@ var horizontalPosition = ['left-top', 'left-bottom', 'right-top', 'right-bottom'
 var preventDefault = function preventDefault(e) {
   e.preventDefault();
 };
-var DatePicker = function DatePicker(props) {
+var DatePicker = function DatePicker(props0) {
   var _jssStyle$datePicker;
+  var props = (0, _useWithFormConfig.default)(props0);
   var _useConfig = (0, _config.useConfig)(),
     locale = _useConfig.locale;
   var jssStyle = props.jssStyle,
@@ -46,7 +48,9 @@ var DatePicker = function DatePicker(props) {
     _props$border = props.border,
     border = _props$border === void 0 ? true : _props$border,
     _props$clearable = props.clearable,
-    clearable = _props$clearable === void 0 ? true : _props$clearable;
+    clearable = _props$clearable === void 0 ? true : _props$clearable,
+    disabled = props.disabled,
+    size = props.size;
   var _React$useState = _react.default.useState(-1),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     activeIndex = _React$useState2[0],
@@ -81,7 +85,7 @@ var DatePicker = function DatePicker(props) {
       format: props.format,
       options: options,
       clearable: clearable,
-      disabled: props.disabled,
+      disabled: disabled,
       clearWithUndefined: props.clearWithUndefined,
       onClear: undefined,
       allowSingle: props.allowSingle,
@@ -125,7 +129,7 @@ var DatePicker = function DatePicker(props) {
     innerTitle: props.innerTitle,
     placeTitle: props.placeTitle,
     open: open || hasValue,
-    size: props.size,
+    size: size,
     jssStyle: jssStyle
   });
   var handleFocus = (0, _hooks.usePersistFn)(function (e) {
@@ -199,9 +203,10 @@ var DatePicker = function DatePicker(props) {
       console.warn('formatResult and inputable cannot be used at the same time');
     }
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
-    "data-soui-type": 'input',
-    className: (0, _classnames.default)(props.className, styles === null || styles === void 0 ? void 0 : styles.wrapper, props.innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), props.size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), props.size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), 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))
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
+    type: 'input'
+  })), {}, {
+    className: (0, _classnames.default)(props.className, 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 && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), 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))
   }, _hooks.util.getDataAttribute({
     type: type
   })), {}, {
@@ -237,7 +242,7 @@ var DatePicker = function DatePicker(props) {
           setMode: func.setMode,
           type: type,
           options: options,
-          disabled: props.disabled,
+          disabled: disabled,
           jssStyle: jssStyle,
           closePop: closePop,
           defaultTime: props.defaultTime,

package/esm/form/form-fieldset.js

@@ -12,8 +12,8 @@ require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.splice.js");
 var _hooks = require("@sheinx/hooks");
 var _react = _interopRequireDefault(require("react"));
-var _immer = require("immer");
 var _jsxRuntime = require("react/jsx-runtime");
+var produce = _hooks.util.produce;
 var FormFieldSet = function FormFieldSet(props) {
   var children = props.children,
     empty = props.empty;
@@ -49,7 +49,7 @@ var FormFieldSet = function FormFieldSet(props) {
   if (valueArr.length === 0 && valueArr && empty) {
     result.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
       children: empty(function (val) {
-        var newValue = (0, _immer.produce)(valueArr, function (draft) {
+        var newValue = produce(valueArr, function (draft) {
           draft.push(val);
         });
         _onChange(newValue);
@@ -75,27 +75,27 @@ var FormFieldSet = function FormFieldSet(props) {
         index: i,
         error: errorList,
         onChange: function onChange(val) {
-          var newValue = (0, _immer.produce)(valueArr, function (draft) {
+          var newValue = produce(valueArr, function (draft) {
             draft[i] = val;
           });
           _onChange(newValue);
         },
         onInsert: function onInsert(val) {
-          var newValue = (0, _immer.produce)(valueArr, function (draft) {
+          var newValue = produce(valueArr, function (draft) {
             draft.splice(i, 0, val);
           });
           _onChange(newValue);
           context.ids.splice(i, 0, _hooks.util.generateUUID());
         },
         onAppend: function onAppend(val) {
-          var newValue = (0, _immer.produce)(valueArr, function (draft) {
+          var newValue = produce(valueArr, function (draft) {
             draft.splice(i + 1, 0, val);
           });
           _onChange(newValue);
           context.ids.splice(i + 1, 0, _hooks.util.generateUUID());
         },
         onRemove: function onRemove() {
-          var newValue = (0, _immer.produce)(valueArr, function (draft) {
+          var newValue = produce(valueArr, function (draft) {
             draft.splice(i, 1);
           });
           _onChange(newValue);

package/esm/form/form-item.js

@@ -53,8 +53,11 @@ var _default = function _default(props) {
         width: labelWidth
       },
       children: label
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.control,
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+      className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.control
+    }, _hooks.util.getDataAttribute({
+      role: 'form-control'
+    })), {}, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
         value: ProviderValue,
         children: children
@@ -71,7 +74,7 @@ var _default = function _default(props) {
         className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.tip,
         children: tip
       })]
-    })]
+    }))]
   }));
 };
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAG9B,eAAe;AAAtC,wBAoDE"}
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAI9B,eAAe;AAAtC,wBAoDE"}