@qn-pandora/pandora-component 3.0.1 → 3.1.1
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.
- package/CHANGELOG.json +7 -7
- package/CHANGELOG.md +7 -8
- package/es/components/AutoComplete/style.css +4 -1
- package/es/components/Button/index.js +1 -1
- package/es/components/Card/style.css +10 -2
- package/es/components/CheckTransformList/Item/index.js +7 -3
- package/es/components/CheckTransformList/index.js +1 -1
- package/es/components/CheckTransformList/style.css +17 -7
- package/es/components/Collapse/Panel/index.d.ts +8 -40
- package/es/components/Collapse/Panel/index.js +34 -44
- package/es/components/Collapse/index.d.ts +15 -20
- package/es/components/Collapse/index.js +44 -18
- package/es/components/Collapse/style.css +210 -0
- package/es/components/Collapse/style.less +57 -0
- package/es/components/DateTimePicker/Base/index.d.ts +1 -0
- package/es/components/DateTimePicker/Base/index.js +29 -13
- package/es/components/DateTimePicker/Base/relativeTimePicker.d.ts +1 -0
- package/es/components/DateTimePicker/Base/relativeTimePicker.js +16 -3
- package/es/components/DateTimePicker/Base/style.css +7 -12
- package/es/components/DateTimePicker/BaseMobile/Absolute/index.d.ts +1 -0
- package/es/components/DateTimePicker/BaseMobile/Absolute/index.js +8 -3
- package/es/components/DateTimePicker/BaseMobile/index.d.ts +2 -0
- package/es/components/DateTimePicker/BaseMobile/index.js +7 -2
- package/es/components/DateTimePicker/Collapse/Panel/index.d.ts +41 -0
- package/es/components/DateTimePicker/Collapse/Panel/index.js +51 -0
- package/es/components/{Collapse → DateTimePicker/Collapse}/Panel/style.css +0 -0
- package/es/components/{Collapse → DateTimePicker/Collapse}/Panel/style.less +1 -1
- package/es/components/DateTimePicker/Collapse/index.d.ts +24 -0
- package/es/components/DateTimePicker/Collapse/index.js +42 -0
- package/es/components/DateTimePicker/DisplayInput/index.d.ts +1 -0
- package/es/components/DateTimePicker/DisplayInput/index.js +4 -1
- package/es/components/DateTimePicker/DisplayInput/style.css +17 -7
- package/es/components/DateTimePicker/constants.d.ts +4 -5
- package/es/components/DateTimePicker/constants.js +39 -44
- package/es/components/DateTimePicker/style.css +155 -57
- package/es/components/DateTimePicker/time.d.ts +2 -2
- package/es/components/DateTimePicker/time.js +17 -11
- package/es/components/Input/style.css +17 -7
- package/es/components/InputNumber/style.css +1 -1
- package/es/components/Menu/Option.d.ts +1 -1
- package/es/components/Menu/style.css +4 -0
- package/es/components/NameLimiter/index.js +1 -0
- package/es/components/OptionList/PopoverOptionList/style.css +155 -57
- package/es/components/OptionList/style.css +155 -57
- package/es/components/RadioGroup/index.d.ts +53 -0
- package/es/components/RadioGroup/index.js +31 -0
- package/es/components/{SolidRadioGroup → RadioGroup}/style.css +43 -50
- package/es/components/RadioGroup/style.less +32 -0
- package/es/components/RangeInput/index.js +13 -7
- package/es/components/RangeInput/style.css +18 -8
- package/es/components/Selector/index.js +2 -2
- package/es/components/Selector/style.css +4 -1
- package/es/components/SolidRadioGroup/index.d.ts +3 -45
- package/es/components/SolidRadioGroup/index.js +13 -25
- package/es/components/Steps/ControlButton/index.js +8 -2
- package/es/components/Steps/style.css +0 -5
- package/es/components/Steps/style.less +0 -5
- package/es/components/Table/index.d.ts +1 -0
- package/es/components/Table/index.js +14 -5
- package/es/components/Table/style.css +20 -8
- package/es/components/Table/style.less +10 -3
- package/es/components/Tabs/style.css +10 -2
- package/es/components/Timeline/TimelineItem/index.js +6 -4
- package/es/components/Timeline/TimelineItem/style.css +1 -2
- package/es/components/Timeline/TimelineItem/style.less +1 -2
- package/es/components/Transfer/List/index.js +9 -4
- package/es/constants/language/check_transform_list/en.d.ts +2 -0
- package/es/constants/language/check_transform_list/en.js +5 -0
- package/es/constants/language/check_transform_list/type.d.ts +6 -0
- package/es/constants/language/check_transform_list/type.js +3 -0
- package/es/constants/language/check_transform_list/zh.d.ts +2 -0
- package/es/constants/language/check_transform_list/zh.js +5 -0
- package/es/constants/language/datetime/en.d.ts +2 -0
- package/es/constants/language/datetime/en.js +79 -0
- package/es/constants/language/datetime/type.d.ts +80 -0
- package/es/constants/language/datetime/type.js +3 -0
- package/es/constants/language/datetime/zh.d.ts +2 -0
- package/es/constants/language/datetime/zh.js +79 -0
- package/es/constants/language/en.d.ts +2 -0
- package/es/constants/language/en.js +14 -0
- package/es/constants/language/range_input/en.d.ts +2 -0
- package/es/constants/language/range_input/en.js +7 -0
- package/es/constants/language/range_input/type.d.ts +8 -0
- package/es/constants/language/range_input/type.js +3 -0
- package/es/constants/language/range_input/zh.d.ts +2 -0
- package/es/constants/language/range_input/zh.js +7 -0
- package/es/constants/language/steps/en.d.ts +2 -0
- package/es/constants/language/steps/en.js +4 -0
- package/es/constants/language/steps/type.d.ts +5 -0
- package/es/constants/language/steps/type.js +3 -0
- package/es/constants/language/steps/zh.d.ts +2 -0
- package/es/constants/language/steps/zh.js +4 -0
- package/es/constants/language/table/en.d.ts +2 -0
- package/es/constants/language/table/en.js +4 -0
- package/es/constants/language/table/type.d.ts +5 -0
- package/es/constants/language/table/type.js +3 -0
- package/es/constants/language/table/zh.d.ts +2 -0
- package/es/constants/language/table/zh.js +4 -0
- package/es/constants/language/transfer/en.d.ts +2 -0
- package/es/constants/language/transfer/en.js +4 -0
- package/es/constants/language/transfer/type.d.ts +5 -0
- package/es/constants/language/transfer/type.js +3 -0
- package/es/constants/language/transfer/zh.d.ts +2 -0
- package/es/constants/language/transfer/zh.js +4 -0
- package/es/constants/language/type.d.ts +15 -0
- package/es/constants/language/type.js +3 -0
- package/es/constants/language/zh.d.ts +2 -0
- package/es/constants/language/zh.js +14 -0
- package/es/index.css +1464 -1153
- package/es/index.d.ts +2 -1
- package/es/index.js +2 -1
- package/es/index.less +7 -7
- package/es/style/theme.less +9 -2
- package/es/utils/language.d.ts +1 -0
- package/es/utils/language.js +15 -0
- package/es/utils/languageLocale.d.ts +1 -0
- package/es/utils/languageLocale.js +9 -0
- package/lib/components/AutoComplete/style.css +4 -1
- package/lib/components/Button/index.js +1 -1
- package/lib/components/Card/style.css +10 -2
- package/lib/components/CheckTransformList/Item/index.js +7 -3
- package/lib/components/CheckTransformList/index.js +1 -1
- package/lib/components/CheckTransformList/style.css +17 -7
- package/lib/components/Collapse/Panel/index.d.ts +8 -40
- package/lib/components/Collapse/Panel/index.js +35 -45
- package/lib/components/Collapse/index.d.ts +15 -20
- package/lib/components/Collapse/index.js +47 -20
- package/lib/components/Collapse/style.css +210 -0
- package/lib/components/Collapse/style.less +57 -0
- package/lib/components/DateTimePicker/Base/index.d.ts +1 -0
- package/lib/components/DateTimePicker/Base/index.js +29 -13
- package/lib/components/DateTimePicker/Base/relativeTimePicker.d.ts +1 -0
- package/lib/components/DateTimePicker/Base/relativeTimePicker.js +16 -3
- package/lib/components/DateTimePicker/Base/style.css +7 -12
- package/lib/components/DateTimePicker/BaseMobile/Absolute/index.d.ts +1 -0
- package/lib/components/DateTimePicker/BaseMobile/Absolute/index.js +8 -3
- package/lib/components/DateTimePicker/BaseMobile/index.d.ts +2 -0
- package/lib/components/DateTimePicker/BaseMobile/index.js +7 -2
- package/lib/components/DateTimePicker/Collapse/Panel/index.d.ts +41 -0
- package/lib/components/DateTimePicker/Collapse/Panel/index.js +64 -0
- package/lib/components/{Collapse → DateTimePicker/Collapse}/Panel/style.css +0 -0
- package/lib/components/{Collapse → DateTimePicker/Collapse}/Panel/style.less +1 -1
- package/lib/components/DateTimePicker/Collapse/index.d.ts +24 -0
- package/lib/components/DateTimePicker/Collapse/index.js +54 -0
- package/lib/components/DateTimePicker/DisplayInput/index.d.ts +1 -0
- package/lib/components/DateTimePicker/DisplayInput/index.js +4 -1
- package/lib/components/DateTimePicker/DisplayInput/style.css +17 -7
- package/lib/components/DateTimePicker/constants.d.ts +4 -5
- package/lib/components/DateTimePicker/constants.js +39 -44
- package/lib/components/DateTimePicker/style.css +155 -57
- package/lib/components/DateTimePicker/time.d.ts +2 -2
- package/lib/components/DateTimePicker/time.js +16 -10
- package/lib/components/Input/style.css +17 -7
- package/lib/components/InputNumber/style.css +1 -1
- package/lib/components/Menu/Option.d.ts +1 -1
- package/lib/components/Menu/style.css +4 -0
- package/lib/components/NameLimiter/index.js +1 -0
- package/lib/components/OptionList/PopoverOptionList/style.css +155 -57
- package/lib/components/OptionList/style.css +155 -57
- package/lib/components/RadioGroup/index.d.ts +53 -0
- package/lib/components/RadioGroup/index.js +44 -0
- package/lib/components/{SolidRadioGroup → RadioGroup}/style.css +43 -50
- package/lib/components/RadioGroup/style.less +32 -0
- package/lib/components/RangeInput/index.js +13 -7
- package/lib/components/RangeInput/style.css +18 -8
- package/lib/components/Selector/index.js +1 -1
- package/lib/components/Selector/style.css +4 -1
- package/lib/components/SolidRadioGroup/index.d.ts +3 -45
- package/lib/components/SolidRadioGroup/index.js +13 -25
- package/lib/components/Steps/ControlButton/index.js +8 -2
- package/lib/components/Steps/style.css +0 -5
- package/lib/components/Steps/style.less +0 -5
- package/lib/components/Table/index.d.ts +1 -0
- package/lib/components/Table/index.js +14 -5
- package/lib/components/Table/style.css +20 -8
- package/lib/components/Table/style.less +10 -3
- package/lib/components/Tabs/style.css +10 -2
- package/lib/components/Timeline/TimelineItem/index.js +6 -4
- package/lib/components/Timeline/TimelineItem/style.css +1 -2
- package/lib/components/Timeline/TimelineItem/style.less +1 -2
- package/lib/components/Transfer/List/index.js +8 -3
- package/lib/constants/language/check_transform_list/en.d.ts +2 -0
- package/lib/constants/language/check_transform_list/en.js +7 -0
- package/lib/constants/language/check_transform_list/type.d.ts +6 -0
- package/lib/constants/language/check_transform_list/type.js +5 -0
- package/lib/constants/language/check_transform_list/zh.d.ts +2 -0
- package/lib/constants/language/check_transform_list/zh.js +7 -0
- package/lib/constants/language/datetime/en.d.ts +2 -0
- package/lib/constants/language/datetime/en.js +81 -0
- package/lib/constants/language/datetime/type.d.ts +80 -0
- package/lib/constants/language/datetime/type.js +5 -0
- package/lib/constants/language/datetime/zh.d.ts +2 -0
- package/lib/constants/language/datetime/zh.js +81 -0
- package/lib/constants/language/en.d.ts +2 -0
- package/lib/constants/language/en.js +16 -0
- package/lib/constants/language/range_input/en.d.ts +2 -0
- package/lib/constants/language/range_input/en.js +9 -0
- package/lib/constants/language/range_input/type.d.ts +8 -0
- package/lib/constants/language/range_input/type.js +5 -0
- package/lib/constants/language/range_input/zh.d.ts +2 -0
- package/lib/constants/language/range_input/zh.js +9 -0
- package/lib/constants/language/steps/en.d.ts +2 -0
- package/lib/constants/language/steps/en.js +6 -0
- package/lib/constants/language/steps/type.d.ts +5 -0
- package/lib/constants/language/steps/type.js +5 -0
- package/lib/constants/language/steps/zh.d.ts +2 -0
- package/lib/constants/language/steps/zh.js +6 -0
- package/lib/constants/language/table/en.d.ts +2 -0
- package/lib/constants/language/table/en.js +6 -0
- package/lib/constants/language/table/type.d.ts +5 -0
- package/lib/constants/language/table/type.js +5 -0
- package/lib/constants/language/table/zh.d.ts +2 -0
- package/lib/constants/language/table/zh.js +6 -0
- package/lib/constants/language/transfer/en.d.ts +2 -0
- package/lib/constants/language/transfer/en.js +6 -0
- package/lib/constants/language/transfer/type.d.ts +5 -0
- package/lib/constants/language/transfer/type.js +5 -0
- package/lib/constants/language/transfer/zh.d.ts +2 -0
- package/lib/constants/language/transfer/zh.js +6 -0
- package/lib/constants/language/type.d.ts +15 -0
- package/lib/constants/language/type.js +5 -0
- package/lib/constants/language/zh.d.ts +2 -0
- package/lib/constants/language/zh.js +16 -0
- package/lib/index.css +3909 -3598
- package/lib/index.d.ts +2 -1
- package/lib/index.js +3 -0
- package/lib/index.less +7 -7
- package/lib/style/theme.less +9 -2
- package/lib/utils/language.d.ts +1 -0
- package/lib/utils/language.js +21 -0
- package/lib/utils/languageLocale.d.ts +1 -0
- package/lib/utils/languageLocale.js +12 -0
- package/package.json +11 -8
- package/es/components/Collapse/stories/style.stories.css +0 -12
- package/es/components/Collapse/stories/style.stories.less +0 -7
- package/es/components/SolidRadioGroup/style.less +0 -39
- package/lib/components/Collapse/stories/style.stories.css +0 -12
- package/lib/components/Collapse/stories/style.stories.less +0 -7
- package/lib/components/SolidRadioGroup/style.less +0 -39
@@ -54,9 +54,7 @@
|
|
54
54
|
border-bottom: 0;
|
55
55
|
}
|
56
56
|
.ant-table.ant-table-bordered > .ant-table-container {
|
57
|
-
border: 1px solid #ebecf0;
|
58
|
-
border-right: 0;
|
59
|
-
border-bottom: 0;
|
57
|
+
border-left: 1px solid #ebecf0;
|
60
58
|
}
|
61
59
|
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
|
62
60
|
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
|
@@ -119,6 +117,10 @@
|
|
119
117
|
border-right: 1px solid #ebecf0;
|
120
118
|
content: '';
|
121
119
|
}
|
120
|
+
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
|
121
|
+
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
|
122
|
+
border-top: 1px solid #ebecf0;
|
123
|
+
}
|
122
124
|
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
|
123
125
|
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
|
124
126
|
border-right: 0;
|
@@ -274,6 +276,8 @@
|
|
274
276
|
background: #2a69ca;
|
275
277
|
}
|
276
278
|
.ant-table-summary {
|
279
|
+
position: relative;
|
280
|
+
z-index: 2;
|
277
281
|
background: #ffffff;
|
278
282
|
}
|
279
283
|
div.ant-table-summary {
|
@@ -744,6 +748,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
|
|
744
748
|
.ant-table-sticky-holder {
|
745
749
|
position: sticky;
|
746
750
|
z-index: 3;
|
751
|
+
background: #ffffff;
|
747
752
|
}
|
748
753
|
.ant-table-sticky-scroll {
|
749
754
|
position: sticky;
|
@@ -1340,11 +1345,10 @@ textarea.ant-pagination-options-quick-jumper input {
|
|
1340
1345
|
cursor: not-allowed;
|
1341
1346
|
}
|
1342
1347
|
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
|
1343
|
-
background: #
|
1344
|
-
border-color: transparent;
|
1348
|
+
background: #e6e6e6;
|
1345
1349
|
}
|
1346
1350
|
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
|
1347
|
-
color:
|
1351
|
+
color: rgba(0, 0, 0, 0.25);
|
1348
1352
|
}
|
1349
1353
|
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
|
1350
1354
|
color: rgba(0, 0, 0, 0.25);
|
@@ -1505,11 +1509,11 @@ textarea.ant-pagination-options-quick-jumper input {
|
|
1505
1509
|
}
|
1506
1510
|
.pandora-sdk-table-wrapper .pandora-sdk-odd-table-row,
|
1507
1511
|
.pandora-sdk-table-wrapper .pandora-sdk-odd-table-row + .ant-table-expanded-row {
|
1508
|
-
background: #fafafa
|
1512
|
+
background: #fafafa;
|
1509
1513
|
}
|
1510
1514
|
.pandora-sdk-table-wrapper .pandora-sdk-even-table-row,
|
1511
1515
|
.pandora-sdk-table-wrapper .pandora-sdk-even-table-row + .ant-table-expanded-row {
|
1512
|
-
background: #ffffff
|
1516
|
+
background: #ffffff;
|
1513
1517
|
}
|
1514
1518
|
.pandora-sdk-table-wrapper .ant-table-row:hover {
|
1515
1519
|
background: #e9f0fa;
|
@@ -1614,6 +1618,14 @@ textarea.ant-pagination-options-quick-jumper input {
|
|
1614
1618
|
display: block;
|
1615
1619
|
line-height: 28px;
|
1616
1620
|
}
|
1621
|
+
.pandora-sdk-table-wrapper .pandora-sdk-table-empty {
|
1622
|
+
margin: 32px 0;
|
1623
|
+
}
|
1624
|
+
.pandora-sdk-table-wrapper .pandora-sdk-table-empty .pandora-sdk-table-empty-text {
|
1625
|
+
margin-top: 12px;
|
1626
|
+
color: #bfbfbf;
|
1627
|
+
font-size: 14px;
|
1628
|
+
}
|
1617
1629
|
.pandora-sdk-table-batch-opt {
|
1618
1630
|
position: absolute;
|
1619
1631
|
left: 40px;
|
@@ -11,7 +11,6 @@
|
|
11
11
|
text-decoration: underline;
|
12
12
|
}
|
13
13
|
}
|
14
|
-
|
15
14
|
.@{ant-prefix}-table {
|
16
15
|
color: @heading-color;
|
17
16
|
font-size: 12px;
|
@@ -142,11 +141,11 @@
|
|
142
141
|
|
143
142
|
.@{sdk-prefix}-odd-table-row,
|
144
143
|
.@{sdk-prefix}-odd-table-row + .@{ant-prefix}-table-expanded-row {
|
145
|
-
background: @table-row-even-bg
|
144
|
+
background: @table-row-even-bg;
|
146
145
|
}
|
147
146
|
.@{sdk-prefix}-even-table-row,
|
148
147
|
.@{sdk-prefix}-even-table-row + .@{ant-prefix}-table-expanded-row {
|
149
|
-
background: @table-row-odd-bg
|
148
|
+
background: @table-row-odd-bg;
|
150
149
|
}
|
151
150
|
|
152
151
|
.@{ant-prefix}-table-row {
|
@@ -252,6 +251,14 @@
|
|
252
251
|
display: block;
|
253
252
|
line-height: 28px;
|
254
253
|
}
|
254
|
+
.@{sdk-prefix}-table-empty {
|
255
|
+
margin: 32px 0;
|
256
|
+
.@{sdk-prefix}-table-empty-text {
|
257
|
+
margin-top: 12px;
|
258
|
+
color: @icon-color;
|
259
|
+
font-size: 14px;
|
260
|
+
}
|
261
|
+
}
|
255
262
|
}
|
256
263
|
|
257
264
|
.@{sdk-prefix}-table-batch-opt {
|
@@ -60,8 +60,15 @@
|
|
60
60
|
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
|
61
61
|
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
|
62
62
|
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
|
63
|
-
margin-right:
|
64
|
-
margin-left:
|
63
|
+
margin-right: 2px;
|
64
|
+
margin-left: 0;
|
65
|
+
}
|
66
|
+
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
|
67
|
+
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
|
68
|
+
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
|
69
|
+
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
|
70
|
+
margin-right: 2px;
|
71
|
+
margin-left: 0;
|
65
72
|
}
|
66
73
|
.ant-tabs-dropdown-rtl {
|
67
74
|
direction: rtl;
|
@@ -538,6 +545,7 @@
|
|
538
545
|
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
|
539
546
|
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
|
540
547
|
min-width: 40px;
|
548
|
+
margin-left: 2px;
|
541
549
|
padding: 0 8px;
|
542
550
|
background: #fafafa;
|
543
551
|
border: 1px solid #e5e5e5;
|
@@ -6,15 +6,17 @@ import { SDK_PREFIX } from '../../../constants/style';
|
|
6
6
|
export default function TimelineItem(props) {
|
7
7
|
var _a = props.lineLeft, lineLeft = _a === void 0 ? '50%' : _a, _b = props.showLine, showLine = _b === void 0 ? true : _b, time = props.time, dot = props.dot, color = props.color, content = props.content;
|
8
8
|
var linePosition = React.useMemo(function () {
|
9
|
-
return lineLeft
|
9
|
+
return lineLeft;
|
10
10
|
}, [lineLeft]);
|
11
11
|
var contentWidth = React.useMemo(function () {
|
12
12
|
return 100 - +linePosition.slice(0, linePosition.length - 1) + "%";
|
13
13
|
}, [linePosition]);
|
14
|
-
var timeRight = contentWidth;
|
15
14
|
return (React.createElement("li", { className: SDK_PREFIX + "-timeline-item" },
|
16
|
-
React.createElement("div", { className: SDK_PREFIX + "-timeline-item-time", style: { right:
|
15
|
+
React.createElement("div", { className: SDK_PREFIX + "-timeline-item-time", style: { right: contentWidth } }, time),
|
17
16
|
showLine && (React.createElement("div", { className: SDK_PREFIX + "-timeline-item-tail", style: { left: linePosition } })),
|
18
17
|
React.createElement("div", { className: SDK_PREFIX + "-timeline-item-head", style: { left: linePosition } }, dot || (React.createElement("span", { className: SDK_PREFIX + "-timeline-item-head-dot", style: { background: color } }))),
|
19
|
-
React.createElement("div", { className: SDK_PREFIX + "-timeline-item-content", style: {
|
18
|
+
React.createElement("div", { className: SDK_PREFIX + "-timeline-item-content", style: {
|
19
|
+
marginLeft: "calc(" + linePosition + " + 18px)",
|
20
|
+
width: contentWidth
|
21
|
+
} }, content)));
|
20
22
|
}
|
@@ -35,7 +35,6 @@
|
|
35
35
|
}
|
36
36
|
.pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
|
37
37
|
text-align: left;
|
38
|
-
margin-left: 22%;
|
39
38
|
color: #333;
|
40
39
|
text-overflow: ellipsis;
|
41
40
|
display: -webkit-box;
|
@@ -46,6 +45,6 @@
|
|
46
45
|
margin-right: 18px;
|
47
46
|
position: absolute;
|
48
47
|
text-align: right;
|
49
|
-
font-size:
|
48
|
+
font-size: 14px;
|
50
49
|
color: #333;
|
51
50
|
}
|
@@ -32,7 +32,6 @@
|
|
32
32
|
|
33
33
|
.@{sdk-prefix}-timeline-item-content {
|
34
34
|
text-align: left;
|
35
|
-
margin-left: 22%;
|
36
35
|
color: @font-color-7;
|
37
36
|
text-overflow: ellipsis;
|
38
37
|
display: -webkit-box;
|
@@ -44,7 +43,7 @@
|
|
44
43
|
margin-right: 18px;
|
45
44
|
position: absolute;
|
46
45
|
text-align: right;
|
47
|
-
font-size:
|
46
|
+
font-size: 14px;
|
48
47
|
color: @font-color-7;
|
49
48
|
}
|
50
49
|
}
|
@@ -18,14 +18,18 @@ var __spread = (this && this.__spread) || function () {
|
|
18
18
|
for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
|
19
19
|
return ar;
|
20
20
|
};
|
21
|
-
import React, { useState, useCallback } from 'react';
|
21
|
+
import React, { useState, useCallback, useContext } from 'react';
|
22
22
|
import { Input, Checkbox } from 'antd';
|
23
|
+
import { ConfigContext } from 'antd/es/config-provider';
|
23
24
|
import ListBody from '../ListBody';
|
25
|
+
import { formatString } from '../../../utils/language';
|
24
26
|
import { SDK_PREFIX } from '../../../constants/style';
|
27
|
+
import { TransferLocale } from '../../../constants/language/transfer/type';
|
25
28
|
var Search = Input.Search;
|
26
29
|
export default function List(props) {
|
27
30
|
var _a = __read(useState(''), 2), searchValue = _a[0], setSearchValue = _a[1];
|
28
|
-
var
|
31
|
+
var locale = useContext(ConfigContext).locale;
|
32
|
+
var title = props.title, type = props.type, searchPlaceHolder = props.searchPlaceHolder, _b = props.dataSource, dataSource = _b === void 0 ? [] : _b, _c = props.targetKeys, targetKeys = _c === void 0 ? [] : _c, selectAllTitle = props.selectAllTitle, onTargetKeysChange = props.onTargetKeysChange;
|
29
33
|
var onToggleAll = useCallback(function (e) {
|
30
34
|
if (e.target.checked === true) {
|
31
35
|
var targetKeys_1 = dataSource.map(function (item) { return item.key; });
|
@@ -37,7 +41,7 @@ export default function List(props) {
|
|
37
41
|
}, [dataSource, onTargetKeysChange]);
|
38
42
|
var selectedAllNode = (React.createElement(Checkbox, { className: SDK_PREFIX + "-transfer-mb10", checked: dataSource.every(function (item) { return item.checked; }), indeterminate: dataSource.some(function (item) { return item.checked; }) &&
|
39
43
|
!dataSource.every(function (item) { return item.checked; }), onChange: onToggleAll },
|
40
|
-
React.createElement("strong", null, selectAllTitle)));
|
44
|
+
React.createElement("strong", null, selectAllTitle || formatString(TransferLocale.select_all, locale))));
|
41
45
|
var onCheckboxChange = useCallback(function (key, checked) {
|
42
46
|
var keys = __spread(targetKeys);
|
43
47
|
if (checked) {
|
@@ -51,7 +55,8 @@ export default function List(props) {
|
|
51
55
|
return (React.createElement("div", { className: SDK_PREFIX + "-transfer-list" },
|
52
56
|
React.createElement("div", { className: SDK_PREFIX + "-transfer-title" }, title),
|
53
57
|
React.createElement("div", { className: SDK_PREFIX + "-transfer-search" },
|
54
|
-
React.createElement(Search, { placeholder: searchPlaceHolder ||
|
58
|
+
React.createElement(Search, { placeholder: searchPlaceHolder ||
|
59
|
+
formatString(TransferLocale.placeholder, locale), value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, className: SDK_PREFIX + "-transfer-mb10" })),
|
55
60
|
type === "source" /* Source */ && selectedAllNode,
|
56
61
|
React.createElement(ListBody, { dataSource: dataSource.filter(function (item) { return item.name.includes(searchValue); }), onChange: onCheckboxChange })));
|
57
62
|
}
|
@@ -0,0 +1,79 @@
|
|
1
|
+
export var datetime_en = {
|
2
|
+
title: 'Time range',
|
3
|
+
clear: 'Clear custom',
|
4
|
+
clart_text: 'Click to apply the global time range',
|
5
|
+
confirm: 'Confirm',
|
6
|
+
range: {
|
7
|
+
title: 'Date & Time Range',
|
8
|
+
beforeTime: 'Before',
|
9
|
+
afterTime: 'Since',
|
10
|
+
betweenTime: 'Between',
|
11
|
+
from: 'Earliest',
|
12
|
+
to: 'Latest'
|
13
|
+
},
|
14
|
+
preset: {
|
15
|
+
title: 'Presets',
|
16
|
+
m5: 'Last 5 minutes',
|
17
|
+
m15: 'Last 15 minutes',
|
18
|
+
m30: 'Last 30 minutes',
|
19
|
+
m60: 'Last 60 minutes',
|
20
|
+
h3: 'Last 3 hours',
|
21
|
+
h4: 'Last 4 hours',
|
22
|
+
h6: 'Last 6 hours',
|
23
|
+
h12: 'Last 12 hours',
|
24
|
+
h24: 'Last 24 hours',
|
25
|
+
d3: 'Last 3 days',
|
26
|
+
d7: 'Last 7 days',
|
27
|
+
d30: 'Last 30 days',
|
28
|
+
today: 'Today',
|
29
|
+
week: 'Week to date',
|
30
|
+
month: 'Month to date',
|
31
|
+
quarter: 'Quarter to date',
|
32
|
+
year: 'Year to date',
|
33
|
+
yesterDay: 'Yesterday',
|
34
|
+
theDayBeforYesterDay: 'Day before Yesterday',
|
35
|
+
previousWeek: 'Previous week',
|
36
|
+
previousMonth: 'Previous month',
|
37
|
+
previousQuarter: 'Previous quarter',
|
38
|
+
previousYear: 'Previous year',
|
39
|
+
AllTime: 'All time'
|
40
|
+
},
|
41
|
+
relative: {
|
42
|
+
title: 'Relative',
|
43
|
+
change_time: 'Change time',
|
44
|
+
now_text: 'Now',
|
45
|
+
now: 'Now (realtime)',
|
46
|
+
'now-static': 'Now (fixed)',
|
47
|
+
s: ' seconds ago',
|
48
|
+
m: ' minutes ago',
|
49
|
+
h: ' hours ago',
|
50
|
+
d: ' days ago',
|
51
|
+
w: ' weeks ago',
|
52
|
+
M: ' months ago',
|
53
|
+
Q: ' quarters ago',
|
54
|
+
y: ' years ago'
|
55
|
+
},
|
56
|
+
quarter: {
|
57
|
+
title: 'Quarter'
|
58
|
+
},
|
59
|
+
chart: {
|
60
|
+
custom: 'Custom',
|
61
|
+
global: 'Global',
|
62
|
+
seconds: 'Second',
|
63
|
+
minutes: 'Minute',
|
64
|
+
hours: 'Hour',
|
65
|
+
days: 'Day',
|
66
|
+
weeks: 'Week',
|
67
|
+
months: 'Month',
|
68
|
+
quarters: 'Quarter',
|
69
|
+
years: 'Year'
|
70
|
+
},
|
71
|
+
mobile: {
|
72
|
+
title: 'Select date',
|
73
|
+
start_time: 'Start time',
|
74
|
+
end_time: 'End time'
|
75
|
+
},
|
76
|
+
error: 'Earliest time cannot be greater than latest time.',
|
77
|
+
to: 'to',
|
78
|
+
change_time: 'Change'
|
79
|
+
};
|
@@ -0,0 +1,80 @@
|
|
1
|
+
export interface IDateTimeLocale {
|
2
|
+
title: string;
|
3
|
+
clear: string;
|
4
|
+
clart_text: string;
|
5
|
+
confirm: string;
|
6
|
+
range: {
|
7
|
+
title: string;
|
8
|
+
beforeTime: string;
|
9
|
+
afterTime: string;
|
10
|
+
betweenTime: string;
|
11
|
+
from: string;
|
12
|
+
to: string;
|
13
|
+
};
|
14
|
+
preset: {
|
15
|
+
title: string;
|
16
|
+
m5: string;
|
17
|
+
m15: string;
|
18
|
+
m30: string;
|
19
|
+
m60: string;
|
20
|
+
h3: string;
|
21
|
+
h4: string;
|
22
|
+
h6: string;
|
23
|
+
h12: string;
|
24
|
+
h24: string;
|
25
|
+
d3: string;
|
26
|
+
d7: string;
|
27
|
+
d30: string;
|
28
|
+
today: string;
|
29
|
+
week: string;
|
30
|
+
month: string;
|
31
|
+
quarter: string;
|
32
|
+
year: string;
|
33
|
+
yesterDay: string;
|
34
|
+
theDayBeforYesterDay: string;
|
35
|
+
previousWeek: string;
|
36
|
+
previousMonth: string;
|
37
|
+
previousQuarter: string;
|
38
|
+
previousYear: string;
|
39
|
+
AllTime: string;
|
40
|
+
};
|
41
|
+
relative: {
|
42
|
+
title: string;
|
43
|
+
change_time: string;
|
44
|
+
now_text: string;
|
45
|
+
now: string;
|
46
|
+
'now-static': string;
|
47
|
+
s: string;
|
48
|
+
m: string;
|
49
|
+
h: string;
|
50
|
+
d: string;
|
51
|
+
w: string;
|
52
|
+
M: string;
|
53
|
+
Q: string;
|
54
|
+
y: string;
|
55
|
+
};
|
56
|
+
quarter: {
|
57
|
+
title: string;
|
58
|
+
};
|
59
|
+
chart: {
|
60
|
+
custom: string;
|
61
|
+
global: string;
|
62
|
+
seconds: string;
|
63
|
+
minutes: string;
|
64
|
+
hours: string;
|
65
|
+
days: string;
|
66
|
+
weeks: string;
|
67
|
+
months: string;
|
68
|
+
quarters: string;
|
69
|
+
years: string;
|
70
|
+
};
|
71
|
+
mobile: {
|
72
|
+
title: string;
|
73
|
+
start_time: string;
|
74
|
+
end_time: string;
|
75
|
+
};
|
76
|
+
error: string;
|
77
|
+
to: string;
|
78
|
+
change_time: string;
|
79
|
+
}
|
80
|
+
export declare const DateTimeLocale: IDateTimeLocale;
|
@@ -0,0 +1,79 @@
|
|
1
|
+
export var datetime_zh = {
|
2
|
+
title: '图表时间范围',
|
3
|
+
clear: '清除自定义时间',
|
4
|
+
clart_text: '点击后本页内已添加的图表将全部使用全局时间',
|
5
|
+
confirm: '确认',
|
6
|
+
range: {
|
7
|
+
title: '绝对时间',
|
8
|
+
beforeTime: '在此之前',
|
9
|
+
afterTime: '在此之后',
|
10
|
+
betweenTime: '介于',
|
11
|
+
from: '起始',
|
12
|
+
to: '终止'
|
13
|
+
},
|
14
|
+
preset: {
|
15
|
+
title: '预设',
|
16
|
+
m5: '前5分钟',
|
17
|
+
m15: '前15分钟',
|
18
|
+
m30: '前30分钟',
|
19
|
+
m60: '前60分钟',
|
20
|
+
h3: '前3小时',
|
21
|
+
h4: '前4小时',
|
22
|
+
h6: '前6小时',
|
23
|
+
h12: '前12小时',
|
24
|
+
h24: '前24小时',
|
25
|
+
d3: '过去3天',
|
26
|
+
d7: '过去7天',
|
27
|
+
d30: '过去30天',
|
28
|
+
today: '今天',
|
29
|
+
week: '本周',
|
30
|
+
month: '本月',
|
31
|
+
quarter: '本季度',
|
32
|
+
year: '本年度',
|
33
|
+
yesterDay: '昨天',
|
34
|
+
theDayBeforYesterDay: '前天',
|
35
|
+
previousWeek: '上周',
|
36
|
+
previousMonth: '上月',
|
37
|
+
previousQuarter: '上季度',
|
38
|
+
previousYear: '上年度',
|
39
|
+
AllTime: '所有时间'
|
40
|
+
},
|
41
|
+
relative: {
|
42
|
+
title: '相对时间',
|
43
|
+
change_time: '改变时间',
|
44
|
+
now_text: '现在',
|
45
|
+
now: '现在(实时)',
|
46
|
+
'now-static': '现在(固定时间)',
|
47
|
+
s: '秒前',
|
48
|
+
m: '分钟前',
|
49
|
+
h: '小时前',
|
50
|
+
d: '天前',
|
51
|
+
w: '周前',
|
52
|
+
M: '月前',
|
53
|
+
Q: '季度前',
|
54
|
+
y: '年前'
|
55
|
+
},
|
56
|
+
quarter: {
|
57
|
+
title: '季度'
|
58
|
+
},
|
59
|
+
chart: {
|
60
|
+
custom: '自定义时间',
|
61
|
+
global: '全局时间',
|
62
|
+
seconds: '秒',
|
63
|
+
minutes: '分钟',
|
64
|
+
hours: '小时',
|
65
|
+
days: '天',
|
66
|
+
weeks: '周',
|
67
|
+
months: '月',
|
68
|
+
quarters: '季度',
|
69
|
+
years: '年'
|
70
|
+
},
|
71
|
+
mobile: {
|
72
|
+
title: '日期选择',
|
73
|
+
start_time: '开始时间',
|
74
|
+
end_time: '结束时间'
|
75
|
+
},
|
76
|
+
error: '起始时间不能大于终止时间',
|
77
|
+
to: '至',
|
78
|
+
change_time: '改变时间'
|
79
|
+
};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { check_transform_list_en } from './check_transform_list/en';
|
2
|
+
import { datetime_en } from './datetime/en';
|
3
|
+
import { range_input_en } from './range_input/en';
|
4
|
+
import { steps_en } from './steps/en';
|
5
|
+
import { table_en } from './table/en';
|
6
|
+
import { transfer_en } from './transfer/en';
|
7
|
+
export var component_en = {
|
8
|
+
check_transform_list: check_transform_list_en,
|
9
|
+
datetime: datetime_en,
|
10
|
+
range_input: range_input_en,
|
11
|
+
steps: steps_en,
|
12
|
+
table: table_en,
|
13
|
+
transfer: transfer_en
|
14
|
+
};
|