@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
package/{dist/index.css → index.css} RENAMED
@@ -20,7 +20,7 @@
20
20
  --tvp-SearchBox-dropdown-keyword-text-color: var(--tv-color-act-info-text-active, #1476ff);
21
21
  --tvp-SearchBox-dropdown-btn-group-border-color: var(--tv-color-bg-header, #f0f0f0);
22
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);
23
+ --tvp-SearchBox-dropdown-btn-group-padding-top: var(--tv-space-l, 12px);
24
24
  --tvp-SearchBox-dropdown-btn-group-padding-bottom: var(--tv-space-md, 8px);
25
25
  --tvp-SearchBox-dropdown-num-title-text-color: var(--tv-color-text-weaken, #808080);
26
26
  --tvp-SearchBox-tag-margin-right: var(--tv-space-sm, 4px);
@@ -30,6 +30,11 @@
30
30
  --tvp-SearchBox-small-tag-font-size: var(--tv-font-size-sm, 12px);
31
31
  --tvp-SearchBox-dropdown-desc-font-size: var(--tv-font-size-md, 14px);
32
32
  --tvp-SearchBox-dropdown-desc-text-color: var(--tv-color-info-text-primary, #191919);
33
+ --tvp-SearchBox-color-bg-scrollbar-thumb: var(--tv-color-bg-scrollbar-thumb, #dbdbdb);
34
+ --tvp-SearchBox-border-radius-scrollbar-thumb: var(--tv-border-radius-scrollbar-thumb, 4px);
35
+ --tvp-SearchBox-color-bg-scrollbar-thumb-active: var(--tv-co lor-bg-scrollbar-thumb-active, #dbdbdb);
36
+ --tvp-SearchBox-date-picker-clear-icon-bg: var(--tv-color-bg-1, #ffffff);
37
+ --tvp-SearchBox-color-border-divider: var(--tv-color-bg-control-unactive, #c2c2c2);
33
38
  width: 232px;
34
39
  overflow: auto;
35
40
  }
@@ -77,7 +82,6 @@
77
82
  .tvp-search-box__popover .tvp-search-box-select .tiny-select__tags-group {
78
83
  min-height: 32px;
79
84
  max-height: 82px;
80
- padding: 2px;
81
85
  width: 100%;
82
86
  border: 1px solid #c2c2c2;
83
87
  border-radius: 6px;
@@ -138,7 +142,7 @@
138
142
  --tvp-SearchBox-dropdown-keyword-text-color: var(--tv-color-act-info-text-active, #1476ff);
139
143
  --tvp-SearchBox-dropdown-btn-group-border-color: var(--tv-color-bg-header, #f0f0f0);
140
144
  --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);
145
+ --tvp-SearchBox-dropdown-btn-group-padding-top: var(--tv-space-l, 12px);
142
146
  --tvp-SearchBox-dropdown-btn-group-padding-bottom: var(--tv-space-md, 8px);
143
147
  --tvp-SearchBox-dropdown-num-title-text-color: var(--tv-color-text-weaken, #808080);
144
148
  --tvp-SearchBox-tag-margin-right: var(--tv-space-sm, 4px);
@@ -148,6 +152,11 @@
148
152
  --tvp-SearchBox-small-tag-font-size: var(--tv-font-size-sm, 12px);
149
153
  --tvp-SearchBox-dropdown-desc-font-size: var(--tv-font-size-md, 14px);
150
154
  --tvp-SearchBox-dropdown-desc-text-color: var(--tv-color-info-text-primary, #191919);
155
+ --tvp-SearchBox-color-bg-scrollbar-thumb: var(--tv-color-bg-scrollbar-thumb, #dbdbdb);
156
+ --tvp-SearchBox-border-radius-scrollbar-thumb: var(--tv-border-radius-scrollbar-thumb, 4px);
157
+ --tvp-SearchBox-color-bg-scrollbar-thumb-active: var(--tv-co lor-bg-scrollbar-thumb-active, #dbdbdb);
158
+ --tvp-SearchBox-date-picker-clear-icon-bg: var(--tv-color-bg-1, #ffffff);
159
+ --tvp-SearchBox-color-border-divider: var(--tv-color-bg-control-unactive, #c2c2c2);
151
160
  display: flex;
152
161
  position: relative;
153
162
  flex-wrap: wrap;
@@ -245,6 +254,7 @@
245
254
  white-space: nowrap;
246
255
  vertical-align: middle;
247
256
  font-size: var(--tvp-SearchBox-tag-font-size);
257
+ color: var(--tvp-SearchBox-dropdown-desc-text-color);
248
258
  }
249
259
  .tvp-search-box__prop span {
250
260
  padding-left: 8px;
@@ -279,12 +289,10 @@
279
289
  .tvp-search-box__bottom-btn,
280
290
  .tvp-search-box__checkbox-btn {
281
291
  display: flex;
282
- width: 100%;
292
+ margin: 0 10px;
283
293
  border-top: 1px solid var(--tvp-SearchBox-dropdown-btn-group-border-color);
284
294
  margin-top: var(--tvp-SearchBox-dropdown-btn-group-margin-top);
285
295
  padding-top: var(--tvp-SearchBox-dropdown-btn-group-padding-top);
286
- padding-right: 10px;
287
- gap: 5px;
288
296
  justify-content: flex-end;
289
297
  padding-bottom: var(--tvp-SearchBox-dropdown-btn-group-padding-bottom);
290
298
  }
@@ -292,8 +300,9 @@
292
300
  .tvp-search-box__checkbox-btn .tiny-button {
293
301
  min-width: 72px;
294
302
  }
295
- .tvp-search-box__checkbox-btn {
296
- padding-left: 10px;
303
+ .tvp-search-box__bottom-btn {
304
+ margin-right: 0px;
305
+ margin-left: 0px;
297
306
  }
298
307
  .tvp-search-box__filter-type {
299
308
  display: inline-block;
@@ -312,13 +321,9 @@
312
321
  }
313
322
  .tvp-search-box__filter-item {
314
323
  color: var(--tvp-SearchBox-search-filter-text-color);
324
+ background-color: var(--tvp-SearchBox-bg-color);
315
325
  }
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 {
326
+ .tvp-search-box__dropdown-item.tiny-dropdown-item .tiny-dropdown-item__content.tiny-dropdown-menu__item-content {
322
327
  white-space: nowrap;
323
328
  overflow: hidden;
324
329
  text-overflow: ellipsis;
@@ -326,9 +331,6 @@
326
331
  .tvp-search-box__dropdown-item.tiny-dropdown-item.tvp-search-box__checkbox-item .tiny-checkbox__inner > .tiny-svg {
327
332
  margin-right: 0;
328
333
  }
329
- .tvp-search-box__dropdown-item-init {
330
- background-color: #f5f5f5;
331
- }
332
334
  .tvp-search-box__checkbox-item .tvp-search-box__checkbox-item-label,
333
335
  .tvp-search-box__checkbox-item .tiny-checkbox,
334
336
  .tvp-search-box__checkbox-item .tiny-dropdown-item__label {
@@ -338,12 +340,14 @@
338
340
  width: 100%;
339
341
  overflow: hidden;
340
342
  text-overflow: ellipsis;
343
+ padding-top: 4px;
341
344
  }
342
345
  .tvp-search-box__checkbox-item .tiny-dropdown-item__wrap {
343
346
  padding: 0;
344
347
  }
345
348
  .tvp-search-box__checkbox-item .tiny-checkbox {
346
349
  padding: 6px 10px;
350
+ padding-left: 0;
347
351
  }
348
352
  .tvp-search-box__dropdown-title {
349
353
  margin: 8px 0px;
@@ -360,15 +364,14 @@
360
364
  line-height: 1.5;
361
365
  }
362
366
  .tvp-search-box__panel-box {
363
- width: 100%;
364
367
  padding: 0px 10px;
368
+ overflow: hidden;
365
369
  color: var(--tvp-SearchBox-dropdown-desc-text-color);
366
370
  }
367
371
  .tvp-search-box__date-item.tiny-form-item,
368
372
  .tvp-search-box__number-item.tiny-form-item {
369
373
  padding-bottom: 8px;
370
374
  margin-bottom: 0;
371
- width: 200px;
372
375
  }
373
376
  .tvp-search-box__date-item.tiny-form-item > div,
374
377
  .tvp-search-box__number-item.tiny-form-item > div {