@sheinx/base 3.0.0-alpha.1 → 3.0.0-alpha.10

package/cjs/cascader/node.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAQ,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAOhD,QAAA,MAAM,YAAY,oGAwHjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/cascader/node.js

@@ -0,0 +1,133 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _spin = _interopRequireDefault(require("../spin"));
+var _icons = _interopRequireDefault(require("../icons"));
+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 getDataAttributeName = _hooks.util.getDataAttributeName;
+var CascaderNode = function CascaderNode(props) {
+  var _jssStyle$cascader;
+  var jssStyle = props.jssStyle,
+    active = props.active,
+    data = props.data,
+    multiple = props.multiple,
+    datum = props.datum,
+    id = props.id,
+    path = props.path,
+    loader = props.loader,
+    expandTrigger = props.expandTrigger,
+    renderItem = props.renderItem,
+    childrenKey = props.childrenKey,
+    shouldFinal = props.shouldFinal,
+    onChange = props.onChange,
+    onPathChange = props.onPathChange;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var checkboxRef = (0, _react.useRef)();
+  var isDisabled = datum.isDisabled(id);
+  var children = data[childrenKey];
+  var hasChildren = children && children.length > 0;
+  var uncertainChildren = loader && !loading && children === undefined;
+  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 rootClass = (0, _classnames.default)(styles.option, active && styles.activeOption, isDisabled && styles.optionDisabled);
+  var handlePathChange = function handlePathChange() {
+    onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(id, data, path);
+  };
+  var handleClick = function handleClick(e) {
+    if (shouldFinal && hasChildren) {
+      handlePathChange();
+      return;
+    }
+    if (onPathChange) onPathChange(id, data, path, true);
+    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]"))) {
+      setLoading(true);
+      loader(id, data);
+    }
+  };
+  var handleChange = function handleChange(_, checked) {
+    datum.set(id, checked ? 1 : 0);
+    if (onChange) onChange(datum.getValue(), datum.getDataById(id));
+  };
+  var handleSelect = function handleSelect(e) {
+    if (_hooks.util.getParent(e.target, checkboxRef.current)) return;
+    var checked = datum.getChecked(id);
+    handleChange(null, !checked);
+  };
+  var getEvents = function getEvents() {
+    var events = {};
+    if (!isDisabled && (expandTrigger !== 'hover-only' || !hasChildren)) {
+      events.onClick = handleClick;
+    }
+    if (expandTrigger === 'hover' || expandTrigger === 'hover-only') {
+      events.onMouseEnter = handlePathChange;
+      if (multiple) events.onClick = handleSelect;
+    }
+    return events;
+  };
+  var renderContent = function renderContent() {
+    var render = typeof renderItem === 'function' ? renderItem : function (d) {
+      return d[renderItem];
+    };
+    return render(data, active, id);
+  };
+  var renderIcon = function renderIcon() {
+    if (loading && children === undefined) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(styles.optionIcon),
+        style: {
+          paddingTop: 2
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+          jssStyle: jssStyle,
+          size: 10,
+          name: "ring"
+        })
+      });
+    }
+    if (hasChildren || uncertainChildren) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(styles.optionIcon),
+        children: _icons.default.ArrowRight
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: rootClass
+  }, getEvents()), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(styles.optionInner),
+      children: [multiple && !(shouldFinal && hasChildren) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+        jssStyle: jssStyle,
+        className: styles.optionCheckbox,
+        checked: datum.getChecked(id),
+        disabled: isDisabled,
+        onChange: handleChange
+      }), renderContent(), renderIcon()]
+    })
+  }));
+};
+var _default = CascaderNode;
+exports.default = _default;

package/cjs/cascader/node.type.d.ts

