@kdcloudjs/kdesign 1.7.45 → 1.7.47

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 (91) hide show
  1. package/CHANGELOG.md +292 -0
  2. package/dist/kdesign-complete.less +247 -0
  3. package/dist/kdesign.css +368 -1
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +865 -237
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +2 -2
  8. package/dist/kdesign.min.js +10 -10
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/_utils/usePopper.js +1 -1
  11. package/es/breadcrumb/breadcrumb.d.ts +7 -0
  12. package/es/breadcrumb/breadcrumb.js +204 -0
  13. package/es/breadcrumb/breadcrumbItem.d.ts +4 -0
  14. package/es/breadcrumb/breadcrumbItem.js +53 -0
  15. package/es/breadcrumb/index.d.ts +3 -0
  16. package/es/breadcrumb/index.js +3 -0
  17. package/es/breadcrumb/interface.d.ts +33 -0
  18. package/es/breadcrumb/interface.js +2 -0
  19. package/es/breadcrumb/style/css.js +2 -0
  20. package/es/breadcrumb/style/index.css +174 -0
  21. package/es/breadcrumb/style/index.d.ts +2 -0
  22. package/es/breadcrumb/style/index.js +2 -0
  23. package/es/breadcrumb/style/index.less +71 -0
  24. package/es/breadcrumb/style/mixin.less +7 -0
  25. package/es/breadcrumb/style/token.less +27 -0
  26. package/es/city-picker/city-picker.js +3 -1
  27. package/es/config-provider/compDefaultProps.d.ts +11 -0
  28. package/es/config-provider/compDefaultProps.js +12 -1
  29. package/es/divider/divider.d.ts +22 -0
  30. package/es/divider/divider.js +66 -0
  31. package/es/divider/index.d.ts +3 -0
  32. package/es/divider/index.js +3 -0
  33. package/es/divider/style/css.js +2 -0
  34. package/es/divider/style/index.css +191 -0
  35. package/es/divider/style/index.d.ts +2 -0
  36. package/es/divider/style/index.js +2 -0
  37. package/es/divider/style/index.less +105 -0
  38. package/es/divider/style/mixin.less +19 -0
  39. package/es/divider/style/token.less +12 -0
  40. package/es/index.d.ts +2 -0
  41. package/es/index.js +3 -1
  42. package/es/select/select.js +81 -15
  43. package/es/tree/tree.d.ts +1 -0
  44. package/es/tree/tree.js +5 -4
  45. package/es/tree/treeHooks.d.ts +1 -1
  46. package/es/tree/treeHooks.js +3 -3
  47. package/es/tree/utils/treeUtils.d.ts +3 -3
  48. package/es/tree/utils/treeUtils.js +12 -4
  49. package/lib/_utils/usePopper.js +1 -1
  50. package/lib/breadcrumb/breadcrumb.d.ts +7 -0
  51. package/lib/breadcrumb/breadcrumb.js +217 -0
  52. package/lib/breadcrumb/breadcrumbItem.d.ts +4 -0
  53. package/lib/breadcrumb/breadcrumbItem.js +66 -0
  54. package/lib/breadcrumb/index.d.ts +3 -0
  55. package/lib/breadcrumb/index.js +27 -0
  56. package/lib/breadcrumb/interface.d.ts +33 -0
  57. package/lib/breadcrumb/interface.js +9 -0
  58. package/lib/breadcrumb/style/css.js +4 -0
  59. package/lib/breadcrumb/style/index.css +174 -0
  60. package/lib/breadcrumb/style/index.d.ts +2 -0
  61. package/lib/breadcrumb/style/index.js +4 -0
  62. package/lib/breadcrumb/style/index.less +71 -0
  63. package/lib/breadcrumb/style/mixin.less +7 -0
  64. package/lib/breadcrumb/style/token.less +27 -0
  65. package/lib/checkbox/group.js +0 -3
  66. package/lib/city-picker/city-picker.js +3 -1
  67. package/lib/config-provider/compDefaultProps.d.ts +11 -0
  68. package/lib/config-provider/compDefaultProps.js +12 -1
  69. package/lib/date-picker/utils/date-fns.js +1 -5
  70. package/lib/divider/divider.d.ts +22 -0
  71. package/lib/divider/divider.js +82 -0
  72. package/lib/divider/index.d.ts +3 -0
  73. package/lib/divider/index.js +27 -0
  74. package/lib/divider/style/css.js +4 -0
  75. package/lib/divider/style/index.css +191 -0
  76. package/lib/divider/style/index.d.ts +2 -0
  77. package/lib/divider/style/index.js +4 -0
  78. package/lib/divider/style/index.less +105 -0
  79. package/lib/divider/style/mixin.less +19 -0
  80. package/lib/divider/style/token.less +12 -0
  81. package/lib/index.d.ts +2 -0
  82. package/lib/index.js +14 -0
  83. package/lib/select/select.js +81 -15
  84. package/lib/style/components.less +2 -0
  85. package/lib/tree/tree.d.ts +1 -0
  86. package/lib/tree/tree.js +5 -4
  87. package/lib/tree/treeHooks.d.ts +1 -1
  88. package/lib/tree/treeHooks.js +3 -3
  89. package/lib/tree/utils/treeUtils.d.ts +3 -3
  90. package/lib/tree/utils/treeUtils.js +12 -4
  91. package/package.json +1 -1
