@zat-design/sisyphus-react 3.4.2-beta.2 → 3.4.2-beta.3

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 (34) hide show
  1. package/dist/index.esm.css +139 -84
  2. package/es/ProEditTable/components/RenderField/index.js +9 -11
  3. package/es/ProEditTable/utils/tools.js +3 -1
  4. package/es/ProForm/components/combination/Group/index.js +6 -9
  5. package/es/ProForm/components/combination/Group/style/index.less +4 -4
  6. package/es/ProForm/components/combination/Group/utils.d.ts +2 -0
  7. package/es/ProForm/components/combination/Group/utils.js +10 -0
  8. package/es/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +59 -55
  9. package/es/ProLayout/components/Layout/Menu/style/index.less +52 -56
  10. package/es/ProLayout/components/ProCollapse/style/index.less +7 -1
  11. package/es/ProLayout/style/index.less +98 -88
  12. package/es/ProThemeTools/component/PrdTools/index.d.ts +1 -1
  13. package/es/ProThemeTools/component/PrdTools/index.js +2 -2
  14. package/es/ProThemeTools/index.js +21 -28
  15. package/es/ProThemeTools/propsType.d.ts +1 -1
  16. package/es/ProThemeTools/style/index.less +25 -8
  17. package/es/assets/setting.svg +14 -0
  18. package/lib/ProEditTable/components/RenderField/index.js +8 -10
  19. package/lib/ProEditTable/utils/tools.js +3 -1
  20. package/lib/ProForm/components/combination/Group/index.js +4 -7
  21. package/lib/ProForm/components/combination/Group/style/index.less +4 -4
  22. package/lib/ProForm/components/combination/Group/utils.d.ts +2 -0
  23. package/lib/ProForm/components/combination/Group/utils.js +11 -1
  24. package/lib/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +59 -55
  25. package/lib/ProLayout/components/Layout/Menu/style/index.less +52 -56
  26. package/lib/ProLayout/components/ProCollapse/style/index.less +7 -1
  27. package/lib/ProLayout/style/index.less +98 -88
  28. package/lib/ProThemeTools/component/PrdTools/index.d.ts +1 -1
  29. package/lib/ProThemeTools/component/PrdTools/index.js +2 -2
  30. package/lib/ProThemeTools/index.js +19 -27
  31. package/lib/ProThemeTools/propsType.d.ts +1 -1
  32. package/lib/ProThemeTools/style/index.less +25 -8
  33. package/lib/assets/setting.svg +14 -0
  34. package/package.json +1 -1
@@ -1,36 +1,35 @@
1
1
  @root-entry-name: 'default';
2
2
  @import (reference) '~antd/es/style/themes/index.less';
3
- @import "../FoldMenu/style/index.less";
4
- @import "../OpenMenu/style/index.less";
5
- @import "../SideMenu/style/index.less";
3
+ @import '../FoldMenu/style/index.less';
4
+ @import '../OpenMenu/style/index.less';
5
+ @import '../SideMenu/style/index.less';
6
6
 
7
7
  /** 侧边栏 + 内容区 */
