@sheinx/base 3.0.0-alpha.3 → 3.0.0-alpha.31

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: 6,
-      popupEl: popupRef.current,
+      popupGap: 4,
+      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/editable-area.type.d.ts

@@ -116,8 +116,20 @@ export interface EditableAreaProps extends Pick<CommonType, 'className' | 'style
      * @default false
      */
     bordered?: boolean;
+    /**
+     * @en User input triggers the onChange and to check interval, unit: ms
+     * @cn 用户输入触发 onChange 和校验间隔时间，单位 毫秒
+     */
     delay?: number;
+    /**
+     * @en inner title
+     * @cn 内嵌标题
+     */
     innerTitle?: React.ReactNode;
+    /**
+     * @en Placeholder title, which needs to be used together with innerTitle
+     * @cn 占位标题，需要配合 innerTitle 一起使用
+     */
     placeTitle?: React.ReactNode;
 }
 //# sourceMappingURL=editable-area.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editable-area.type.d.ts","sourceRoot":"","sources":["editable-area.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3F,QAAQ,CAAC,EAAE;QACT,YAAY,EAAE,MAAM,mBAAmB,CAAC;QACxC,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;QACjC,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;IAEF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,WAAW,CAAC;IAEtC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAEnD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B"}
+{"version":3,"file":"editable-area.type.d.ts","sourceRoot":"","sources":["editable-area.type.ts"],"names":[],"mappings":"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"}

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/empty.type.d.ts

@@ -10,8 +10,20 @@ export interface EmptyProps extends Pick<CommonType, 'className' | 'style'>, Rea
     jssStyle?: {
         empty?: () => EmptyClasses;
     };
+    /**
+     * @en Empty state image address, priority is higher than icon
+     * @cn 空状态图片地址,优先级高于icon
+     */
     imgSrc?: string;
+    /**
+     * @en Empty state icon
+     * @cn 空状态图标
+     */
     icon?: React.ReactNode;
+    /**
+     * @en Description, if false, the description will not be displayed
+     * @cn 描述,若为false则不显示描述
+     */
     description?: React.ReactNode | boolean;
 }
 //# sourceMappingURL=empty.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"empty.type.d.ts","sourceRoot":"","sources":["empty.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;KAC5B,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;CACzC"}
+{"version":3,"file":"empty.type.d.ts","sourceRoot":"","sources":["empty.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;KAC5B,CAAC;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;CACzC"}

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
       });

package/esm/gap/gap.type.d.ts

@@ -1,9 +1,16 @@
 import React from 'react';
 import { CommonType } from '../common/type';
+export interface GapClasses {
+    wrapper: string;
+    item: string;
+}
 /**
  * @title Gap
  */
 export interface GapProps extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: {
+        gap?: () => GapClasses;
+    };
     /**
      * @en column spacing in the horizontal direction
      * @cn 水平方向的列间距

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

@@ -1 +1 @@
-{"version":3,"file":"gap.type.d.ts","sourceRoot":"","sources":["gap.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACvE;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"gap.type.d.ts","sourceRoot":"","sources":["gap.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACvE,QAAQ,CAAC,EAAE;QACT,GAAG,CAAC,EAAE,MAAM,UAAU,CAAC;KACxB,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/esm/gap/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Gap } from './gap';
-export type { GapProps } from './gap.type';
+export type { GapProps, GapClasses } from './gap.type';
 //# sourceMappingURL=index.d.ts.map

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

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

package/esm/gap/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"support.d.ts","sourceRoot":"","sources":["support.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,cAAc,YAcrC"}
+{"version":3,"file":"support.d.ts","sourceRoot":"","sources":["support.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,cAAc,YAerC"}

package/esm/gap/support.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = flexGapSupport;
 function flexGapSupport() {
+  if (typeof window === 'undefined') return true;
   var flex = document.createElement('div');
   flex.style.display = 'flex';
   flex.style.flexDirection = 'column';

package/esm/grid/index.js

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

package/esm/grid/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["util.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,UAAU;;;;;CAKf,CAAC;AACF,aAAK,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AAyD1C,wBAAgB,OAAO,CACrB,GAAG,CAAC,EACA,MAAM,GACN;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,UAeN"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["util.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;CAKf,CAAC;AACF,aAAK,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AA0D1C,wBAAgB,OAAO,CACrB,GAAG,CAAC,EACA,MAAM,GACN;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,UAeN"}

package/esm/grid/util.js

@@ -8,6 +8,7 @@ require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 var _config = require("../config");
+var _hooks = require("@sheinx/hooks");
 var CACHES = {};
 var RESPONSIVE = {
   sm: '568',
@@ -19,6 +20,9 @@ var GridClassName = "".concat(_config.config.prefix, "-grid");
 var GridFullClassName = "".concat(_config.config.prefix, "-grid-full");
 var defaultResponsive = 'md';
 function createStyle(text, id) {
+  if (!_hooks.util.isBrowser()) {
+    return;
+  }
   var style = document.head.querySelector("#".concat(id));
   if (style) {
     return;

package/esm/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAwD5C,iBAAS,QAAQ,CACf,GAAG,EAAE,MAAM,EACX,UAAU,SAAa,EACvB,MAAM,SAAS,GACd,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CA0BpC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAyD5C,iBAAS,QAAQ,CACf,GAAG,EAAE,MAAM,EACX,UAAU,SAAa,EACvB,MAAM,SAAS,GACd,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CA4BpC;AAED,eAAe,QAAQ,CAAC"}