@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,315 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireWildcard(require("react"));
9
+
10
+ require("./index.scss");
11
+
12
+ var _components = require("@alicloudfe/components");
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ var _utils = require("@teamix/utils");
17
+
18
+ var _icon = _interopRequireDefault(require("@teamix/icon"));
19
+
20
+ var _excluded = ["_index", "_shape", "status", "image", "icon", "title", "subTitle", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender", "onClick", "percent", "disabled"];
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
+
24
+ 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); }
25
+
26
+ 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; }
27
+
28
+ 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; }
29
+
30
+ 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; }
31
+
32
+ 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; }
33
+
34
+ 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); }
35
+
36
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
37
+
38
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
39
+
40
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
41
+
42
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
43
+
44
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
45
+
46
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
47
+
48
+ 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; }
49
+
50
+ 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; }
51
+
52
+ var TimelineItem = _components.Timeline.Item;
53
+ var cls = (0, _utils.baseClass)('teamix-pro-step');
54
+
55
+ var VerStepItem = function VerStepItem(props) {
56
+ var _index = props._index,
57
+ _shape = props._shape,
58
+ status = props.status,
59
+ image = props.image,
60
+ icon = props.icon,
61
+ title = props.title,
62
+ subTitle = props.subTitle,
63
+ timeLeft = props.timeLeft,
64
+ content = props.content,
65
+ animation = props.animation,
66
+ discription = props.discription,
67
+ tags = props.tags,
68
+ collapsible = props.collapsible,
69
+ defaultCollapsed = props.defaultCollapsed,
70
+ collapsed = props.collapsed,
71
+ onCollapse = props.onCollapse,
72
+ dotRender = props.dotRender,
73
+ _onClick = props.onClick,
74
+ percent = props.percent,
75
+ disabled = props.disabled,
76
+ others = _objectWithoutProperties(props, _excluded);
77
+ /** 内容去折叠相关 */
78
+
79
+
80
+ var _useState = (0, _react.useState)(defaultCollapsed !== undefined ? defaultCollapsed : false),
81
+ _useState2 = _slicedToArray(_useState, 2),
82
+ innerCollapseState = _useState2[0],
83
+ setInnerCollapseState = _useState2[1];
84
+
85
+ var hasCollapse = collapsible === true || defaultCollapsed !== undefined || collapsed !== undefined;
86
+ var collapseState = collapsed !== undefined ? collapsed : innerCollapseState;
87
+ var showContent = hasCollapse ? !collapseState : true;
88
+
89
+ var onCollapseChanged = function onCollapseChanged() {
90
+ onCollapse && onCollapse(!collapseState);
91
+
92
+ if (collapsed !== undefined) {
93
+ return;
94
+ }
95
+
96
+ setInnerCollapseState(!collapseState);
97
+ };
98
+ /** 对枚举参数进行处理 */
99
+
100
+
101
+ var formatTime = function formatTime(time) {
102
+ if (typeof time === 'string') return (0, _utils.dateFormat)(time, '', 'YYYY年MM月DD日 hh:mm:ss');
103
+ return time;
104
+ };
105
+
106
+ var formatShape = function formatShape() {
107
+ if (['dot', 'icon', 'number'].includes(_shape)) return _shape;
108
+ return 'dot';
109
+ };
110
+
111
+ var formatStatus = function formatStatus() {
112
+ if (['success', 'fail', 'process', 'warning', 'wait'].includes(status)) return status;
113
+ return 'wait';
114
+ };
115
+ /**对元素进行渲染 */
116
+
117
+
118
+ var renderImage = function renderImage() {
119
+ if (typeof image === 'string') {
120
+ return /*#__PURE__*/_react.default.createElement("img", {
121
+ src: image,
122
+ alt: ""
123
+ });
124
+ }
125
+
126
+ return image;
127
+ };
128
+
129
+ var renderTag = function renderTag() {
130
+ if (_typeof(tags) === 'object') {
131
+ return (0, _utils.renderTags)(tags, 'small');
132
+ }
133
+
134
+ return tags;
135
+ };
136
+
137
+ var renderTimeLeft = (0, _react.useCallback)(function () {
138
+ return timeLeft && /*#__PURE__*/_react.default.createElement("span", {
139
+ className: (0, _classnames.default)(cls({
140
+ 'time-left': true,
141
+ 'time-left-dot': dot,
142
+ 'time-left-circle': circle_icon || circle_number
143
+ }))
144
+ }, formatTime(timeLeft));
145
+ }, [_shape, timeLeft]);
146
+ /**一些复用常数 */
147
+
148
+ var circle_icon = formatShape() === 'icon';
149
+ var circle_number = formatShape() === 'number';
150
+ var dot = formatShape() === 'dot';
151
+ var process = formatStatus() === 'process' && !disabled;
152
+ var success = formatStatus() === 'success' && !disabled;
153
+ var error = formatStatus() === 'fail' && !disabled;
154
+ var warning = formatStatus() === 'warning' && !disabled;
155
+ var wait = formatStatus() === 'wait' && !disabled;
156
+ var renderTitle = (0, _react.useCallback)(function () {
157
+ return /*#__PURE__*/_react.default.createElement("div", {
158
+ className: (0, _classnames.default)(cls({
159
+ wrapper: true,
160
+ 'wrapper-dot': dot && !timeLeft,
161
+ 'wrapper-circle': (circle_icon || circle_number) && !timeLeft,
162
+ 'wrapper-time-left-dot': dot && timeLeft,
163
+ 'wrapper-time-left-circle': (circle_icon || circle_number) && timeLeft
164
+ }))
165
+ }, /*#__PURE__*/_react.default.createElement("div", {
166
+ className: (0, _classnames.default)(cls('wrapper-left'))
167
+ }, hasCollapse && /*#__PURE__*/_react.default.createElement("div", {
168
+ className: (0, _classnames.default)(cls('wrapper-left-fold-icon')),
169
+ onClick: function onClick() {
170
+ return onCollapseChanged();
171
+ }
172
+ }, /*#__PURE__*/_react.default.createElement("div", {
173
+ className: (0, _classnames.default)(cls({
174
+ 'wrapper-left-fold-icon-close': true,
175
+ 'wrapper-left-fold-icon-open': !collapseState
176
+ }))
177
+ })), image && /*#__PURE__*/_react.default.createElement("div", {
178
+ className: (0, _classnames.default)(cls('wrapper-left-fold-image'))
179
+ }, renderImage())), /*#__PURE__*/_react.default.createElement("div", {
180
+ className: (0, _classnames.default)(cls('wrapper-right'))
181
+ }, /*#__PURE__*/_react.default.createElement("div", {
182
+ className: (0, _classnames.default)(cls('wrapper-right-top'))
183
+ }, title && /*#__PURE__*/_react.default.createElement("div", {
184
+ className: (0, _classnames.default)(cls({
185
+ 'wrapper-right-top-title-info-normal': true,
186
+ 'wrapper-right-top-title-info-active': process,
187
+ 'wrapper-right-top-title-info-disabled': disabled
188
+ }))
189
+ }, title), tags && /*#__PURE__*/_react.default.createElement("div", {
190
+ className: (0, _classnames.default)(cls('wrapper-right-top-tag-info'))
191
+ }, renderTag()), subTitle && /*#__PURE__*/_react.default.createElement("div", {
192
+ className: (0, _classnames.default)(cls('wrapper-right-top-subTitle-info'))
193
+ }, formatTime(subTitle))), discription && /*#__PURE__*/_react.default.createElement("div", {
194
+ className: (0, _classnames.default)(cls('wrapper-right-discribe-info'))
195
+ }, discription), /*#__PURE__*/_react.default.createElement("div", {
196
+ className: (0, _classnames.default)(cls('wrapper-right-content-info'))
197
+ }, /*#__PURE__*/_react.default.createElement("div", {
198
+ className: (0, _classnames.default)(cls({
199
+ 'wrapper-right-content-info-close': !showContent,
200
+ 'wrapper-right-content-info-open': showContent
201
+ }))
202
+ }, content))));
203
+ }, [_shape, timeLeft, image, disabled, title, tags, subTitle, discription, content, collapsible, collapsed, defaultCollapsed, onCollapseChanged]);
204
+ /** 重新渲染 node 节点 */
205
+
206
+ var renderNode = (0, _react.useCallback)(function () {
207
+ // 渲染 dot 节点
208
+ var renderDot = function renderDot() {
209
+ return !icon ? /*#__PURE__*/_react.default.createElement("div", {
210
+ className: (0, _classnames.default)(cls({
211
+ 'ver-step-item-render-wrapper-dot': true,
212
+ 'ver-step-item-render-wrapper-dot-disabled': disabled,
213
+ 'ver-step-item-render-wrapper-dot-process': process,
214
+ 'ver-step-item-render-wrapper-dot-success': success,
215
+ 'ver-step-item-render-wrapper-dot-error': error,
216
+ 'ver-step-item-render-wrapper-dot-warning': warning,
217
+ 'ver-step-item-render-wrapper-dot-wait': wait
218
+ }))
219
+ }) : /*#__PURE__*/_react.default.createElement("div", {
220
+ className: (0, _classnames.default)(cls({
221
+ 'ver-step-item-render-wrapper-icon-disabled': disabled,
222
+ 'ver-step-item-render-wrapper-icon-process': process,
223
+ 'ver-step-item-render-wrapper-icon-success': success,
224
+ 'ver-step-item-render-wrapper-icon-error': error,
225
+ 'ver-step-item-render-wrapper-icon-warning': warning,
226
+ 'ver-step-item-render-wrapper-icon-wait': wait
227
+ }))
228
+ }, /*#__PURE__*/_react.default.createElement(_components.Icon, {
229
+ type: icon,
230
+ size: "small"
231
+ }));
232
+ }; // 渲染 circle 节点
233
+
234
+
235
+ var renderCircle = function renderCircle() {
236
+ if (dotRender) return /*#__PURE__*/_react.default.createElement("div", {
237
+ className: (0, _classnames.default)(cls('ver-step-item-render-wrapper'))
238
+ }, dotRender());
239
+
240
+ var renderIconOrNumber = function renderIconOrNumber() {
241
+ if (percent) return /*#__PURE__*/_react.default.createElement("div", {
242
+ className: (0, _classnames.default)(cls('ver-step-item-render-wrapper-circle-percent'))
243
+ }, percent, "%");
244
+ if (icon) return /*#__PURE__*/_react.default.createElement(_components.Icon, {
245
+ type: icon,
246
+ size: "small"
247
+ });
248
+ if (success) return /*#__PURE__*/_react.default.createElement(_icon.default, {
249
+ type: "check-line",
250
+ size: "small"
251
+ });
252
+ if (error) return /*#__PURE__*/_react.default.createElement(_icon.default, {
253
+ type: "close-line",
254
+ size: "small"
255
+ });
256
+ if (warning) return /*#__PURE__*/_react.default.createElement(_icon.default, {
257
+ type: "exclamation-line",
258
+ size: "small"
259
+ });
260
+ if (process && circle_icon) return /*#__PURE__*/_react.default.createElement(_icon.default, {
261
+ type: "loading-line",
262
+ size: "small"
263
+ });
264
+ if (wait && circle_icon) return /*#__PURE__*/_react.default.createElement(_icon.default, {
265
+ type: "more-line",
266
+ size: "small"
267
+ });
268
+ return _index + 1;
269
+ };
270
+
271
+ return /*#__PURE__*/_react.default.createElement("div", {
272
+ className: (0, _classnames.default)(cls({
273
+ 'ver-step-item-render-wrapper-circle': true,
274
+ 'ver-step-item-render-wrapper-circle-disabled': disabled,
275
+ 'ver-step-item-render-wrapper-circle-process': process,
276
+ 'ver-step-item-render-wrapper-circle-success': success,
277
+ 'ver-step-item-render-wrapper-circle-error': error,
278
+ 'ver-step-item-render-wrapper-circle-warning': warning,
279
+ 'ver-step-item-render-wrapper-circle-wait': wait,
280
+ 'ver-step-item-render-wrapper-percent-color': percent
281
+ }))
282
+ }, renderIconOrNumber());
283
+ };
284
+
285
+ var renderStateNode = function renderStateNode() {
286
+ if (circle_icon || circle_number) {
287
+ return renderCircle();
288
+ }
289
+
290
+ return renderDot();
291
+ };
292
+
293
+ return /*#__PURE__*/_react.default.createElement("div", {
294
+ className: (0, _classnames.default)(cls('ver-step-item'))
295
+ }, /*#__PURE__*/_react.default.createElement("div", {
296
+ className: (0, _classnames.default)(cls({
297
+ 'ver-step-item-render-wrapper': true,
298
+ 'ver-step-item-render-wrapper-disabled': disabled
299
+ })),
300
+ onClick: function onClick() {
301
+ return disabled !== null && disabled !== void 0 ? disabled : _onClick === null || _onClick === void 0 ? void 0 : _onClick(_index);
302
+ }
303
+ }, renderStateNode()));
304
+ }, [_index, _shape, icon, disabled, status, percent, dotRender]);
305
+ return /*#__PURE__*/_react.default.createElement(TimelineItem, _objectSpread({
306
+ title: renderTitle(),
307
+ dot: renderNode(),
308
+ timeLeft: renderTimeLeft(),
309
+ animation: animation
310
+ }, others));
311
+ };
312
+
313
+ var _default = /*#__PURE__*/(0, _react.memo)(VerStepItem);
314
+
315
+ exports.default = _default;
@@ -0,0 +1,287 @@
1
+ .teamix-pro-step {
2
+ /** 修改了一些基础组件样式*/
3
+ .next-timeline-item-has-left-content > .next-timeline-item-left-content p {
4
+ font-family: var(--font-size-body-1, 12px);
5
+ text-align: right;
6
+ margin-left: -20px;
7
+ }
8
+
9
+ .next-timeline-item-content {
10
+ margin-top: -6px;
11
+ margin-left: var(--s-4);
12
+ }
13
+
14
+ .next-timeline-item-done .next-timeline-item-content .next-timeline-item-title {
15
+ font-weight: normal;
16
+ }
17
+
18
+ .next-btn-text.next-btn-primary {
19
+ margin-left: -10px;
20
+ }
21
+
22
+ .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-content {
23
+ margin-left: var(--s-26);
24
+ }
25
+
26
+ &-wrapper {
27
+ overflow: hidden;
28
+ &-dot {
29
+ padding: 0 0 0 var(--s-2);
30
+ }
31
+
32
+ &-circle {
33
+ padding: 0 0 0 var(--s-4);
34
+ }
35
+
36
+ &-time-left {
37
+ &-dot {
38
+ padding: 0 0 0 var(--s-1);
39
+ }
40
+
41
+ &-circle {
42
+ padding: 0 0 0 var(--s-2);
43
+ }
44
+ }
45
+
46
+ &-left {
47
+ float: left;
48
+ display: flex;
49
+ justify-content: center;
50
+ align-items: center;
51
+ &-fold-icon {
52
+ width: var(--s-4);
53
+ height: var(--s-7);
54
+ display: flex;
55
+ justify-content: center;
56
+ align-items: center;
57
+ cursor: pointer;
58
+
59
+ &-close {
60
+ width: 0;
61
+ height: 0;
62
+ border-left: 4px solid var(--color-text1-5, #a8a8a8);
63
+ border-bottom: 4px solid transparent;
64
+ border-top: 4px solid transparent;
65
+ }
66
+
67
+ &-open {
68
+ transform: rotate(90deg);
69
+ }
70
+ }
71
+
72
+ &-fold-image {
73
+ height: var(--s-7);
74
+ width: var(--s-7);
75
+ border-radius: 50%;
76
+ overflow: hidden;
77
+ margin-right: var(--s-2);
78
+
79
+ img {
80
+ width: 100%;
81
+ height: 100%;
82
+ background-size: cover;
83
+ }
84
+ }
85
+ }
86
+
87
+ &-right {
88
+ float: left;
89
+ &-top {
90
+ display: flex;
91
+ justify-content: left;
92
+ align-items: center;
93
+ height: var(--s-7);
94
+
95
+ &-title-info {
96
+ &-normal {
97
+ font-size: var(--font-size-body-2, 14px);
98
+ color: var(--color-text1-3, #333333);
99
+ }
100
+
101
+ &-small {
102
+ font-size: var(--font-size-body-1, 12px);
103
+ color: var(--color-text1-3, #333333);
104
+ }
105
+
106
+ &-active {
107
+ font-weight: 500;
108
+ color: var(--color-text1-4, #1a1a1a);
109
+ }
110
+ &-disabled {
111
+ color: var(--color-text1-1, #ccc);
112
+ }
113
+ }
114
+
115
+ &-tag-info {
116
+ padding-left: var(--s-3);
117
+ }
118
+
119
+ &-subTitle-info {
120
+ padding-left: var(--s-4);
121
+ font-family: var(--font-size-body-1, 12px);
122
+ color: var(--color-text1-8, #848484);
123
+ }
124
+ }
125
+ &-discribe-info {
126
+ font-family: var(--font-size-body-1, 12px);
127
+ color: var(--color-text1-2, #5a5a5a);
128
+ margin-top: 1px;
129
+ }
130
+
131
+ &-content-info {
132
+ margin-top: var(--s-2);
133
+ &-close {
134
+ display: none;
135
+ }
136
+ &-open {
137
+ display: block;
138
+ }
139
+ }
140
+ }
141
+ }
142
+ }
143
+
144
+ .teamix-pro-step {
145
+ &-ver-step-item {
146
+ display: flex;
147
+ justify-content: center;
148
+ align-items: center;
149
+ &-render-wrapper {
150
+ width: var(--s-6);
151
+ height: var(--s-6);
152
+ display: flex;
153
+ justify-content: center;
154
+ align-items: center;
155
+ cursor: pointer;
156
+ &-disabled {
157
+ cursor: not-allowed;
158
+ }
159
+
160
+ &-dot {
161
+ width: var(--s-2);
162
+ height: var(--s-2);
163
+ border-radius: 50%;
164
+
165
+ &-disabled {
166
+ background-color: transparent;
167
+ background: transparent;
168
+ color: var(--color-line1-3, #ccc);
169
+ border: 1px solid var(--color-line1-3, #ccc);
170
+ }
171
+
172
+ &-process {
173
+ background: var(--color-notice-5, #0064c8);
174
+ background-color: var(--color-notice-5, #0064c8);
175
+ }
176
+ &-success {
177
+ background: var(--color-notice-7, #589ad8);
178
+ background-color: var(--color-notice-7, #589ad8);
179
+ }
180
+ &-error {
181
+ background: var(--color-error-5, #e84738);
182
+ background-color: var(--color-error-5, #e84738);
183
+ }
184
+ &-warning {
185
+ background: var(--color-warning-5, #f98e1a);
186
+ background-color: var(--color-warning-5, #f98e1a);
187
+ }
188
+ &-wait {
189
+ background: var(--color-line1-3, #ccc);
190
+ background-color: var(--color-line1-3, #ccc);
191
+ }
192
+ }
193
+ &-icon {
194
+ &-disabled {
195
+ color: var(--color-line1-3, #ccc);
196
+ }
197
+
198
+ &-process {
199
+ color: var(--color-notice-5, #0064c8);
200
+ }
201
+ &-success {
202
+ color: var(--color-notice-7, #589ad8);
203
+ }
204
+ &-error {
205
+ color: var(--color-error-5, #e84738);
206
+ }
207
+ &-warning {
208
+ color: var(--color-warning-5, #f98e1a);
209
+ }
210
+ &-wait {
211
+ color: var(--color-line1-3, #ccc);
212
+ }
213
+ }
214
+
215
+ &-circle {
216
+ width: var(--s-5);
217
+ height: var(--s-5);
218
+ border-radius: 50%;
219
+ display: flex;
220
+ justify-content: center;
221
+ align-items: center;
222
+ &-disabled {
223
+ background-color: transparent;
224
+ background: transparent;
225
+ color: var(--color-line1-3, #ccc);
226
+ border: 1px solid var(--color-line1-3, #ccc);
227
+ }
228
+ &-process {
229
+ color: var(--color-white, #fff);
230
+ background: var(--color-notice-5, #0064c8);
231
+ background-color: var(--color-notice-5, #0064c8);
232
+ }
233
+ &-success {
234
+ color: var(--color-notice-5, #0064c8);
235
+ background: var(--color-brand1-2, #cae3fd);
236
+ background-color: var(--color-brand1-2, #cae3fd);
237
+ }
238
+ &-error {
239
+ color: var(--color-error-5, #e84738);
240
+ background: var(--color-error-2, #fcceca);
241
+ background-color: var(--color-error-2, #fcceca);
242
+ }
243
+ &-warning {
244
+ color: var(--color-warning-5, #f98e1a);
245
+ background: var(--color-warning-2, #ffe0bf);
246
+ background-color: var(--color-warning-2, #ffe0bf);
247
+ }
248
+ &-wait {
249
+ color: var(--color-black, #000);
250
+ background: var(--color-fill1-3, #eaeaea);
251
+ background-color: var(--color-fill1-3, #eaeaea);
252
+ }
253
+ }
254
+
255
+ &-percent-color {
256
+ width: var(--s-5);
257
+ height: var(--s-5);
258
+ border-radius: 50%;
259
+ display: flex;
260
+ justify-content: center;
261
+ align-items: center;
262
+ background: transparent;
263
+ background-color: transparent;
264
+ color: var(--color-notice-5, #0064c8);
265
+ font-family: var(--font-size-body-1, 12px);
266
+ word-break: normal;
267
+ white-space: nowrap;
268
+ border: 1px solid var(--color-line1-2, #d9d9d9);
269
+ }
270
+ }
271
+ }
272
+ }
273
+
274
+ .teamix-pro-step {
275
+ &-time-left {
276
+ display: block;
277
+ margin-top: -2px;
278
+ &-dot {
279
+ width: var(--s-27);
280
+ padding-right: var(--s-2);
281
+ }
282
+ &-circle {
283
+ width: var(--s-31);
284
+ margin-left: -30px;
285
+ }
286
+ }
287
+ }
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { HozStepItemProps, ModeStatusFromProStep, VerStepItemProps } from '../typing';
3
+ declare const ProStepItem: React.FC<HozStepItemProps & VerStepItemProps & ModeStatusFromProStep>;
4
+ export default ProStepItem;
@@ -0,0 +1,69 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _VerStepItem = _interopRequireDefault(require("./components/VerStepItem"));
11
+
12
+ var _HozStepItem = _interopRequireDefault(require("./components/HozStepItem"));
13
+
14
+ var _excluded = ["_mode", "subTitle", "tags", "discription", "timeLeft", "image", "animation", "collapsed", "collapsible", "defaultCollapsed", "onCollapse"];
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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; }
19
+
20
+ 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; }
21
+
22
+ 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; }
23
+
24
+ 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; }
25
+
26
+ 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; }
27
+
28
+ var ProStepItem = function ProStepItem(props) {
29
+ var _mode = props._mode,
30
+ subTitle = props.subTitle,
31
+ tags = props.tags,
32
+ discription = props.discription,
33
+ timeLeft = props.timeLeft,
34
+ image = props.image,
35
+ animation = props.animation,
36
+ collapsed = props.collapsed,
37
+ collapsible = props.collapsible,
38
+ defaultCollapsed = props.defaultCollapsed,
39
+ onCollapse = props.onCollapse,
40
+ others = _objectWithoutProperties(props, _excluded);
41
+
42
+ var renderProStepItem = function renderProStepItem() {
43
+ if (_mode === 'ver') {
44
+ return /*#__PURE__*/_react.default.createElement(_VerStepItem.default, _objectSpread({
45
+ subTitle: subTitle,
46
+ discription: discription,
47
+ tags: tags,
48
+ image: image,
49
+ timeLeft: timeLeft,
50
+ animation: animation,
51
+ collapsed: collapsed,
52
+ collapsible: collapsible,
53
+ defaultCollapsed: defaultCollapsed,
54
+ onCollapse: onCollapse
55
+ }, others));
56
+ }
57
+
58
+ return /*#__PURE__*/_react.default.createElement(_HozStepItem.default, _objectSpread({}, others));
59
+ };
60
+
61
+ return renderProStepItem();
62
+ };
63
+
64
+ ProStepItem.displayName = 'ProStepItem';
65
+ ProStepItem.defaultProps = {
66
+ _mode: 'hoz'
67
+ };
68
+ var _default = ProStepItem;
69
+ exports.default = _default;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { ProStepProps } from './typing';
3
+ import ProStepItem from './ProStepItem';
4
+ interface ProStepProperties {
5
+ /** ProStepItem */
6
+ Item: typeof ProStepItem;
7
+ }
8
+ declare const ProStep: React.FC<ProStepProps> & ProStepProperties;
9
+ export { ProStep, ProStepItem };