@giteeteam/apps-team-components 1.9.6 → 1.10.0

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 (21) hide show
  1. package/README.md +1 -0
  2. package/dist/components/common/PriceTag.d.ts +1 -1
  3. package/dist/components/common/PriceTag.js +2 -1
  4. package/dist/components/common/expand-component/style.d.ts +1 -1
  5. package/dist/components/common/expand-component/style.js +3 -1
  6. package/dist/components/common/style/mixin.d.ts +2 -2
  7. package/dist/components/common/utils.js +2 -1
  8. package/dist/components/default-empty-icon/style.js +2 -2
  9. package/dist/components/fields/bind-workspace/style/index.d.ts +1 -1
  10. package/dist/components/fields/hyper-link/style/index.d.ts +1 -1
  11. package/dist/components/fields/priority/style/index.d.ts +1 -1
  12. package/dist/components/fields/priority/style/index.js +3 -3
  13. package/dist/components/fields/status/style/index.d.ts +9 -9
  14. package/dist/components/fields/status/style/index.js +19 -19
  15. package/dist/components/fields/user/style/index.d.ts +2 -2
  16. package/dist/components/fields/user-group/ReadView.js +1 -2
  17. package/dist/lib/global.d.ts +1 -0
  18. package/dist/lib/global.js +6 -3
  19. package/dist/style/common.d.ts +24 -21
  20. package/dist/style/common.js +24 -21
  21. package/package.json +1 -1
package/README.md CHANGED
@@ -44,6 +44,7 @@ pnpm storybook
44
44
 
45
45
  | 组件库版本 | team版本 |
46
46
  | --| -- |
47
+ | 1.10.x | >=4.40.0 |
47
48
  | 1.9.x | >=4.38.0 |
48
49
  | 1.8.x | >=4.36.0 |
49
50
  | 1.7.x | >=4.30.0 |
package/dist/components/common/PriceTag.d.ts CHANGED
@@ -7,5 +7,5 @@ export interface IPriceTagProps {
7
7
  }
8
8
  export declare const containerStyle = "\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n";
9
9
  export declare const textStyle = "\n flex: 1;\n width: 0;\n";
10
- export declare const tagStyle = "\n height: 18px;\n padding: 0 4px;\n margin-left: 8px;\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n color: #fff;\n background: linear-gradient(230deg, #66dbff 0%, #3683ff 100%);\n border-radius: 5px 0;\n white-space: nowrap;\n";
10
+ export declare const tagStyle = "\n height: 18px;\n padding: 0 4px;\n margin-left: 8px;\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n color: #fff;\n background: linear-gradient(230deg, #66dbff 0%, var(--color-brand-5, #3683ff) 100%);\n border-radius: 5px 0;\n white-space: nowrap;\n";
11
11
  export declare const PriceTag: React.FC<IPriceTagProps>;
package/dist/components/common/PriceTag.js CHANGED
@@ -2,6 +2,7 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
2
2
  import { useMemo } from 'react';
3
3
  import { ClassNames } from '@emotion/react';
4
4
  import { i18n } from '../../lib/i18n.js';
5
+ import { blue5 } from '../../style/common.js';
5
6
  import SimpleOverflowToolTip from './overflow-tooltip/SimpleOverflowToolTip.js';
6
7
 
7
8
  const containerStyle = `
@@ -21,7 +22,7 @@ const tagStyle = `
21
22
  font-weight: 500;
22
23
  line-height: 18px;
23
24
  color: #fff;
