@teamix/pro 1.2.23 → 1.2.28

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 (133) hide show
  1. package/dist/212.js +129 -129
  2. package/dist/pro.css +1 -1
  3. package/dist/pro.js +18109 -15665
  4. package/dist/pro.min.css +1 -1
  5. package/dist/pro.min.js +1 -1
  6. package/dist/pro.min.js.LICENSE.txt +2 -0
  7. package/es/actions/dialog.js +4 -3
  8. package/es/actions/index.d.ts +12 -9
  9. package/es/actions/index.js +56 -15
  10. package/es/actions/index.scss +12 -1
  11. package/es/form/Filter/AdvancedFilter.js +1 -1
  12. package/es/form/Filter/Layout.d.ts +5 -0
  13. package/es/form/Filter/Layout.js +82 -0
  14. package/es/form/Filter/SimpleFilter.js +30 -6
  15. package/es/form/Filter/index2.d.ts +2 -1
  16. package/es/form/Filter/index2.js +97 -116
  17. package/es/form/Filter/index2.scss +16 -45
  18. package/es/form/Filter/layout.scss +36 -0
  19. package/es/form/Filter/useSpecialProps.d.ts +6 -0
  20. package/es/form/Filter/useSpecialProps.js +37 -0
  21. package/es/form/ProForm/customComponent.d.ts +3 -0
  22. package/es/form/ProForm/customComponent.js +20 -0
  23. package/es/form/ProForm/index.scss +5 -6
  24. package/es/form/ProForm/useFormDisplayValues.js +14 -24
  25. package/es/form/SchemaForm/adapterType.js +1 -0
  26. package/es/form/SchemaForm/index.js +8 -6
  27. package/es/form/SchemaForm/initializeDataSource.d.ts +1 -1
  28. package/es/form/SchemaForm/initializeDataSource.js +2 -2
  29. package/es/form/SchemaForm/initializeRequest.d.ts +1 -1
  30. package/es/form/SchemaForm/initializeRequest.js +2 -2
  31. package/es/form/SchemaForm/initializeRules.d.ts +1 -1
  32. package/es/form/SchemaForm/initializeRules.js +3 -3
  33. package/es/form/fieldTypeMap.js +2 -1
  34. package/es/form/index.d.ts +4 -2
  35. package/es/form/index.js +4 -2
  36. package/es/form/typing.d.ts +25 -1
  37. package/es/form/utils.d.ts +2 -2
  38. package/es/form/utils.js +2 -2
  39. package/es/index.d.ts +5 -2
  40. package/es/index.js +6 -3
  41. package/es/info/index.scss +1 -1
  42. package/es/nocode/pages/renderer.js +1 -1
  43. package/es/step/ProStepItem/components/HozStepItem/index.d.ts +5 -0
  44. package/es/step/ProStepItem/components/HozStepItem/index.js +235 -0
  45. package/es/step/ProStepItem/components/HozStepItem/index.scss +279 -0
  46. package/es/step/ProStepItem/components/VerStepItem/index.d.ts +5 -0
  47. package/es/step/ProStepItem/components/VerStepItem/index.js +295 -0
  48. package/es/step/ProStepItem/components/VerStepItem/index.scss +287 -0
  49. package/es/step/ProStepItem/index.d.ts +4 -0
  50. package/es/step/ProStepItem/index.js +57 -0
  51. package/es/step/index.d.ts +9 -0
  52. package/es/step/index.js +101 -0
  53. package/es/step/typing.d.ts +96 -0
  54. package/es/step/typing.js +1 -0
  55. package/es/table/components/Filter/index.js +2 -17
  56. package/es/table/components/Layout/index.js +63 -167
  57. package/es/table/components/Layout/index.scss +4 -3
  58. package/es/table/components/Pagination/index.js +2 -2
  59. package/es/table/components/Pagination/index.scss +5 -0
  60. package/es/table/components/ToolBar/FullScreenIcon.js +4 -9
  61. package/es/table/components/ToolBar/Fullscreen.js +21 -11
  62. package/es/table/index.js +82 -104
  63. package/es/table/index.scss +5 -5
  64. package/es/table/typing.d.ts +16 -10
  65. package/es/table/utils/columnRender.js +21 -3
  66. package/es/table/utils/index.d.ts +7 -0
  67. package/es/table/utils/index.js +36 -0
  68. package/es/utils/index.d.ts +1 -0
  69. package/es/utils/index.js +1 -0
  70. package/lib/actions/dialog.js +4 -3
  71. package/lib/actions/index.d.ts +12 -9
  72. package/lib/actions/index.js +56 -15
  73. package/lib/actions/index.scss +12 -1
  74. package/lib/form/Filter/AdvancedFilter.js +1 -1
  75. package/lib/form/Filter/Layout.d.ts +5 -0
  76. package/lib/form/Filter/Layout.js +102 -0
  77. package/lib/form/Filter/SimpleFilter.js +29 -4
  78. package/lib/form/Filter/index2.d.ts +2 -1
  79. package/lib/form/Filter/index2.js +101 -114
  80. package/lib/form/Filter/index2.scss +16 -45
  81. package/lib/form/Filter/layout.scss +36 -0
  82. package/lib/form/Filter/useSpecialProps.d.ts +6 -0
  83. package/lib/form/Filter/useSpecialProps.js +46 -0
  84. package/lib/form/ProForm/customComponent.d.ts +3 -0
  85. package/lib/form/ProForm/customComponent.js +28 -0
  86. package/lib/form/ProForm/index.scss +5 -6
  87. package/lib/form/ProForm/useFormDisplayValues.js +17 -24
  88. package/lib/form/SchemaForm/adapterType.js +1 -0
  89. package/lib/form/SchemaForm/index.js +8 -6
  90. package/lib/form/SchemaForm/initializeDataSource.d.ts +1 -1
  91. package/lib/form/SchemaForm/initializeDataSource.js +2 -2
  92. package/lib/form/SchemaForm/initializeRequest.d.ts +1 -1
  93. package/lib/form/SchemaForm/initializeRequest.js +2 -2
  94. package/lib/form/SchemaForm/initializeRules.d.ts +1 -1
  95. package/lib/form/SchemaForm/initializeRules.js +3 -3
  96. package/lib/form/fieldTypeMap.js +2 -1
  97. package/lib/form/index.d.ts +4 -2
  98. package/lib/form/index.js +19 -1
  99. package/lib/form/typing.d.ts +25 -1
  100. package/lib/form/utils.d.ts +2 -2
  101. package/lib/form/utils.js +2 -2
  102. package/lib/index.d.ts +5 -2
  103. package/lib/index.js +35 -3
  104. package/lib/info/index.scss +1 -1
  105. package/lib/nocode/pages/renderer.js +1 -1
  106. package/lib/step/ProStepItem/components/HozStepItem/index.d.ts +5 -0
  107. package/lib/step/ProStepItem/components/HozStepItem/index.js +258 -0
  108. package/lib/step/ProStepItem/components/HozStepItem/index.scss +279 -0
  109. package/lib/step/ProStepItem/components/VerStepItem/index.d.ts +5 -0
  110. package/lib/step/ProStepItem/components/VerStepItem/index.js +315 -0
  111. package/lib/step/ProStepItem/components/VerStepItem/index.scss +287 -0
  112. package/lib/step/ProStepItem/index.d.ts +4 -0
  113. package/lib/step/ProStepItem/index.js +69 -0
  114. package/lib/step/index.d.ts +9 -0
  115. package/lib/step/index.js +124 -0
  116. package/lib/step/typing.d.ts +96 -0
  117. package/lib/step/typing.js +5 -0
  118. package/lib/table/components/Filter/index.js +2 -17
  119. package/lib/table/components/Layout/index.js +61 -167
  120. package/lib/table/components/Layout/index.scss +4 -3
  121. package/lib/table/components/Pagination/index.js +2 -2
  122. package/lib/table/components/Pagination/index.scss +5 -0
  123. package/lib/table/components/ToolBar/FullScreenIcon.js +4 -9
  124. package/lib/table/components/ToolBar/Fullscreen.js +22 -11
  125. package/lib/table/index.js +78 -101
  126. package/lib/table/index.scss +5 -5
  127. package/lib/table/typing.d.ts +16 -10
  128. package/lib/table/utils/columnRender.js +21 -3
  129. package/lib/table/utils/index.d.ts +7 -0
  130. package/lib/table/utils/index.js +38 -0
  131. package/lib/utils/index.d.ts +1 -0
  132. package/lib/utils/index.js +13 -0
  133. package/package.json +4 -4
