@qn-pandora/pandora-component 3.1.1 → 4.0.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.
Files changed (222) hide show
  1. package/CHANGELOG.json +24 -7
  2. package/CHANGELOG.md +16 -7
  3. package/README.md +36 -36
  4. package/es/components/AutoComplete/style.css +25 -29
  5. package/es/components/AutoComplete/style.less +8 -8
  6. package/es/components/Breadcrumb/style.less +9 -9
  7. package/es/components/Button/index.d.ts +0 -8
  8. package/es/components/Button/index.js +4 -4
  9. package/es/components/Button/style.css +100 -104
  10. package/es/components/Button/style.less +51 -62
  11. package/es/components/Card/RowExtra/style.less +8 -8
  12. package/es/components/Card/SearchInput/style.less +8 -8
  13. package/es/components/Card/style.css +28 -2
  14. package/es/components/Card/style.less +11 -11
  15. package/es/components/CheckTransformList/style.css +50 -21
  16. package/es/components/CheckTransformList/style.less +35 -35
  17. package/es/components/Checkbox/style.css +1 -1
  18. package/es/components/Checkbox/style.less +5 -5
  19. package/es/components/CheckboxList/index.d.ts +2 -0
  20. package/es/components/CheckboxList/index.js +2 -2
  21. package/es/components/CheckboxList/style.css +5 -3
  22. package/es/components/CheckboxList/style.less +11 -9
  23. package/es/components/Collapse/style.css +16 -12
  24. package/es/components/Collapse/style.less +57 -57
  25. package/es/components/CollapsiblePanel/style.css +4 -4
  26. package/es/components/CollapsiblePanel/style.less +63 -63
  27. package/es/components/DateTimePicker/Base/style.css +378 -49
  28. package/es/components/DateTimePicker/Base/style.less +160 -164
  29. package/es/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
  30. package/es/components/DateTimePicker/BaseMobile/style.css +4 -4
  31. package/es/components/DateTimePicker/BaseMobile/style.less +32 -32
  32. package/es/components/DateTimePicker/Collapse/Panel/style.less +26 -26
  33. package/es/components/DateTimePicker/DisplayInput/style.css +47 -16
  34. package/es/components/DateTimePicker/DisplayInput/style.less +9 -9
  35. package/es/components/DateTimePicker/constants.d.ts +1 -1
  36. package/es/components/DateTimePicker/constants.js +17 -6
  37. package/es/components/DateTimePicker/index.js +1 -1
  38. package/es/components/DateTimePicker/style.css +7 -7
  39. package/es/components/DateTimePicker/style.less +19 -17
  40. package/es/components/DateTimePicker/transform.d.ts +4 -0
  41. package/es/components/DateTimePicker/transform.js +52 -0
  42. package/es/components/Drawer/index.d.ts +55 -2
  43. package/es/components/Drawer/index.js +3 -1
  44. package/es/components/Drawer/style.css +45 -45
  45. package/es/components/Drawer/style.less +17 -17
  46. package/es/components/Input/index.d.ts +1 -2
  47. package/es/components/Input/index.js +0 -2
  48. package/es/components/Input/style.css +47 -16
  49. package/es/components/Input/style.less +12 -12
  50. package/es/components/InputNumber/index.d.ts +1 -8
  51. package/es/components/InputNumber/index.js +1 -35
  52. package/es/components/KeyValuePair/style.less +21 -21
  53. package/es/components/Menu/Option.d.ts +10 -0
  54. package/es/components/Menu/Option.js +18 -2
  55. package/es/components/Menu/index.d.ts +1 -1
  56. package/es/components/Menu/index.js +3 -3
  57. package/es/components/Menu/style.css +20 -10
  58. package/es/components/Menu/style.less +18 -8
  59. package/es/components/Modal/style.less +30 -30
  60. package/es/components/NameExplainTooltip/style.less +10 -10
  61. package/es/components/NameLimiter/style.css +2 -4
  62. package/es/components/NameLimiter/style.less +19 -21
  63. package/es/components/OptionList/InlineOptionList/style.less +16 -16
  64. package/es/components/OptionList/OptionItem/style.css +2 -2
  65. package/es/components/OptionList/OptionItem/style.less +25 -25
  66. package/es/components/OptionList/PopoverOptionList/style.less +30 -30
  67. package/es/components/OptionList/style.css +2 -2
  68. package/es/components/OptionList/style.less +3 -3
  69. package/es/components/RadioGroup/style.css +8 -8
  70. package/es/components/RadioGroup/style.less +32 -32
  71. package/es/components/RangeInput/style.css +427 -27
  72. package/es/components/RangeInput/style.less +37 -37
  73. package/es/components/RemarkName/style.css +2 -4
  74. package/es/components/RemarkName/style.less +2 -2
  75. package/es/components/Selector/style.css +25 -29
  76. package/es/components/Selector/style.less +99 -100
  77. package/es/components/Spin/style.css +0 -1
  78. package/es/components/Spin/style.less +26 -26
  79. package/es/components/Steps/ControlButton/style.less +5 -5
  80. package/es/components/Steps/style.css +8 -6
  81. package/es/components/Steps/style.less +48 -46
  82. package/es/components/Table/ColumnTag/style.less +40 -40
  83. package/es/components/Table/index.js +7 -4
  84. package/es/components/Table/style.css +85 -27
  85. package/es/components/Table/style.less +306 -313
  86. package/es/components/Tabs/style.css +29 -1
  87. package/es/components/Tabs/style.less +33 -31
  88. package/es/components/TagList/Tag/style.less +72 -72
  89. package/es/components/TagList/TagSwitch/style.less +28 -28
  90. package/es/components/TagList/style.css +10 -10
  91. package/es/components/TagList/style.less +28 -28
  92. package/es/components/Timeline/TimelineItem/style.less +49 -49
  93. package/es/components/Timeline/style.less +23 -23
  94. package/es/components/Transfer/List/index.js +3 -3
  95. package/es/components/Transfer/List/style.css +3 -0
  96. package/es/components/Transfer/List/style.less +19 -15
  97. package/es/components/Transfer/ListBody/style.less +18 -18
  98. package/es/components/Transfer/style.css +3 -0
  99. package/es/components/Transfer/style.less +14 -14
  100. package/es/components/TreeSelector/style.css +64 -20
  101. package/es/components/TreeSelector/style.less +56 -54
  102. package/es/hoc/popContainer.d.ts +5 -0
  103. package/es/hoc/popContainer.js +37 -0
  104. package/es/index.css +3011 -2517
  105. package/es/index.d.ts +1 -1
  106. package/es/index.less +49 -50
  107. package/es/style/mixin.less +45 -45
  108. package/es/style/theme.less +389 -379
  109. package/lib/components/AutoComplete/style.css +25 -29
  110. package/lib/components/AutoComplete/style.less +8 -8
  111. package/lib/components/Breadcrumb/style.less +9 -9
  112. package/lib/components/Button/index.d.ts +0 -8
  113. package/lib/components/Button/index.js +4 -4
  114. package/lib/components/Button/style.css +100 -104
  115. package/lib/components/Button/style.less +51 -62
  116. package/lib/components/Card/RowExtra/style.less +8 -8
  117. package/lib/components/Card/SearchInput/style.less +8 -8
  118. package/lib/components/Card/style.css +28 -2
  119. package/lib/components/Card/style.less +11 -11
  120. package/lib/components/CheckTransformList/style.css +50 -21
  121. package/lib/components/CheckTransformList/style.less +35 -35
  122. package/lib/components/Checkbox/style.css +1 -1
  123. package/lib/components/Checkbox/style.less +5 -5
  124. package/lib/components/CheckboxList/index.d.ts +2 -0
  125. package/lib/components/CheckboxList/index.js +2 -2
  126. package/lib/components/CheckboxList/style.css +5 -3
  127. package/lib/components/CheckboxList/style.less +11 -9
  128. package/lib/components/Collapse/style.css +16 -12
  129. package/lib/components/Collapse/style.less +57 -57
  130. package/lib/components/CollapsiblePanel/style.css +4 -4
  131. package/lib/components/CollapsiblePanel/style.less +63 -63
  132. package/lib/components/DateTimePicker/Base/style.css +378 -49
  133. package/lib/components/DateTimePicker/Base/style.less +160 -164
  134. package/lib/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
  135. package/lib/components/DateTimePicker/BaseMobile/style.css +4 -4
  136. package/lib/components/DateTimePicker/BaseMobile/style.less +32 -32
  137. package/lib/components/DateTimePicker/Collapse/Panel/style.less +26 -26
  138. package/lib/components/DateTimePicker/DisplayInput/style.css +47 -16
  139. package/lib/components/DateTimePicker/DisplayInput/style.less +9 -9
  140. package/lib/components/DateTimePicker/constants.d.ts +1 -1
  141. package/lib/components/DateTimePicker/constants.js +17 -6
  142. package/lib/components/DateTimePicker/index.js +1 -1
  143. package/lib/components/DateTimePicker/style.css +7 -7
  144. package/lib/components/DateTimePicker/style.less +19 -17
  145. package/lib/components/DateTimePicker/transform.d.ts +4 -0
  146. package/lib/components/DateTimePicker/transform.js +53 -0
  147. package/lib/components/Drawer/index.d.ts +55 -2
  148. package/lib/components/Drawer/index.js +3 -1
  149. package/lib/components/Drawer/style.css +45 -45
  150. package/lib/components/Drawer/style.less +17 -17
  151. package/lib/components/Input/index.d.ts +1 -2
  152. package/lib/components/Input/index.js +0 -2
  153. package/lib/components/Input/style.css +47 -16
  154. package/lib/components/Input/style.less +12 -12
  155. package/lib/components/InputNumber/index.d.ts +1 -8
  156. package/lib/components/InputNumber/index.js +1 -38
  157. package/lib/components/KeyValuePair/style.less +21 -21
  158. package/lib/components/Menu/Option.d.ts +10 -0
  159. package/lib/components/Menu/Option.js +18 -2
  160. package/lib/components/Menu/index.d.ts +1 -1
  161. package/lib/components/Menu/index.js +3 -3
  162. package/lib/components/Menu/style.css +20 -10
  163. package/lib/components/Menu/style.less +18 -8
  164. package/lib/components/Modal/style.less +30 -30
  165. package/lib/components/NameExplainTooltip/style.less +10 -10
  166. package/lib/components/NameLimiter/style.css +2 -4
  167. package/lib/components/NameLimiter/style.less +19 -21
  168. package/lib/components/OptionList/InlineOptionList/style.less +16 -16
  169. package/lib/components/OptionList/OptionItem/style.css +2 -2
  170. package/lib/components/OptionList/OptionItem/style.less +25 -25
  171. package/lib/components/OptionList/PopoverOptionList/style.less +30 -30
  172. package/lib/components/OptionList/style.css +2 -2
  173. package/lib/components/OptionList/style.less +3 -3
  174. package/lib/components/RadioGroup/style.css +8 -8
  175. package/lib/components/RadioGroup/style.less +32 -32
  176. package/lib/components/RangeInput/style.css +427 -27
  177. package/lib/components/RangeInput/style.less +37 -37
  178. package/lib/components/RemarkName/style.css +2 -4
  179. package/lib/components/RemarkName/style.less +2 -2
  180. package/lib/components/Selector/style.css +25 -29
  181. package/lib/components/Selector/style.less +99 -100
  182. package/lib/components/Spin/style.css +0 -1
  183. package/lib/components/Spin/style.less +26 -26
  184. package/lib/components/Steps/ControlButton/style.less +5 -5
  185. package/lib/components/Steps/style.css +8 -6
  186. package/lib/components/Steps/style.less +48 -46
  187. package/lib/components/Table/ColumnTag/style.less +40 -40
  188. package/lib/components/Table/index.js +6 -3
  189. package/lib/components/Table/style.css +85 -27
  190. package/lib/components/Table/style.less +306 -313
  191. package/lib/components/Tabs/style.css +29 -1
  192. package/lib/components/Tabs/style.less +33 -31
  193. package/lib/components/TagList/Tag/style.less +72 -72
  194. package/lib/components/TagList/TagSwitch/style.less +28 -28
  195. package/lib/components/TagList/style.css +10 -10
  196. package/lib/components/TagList/style.less +28 -28
  197. package/lib/components/Timeline/TimelineItem/style.less +49 -49
  198. package/lib/components/Timeline/style.less +23 -23
  199. package/lib/components/Transfer/List/index.js +3 -3
  200. package/lib/components/Transfer/List/style.css +3 -0
  201. package/lib/components/Transfer/List/style.less +19 -15
  202. package/lib/components/Transfer/ListBody/style.less +18 -18
  203. package/lib/components/Transfer/style.css +3 -0
  204. package/lib/components/Transfer/style.less +14 -14
  205. package/lib/components/TreeSelector/style.css +64 -20
  206. package/lib/components/TreeSelector/style.less +56 -54
  207. package/lib/hoc/popContainer.d.ts +5 -0
  208. package/lib/hoc/popContainer.js +47 -0
  209. package/lib/index.css +5102 -4608
  210. package/lib/index.d.ts +1 -1
  211. package/lib/index.less +49 -50
  212. package/lib/style/mixin.less +45 -45
  213. package/lib/style/theme.less +389 -379
  214. package/package.json +79 -108
  215. package/es/components/Input/NumberInput/index.d.ts +0 -29
  216. package/es/components/Input/NumberInput/index.js +0 -116
  217. package/es/components/InputNumber/style.css +0 -400
  218. package/es/components/InputNumber/style.less +0 -45
  219. package/lib/components/Input/NumberInput/index.d.ts +0 -29
  220. package/lib/components/Input/NumberInput/index.js +0 -121
  221. package/lib/components/InputNumber/style.css +0 -400
  222. package/lib/components/InputNumber/style.less +0 -45