@@ -0,0 +1,17 @@
+import { KeygenResult, UnMatchedData, ObjectKey } from '@sheinx/hooks';
+import { DatumType } from '../tree/tree.type';
+import { JssStyleType, CascaderProps } from './cascader.type';
+export interface CascaderNodeProps<DataItem, Value extends KeygenResult[]> extends Pick<CascaderProps<DataItem, Value>, 'loader' | 'multiple' | 'expandTrigger' | 'renderItem' | 'keygen' | 'mode'> {
+    data: DataItem;
+    active: boolean;
+    childrenKey: ObjectKey<DataItem>;
+    id: KeygenResult;
+    parentId: KeygenResult;
+    jssStyle?: JssStyleType;
+    datum: DatumType<DataItem>['datum'];
+    shouldFinal: boolean;
+    path: Value;
+    onPathChange: (id: KeygenResult, item: DataItem | null, nextPath: Value, fromClick?: boolean) => void;
+    onChange: (value: Value, data?: DataItem | UnMatchedData | null) => void;
+}
+//# sourceMappingURL=node.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["node.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACvE,SAAQ,IAAI,CACV,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC9B,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAC3E;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,YAAY,EAAE,CACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1E"}

package/cjs/cascader/node.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/checkbox/checkbox-group.js