24
- background: linear-gradient(230deg, #66dbff 0%, #3683ff 100%);
25
+ background: linear-gradient(230deg, #66dbff 0%, ${blue5} 100%);
25
26
  border-radius: 5px 0;
26
27
  white-space: nowrap;
27
28
  `;
package/dist/components/common/expand-component/style.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const expandFooter = "\n font-size: 12px;\n color: #0c62ff;\n text-align: right;\n";
1
+ export declare const expandFooter = "\n font-size: 12px;\n color: var(--color-brand-6, #0c62ff);\n text-align: right;\n";
2
2
  export declare const expandBtn = "\n cursor: pointer;\n";
package/dist/components/common/expand-component/style.js CHANGED
@@ -1,6 +1,8 @@
1
+ import { blue6 } from '../../../style/common.js';
2
+
1
3
  const expandFooter = `
2
4
  font-size: 12px;
3
- color: #0c62ff;
5
+ color: ${blue6};
4
6
  text-align: right;
5
7
  `;
6
8
  const expandBtn = `
package/dist/components/common/style/mixin.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const hoverStyle = "\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 32px;\n padding: 0 8px !important;\n color: rgb(226 236 255 50%);\n border: 1px solid #F1F2F4;\n border-radius: 4px;\n";
2
- export declare const hoverIconStyle = "\n display: none;\n font-size: 12px;\n color: #C1C5CF;\n";
1
+ export declare const hoverStyle = "\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 32px;\n padding: 0 8px !important;\n color: rgb(226 236 255 50%);\n border: 1px solid var(--color-gray-4, #F1F2F4);\n border-radius: 4px;\n";
2
+ export declare const hoverIconStyle = "\n display: none;\n font-size: 12px;\n color: var(--color-gray-6, #b5bac5);\n";
package/dist/components/common/utils.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import '../../lib/dayjs.js';
2
2
  import { DATE_TIME_FORMAT, DATE_TIME_FORMAT_SEC } from '../../lib/global.js';
3
+ import { blue4, orange4 } from '../../style/common.js';
3
4
  import dayjs from 'dayjs';
4
5
 
5
6
  const getNameBadge = (name) => {
@@ -9,7 +10,7 @@ const getNameBadge = (name) => {
9
10
  const str = name.trim();
10
11
  return String.fromCodePoint(str.codePointAt(0));
11
12
  };
12
- const randomBackgroundColor = ['#5EA1FF', '#4BCC87', '#FFD15E'];
13
+ const randomBackgroundColor = [blue4, '#4BCC87', orange4];
13
14
  const getBackgroundColor = (s) => {
14
15
  const code = (s === null || s === void 0 ? void 0 : s.charCodeAt(0)) || 0;
15
16
  const random = Math.floor(code % randomBackgroundColor.length);
package/dist/components/default-empty-icon/style.js CHANGED
@@ -1,4 +1,4 @@
1
- import { randomClassName } from '../../style/common.js';
1
+ import { randomClassName, gray7 } from '../../style/common.js';
2
2
 
3
3
  const centerClass = randomClassName('center');
4
4
  const smallTextClass = randomClassName('small-text');
@@ -60,7 +60,7 @@ const emptyIconWrapper = `
60
60
  margin: 12px 0;
61
61
  font-size: 14px;
62
62
  line-height: 22px;
63
- color: #848c9f;
63
+ color: ${gray7};
64
64
  }
65
65
  `;
66
66
 
package/dist/components/fields/bind-workspace/style/index.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const pointerStyle = "\n cursor: pointer;\n\n &.single {\n color: #0c62ff;\n }\n\n &:hover {\n color: #5ea1ff;\n }\n";
1
+ export declare const pointerStyle = "\n cursor: pointer;\n\n &.single {\n color: var(--color-brand-6, #0c62ff);\n }\n\n &:hover {\n color: var(--color-brand-4, #5ea1ff);\n }\n";
package/dist/components/fields/hyper-link/style/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export declare const hyperLinkListStyle = "\n display: flex;\n width: 100%;\n";
2
2
  export declare const hyperLinkItemStyle = "\n \n display: flex;\n width: 100%;\n & {\n overflow: hidden;\n color: @blue-6;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-line-clamp: 1;\n }\n";
3
- export declare const hyperLinkTipItem = "\n display: block;\n color: #0c62ff;\n";
3
+ export declare const hyperLinkTipItem = "\n display: block;\n color: var(--color-brand-6, #0c62ff);\n";
package/dist/components/fields/priority/style/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const cellBoxStyle: (antPrefix: string) => string;
2
- export declare const headerCellStyle = "\n max-width: 120px;\n height: 24px;\n padding: 0 8px;\n font-size: 12px;\n font-weight: 600;\n line-height: 24px;\n color: #213053;\n text-align: center;\n background-color: #f5f6f8;\n border-radius: 4px;\n";
2
+ export declare const headerCellStyle = "\n max-width: 120px;\n height: 24px;\n padding: 0 8px;\n font-size: 12px;\n font-weight: 600;\n line-height: 24px;\n color: var(--color-gray-9, #213053);\n text-align: center;\n background-color: var(--color-gray-3, #F5F6F8);\n border-radius: 4px;\n";
3
3
  export declare const emptyTextStyle = "\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n";
4
4
  export declare const colorIconStyle = "\n margin-right: 5px;\n font-size: 12px;\n";
5
5
  export declare const emptyStyle = "\n color: #909aaa;\n";
package/dist/components/fields/priority/style/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { fieldLabelColor } from '../../../../style/common.js';
1
+ import { gray9, gray3, fieldLabelColor } from '../../../../style/common.js';
2
2
 
3
3
  const cellBoxStyle = (antPrefix) => `
4
4
  display: flex;
@@ -26,9 +26,9 @@ const headerCellStyle = `
26
26
  font-size: 12px;
27
27
  font-weight: 600;
28
28
  line-height: 24px;
29
- color: #213053;
29
+ color: ${gray9};
30
30
  text-align: center;
31
- background-color: #f5f6f8;
31
+ background-color: ${gray3};
32
32
  border-radius: 4px;
33
33
  `;
34
34
  const emptyTextStyle = `
package/dist/components/fields/status/style/index.d.ts CHANGED
@@ -7,27 +7,27 @@ export declare const flowStateStyle = "\n min-width: 62px;\n height: 24px;\n
7
7
  export declare const flowStateInWorkflowStyle = "\n &.status-btn:not(.add-weights) {\n min-width: 62px;\n height: 22px;\n padding: 0 8px;\n font-size: 12px;\n font-weight: 600;\n line-height: 22px;\n color: #fff;\n text-align: center;\n background: #cdcdcd;\n border-radius: 4px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n";
8
8
  export declare const flowStateButtonStyle = "\n &:not(.add-weights) > span {\n display: -webkit-box;\n }\n";
9
9
  export declare const stateBtnStyle = "\n height: 22px;\n line-height: 22px;\n";
10
- export declare const noStateStyle = "\n color: #909aaa;\n background: #F1F2F4;\n";
10
+ export declare const noStateStyle = "\n color: #909aaa;\n background: var(--color-gray-4, #F1F2F4);\n";
11
11
  export declare const caretDownStyle = "\n padding-left: 2px;\n margin-left: 0;\n line-height: 10px;\n";
12
12
  export declare const statusViewGlobalStyle = "\n.field-layout.status-view {\n position: relative;\n padding: 10px;\n margin: -12px;\n margin-top: 10px;\n font-size: 12px;\n cursor: pointer;\n border-top: 1px solid #ddd;\n width: auto;\n}\n\n.field-layout.status-view .status-view-watch {\n width: 12px;\n height: 12px;\n margin-right: 5px;\n font-size: 12px;\n vertical-align: middle;\n}\n";
13
13
  export declare const tipLineStyle = "\n margin-bottom: 0;\n";
14
14
  export declare const tooltipStyle = "\n width: 98px;\n";
15
- export declare const iconStyle = "\n padding: 0 6px;\n color: #848C9F;\n";
15
+ export declare const iconStyle = "\n padding: 0 6px;\n color: var(--color-gray-7, #848C9F);\n";
16
16
  export declare const stateBoxStyle = "\n display: flex;\n width: 98px;\n\n span {\n padding-right: 8px;\n }\n";
17
- export declare const flowBtnStyle = "\n display: flex;\n padding: 5px 10px;\n margin: 0;\n\n &:hover {\n background-color: var(--select-item-selected-bg, #e6f3ff);\n }\n";
17
+ export declare const flowBtnStyle = "\n display: flex;\n padding: 5px 10px;\n margin: 0;\n\n &:hover {\n background-color: var(--select-item-selected-bg, var(--color-brand-1, #e6f3ff));\n }\n";
18
18
  export declare const notAllowedStyle = "\n cursor: not-allowed;\n opacity: 0.3;\n";
19
19
  export declare const pointerStyle = "\n cursor: pointer;\n";
20
20
  export declare const spinStyle = "\n width: 150px;\n height: 50px;\n";
21
21
  export declare const noPermissionStyle = "\n display: block;\n width: 120px;\n padding: 20px 10px 10px;\n font-size: 12px;\n color: #2e405e;\n";
22
22
  export declare const overflowStyle = "\n display: flex;\n margin-top: 4px;\n";
23
- export declare const overflowStyleText = "\n font-size: 13px;\n line-height: 24px;\n color: #848C9F;\n flex: 1;\n";
23
+ export declare const overflowStyleText = "\n font-size: 13px;\n line-height: 24px;\n color: var(--color-gray-7, #848C9F);\n flex: 1;\n";
24
24
  export declare const headerFlowStyle = "\n text-align: right;\n";
25
25
  export declare const headerStateStyle = "\n & > span {\n display: inline-block !important;\n }\n";
26
26
  export declare const FlowHandlerWrapper = "\n width: 216px;\n";
27
27
  export declare const FlowHandlerHeader = "\n position: relative;\n font-size: 14px;\n text-align: center;\n line-height: 22px;\n margin-top: -6px;\n .back-wrapper {\n position: absolute;\n left: 0;\n top: 0;\n cursor: pointer;\n }\n .icon-back {\n font-size: 16px !important;\n width: 16px !important;\n }\n";
28
- export declare const FlowHandlerSearchWrapper = "\n margin: 0 -12px;\n padding: 5px 10px;\n border-top: 1px solid #f1f2f4;\n border-bottom: 1px solid #f1f2f4;\n\n .icon-search {\n position: relative;\n top: 2px;\n color: #b5bac5;\n font-size: 16px !important;\n width: 16px !important;\n }\n .search-input {\n padding-left: 6px;\n border: none;\n width: 196px;\n outline: none;\n fill: none;\n box-shadow: none !important;\n }\n";
29
- export declare const FlowHandlerSelectWrapper = "\n margin: 0 -12px;\n padding: 9px 10px;\n .icon-arrow-down {\n position: relative;\n top: 2px; \n color: #b5bac5;\n font-size: 16px !important;\n width: 16px !important;\n }\n .select-input {\n border: none;\n display: inline-block;\n width: 196px;\n outline: none;\n fill: none;\n box-shadow: none;\n &:focus {\n box-shadow: none;\n }\n }\n .select-input::placeholder {\n color: #b5bac5;\n }\n }\n";
30
- export declare const FlowHandlerSelectMessage = "\n margin: 0 -12px;\n padding: 6px 12px;\n display: flex;\n font-size: 12px;\n color: #091940;\n border-bottom: 1px solid #f1f2f4;\n\n span:nth-child(1) {\n position: relative;\n color: #0C62FF;\n cursor: pointer;\n &:hover {\n color: #091940;\n }\n\n &:after {\n content: '';\n position: absolute;\n height: 14px;\n top: 2px;\n right: -10px;\n border-right: 1px solid #f1f2f4;\n }\n }\n span:nth-child(2) {\n padding-left: 18px;\n flex: 1;\n \n }\n span:nth-child(3) {\n color: #0c62ff;\n cursor: pointer;\n &:hover {\n color: #091940;\n }\n }\n";
28
+ export declare const FlowHandlerSearchWrapper = "\n margin: 0 -12px;\n padding: 5px 10px;\n border-top: 1px solid var(--color-gray-4, #F1F2F4);\n border-bottom: 1px solid var(--color-gray-4, #F1F2F4);\n\n .icon-search {\n position: relative;\n top: 2px;\n color: var(--color-gray-6, #b5bac5);\n font-size: 16px !important;\n width: 16px !important;\n }\n .search-input {\n padding-left: 6px;\n border: none;\n width: 196px;\n outline: none;\n fill: none;\n box-shadow: none !important;\n }\n";
29
+ export declare const FlowHandlerSelectWrapper = "\n margin: 0 -12px;\n padding: 9px 10px;\n .icon-arrow-down {\n position: relative;\n top: 2px; \n color: var(--color-gray-6, #b5bac5);\n font-size: 16px !important;\n width: 16px !important;\n }\n .select-input {\n border: none;\n display: inline-block;\n width: 196px;\n outline: none;\n fill: none;\n box-shadow: none;\n &:focus {\n box-shadow: none;\n }\n }\n .select-input::placeholder {\n color: var(--color-gray-6, #b5bac5);\n }\n }\n";
30
+ export declare const FlowHandlerSelectMessage = "\n margin: 0 -12px;\n padding: 6px 12px;\n display: flex;\n font-size: 12px;\n color: var(--color-gray-10, #091940);\n border-bottom: 1px solid var(--color-gray-4, #F1F2F4);\n\n span:nth-child(1) {\n position: relative;\n color: var(--color-brand-6, #0c62ff);\n cursor: pointer;\n &:hover {\n color: var(--color-gray-10, #091940);\n }\n\n &:after {\n content: '';\n position: absolute;\n height: 14px;\n top: 2px;\n right: -10px;\n border-right: 1px solid var(--color-gray-4, #F1F2F4);\n }\n }\n span:nth-child(2) {\n padding-left: 18px;\n flex: 1;\n \n }\n span:nth-child(3) {\n color: var(--color-brand-6, #0c62ff);\n cursor: pointer;\n &:hover {\n color: var(--color-gray-10, #091940);\n }\n }\n";
31
31
  export declare const FlowHandlerSelectContent = "\n min-height: 200px;\n max-height: 200px;\n overflow-y: auto;\n margin: 0 -12px;\n .loading {\n height: 200px !important;\n }\n";
32
- export declare const FlowHandlerSelectItem = "\n position: relative;\n margin: 0 4px;\n padding: 5px 12px;\n font-size: 14px;\n color: #091940;\n cursor: pointer;\n border-radius: 4px;\n\n .icon-done {\n position: absolute;\n top: 10px;\n right: 14px;\n width: 12px;\n height: 12px;\n color: #0C62FF;\n scale: 1.2;\n }\n\n &:hover {\n background-color: #f1f2f4;\n }\n\n &.active {\n background-color: #E6F3FF;\n font-weight: 600;\n }\n";
33
- export declare const FlowHandlerSubmitWrapper = "\n border-top: 1px solid #f1f2f4;\n padding: 6px 6px 6px 0;\n margin: 0 -12px -12px -12px;\n text-align: right;\n";
32
+ export declare const FlowHandlerSelectItem = "\n position: relative;\n margin: 0 4px;\n padding: 5px 12px;\n font-size: 14px;\n color: var(--color-gray-10, #091940);\n cursor: pointer;\n border-radius: 4px;\n\n .icon-done {\n position: absolute;\n top: 10px;\n right: 14px;\n width: 12px;\n height: 12px;\n color: var(--color-brand-6, #0c62ff);\n scale: 1.2;\n }\n\n &:hover {\n background-color: var(--color-gray-4, #F1F2F4);\n }\n\n &.active {\n background-color: var(--color-brand-1, #e6f3ff);\n font-weight: 600;\n }\n";
33
+ export declare const FlowHandlerSubmitWrapper = "\n border-top: 1px solid var(--color-gray-4, #F1F2F4);\n padding: 6px 6px 6px 0;\n margin: 0 -12px -12px -12px;\n text-align: right;\n";
package/dist/components/fields/status/style/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { statusCellMinWidth, fieldLabelColor, themeBgColorBase, gray7 } from '../../../../style/common.js';
1
+ import { statusCellMinWidth, fieldLabelColor, themeBgColorBase, gray7, blue1, gray4, gray6, gray10, blue6 } from '../../../../style/common.js';
2
2
 
3
3
  const readViewWrapper = `
4
4
  display: -webkit-box;
@@ -136,7 +136,7 @@ const flowBtnStyle = `
136
136
  margin: 0;
137
137
 
138
138
  &:hover {
139
- background-color: var(--select-item-selected-bg, #e6f3ff);
139
+ background-color: var(--select-item-selected-bg, ${blue1});
140
140
  }
141
141
  `;
142
142
  const notAllowedStyle = `
@@ -198,13 +198,13 @@ const FlowHandlerHeader = `
198
198
  const FlowHandlerSearchWrapper = `
199
199
  margin: 0 -12px;
200
200
  padding: 5px 10px;
201
- border-top: 1px solid #f1f2f4;
202
- border-bottom: 1px solid #f1f2f4;
201
+ border-top: 1px solid ${gray4};
202
+ border-bottom: 1px solid ${gray4};
203
203
 
204
204
  .icon-search {
205
205
  position: relative;
206
206
  top: 2px;
207
- color: #b5bac5;
207
+ color: ${gray6};
208
208
  font-size: 16px !important;
209
209
  width: 16px !important;
210
210
  }
@@ -223,7 +223,7 @@ const FlowHandlerSelectWrapper = `
223
223
  .icon-arrow-down {
224
224
  position: relative;
225
225
  top: 2px;
226
- color: #b5bac5;
226
+ color: ${gray6};
227
227
  font-size: 16px !important;
228
228
  width: 16px !important;
229
229
  }
@@ -239,7 +239,7 @@ const FlowHandlerSelectWrapper = `
239
239
  }
240
240
  }
241
241
  .select-input::placeholder {
242
- color: #b5bac5;
242
+ color: ${gray6};
243
243
  }
244
244
  }
245
245
  `;
@@ -248,15 +248,15 @@ const FlowHandlerSelectMessage = `
248
248
  padding: 6px 12px;
249
249
  display: flex;
250
250
  font-size: 12px;
251
- color: #091940;
252
- border-bottom: 1px solid #f1f2f4;
251
+ color: ${gray10};
252
+ border-bottom: 1px solid ${gray4};
253
253
 
254
254
  span:nth-child(1) {
255
255
  position: relative;
256
- color: #0C62FF;
256
+ color: ${blue6};
257
257
  cursor: pointer;
258
258
  &:hover {
259
- color: #091940;
259
+ color: ${gray10};
260
260
  }
261
261
 
262
262
  &:after {
@@ -265,7 +265,7 @@ const FlowHandlerSelectMessage = `
265
265
  height: 14px;
266
266
  top: 2px;
267
267
  right: -10px;
268
- border-right: 1px solid #f1f2f4;
268
+ border-right: 1px solid ${gray4};
269
269
  }
270
270
  }
271
271
  span:nth-child(2) {
@@ -274,10 +274,10 @@ const FlowHandlerSelectMessage = `
274
274
 
275
275
  }
276
276
  span:nth-child(3) {
277
- color: #0c62ff;
277
+ color: ${blue6};
278
278
  cursor: pointer;
279
279
  &:hover {
280
- color: #091940;
280
+ color: ${gray10};
281
281
  }
282
282
  }
283
283
  `;
@@ -295,7 +295,7 @@ const FlowHandlerSelectItem = `
295
295
  margin: 0 4px;
296
296
  padding: 5px 12px;
297
297
  font-size: 14px;
298
- color: #091940;
298
+ color: ${gray10};
299
299
  cursor: pointer;
300
300
  border-radius: 4px;
301
301
 
@@ -305,21 +305,21 @@ const FlowHandlerSelectItem = `
305
305
  right: 14px;
306
306
  width: 12px;
307
307
  height: 12px;
308
- color: #0C62FF;
308
+ color: ${blue6};
309
309
  scale: 1.2;
310
310
  }
311
311
 
312
312
  &:hover {
313
- background-color: #f1f2f4;
313
+ background-color: ${gray4};
314
314
  }
315
315
 
316
316
  &.active {
317
- background-color: #E6F3FF;
317
+ background-color: ${blue1};
318
318
  font-weight: 600;
319
319
  }
320
320
  `;
321
321
  const FlowHandlerSubmitWrapper = `
322
- border-top: 1px solid #f1f2f4;
322
+ border-top: 1px solid ${gray4};
323
323
  padding: 6px 6px 6px 0;
324
324
  margin: 0 -12px -12px -12px;
325
325
  text-align: right;
package/dist/components/fields/user/style/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export declare const userDisabledStyle = "\n color: #C1C5CF;\n";
1
+ export declare const userDisabledStyle = "\n color: var(--color-gray-6, #b5bac5);\n";
2
2
  export declare const userDeletedStyle = "\n text-decoration: line-through;\n";
3
- export declare const usernameStyle = "\n font-size: 14px;\n line-height: 20px;\n color: #213053;\n";
3
+ export declare const usernameStyle = "\n font-size: 14px;\n line-height: 20px;\n color: var(--color-gray-9, #213053);\n";
package/dist/components/fields/user-group/ReadView.js CHANGED
@@ -13,8 +13,7 @@ const UserGroupReadView = props => {
13
13
  const { value: propsValue, options, mode, readonly } = props;
14
14
  const [value, setValue] = useState([]);
15
15
  useEffect(() => {
16
- var _a;
17
- setValue(Array.isArray(propsValue) ? propsValue : ((_a = [propsValue]) !== null && _a !== void 0 ? _a : []));
16
+ setValue(Array.isArray(propsValue) ? propsValue : [propsValue].filter(Boolean));
18
17
  }, [propsValue, setValue]);
19
18
  const showValue = useMemo(() => {
20
19
  var _a, _b;
package/dist/lib/global.d.ts CHANGED
@@ -59,6 +59,7 @@ export declare const FIELD_TYPE_KEY_MAPPINGS: {
59
59
  HyperLink: string;
60
60
  Cascade: string;
61
61
  RepoFiles: string;
62
+ AppsItemPanel: string;
62
63
  };
63
64
  export declare const DATE_TYPE: Record<Uppercase<DateType>, DateType>;
64
65
  export declare const DATE_FORMAT: {
package/dist/lib/global.js CHANGED
@@ -1,3 +1,5 @@
1
+ import { blue5, orange5, green5 } from '../style/common.js';
2
+
1
3
  const FIELD_TYPE_KEY_MAPPINGS = {
2
4
  Text: 'Text',
3
5
  User: 'User',
@@ -58,6 +60,7 @@ const FIELD_TYPE_KEY_MAPPINGS = {
58
60
  HyperLink: 'HyperLink',
59
61
  Cascade: 'Cascade',
60
62
  RepoFiles: 'RepoFiles',
63
+ AppsItemPanel: 'AppsItemPanel',
61
64
  };
62
65
  const DATE_TYPE = {
63
66
  DATETIME: 'dateTime',
@@ -82,9 +85,9 @@ var WorkflowStatusType;
82
85
  WorkflowStatusType["Finished"] = "Finished";
83
86
  })(WorkflowStatusType || (WorkflowStatusType = {}));
84
87
  const WorkFlowStatusColor = {
85
- [WorkflowStatusType.Start]: { color: '#FFFFFF', bgColor: '#3683FF' },
86
- [WorkflowStatusType.InProgress]: { color: '#FFFFFF', bgColor: '#FFBF36' },
87
- [WorkflowStatusType.Finished]: { color: '#FFFFFF', bgColor: '#29C477' },
88
+ [WorkflowStatusType.Start]: { color: '#FFFFFF', bgColor: blue5 },
89
+ [WorkflowStatusType.InProgress]: { color: '#FFFFFF', bgColor: orange5 },
90
+ [WorkflowStatusType.Finished]: { color: '#FFFFFF', bgColor: green5 },
88
91
  };
89
92
  const CustomFieldComponentTypes = {
90
93
  Date: 'Date',
package/dist/style/common.d.ts CHANGED
@@ -1,24 +1,27 @@
1
- export declare const gray1 = "#FFFFFF";
2
- export declare const gray2 = "#FAFBFB";
3
- export declare const gray3 = "#F5F6F8";
4
- export declare const gray4 = "#F1F2F4";
5
- export declare const gray5 = "#DADDE3";
6
- export declare const gray6 = "#C1C5CF";
7
- export declare const gray7 = "#848C9F";
8
- export declare const gray8 = "#525E79";
9
- export declare const gray9 = "#213053";
10
- export declare const gray10 = "#091940";
11
- export declare const blue1 = "#e6f3ff";
12
- export declare const blue2 = "#b0d6ff";
13
- export declare const blue3 = "#87bdff";
14
- export declare const blue4 = "#5ea1ff";
15
- export declare const blue5 = "#3683ff";
16
- export declare const blue6 = "#0c62ff";
17
- export declare const blue7 = "#0045d9";
18
- export declare const blue8 = "#0033b3";
19
- export declare const blue9 = "#00238c";
20
- export declare const blue10 = "#001666";
1
+ export declare const gray1 = "var(--color-gray-1, #FFFFFF)";
2
+ export declare const gray2 = "var(--color-gray-2, #FAFBFB)";
3
+ export declare const gray3 = "var(--color-gray-3, #F5F6F8)";
4
+ export declare const gray4 = "var(--color-gray-4, #F1F2F4)";
5
+ export declare const gray5 = "var(--color-gray-5, #DADDE3)";
6
+ export declare const gray6 = "var(--color-gray-6, #b5bac5)";
7
+ export declare const gray7 = "var(--color-gray-7, #848C9F)";
8
+ export declare const gray8 = "var(--color-gray-8, #525E79)";
9
+ export declare const gray9 = "var(--color-gray-9, #213053)";
10
+ export declare const gray10 = "var(--color-gray-10, #091940)";
11
+ export declare const blue1 = "var(--color-brand-1, #e6f3ff)";
12
+ export declare const blue2 = "var(--color-brand-2, #b0d6ff)";
13
+ export declare const blue3 = "var(--color-brand-3, #87bdff)";
14
+ export declare const blue4 = "var(--color-brand-4, #5ea1ff)";
15
+ export declare const blue5 = "var(--color-brand-5, #3683ff)";
16
+ export declare const blue6 = "var(--color-brand-6, #0c62ff)";
17
+ export declare const blue7 = "var(--color-brand-7, #0045d9)";
18
+ export declare const blue8 = "var(--color-brand-8, #0033b3)";
19
+ export declare const blue9 = "var(--color-brand-9, #00238c)";
20
+ export declare const blue10 = "var(--color-brand-10, #001666)";
21
+ export declare const green5 = "var(--color-success-5, #29c477)";
22
+ export declare const orange4 = "var(--color-orange-4, #ffd15e)";
23
+ export declare const orange5 = "var(--color-orange-5, #ffbf36)";
21
24
  export declare const statusCellMinWidth = "62px";
22
25
  export declare const fieldLabelColor = "#909aaa";
23
- export declare const themeBgColorBase = "#F1F2F4";
26
+ export declare const themeBgColorBase = "var(--color-gray-4, #F1F2F4)";
24
27
  export declare const randomClassName: (name: string) => string;
package/dist/style/common.js CHANGED
@@ -1,23 +1,26 @@
1
- const gray1 = '#FFFFFF';
2
- const gray2 = '#FAFBFB';
3
- const gray3 = '#F5F6F8';
4
- const gray4 = '#F1F2F4';
5
- const gray5 = '#DADDE3';
6
- const gray6 = '#C1C5CF';
7
- const gray7 = '#848C9F';
8
- const gray8 = '#525E79';
9
- const gray9 = '#213053';
10
- const gray10 = '#091940';
11
- const blue1 = '#e6f3ff';
12
- const blue2 = '#b0d6ff';
13
- const blue3 = '#87bdff';
14
- const blue4 = '#5ea1ff';
15
- const blue5 = '#3683ff';
16
- const blue6 = '#0c62ff';
17
- const blue7 = '#0045d9';
18
- const blue8 = '#0033b3';
19
- const blue9 = '#00238c';
20
- const blue10 = '#001666';
1
+ const gray1 = 'var(--color-gray-1, #FFFFFF)';
2
+ const gray2 = 'var(--color-gray-2, #FAFBFB)';
3
+ const gray3 = 'var(--color-gray-3, #F5F6F8)';
4
+ const gray4 = 'var(--color-gray-4, #F1F2F4)';
5
+ const gray5 = 'var(--color-gray-5, #DADDE3)';
6
+ const gray6 = 'var(--color-gray-6, #b5bac5)';
7
+ const gray7 = 'var(--color-gray-7, #848C9F)';
8
+ const gray8 = 'var(--color-gray-8, #525E79)';
9
+ const gray9 = 'var(--color-gray-9, #213053)';
10
+ const gray10 = 'var(--color-gray-10, #091940)';
11
+ const blue1 = 'var(--color-brand-1, #e6f3ff)';
12
+ const blue2 = 'var(--color-brand-2, #b0d6ff)';
13
+ const blue3 = 'var(--color-brand-3, #87bdff)';
14
+ const blue4 = 'var(--color-brand-4, #5ea1ff)';
15
+ const blue5 = 'var(--color-brand-5, #3683ff)';
16
+ const blue6 = 'var(--color-brand-6, #0c62ff)';
17
+ const blue7 = 'var(--color-brand-7, #0045d9)';
18
+ const blue8 = 'var(--color-brand-8, #0033b3)';
19
+ const blue9 = 'var(--color-brand-9, #00238c)';
20
+ const blue10 = 'var(--color-brand-10, #001666)';
21
+ const green5 = 'var(--color-success-5, #29c477)';
22
+ const orange4 = 'var(--color-orange-4, #ffd15e)';
23
+ const orange5 = 'var(--color-orange-5, #ffbf36)';
21
24
  const statusCellMinWidth = '62px';
22
25
  const fieldLabelColor = '#909aaa';
23
26
  const themeBgColorBase = gray4;
@@ -31,4 +34,4 @@ const randomClassName = (name) => {
31
34
  return `${name}_${result}`;
32
35
  };
33
36
 
34
- export { blue1, blue10, blue2, blue3, blue4, blue5, blue6, blue7, blue8, blue9, fieldLabelColor, gray1, gray10, gray2, gray3, gray4, gray5, gray6, gray7, gray8, gray9, randomClassName, statusCellMinWidth, themeBgColorBase };
37
+ export { blue1, blue10, blue2, blue3, blue4, blue5, blue6, blue7, blue8, blue9, fieldLabelColor, gray1, gray10, gray2, gray3, gray4, gray5, gray6, gray7, gray8, gray9, green5, orange4, orange5, randomClassName, statusCellMinWidth, themeBgColorBase };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@giteeteam/apps-team-components",
3
- "version": "1.9.6",
3
+ "version": "1.10.0",
4
4
  "description": "Gitee team components",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",