@@ -0,0 +1,174 @@
1
+ /* ----------- color ——————---- start */
2
+ /* ----------- color ——————---- end */
3
+ /* ----------- motion ——————---- start */
4
+ /* ----------- motion ——————---- end */
5
+ /* ----------- transition ——————---- start */
6
+ /* ----------- transition ——————---- end */
7
+ /* ----------- font ——————---- start */
8
+ /* ----------- font ——————---- end */
9
+ /* ----------- zIndex ——————---- start */
10
+ /*
11
+ 普通组件内部自身层级应设置在0-100间
12
+ */
13
+ /* ----------- zIndex ——————---- end */
14
+ /* ----------- Button ——————---- start */
15
+ /* ----------- Button ——————---- end */
16
+ /* ----------- Collapse ——————---- start */
17
+ /* ----------- Collapse ——————---- end */
18
+ /* ----------- Card ——————---- start */
19
+ /* ----------- Card ——————---- end */
20
+ /* ----------- Carousel ——————---- start */
21
+ /* ----------- Carousel ——————---- end */
22
+ /* ----------- Cascader ——————---- start */
23
+ /* ----------- Cascader ——————---- end */
24
+ /* ----------- Switch ——————---- start */
25
+ /* ----------- Switch ——————---- end */
26
+ /* ----------- Input ——————---- start */
27
+ /* ----------- Input ——————---- end */
28
+ /* ----------- InputNumber ——————---- start */
29
+ /* ----------- InputNumber ——————---- end */
30
+ /* ----------- checkbox ——————---- start */
31
+ /* ----------- checkbox ——————---- start */
32
+ /* ----------- checkbox ——————---- end */
33
+ /* ----------- Radio ——————---- start */
34
+ /* ----------- Radio ——————---- end */
35
+ /* ----------- icon ——————---- start */
36
+ /* ----------- icon ——————---- end */
37
+ /* ----------- Popconfirm ——————---- start */
38
+ /* ----------- Popconfirm ——————---- end */
39
+ /* ----------- Progress ——————---- start */
40
+ /* ----------- Progress ——————---- end */
41
+ /* ----------- Pagination ——————---- start */
42
+ /* ----------- Pagination ——————---- end */
43
+ /* ----------- Timeline ——————---- start */
44
+ /* ----------- Timeline ——————---- end */
45
+ /* ----------- Tabs ——————---- start */
46
+ /* ----------- Tabs ——————---- end */
47
+ /* ----------- Select ——————---- start */
48
+ /* ----------- Select ——————---- end */
49
+ /* ----------- Rate ——————---- start */
50
+ /* ----------- Rate ——————---- end */
51
+ /* ----------- Dropdown ——————---- start */
52
+ /* ----------- Dropdown ——————---- end */
53
+ /* ----------- Tooltip ——————---- start */
54
+ /* ----------- Tooltip ——————---- end */
55
+ /* ----------- Transfer ——————---- start */
56
+ /* ----------- Transfer ——————---- end */
57
+ /* ----------- DatePicker ——————---- start */
58
+ /* ----------- DatePicker ——————---- end */
59
+ /* ----------- ColorPicker ——————---- start */
60
+ /* ----------- ColorPicker ——————---- end */
61
+ /* ----------- Tree ——————---- start */
62
+ /* ----------- Tree ——————---- end */
63
+ /* ----------- Alert ——————---- start */
64
+ /* ----------- Alert ——————---- end */
65
+ /* ----------- Split-Panel ——————---- start */
66
+ /* ----------- Split-Panel ——————---- end */
67
+ /* ----------- Modal ——————---- start */
68
+ /* ----------- Modal ——————---- end */
69
+ /* ----------- Steps ——————---- start */
70
+ /* ----------- Steps ——————---- end */
71
+ /* ----------- Form ——————---- start */
72
+ /* ----------- Form ——————---- end */
73
+ /* ----------- Tag ——————---- start */
74
+ /* ----------- Tag ——————---- end */
75
+ /* ----------- Menu ——————---- start */
76
+ /* ----------- Menu ——————---- end */
77
+ /* ----------- notice ——————---- start */
78
+ /* ----------- message ——————---- end */
79
+ /* ----------- Spin ——————---- start */
80
+ /* ----------- Spin ——————---- end */
81
+ /* ----------- Spin ——————---- start */
82
+ /* ----------- Spin ——————---- end */
83
+ /* ----------- Layout ——————---- start */
84
+ /* ----------- Layout ——————---- end */
85
+ /* ----------- Typography ——————---- start */
86
+ /* ----------- Typography ——————---- start */
87
+ /* ----------- Search ——————---- start */
88
+ /* ----------- Search ——————---- start */
89
+ /* ----------- Badge ——————---- start */
90
+ /* ----------- Badge ——————---- end */
91
+ /* ----------- Anchor ——————---- start */
92
+ /* ----------- Anchor ——————---- end */
93
+ /* ----------- Avatar ——————---- start */
94
+ /* ----------- Avatar ——————---- end */
95
+ /* ----------- AdvancedSelector ——————---- start */
96
+ /* ----------- AdvancedSelector ——————---- end */
97
+ /* ----------- motion ——————---- start */
98
+ /* ----------- motion ——————---- end */
99
+ /* ----------- transition ——————---- start */
100
+ /* ----------- transition ——————---- end */
101
+ /* ----------- zIndex ——————---- start */
102
+ /*
103
+ 普通组件内部自身层级应设置在0-100间
104
+ */
105
+ /* ----------- zIndex ——————---- end */
106
+ .kd-breadcrumb,
107
+ .kd-breadcrumb-more-panel {
108
+ color: var(--kd-c-breadcrumb-color-text, #737373);
109
+ font-size: var(--kd-c-breadcrumb-font-size, var(--kd-g-font-size-middle, 14px));
110
+ font-weight: var(--kd-c-breadcrumb-font-weight, var(--kd-g-font-weight, 400));
111
+ display: -webkit-box;
112
+ display: -ms-flexbox;
113
+ display: flex;
114
+ height: 22px;
115
+ }
116
+ .kd-breadcrumb-hide-icon,
117
+ .kd-breadcrumb-more-panel-hide-icon {
118
+ position: absolute;
119
+ z-index: -999999;
120
+ top: -999999px;
121
+ visibility: hidden;
122
+ }
123
+ .kd-breadcrumb-item,
124
+ .kd-breadcrumb-more-panel-item {
125
+ display: -webkit-box;
126
+ display: -ms-flexbox;
127
+ display: flex;
128
+ cursor: text;
129
+ }
130
+ .kd-breadcrumb-item-separator,
131
+ .kd-breadcrumb-more-panel-item-separator {
132
+ padding: 0 var(--kd-c-breadcrumb-separator-spacing-padding-horizontal, 8px);
133
+ color: var(--kd-c-breadcrumb-separator-color-text, #b2b2b2);
134
+ }
135
+ .kd-breadcrumb-item-link:hover,
136
+ .kd-breadcrumb-more-panel-item-link:hover {
137
+ color: #3987ed;
138
+ cursor: pointer;
139
+ }
140
+ .kd-breadcrumb-item-emphasize-model,
141
+ .kd-breadcrumb-more-panel-item-emphasize-model {
142
+ color: var(--kd-c-breadcrumb-color-text, #737373);
143
+ }
144
+ .kd-breadcrumb-item-emphasize-model-current,
145
+ .kd-breadcrumb-more-panel-item-emphasize-model-current {
146
+ color: var(--kd-c-breadcrumb-active-color-text, #111111);
147
+ }
148
+ .kd-breadcrumb-item-weaken-model,
149
+ .kd-breadcrumb-more-panel-item-weaken-model {
150
+ color: var(--kd-c-breadcrumb-active-color-text, #111111);
151
+ }
152
+ .kd-breadcrumb-item-weaken-model-current,
153
+ .kd-breadcrumb-more-panel-item-weaken-model-current {
154
+ color: var(--kd-c-breadcrumb-color-text, #737373);
155
+ }
156
+ .kd-breadcrumb-item-text,
157
+ .kd-breadcrumb-more-panel-item-text {
158
+ white-space: nowrap;
159
+ }
160
+ .kd-breadcrumb-item-text:last-child,
161
+ .kd-breadcrumb-more-panel-item-text:last-child {
162
+ text-overflow: ellipsis;
163
+ }
164
+ .kd-breadcrumb-item-icon,
165
+ .kd-breadcrumb-more-panel-item-icon {
166
+ margin-right: 4px;
167
+ }
168
+ .kd-breadcrumb .kd-dropdown-trigger,
169
+ .kd-breadcrumb-more-panel .kd-dropdown-trigger {
170
+ margin-left: 4px;
171
+ }
172
+ .kd-breadcrumb-popper {
173
+ max-width: none !important;
174
+ }
@@ -0,0 +1,2 @@
1
+ import '../../style/index.less';
2
+ import './index.less';
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ require("../../style/index.less");
4
+ require("./index.less");
@@ -0,0 +1,71 @@
1
+ @import '../../style/themes/index';
2
+ @import './mixin.less';
3
+ @breadcrumb-prefix-cls: ~'@{kd-prefix}-breadcrumb';
4
+
5
+ .@{breadcrumb-prefix-cls},
6
+ .@{breadcrumb-prefix-cls}-more-panel {
7
+ .breadcrumb;
8
+
9
+ display: flex;
10
+ height: 22px;
11
+
12
+ &-hide-icon {
13
+ position: absolute;
14
+ z-index: -999999;
15
+ top: -999999px;
16
+ visibility: hidden;
17
+ }
18
+
19
+ &-item {
20
+ display: flex;
21
+ cursor: text;
22
+
23
+ &-separator {
24
+ padding: 0 @breadcrumb-separator-spacing-padding-horizontal;
25
+ color: @breadcrumb-separator-color-text;
26
+ }
27
+
28
+ &-link {
29
+ &:hover {
30
+ color: #3987ed;
31
+ cursor: pointer;
32
+ }
33
+ }
34
+
35
+ &-emphasize-model {
36
+ color: @breadcrumb-color-text;
37
+ }
38
+
39
+ &-emphasize-model-current {
40
+ color: @breadcrumb-active-color-text;
41
+ }
42
+
43
+ &-weaken-model {
44
+ color: @breadcrumb-active-color-text;
45
+ }
46
+
47
+ &-weaken-model-current {
48
+ color: @breadcrumb-color-text;
49
+ }
50
+
51
+ &-text {
52
+ white-space: nowrap;
53
+
54
+ &:last-child {
55
+ text-overflow: ellipsis;
56
+ }
57
+ }
58
+
59
+ &-icon {
60
+ margin-right: 4px;
61
+ }
62
+ }
63
+
64
+ .kd-dropdown-trigger {
65
+ margin-left: 4px;
66
+ }
67
+ }
68
+
69
+ .@{breadcrumb-prefix-cls}-popper {
70
+ max-width: none !important;
71
+ }
@@ -0,0 +1,7 @@
1
+ @import './token.less';
2
+
3
+ .breadcrumb() {
4
+ color: @breadcrumb-color-text;
5
+ font-size: @breadcrumb-font-size;
6
+ font-weight: @breadcrumb-font-weight;
7
+ }
@@ -0,0 +1,27 @@
1
+ @import '../../style/themes/token.less';
2
+
3
+ @breadcrumb-custom-prefix: ~'--@{kd-prefix}-c-breadcrumb';
4
+
5
+ // color
6
+ @breadcrumb-color-text: var(~'@{breadcrumb-custom-prefix}-color-text', #737373);
7
+ @breadcrumb-active-color-text: var(~'@{breadcrumb-custom-prefix}-active-color-text', #111111);
8
+ @breadcrumb-separator-color-text: var(~'@{breadcrumb-custom-prefix}-separator-color-text', #b2b2b2);
9
+
10
+ // font
11
+ @breadcrumb-font-size: var(~'@{breadcrumb-custom-prefix}-font-size', @font-size-middle);
12
+ @breadcrumb-font-weight: var(~'@{breadcrumb-custom-prefix}-font-weight', @font-weight-light);
13
+
14
+ // line-height
15
+
16
+ // motion
17
+
18
+ // radius
19
+
20
+ // shadow
21
+
22
+ // sizing
23
+
24
+ // spacing
25
+ @breadcrumb-separator-spacing-padding-horizontal: var(~'@{breadcrumb-custom-prefix}-separator-spacing-padding-horizontal', 8px);
26
+
27
+ // z-index
@@ -32,9 +32,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
32
32
  }
33
33
  return t;
34
34
  };
35
-
36
- // import { Icon } from '../index'
37
-
38
35
  var CheckboxTypes = (0, _type.tuple)('default', 'square');
39
36
  exports.CheckboxTypes = CheckboxTypes;
40
37
  var CheckboxSizes = (0, _type.tuple)('large', 'middle', 'small');
@@ -244,7 +244,9 @@ var InternalSelect = function InternalSelect(props, ref) {
244
244
  var handleOption = function handleOption(city) {
245
245
  var _a;
246
246
  handleVisibleChange(false);
247
- city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
247
+ if (!city.type) {
248
+ city.type = tabsValue === 'domestic' ? 'domestic' : 'foreign';
249
+ }
248
250
  (city === null || city === void 0 ? void 0 : city.id) !== initValue && (onChange === null || onChange === void 0 ? void 0 : onChange(city === null || city === void 0 ? void 0 : city.id, city));
249
251
  (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
250
252
  setAfterChangeFocus(true);
@@ -14,6 +14,10 @@ declare const compDefaultProps: {
14
14
  banner: boolean;
15
15
  bannerOffset: number[];
16
16
  };
17
+ Breadcrumb: {
18
+ colorModel: string;
19
+ separator: string;
20
+ };
17
21
  Button: {
18
22
  type: string;
19
23
  iconPlace: string;
@@ -114,6 +118,12 @@ declare const compDefaultProps: {
114
118
  minuteStep: number;
115
119
  secondStep: number;
116
120
  };
121
+ Divider: {
122
+ orientation: string;
123
+ orientationMargin: string;
124
+ type: string;
125
+ borderStyle: string;
126
+ };
117
127
  Drawer: {
118
128
  closable: boolean;
119
129
  destroyOnClose: boolean;
@@ -338,6 +348,7 @@ declare const compDefaultProps: {
338
348
  switcherIcon: () => JSX.Element;
339
349
  estimatedItemSize: number;
340
350
  expandOnClickNode: boolean;
351
+ expandOnFilterNode: boolean;
341
352
  };
342
353
  TreeNode: {};
343
354
  ToolTip: {
@@ -26,6 +26,10 @@ var compDefaultProps = {
26
26
  banner: false,
27
27
  bannerOffset: [0, 0]
28
28
  },
29
+ Breadcrumb: {
30
+ colorModel: 'emphasize',
31
+ separator: '/'
32
+ },
29
33
  Button: {
30
34
  type: 'second',
31
35
  iconPlace: 'left',
@@ -130,6 +134,12 @@ var compDefaultProps = {
130
134
  minuteStep: 1,
131
135
  secondStep: 1
132
136
  },
137
+ Divider: {
138
+ orientation: 'left',
139
+ orientationMargin: '74px',
140
+ type: 'horizontal',
141
+ borderStyle: 'solid'
142
+ },
133
143
  Drawer: {
134
144
  closable: true,
135
145
  destroyOnClose: false,
@@ -362,7 +372,8 @@ var compDefaultProps = {
362
372
  });
363
373
  },
364
374
  estimatedItemSize: 32,
365
- expandOnClickNode: true
375
+ expandOnClickNode: true,
376
+ expandOnFilterNode: false
366
377
  },
367
378
  TreeNode: {},
368
379
  ToolTip: {
@@ -348,9 +348,6 @@ function setTime(date, _ref) {
348
348
  second = _ref$second === void 0 ? 0 : _ref$second;
349
349
  return (0, _setHours.default)((0, _setMinutes.default)((0, _setSeconds.default)(date, second), minute), hour);
350
350
  }
351
-
352
- // ** Date Getters **
353
-
354
351
  function getWeek(date) {
355
352
  return (0, _getWeek.default)(date);
356
353
  }
@@ -378,8 +375,7 @@ function getEndOfWeek(date) {
378
375
  }
379
376
  // ** Date Math **
380
377
  // *** Addition ***
381
- // *** Subtraction ***
382
- // ** Date Comparison **
378
+
383
379
  function isSameYear(date1, date2) {
384
380
  var equal = isNullEqual(date1, date2);
385
381
  if (typeof equal === 'boolean') {
@@ -0,0 +1,22 @@
1
+ import React, { FunctionComponentElement } from 'react';
2
+ export declare const DividerTypes: ["horizontal", "vertical"];
3
+ export declare type DividerType = typeof DividerTypes[number];
4
+ export declare const DividerOrientations: ["left", "center", "right"];
5
+ export declare type DividerOrientation = typeof DividerOrientations[number];
6
+ export declare const DividerBorderStyles: ["solid", "dashed", "dotted"];
7
+ export declare type DividerBorderStyle = typeof DividerBorderStyles[number];
8
+ export interface IDividerProps {
9
+ style?: Record<string, unknown>;
10
+ className?: string;
11
+ prefixCls?: string;
12
+ children?: React.ReactNode;
13
+ borderStyle?: DividerBorderStyle;
14
+ type?: DividerType;
15
+ orientation?: DividerOrientation;
16
+ orientationMargin?: number | string;
17
+ }
18
+ declare const Divider: {
19
+ (props: IDividerProps): FunctionComponentElement<IDividerProps>;
20
+ displayName: string;
21
+ };
22
+ export default Divider;
@@ -0,0 +1,82 @@
1
+ "use strict";
2
+
3
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
5
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
6
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.default = exports.DividerTypes = exports.DividerOrientations = exports.DividerBorderStyles = void 0;
11
+ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
12
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
13
+ var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
14
+ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
15
+ var _react = _interopRequireWildcard(require("react"));
16
+ var _classnames = _interopRequireDefault(require("classnames"));
17
+ var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
18
+ var _utils = require("../_utils");
19
+ var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
20
+ var _type = require("../_utils/type");
21
+ 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); }
22
+ 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; }
23
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
24
+ var t = {};
25
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
26
+ if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
27
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
28
+ }
29
+ return t;
30
+ };
31
+ var DividerTypes = (0, _type.tuple)('horizontal', 'vertical');
32
+ exports.DividerTypes = DividerTypes;
33
+ var DividerOrientations = (0, _type.tuple)('left', 'center', 'right');
34
+ exports.DividerOrientations = DividerOrientations;
35
+ var DividerBorderStyles = (0, _type.tuple)('solid', 'dashed', 'dotted');
36
+ exports.DividerBorderStyles = DividerBorderStyles;
37
+ var Divider = function Divider(props) {
38
+ var _context, _classNames;
39
+ var _useContext = (0, _react.useContext)(_ConfigContext.default),
40
+ getPrefixCls = _useContext.getPrefixCls,
41
+ prefixCls = _useContext.prefixCls,
42
+ userDefaultProps = _useContext.compDefaultProps;
43
+ var dividerProps = (0, _utils.getCompProps)('Divider', userDefaultProps, props);
44
+ var className = dividerProps.className,
45
+ customPrefixcls = dividerProps.prefixCls,
46
+ children = dividerProps.children,
47
+ type = dividerProps.type,
48
+ orientationMargin = dividerProps.orientationMargin,
49
+ orientation = dividerProps.orientation,
50
+ borderStyle = dividerProps.borderStyle,
51
+ others = __rest(dividerProps, ["className", "prefixCls", "children", "type", "orientationMargin", "orientation", "borderStyle"]);
52
+ var dividerPrefixCls = getPrefixCls(prefixCls, 'divider', customPrefixcls);
53
+ var orientationPrefix = orientation.length > 0 ? "-".concat(orientation) : orientation;
54
+ var hasChildren = !!children;
55
+ var isHorizontal = type === 'horizontal';
56
+ var isVertical = type === 'vertical';
57
+ var optimizedOrientationMargin = (0, _react.useMemo)(function () {
58
+ if (/^[0-9]+$/.test(orientationMargin)) {
59
+ return orientationMargin + 'px';
60
+ }
61
+ return '';
62
+ }, [orientationMargin]);
63
+ var dividerClass = (0, _classnames.default)(dividerPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-with-text"), hasChildren && isHorizontal), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(dividerPrefixCls, "-with-text")).call(_context, orientationPrefix), hasChildren && isHorizontal), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-solid"), borderStyle === 'solid'), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-dashed"), borderStyle === 'dashed'), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-dotted"), borderStyle === 'dotted'), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-vertical"), isVertical), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-margin-left"), isHorizontal && orientation === 'left' && optimizedOrientationMargin), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-margin-right"), isHorizontal && orientation === 'right' && optimizedOrientationMargin), _classNames));
64
+ var innerTextClass = (0, _classnames.default)("".concat(dividerPrefixCls, "-inner-text"));
65
+ var innerTextStyle = (0, _extends2.default)((0, _extends2.default)({}, orientation === 'left' && {
66
+ marginLeft: optimizedOrientationMargin
67
+ }), orientation === 'right' && {
68
+ marginRight: optimizedOrientationMargin
69
+ });
70
+ (0, _react.useEffect)(function () {
71
+ (0, _devwarning.default)(isVertical && children, 'divider', '`children` not working in `vertical` mode.');
72
+ }, [children, isVertical]);
73
+ return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
74
+ className: dividerClass
75
+ }, others), isHorizontal && hasChildren && /*#__PURE__*/_react.default.createElement("div", {
76
+ className: innerTextClass,
77
+ style: innerTextStyle
78
+ }, children));
79
+ };
80
+ Divider.displayName = 'Divider';
81
+ var _default = Divider;
82
+ exports.default = _default;
@@ -0,0 +1,3 @@
1
+ import Divider from './divider';
2
+ export * from './divider';
3
+ export default Divider;
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
5
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
6
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ var _exportNames = {};
11
+ exports.default = void 0;
12
+ var _divider = _interopRequireWildcard(require("./divider"));
13
+ _Object$keys(_divider).forEach(function (key) {
14
+ if (key === "default" || key === "__esModule") return;
15
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
16
+ if (key in exports && exports[key] === _divider[key]) return;
17
+ Object.defineProperty(exports, key, {
18
+ enumerable: true,
19
+ get: function get() {
20
+ return _divider[key];
21
+ }
22
+ });
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
+ 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; }
26
+ var _default = _divider.default;
27
+ exports.default = _default;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ require("../../style/index.css");
4
+ require("./index.css");