@@ -71,6 +71,7 @@ var Group = function Group(props) {
   if (props.data === undefined) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: groupClass,
+      style: style,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_groupContext.default.Provider, {
         value: providerValue,
         children: children

package/cjs/checkbox/checkbox-group.type.d.ts

@@ -15,9 +15,28 @@ export interface CheckboxGroupProps<DataItem, Value extends any[] | string> exte
      * @default  d => d
      */
     renderItem?: ObjectKey<DataItem> | ((data: DataItem, index?: number) => ReactNode);
+    /**
+     * @en By default, the result of the format function is used to compare whether it matches. In some cases (for example, whe an object that returns the original data is updated, an different option with the same value  is generated), the prediction function needs to be used to determine whether match
+     * @cn 默认使用 format 函数执行的结果来比较是否匹配，在某些情况下（例如返回原始数据的对象，更新数据时，生成了一个值相同，非同一个对象的选项），需要借助 prediction 函数来判断是否匹配
+     * @default (val, d) => val===format(d)
+     */
     prediction?: (value: Value[number], data: DataItem) => boolean;
+    /**
+     * @en Format value. The defaule value is return the original data. When it is a string, the value is fetched from the original data as a key equivalent to (d) => d[format] When it is a function, use its return value
+     * @cn 格式化 value, 默认值，返回原始数据。 为 string 时，会作为 key 从原始数据中获取值，相当于 (d) => d[format]; 为函数时，以函数返回结果作为 value
+     * @default d => d
+     */
     format?: ObjectKey<DataItem> | ((data: DataItem) => Value[number]);
+    /**
+     * @en Set with multiple, value will separator by this
+     * @cn 多选情况下设置后，value 会处理为 separator 分隔的字符串
+     */
     separator?: string;
+    /**
+     * @en Key generator When it is true, the data itself is used as the key equivalent to (d => d) When it is a function, use its return value. When it is a string，ues the value of the string.For example, "id" is the same thing as (d) => d.id
+     * @cn 生成每一项key的辅助方法 为 true 时，以数据项本身作为key，相当于 (d => d) 为函数时，使用此函数返回值 为string时，使用这个string对应的数据值。如 "id"，相当于 (d => d.id)
+     * @default index
+     */
     keygen: KeygenType<DataItem>;
     /**
      * @en The default is horizontal layout and setting the block property can changed it to be vertical layout.
@@ -41,8 +60,17 @@ export interface CheckboxGroupProps<DataItem, Value extends any[] | string> exte
      * @override any
      */
     value?: Value;
+    /**
+     * @en Default value
+     * @cn 默认值  和 value 类型相同
+     */
     defaultValue?: Value;
     beforeChange?: (value: Value) => Value | undefined;
+    /**
+     * @en When the value is true, disabled all checkboxes; When the value is function, disable the checkbox that this function returns true
+     * @cn 如果 disabled 为 true，禁用全部选项，如果 disabled 为函数，根据函数反回结果禁用选项
+     * @default false
+     */
     disabled?: boolean | ((data: DataItem) => boolean);
 }
 //# sourceMappingURL=checkbox-group.type.d.ts.map

package/cjs/checkbox/checkbox-group.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.type.d.ts","sourceRoot":"","sources":["checkbox-group.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,kBAAkB,CAAC,QAAQ,EAAE,KAAK,SAAS,GAAG,EAAE,GAAG,MAAM,CACxE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACxD,QAAQ,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC;IACnF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,GAAG,SAAS,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;CACpD"}
+{"version":3,"file":"checkbox-group.type.d.ts","sourceRoot":"","sources":["checkbox-group.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,kBAAkB,CAAC,QAAQ,EAAE,KAAK,SAAS,GAAG,EAAE,GAAG,MAAM,CACxE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACxD,QAAQ,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC;IACnF;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IAC/D;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACnE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,GAAG,SAAS,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;CACpD"}

package/cjs/checkbox/checkbox.type.d.ts

@@ -32,21 +32,57 @@ export interface CheckboxStyle {
 }
 export interface SimpleCheckboxProps extends Omit<BaseCheckProps, 'checked' | 'defaultChecked'>, Pick<CommonType, 'style' | 'className' | 'size'> {
     jssStyle?: CheckboxStyle;
+    /**
+     * @en Content
+     * @cn 内容
+     */
     children?: React.ReactNode;
     checked?: boolean | 'indeterminate';
+    /**
+     * @en Default checked status
+     * @cn 默认选中状态
+     */
     defaultChecked?: boolean | 'indeterminate';
     renderFooter?: (checked?: boolean) => React.ReactNode;
+    /**
+     * @inner 内部属性
+     */
     theme?: 'dark';
 }
-export interface CheckboxProps<T> extends CommonChangeType<T>, Omit<SimpleCheckboxProps, 'onChange' | 'checked' | 'renderFooter'> {
+export interface CheckboxProps<T> extends CommonChangeType<T>, Omit<SimpleCheckboxProps, 'onChange' | 'checked' | 'renderFooter' | 'theme'> {
     /**
-     * 选中后返回的值默认为 true
+     * @en Specifies the result
+     * @cn 选中后返回的值
+     * @override any
+     * @default true
      */
     htmlValue?: T;
+    /**
+     * @en Value chane callback
+     * @cn 值改变回调函数
+     */
     onChange?: (value: T | undefined, checked: boolean, raw: T) => void;
+    /**
+     * @en If not set, use (value === htmlValue)
+     * @cn checked 传入时为受控组件
+     */
     checked?: boolean | 'indeterminate' | ((d: T) => boolean | 'indeterminate');
+    /**
+     * @en Checkbox click callback
+     * @cn 勾选框点击回调
+     */
     onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    /**
+     * @en If checked is not set, checked status is value === htmlValue
+     * @cn 如果 checked 未设置，checked 状态为 value === htmlValue
+     * @override any
+     */
     value?: T;
+    /**
+     * @en Whether to show the input box
+     * @cn 默认值和 value 类型相同
+     * @override Value
+     */
     defaultValue?: T;
     /**
      * @deprecated: 废弃属性

package/cjs/checkbox/checkbox.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.type.d.ts","sourceRoot":"","sources":["checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,gBAAgB,CAAC,EACxD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,CAC9B,SAAQ,gBAAgB,CAAC,CAAC,CAAC,EACzB,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IACpE,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,GAAG,eAAe,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"checkbox.type.d.ts","sourceRoot":"","sources":["checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,gBAAgB,CAAC,EACxD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,CAC9B,SAAQ,gBAAgB,CAAC,CAAC,CAAC,EACzB,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,cAAc,GAAG,OAAO,CAAC;IAC9E;;;;;OAKG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IACpE;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,GAAG,eAAe,CAAC,CAAC;IAC5E;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IACV;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

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

package/cjs/checkbox/simple-checkbox.js

@@ -17,6 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["jssStyle", "className", "style", "children", "renderFooter", "size", "theme"];
 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 getDataAttribute = _hooks.util.getDataAttribute;
 var Checkbox = function Checkbox(props) {
   var _jssStyle$checkbox;
   var jssStyle = props.jssStyle,
@@ -48,7 +49,9 @@ var Checkbox = function Checkbox(props) {
       type: "checkbox"
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: indicatorClass,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", _objectSpread(_objectSpread({}, getIndicatorProps()), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", _objectSpread(_objectSpread(_objectSpread({}, getIndicatorProps()), getDataAttribute({
+        type: 'checkbox-indicator'
+      })), {}, {
         className: checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicator,
         children: props.checked === 'indeterminate' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
           viewBox: "0 0 16 16",
@@ -66,7 +69,7 @@ var Checkbox = function Checkbox(props) {
           })]
         }) : null
       }))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    }), children !== undefined && children !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.desc,
       children: children
     }), typeof renderFooter === 'function' ? renderFooter(checked) : null]

package/cjs/collapse/collapse-item.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CollapseItemProps } from './collapse-item.type';
+declare const CollapseItem: (props: CollapseItemProps) => JSX.Element;
+export default CollapseItem;
+//# sourceMappingURL=collapse-item.d.ts.map

package/cjs/collapse/collapse-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAK9D,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBAuG7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/collapse/collapse-item.js

@@ -0,0 +1,109 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _groupContext = _interopRequireDefault(require("./group-context"));
+var _hooks = require("@sheinx/hooks");
+var _animationList = _interopRequireDefault(require("..//animation-list"));
+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 CollapseItem = function CollapseItem(props) {
+  var _useContext = (0, _react.useContext)(_groupContext.default),
+    active = _useContext.active,
+    triggerRegion = _useContext.triggerRegion,
+    parentExpandIcon = _useContext.expandIcon,
+    onChange = _useContext.onChange,
+    expandIconPosition = _useContext.expandIconPosition,
+    extraPosition = _useContext.extraPosition,
+    border = _useContext.border;
+  var children = props.children,
+    keygen = props.keygen,
+    className = props.className,
+    jssStyle = props.jssStyle,
+    style = props.style,
+    disabled = props.disabled,
+    _props$showExpandIcon = props.showExpandIcon,
+    showExpandIcon = _props$showExpandIcon === void 0 ? true : _props$showExpandIcon,
+    expandIcon = props.expandIcon,
+    title = props.title,
+    extra = props.extra,
+    contentStyle = props.contentStyle;
+  var _useCollapseItem = (0, _hooks.useCollapseItem)({
+      active: active,
+      keygen: keygen,
+      triggerRegion: triggerRegion,
+      disabled: disabled,
+      onChange: onChange
+    }),
+    judgeExpanded = _useCollapseItem.judgeExpanded,
+    getItemContentProps = _useCollapseItem.getItemContentProps,
+    getHeaderIconProps = _useCollapseItem.getHeaderIconProps,
+    getTitleProps = _useCollapseItem.getTitleProps,
+    getExtraProps = _useCollapseItem.getExtraProps;
+  var headerIconItem = function headerIconItem() {
+    var collapseItemIconClassName = (0, _classnames.default)(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.icon, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.activeTransform // expandIconPosition === 'right'
+    //   ? jssStyle?.collapseItem.activeTransformRight
+    //   : jssStyle?.collapseItem.activeTransform,
+    );
+    var headerIcon = showExpandIcon ? expandIcon !== undefined ? expandIcon : parentExpandIcon : null;
+    return headerIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getHeaderIconProps({
+      className: collapseItemIconClassName
+    })), {}, {
+      children: headerIcon
+    }));
+  };
+  var extraItem = function extraItem() {
+    return extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getExtraProps({
+      className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.extra
+    })), {}, {
+      children: extra
+    }));
+  };
+  var collapseItemClassName = (0, _classnames.default)(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.wrapper, judgeExpanded && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.active), (disabled || triggerRegion === 'disabled') && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.disabled), !border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.borderLess));
+  var collapseItemHeaderClassName = (0, _classnames.default)(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.header, !showExpandIcon && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.noIcon), !triggerRegion && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.region));
+  var collapseItemContentClassName = (0, _classnames.default)(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.content, judgeExpanded && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.expanded));
+  var renderContent = function renderContent() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {
+      show: judgeExpanded,
+      type: 'collapse',
+      duration: "fast",
+      className: collapseItemContentClassName,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.contentMain,
+        style: contentStyle,
+        children: children
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: collapseItemClassName,
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, getItemContentProps({
+      className: collapseItemHeaderClassName
+    })), {}, {
+      children: [expandIconPosition === 'left' && headerIconItem(), extraPosition === 'left' && extraItem(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getTitleProps({
+        className: (0, _classnames.default)(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.title, triggerRegion === 'header' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.region))
+      })), {}, {
+        children: title
+      })), extraPosition === 'right' && extraItem(), expandIconPosition === 'right' && headerIconItem()]
+    })), renderContent()]
+  });
+};
+var _default = CollapseItem;
+exports.default = _default;

package/cjs/collapse/collapse-item.type.d.ts

@@ -0,0 +1,60 @@
+import { CSSProperties, ReactNode } from 'react';
+import type { CommonType } from '../common/type';
+import type { BaseCollapseItemProps } from '@sheinx/hooks';
+export interface CollapseItemClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    header: string;
+    active: string;
+    icon: string;
+    title: string;
+    extra: string;
+    content: string;
+    expanded: string;
+    contentMain: string;
+    noIcon: string;
+    disabled: string;
+    activeTransform: string;
+    activeTransformRight: string;
+    region: string;
+    borderLess: string;
+}
+export interface CollapseItemProps extends Pick<CommonType, 'className' | 'style'>, BaseCollapseItemProps {
+    jssStyle?: {
+        collapseItem: CollapseItemClasses;
+    };
+    /**
+     * @en Whether to show the expand icon
+     * @cn 是否显示展开图标
+     * @default true
+     */
+    showExpandIcon?: boolean;
+    /**
+     * @en The expand icon
+     * @cn 展开图标
+     */
+    expandIcon?: ReactNode;
+    /**
+     * @en The extra content
+     * @cn 扩展内容
+     */
+    extra?: ReactNode;
+    /**
+     * @en Collapse panel header content
+     * @cn 折叠面板头部内容
+     */
+    title?: ReactNode;
+    /**
+     * @en Accordion panel content area style
+     * @cn 折叠面板内容区域样式
+     */
+    contentStyle?: CSSProperties;
+    /**
+     * @en The content inside the collapse panel
+     * @cn 折叠面板内的内容
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=collapse-item.type.d.ts.map

package/cjs/collapse/collapse-item.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-item.type.d.ts","sourceRoot":"","sources":["collapse-item.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,qBAAqB;IACvB,QAAQ,CAAC,EAAE;QACT,YAAY,EAAE,mBAAmB,CAAC;KACnC,CAAC;IACF;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/cjs/collapse/collapse-item.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/collapse/collapse.d.ts

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

package/cjs/collapse/collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["collapse.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKhD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAoDrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/collapse/collapse.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _groupContext = _interopRequireDefault(require("./group-context"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+var Collapse = function Collapse(props) {
+  var children = props.children,
+    jssStyle = props.jssStyle,
+    style = props.style,
+    className = props.className,
+    defaultActive = props.defaultActive,
+    activeProps = props.active,
+    _props$accordion = props.accordion,
+    accordion = _props$accordion === void 0 ? false : _props$accordion,
+    onChangeProps = props.onChange,
+    triggerRegion = props.triggerRegion,
+    _props$expandIconPosi = props.expandIconPosition,
+    expandIconPosition = _props$expandIconPosi === void 0 ? 'left' : _props$expandIconPosi,
+    _props$extraPosition = props.extraPosition,
+    extraPosition = _props$extraPosition === void 0 ? 'right' : _props$extraPosition,
+    expandIcon = props.expandIcon,
+    _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border;
+  var _useCollapse = (0, _hooks.useCollapse)({
+      defaultActive: defaultActive,
+      active: activeProps,
+      accordion: accordion,
+      onChange: onChangeProps
+    }),
+    active = _useCollapse.active,
+    onChange = _useCollapse.onChange;
+  var collapseRootClassName = (0, _classnames.default)(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapse.wrapper, !border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapse.borderLess));
+  var providerValue = {
+    active: active,
+    triggerRegion: triggerRegion,
+    expandIconPosition: expandIconPosition,
+    extraPosition: extraPosition,
+    border: border,
+    expandIcon: expandIcon !== undefined ? expandIcon : expandIconPosition === 'right' ?
+    // ? Icons.ArrowLeft
+    _icons.default.ArrowRight : _icons.default.ArrowRight,
+    onChange: onChange
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_groupContext.default.Provider, {
+    value: providerValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: collapseRootClassName,
+      style: style,
+      children: children
+    })
+  });
+};
+var _default = Collapse;
+exports.default = _default;