@sheinx/base 3.9.15 → 3.9.16-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAM9D,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CA6H7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAM9D,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CAoI7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -35,7 +35,8 @@ var CollapseItem = function CollapseItem(props) {
35
35
  expandIconPosition = _useContext.expandIconPosition,
36
36
  extraPosition = _useContext.extraPosition,
37
37
  border = _useContext.border,
38
- animationProp = _useContext.animation;
38
+ animationProp = _useContext.animation,
39
+ groupSimple = _useContext.simple;
39
40
  var children = props.children,
40
41
  keygen = props.keygen,
41
42
  className = props.className,
@@ -47,7 +48,8 @@ var CollapseItem = function CollapseItem(props) {
47
48
  expandIcon = props.expandIcon,
48
49
  title = props.title,
49
50
  extra = props.extra,
50
- contentStyle = props.contentStyle;
51
+ contentStyle = props.contentStyle,
52
+ simple = props.simple;
51
53
  var _useState = (0, _react.useState)(false),
52
54
  _useState2 = _slicedToArray(_useState, 2),
53
55
  animation = _useState2[0],
@@ -65,20 +67,20 @@ var CollapseItem = function CollapseItem(props) {
65
67
  getHeaderIconProps = _useCollapseItem.getHeaderIconProps,
66
68
  getTitleProps = _useCollapseItem.getTitleProps,
67
69
  getExtraProps = _useCollapseItem.getExtraProps;
70
+ var resolvedExpandIcon = showExpandIcon ? expandIcon !== undefined ? expandIcon : parentExpandIcon : null;
68
71
  var headerIconItem = function headerIconItem(direction) {
69
72
  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, direction === 'right' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.iconRight)
70
73
  // expandIconPosition === 'right'
71
74
  // ? jssStyle?.collapseItem.activeTransformRight
72
75
  // : jssStyle?.collapseItem.activeTransform,
73
76
  );
74
- var headerIcon = showExpandIcon ? expandIcon !== undefined ? expandIcon : parentExpandIcon : null;
75
- return headerIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
77
+ return resolvedExpandIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
76
78
  dir: config.direction
77
79
  }, getHeaderIconProps({
78
80
  className: collapseItemIconClassName
79
81
  })), {}, {
80
82
  role: "button",
81
- children: headerIcon
83
+ children: resolvedExpandIcon
82
84
  }));
83
85
  };
84
86
  var extraItem = function extraItem() {
@@ -88,7 +90,7 @@ var CollapseItem = function CollapseItem(props) {
88
90
  children: extra
89
91
  }));
90
92
  };
91
- 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));
93
+ 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), resolvedExpandIcon && expandIconPosition === 'left' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.expandLeft), resolvedExpandIcon && expandIconPosition === 'right' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.expandRight), (disabled || triggerRegion === 'disabled') && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.disabled), !border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.borderLess), (simple !== null && simple !== void 0 ? simple : groupSimple) && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.simple));
92
94
  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 !== 'icon' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.region));
93
95
  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));
