@zat-design/sisyphus-react 3.4.2-beta.18 → 3.4.2-beta.19

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.
Files changed (9) hide show
  1. package/es/ProLayout/components/ProCollapse/PropTypes.d.ts +1 -1
  2. package/es/ProLayout/components/ProCollapse/index.js +6 -1
  3. package/es/ProStep/components/Item/index.js +2 -1
  4. package/es/assets/fold.svg +27 -0
  5. package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts +1 -1
  6. package/lib/ProLayout/components/ProCollapse/index.js +6 -1
  7. package/lib/ProStep/components/Item/index.js +2 -1
  8. package/lib/assets/fold.svg +27 -0
  9. package/package.json +1 -1
package/es/ProLayout/components/ProCollapse/PropTypes.d.ts CHANGED
@@ -23,7 +23,7 @@ export interface ProCollapseProps {
23
23
  * @description 标题前图标
24
24
  * @default -
25
25
  */
26
- icon?: React.ReactNode;
26
+ icon?: React.ReactNode | Boolean;
27
27
  /**
28
28
  * @description 折叠头部多个标题
29
29
  * @default []
package/es/ProLayout/components/ProCollapse/index.js CHANGED
@@ -9,6 +9,9 @@ import _Collapse from "antd/es/collapse";
9
9
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
10
10
  import { CaretRightOutlined } from '@ant-design/icons';
11
11
  import classNames from 'classnames';
12
+ import { ReactSVG } from 'react-svg';
13
+ import { isBoolean } from 'lodash';
14
+ import foldSvg from '../../../assets/fold.svg';
12
15
  var Panel = _Collapse.Panel;
13
16
  var ProCollapse = function ProCollapse(props) {
14
17
  var title = props.title,
@@ -72,7 +75,9 @@ var ProCollapse = function ProCollapse(props) {
72
75
  align: "center",
73
76
  children: [_jsx("div", {
74
77
  className: "pro-collapse-icon",
75
- children: icon
78
+ children: isBoolean(icon) ? _jsx(ReactSVG, {
79
+ src: foldSvg
80
+ }) : icon
76
81
  }), title]
77
82
  });
78
83
  }
package/es/ProStep/components/Item/index.js CHANGED
@@ -23,7 +23,8 @@ export default (function (_ref) {
23
23
  id: id,
24
24
  children: !register || collapse && collapseItem && title ? _jsx(ProCollapse, _objectSpread(_objectSpread({
25
25
  id: id,
26
- title: title
26
+ title: title,
27
+ icon: true
27
28
  }, restProps), {}, {
28
29
  children: children
29
30
  })) : children
package/es/assets/fold.svg ADDED
@@ -0,0 +1,27 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="16px" height="15px" viewBox="0 0 16 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>编组 2</title>
4
+ <defs>
5
+ <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
6
+ <stop stop-color="#ADDDFF" stop-opacity="0" offset="0%"></stop>
7
+ <stop stop-color="#5FB3D8" stop-opacity="0" offset="13.9259178%"></stop>
8
+ <stop stop-color="#4181FF" offset="100%"></stop>
9
+ </linearGradient>
10
+ </defs>
11
+ <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
12
+ <g id="画板备份-17" transform="translate(-81, -162)" fill="url(#linearGradient-1)">
13
+ <g id="编组-27" transform="translate(64, 146)">
14
+ <g id="Card_Tittle/带icon备份-4" transform="translate(1, 0)">
15
+ <g id="编组-2" transform="translate(16, 16)">
16
+ <g id="编组">
17
+ <rect id="矩形" x="0" y="0" width="16" height="6" rx="3"></rect>
18
+ </g>
19
+ <g id="编组备份" transform="translate(8, 12) scale(-1, 1) translate(-8, -12)translate(0, 9)">
20
+ <rect id="矩形" x="0" y="0" width="16" height="6" rx="3"></rect>
21
+ </g>
22
+ </g>
23
+ </g>
24
+ </g>
25
+ </g>
26
+ </g>
27
+ </svg>
package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts CHANGED
@@ -23,7 +23,7 @@ export interface ProCollapseProps {
23
23
  * @description 标题前图标
24
24
  * @default -
25
25
  */
26
- icon?: React.ReactNode;
26
+ icon?: React.ReactNode | Boolean;
27
27
  /**
28
28
  * @description 折叠头部多个标题
29
29
  * @default []
package/lib/ProLayout/components/ProCollapse/index.js CHANGED
@@ -11,6 +11,9 @@ var _jsxRuntime = require("react/jsx-runtime");
11
11
  var _antd = require("antd");
12
12
  var _icons = require("@ant-design/icons");
13
13
  var _classnames = _interopRequireDefault(require("classnames"));
14
+ var _reactSvg = require("react-svg");
15
+ var _lodash = require("lodash");
16
+ var _fold = _interopRequireDefault(require("../../../assets/fold.svg"));
14
17
  var Panel = _antd.Collapse.Panel;
15
18
  var ProCollapse = function ProCollapse(props) {
16
19
  var title = props.title,
@@ -74,7 +77,9 @@ var ProCollapse = function ProCollapse(props) {
74
77
  align: "center",
75
78
  children: [(0, _jsxRuntime.jsx)("div", {
76
79
  className: "pro-collapse-icon",
77
- children: icon
80
+ children: (0, _lodash.isBoolean)(icon) ? (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
81
+ src: _fold.default
82
+ }) : icon
78
83
  }), title]
79
84
  });
80
85
  }
package/lib/ProStep/components/Item/index.js CHANGED
@@ -30,7 +30,8 @@ var _default = exports.default = function _default(_ref) {
30
30
  id: id,
31
31
  children: !register || collapse && collapseItem && title ? (0, _jsxRuntime.jsx)(_ProCollapse.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
32
32
  id: id,
33
- title: title
33
+ title: title,
34
+ icon: true
34
35
  }, restProps), {}, {
35
36
  children: children
36
37
  })) : children
package/lib/assets/fold.svg ADDED
@@ -0,0 +1,27 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="16px" height="15px" viewBox="0 0 16 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>编组 2</title>
4
+ <defs>
5
+ <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
6
+ <stop stop-color="#ADDDFF" stop-opacity="0" offset="0%"></stop>
7
+ <stop stop-color="#5FB3D8" stop-opacity="0" offset="13.9259178%"></stop>
8
+ <stop stop-color="#4181FF" offset="100%"></stop>
9
+ </linearGradient>
10
+ </defs>
11
+ <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
12
+ <g id="画板备份-17" transform="translate(-81, -162)" fill="url(#linearGradient-1)">
13
+ <g id="编组-27" transform="translate(64, 146)">
14
+ <g id="Card_Tittle/带icon备份-4" transform="translate(1, 0)">
15
+ <g id="编组-2" transform="translate(16, 16)">
16
+ <g id="编组">
17
+ <rect id="矩形" x="0" y="0" width="16" height="6" rx="3"></rect>
18
+ </g>
19
+ <g id="编组备份" transform="translate(8, 12) scale(-1, 1) translate(-8, -12)translate(0, 9)">
20
+ <rect id="矩形" x="0" y="0" width="16" height="6" rx="3"></rect>
21
+ </g>
22
+ </g>
23
+ </g>
24
+ </g>
25
+ </g>
26
+ </g>
27
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.4.2-beta.18",
3
+ "version": "3.4.2-beta.19",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",