funda-ui 4.2.255 → 4.2.445

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 (77) hide show
  1. package/CascadingSelect/index.js +1 -1
  2. package/EventCalendar/index.css +3 -0
  3. package/EventCalendar/index.d.ts +4 -1
  4. package/EventCalendar/index.js +16 -4
  5. package/EventCalendarTimeline/index.css +17 -0
  6. package/EventCalendarTimeline/index.d.ts +9 -2
  7. package/EventCalendarTimeline/index.js +77 -22
  8. package/LiveSearch/index.css +12 -0
  9. package/LiveSearch/index.js +1 -1
  10. package/ModalDialog/index.js +1 -1
  11. package/MultilevelDropdownMenu/index.css +2 -2
  12. package/MultilevelDropdownMenu/index.js +54 -46
  13. package/MultipleSelect/index.css +35 -26
  14. package/MultipleSelect/index.d.ts +3 -0
  15. package/MultipleSelect/index.js +366 -134
  16. package/NativeSelect/index.js +75 -47
  17. package/Pagination/index.d.ts +2 -0
  18. package/Pagination/index.js +25 -21
  19. package/Radio/index.js +14 -6
  20. package/RangeSlider/index.css +1 -0
  21. package/Select/index.css +5 -0
  22. package/Select/index.d.ts +1 -0
  23. package/Select/index.js +31 -11
  24. package/Tabs/index.js +13 -2
  25. package/Tree/index.js +90 -56
  26. package/lib/cjs/CascadingSelect/index.js +1 -1
  27. package/lib/cjs/EventCalendar/index.d.ts +4 -1
  28. package/lib/cjs/EventCalendar/index.js +16 -4
  29. package/lib/cjs/EventCalendarTimeline/index.d.ts +9 -2
  30. package/lib/cjs/EventCalendarTimeline/index.js +77 -22
  31. package/lib/cjs/LiveSearch/index.js +1 -1
  32. package/lib/cjs/ModalDialog/index.js +1 -1
  33. package/lib/cjs/MultilevelDropdownMenu/index.js +54 -46
  34. package/lib/cjs/MultipleSelect/index.d.ts +3 -0
  35. package/lib/cjs/MultipleSelect/index.js +366 -134
  36. package/lib/cjs/NativeSelect/index.js +75 -47
  37. package/lib/cjs/Pagination/index.d.ts +2 -0
  38. package/lib/cjs/Pagination/index.js +25 -21
  39. package/lib/cjs/Radio/index.js +14 -6
  40. package/lib/cjs/Select/index.d.ts +1 -0
  41. package/lib/cjs/Select/index.js +31 -11
  42. package/lib/cjs/Tabs/index.js +13 -2
  43. package/lib/cjs/Tree/index.js +90 -56
  44. package/lib/css/EventCalendar/index.css +3 -0
  45. package/lib/css/EventCalendarTimeline/index.css +17 -0
  46. package/lib/css/LiveSearch/index.css +12 -0
  47. package/lib/css/MultilevelDropdownMenu/index.css +2 -2
  48. package/lib/css/MultipleSelect/index.css +35 -26
  49. package/lib/css/RangeSlider/index.css +1 -0
  50. package/lib/css/Select/index.css +5 -0
  51. package/lib/esm/CascadingSelect/index.tsx +1 -1
  52. package/lib/esm/EventCalendar/index.scss +2 -0
  53. package/lib/esm/EventCalendar/index.tsx +23 -6
  54. package/lib/esm/EventCalendarTimeline/index.scss +24 -1
  55. package/lib/esm/EventCalendarTimeline/index.tsx +195 -118
  56. package/lib/esm/LiveSearch/index.scss +14 -1
  57. package/lib/esm/LiveSearch/index.tsx +1 -1
  58. package/lib/esm/ModalDialog/index.tsx +1 -1
  59. package/lib/esm/MultilevelDropdownMenu/{MenuList.tsx → ItemList.tsx} +52 -45
  60. package/lib/esm/MultilevelDropdownMenu/index.scss +2 -2
  61. package/lib/esm/MultilevelDropdownMenu/index.tsx +12 -4
  62. package/lib/esm/MultipleSelect/ItemList.tsx +300 -0
  63. package/lib/esm/MultipleSelect/index.scss +61 -30
  64. package/lib/esm/MultipleSelect/index.tsx +56 -87
  65. package/lib/esm/MultipleSelect/multiple-select-utils/func.ts +29 -0
  66. package/lib/esm/NativeSelect/index.tsx +4 -18
  67. package/lib/esm/NativeSelect/native-select-utils/func.ts +40 -0
  68. package/lib/esm/Pagination/index.tsx +31 -22
  69. package/lib/esm/Radio/index.tsx +19 -6
  70. package/lib/esm/RangeSlider/index.scss +2 -0
  71. package/lib/esm/Select/index.scss +6 -1
  72. package/lib/esm/Select/index.tsx +70 -54
  73. package/lib/esm/Table/Table.tsx +2 -0
  74. package/lib/esm/Tabs/Tabs.tsx +19 -4
  75. package/lib/esm/Tree/TreeList.tsx +61 -54
  76. package/lib/esm/Tree/index.tsx +4 -0
  77. package/package.json +1 -1
package/MultipleSelect/index.css CHANGED
@@ -30,6 +30,7 @@
30
30
  border-radius: 0.35rem;
31
31
  position: relative;
32
32
  background: var(--m-select-body-bg);
33
+ /*-------- Multilevel --------*/
33
34
  /*-------- List --------*/
34
35
  }
