@sheinx/base 3.0.0-alpha.9 → 3.0.0-rc.2

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

@@ -11,6 +11,7 @@ export interface PickerProps {
     hourStep?: DatePickerProps<any>['hourStep'];
     minuteStep?: DatePickerProps<any>['minuteStep'];
     secondStep?: DatePickerProps<any>['secondStep'];
+    children?: DatePickerProps<any>['children'];
     format: string;
     type: string;
     dateArr: Array<Date | undefined>;
@@ -18,7 +19,7 @@ export interface PickerProps {
     setDateArr: Dispatch<SetStateAction<Array<Date | undefined>>>;
     currentArr: Date[];
     setCurrentArr: (arg: React.SetStateAction<Date[]>, type: string, quick: {
-        name: string;
+        name: React.ReactNode;
         value: any;
     } | undefined) => void;
     mode: DatePickerModeType[];
@@ -33,7 +34,7 @@ export interface PickerProps {
     setActiveIndex: (index: number) => void;
     registerModeDisabled: (position: 'start' | 'end' | undefined, mode: string, disabled: (d: Date) => boolean) => void;
 }
-export interface CommonPickerProps extends Pick<PickerProps, 'jssStyle' | 'options' | 'format' | 'type' | 'showSelNow' | 'registerModeDisabled'> {
+export interface CommonPickerProps extends Pick<PickerProps, 'jssStyle' | 'options' | 'format' | 'type' | 'showSelNow' | 'registerModeDisabled' | 'children'> {
     rangeDate: Array<Date | undefined>;
     current: Date;
     setCurrent: (date: Date, type: string) => void;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"quick.d.ts","sourceRoot":"","sources":["quick.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,QAAA,MAAM,KAAK,UAAW,UAAU,gBAmC/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"quick.d.ts","sourceRoot":"","sources":["quick.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,QAAA,MAAM,KAAK,UAAW,UAAU,gBAsC/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/date-picker/quick.js

@@ -15,7 +15,8 @@ var Quick = function Quick(props) {
   var jssStyle = props.jssStyle,
     quickSelect = props.quickSelect,
     format = props.format,
-    options = props.options;
+    options = props.options,
+    children = props.children;
   var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var handleClick = function handleClick(item) {
     var itemV = _hooks.util.isFunc(item.value) ? item.value() : item.value;
@@ -31,6 +32,9 @@ var Quick = function Quick(props) {
     props.setDateArr(dateArr);
     props.setCurrentArr(dateArr, 'quick', item);
   };
+  if (!(quickSelect !== null && quickSelect !== void 0 && quickSelect.length)) {
+    return children || null;
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.quickPicker, styles === null || styles === void 0 ? void 0 : styles.picker),
     children: quickSelect === null || quickSelect === void 0 ? void 0 : quickSelect.map(function (item, index) {

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

@@ -8,5 +8,6 @@ export interface QuickProps {
     setCurrentArr: PickerProps['setCurrentArr'];
     range: PickerProps['range'];
     options: PickerProps['options'];
+    children?: PickerProps['children'];
 }
 //# sourceMappingURL=quick.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"quick.type.d.ts","sourceRoot":"","sources":["quick.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACzC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACtC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC5C,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACjC"}
+{"version":3,"file":"quick.type.d.ts","sourceRoot":"","sources":["quick.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACzC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACtC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC5C,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACpC"}

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

@@ -11,6 +11,7 @@ export declare const Input: (props: {
     onMouseDown?: ((e: React.MouseEvent) => void) | undefined;
     open?: boolean | undefined;
     disabled?: boolean | undefined;
+    onPaste?: ((e: React.ClipboardEvent) => void) | undefined;
     onFocus?: ((e: React.FocusEvent) => void) | undefined;
     onBlur?: ((e: React.FocusEvent) => void) | undefined;
     onClick?: ((e?: React.MouseEvent) => void) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAwB,WAAqB;AACrE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,KAAK;;WAET,MAAM;;;;kBAIC,MAAM,KAAK,IAAI;mBACf,gBAAgB,KAAK,IAAI;uBACrB,gBAAgB,KAAK,IAAI;;;mBAG7B,gBAAgB,KAAK,IAAI;kBAC1B,gBAAgB,KAAK,IAAI;oBACvB,gBAAgB,KAAK,IAAI;iBA6BzC,CAAC;AACF,UAAU,WACR,SAAQ,IAAI,CACV,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAC5D;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC1C;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAmJjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAwB,WAAqB;AACrE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,KAAK;;WAET,MAAM;;;;kBAIC,MAAM,KAAK,IAAI;mBACf,gBAAgB,KAAK,IAAI;uBACrB,gBAAgB,KAAK,IAAI;;;mBAG7B,oBAAoB,KAAK,IAAI;mBAC7B,gBAAgB,KAAK,IAAI;kBAC1B,gBAAgB,KAAK,IAAI;oBACvB,gBAAgB,KAAK,IAAI;iBA8BzC,CAAC;AACF,UAAU,WACR,SAAQ,IAAI,CACV,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAC5D;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC1C;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAmJjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/date-picker/result.js

@@ -35,6 +35,7 @@ var Input = function Input(props) {
     disabled: props.disabled,
     onBlur: props.onBlur,
     onFocus: props.onFocus,
+    onPaste: props.onPaste,
     onClick: function onClick(e) {
       e.currentTarget.focus();
       if (props.onClick) props.onClick(e);

package/esm/descriptions/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Descriptions } from './descriptions';
-export type { DescriptionsProps, ItemType } from './descriptions.type';
+export type { DescriptionsProps, ItemType, DescriptionsClasses } from './descriptions.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/esm/descriptions/index.js

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

package/esm/divider/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Divider } from './divider';
-export type { DividerProps } from './divider.type';
+export type { DividerProps, DividerClasses } from './divider.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/divider/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAgB1D,cAAM,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IAC/C,MAAM,CAAC,YAAY;;;MAAgB;gBAEvB,KAAK,EAAE,SAAS;IAK5B,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU;IAY/B,MAAM;CAyBP;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAgB1D,cAAM,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IAC/C,MAAM,CAAC,YAAY;;;MAAgB;gBAEvB,KAAK,EAAE,SAAS;IAK5B,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU;IAY/B,MAAM;CAyBP;AAED,eAAe,IAAI,CAAC"}

package/esm/dropdown/Item.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/web.dom-collections.for-each.js");

package/esm/dropdown/dropdown.type.d.ts

@@ -2,11 +2,12 @@ import React from 'react';
 import { CommonType } from '../common/type';
 import { ButtonClasses, ButtonProps } from '../button/button.type';
 import { AbsoluteListProps } from '../absolute-list/absolute-list.type';
-export interface DropdownClass {
+export interface DropdownClasses {
     wrapper: string;
     open: string;
     boxList: string;
     list: string;
+    listHasChildren: string;
     listSmall: string;
     listLarge: string;
     caret: string;
@@ -18,6 +19,7 @@ export interface DropdownClass {
     splitButton: string;
     optionGroup: string;
     optionDivider: string;
+    itemWrapper: string;
 }
 export declare type MenuPosition = 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'left' | 'right' | 'top' | 'bottom';
 export declare type TriggerType = 'click' | 'hover';
@@ -81,7 +83,7 @@ export interface ItemProps {
 }
 export interface SimpleDropdownProps extends Pick<CommonType, 'className' | 'style' | 'size'>, Pick<AbsoluteListProps, 'absolute'>, Pick<ButtonProps, 'type' | 'size' | 'text' | 'outline' | 'mode'> {
     jssStyle?: {
-        dropdown?: () => DropdownClass;
+        dropdown?: () => DropdownClasses;
         button?: () => ButtonClasses;
     };
     /**

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

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

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;AAwBlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBA6L3C,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;AAwBlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBAgM3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/dropdown/dropdownIn.js

@@ -33,8 +33,8 @@ var positionMap = {
   'bottom-left': 'right-top',
   left: 'left',
   right: 'right',
-  top: 'right',
-  bottom: 'right',
+  top: 'right-bottom',
+  bottom: 'right-top',
   auto: ''
 };
 var Dropdown = function Dropdown(props) {
@@ -43,7 +43,8 @@ var Dropdown = function Dropdown(props) {
     onClick = props.onClick,
     renderItem = props.renderItem,
     absolute = props.absolute,
-    data = props.data,
+    _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
     jssStyle = props.jssStyle,
     isSub = props.isSub,
     columns = props.columns,
@@ -156,6 +157,9 @@ var Dropdown = function Dropdown(props) {
       }, index);
     });
   };
+  var hasChildren = data.some(function (d) {
+    return d.children;
+  });
   var targetProps = getTargetProps();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     className: (0, _classnames.default)(className, dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.wrapper, !isSub && open && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.open)),
@@ -167,15 +171,15 @@ var Dropdown = function Dropdown(props) {
     children: [renderButton(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.default, {
       position: position,
       focus: open,
-      parentElement: targetRef.current,
+      parentElRef: targetRef,
       absolute: absolute,
       fixedWidth: 'min',
       popupGap: 4,
-      popupEl: popupRef.current,
+      popupElRef: popupRef,
       adjust: !isSub,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {
         display: columns ? 'grid' : 'block',
-        className: (0, _classnames.default)(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.list, columns !== undefined && columns > 1 && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.boxList), size === 'small' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listSmall), size === 'large' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listLarge)),
+        className: (0, _classnames.default)(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.list, hasChildren && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listHasChildren), columns !== undefined && columns > 1 && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.boxList), size === 'small' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listSmall), size === 'large' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listLarge)),
         style: {
           width: width,
           gridTemplateColumns: columns ? "repeat(".concat(columns, ", 1fr)") : undefined

package/esm/dropdown/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Dropdown, default } from './dropdown';
-export type { DropdownItem, DropdownProps } from './dropdown.type';
+export type { DropdownItem, DropdownProps, DropdownClasses } from './dropdown.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/esm/dropdown/index.js

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

package/esm/editable-area/editable-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoBzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBA2K7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBAuK7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/editable-area/editable-area.js

@@ -57,11 +57,8 @@ var EditableArea = function EditableArea(props) {
     bordered = _props$bordered === void 0 ? false : _props$bordered;
   var editableAreaStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$editableAre = jssStyle.editableArea) === null || _jssStyle$editableAre === void 0 ? void 0 : _jssStyle$editableAre.call(jssStyle);
   var status = error ? 'error' : props.status;
-  var _React$useRef = _react.default.useRef({
-      wrapper: null,
-      textarea: null
-    }),
-    context = _React$useRef.current;
+  var textareaRef = _react.default.useRef(null);
+  var wrapperRef = _react.default.useRef(null);
   var _useInputAble = (0, _hooks.useInputAble)({
       control: 'value' in props,
       value: props.value,
@@ -77,9 +74,9 @@ var EditableArea = function EditableArea(props) {
     show = _useState2[0],
     setShow = _useState2[1];
   (0, _react.useEffect)(function () {
-    if (show && context.textarea) {
+    if (show && textareaRef.current) {
       setTimeout(function () {
-        if (show && context.textarea) context.textarea.focus();
+        if (show && textareaRef.current) textareaRef.current.focus();
       });
     }
   }, [show]);
@@ -126,14 +123,13 @@ var EditableArea = function EditableArea(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.default, {
       absolute: getPopupContainer || true,
       focus: show,
-      parentElement: context.wrapper,
+      parentElRef: wrapperRef,
+      popupElRef: textareaRef,
       fixedWidth: true,
       position: 'cover',
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textarea.Textarea, {
         jssStyle: jssStyle,
-        textareaRef: function textareaRef(el) {
-          context.textarea = el;
-        },
+        textareaRef: textareaRef,
         status: status,
         placeholder: placeholder,
         className: (0, _classnames.default)(editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.popup, show && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.popupShow)),
@@ -168,9 +164,7 @@ var EditableArea = function EditableArea(props) {
     style: _objectSpread(_objectSpread({}, style), {}, {
       width: width
     }),
-    ref: function ref(el) {
-      context.wrapper = el;
-    },
+    ref: wrapperRef,
     children: [renderPlaceholder(), renderClear(), renderPopup()]
   });
 };

package/esm/editable-area/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as EditableArea } from './editable-area';
-export type { EditableAreaProps } from './editable-area.type';
+export type { EditableAreaProps, EditableAreaClasses } from './editable-area.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/editable-area/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}

package/esm/editable-area/index.js

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

package/esm/empty/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Empty } from './empty';
-export type { EmptyProps } from './empty.type';
+export type { EmptyProps, EmptyClasses } from './empty.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

package/esm/empty/index.js

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

package/esm/form/form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["form-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEtE,QAAA,MAAM,SAAS,2HA8Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["form-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEtE,QAAA,MAAM,SAAS,2HAsDd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/form/form-field.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@sheinx/hooks");
 var FormField = function FormField(props) {
+  var _childrenProps$error, _childrenProps$status;
   var children = props.children;
   var getValidateProps = (0, _hooks.usePersistFn)(function () {
     if (props.getValidateProps) return props.getValidateProps();
@@ -24,18 +26,24 @@ var FormField = function FormField(props) {
     getValidateProps: getValidateProps
   });
   var handleChange = (0, _hooks.usePersistFn)(function (value) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
     // @ts-ignore 兼容老版本支持传 event
     if (value && value.nativeEvent) {
       // @ts-ignore
-      formControl.onChange(value.target.value);
+      formControl.onChange.apply(formControl, [value.target.value].concat(args));
     } else {
-      formControl.onChange(value);
+      formControl.onChange.apply(formControl, [value].concat(args));
     }
   });
+  var childrenProps = /*#__PURE__*/_react.default.isValidElement(children) ? children.props : {};
+  var error = (_childrenProps$error = childrenProps.error) !== null && _childrenProps$error !== void 0 ? _childrenProps$error : formControl.error;
+  var status = (_childrenProps$status = childrenProps.status) !== null && _childrenProps$status !== void 0 ? _childrenProps$status : formControl.error ? 'error' : undefined;
   var cloneProps = {
     onChange: handleChange,
-    status: formControl.error ? 'error' : undefined,
-    error: formControl.error
+    status: status,
+    error: error
   };
   if (formControl.inForm) {
     cloneProps.value = formControl.value;

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-footer-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-footer-context.d.ts","sourceRoot":"","sources":["form-footer-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,eAAO,MAAM,kBAAkB,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,gBAkBtE,CAAC;AAEF,eAAO,MAAM,aAAa,qCAGzB,CAAC"}
+{"version":3,"file":"form-footer-context.d.ts","sourceRoot":"","sources":["form-footer-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,eAAO,MAAM,kBAAkB,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,gBAkBtE,CAAC;AAEF,eAAO,MAAM,aAAa,qCAGzB,CAAC"}

package/esm/form/form-footer-context.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");

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/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,IAAI,iEAqET,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,IAAI,iEA8ET,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/form/form.js

@@ -34,9 +34,17 @@ var Form = function Form(props) {
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var formClasses = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$form = jssStyle.form) === null || _jssStyle$form === void 0 ? void 0 : _jssStyle$form.call(jssStyle);
   var modalFormContext = (0, _formFooterContext.useFormFooter)();
-  var _props$value = props.value,
-    value = _props$value === void 0 ? props.defaultValue : _props$value,
-    onChange = props.onChange;
+  var inputAbleParams = {
+    value: props.value,
+    onChange: props.onChange,
+    defaultValue: props.defaultValue,
+    control: 'value' in props,
+    beforeChange: undefined,
+    reserveAble: false
+  };
+  var _useInputAble = (0, _hooks.useInputAble)(inputAbleParams),
+    value = _useInputAble.value,
+    onChange = _useInputAble.onChange;
   var _useForm = (0, _hooks.useForm)(_objectSpread(_objectSpread({}, rest), {}, {
       value: value,
       onChange: onChange

package/esm/form/index.d.ts

@@ -4,8 +4,8 @@ export { default as FormField } from './form-field';
 export { default as FormFieldSet } from './form-fieldset';
 export { default as FormButton } from './form-button';
 export { default as FormFlow } from './form-flow';
-export type { FormProps, FormRef } from './form.type';
-export type { FormItemProps } from './form-item.type';
+export type { FormProps, FormRef, FormClasses } from './form.type';
+export type { FormItemProps, FormItemClasses } from './form-item.type';
 export type { FormFieldProps, FormFieldChildrenFunc } from './form-field.type';
 export type { FormFieldSetProps, FormFieldSetChildrenFunc } from './form-fieldset.type';
 export type { FormFlowProps } from './form-flow.type';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,YAAY,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACxF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACnE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACvE,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,YAAY,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACxF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/esm/form/index.js

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

package/esm/gap/gap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["gap.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,GAAG,UAAW,QAAQ,gBAgC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["gap.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,GAAG,UAAW,QAAQ,gBAkC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/esm/gap/gap.js

@@ -12,11 +12,13 @@ require("core-js/modules/es.array.map.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _support = _interopRequireDefault(require("./support"));
 var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 supportFlexGap = undefined;
 var Gap = function Gap(props) {
+  var _jssStyle$gap;
   if (supportFlexGap === undefined) supportFlexGap = (0, _support.default)();
   var _props$column = props.column,
     column = _props$column === void 0 ? 8 : _props$column,
@@ -25,7 +27,9 @@ var Gap = function Gap(props) {
     style = props.style,
     className = props.className,
     children = props.children,
-    itemStyleProps = props.itemStyle;
+    itemStyleProps = props.itemStyle,
+    jssStyle = props.jssStyle;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$gap = jssStyle.gap) === null || _jssStyle$gap === void 0 ? void 0 : _jssStyle$gap.call(jssStyle);
   var extendStyle = supportFlexGap ? {
     display: 'flex',
     flexDirection: 'row',
@@ -41,10 +45,11 @@ var Gap = function Gap(props) {
     marginRight: column
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: className,
+    className: (0, _classnames.default)(className, styles === null || styles === void 0 ? void 0 : styles.wrapper),
     style: _objectSpread(_objectSpread({}, extendStyle), style),
     children: _react.default.Children.map(children, function (child) {
       return child && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: styles === null || styles === void 0 ? void 0 : styles.item,
         style: itemStyle,
         children: child
       });