94
96
  var renderContent = function renderContent() {
@@ -15,6 +15,8 @@ export interface CollapseItemClasses {
15
15
  extra: string;
16
16
  content: string;
17
17
  expanded: string;
18
+ expandLeft: string;
19
+ expandRight: string;
18
20
  contentMain: string;
19
21
  noIcon: string;
20
22
  disabled: string;
@@ -22,6 +24,7 @@ export interface CollapseItemClasses {
22
24
  activeTransformRight: string;
23
25
  region: string;
24
26
  borderLess: string;
27
+ simple: string;
25
28
  }
26
29
  export interface CollapseItemProps extends Pick<CommonType, 'className' | 'style'>, BaseCollapseItemProps {
27
30
  jssStyle?: {
@@ -53,6 +56,13 @@ export interface CollapseItemProps extends Pick<CommonType, 'className' | 'style
53
56
  * @cn 折叠面板内容区域样式
54
57
  */
55
58
  contentStyle?: CSSProperties;
59
+ /**
60
+ * @en Simple mode, remove content top/bottom padding and background color
61
+ * @cn 简洁模式,移除内容区域的上下内边距和背景色
62
+ * @default false
63
+ * @version 3.9.16
64
+ */
65
+ simple?: boolean;
56
66
  /**
57
67
  * @en The content inside the collapse panel
58
68
  * @cn 折叠面板内的内容
@@ -1 +1 @@
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,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,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"}
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,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,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;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;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;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
@@ -1 +1 @@
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,4CAuDrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
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,4CAyDrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -31,7 +31,9 @@ var Collapse = function Collapse(props) {
31
31
  _props$border = props.border,
32
32
  border = _props$border === void 0 ? true : _props$border,
33
33
  _props$animation = props.animation,
34
- animation = _props$animation === void 0 ? true : _props$animation;
34
+ animation = _props$animation === void 0 ? true : _props$animation,
35
+ _props$simple = props.simple,
36
+ simpleProp = _props$simple === void 0 ? false : _props$simple;
35
37
  var _useCollapse = (0, _hooks.useCollapse)({
36
38
  defaultActive: defaultActive,
37
39
  active: activeProps,
@@ -48,6 +50,7 @@ var Collapse = function Collapse(props) {
48
50
  extraPosition: extraPosition,
49
51
  border: border,
50
52
  animation: animation,
53
+ simple: simpleProp,
51
54
  expandIcon: expandIcon !== undefined ? expandIcon : expandIconPosition === 'right' ?
52
55
  // ? Icons.ArrowLeft
53
56
  _icons.default.collapse.collapseArrow : _icons.default.collapse.collapseArrow,
@@ -44,5 +44,12 @@ export interface CollapseProps extends Pick<CommonType, 'className' | 'style'>,
44
44
  * @version 3.6.0
45
45
  */
46
46
  animation?: boolean;
47
+ /**
48
+ * @en Simple mode for all items, remove content top/bottom padding and background color
49
+ * @cn 所有子面板开启简洁模式,移除内容区域的上下内边距和背景色
50
+ * @default false
51
+ * @version 3.9.16
52
+ */
53
+ simple?: boolean;
47
54
  }
48
55
  //# sourceMappingURL=collapse.type.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"collapse.type.d.ts","sourceRoot":"","sources":["collapse.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,EACrC,IAAI,CAAC,uBAAuB,EAAE,eAAe,CAAC,EAC9C,iBAAiB;IACnB,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,eAAe,CAAC;KAC3B,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
1
+ {"version":3,"file":"collapse.type.d.ts","sourceRoot":"","sources":["collapse.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,EACrC,IAAI,CAAC,uBAAuB,EAAE,eAAe,CAAC,EAC9C,iBAAiB;IACnB,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,eAAe,CAAC;KAC3B,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}
@@ -1 +1 @@
1
- {"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAM9D,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CA6H7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAM9D,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CAoI7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -27,7 +27,8 @@ var CollapseItem = function CollapseItem(props) {
27
27
  expandIconPosition = _useContext.expandIconPosition,
28
28
  extraPosition = _useContext.extraPosition,
29
29
  border = _useContext.border,
30
- animationProp = _useContext.animation;
30
+ animationProp = _useContext.animation,
31
+ groupSimple = _useContext.simple;
31
32
  var children = props.children,
32
33
  keygen = props.keygen,
33
34
  className = props.className,
@@ -39,7 +40,8 @@ var CollapseItem = function CollapseItem(props) {
39
40
  expandIcon = props.expandIcon,
40
41
  title = props.title,
41
42
  extra = props.extra,
42
- contentStyle = props.contentStyle;
43
+ contentStyle = props.contentStyle,
44
+ simple = props.simple;
43
45
  var _useState = useState(false),
44
46
  _useState2 = _slicedToArray(_useState, 2),
45
47
  animation = _useState2[0],
@@ -57,20 +59,20 @@ var CollapseItem = function CollapseItem(props) {
57
59
  getHeaderIconProps = _useCollapseItem.getHeaderIconProps,
58
60
  getTitleProps = _useCollapseItem.getTitleProps,
59
61
  getExtraProps = _useCollapseItem.getExtraProps;
62
+ var resolvedExpandIcon = showExpandIcon ? expandIcon !== undefined ? expandIcon : parentExpandIcon : null;
60
63
  var headerIconItem = function headerIconItem(direction) {
61
64
  var collapseItemIconClassName = classNames(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.icon, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.activeTransform, direction === 'right' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.iconRight)
62
65
  // expandIconPosition === 'right'
63
66
  // ? jssStyle?.collapseItem.activeTransformRight
64
67
  // : jssStyle?.collapseItem.activeTransform,
65
68
  );
66
- var headerIcon = showExpandIcon ? expandIcon !== undefined ? expandIcon : parentExpandIcon : null;
67
- return headerIcon && /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
69
+ return resolvedExpandIcon && /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
68
70
  dir: config.direction
69
71
  }, getHeaderIconProps({
70
72
  className: collapseItemIconClassName
71
73
  })), {}, {
72
74
  role: "button",
73
- children: headerIcon
75
+ children: resolvedExpandIcon
74
76
  }));
75
77
  };
76
78
  var extraItem = function extraItem() {
@@ -80,7 +82,7 @@ var CollapseItem = function CollapseItem(props) {
80
82
  children: extra
81
83
  }));
82
84
  };
83
- var collapseItemClassName = classNames(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));
85
+ var collapseItemClassName = classNames(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.wrapper, judgeExpanded && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.active), resolvedExpandIcon && expandIconPosition === 'left' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.expandLeft), resolvedExpandIcon && expandIconPosition === 'right' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.expandRight), (disabled || triggerRegion === 'disabled') && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.disabled), !border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.borderLess), (simple !== null && simple !== void 0 ? simple : groupSimple) && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.simple));
84
86
  var collapseItemHeaderClassName = classNames(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.header, !showExpandIcon && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.noIcon), triggerRegion !== 'icon' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.region));