35
36
  .m-select__wrapper .m-select-diving-line {
@@ -74,8 +75,7 @@
74
75
  cursor: default;
75
76
  position: relative;
76
77
  font-size: var(--m-select-body-font-size);
77
- display: flex;
78
- justify-content: space-between;
78
+ display: block;
79
79
  background: var(--m-select-options-item-bg);
80
80
  border-bottom: 1px solid var(--m-select-options-item-dividingline-color);
81
81
  }
@@ -99,37 +99,34 @@
99
99
  .m-select__wrapper .m-select-inner li:last-child {
100
100
  border-bottom: none;
101
101
  }
102
- .m-select__wrapper .m-select-inner li > span {
102
+ .m-select__wrapper .m-select-inner li > div {
103
103
  padding: 0.35rem 0.75rem;
104
- display: inline-block;
105
- max-width: 100%;
104
+ display: flex;
105
+ justify-content: space-between;
106
+ width: 100%;
106
107
  overflow: hidden;
107
108
  text-overflow: ellipsis;
108
109
  word-wrap: break-word;
109
110
  word-break: break-word;
110
111
  }
111
- .m-select__wrapper .m-select-inner li > strong {
112
+ .m-select__wrapper .m-select-inner li > div > strong {
112
113
  font-weight: normal;
114
+ display: flex;
115
+ align-items: center;
113
116
  }
114
- .m-select__wrapper .m-select-inner li > i {
117
+ .m-select__wrapper .m-select-inner li > div > strong .arrow {
115
118
  display: inline-block;
116
- padding: 0.35rem 0.75rem;
117
- cursor: pointer;
119
+ margin-left: 0.2rem;
118
120
  }
119
- .m-select__wrapper .m-select-inner li > i svg path {
120
- fill: var(--m-select-options-item-icon-color);
121
+ .m-select__wrapper .m-select-inner li > div.active .arrow {
122
+ transform: rotate(90deg);
121
123
  }
122
- .m-select__wrapper .m-select-inner li a {
123
- color: #999;
124
- text-decoration: none;
125
- padding: 0;
126
- display: block;
124
+ .m-select__wrapper .m-select-inner li > div > i {
125
+ display: inline-block;
127
126
  cursor: pointer;
128
127
  }
129
- .m-select__wrapper .m-select-inner li a.m-select__item-action {
130
- position: absolute;
131
- right: 0.5rem;
132
- top: 0.5rem;
128
+ .m-select__wrapper .m-select-inner li > div > i svg path {
129
+ fill: var(--m-select-options-item-icon-color);
133
130
  }
134
131
  .m-select__wrapper .m-select-inner div.m-select__selected__container .m-select__header {
135
132
  border-radius: 0 0.35rem 0 0;
@@ -186,26 +183,38 @@
186
183
  .m-select__wrapper .m-select-inner .m-select__search__container i svg {
187
184
  fill: var(--m-select-search-icon-color);
188
185
  }
189
- .m-select__wrapper .m-select__options-contentlist {
186
+ .m-select__wrapper ul.m-select__options-contentlist > li ul {
187
+ transition: max-height 0.25s ease;
188
+ overflow: hidden;
189
+ position: relative;
190
+ padding-left: 1rem;
191
+ }
192
+ .m-select__wrapper ul.m-select__options-contentlist > li:not(.active) ul {
193
+ max-height: 0;
194
+ }
195
+ .m-select__wrapper ul.m-select__options-contentlist > li ul ul {
196
+ margin-top: auto;
197
+ }
198
+ .m-select__wrapper ul.m-select__options-contentlist {
190
199
  position: relative;
191
200
  width: 100%;
192
201
  overflow: hidden;
193
202
  overflow-y: auto;
194
203
  max-height: calc(315px - 1.75rem);
195
204
  }
196
- .m-select__wrapper .m-select__options-contentlist::-webkit-scrollbar {
205
+ .m-select__wrapper ul.m-select__options-contentlist::-webkit-scrollbar {
197
206
  width: var(--m-select-scrollbar-w);
198
207
  }
199
- .m-select__wrapper .m-select__options-contentlist::-webkit-scrollbar-thumb {
208
+ .m-select__wrapper ul.m-select__options-contentlist::-webkit-scrollbar-thumb {
200
209
  background: var(--m-select-scrollbar-color);
201
210
  }
202
- .m-select__wrapper .m-select__options-contentlist::-webkit-scrollbar-track {
211
+ .m-select__wrapper ul.m-select__options-contentlist::-webkit-scrollbar-track {
203
212
  background: var(--m-select-scrollbar-track);
204
213
  }
205
- .m-select__wrapper .m-select__options-contentlist.dragging {
214
+ .m-select__wrapper ul.m-select__options-contentlist.dragging {
206
215
  cursor: grab;
207
216
  }
208
- .m-select__wrapper .m-select__options-contentlist--hide {
217
+ .m-select__wrapper ul.m-select__options-contentlist--hide {
209
218
  overflow: hidden;
210
219
  height: auto;
211
220
  }
package/MultipleSelect/index.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface OptionConfig {
4
4
  }
5
5
  declare type MultipleSelectProps = {
6
6
  wrapperClassName?: string;
7
+ childClassName?: string;
7
8
  wrapperMinHeight?: string;
8
9
  wrapperMinWidth?: string;
9
10
  availableHeaderTitle?: string;
@@ -16,6 +17,8 @@ declare type MultipleSelectProps = {
16
17
  hierarchical?: boolean;
17
18
  indentation?: string;
18
19
  doubleIndent?: boolean;
20
+ alternateCollapse?: boolean;
21
+ arrow?: React.ReactNode;
19
22
  value?: string;
20
23
  label?: React.ReactNode | string;
21
24
  name?: string;