8
8
  .pro-layout-row {
9
9
  flex-direction: column;
10
10
 
11
-
12
11
  .pro-layout-menu-open {
13
- .pro-layout-arrow {
12
+ .pro-layout-arrow {
14
13
  transform: rotate(225deg);
15
14
  }
16
15
  }
17
16
 
18
17
  .pro-layout-arrow {
19
- width : 10px;
20
- height : 10px;
18
+ width: 10px;
19
+ height: 10px;
20
+ margin-left: -5px;
21
21
  background-color: transparent;
22
22
  /* 模块背景为透明 */
23
- border-color : #fff;
24
- border-style : solid;
25
- border-width : 2px 2px 0 0;
26
- margin-left : -5px;
27
- transform : rotate(45deg);
23
+ border-color: #fff;
24
+ border-style: solid;
25
+ border-width: 2px 2px 0 0;
26
+ transform: rotate(45deg);
28
27
  }
29
28
 
30
29
  &.pro-layout-menu-no-collapsed {
31
30
  .pro-layout-menu-fold-li {
32
- display : flex;
33
- align-items : center;
31
+ display: flex;
32
+ align-items: center;
34
33
  justify-content: center;
35
34
 
36
35
  div {
@@ -42,11 +41,10 @@
42
41
  }
43
42
 
44
43
  h2 {
45
- display : inline-block;
44
+ display: inline-block;
46
45
  white-space: nowrap;
47
- opacity : 0;
48
- transition : opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
49
- color 0.5s;
46
+ opacity: 0;
47
+ transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.5s;
50
48
  }
51
49
  }
52
50
  }
@@ -81,18 +79,18 @@
81
79
  }
82
80
 
83
81
  .pro-layout-menu {
84
- position : fixed;
85
- top : 48px;
86
- left : 0;
87
- z-index : 99;
88
- width : 48px;
89
- height : 100vh;
90
- min-height : 100%;
91
- padding : 0;
92
- overflow-x : hidden;
93
- overflow-y : auto;
82
+ position: fixed;
83
+ top: 48px;
84
+ left: 0;
85
+ z-index: 99;
86
+ width: 48px;
87
+ height: 100vh;
88
+ min-height: 100%;
89
+ padding: 0;
90
+ overflow-x: hidden;
91
+ overflow-y: auto;
94
92
  background-color: #1a202d;
95
- transition : background .3s, width .3s cubic-bezier(.2, 0, 0, 1) 0s;
93
+ transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
96
94
 
97
95
  &.pro-layout-menu-open {
98
96
  width: 220px;
@@ -101,52 +99,50 @@
101
99
 
102
100
  /** 内容区 */
103
101
  .pro-layout-content {
104
- flex : auto;
102
+ z-index: 1;
103
+ flex: auto;
104
+ flex: auto;
105
+ min-height: calc(100vh - 48px);
106
+ margin-top: 48px;
105
107
  margin-left: 48px;
106
- padding : 0 var(--zaui-space-size-md, 16px);
107
- transition : all 0.3s ease-in-out;
108
- z-index : 1;
109
- flex : auto;
110
- min-height : calc(100vh - 48px);
111
- margin-top : 48px;
108
+ padding: 0 var(--zaui-space-size-md, 16px);
109
+ transition: all 0.3s ease-in-out;
112
110
  }
113
111
 
114
-
115
-
116
112
  .pro-layout-menu.pro-layout-menu-open .pro-layout-menu-collapsed {
117
- left : 0;
118
- width: 220px
113
+ left: 0;
114
+ width: 220px;
119
115
  }
120
116
 
121
117
  .pro-layout-menu.pro-layout-menu-open .pro-layout-menu-collapsed img {
122
- transform: rotate(-180deg)
118
+ transform: rotate(-180deg);
123
119
  }
124
120
 
125
121
  .pro-layout-menu .pro-layout-menu-collapsed {
126
- position : fixed;
127
- bottom : 0;
128
- left : 0;
129
- z-index : 2;
130
- display : flex;
131
- align-items : center;
122
+ position: fixed;
123
+ bottom: 0;
124
+ left: 0;
125
+ z-index: 2;
126
+ display: flex;
127
+ align-items: center;
132
128
  justify-content: center;
133
- width : 48px;
134
- height : 48px;
135
- transition : all .25s ease;
136
- background : #292f3b
129
+ width: 48px;
130
+ height: 48px;
131
+ background: #292f3b;
132
+ transition: all 0.25s ease;
137
133
  }
138
134
 
139
135
  .pro-layout-menu .pro-layout-menu-collapsed:hover {
140
- background-color: rgba(185, 185, 189, .1)
136
+ background-color: rgba(185, 185, 189, 0.1);
141
137
  }
142
138
 
143
139
  .pro-layout-menu .pro-layout-menu-collapsed img {
144
140
  display: inline-block;
145
- width : 20px;
146
- height : 20px
141
+ width: 20px;
142
+ height: 20px;
147
143
  }
148
144
 
149
- .pro-layout-menu-open~.pro-layout-content {
150
- margin-left: 220px !important
145
+ .pro-layout-menu-open ~ .pro-layout-content {
146
+ margin-left: 220px !important;
151
147
  }
152
148
  }
@@ -17,6 +17,12 @@
17
17
  border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
18
18
  padding-bottom: var(--zaui-space-size-sm, 8px) !important;
19
19
  }
20
+ .pro-collapse-panel{
21
+ .@{ant-prefix}-collapse-header{
22
+ border-radius: var(--zaui-border-radius, 8px) !important;
23
+ }
24
+
25
+ }
20
26
  }
21
27
 
22
28
 
@@ -106,7 +112,7 @@
106
112
  .pro-collapse-level2-collapse {
107
113
  .@{ant-prefix}-collapse-header {
108
114
  padding: 0 8px 6px !important;
109
- border-bottom: 2px solid #dee0e3;
115
+ border-bottom: 1px solid #dee0e3;
110
116
  margin: 0 -8px;
111
117
  .@{ant-prefix}-collapse-arrow{
112
118
  right: 8px;
@@ -1,16 +1,15 @@
1
1
  @root-entry-name: 'default';
2
2
  @import (reference) '~antd/es/style/themes/index.less';
3
3
 
4
- @import "../components/Layout/index.less";
5
- @import "../components/ProCollapse/style/index.less";
6
- @import "../components/ProFooter/style/index.less";
7
- @import "../components/ProHeader/style/index.less";
8
-
4
+ @import '../components/Layout/index.less';
5
+ @import '../components/ProCollapse/style/index.less';
6
+ @import '../components/ProFooter/style/index.less';
7
+ @import '../components/ProHeader/style/index.less';
9
8
 
10
9
  .pro-layout {
11
- display : flex;
10
+ display: flex;
12
11
  flex-direction: column;
13
- background : var(--zaui-base-bg, #ffffff);
12
+ background: var(--zaui-base-bg, #ffffff);
14
13
 
15
14
  .pro-layout-menu-open {
16
15
  .pro-layout-open-menu-lv1 {
@@ -22,7 +21,8 @@
22
21
 
23
22
  // light模式
24
23
  &.pro-layout-light {
25
-
24
+ .pro-layout-menu-collapsed {
25
+ }
26
26
 
27
27
  .pro-layout-menu-open,
28
28
  .pro-layout-menu {
@@ -30,80 +30,92 @@
30
30
  }
31
31
 
32
32
  .pro-layout-open-menu .@{ant-prefix}-menu-title-content div .pro-layout-icon {
33
- color : var(--zaui-text, #343434);
34
33
  position: relative;
35
- z-index : 1;
34
+ z-index: 1;
35
+ color: var(--zaui-text, #343434);
36
36
  }
37
-
38
- .pro-layout-menu-fold-list {
39
- li {
40
- position: relative;
41
-
42
- &>div {
37
+ .pro-layout-menu-fold {
38
+ .pro-layout-menu-fold-list {
39
+ border-right: 1px solid #f0f0f0;
40
+ li {
43
41
  position: relative;
44
- z-index : 1;
45
- }
46
42
 
47
- &.active {
48
- background: transparent;
49
-
50
- div .pro-layout-icon {
51
- color: #fff;
43
+ & > div {
44
+ position: relative;
45
+ z-index: 1;
52
46
  }
53
47
 
54
- &::before {
55
- content : '';
56
- border-radius : var(--zaui-border-radius, 8px);
57
- background-color: var(--zaui-brand, #006aff);
58
- height : 38px;
59
- position : absolute;
60
- left : 5px;
61
- top : 4px;
62
- width : calc(100% - 10px);
63
- opacity : 1 !important;
48
+ &.active {
49
+ background: transparent;
50
+ border-radius: var(--zaui-border-radius, 8px);
51
+
52
+ div .pro-layout-icon {
53
+ color: #fff;
54
+ }
55
+
56
+ &::before {
57
+ position: absolute;
58
+ top: 4px;
59
+ left: 5px;
60
+ width: calc(100% - 10px);
61
+ height: 38px;
62
+ background-color: var(--zaui-brand, #006aff);
63
+ border-radius: var(--zaui-border-radius, 8px);
64
+ opacity: 1 !important;
65
+ content: '';
66
+ }
64
67
  }
65
- }
66
68
 
67
- &:hover {
68
- background: transparent;
69
-
70
- &::before {
71
- content : '';
72
- border-radius : var(--zaui-border-radius, 8px);
73
- background-color: var(--zaui-brand, #006aff);
74
- height : 38px;
75
- position : absolute;
76
- left : 5px;
77
- top : 4px;
78
- width : calc(100% - 10px);
79
- opacity : 0.08;
69
+ &:hover {
70
+ background: transparent;
71
+
72
+ &::before {
73
+ position: absolute;
74
+ top: 4px;
75
+ left: 5px;
76
+ width: calc(100% - 10px);
77
+ height: 38px;
78
+ background-color: var(--zaui-brand, #006aff);
79
+ border-radius: var(--zaui-border-radius, 8px);
80
+ opacity: 0.08;
81
+ content: '';
82
+ }
80
83
  }
81
84
 
82
- }
83
-
84
- div .pro-layout-icon {
85
- color: var(--zaui-text, #343434);
85
+ div .pro-layout-icon {
86
+ color: var(--zaui-text, #343434);
87
+ }
86
88
  }
87
89
  }
88
90
  }
89
91
 
90
-
91
- .pro-layout-menu-fold-list li.active {
92
- border-radius: var(--zaui-border-radius, 8px);
93
- }
94
-
95
92
  .pro-layout-menu-collapsed {
96
93
  position: relative;
94
+ background: var(--zaui-base-bg, #fff);
95
+ border-right: 1px solid #f0f0f0;
96
+ &:hover {
97
+ background: transparent !important;
98
+ }
99
+ &:hover::after {
100
+ position: absolute;
101
+ top: 5px;
102
+ left: 5px;
103
+ width: calc(100% - 10px);
104
+ height: 40px;
105
+ background-color: var(--zaui-brand, #006aff);
106
+ border-radius: var(--zaui-border-radius, 8px);
107
+ opacity: 0.08;
108
+ content: '';
109
+ }
97
110
 
98
111
  &::before {
99
- content : '';
100
- height : 1px;
101
- background: #DEE0E3;
102
- width : calc(100% - 16px);
103
- position : absolute;
104
- top : 0;
105
- left : var(--zaui-space-size-sm, 8px);
106
-
112
+ position: absolute;
113
+ top: 0;
114
+ left: var(--zaui-space-size-sm, 8px);
115
+ width: calc(100% - 16px);
116
+ height: 1px;
117
+ background: #dee0e3;
118
+ content: '';
107
119
  }
108
120
  }
109
121
 
@@ -112,24 +124,22 @@
112
124
  border-color: var(--zaui-text, #343434);
113
125
  }
114
126
  }
115
-
116
- .pro-layout-menu-collapsed {
117
- background: var(--zaui-base-bg, #fff);
118
- }
119
-
120
127
  .@{ant-prefix}-menu-root {
121
128
  overflow-x: hidden !important;
122
129
  }
123
130
 
124
131
  .anticon-caret-down {
125
- color: #CACACA !important;
132
+ color: #cacaca !important;
126
133
  }
127
134
 
128
135
  .pro-layout-row .pro-layout-menu {
129
136
  background: var(--zaui-base-bg, #ffffff);
130
137
  }
131
138
 
132
- .pro-layout-open-menu .@{ant-prefix}-menu-root>.@{ant-prefix}-menu-submenu .@{ant-prefix}-menu-sub {
139
+ .pro-layout-open-menu
140
+ .@{ant-prefix}-menu-root
141
+ > .@{ant-prefix}-menu-submenu
142
+ .@{ant-prefix}-menu-sub {
133
143
  background: var(--zaui-base-bg, #ffffff);
134
144
  }
135
145
 
@@ -139,18 +149,18 @@
139
149
 
140
150
  .pro-layout-open-menu .@{ant-prefix}-menu-item:hover,
141
151
  .pro-layout-open-menu .@{ant-prefix}-menu-submenu-title:hover {
152
+ position: relative;
142
153
  background: transparent;
143
- position : relative;
144
154
 
145
155
  &:before {
146
- content : '';
147
- border-radius : var(--zaui-border-radius, 8px);
156
+ position: absolute;
157
+ left: var(--zaui-space-size-sm, 8px);
158
+ width: calc(100% - 16px);
159
+ height: 38px;
148
160
  background-color: var(--zaui-brand, #006aff);
149
- opacity : 0.08;
150
- height : 38px;
151
- position : absolute;
152
- left : var(--zaui-space-size-sm, 8px);
153
- width : calc(100% - 16px);
161
+ border-radius: var(--zaui-border-radius, 8px);
162
+ opacity: 0.08;
163
+ content: '';
154
164
  }
155
165
  }
156
166
 
@@ -175,18 +185,18 @@
175
185
 
176
186
  /** 内容区 */
177
187
  .pro-layout-content {
178
- flex : auto;
188
+ z-index: 1;
189
+ flex: auto;
190
+ flex: auto;
191
+ min-height: calc(100vh - 48px);
192
+ margin-top: 48px;
179
193
  margin-left: 48px;
180
- padding : 0 var(--zaui-space-size-lg, 32px);
181
- transition : all 0.3s ease-in-out;
182
- z-index : 1;
183
- flex : auto;
184
- min-height : calc(100vh - 48px);
185
- margin-top : 48px;
194
+ padding: 0 var(--zaui-space-size-lg, 32px);
195
+ transition: all 0.3s ease-in-out;
186
196
 
187
197
  &.pro-layout-has-notice {
188
- margin-top: 80px;
189
198
  min-height: calc(100vh - 80px);
199
+ margin-top: 80px;
190
200
  }
191
201
  }
192
202
 
@@ -208,7 +218,7 @@
208
218
  }
209
219
  }
210
220
 
211
- .pro-layout-header-pure+.pro-layout-row {
221
+ .pro-layout-header-pure + .pro-layout-row {
212
222
  .pro-layout-sider-new-nav {
213
223
  top: 0 !important;
214
224
  }
@@ -1,3 +1,3 @@
1
1
  import type { DevToolsPropsType } from '../../propsType';
2
- declare const PrdTools: ({ onReset, onClose, setState, visible, state, tableBorder, tableStripe, prefixCls, }: DevToolsPropsType) => JSX.Element;
2
+ declare const PrdTools: ({ onReset, onClose, setState, open, state, tableBorder, tableStripe, prefixCls, }: DevToolsPropsType) => JSX.Element;
3
3
  export default PrdTools;
@@ -24,7 +24,7 @@ var PrdTools = function PrdTools(_ref) {
24
24
  var onReset = _ref.onReset,
25
25
  onClose = _ref.onClose,
26
26
  setState = _ref.setState,
27
- visible = _ref.visible,
27
+ open = _ref.open,
28
28
  state = _ref.state,
29
29
  tableBorder = _ref.tableBorder,
30
30
  tableStripe = _ref.tableStripe,
@@ -68,7 +68,7 @@ var PrdTools = function PrdTools(_ref) {
68
68
  title: "".concat(_locale.default.ProThemeTools.title),
69
69
  placement: "right",
70
70
  onClose: onClose,
71
- open: visible,
71
+ open: open,
72
72
  closable: false,
73
73
  children: [(0, _jsxRuntime.jsx)("div", {
74
74
  className: "pro-drawer-close",
@@ -10,13 +10,14 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
12
  var _jsxRuntime = require("react/jsx-runtime");
13
- var _icons = require("@ant-design/icons");
14
13
  var _antd = require("antd");
15
14
  var _react = require("react");
16
15
  var _ahooks = require("ahooks");
16
+ var _reactSvg = require("react-svg");
17
17
  var _lodash = require("lodash");
18
18
  var _classnames2 = _interopRequireDefault(require("classnames"));
19
19
  var _index = require("./utils/index");
20
+ var _setting = _interopRequireDefault(require("../assets/setting.svg"));
20
21
  var _component = require("./component");
21
22
  var _locale = _interopRequireDefault(require("../locale"));
22
23
  var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme", "onChange"];
@@ -54,24 +55,18 @@ var ProThemeTools = function ProThemeTools(_ref) {
54
55
  theme = _ref$theme === void 0 ? {} : _ref$theme,
55
56
  onChange = _ref.onChange,
56
57
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
57
- var _useState = (0, _react.useState)(false),
58
+ var _useToggle = (0, _ahooks.useToggle)(false),
59
+ _useToggle2 = (0, _slicedToArray2.default)(_useToggle, 2),
60
+ visible = _useToggle2[0],
61
+ toggle = _useToggle2[1].toggle;
62
+ var _useState = (0, _react.useState)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultThemeConfig), (0, _index.getMapHumpCase)(theme))),
58
63
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
59
- visible = _useState2[0],
60
- setVisible = _useState2[1];
61
- var _useState3 = (0, _react.useState)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultThemeConfig), (0, _index.getMapHumpCase)(theme))),
62
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
63
- state = _useState4[0],
64
- setState = _useState4[1];
64
+ state = _useState2[0],
65
+ setState = _useState2[1];
65
66
  var previousState = (0, _ahooks.usePrevious)(state);
66
67
  var zauiBrand = state.zauiBrand,
67
68
  zauiStripe = state.zauiStripe,
68
69
  zauiTableBorder = state.zauiTableBorder;
69
- var showDrawer = function showDrawer() {
70
- setVisible(true);
71
- };
72
- var onClose = function onClose() {
73
- setVisible(false);
74
- };
75
70
  // 重置
76
71
  var onReset = function onReset() {
77
72
  setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), defaultThemeConfig));
@@ -184,24 +179,21 @@ var ProThemeTools = function ProThemeTools(_ref) {
184
179
  'pro-theme-tools': true,
185
180
  'pro-theme-tools-follow': iconFollowTheme
186
181
  }, className, className));
187
- return (0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
188
- className: cls
189
- }, props), {}, {
190
- children: [(0, _jsxRuntime.jsx)(_icons.SettingOutlined, {
191
- style: {
192
- fontSize: "".concat(size, "px"),
193
- color: color
194
- },
195
- onClick: function onClick() {
196
- showDrawer();
197
- }
182
+ return (0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
183
+ children: [(0, _jsxRuntime.jsx)("div", {
184
+ className: cls,
185
+ onClick: toggle,
186
+ children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
187
+ className: "setting-icon",
188
+ src: _setting.default
189
+ })
198
190
  }), (0, _jsxRuntime.jsx)(_component.PrdTools, {
199
191
  prefixCls: prefixCls,
200
192
  onReset: onReset,
201
- onClose: onClose,
193
+ onClose: toggle,
202
194
  onCopy: onCopy,
203
195
  setState: setState,
204
- visible: visible,
196
+ open: visible,
205
197
  state: state,
206
198
  tableBorder: tableBorder,
207
199
  tableStripe: tableStripe
@@ -3,7 +3,7 @@ export interface DevToolsPropsType {
3
3
  onClose: () => void;
4
4
  onCopy?: () => void;
5
5
  setState: any;
6
- visible: boolean;
6
+ open: boolean;
7
7
  state: LocalThemeConfigPropsType;
8
8
  /** 是否有表格边框 */
9
9
  tableBorder?: boolean;
@@ -5,18 +5,35 @@
5
5
 
6
6
  .pro-theme-tools {
7
7
  display: flex;
8
+ align-items: center;
9
+ justify-content: center;
10
+ width: 34px;
11
+ height: 34px;
12
+ background: #d8e6ff;
13
+ border-radius: var(--zaui-border-radius, 8px);
14
+ cursor: pointer;
15
+
16
+ .setting-icon {
17
+ margin-top: -1px;
18
+ div {
19
+ display: flex;
20
+ align-items: center;
21
+ justify-content: center;
22
+ }
23
+ }
8
24
 
9
25
  &.pro-theme-tools-follow {
26
+ background: var(--ant-primary-1);
10
27
  svg {
11
28
  color: var(--zaui-brand, #006aff);
12
29
  }
13
30
  }
14
31
 
15
32
  .anticon {
16
- color: var(--zaui-brand, #006aff);
33
+ color: var(--zaui-text, #343434);
17
34
 
18
35
  svg {
19
- font-size: var(--zaui-font-size-lg-title, 24px)
36
+ font-size: 20px;
20
37
  }
21
38
  }
22
39
  }
@@ -36,16 +53,16 @@
36
53
 
37
54
  .copy-btn {
38
55
  position: absolute;
39
- width : calc(100% - 64px);
40
- bottom : 20px;
41
- left : 32px;
42
- z-index : 10;
56
+ bottom: 20px;
57
+ left: 32px;
58
+ z-index: 10;
59
+ width: calc(100% - 64px);
43
60
  }
44
61
 
45
62
  .pro-theme-tools-box {
46
- display : flex;
63
+ display: flex;
64
+ flex-wrap: wrap;
47
65
  justify-content: space-between;
48
- flex-wrap : wrap;
49
66
  }
50
67
 
51
68
  .pro-theme-tools-space {
@@ -0,0 +1,14 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="21px" height="21px" viewBox="0 0 22 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>icon-settings</title>
4
+ <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
+ <g id="画板备份-17" transform="translate(-1223, -14)" fill="#231F20" fill-rule="nonzero" stroke="#333333" stroke-width="0.3">
6
+ <g id="编组-2" transform="translate(1209.2372, 0)">
7
+ <g id="icon-settings" transform="translate(14.4202, 15)">
8
+ <path d="M20.3848055,7.53659573 C20.2624144,6.90517801 19.8656126,6.49687157 19.3574341,6.49687157 L19.2693187,6.49687157 C17.8961096,6.49687157 16.7791849,5.40670117 16.7791849,4.0659785 C16.7791849,3.64243545 16.9874064,3.15949962 16.9954426,3.14030349 C17.2488001,2.58384094 17.0543916,1.90192685 16.5418484,1.55193559 L13.9650884,0.151544503 L13.9272182,0.133451014 C13.4117224,-0.0847484644 12.7061572,0.0549122231 12.3217819,0.445776738 C12.0436226,0.725799811 11.0846741,1.52424401 10.3529464,1.52424401 C9.61169334,1.52424401 8.65061387,0.709786336 8.37104252,0.424450467 C7.98733476,0.0307290821 7.28906108,-0.117076194 6.76773716,0.100747395 L4.09924158,1.52780256 L4.05918911,1.55268737 C3.54659457,1.90127525 3.35146717,2.5831643 3.60341257,3.13749673 C3.61211629,3.15777047 3.82110799,3.63677181 3.82110799,4.06600356 C3.82110799,5.40672622 2.70418334,6.49689663 1.33099995,6.49689663 L1.2268892,6.49689663 C0.73468034,6.49689663 0.337852817,6.90517801 0.215538765,7.53662079 C0.206424254,7.58105259 0,8.64957096 0,9.50630527 C0,10.3619369 0.206424254,11.4300794 0.215538765,11.4741603 C0.337852842,12.105979 0.73468034,12.5146363 1.24288452,12.5146363 L1.33099995,12.5146363 C2.70418336,12.5146363 3.82110799,13.6048318 3.82110799,14.9451535 C3.82110799,15.3715534 3.61214195,15.8526849 3.60413145,15.8711543 C3.35149282,16.4286944 3.54518244,17.1095309 4.05628784,17.457768 L6.58426601,18.8421957 L6.62285501,18.8592617 C7.1456424,19.0838515 7.85261977,18.9374246 8.23488975,18.5295191 C8.58799332,18.1570989 9.54475946,17.3838403 10.2473465,17.3838403 C11.0089339,17.3838403 11.9897315,18.249471 12.2722554,18.5536271 C12.5328788,18.8322217 12.9333521,19 13.3432737,19 C13.5347553,19 13.7160441,18.962986 13.8820564,18.8933687 L16.5032593,17.4834046 L16.5418483,17.4591713 C17.0543915,17.109556 17.2495446,16.4287195 16.9969316,15.8740362 C16.9881766,15.8534116 16.7792105,15.3743852 16.7792105,14.9451785 C16.7792105,13.6048568 17.8961352,12.5146614 19.2693442,12.5146614 L19.3720429,12.5146614 C19.8649193,12.5146614 20.26244,12.1060041 20.3848054,11.4741854 C20.3935348,11.4301045 20.6002928,10.361962 20.6002928,9.50633035 C20.6002928,8.64954589 20.3935349,7.58102751 20.3848055,7.53659573 M19.1062589,9.50628019 C19.1062589,10.0598859 18.9933931,10.7712959 18.9416844,11.0683599 C16.8818579,11.2332312 15.2851253,12.9132945 15.2851253,14.9451284 C15.2851253,15.518657 15.471549,16.0680024 15.5705761,16.3206848 L13.3345445,17.5259819 C13.2245799,17.413712 12.8998469,17.0938682 12.457909,16.7726211 C11.6817384,16.2111966 10.9375841,15.9244072 10.2473209,15.9244072 C9.56291156,15.9244072 8.82463676,16.2040795 8.05211198,16.7584119 C7.61233077,17.0711135 7.29198807,17.3823867 7.17984115,17.4975135 L5.0290237,16.3220881 C5.13387902,16.056625 5.31519344,15.5143716 5.31519344,14.9451284 C5.31519344,12.9132945 3.71846079,11.2332312 1.65937889,11.0683599 C1.60695125,10.7712959 1.49408545,10.0599109 1.49408545,9.50628019 C1.49408545,8.95157185 1.60695125,8.23983608 1.65937889,7.94277203 C3.71846079,7.77825158 5.31519344,6.09783742 5.31519344,4.06600356 C5.31519344,3.4956827 5.12879543,2.94455798 5.02976827,2.69225151 L7.32112879,1.46312209 C7.42087485,1.56050617 7.74779025,1.8728319 8.1948374,2.18340342 C8.95645045,2.71392862 9.68168251,2.98257437 10.3529721,2.98257437 C11.0177147,2.98257437 11.7378118,2.71891561 12.4943156,2.19869017 C12.9450086,1.8895471 13.2712051,1.58148161 13.3658419,1.49442234 L15.5712693,2.69012142 C15.4715233,2.94099944 15.2850996,3.4903449 15.2850996,4.06600358 C15.2850996,6.09783744 16.8818322,7.7782516 18.9416587,7.94277205 C18.9933931,8.2405127 19.1062589,8.95513042 19.1062589,9.50628019" id="形状"></path>
9
+ <path d="M10.3001356,6.5 C8.59640655,6.5 7.21010249,7.84598945 7.21010249,9.50014713 C7.21010249,11.1545781 8.5964282,12.5 10.3001356,12.5 C12.0038646,12.5 13.3901903,11.1545781 13.3901903,9.50014713 C13.3901903,7.84598945 12.0038646,6.5 10.3001356,6.5 M12.1303626,9.50014713 C12.1303626,10.4798072 11.3095002,11.276765 10.3001356,11.276765 C9.29079259,11.276765 8.47053634,10.4798072 8.47053634,9.50014713 C8.47053634,8.52105462 9.29079259,7.72378156 10.3001356,7.72378156 C11.3095002,7.72378156 12.1303626,8.52105462 12.1303626,9.50014713" id="形状"></path>
10
+ </g>
11
+ </g>
12
+ </g>
13
+ </g>
14
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.4.2-beta.2",
3
+ "version": "3.4.2-beta.3",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",