@@ -401,11 +401,11 @@
401
401
  cursor: auto;
402
402
  }
403
403
  .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
404
- border-color: #528cde;
404
+ border-color: #9ca0a6;
405
+ -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
406
+ box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
405
407
  border-right-width: 1px !important;
406
408
  outline: 0;
407
- -webkit-box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
408
- box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
409
409
  }
410
410
  .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
411
411
  color: rgba(0, 0, 0, 0.25);
@@ -430,6 +430,7 @@
430
430
  }
431
431
  .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
432
432
  display: none;
433
+ /* stylelint-disable-next-line property-no-vendor-prefix */
433
434
  -webkit-appearance: none;
434
435
  }
435
436
  .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
@@ -441,6 +442,7 @@
441
442
  -ms-flex: 1;
442
443
  flex: 1;
443
444
  overflow: hidden;
445
+ font-weight: normal;
444
446
  white-space: nowrap;
445
447
  text-overflow: ellipsis;
446
448
  }
@@ -825,7 +827,7 @@
825
827
  .ant-checkbox-inner::after {
826
828
  position: absolute;
827
829
  top: 50%;
828
- left: 22%;
830
+ left: 21.5%;
829
831
  display: table;
830
832
  width: 5.71428571px;
831
833
  height: 9.14285714px;
@@ -1000,16 +1002,13 @@
1000
1002
  .pandora-sdk-selector .ant-select-selection:hover .ant-select-selection__clear + .ant-select-arrow {
1001
1003
  opacity: 0;
1002
1004
  }
1003
- .pandora-sdk-selector .ant-select-selection__choice {
1004
- color: #666 !important;
1005
- background: #f5f5f5 !important;
1005
+ .pandora-sdk-selector.ant-select-multiple .ant-select-selection-item {
1006
+ color: #666;
1007
+ background: #f5f5f5;
1006
1008
  border: none;
1007
1009
  }
1008
- .pandora-sdk-selector .ant-select-selection__choice__remove {
1009
- color: #d9d9d9 !important;
1010
- }
1011
- .pandora-sdk-selector .ant-select-selection__choice__remove i {
1012
- font-size: 12px;
1010
+ .pandora-sdk-selector .ant-select-selection-item-remove {
1011
+ color: #d9d9d9;
1013
1012
  }
1014
1013
  .pandora-sdk-selector .ant-select-selection--single {
1015
1014
  height: 32px;
@@ -1024,17 +1023,6 @@
1024
1023
  .pandora-sdk-selector .ant-select-selection__clear i {
1025
1024
  color: inherit;
1026
1025
  }
1027
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
1028
- color: #2c6dd2 !important;
1029
- cursor: default !important;
1030
- }
1031
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
1032
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
1033
- content: none !important;
1034
- }
1035
- .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
1036
- color: #2c6dd2;
1037
- }
1038
1026
  .pandora-sdk-selector-dropdown .ant-select-dropdown-menu {
1039
1027
  margin: 0;
1040
1028
  }
@@ -1062,15 +1050,12 @@
1062
1050
  background: transparent;
1063
1051
  }
