assui 2.0.104 → 2.0.107

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 (32) hide show
  1. package/es/index.d.ts +2 -0
  2. package/es/index.js +1 -0
  3. package/es/keep-tab/index.js +1 -1
  4. package/es/label-auto-complete/index.js +2 -1
  5. package/es/label-input/index.js +1 -1
  6. package/es/label-text-area/index.js +1 -1
  7. package/es/label-tree-select/index.d.ts +14 -0
  8. package/es/{label-select-Tree → label-tree-select}/index.js +27 -17
  9. package/es/{label-select-Tree → label-tree-select}/style/index.css +13 -23
  10. package/es/label-tree-select/style/index.d.ts +2 -0
  11. package/es/label-tree-select/style/index.js +2 -0
  12. package/es/{label-select-Tree → label-tree-select}/style/index.less +14 -28
  13. package/es/single-img-upload/index.js +1 -0
  14. package/lib/index.d.ts +2 -0
  15. package/lib/index.js +9 -0
  16. package/lib/keep-tab/index.js +2 -2
  17. package/lib/label-auto-complete/index.js +5 -3
  18. package/lib/label-input/index.js +2 -2
  19. package/lib/label-text-area/index.js +2 -2
  20. package/lib/label-tree-select/index.d.ts +14 -0
  21. package/lib/{label-select-Tree → label-tree-select}/index.js +27 -17
  22. package/lib/{label-select-Tree → label-tree-select}/style/index.css +13 -23
  23. package/lib/label-tree-select/style/index.d.ts +2 -0
  24. package/lib/{label-select-Tree → label-tree-select}/style/index.js +1 -1
  25. package/lib/{label-select-Tree → label-tree-select}/style/index.less +14 -28
  26. package/lib/single-img-upload/index.js +1 -0
  27. package/package.json +2 -2
  28. package/es/label-select-Tree/index.d.ts +0 -10
  29. package/es/label-select-Tree/style/index.d.ts +0 -2
  30. package/es/label-select-Tree/style/index.js +0 -2
  31. package/lib/label-select-Tree/index.d.ts +0 -10
  32. package/lib/label-select-Tree/style/index.d.ts +0 -2
package/es/index.d.ts CHANGED
@@ -44,6 +44,8 @@ export type { LabelRangePickerProps } from './label-range-picker';
44
44
  export { default as LabelRangePicker } from './label-range-picker';
45
45
  export type { LabelDatePickerProps } from './label-date-picker';
46
46
  export { default as LabelDatePicker } from './label-date-picker';
47
+ export type { LabelTreeSelectProps } from './label-tree-select';
48
+ export { default as LabelTreeSelect } from './label-tree-select';
47
49
  export type { LabelCustomizeRangePickerProps } from './label-customize-range-picker';
48
50
  export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
49
51
  export type { LabelDescItemProps } from './label-desc-item';
package/es/index.js CHANGED
@@ -22,6 +22,7 @@ export { default as LabelSelect } from './label-select';
22
22
  export { default as LabelTextArea } from './label-text-area';
23
23
  export { default as LabelRangePicker } from './label-range-picker';
24
24
  export { default as LabelDatePicker } from './label-date-picker';
25
+ export { default as LabelTreeSelect } from './label-tree-select';
25
26
  export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
26
27
  export { default as LabelDescItem } from './label-desc-item';
27
28
  export { default as RichTextEditor } from './rich-text-editor';
@@ -55,7 +55,7 @@ var __read = this && this.__read || function (o, n) {
55
55
  };
56
56
 
57
57
  import * as React from 'react';
58
- import { find } from 'lodash';
58
+ import find from 'lodash/find';
59
59
  import qsHelp from 'aa-utils/lib/qsHelp';
60
60
  import Badge from 'antd/es/badge';
61
61
  import Tabs from 'antd/es/tabs';
