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

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"}

package/esm/input/input-group.js

@@ -19,6 +19,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _useWithFormConfig2 = _interopRequireDefault(require("../common/use-with-form-config"));
+var _hooks = require("@sheinx/hooks");
 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; }
@@ -71,12 +72,13 @@ var _default = function _default(props) {
     width = props.width,
     style = props.style;
   var rootClass = (0, _classnames.default)(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
+    type: 'input-group'
+  })), {}, {
     className: rootClass,
     style: _objectSpread({
       width: width
     }, style),
-    "data-soui-type": 'input-group',
     children: React.Children.toArray(children).map(function (child, i) {
       if (typeof child === 'string') {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -92,6 +94,6 @@ var _default = function _default(props) {
         children: child
       }, i);
     })
-  });
+  }));
 };
 exports.default = _default;

package/esm/input/simple-input.js

@@ -68,9 +68,9 @@ var Input = function Input(props) {
   if (typeof renderInput === 'function') {
     inputEl = renderInput(inputEl);
   }
-  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/esm/input/use-input-common.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { InputCommonProps } from './input.type';
-declare const useInputCommon: <Value, Props extends InputCommonProps<Value>>(props: Props) => Omit<Props, "delay" | "value" | "style" | "error" | "info" | "status" | "innerTitle" | "placeTitle" | "defaultValue" | "onBlur" | "onChange" | "width" | "tip" | "popover" | "popoverProps" | "clearable" | "suffix" | "forwardRef" | "beforeChange" | "clearToUndefined" | "htmlName"> & {
+declare const useInputCommon: <Value, Props extends InputCommonProps<Value>>(props0: Props) => Omit<Props, "delay" | "value" | "style" | "error" | "info" | "status" | "size" | "innerTitle" | "placeTitle" | "defaultValue" | "onBlur" | "onChange" | "width" | "disabled" | "tip" | "popover" | "popoverProps" | "clearable" | "suffix" | "forwardRef" | "beforeChange" | "clearToUndefined" | "htmlName"> & {
     name: string | undefined;
     style: React.CSSProperties;
     suffix: JSX.Element;
     status: "error" | undefined;
-    disabled: any;
-    size: any;
+    disabled: boolean | undefined;
+    size: "small" | "large" | "default" | undefined;
     rootRef: React.RefObject<HTMLElement>;
     inputRef: React.Ref<HTMLInputElement> | undefined;
     renderInput: (el: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => JSX.Element;

package/esm/input/use-input-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-common.d.ts","sourceRoot":"","sources":["use-input-common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,QAAA,MAAM,cAAc;;;;;;;;;;gCAmG8B,OAAO;;;;;;;gBAQnB,gBAAgB,CAAC,gBAAgB,CAAC;CAsBvE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"use-input-common.d.ts","sourceRoot":"","sources":["use-input-common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,QAAA,MAAM,cAAc;;;;;;;;;;gCAqG8B,OAAO;;;;;;;gBAQnB,gBAAgB,CAAC,gBAAgB,CAAC;CAsBvE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/input/use-input-common.js

@@ -22,10 +22,10 @@ var _useClear = _interopRequireDefault(require("../common/use-clear"));
 var _useInnerTitle = _interopRequireDefault(require("../common/use-inner-title"));
 var _useTip = _interopRequireDefault(require("../common/use-tip"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _useWithFormConfig2 = _interopRequireDefault(require("../common/use-with-form-config"));
+var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
 var _config = require("../config");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["forwardRef", "htmlName", "value", "onChange", "defaultValue", "beforeChange", "clearable", "clearToUndefined", "style", "suffix", "info", "innerTitle", "placeTitle", "width", "delay", "onBlur", "tip", "error", "popover", "popoverProps", "status"];
+var _excluded = ["forwardRef", "htmlName", "value", "onChange", "defaultValue", "beforeChange", "clearable", "clearToUndefined", "style", "suffix", "info", "innerTitle", "placeTitle", "width", "delay", "onBlur", "tip", "error", "popover", "popoverProps", "status", "disabled", "size"];
 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; }
@@ -36,9 +36,10 @@ var defaultInfo = function defaultInfo(num, msg) {
   if (msg.length <= num) return text;
   return new Error(text);
 };
-var useInputCommon = function useInputCommon(props) {
+var useInputCommon = function useInputCommon(props0) {
   var _ref, _props$jssStyle, _props$jssStyle$input;
   var config = (0, _config.useConfig)();
+  var props = (0, _useWithFormConfig.default)(props0);
   var forwardRef = props.forwardRef,
     htmlName = props.htmlName,
     value = props.value,
@@ -60,12 +61,11 @@ var useInputCommon = function useInputCommon(props) {
     popover = props.popover,
     popoverProps = props.popoverProps,
     status = props.status,
+    disabled = props.disabled,
+    size = props.size,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var delay = (_ref = delayProps !== null && delayProps !== void 0 ? delayProps : config.delay) !== null && _ref !== void 0 ? _ref : 0;
   var inputStyle = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$input = _props$jssStyle.input) === null || _props$jssStyle$input === void 0 ? void 0 : _props$jssStyle$input.call(_props$jssStyle);
-  var _useWithFormConfig = (0, _useWithFormConfig2.default)(props),
-    size = _useWithFormConfig.size,
-    disabled = _useWithFormConfig.disabled;
   var rootRef = _react.default.useRef(null);
   var _React$useState = _react.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),

package/esm/menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBA4IzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,aAAa,CAAC,gBAoJzD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/menu/item.js

@@ -25,6 +25,9 @@ var MenuItem = function MenuItem(props) {
     inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
     _props$frontCaretType = props.frontCaretType,
     frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType;
+  var hasExpandAbleChildren = children.some(function (item) {
+    return item && item.children && (props.looseChildren || item.children.length);
+  });
   var _useMenuItem = (0, _hooks.useMenuItem)({
       dataItem: props.dataItem,
       keyResult: props.keyResult,
@@ -116,7 +119,7 @@ var MenuItem = function MenuItem(props) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     children: [renderItem(), children.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp)),
+      className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
       children: children.map(function (item, index) {
         var key = _hooks.util.getKey(props.keygen, item, index);
         return /*#__PURE__*/(0, _react.createElement)(MenuItem, _objectSpread(_objectSpread({}, props), {}, {

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,sFAiGT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,QAAA,MAAM,IAAI,sFAmGT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/menu/menu.js

@@ -49,7 +49,7 @@ var Menu = function Menu(props) {
     changeActiveId = _useMenu.changeActiveId;
   var scrollRef = (0, _react.useRef)(null);
   var hasExpand = data.some(function (item) {
-    return item.children && (props.looseChildren || item.children.length);
+    return item && item.children && (props.looseChildren || item.children.length);
   });
   var showScrollBar = isHorizontal || isVertical;
   var listStyle = isVertical ? {
@@ -66,7 +66,7 @@ var Menu = function Menu(props) {
     }
   }, [data, openKeys]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasExpand && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasExpand), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight),
+    className: (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight),
     style: _objectSpread({
       height: props.height
     }, props.style),
@@ -74,7 +74,7 @@ var Menu = function Menu(props) {
       className: classes === null || classes === void 0 ? void 0 : classes.scrollbox,
       ref: scrollRef,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: classes === null || classes === void 0 ? void 0 : classes.root,
+        className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.root, hasExpand && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
         style: listStyle,
         children: data.map(function (item, index) {
           var key = _hooks.util.getKey(props.keygen, item, index);

package/esm/menu/menu.type.d.ts

@@ -8,7 +8,6 @@ export interface MenuClasses {
     wrapperInline: string;
     wrapperVertical: string;
     wrapperHorizontal: string;
-    wrapperHasExpand: string;
     wrapperHasOpen: string;
     wrapperLight: string;
     wrapperDark: string;
@@ -36,6 +35,7 @@ export interface MenuClasses {
     scrolbarHandler: string;
     scrollbox: string;
     icon: string;
+    childrenHasExpand: string;
 }
 export declare type MenuJssStyle = {
     menu?: () => MenuClasses;