@opentiny/vue-search-box 0.1.6 → 2.27.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 (85) hide show
  1. package/{dist/index.css → index.css} +22 -19
  2. package/index.js +2804 -0
  3. package/index.js.map +1 -0
  4. package/package.json +38 -56
  5. package/README.md +0 -134
  6. package/README.zh-CN.md +0 -135
  7. package/dist/es/components/first-level-panel.vue.es.js +0 -4
  8. package/dist/es/components/first-level-panel.vue.es2.js +0 -177
  9. package/dist/es/components/second-level-panel.vue.es.js +0 -4
  10. package/dist/es/components/second-level-panel.vue.es2.js +0 -466
  11. package/dist/es/composables/use-checkbox.es.js +0 -74
  12. package/dist/es/composables/use-custom.es.js +0 -49
  13. package/dist/es/composables/use-datepicker.es.js +0 -86
  14. package/dist/es/composables/use-dropdown.es.js +0 -216
  15. package/dist/es/composables/use-edit.es.js +0 -108
  16. package/dist/es/composables/use-init.es.js +0 -78
  17. package/dist/es/composables/use-match.es.js +0 -170
  18. package/dist/es/composables/use-num-range.es.js +0 -77
  19. package/dist/es/composables/use-placeholder.es.js +0 -41
  20. package/dist/es/composables/use-tag.es.js +0 -56
  21. package/dist/es/index-Tlzvfwv-.css +0 -401
  22. package/dist/es/index.es.js +0 -45
  23. package/dist/es/index.type.es.js +0 -1
  24. package/dist/es/index.vue.es.js +0 -4
  25. package/dist/es/index.vue.es2.js +0 -780
  26. package/dist/es/smb-theme.es.js +0 -18
  27. package/dist/es/utils/clone.es.js +0 -29
  28. package/dist/es/utils/date.es.js +0 -431
  29. package/dist/es/utils/dropdown.es.js +0 -24
  30. package/dist/es/utils/en_US.es.js +0 -45
  31. package/dist/es/utils/index.es.js +0 -13
  32. package/dist/es/utils/tag.es.js +0 -44
  33. package/dist/es/utils/type.es.js +0 -4
  34. package/dist/es/utils/validate.es.js +0 -179
  35. package/dist/es/utils/zh_CN.es.js +0 -45
  36. package/dist/lib/components/first-level-panel.vue.cjs.js +0 -4
  37. package/dist/lib/components/first-level-panel.vue.cjs2.js +0 -177
  38. package/dist/lib/components/second-level-panel.vue.cjs.js +0 -4
  39. package/dist/lib/components/second-level-panel.vue.cjs2.js +0 -466
  40. package/dist/lib/composables/use-checkbox.cjs.js +0 -74
  41. package/dist/lib/composables/use-custom.cjs.js +0 -49
  42. package/dist/lib/composables/use-datepicker.cjs.js +0 -86
  43. package/dist/lib/composables/use-dropdown.cjs.js +0 -216
  44. package/dist/lib/composables/use-edit.cjs.js +0 -108
  45. package/dist/lib/composables/use-init.cjs.js +0 -78
  46. package/dist/lib/composables/use-match.cjs.js +0 -170
  47. package/dist/lib/composables/use-num-range.cjs.js +0 -77
  48. package/dist/lib/composables/use-placeholder.cjs.js +0 -41
  49. package/dist/lib/composables/use-tag.cjs.js +0 -56
  50. package/dist/lib/index-Tlzvfwv-.css +0 -401
  51. package/dist/lib/index.cjs.js +0 -45
  52. package/dist/lib/index.type.cjs.js +0 -1
  53. package/dist/lib/index.vue.cjs.js +0 -4
  54. package/dist/lib/index.vue.cjs2.js +0 -780
  55. package/dist/lib/smb-theme.cjs.js +0 -18
  56. package/dist/lib/utils/clone.cjs.js +0 -29
  57. package/dist/lib/utils/date.cjs.js +0 -431
  58. package/dist/lib/utils/dropdown.cjs.js +0 -24
  59. package/dist/lib/utils/en_US.cjs.js +0 -45
  60. package/dist/lib/utils/index.cjs.js +0 -13
  61. package/dist/lib/utils/tag.cjs.js +0 -44
  62. package/dist/lib/utils/type.cjs.js +0 -4
  63. package/dist/lib/utils/validate.cjs.js +0 -179
  64. package/dist/lib/utils/zh_CN.cjs.js +0 -45
  65. package/dist/types/composables/use-checkbox.d.ts +0 -8
  66. package/dist/types/composables/use-custom.d.ts +0 -7
  67. package/dist/types/composables/use-datepicker.d.ts +0 -11
  68. package/dist/types/composables/use-dropdown.d.ts +0 -14
  69. package/dist/types/composables/use-edit.d.ts +0 -13
  70. package/dist/types/composables/use-init.d.ts +0 -10
  71. package/dist/types/composables/use-match.d.ts +0 -8
  72. package/dist/types/composables/use-num-range.d.ts +0 -9
  73. package/dist/types/composables/use-placeholder.d.ts +0 -8
  74. package/dist/types/composables/use-tag.d.ts +0 -9
  75. package/dist/types/smb-theme.d.ts +0 -15
  76. package/dist/types/utils/clone.d.ts +0 -12
  77. package/dist/types/utils/date.d.ts +0 -234
  78. package/dist/types/utils/dropdown.d.ts +0 -12
  79. package/dist/types/utils/en_US.d.ts +0 -43
  80. package/dist/types/utils/index.d.ts +0 -1
  81. package/dist/types/utils/tag.d.ts +0 -46
  82. package/dist/types/utils/type.d.ts +0 -6
  83. package/dist/types/utils/validate.d.ts +0 -31
  84. package/dist/types/utils/zh_CN.d.ts +0 -43
  85. /package/{dist/types → types}/index.type.d.ts +0 -0