1064
1052
  .pandora-sdk-selector-dropdown .ant-select-item-option-disabled {
1065
- color: #d9d9d9 !important;
1053
+ color: #d9d9d9;
1066
1054
  }
1067
1055
  .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
1068
1056
  color: #2c6dd2;
1069
1057
  font-weight: 400;
1070
1058
  }
1071
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected::after {
1072
- color: #2c6dd2 !important;
1073
- }
1074
1059
  .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
1075
1060
  color: #2c6dd2;
1076
1061
  }
@@ -1085,8 +1070,19 @@
1085
1070
  overflow: unset;
1086
1071
  text-overflow: unset;
1087
1072
  }
1088
- .pandora-sdk-selector-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon {
1089
- color: inherit !important;
1073
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
1074
+ color: #2c6dd2;
1075
+ cursor: default;
1076
+ }
1077
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
1078
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::after {
1079
+ content: none;
1080
+ }
1081
+ .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
1082
+ color: #2c6dd2;
1083
+ }
1084
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
1085
+ color: #2c6dd2;
1090
1086
  }
1091
1087
  .pandora-sdk-selector-create-lint {
1092
1088
  display: block;
@@ -1,8 +1,8 @@
1
- @import 'antd/lib/auto-complete/style/index.less';
2
- @import '../../style/theme.less';
3
- @import '../Selector/style.less';
4
- .@{sdk-prefix}-auto-complete {
5
- .@{ant-prefix}-input {
6
- border: 0px;
7
- }
8
- }
1
+ @import 'antd/lib/auto-complete/style/index.less';
2
+ @import '../../style/theme.less';
3
+ @import '../Selector/style.less';
4
+ .@{sdk-prefix}-auto-complete {
5
+ .@{ant-prefix}-input {
6
+ border: 0px;
7
+ }
8
+ }
@@ -1,9 +1,9 @@
1
- @import 'antd/lib/breadcrumb/style/index.less';
2
- @import '../../style/theme.less';
3
-
4
- .@{sdk-prefix}-breadcrumb {
5
- font-size: 14px;
6
- a {
7
- text-decoration: none;
8
- }
9
- }
1
+ @import 'antd/lib/breadcrumb/style/index.less';
2
+ @import '../../style/theme.less';
3
+
4
+ .@{sdk-prefix}-breadcrumb {
5
+ font-size: 14px;
6
+ a {
7
+ text-decoration: none;
8
+ }
9
+ }
@@ -19,14 +19,6 @@ export declare type IButtonProps = Overwrite<ButtonProps, {
19
19
  * @default "default"
20
20
  */
21
21
  size?: 'mini' | 'small' | 'default' | 'large';
22
- /**
23
- * 按钮点击回调
24
- */
25
- onClick?: (source?: any) => void;
26
- /**
27
- * 点击事件传回内容
28
- */
29
- source?: any;
30
22
  /**
31
23
  * hover按钮时显示的弹窗内容
32
24
  */
@@ -39,16 +39,16 @@ var compatible_1 = require("@ant-design/compatible");
39
39
  var style_1 = require("../../constants/style");
40
40
  var useMemo = React.useMemo, useCallback = React.useCallback;
41
41
  function Button(props) {
42
- var className = props.className, disabled = props.disabled, _a = props.size, size = _a === void 0 ? 'default' : _a, title = props.title, getPopupContainer = props.getPopupContainer, onClick = props.onClick, source = props.source, onLink = props.onLink, icon = props.icon, otherProps = __rest(props, ["className", "disabled", "size", "title", "getPopupContainer", "onClick", "source", "onLink", "icon"]);
43
- var handleClick = useCallback(function () {
42
+ var className = props.className, disabled = props.disabled, _a = props.size, size = _a === void 0 ? 'default' : _a, title = props.title, getPopupContainer = props.getPopupContainer, onClick = props.onClick, onLink = props.onLink, icon = props.icon, otherProps = __rest(props, ["className", "disabled", "size", "title", "getPopupContainer", "onClick", "onLink", "icon"]);
43
+ var handleClick = useCallback(function (e) {
44
44
  if (onClick) {
45
- onClick(source);
45
+ onClick(e);
46
46
  return;
47
47
  }
48
48
  if (onLink) {
49
49
  onLink();
50
50
  }
51
- }, [onClick, source, onLink]);
51
+ }, [onClick, onLink]);
52
52
  var rootCls = useMemo(function () {
53
53
  var _a;
54
54
  return classnames_1.default(className, style_1.SDK_PREFIX + "-button", style_1.SDK_PREFIX + "-size-" + size, (_a = {},