85
87
  var collapseItemContentClassName = classNames(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.content, judgeExpanded && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.expanded));
86
88
  var renderContent = function renderContent() {
@@ -15,6 +15,8 @@ export interface CollapseItemClasses {
15
15
  extra: string;
16
16
  content: string;
17
17
  expanded: string;
18
+ expandLeft: string;
19
+ expandRight: string;
18
20
  contentMain: string;
19
21
  noIcon: string;
20
22
  disabled: string;
@@ -22,6 +24,7 @@ export interface CollapseItemClasses {
22
24
  activeTransformRight: string;
23
25
  region: string;
24
26
  borderLess: string;
27
+ simple: string;
25
28
  }
26
29
  export interface CollapseItemProps extends Pick<CommonType, 'className' | 'style'>, BaseCollapseItemProps {
27
30
  jssStyle?: {
@@ -53,6 +56,13 @@ export interface CollapseItemProps extends Pick<CommonType, 'className' | 'style
53
56
  * @cn 折叠面板内容区域样式
54
57
  */
55
58
  contentStyle?: CSSProperties;
59
+ /**
60
+ * @en Simple mode, remove content top/bottom padding and background color
61
+ * @cn 简洁模式,移除内容区域的上下内边距和背景色
62
+ * @default false
63
+ * @version 3.9.16
64
+ */
65
+ simple?: boolean;
56
66
  /**
57
67
  * @en The content inside the collapse panel
58
68
  * @cn 折叠面板内的内容
@@ -1 +1 @@
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,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,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"}
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,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,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;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;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;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
@@ -1 +1 @@
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,4CAuDrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
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,4CAyDrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -24,7 +24,9 @@ var Collapse = function Collapse(props) {
24
24
  _props$border = props.border,
25
25
  border = _props$border === void 0 ? true : _props$border,
26
26
  _props$animation = props.animation,
27
- animation = _props$animation === void 0 ? true : _props$animation;
27
+ animation = _props$animation === void 0 ? true : _props$animation,
28
+ _props$simple = props.simple,
29
+ simpleProp = _props$simple === void 0 ? false : _props$simple;
28
30
  var _useCollapse = useCollapse({
29
31
  defaultActive: defaultActive,
30
32
  active: activeProps,
@@ -41,6 +43,7 @@ var Collapse = function Collapse(props) {
41
43
  extraPosition: extraPosition,
42
44
  border: border,
43
45
  animation: animation,
46
+ simple: simpleProp,
44
47
  expandIcon: expandIcon !== undefined ? expandIcon : expandIconPosition === 'right' ?
45
48
  // ? Icons.ArrowLeft
46
49
  Icons.collapse.collapseArrow : Icons.collapse.collapseArrow,
@@ -44,5 +44,12 @@ export interface CollapseProps extends Pick<CommonType, 'className' | 'style'>,
44
44
  * @version 3.6.0
45
45
  */
46
46
  animation?: boolean;
47
+ /**
48
+ * @en Simple mode for all items, remove content top/bottom padding and background color
49
+ * @cn 所有子面板开启简洁模式,移除内容区域的上下内边距和背景色
50
+ * @default false
51
+ * @version 3.9.16
52
+ */
53
+ simple?: boolean;
47
54
  }
48
55
  //# sourceMappingURL=collapse.type.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"collapse.type.d.ts","sourceRoot":"","sources":["collapse.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,EACrC,IAAI,CAAC,uBAAuB,EAAE,eAAe,CAAC,EAC9C,iBAAiB;IACnB,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,eAAe,CAAC;KAC3B,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
1
+ {"version":3,"file":"collapse.type.d.ts","sourceRoot":"","sources":["collapse.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,EACrC,IAAI,CAAC,uBAAuB,EAAE,eAAe,CAAC,EAC9C,iBAAiB;IACnB,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,eAAe,CAAC;KAC3B,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.9.15",
3
+ "version": "3.9.16-beta.2",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "module": "./esm/index.js",
11
11
  "typings": "./cjs/index.d.ts",
12
12
  "dependencies": {
13
- "@sheinx/hooks": "3.9.15",
13
+ "@sheinx/hooks": "3.9.16-beta.2",
14
14
  "immer": "^10.0.0",
15
15
  "classnames": "^2.0.0",
16
16
  "@shined/reactive": "^0.3.3"