@@ -1,56 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const vue = require("vue");
4
- const dropdown = require("../utils/dropdown.cjs.js");
5
- const tag = require("../utils/tag.cjs.js");
6
- function useTag({ props, state, emits }) {
7
- const lastInputValue = vue.ref(state.inputValue);
8
- const changeIsChecked = (tag2) => {
9
- if (tag2) {
10
- const parent = state.recordItems.find((item) => item.label === tag2.label);
11
- if (parent && parent.options) {
12
- const child = parent.options.find((item) => item.label === tag2.value);
13
- child && (child.isChecked = false);
14
- }
15
- }
16
- };
17
- const deleteTag = (tag$1) => {
18
- dropdown.showDropdown(state, false);
19
- changeIsChecked(tag$1);
20
- const newValue = props.modelValue.filter((item) => item !== tag$1);
21
- tag.emitChangeModelEvent({ emits, state, newValue });
22
- };
23
- const clearTag = () => {
24
- dropdown.showDropdown(state, false);
25
- props.modelValue.forEach((item) => changeIsChecked(item));
26
- state.propItem = {};
27
- state.inputValue = "";
28
- tag.emitChangeModelEvent({ emits, state, newValue: [] });
29
- emits("clear");
30
- };
31
- const backspaceDeleteTag = () => {
32
- var _a, _b;
33
- if (state.inputValue) {
34
- return;
35
- }
36
- if (state.propItem.label) {
37
- state.propItem = {};
38
- return;
39
- }
40
- if (lastInputValue.value === "" && state.inputValue === "") {
41
- dropdown.showDropdown(state, false);
42
- const lastIndex = props.modelValue.length - 1;
43
- changeIsChecked(props.modelValue[lastIndex]);
44
- const newValue = state.innerModelValue.slice(0, props.modelValue.length - 1);
45
- tag.emitChangeModelEvent({ emits, state, newValue });
46
- }
47
- lastInputValue.value = state.inputValue;
48
- (_b = (_a = state == null ? void 0 : state.instance) == null ? void 0 : _a.refs) == null ? void 0 : _b.inputRef.$el.click();
49
- };
50
- return {
51
- deleteTag,
52
- clearTag,
53
- backspaceDeleteTag
54
- };
55
- }
56
- exports.useTag = useTag;
@@ -1,401 +0,0 @@
1
- .tiny-popper.tvp-search-box__dropdown-menu,
2
- .tvp-search-box__popover {
3
- --tvp-SearchBox-bg-color: var(--tv-color-bg-secondary, #ffffff);
4
- --tvp-SearchBox-border-color: var(--tv-color-bg-control-unactive, #c2c2c2);
5
- --tvp-SearchBox-focus-border-color: var(--tv-color-bg-active-primary, #191919);
6
- --tvp-SearchBox-border-radius: var(--tv-border-radius-md, 6px);
7
- --tvp-SearchBox-tag-hover-text-color: var(--tv-color-icon-hover, #191919);
8
- --tvp-SearchBox-tag-hover-fill-color: var(--tvp-SearchBox-tag-hover-text-color);
9
- --tvp-SearchBox-dropdown-header-text-color: var(--tv-color-text-weaken, #808080);
10
- --tvp-SearchBox-search-filter-text-color: var(--tv-color-info-text-primary, #191919);
11
- --tvp-SearchBox-close-icon-margin-right: var(--tv-space-sm, 4px);
12
- --tvp-SearchBox-separator-icon-margin-right: var(--tv-space-sm, 4px);
13
- --tvp-SearchBox-right-icon-color: var(--tv-color-icon, #808080);
14
- --tvp-SearchBox-right-icon-color-hover: var(--tv-color-icon-hover, #191919);
15
- --tvp-SearchBox-left-icon-font-size: var(--tv-font-size-heading-xs, 16px);
16
- --tvp-SearchBox-min-height: var(--tv-size-height-md, 32px);
17
- --tvp-SearchBox-small-min-height: var(--tv-size-height-sm, 28px);
18
- --tvp-SearchBox-padding-left: var(--tv-size-height-md, 32px);
19
- --tvp-SearchBox-small-padding-left: var(--tv-size-height-sm, 28px);
20
- --tvp-SearchBox-dropdown-keyword-text-color: var(--tv-color-act-info-text-active, #1476ff);
21
- --tvp-SearchBox-dropdown-btn-group-border-color: var(--tv-color-bg-header, #f0f0f0);
22
- --tvp-SearchBox-dropdown-btn-group-margin-top: var(--tv-space-md, 8px);
23
- --tvp-SearchBox-dropdown-btn-group-padding-top: var(--tv-space-xl, 16px);
24
- --tvp-SearchBox-dropdown-btn-group-padding-bottom: var(--tv-space-md, 8px);
25
- --tvp-SearchBox-dropdown-num-title-text-color: var(--tv-color-text-weaken, #808080);
26
- --tvp-SearchBox-tag-margin-right: var(--tv-space-sm, 4px);
27
- --tvp-SearchBox-place-padding-right: var(--tv-space-sm, 4px);
28
- --tvp-SearchBox-tag-bottom-border-color: var(--tv-color-act-primary-text-active, #191919);
29
- --tvp-SearchBox-tag-font-size: var(--tv-font-size-md, 14px);
30
- --tvp-SearchBox-small-tag-font-size: var(--tv-font-size-sm, 12px);
31
- --tvp-SearchBox-dropdown-desc-font-size: var(--tv-font-size-md, 14px);
32
- --tvp-SearchBox-dropdown-desc-text-color: var(--tv-color-info-text-primary, #191919);
33
- width: 232px;
34
- overflow: auto;
35
- }
36
- .tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar,
37
- .tvp-search-box__popover::-webkit-scrollbar {
38
- width: 8px;
39
- height: 8px;
40
- }
41
- .tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-corner,
42
- .tvp-search-box__popover::-webkit-scrollbar-corner {
43
- background: transparent;
44
- }
45
- .tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-track,
46
- .tvp-search-box__popover::-webkit-scrollbar-track {
47
- background: transparent;
48
- }
49
- .tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-thumb,
50
- .tvp-search-box__popover::-webkit-scrollbar-thumb {
51
- background: var(--tvp-SearchBox-color-bg-scrollbar-thumb);
52
- border-radius: var(--tvp-SearchBox-border-radius-scrollbar-thumb);
53
- }
54
- .tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-thumb:hover,
55
- .tvp-search-box__popover::-webkit-scrollbar-thumb:hover {
56
- background: var(--tv-color-bg-scrollbar-thumb-hover);
57
- }
58
- .tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-thumb:active,
59
- .tvp-search-box__popover::-webkit-scrollbar-thumb:active {
60
- background: var(--tvp-SearchBox-color-bg-scrollbar-thumb-active);
61
- }
62
- .tiny-popper.tvp-search-box__dropdown-menu.tiny-popper.tvp-search-box__dropdown-menu .tvp-search-box__date-picker .baseClearicon,
63
- .tiny-popper.tvp-search-box__dropdown-menu.tvp-search-box__popover .tvp-search-box__date-picker .baseClearicon,
64
- .tvp-search-box__popover.tiny-popper.tvp-search-box__dropdown-menu .tvp-search-box__date-picker .baseClearicon,
65
- .tvp-search-box__popover.tvp-search-box__popover .tvp-search-box__date-picker .baseClearicon {
66
- background-color: var(--tvp-SearchBox-date-picker-clear-icon-bg);
67
- }
68
- .tiny-popper.tvp-search-box__dropdown-menu .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group,
69
- .tvp-search-box__popover .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group {
70
- border-color: #f23030;
71
- }
72
- .tiny-popper.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-select .tiny-svg,
73
- .tvp-search-box__popover .tvp-search-box-select .tiny-select .tiny-svg {
74
- z-index: 1000;
75
- }
76
- .tiny-popper.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-select__tags-group,
77
- .tvp-search-box__popover .tvp-search-box-select .tiny-select__tags-group {
78
- min-height: 32px;
79
- max-height: 82px;
80
- padding: 2px;
81
- width: 100%;
82
- border: 1px solid #c2c2c2;
83
- border-radius: 6px;
84
- }
85
- .tiny-popper.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-select__tags.is-show-tag,
86
- .tvp-search-box__popover .tvp-search-box-select .tiny-select__tags.is-show-tag {
87
- max-width: 276px !important;
88
- width: calc(100% - 8px) !important;
89
- min-height: 30px;
90
- padding-right: 20px;
91
- max-height: 76px;
92
- overflow: auto;
93
- }
94
- .tiny-popper.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-input__suffix,
95
- .tvp-search-box__popover .tvp-search-box-select .tiny-input__suffix {
96
- z-index: 1000;
97
- }
98
- .tiny-popper.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-input__inner,
99
- .tvp-search-box__popover .tvp-search-box-select .tiny-input__inner {
100
- border: 0px;
101
- overflow: hidden;
102
- }
103
- .tiny-popper.tvp-search-box__dropdown-menu input[type='number'],
104
- .tvp-search-box__popover input[type='number'] {
105
- -moz-appearance: textfield;
106
- /* Firefox */
107
- appearance: textfield;
108
- }
109
- .tiny-popper.tvp-search-box__dropdown-menu input[type='number']::-webkit-inner-spin-button,
110
- .tvp-search-box__popover input[type='number']::-webkit-inner-spin-button,
111
- .tiny-popper.tvp-search-box__dropdown-menu input[type='number']::-webkit-outer-spin-button,
112
- .tvp-search-box__popover input[type='number']::-webkit-outer-spin-button {
113
- -webkit-appearance: none;
114
- /* Safari */
115
- margin: 0;
116
- }
117
- .tvp-search-box__popover.tiny-popover[x-placement^='bottom'] {
118
- margin-top: 0;
119
- }
120
- .tvp-search-box {
121
- --tvp-SearchBox-bg-color: var(--tv-color-bg-secondary, #ffffff);
122
- --tvp-SearchBox-border-color: var(--tv-color-bg-control-unactive, #c2c2c2);
123
- --tvp-SearchBox-focus-border-color: var(--tv-color-bg-active-primary, #191919);
124
- --tvp-SearchBox-border-radius: var(--tv-border-radius-md, 6px);
125
- --tvp-SearchBox-tag-hover-text-color: var(--tv-color-icon-hover, #191919);
126
- --tvp-SearchBox-tag-hover-fill-color: var(--tvp-SearchBox-tag-hover-text-color);
127
- --tvp-SearchBox-dropdown-header-text-color: var(--tv-color-text-weaken, #808080);
128
- --tvp-SearchBox-search-filter-text-color: var(--tv-color-info-text-primary, #191919);
129
- --tvp-SearchBox-close-icon-margin-right: var(--tv-space-sm, 4px);
130
- --tvp-SearchBox-separator-icon-margin-right: var(--tv-space-sm, 4px);
131
- --tvp-SearchBox-right-icon-color: var(--tv-color-icon, #808080);
132
- --tvp-SearchBox-right-icon-color-hover: var(--tv-color-icon-hover, #191919);
133
- --tvp-SearchBox-left-icon-font-size: var(--tv-font-size-heading-xs, 16px);
134
- --tvp-SearchBox-min-height: var(--tv-size-height-md, 32px);
135
- --tvp-SearchBox-small-min-height: var(--tv-size-height-sm, 28px);
136
- --tvp-SearchBox-padding-left: var(--tv-size-height-md, 32px);
137
- --tvp-SearchBox-small-padding-left: var(--tv-size-height-sm, 28px);
138
- --tvp-SearchBox-dropdown-keyword-text-color: var(--tv-color-act-info-text-active, #1476ff);
139
- --tvp-SearchBox-dropdown-btn-group-border-color: var(--tv-color-bg-header, #f0f0f0);
140
- --tvp-SearchBox-dropdown-btn-group-margin-top: var(--tv-space-md, 8px);
141
- --tvp-SearchBox-dropdown-btn-group-padding-top: var(--tv-space-xl, 16px);
142
- --tvp-SearchBox-dropdown-btn-group-padding-bottom: var(--tv-space-md, 8px);
143
- --tvp-SearchBox-dropdown-num-title-text-color: var(--tv-color-text-weaken, #808080);
144
- --tvp-SearchBox-tag-margin-right: var(--tv-space-sm, 4px);
145
- --tvp-SearchBox-place-padding-right: var(--tv-space-sm, 4px);
146
- --tvp-SearchBox-tag-bottom-border-color: var(--tv-color-act-primary-text-active, #191919);
147
- --tvp-SearchBox-tag-font-size: var(--tv-font-size-md, 14px);
148
- --tvp-SearchBox-small-tag-font-size: var(--tv-font-size-sm, 12px);
149
- --tvp-SearchBox-dropdown-desc-font-size: var(--tv-font-size-md, 14px);
150
- --tvp-SearchBox-dropdown-desc-text-color: var(--tv-color-info-text-primary, #191919);
151
- display: flex;
152
- position: relative;
153
- flex-wrap: wrap;
154
- align-items: center;
155
- justify-content: flex-start;
156
- border: 1px solid var(--tvp-SearchBox-border-color);
157
- border-radius: var(--tvp-SearchBox-border-radius);
158
- min-height: var(--tvp-SearchBox-min-height);
159
- padding-left: var(--tvp-SearchBox-padding-left);
160
- background-color: var(--tvp-SearchBox-bg-color);
161
- }
162
- .tvp-search-box__form {
163
- width: auto;
164
- flex: 1;
165
- min-width: 200px;
166
- }
167
- .tvp-search-box__form-popover {
168
- position: absolute;
169
- }
170
- .tvp-search-box:focus-within {
171
- border-color: var(--tvp-SearchBox-focus-border-color);
172
- }
173
- .tvp-search-box > .tvp-search-box__prefix {
174
- position: absolute;
175
- top: calc((var(--tvp-SearchBox-min-height) - var(--tvp-SearchBox-left-icon-font-size)) / 2 - 1px);
176
- left: 12px;
177
- display: inline;
178
- font-size: var(--tvp-SearchBox-left-icon-font-size);
179
- fill: #808080;
180
- }
181
- .tvp-search-box__text-highlight {
182
- color: var(--tvp-SearchBox-dropdown-keyword-text-color);
183
- }
184
- .tvp-search-box__placeholder {
185
- padding-right: var(--tvp-SearchBox-place-padding-right);
186
- }
187
- .tvp-search-box__tag {
188
- margin: 1px var(--tvp-SearchBox-tag-margin-right) 1px 0;
189
- max-width: 100%;
190
- }
191
- .tvp-search-box__tag > .tvp-search-box__tag-value {
192
- overflow: hidden;
193
- text-overflow: ellipsis;
194
- }
195
- .tvp-search-box__tag:hover {
196
- cursor: pointer;
197
- color: var(--tvp-SearchBox-tag-hover-text-color);
198
- fill: var(--tvp-SearchBox-tag-hover-fill-color);
199
- }
200
- .tvp-search-box__tag-editor span {
201
- border-bottom: 1px dashed var(--tvp-SearchBox-tag-bottom-border-color);
202
- line-height: 1;
203
- }
204
- .tvp-search-box__input .tiny-input-display-only {
205
- width: calc(100% - var(--tv-Input-suffix-right) - 63px);
206
- }
207
- .tvp-search-box__input .tiny-svg {
208
- margin-left: 0;
209
- }
210
- .tvp-search-box__input-close {
211
- margin-right: var(--tvp-SearchBox-close-icon-margin-right);
212
- }
213
- .tvp-search-box__input-separator {
214
- display: inline-block;
215
- margin-right: var(--tvp-SearchBox-separator-icon-margin-right);
216
- height: 14px;
217
- width: 1px;
218
- background-color: var(--tvp-SearchBox-color-border-divider);
219
- }
220
- .tvp-search-box__input-help {
221
- margin-right: 0px;
222
- }
223
- .tvp-search-box__input .tvp-search-box__input-search {
224
- display: none;
225
- margin-right: 2px;
226
- }
227
- .tvp-search-box__input-wrapper {
228
- display: flex;
229
- align-items: center;
230
- width: 100%;
231
- }
232
- .tvp-search-box .tvp-search-box__dropdown:not(.is-disabled) .tvp-search-box__input:not(.is-disabled) .tiny-input__suffix .tiny-svg {
233
- font-size: 16px;
234
- margin-top: 0;
235
- fill: var(--tvp-SearchBox-right-icon-color);
236
- }
237
- .tvp-search-box .tvp-search-box__dropdown:not(.is-disabled) .tvp-search-box__input:not(.is-disabled) .tiny-input__suffix .tiny-svg:hover {
238
- fill: var(--tvp-SearchBox-right-icon-color-hover);
239
- }
240
- .tvp-search-box .tvp-search-box__dropdown:not(.is-disabled) .tvp-search-box__input:not(.is-disabled) .tiny-input__suffix-inner {
241
- display: flex;
242
- align-items: center;
243
- }
244
- .tvp-search-box__prop {
245
- white-space: nowrap;
246
- vertical-align: middle;
247
- font-size: var(--tvp-SearchBox-tag-font-size);
248
- }
249
- .tvp-search-box__prop span {
250
- padding-left: 8px;
251
- }
252
- .tvp-search-box .tiny-dropdown__trigger {
253
- display: block;
254
- }
255
- .tvp-search-box .tiny-dropdown__trigger:focus-visible {
256
- outline: none;
257
- }
258
- .tvp-search-box .tiny-dropdown__trigger .tiny-dropdown__title {
259
- width: 100%;
260
- }
261
- .tvp-search-box__dropdown {
262
- display: block;
263
- flex: 1;
264
- }
265
- .tvp-search-box__loading-box {
266
- min-height: 32px;
267
- }
268
- .tvp-search-box__radio-wrap {
269
- max-height: 240px;
270
- overflow: auto;
271
- }
272
- .tvp-search-box__checkbox-wrap {
273
- max-height: 186px;
274
- overflow: auto;
275
- }
276
- .tvp-search-box__checkbox {
277
- flex-direction: column;
278
- }
279
- .tvp-search-box__bottom-btn,
280
- .tvp-search-box__checkbox-btn {
281
- display: flex;
282
- width: 100%;
283
- border-top: 1px solid var(--tvp-SearchBox-dropdown-btn-group-border-color);
284
- margin-top: var(--tvp-SearchBox-dropdown-btn-group-margin-top);
285
- padding-top: var(--tvp-SearchBox-dropdown-btn-group-padding-top);
286
- padding-right: 10px;
287
- gap: 5px;
288
- justify-content: flex-end;
289
- padding-bottom: var(--tvp-SearchBox-dropdown-btn-group-padding-bottom);
290
- }
291
- .tvp-search-box__bottom-btn .tiny-button,
292
- .tvp-search-box__checkbox-btn .tiny-button {
293
- min-width: 72px;
294
- }
295
- .tvp-search-box__checkbox-btn {
296
- padding-left: 10px;
297
- }
298
- .tvp-search-box__filter-type {
299
- display: inline-block;
300
- padding: 0 16px;
301
- margin-top: 12px;
302
- height: 18px;
303
- line-height: 18px;
304
- font-weight: 500;
305
- white-space: nowrap;
306
- overflow: hidden;
307
- text-overflow: ellipsis;
308
- color: var(--tvp-SearchBox-dropdown-header-text-color);
309
- }
310
- .tvp-search-box__potential-box {
311
- min-height: 30px;
312
- }
313
- .tvp-search-box__filter-item {
314
- color: var(--tvp-SearchBox-search-filter-text-color);
315
- }
316
- .tvp-search-box__dropdown-item.tiny-dropdown-item {
317
- width: 100%;
318
- max-width: 100%;
319
- background: inherit;
320
- }
321
- .tvp-search-box__dropdown-item.tiny-dropdown-item > div {
322
- white-space: nowrap;
323
- overflow: hidden;
324
- text-overflow: ellipsis;
325
- }
326
- .tvp-search-box__dropdown-item.tiny-dropdown-item.tvp-search-box__checkbox-item .tiny-checkbox__inner > .tiny-svg {
327
- margin-right: 0;
328
- }
329
- .tvp-search-box__dropdown-item-init {
330
- background-color: #f5f5f5;
331
- }
332
- .tvp-search-box__checkbox-item .tvp-search-box__checkbox-item-label,
333
- .tvp-search-box__checkbox-item .tiny-checkbox,
334
- .tvp-search-box__checkbox-item .tiny-dropdown-item__label {
335
- width: 100%;
336
- }
337
- .tvp-search-box__checkbox-item-label .tiny-checkbox__label {
338
- width: 100%;
339
- overflow: hidden;
340
- text-overflow: ellipsis;
341
- }
342
- .tvp-search-box__checkbox-item .tiny-dropdown-item__wrap {
343
- padding: 0;
344
- }
345
- .tvp-search-box__checkbox-item .tiny-checkbox {
346
- padding: 6px 10px;
347
- }
348
- .tvp-search-box__dropdown-title {
349
- margin: 8px 0px;
350
- line-height: 18px;
351
- color: var(--tvp-SearchBox-dropdown-num-title-text-color);
352
- font-size: 12px;
353
- }
354
- .tvp-search-box__dropdown-start,
355
- .tvp-search-box__dropdown-end {
356
- margin: 8px 0px;
357
- font-size: var(--tvp-SearchBox-dropdown-desc-font-size);
358
- color: var(--tvp-SearchBox-dropdown-desc-text-color);
359
- letter-spacing: 0;
360
- line-height: 1.5;
361
- }
362
- .tvp-search-box__panel-box {
363
- width: 100%;
364
- padding: 0px 10px;
365
- color: var(--tvp-SearchBox-dropdown-desc-text-color);
366
- }
367
- .tvp-search-box__date-item.tiny-form-item,
368
- .tvp-search-box__number-item.tiny-form-item {
369
- padding-bottom: 8px;
370
- margin-bottom: 0;
371
- width: 200px;
372
- }
373
- .tvp-search-box__date-item.tiny-form-item > div,
374
- .tvp-search-box__number-item.tiny-form-item > div {
375
- width: 100%;
376
- white-space: nowrap;
377
- }
378
- .tvp-search-box__date-item.tiny-form-item .tiny-form-item__error,
379
- .tvp-search-box__number-item.tiny-form-item .tiny-form-item__error {
380
- font-size: 12px;
381
- }
382
- .tvp-search-box__input input {
383
- border: 0;
384
- }
385
- .tvp-search-box__input-wrapper .tvp-search-box__dropdown .tvp-search-box__input .tiny-input__inner {
386
- padding-left: 0px;
387
- }
388
- .tvp-search-box--small {
389
- min-height: var(--tvp-SearchBox-small-min-height);
390
- padding-left: var(--tvp-SearchBox-small-padding-left);
391
- }
392
- .tvp-search-box--small > .tvp-search-box__prefix {
393
- top: calc((var(--tvp-SearchBox-small-min-height) - var(--tvp-SearchBox-left-icon-font-size)) / 2 - 1px);
394
- left: 10px;
395
- }
396
- .tvp-search-box--small .tvp-search-box__prop {
397
- font-size: var(--tvp-SearchBox-small-tag-font-size);
398
- }
399
- .tvp-search-box--small .tvp-search-box__prop span {
400
- padding-left: 8px;
401
- }
@@ -1,45 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- require("./index.vue.cjs.js");
4
- require("./components/first-level-panel.vue.cjs.js");
5
- require("./components/second-level-panel.vue.cjs.js");
6
- const zh_CN = require("./utils/zh_CN.cjs.js");
7
- const en_US = require("./utils/en_US.cjs.js");
8
- ;/* empty css */
9
- require("./index.type.cjs.js");
10
- const index_vue_vue_type_script_setup_true_lang = require("./index.vue.cjs2.js");
11
- const firstLevelPanel_vue_vue_type_script_setup_true_lang = require("./components/first-level-panel.vue.cjs2.js");
12
- const secondLevelPanel_vue_vue_type_script_setup_true_lang = require("./components/second-level-panel.vue.cjs2.js");
13
- let apps;
14
- index_vue_vue_type_script_setup_true_lang.default.install = function(app) {
15
- apps = app;
16
- app.component(index_vue_vue_type_script_setup_true_lang.default.name, index_vue_vue_type_script_setup_true_lang.default);
17
- };
18
- const t = (key, params) => {
19
- var _a, _b, _c, _d, _e;
20
- if ((_b = (_a = apps == null ? void 0 : apps.config) == null ? void 0 : _a.globalProperties) == null ? void 0 : _b.$t) {
21
- return apps.config.globalProperties.$t(key, params);
22
- }
23
- const lang = ((_e = (_d = (_c = apps == null ? void 0 : apps.config) == null ? void 0 : _c.globalProperties) == null ? void 0 : _d.$i18n) == null ? void 0 : _e.locale) || "zhCN";
24
- return customTranslate(key, params, lang);
25
- };
26
- function customTranslate(key, params, lang = "zhCN") {
27
- const resources = { zhCN: zh_CN.default, enUS: en_US.default };
28
- const i18nResources = resources[lang] || resources["zhCN"];
29
- const value = key.split(".").reduce((obj, k) => obj && obj[k] !== void 0 ? obj[k] : void 0, i18nResources);
30
- let template = typeof value === "string" ? value : key;
31
- if (params && typeof params === "object") {
32
- Object.keys(params).forEach((k) => {
33
- const value2 = params[k] ?? "";
34
- template = template.replaceAll(`{${k}}`, String(value2));
35
- });
36
- }
37
- template = template.replace(/{{\s*\w+\s*}}/g, "");
38
- return template;
39
- }
40
- exports.zhCN = zh_CN.default;
41
- exports.enUS = en_US.default;
42
- exports.default = index_vue_vue_type_script_setup_true_lang.default;
43
- exports.TinySearchBoxFirstLevelPanel = firstLevelPanel_vue_vue_type_script_setup_true_lang.default;
44
- exports.TinySearchBoxSecondLevelPanel = secondLevelPanel_vue_vue_type_script_setup_true_lang.default;
45
- exports.t = t;
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const index_vue_vue_type_script_setup_true_lang = require("./index.vue.cjs2.js");
4
- exports.default = index_vue_vue_type_script_setup_true_lang.default;