@@ -45,7 +45,8 @@ import React from 'react';
45
45
  import useControllableValue from 'ahooks/lib/useControllableValue';
46
46
  import AutoComplete from 'antd/es/auto-complete';
47
47
  import classNames from 'classnames';
48
- import { omit, trimStart } from 'lodash';
48
+ import omit from 'lodash/omit';
49
+ import trimStart from 'lodash/trimStart';
49
50
 
50
51
  var LabelAutoComplete = function LabelAutoComplete(props) {
51
52
  var className = props.className,
@@ -27,7 +27,7 @@ var __read = this && this.__read || function (o, n) {
27
27
 
28
28
  import React from 'react';
29
29
  import classNames from 'classnames';
30
- import { trimStart } from 'lodash';
30
+ import trimStart from 'lodash/trimStart';
31
31
  import EyeFilled from 'a-icons/lib/EyeFilled';
32
32
  import EyeOutlined from 'a-icons/lib/EyeOutlined';
33
33
  import useControllableValue from 'ahooks/lib/useControllableValue';
@@ -28,7 +28,7 @@ var __read = this && this.__read || function (o, n) {
28
28
  import React from 'react';
29
29
  import classNames from 'classnames';
30
30
  import { useControllableValue } from 'ahooks';
31
- import { trimStart } from 'lodash';
31
+ import trimStart from 'lodash/trimStart';
32
32
 
33
33
  var LabelTextArea = function LabelTextArea(props) {
34
34
  var className = props.className,
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import type { TreeSelectProps } from 'antd/es/tree-select';
3
+ export interface LabelTreeSelectProps extends Omit<TreeSelectProps<string[]>, 'onDropdownVisibleChange'> {
4
+ /** 输入框的label */
5
+ label: React.ReactNode;
6
+ /** 输入框value的单位 */
7
+ unit?: React.ReactNode;
8
+ onDropdownVisibleChange?: (value: boolean) => void;
9
+ }
10
+ declare const LabelTreeSelect: {
11
+ (props: LabelTreeSelectProps): JSX.Element;
12
+ Option: new (text?: string | undefined, value?: string | undefined, defaultSelected?: boolean | undefined, selected?: boolean | undefined) => HTMLOptionElement;
13
+ };
14
+ export default LabelTreeSelect;
@@ -47,21 +47,25 @@ import TreeSelect from 'antd/es/tree-select';
47
47
  import classNames from 'classnames';
48
48
  import omit from 'lodash/omit';
49
49
 
50
- var LabelSelect = function LabelSelect(props) {
50
+ var LabelTreeSelect = function LabelTreeSelect(props) {
51
51
  var className = props.className,
52
- label = props.label;
52
+ label = props.label,
53
+ unit = props.unit,
54
+ _a = props.showSearch,
55
+ showSearch = _a === void 0 ? false : _a,
56
+ onDropdownVisibleChange = props.onDropdownVisibleChange;
53
57
  var selectRef = React.useRef(null);
54
58
 
55
- var _a = __read(useControllableValue(props, {
59
+ var _b = __read(useControllableValue(props, {
56
60
  valuePropName: 'open',
57
61
  trigger: 'setOpen'
58
62
  }), 2),
59
- open = _a[0],
60
- setOpen = _a[1];
63
+ open = _b[0],
64
+ setOpen = _b[1];
61
65
 
62
- var _b = __read(useControllableValue(props), 2),
63
- value = _b[0],
64
- setValue = _b[1];
66
+ var _c = __read(useControllableValue(props), 2),
67
+ value = _c[0],
68
+ setValue = _c[1];
65
69
 
66
70
  var handleChange = function handleChange(nextValue) {
67
71
  setValue(nextValue);
@@ -77,27 +81,33 @@ var LabelSelect = function LabelSelect(props) {
77
81
  (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus();
78
82
  };
79
83
 
80
- var onDropdownVisibleChange = function onDropdownVisibleChange(nextOpen) {
84
+ var handleDropdownVisibleChange = function handleDropdownVisibleChange(nextOpen) {
81
85
  setOpen(nextOpen);
86
+ onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextOpen);
82
87
  };
83
88
 
89
+ var isValueNotEmpty = !!(value === null || value === void 0 ? void 0 : value.length);
84
90
  return /*#__PURE__*/React.createElement("div", {
85
91
  className: classNames({
86
- 'label-select': true,
87
- 'label-select-label-scale': open || value
92
+ 'label-tree-select': true,
93
+ 'label-tree-select-label-scale': open || isValueNotEmpty
88
94
  }, className)
89
- }, /*#__PURE__*/React.createElement(TreeSelect, __assign({}, omit(props, ['open', 'onChange', 'className', 'label']), {
95
+ }, /*#__PURE__*/React.createElement(TreeSelect, __assign({
96
+ showSearch: showSearch
97
+ }, omit(props, ['open', 'onChange', 'className', 'label']), {
90
98
  open: open,
91
99
  ref: selectRef,
92
100
  size: "large",
93
101
  className: "label-select-selector",
94
102
  onChange: handleChange,
95
- onDropdownVisibleChange: onDropdownVisibleChange
96
- })), /*#__PURE__*/React.createElement("label", {
97
- className: "label-select-text",
103
+ onDropdownVisibleChange: handleDropdownVisibleChange
104
+ })), isValueNotEmpty && /*#__PURE__*/React.createElement("div", {
105
+ className: "label-tree-select-value-length"
106
+ }, /*#__PURE__*/React.createElement("span", null, value.length), unit && /*#__PURE__*/React.createElement("span", null, unit)), /*#__PURE__*/React.createElement("label", {
107
+ className: "label-tree-select-text",
98
108
  onClick: handleLabelClick
99
109
  }, label));
100
110
  };
101
111
 
102
- export default LabelSelect;
103
- LabelSelect.Option = Option;
112
+ export default LabelTreeSelect;
113
+ LabelTreeSelect.Option = Option;
@@ -3,40 +3,25 @@
3
3
  /* stylelint-disable no-duplicate-selectors */
4
4
  /* stylelint-disable */
5
5
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
6
- .label-select {
6
+ .label-tree-select {
7
7
  position: relative;
8
8
  width: 100%;
9
9
  height: 100%;
10
10
  }
11
- .label-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
11
+ .label-tree-select .ant-select:not(.ant-select-customize-input) .ant-select-selector {
12
12
  height: 52px;
13
13
  border: 1px solid #e5e5e5;
14
14
  border-radius: 12px;
15
15
  outline: none;
16
16
  }
17
- .label-select .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
17
+ .label-tree-select .ant-select-selection-overflow {
18
+ display: none;
19
+ }
20
+ .label-tree-select .ant-select-open:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
18
21
  border-color: #ff6b00;
19
22
  box-shadow: none;
20
23
  }
21
- .label-select .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
22
- padding-top: 14px;
23
- padding-left: 4px;
24
- }
25
- .label-select .ant-select-selection-search {
26
- padding-top: 14px;
27
- padding-left: 2px;
28
- }
29
- .label-select .ant-select-arrow {
30
- top: 44%;
31
- width: 22px;
32
- height: 22px;
33
- color: #7d7d7d;
34
- }
35
- .label-select .ant-select-arrow .spotecicon {
36
- width: 22px;
37
- height: 22px;
38
- }
39
- .label-select-text {
24
+ .label-tree-select-text {
40
25
  position: absolute;
41
26
  top: 18px;
42
27
  left: 16px;
@@ -49,8 +34,13 @@
49
34
  cursor: pointer;
50
35
  transition: all 0.2s ease-out;
51
36
  }
52
- .label-select-label-scale .label-select-text {
37
+ .label-tree-select-label-scale .label-tree-select-text {
53
38
  transform: translateY(-10px) scale(0.86);
54
39
  cursor: text;
55
40
  pointer-events: none;
56
41
  }
42
+ .label-tree-select-label-scale .label-tree-select-value-length {
43
+ position: absolute;
44
+ top: 23px;
45
+ left: 16px;
46
+ }
@@ -0,0 +1,2 @@
1
+ import 'antd/es/tree-select/style';
2
+ import './index.less';
@@ -0,0 +1,2 @@
1
+ import 'antd/es/tree-select/style';
2
+ import './index.less';
@@ -4,48 +4,28 @@
4
4
  @color_9aa5b5: #9aa5b5;
5
5
  @font-size-base: 14px;
6
6
 
7
- .label-select {
7
+ .label-tree-select {
8
8
  position: relative;
9
9
  width: 100%;
10
10
  height: 100%;
11
11
 
12
- .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
- .@{ant-prefix}-select-selector {
12
+ .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
14
13
  height: 52px;
15
14
  border: 1px solid #e5e5e5;
16
15
  border-radius: 12px;
17
16
  outline: none;
18
17
  }
19
18
 
20
- .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
19
+ .@{ant-prefix}-select-selection-overflow {
20
+ display: none;
21
+ }
22
+
23
+ .@{ant-prefix}-select-open:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
21
24
  .@{ant-prefix}-select-selector {
22
25
  border-color: #ff6b00;
23
26
  box-shadow: none;
24
27
  }
25
28
 
26
- .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
- .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
29
- padding-left: 4px;
30
- }
31
-
32
- .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
34
- padding-left: 2px;
35
- }
36
-
37
- .@{ant-prefix}-select-arrow {
38
- top: 44%;
39
- width: 22px;
40
- height: 22px;
41
- color: #7d7d7d;
42
-
43
- .spotecicon {
44
- width: 22px;
45
- height: 22px;
46
- }
47
- }
48
-
49
29
  &-text {
50
30
  position: absolute;
51
31
  top: 18px;
@@ -61,10 +41,16 @@
61
41
  }
62
42
 
63
43
  &-label-scale {
64
- .label-select-text {
44
+ .label-tree-select-text {
65
45
  transform: translateY(-10px) scale(0.86);
66
46
  cursor: text;
67
47
  pointer-events: none;
68
48
  }
49
+
50
+ .label-tree-select-value-length {
51
+ position: absolute;
52
+ top: 23px;
53
+ left: 16px;
54
+ }
69
55
  }
70
56
  }
@@ -54,6 +54,7 @@ var __read = this && this.__read || function (o, n) {
54
54
  return ar;
55
55
  };
56
56
  /* eslint-disable @typescript-eslint/no-unused-expressions */
57
+ // @ts-nocheck
57
58
 
58
59
 
59
60
  import * as React from 'react';
package/lib/index.d.ts CHANGED
@@ -44,6 +44,8 @@ export type { LabelRangePickerProps } from './label-range-picker';
44
44
  export { default as LabelRangePicker } from './label-range-picker';
45
45
  export type { LabelDatePickerProps } from './label-date-picker';
46
46
  export { default as LabelDatePicker } from './label-date-picker';
47
+ export type { LabelTreeSelectProps } from './label-tree-select';
48
+ export { default as LabelTreeSelect } from './label-tree-select';
47
49
  export type { LabelCustomizeRangePickerProps } from './label-customize-range-picker';
48
50
  export { default as LabelCustomizeRangePicker } from './label-customize-range-picker';
49
51
  export type { LabelDescItemProps } from './label-desc-item';
package/lib/index.js CHANGED
@@ -220,6 +220,15 @@ Object.defineProperty(exports, "LabelDatePicker", {
220
220
  }
221
221
  });
222
222
 
223
+ var label_tree_select_1 = require("./label-tree-select");
224
+
225
+ Object.defineProperty(exports, "LabelTreeSelect", {
226
+ enumerable: true,
227
+ get: function get() {
228
+ return label_tree_select_1["default"];
229
+ }
230
+ });
231
+
223
232
  var label_customize_range_picker_1 = require("./label-customize-range-picker");
224
233
 
225
234
  Object.defineProperty(exports, "LabelCustomizeRangePicker", {
@@ -102,7 +102,7 @@ Object.defineProperty(exports, "__esModule", {
102
102
 
103
103
  var React = __importStar(require("react"));
104
104
 
105
- var lodash_1 = require("lodash");
105
+ var find_1 = __importDefault(require("lodash/find"));
106
106
 
107
107
  var qsHelp_1 = __importDefault(require("aa-utils/lib/qsHelp"));
108
108
 
@@ -148,7 +148,7 @@ var KeepTab = function KeepTab(props) {
148
148
  var _a;
149
149
 
150
150
  if (!('activeKey' in props)) {
151
- var resultActiveTab = lodash_1.find(arrayChildren, {
151
+ var resultActiveTab = find_1["default"](arrayChildren, {
152
152
  key: urlParams[saveActiveKeyName]
153
153
  });
154
154
 
@@ -61,7 +61,9 @@ var auto_complete_1 = __importDefault(require("antd/es/auto-complete"));
61
61
 
62
62
  var classnames_1 = __importDefault(require("classnames"));
63
63
 
64
- var lodash_1 = require("lodash");
64
+ var omit_1 = __importDefault(require("lodash/omit"));
65
+
66
+ var trimStart_1 = __importDefault(require("lodash/trimStart"));
65
67
 
66
68
  var LabelAutoComplete = function LabelAutoComplete(props) {
67
69
  var className = props.className,
@@ -82,7 +84,7 @@ var LabelAutoComplete = function LabelAutoComplete(props) {
82
84
  setValue = _b[1];
83
85
 
84
86
  var handleChange = function handleChange(nextValue) {
85
- var finallyValue = lodash_1.trimStart(nextValue);
87
+ var finallyValue = trimStart_1["default"](nextValue);
86
88
  setValue(finallyValue);
87
89
  onChange && onChange(finallyValue, options || []);
88
90
  };
@@ -106,7 +108,7 @@ var LabelAutoComplete = function LabelAutoComplete(props) {
106
108
  'label-auto-complete': true,
107
109
  'label-auto-complete-label-scale': open || value
108
110
  }, className)
109
- }, react_1["default"].createElement(auto_complete_1["default"], __assign({}, lodash_1.omit(props, ['open', 'onChange', 'className', 'label']), {
111
+ }, react_1["default"].createElement(auto_complete_1["default"], __assign({}, omit_1["default"](props, ['open', 'onChange', 'className', 'label']), {
110
112
  open: open,
111
113
  ref: autoComplete,
112
114
  value: value,
@@ -41,7 +41,7 @@ var react_1 = __importDefault(require("react"));
41
41
 
42
42
  var classnames_1 = __importDefault(require("classnames"));
43
43
 
44
- var lodash_1 = require("lodash");
44
+ var trimStart_1 = __importDefault(require("lodash/trimStart"));
45
45
 
46
46
  var EyeFilled_1 = __importDefault(require("a-icons/lib/EyeFilled"));
47
47
 
@@ -111,7 +111,7 @@ var LabelInput = function LabelInput(props) {
111
111
  };
112
112
 
113
113
  var handleChange = function handleChange(e) {
114
- var finallyValue = lodash_1.trimStart(e.target.value);
114
+ var finallyValue = trimStart_1["default"](e.target.value);
115
115
  setValue(finallyValue);
116
116
  };
117
117
 
@@ -43,7 +43,7 @@ var classnames_1 = __importDefault(require("classnames"));
43
43
 
44
44
  var ahooks_1 = require("ahooks");
45
45
 
46
- var lodash_1 = require("lodash");
46
+ var trimStart_1 = __importDefault(require("lodash/trimStart"));
47
47
 
48
48
  var LabelTextArea = function LabelTextArea(props) {
49
49
  var className = props.className,
@@ -80,7 +80,7 @@ var LabelTextArea = function LabelTextArea(props) {
80
80
  };
81
81
 
82
82
  var handleChange = function handleChange(e) {
83
- var finallyValue = lodash_1.trimStart(e.target.value);
83
+ var finallyValue = trimStart_1["default"](e.target.value);
84
84
 
85
85
  if (formatter) {
86
86
  finallyValue = formatter(finallyValue);
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import type { TreeSelectProps } from 'antd/es/tree-select';
3
+ export interface LabelTreeSelectProps extends Omit<TreeSelectProps<string[]>, 'onDropdownVisibleChange'> {
4
+ /** 输入框的label */
5
+ label: React.ReactNode;
6
+ /** 输入框value的单位 */
7
+ unit?: React.ReactNode;
8
+ onDropdownVisibleChange?: (value: boolean) => void;
9
+ }
10
+ declare const LabelTreeSelect: {
11
+ (props: LabelTreeSelectProps): JSX.Element;
12
+ Option: new (text?: string | undefined, value?: string | undefined, defaultSelected?: boolean | undefined, selected?: boolean | undefined) => HTMLOptionElement;
13
+ };
14
+ export default LabelTreeSelect;
@@ -63,21 +63,25 @@ var classnames_1 = __importDefault(require("classnames"));
63
63
 
64
64
  var omit_1 = __importDefault(require("lodash/omit"));
65
65
 
66
- var LabelSelect = function LabelSelect(props) {
66
+ var LabelTreeSelect = function LabelTreeSelect(props) {
67
67
  var className = props.className,
68
- label = props.label;
68
+ label = props.label,
69
+ unit = props.unit,
70
+ _a = props.showSearch,
71
+ showSearch = _a === void 0 ? false : _a,
72
+ onDropdownVisibleChange = props.onDropdownVisibleChange;
69
73
  var selectRef = react_1["default"].useRef(null);
70
74
 
71
- var _a = __read(useControllableValue_1["default"](props, {
75
+ var _b = __read(useControllableValue_1["default"](props, {
72
76
  valuePropName: 'open',
73
77
  trigger: 'setOpen'
74
78
  }), 2),
75
- open = _a[0],
76
- setOpen = _a[1];
79
+ open = _b[0],
80
+ setOpen = _b[1];
77
81
 
78
- var _b = __read(useControllableValue_1["default"](props), 2),
79
- value = _b[0],
80
- setValue = _b[1];
82
+ var _c = __read(useControllableValue_1["default"](props), 2),
83
+ value = _c[0],
84
+ setValue = _c[1];
81
85
 
82
86
  var handleChange = function handleChange(nextValue) {
83
87
  setValue(nextValue);
@@ -93,27 +97,33 @@ var LabelSelect = function LabelSelect(props) {
93
97
  (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus();
94
98
  };
95
99
 
96
- var onDropdownVisibleChange = function onDropdownVisibleChange(nextOpen) {
100
+ var handleDropdownVisibleChange = function handleDropdownVisibleChange(nextOpen) {
97
101
  setOpen(nextOpen);
102
+ onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextOpen);
98
103
  };
99
104
 
105
+ var isValueNotEmpty = !!(value === null || value === void 0 ? void 0 : value.length);
100
106
  return react_1["default"].createElement("div", {
101
107
  className: classnames_1["default"]({
102
- 'label-select': true,
103
- 'label-select-label-scale': open || value
108
+ 'label-tree-select': true,
109
+ 'label-tree-select-label-scale': open || isValueNotEmpty
104
110
  }, className)
105
- }, react_1["default"].createElement(tree_select_1["default"], __assign({}, omit_1["default"](props, ['open', 'onChange', 'className', 'label']), {
111
+ }, react_1["default"].createElement(tree_select_1["default"], __assign({
112
+ showSearch: showSearch
113
+ }, omit_1["default"](props, ['open', 'onChange', 'className', 'label']), {
106
114
  open: open,
107
115
  ref: selectRef,
108
116
  size: "large",
109
117
  className: "label-select-selector",
110
118
  onChange: handleChange,
111
- onDropdownVisibleChange: onDropdownVisibleChange
112
- })), react_1["default"].createElement("label", {
113
- className: "label-select-text",
119
+ onDropdownVisibleChange: handleDropdownVisibleChange
120
+ })), isValueNotEmpty && react_1["default"].createElement("div", {
121
+ className: "label-tree-select-value-length"
122
+ }, react_1["default"].createElement("span", null, value.length), unit && react_1["default"].createElement("span", null, unit)), react_1["default"].createElement("label", {
123
+ className: "label-tree-select-text",
114
124
  onClick: handleLabelClick
115
125
  }, label));
116
126
  };
117
127
 
118
- exports["default"] = LabelSelect;
119
- LabelSelect.Option = Option;
128
+ exports["default"] = LabelTreeSelect;
129
+ LabelTreeSelect.Option = Option;
@@ -3,40 +3,25 @@
3
3
  /* stylelint-disable no-duplicate-selectors */
4
4
  /* stylelint-disable */
5
5
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
6
- .label-select {
6
+ .label-tree-select {
7
7
  position: relative;
8
8
  width: 100%;
9
9
  height: 100%;
10
10
  }
11
- .label-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
11
+ .label-tree-select .ant-select:not(.ant-select-customize-input) .ant-select-selector {
12
12
  height: 52px;
13
13
  border: 1px solid #e5e5e5;
14
14
  border-radius: 12px;
15
15
  outline: none;
16
16
  }
17
- .label-select .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
17
+ .label-tree-select .ant-select-selection-overflow {
18
+ display: none;
19
+ }
20
+ .label-tree-select .ant-select-open:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
18
21
  border-color: #ff6b00;
19
22
  box-shadow: none;
20
23
  }
21
- .label-select .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
22
- padding-top: 14px;
23
- padding-left: 4px;
24
- }
25
- .label-select .ant-select-selection-search {
26
- padding-top: 14px;
27
- padding-left: 2px;
28
- }
29
- .label-select .ant-select-arrow {
30
- top: 44%;
31
- width: 22px;
32
- height: 22px;
33
- color: #7d7d7d;
34
- }
35
- .label-select .ant-select-arrow .spotecicon {
36
- width: 22px;
37
- height: 22px;
38
- }
39
- .label-select-text {
24
+ .label-tree-select-text {
40
25
  position: absolute;
41
26
  top: 18px;
42
27
  left: 16px;
@@ -49,8 +34,13 @@
49
34
  cursor: pointer;
50
35
  transition: all 0.2s ease-out;
51
36
  }
52
- .label-select-label-scale .label-select-text {
37
+ .label-tree-select-label-scale .label-tree-select-text {
53
38
  transform: translateY(-10px) scale(0.86);
54
39
  cursor: text;
55
40
  pointer-events: none;
56
41
  }
42
+ .label-tree-select-label-scale .label-tree-select-value-length {
43
+ position: absolute;
44
+ top: 23px;
45
+ left: 16px;
46
+ }
@@ -0,0 +1,2 @@
1
+ import 'antd/es/tree-select/style';
2
+ import './index.less';
@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- require("antd/es/select/style");
7
+ require("antd/es/tree-select/style");
8
8
 
9
9
  require("./index.less");
@@ -4,48 +4,28 @@
4
4
  @color_9aa5b5: #9aa5b5;
5
5
  @font-size-base: 14px;
6
6
 
7
- .label-select {
7
+ .label-tree-select {
8
8
  position: relative;
9
9
  width: 100%;
10
10
  height: 100%;
11
11
 
12
- .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
- .@{ant-prefix}-select-selector {
12
+ .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
14
13
  height: 52px;
15
14
  border: 1px solid #e5e5e5;
16
15
  border-radius: 12px;
17
16
  outline: none;
18
17
  }
19
18
 
20
- .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
19
+ .@{ant-prefix}-select-selection-overflow {
20
+ display: none;
21
+ }
22
+
23
+ .@{ant-prefix}-select-open:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
21
24
  .@{ant-prefix}-select-selector {
22
25
  border-color: #ff6b00;
23
26
  box-shadow: none;
24
27
  }
25
28
 
26
- .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
- .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
29
- padding-left: 4px;
30
- }
31
-
32
- .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
34
- padding-left: 2px;
35
- }
36
-
37
- .@{ant-prefix}-select-arrow {
38
- top: 44%;
39
- width: 22px;
40
- height: 22px;
41
- color: #7d7d7d;
42
-
43
- .spotecicon {
44
- width: 22px;
45
- height: 22px;
46
- }
47
- }
48
-
49
29
  &-text {
50
30
  position: absolute;
51
31
  top: 18px;
@@ -61,10 +41,16 @@
61
41
  }
62
42
 
63
43
  &-label-scale {
64
- .label-select-text {
44
+ .label-tree-select-text {
65
45
  transform: translateY(-10px) scale(0.86);
66
46
  cursor: text;
67
47
  pointer-events: none;
68
48
  }
49
+
50
+ .label-tree-select-value-length {
51
+ position: absolute;
52
+ top: 23px;
53
+ left: 16px;
54
+ }
69
55
  }
70
56
  }
@@ -100,6 +100,7 @@ Object.defineProperty(exports, "__esModule", {
100
100
  value: true
101
101
  });
102
102
  /* eslint-disable @typescript-eslint/no-unused-expressions */
103
+ // @ts-nocheck
103
104
 
104
105
  var React = __importStar(require("react"));
105
106
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "assui",
3
- "version": "2.0.104",
3
+ "version": "2.0.107",
4
4
  "description": "react ui library",
5
5
  "author": "jason <usochen@gmail.com>",
6
6
  "main": "./lib/index.js",
@@ -69,5 +69,5 @@
69
69
  "node": ">=10.0.0"
70
70
  },
71
71
  "license": "MIT",
72
- "gitHead": "1ff7b7b77d0e7f6e6f2cae223067ec1de498e5ef"
72
+ "gitHead": "15d00f8e17ee77fdd0dd1cc179a819bef6075b33"
73
73
  }
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import type { TreeSelectProps } from 'antd/es/tree-select';
3
- export interface LabelSelectProps extends TreeSelectProps<string> {
4
- label: React.ReactNode;
5
- }
6
- declare const LabelSelect: {
7
- (props: LabelSelectProps): JSX.Element;
8
- Option: new (text?: string | undefined, value?: string | undefined, defaultSelected?: boolean | undefined, selected?: boolean | undefined) => HTMLOptionElement;
9
- };
10
- export default LabelSelect;
@@ -1,2 +0,0 @@
1
- import 'antd/es/select/style';
2
- import './index.less';
@@ -1,2 +0,0 @@
1
- import 'antd/es/select/style';
2
- import './index.less';
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import type { TreeSelectProps } from 'antd/es/tree-select';
3
- export interface LabelSelectProps extends TreeSelectProps<string> {
4
- label: React.ReactNode;
5
- }
6
- declare const LabelSelect: {
7
- (props: LabelSelectProps): JSX.Element;
8
- Option: new (text?: string | undefined, value?: string | undefined, defaultSelected?: boolean | undefined, selected?: boolean | undefined) => HTMLOptionElement;
9
- };
10
- export default LabelSelect;
@@ -1,2 +0,0 @@
1
- import 'antd/es/select/style';
2
- import './index.less';