@@ -0,0 +1,258 @@
1
+ "use strict";
2
+
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _components = require("@alicloudfe/components");
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ var _icon = _interopRequireDefault(require("@teamix/icon"));
17
+
18
+ var _utils = require("@teamix/utils");
19
+
20
+ require("./index.scss");
21
+
22
+ var _excluded = ["_size", "_index", "_shape", "_current", "status", "icon", "title", "content", "percent", "disabled", "dotRender", "onClick"];
23
+
24
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
+
26
+ 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); }
27
+
28
+ 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; }
29
+
30
+ 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; }
31
+
32
+ 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) { _defineProperty(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; }
33
+
34
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
35
+
36
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
37
+
38
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
39
+
40
+ var StepItem = _components.Step.Item;
41
+ var cls = (0, _utils.baseClass)('teamix-pro-step');
42
+
43
+ var HozStepItem = function HozStepItem(props) {
44
+ var _size = props._size,
45
+ _index = props._index,
46
+ _shape = props._shape,
47
+ _current = props._current,
48
+ status = props.status,
49
+ icon = props.icon,
50
+ title = props.title,
51
+ content = props.content,
52
+ percent = props.percent,
53
+ disabled = props.disabled,
54
+ dotRender = props.dotRender,
55
+ onClick = props.onClick,
56
+ others = _objectWithoutProperties(props, _excluded);
57
+ /** 对枚举类型进行处理 */
58
+
59
+
60
+ var formatShape = function formatShape() {
61
+ if (['dot', 'icon', 'arrow', 'number'].includes(_shape)) return _shape;
62
+ return 'dot';
63
+ };
64
+
65
+ var formatStatus = function formatStatus() {
66
+ if (['success', 'fail', 'process', 'warning', 'wait'].includes(status)) return status;
67
+ return 'wait';
68
+ };
69
+
70
+ var formatSize = function formatSize() {
71
+ if (['normal', 'small'].includes(_size)) return _size;
72
+ return 'normal';
73
+ };
74
+ /** 计算当前节点的状态 */
75
+
76
+
77
+ var getStatus = (0, _react.useMemo)(function () {
78
+ // 默认 status 取传递进来的 status 参数
79
+ var process = formatStatus() === 'process' && !disabled;
80
+ var success = formatStatus() === 'success' && !disabled;
81
+ var error = formatStatus() === 'fail' && !disabled;
82
+ var warning = formatStatus() === 'warning' && !disabled;
83
+ var wait = formatStatus() === 'wait' && !disabled; // 如果传递了 current 参数,则重新计算当前节点的状态
84
+
85
+ if (_current) {
86
+ process = _index === _current && !disabled;
87
+ wait = _index > _current && wait;
88
+ success = _index < _current && !error && !warning;
89
+ }
90
+
91
+ return {
92
+ process: process,
93
+ success: success,
94
+ error: error,
95
+ warning: warning,
96
+ wait: wait
97
+ };
98
+ }, [_index, _current, status]); // 获取一些常量
99
+
100
+ var process = getStatus.process,
101
+ success = getStatus.success,
102
+ error = getStatus.error,
103
+ warning = getStatus.warning,
104
+ wait = getStatus.wait;
105
+ var dot = formatShape() === 'dot';
106
+ var arrow = formatShape() === 'arrow';
107
+ var circle_icon = formatShape() === 'icon';
108
+ var circle_number = formatShape() === 'number';
109
+ var normal_size = formatSize() === 'normal';
110
+ var small_size = formatSize() === 'small';
111
+ /** 重新渲染 node 节点 */
112
+
113
+ var renderNode = (0, _react.useCallback)(function () {
114
+ // 渲染dot 节点
115
+ var renderDot = function renderDot() {
116
+ return !icon ? /*#__PURE__*/_react.default.createElement("div", {
117
+ className: (0, _classnames.default)(cls({
118
+ 'hoz-step-item-render-wrapper-dot-normal': normal_size,
119
+ 'hoz-step-item-render-wrapper-dot-small': small_size,
120
+ 'hoz-step-item-render-wrapper-dot-disabled': disabled,
121
+ 'hoz-step-item-render-wrapper-dot-process': process,
122
+ 'hoz-step-item-render-wrapper-dot-success': success,
123
+ 'hoz-step-item-render-wrapper-dot-error': error,
124
+ 'hoz-step-item-render-wrapper-dot-warning': warning,
125
+ 'hoz-step-item-render-wrapper-dot-wait': wait
126
+ }))
127
+ }) : /*#__PURE__*/_react.default.createElement("div", {
128
+ className: (0, _classnames.default)(cls({
129
+ 'hoz-step-item-render-wrapper-icon-disabled': disabled,
130
+ 'hoz-step-item-render-wrapper-icon-process': process,
131
+ 'hoz-step-item-render-wrapper-icon-success': success,
132
+ 'hoz-step-item-render-wrapper-icon-error': error,
133
+ 'hoz-step-item-render-wrapper-icon-warning': warning,
134
+ 'hoz-step-item-render-wrapper-icon-wait': wait
135
+ }))
136
+ }, /*#__PURE__*/_react.default.createElement(_components.Icon, {
137
+ type: icon,
138
+ size: "small"
139
+ }));
140
+ }; // 渲染 circle 节点
141
+
142
+
143
+ var renderCircle = function renderCircle() {
144
+ if (dotRender) return /*#__PURE__*/_react.default.createElement("div", {
145
+ className: (0, _classnames.default)(cls('hoz-step-item-render-wrapper'))
146
+ }, dotRender());
147
+
148
+ var renderIconOrNumber = function renderIconOrNumber() {
149
+ if (percent) return /*#__PURE__*/_react.default.createElement("div", {
150
+ className: (0, _classnames.default)(cls('ver-step-item-render-wrapper-circle-percent'))
151
+ }, percent, "%");
152
+ if (icon) return /*#__PURE__*/_react.default.createElement(_components.Icon, {
153
+ type: icon,
154
+ size: "medium"
155
+ });
156
+ if (success) return /*#__PURE__*/_react.default.createElement(_icon.default, {
157
+ type: "check-line",
158
+ size: "small"
159
+ });
160
+ if (error) return /*#__PURE__*/_react.default.createElement(_icon.default, {
161
+ type: "close-line",
162
+ size: "small"
163
+ });
164
+ if (warning) return /*#__PURE__*/_react.default.createElement(_icon.default, {
165
+ type: "exclamation-line",
166
+ size: "small"
167
+ });
168
+ if (process && circle_icon) return /*#__PURE__*/_react.default.createElement(_icon.default, {
169
+ type: "loading-line",
170
+ size: "small"
171
+ });
172
+ if (wait && circle_icon) return /*#__PURE__*/_react.default.createElement(_icon.default, {
173
+ type: "more-line",
174
+ size: "small"
175
+ });
176
+ return _index + 1;
177
+ };
178
+
179
+ return /*#__PURE__*/_react.default.createElement("div", {
180
+ className: (0, _classnames.default)(cls({
181
+ 'hoz-step-item-render-wrapper-circle': true,
182
+ 'hoz-step-item-render-wrapper-circle-disabled': disabled,
183
+ 'hoz-step-item-render-wrapper-circle-process': process,
184
+ 'hoz-step-item-render-wrapper-circle-success': success,
185
+ 'hoz-step-item-render-wrapper-circle-error': error,
186
+ 'hoz-step-item-render-wrapper-circle-warning': warning,
187
+ 'hoz-step-item-render-wrapper-circle-wait': wait,
188
+ 'hoz-step-item-render-wrapper-percent-color': percent
189
+ }))
190
+ }, renderIconOrNumber());
191
+ };
192
+
193
+ var renderStateNode = function renderStateNode() {
194
+ if (circle_icon || circle_number) {
195
+ return renderCircle();
196
+ }
197
+
198
+ return renderDot();
199
+ };
200
+
201
+ return /*#__PURE__*/_react.default.createElement("div", {
202
+ className: (0, _classnames.default)(cls('hoz-step-item'))
203
+ }, /*#__PURE__*/_react.default.createElement("div", {
204
+ className: (0, _classnames.default)(cls({
205
+ 'hoz-step-item-render-wrapper': true,
206
+ 'hoz-step-item-render-wrapper-disabled': disabled,
207
+ 'hoz-step-item-render-wrapper-tail-process': process,
208
+ 'hoz-step-item-render-wrapper-tail-success': success,
209
+ 'hoz-step-item-render-wrapper-tail-error': error,
210
+ 'hoz-step-item-render-wrapper-tail-warning': warning,
211
+ 'hoz-step-item-render-wrapper-tail-wait': wait
212
+ }))
213
+ }, renderStateNode()));
214
+ }, [_index, _shape, _size, disabled, icon, percent, status, dotRender]); // 轴连接线添加color
215
+
216
+ var renderColor = (0, _react.useMemo)(function () {
217
+ if (_current) {
218
+ if (_current > _index) return true;
219
+ }
220
+
221
+ return false;
222
+ }, [_index, _current]); // 重新渲染 title
223
+
224
+ var renderTitle = (0, _react.useCallback)(function () {
225
+ return /*#__PURE__*/_react.default.createElement("div", {
226
+ className: (0, _classnames.default)(cls({
227
+ 'hoz-step-item-render-title-normal': normal_size && dot,
228
+ 'hoz-step-item-render-title-small': small_size && dot
229
+ }))
230
+ }, title);
231
+ }, [_size, title]);
232
+ return /*#__PURE__*/_react.default.createElement(StepItem, _objectSpread(_objectSpread({
233
+ className: (0, _classnames.default)(cls({
234
+ 'hoz-step-item-render-tail-process': process && renderColor,
235
+ 'hoz-step-item-render-tail-success': success && renderColor,
236
+ 'hoz-step-item-render-tail-error': error && renderColor,
237
+ 'hoz-step-item-render-tail-warning': warning && renderColor,
238
+ 'hoz-step-item-render-tail-wait': wait || !renderColor && !disabled,
239
+ 'hoz-step-item-render-arrow-process': arrow && process,
240
+ 'hoz-step-item-render-arrow-success': arrow && success,
241
+ 'hoz-step-item-render-arrow-error': arrow && error,
242
+ 'hoz-step-item-render-arrow-warning': arrow && warning,
243
+ 'hoz-step-item-render-arrow-wait': arrow && wait
244
+ }))
245
+ }, others), {}, {
246
+ status: 'wait',
247
+ icon: icon,
248
+ title: renderTitle(),
249
+ content: content,
250
+ disabled: disabled,
251
+ itemRender: renderNode,
252
+ onClick: onClick
253
+ }));
254
+ };
255
+
256
+ var _default = /*#__PURE__*/(0, _react.memo)(HozStepItem);
257
+
258
+ exports.default = _default;
@@ -0,0 +1,279 @@
1
+ .teamix-pro-step {
2
+ .next-step-arrow .next-step-item-disabled{
3
+ background: var(--color-fill1-3, #eaeaea);
4
+ &::before{
5
+ border: var(--s-4) solid var(--color-fill1-3, #eaeaea);
6
+ border-left: calc(var(--s-4)) solid transparent;
7
+ }
8
+ &::after{
9
+ border-left-color: var(--color-fill1-3, #eaeaea);
10
+ }
11
+ }
12
+ &-hoz-step-item {
13
+ &-render-wrapper {
14
+ width: var(--s-6);
15
+ height: var(--s-6);
16
+ display: flex;
17
+ justify-content: center;
18
+ align-items: center;
19
+ cursor: pointer;
20
+ margin-left: var(--s-0);
21
+
22
+ &-disabled {
23
+ cursor: not-allowed;
24
+ }
25
+
26
+ &-dot {
27
+ &-normal {
28
+ width: var(--s-3);
29
+ height: var(--s-3);
30
+ border-radius: 50%;
31
+ }
32
+
33
+ &-small {
34
+ width: var(--s-2);
35
+ height: var(--s-2);
36
+ border-radius: 50%;
37
+ }
38
+
39
+ &-disabled {
40
+ background-color: transparent;
41
+ background: transparent;
42
+ color: var(--color-line1-3, #ccc);
43
+ border: 1px solid var(--color-line1-3, #ccc);
44
+ }
45
+
46
+ &-process {
47
+ background: var(--color-notice-5, #0064c8);
48
+ background-color: var(--color-notice-5, #0064c8);
49
+ }
50
+ &-success {
51
+ background: var(--color-error-5, #e84738);
52
+ background-color: var(--color-notice-7, #589ad8);
53
+ }
54
+ &-error {
55
+ background: var(--color-error-5, #e84738);
56
+ background-color: var(--color-error-5, #e84738);
57
+ }
58
+ &-warning {
59
+ background: var(--color-warning-5, #f98e1a);
60
+ background-color: var(--color-warning-5, #f98e1a);
61
+ }
62
+ &-wait {
63
+ background: var(--color-line1-3, #ccc);
64
+ background-color: var(--color-line1-3, #ccc);
65
+ }
66
+ }
67
+ &-icon {
68
+ &-disabled {
69
+ color: var(--color-line1-3, #ccc);
70
+ }
71
+
72
+ &-process {
73
+ color: var(--color-notice-5, #0064c8);
74
+ }
75
+ &-success {
76
+ color: var(--color-notice-7, #589ad8);
77
+ }
78
+ &-error {
79
+ color: var(--color-error-5, #e84738);
80
+ }
81
+ &-warning {
82
+ color: var(--color-warning-5, #f98e1a);
83
+ }
84
+ &-wait {
85
+ color: var(--color-line1-3, #ccc);
86
+ }
87
+ }
88
+
89
+ &-circle {
90
+ width: var(--s-6);
91
+ height: var(--s-6);
92
+ border-radius: 50%;
93
+ display: flex;
94
+ justify-content: center;
95
+ align-items: center;
96
+
97
+ .next-icon.next-icon.next-icon:before {
98
+ line-height: var(--s-6);
99
+ }
100
+
101
+ &-disabled {
102
+ background-color: transparent;
103
+ background: transparent;
104
+ color: var(--color-line1-3, #ccc);
105
+ border: 1px solid var(--color-line1-3, #ccc);
106
+ }
107
+ &-process {
108
+ color: var(--color-white, #fff);
109
+ background: var(--color-notice-5, #0064c8);
110
+ background-color: var(--color-notice-5, #0064c8);
111
+ }
112
+ &-success {
113
+ color: var(--color-notice-5, #0064c8);
114
+ background: var(--color-brand1-2, #cae3fd);
115
+ background-color: var(--color-brand1-2, #cae3fd);
116
+ }
117
+ &-error {
118
+ color: var(--color-error-5, #e84738);
119
+ background: var(--color-error-2, #fcceca);
120
+ background-color: var(--color-error-2, #fcceca);
121
+ }
122
+ &-warning {
123
+ color: var(--color-warning-5, #f98e1a);
124
+ background: var(--color-warning-2, #ffe0bf);
125
+ background-color: var(--color-warning-2, #ffe0bf);
126
+ }
127
+ &-wait {
128
+ color: var(--color-black, #000);
129
+ background: var(--color-fill1-3, #eaeaea);
130
+ background-color: var(--color-fill1-3, #eaeaea);
131
+ }
132
+ }
133
+
134
+ &-percent-color {
135
+ background: transparent;
136
+ background-color: transparent;
137
+ color: var(--color-notice-5, #0064c8);
138
+ font-family: var(--font-size-body-1, 12px);
139
+ word-break: normal;
140
+ white-space: nowrap;
141
+ border: 1px solid var(--color-line1-2, #d9d9d9);
142
+ }
143
+ }
144
+
145
+ &-render-tail {
146
+ &-process {
147
+ .next-step-item-tail-underlay .next-step-item-tail-overlay {
148
+ background: var(--color-notice-5, #0064c8);
149
+ }
150
+ }
151
+
152
+ &-success {
153
+ .next-step-item-tail-underlay .next-step-item-tail-overlay {
154
+ background: var(--color-notice-7, #589ad8);
155
+ }
156
+ }
157
+
158
+ &-error {
159
+ .next-step-item-tail-underlay .next-step-item-tail-overlay {
160
+ background: var(--color-error-5, #e84738);
161
+ }
162
+ }
163
+
164
+ &-warning {
165
+ .next-step-item-tail-underlay .next-step-item-tail-overlay {
166
+ background: var(--color-warning-5, #f98e1a);
167
+ }
168
+ }
169
+
170
+ &-wait {
171
+ .next-step-item-tail-underlay .next-step-item-tail-overlay {
172
+ background: var(--color-line1-3, #ccc);
173
+ }
174
+ }
175
+ }
176
+ &-render-arrow {
177
+ &-process {
178
+ &.next-step-item-wait:before {
179
+ border: var(--s-4) solid var(--color-notice-5, #0064c8);
180
+ border-left: calc(var(--s-4)) solid transparent;
181
+ }
182
+
183
+ .next-step-item-container {
184
+ background: var(--color-notice-5, #0064c8);
185
+
186
+ .next-step-item-title {
187
+ color: var(--color-white, #fff);
188
+ }
189
+ }
190
+
191
+ &.next-step-item-wait:after {
192
+ border-left-color: var(--color-notice-5, #0064c8);
193
+ }
194
+ }
195
+
196
+ &-success {
197
+ &.next-step-item-wait:before {
198
+ border: var(--s-4) solid var(--color-notice-7, #589ad8);
199
+ border-left: calc(var(--s-4)) solid transparent;
200
+ }
201
+
202
+ .next-step-item-container {
203
+ background: var(--color-notice-7, #589ad8);
204
+
205
+ .next-step-item-title {
206
+ color: var(--color-white, #fff);
207
+ }
208
+ }
209
+
210
+ &.next-step-item-wait:after {
211
+ border-left-color: var(--color-notice-7, #589ad8);
212
+ }
213
+ }
214
+
215
+ &-error {
216
+ &.next-step-item-wait:before {
217
+ border: var(--s-4) solid var(--color-error-5, #e84738);
218
+ border-left: calc(var(--s-4)) solid transparent;
219
+ }
220
+
221
+ .next-step-item-container {
222
+ background: var(--color-error-5, #e84738);
223
+
224
+ .next-step-item-title {
225
+ color: var(--color-white, #fff);
226
+ }
227
+ }
228
+
229
+ &.next-step-item-wait:after {
230
+ border-left-color: var(--color-error-5, #e84738);
231
+ }
232
+ }
233
+
234
+ &-warning {
235
+ &.next-step-item-wait:before {
236
+ border: var(--s-4) solid var(--color-warning-5, #f98e1a);
237
+ border-left: calc(var(--s-4)) solid transparent;
238
+ }
239
+
240
+ .next-step-item-container {
241
+ background: var(--color-warning-5, #f98e1a);
242
+
243
+ .next-step-item-title {
244
+ color: var(--color-white, #fff);
245
+ }
246
+ }
247
+
248
+ &.next-step-item-wait:after {
249
+ border-left-color: var(--color-warning-5, #f98e1a);
250
+ }
251
+ }
252
+
253
+ &-wait {
254
+ &.next-step-item-wait:before {
255
+ border: var(--s-4) solid var(--color-line1-3, red);
256
+ border-left: calc(var(--s-4)) solid transparent;
257
+ }
258
+
259
+ .next-step-item-container {
260
+ background: var(--color-line1-3, #ccc);
261
+
262
+ .next-step-item-title {
263
+ color: var(--color-white, #fff);
264
+ }
265
+ }
266
+
267
+ &.next-step-item-wait:after {
268
+ border-left-color: var(--color-line1-3, #ccc);
269
+ }
270
+ }
271
+ }
272
+
273
+ &-render-title {
274
+ &-small {
275
+ font-size: var(--font-size-body-1, 12px);
276
+ }
277
+ }
278
+ }
279
+ }
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { VerStepItemProps } from '../../../typing';
3
+ import './index.scss';
4
+ declare const _default: React.NamedExoticComponent<VerStepItemProps>;
5
+ export default _default;