@opentiny/vue-search-box 0.0.1 → 0.0.2
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.
- package/README.md +4 -6
- package/es/{index-DCPOFFNd.css → index-VrLZbD8H.css} +2 -0
- package/es/index.vue.es2.js +1 -1
- package/es/utils/en_US.es.js +2 -2
- package/es/utils/zh_CN.es.js +2 -2
- package/index.css +2 -0
- package/lib/{index-DCPOFFNd.css → index-VrLZbD8H.css} +2 -0
- package/lib/index.vue.cjs2.js +1 -1
- package/lib/utils/en_US.cjs.js +2 -2
- package/lib/utils/zh_CN.cjs.js +2 -2
- package/package.json +1 -1
- package/types/utils/en_US.d.ts +2 -2
- package/types/utils/zh_CN.d.ts +2 -2
package/README.md
CHANGED
|
@@ -17,14 +17,12 @@ TinySearchBox has the following characteristics and advantages:
|
|
|
17
17
|
-Contains multiple types of conditional filtering, ready to use out of the box.
|
|
18
18
|
-Powerful search function, supporting fuzzy search, single choice, multiple choice, time, time interval, number size, number interval, as well as custom search, etc.
|
|
19
19
|
|
|
20
|
-

|
|
21
|
-
|
|
22
20
|
## quick start
|
|
23
21
|
|
|
24
22
|
install TinySearchBox
|
|
25
23
|
|
|
26
24
|
```shell
|
|
27
|
-
npm i @opentiny/
|
|
25
|
+
npm i @opentiny/vue-search-box
|
|
28
26
|
```
|
|
29
27
|
|
|
30
28
|
html:
|
|
@@ -79,7 +77,7 @@ html:
|
|
|
79
77
|
</script>
|
|
80
78
|
|
|
81
79
|
<template>
|
|
82
|
-
<
|
|
80
|
+
<TinySearchBox v-model="tags" :items="items"></TinySearchBox>
|
|
83
81
|
</template>
|
|
84
82
|
```
|
|
85
83
|
|
|
@@ -89,10 +87,10 @@ import styles:
|
|
|
89
87
|
@import '@opentiny/vue-search-box/index.css';
|
|
90
88
|
```
|
|
91
89
|
|
|
92
|
-
Initialize
|
|
90
|
+
Initialize TinySearchBox:
|
|
93
91
|
|
|
94
92
|
```javascript
|
|
95
|
-
import
|
|
93
|
+
import TinySearchBox from '@opentiny/vue-search-box';
|
|
96
94
|
```
|
|
97
95
|
|
|
98
96
|
## Local development
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
--tvp-SearchBox-dropdown-desc-text-color: var(--tv-color-info-text-primary, #191919);
|
|
30
30
|
width: 232px;
|
|
31
31
|
overflow: auto;
|
|
32
|
+
overflow-x: hidden;
|
|
32
33
|
}
|
|
33
34
|
.tvp-search-box__dropdown-menu .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group,
|
|
34
35
|
.tvp-search-box__popover .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group {
|
|
@@ -271,6 +272,7 @@
|
|
|
271
272
|
.tvp-search-box__dropdown-item.tiny-dropdown-item {
|
|
272
273
|
width: 100%;
|
|
273
274
|
max-width: 100%;
|
|
275
|
+
--tv-DropdownItem-icon-color-hover: var(--tv-color-bg-active-control);
|
|
274
276
|
}
|
|
275
277
|
.tvp-search-box__dropdown-item.tiny-dropdown-item > div {
|
|
276
278
|
white-space: nowrap;
|
package/es/index.vue.es2.js
CHANGED
package/es/utils/en_US.es.js
CHANGED
|
@@ -19,8 +19,8 @@ const enUS = {
|
|
|
19
19
|
tagValue: "值",
|
|
20
20
|
minValueText: "最小值",
|
|
21
21
|
maxValueText: "最大值",
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
rangeMinErr: "输入值必须在{0}~{1}之间",
|
|
23
|
+
rangeMaxErr: "最大值必须大于等于最小值,或者为空",
|
|
24
24
|
rangeNumberTitle: "请至少输入一个值",
|
|
25
25
|
rangeDateTitle: "请至少输入一个日期",
|
|
26
26
|
timeLengthTitle: "可选时间跨度为{value}天内",
|
package/es/utils/zh_CN.es.js
CHANGED
|
@@ -19,8 +19,8 @@ const zhCN = {
|
|
|
19
19
|
tagValue: "值",
|
|
20
20
|
minValueText: "最小值",
|
|
21
21
|
maxValueText: "最大值",
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
rangeMinErr: "输入值必须在{0}~{1}之间",
|
|
23
|
+
rangeMaxErr: "最大值必须大于等于最小值,或者为空",
|
|
24
24
|
rangeNumberTitle: "请至少输入一个值",
|
|
25
25
|
rangeDateTitle: "请至少输入一个日期",
|
|
26
26
|
timeLengthTitle: "可选时间跨度为{value}天内",
|
package/index.css
CHANGED
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
--tvp-SearchBox-dropdown-desc-text-color: var(--tv-color-info-text-primary, #191919);
|
|
30
30
|
width: 232px;
|
|
31
31
|
overflow: auto;
|
|
32
|
+
overflow-x: hidden;
|
|
32
33
|
}
|
|
33
34
|
.tvp-search-box__dropdown-menu .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group,
|
|
34
35
|
.tvp-search-box__popover .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group {
|
|
@@ -271,6 +272,7 @@
|
|
|
271
272
|
.tvp-search-box__dropdown-item.tiny-dropdown-item {
|
|
272
273
|
width: 100%;
|
|
273
274
|
max-width: 100%;
|
|
275
|
+
--tv-DropdownItem-icon-color-hover: var(--tv-color-bg-active-control);
|
|
274
276
|
}
|
|
275
277
|
.tvp-search-box__dropdown-item.tiny-dropdown-item > div {
|
|
276
278
|
white-space: nowrap;
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
--tvp-SearchBox-dropdown-desc-text-color: var(--tv-color-info-text-primary, #191919);
|
|
30
30
|
width: 232px;
|
|
31
31
|
overflow: auto;
|
|
32
|
+
overflow-x: hidden;
|
|
32
33
|
}
|
|
33
34
|
.tvp-search-box__dropdown-menu .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group,
|
|
34
35
|
.tvp-search-box__popover .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group {
|
|
@@ -271,6 +272,7 @@
|
|
|
271
272
|
.tvp-search-box__dropdown-item.tiny-dropdown-item {
|
|
272
273
|
width: 100%;
|
|
273
274
|
max-width: 100%;
|
|
275
|
+
--tv-DropdownItem-icon-color-hover: var(--tv-color-bg-active-control);
|
|
274
276
|
}
|
|
275
277
|
.tvp-search-box__dropdown-item.tiny-dropdown-item > div {
|
|
276
278
|
white-space: nowrap;
|
package/lib/index.vue.cjs2.js
CHANGED
package/lib/utils/en_US.cjs.js
CHANGED
|
@@ -21,8 +21,8 @@ const enUS = {
|
|
|
21
21
|
tagValue: "值",
|
|
22
22
|
minValueText: "最小值",
|
|
23
23
|
maxValueText: "最大值",
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
rangeMinErr: "输入值必须在{0}~{1}之间",
|
|
25
|
+
rangeMaxErr: "最大值必须大于等于最小值,或者为空",
|
|
26
26
|
rangeNumberTitle: "请至少输入一个值",
|
|
27
27
|
rangeDateTitle: "请至少输入一个日期",
|
|
28
28
|
timeLengthTitle: "可选时间跨度为{value}天内",
|
package/lib/utils/zh_CN.cjs.js
CHANGED
|
@@ -21,8 +21,8 @@ const zhCN = {
|
|
|
21
21
|
tagValue: "值",
|
|
22
22
|
minValueText: "最小值",
|
|
23
23
|
maxValueText: "最大值",
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
rangeMinErr: "输入值必须在{0}~{1}之间",
|
|
25
|
+
rangeMaxErr: "最大值必须大于等于最小值,或者为空",
|
|
26
26
|
rangeNumberTitle: "请至少输入一个值",
|
|
27
27
|
rangeDateTitle: "请至少输入一个日期",
|
|
28
28
|
timeLengthTitle: "可选时间跨度为{value}天内",
|
package/package.json
CHANGED
package/types/utils/en_US.d.ts
CHANGED
|
@@ -19,8 +19,8 @@ export declare const enUS: {
|
|
|
19
19
|
tagValue: string;
|
|
20
20
|
minValueText: string;
|
|
21
21
|
maxValueText: string;
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
rangeMinErr: string;
|
|
23
|
+
rangeMaxErr: string;
|
|
24
24
|
rangeNumberTitle: string;
|
|
25
25
|
rangeDateTitle: string;
|
|
26
26
|
timeLengthTitle: string;
|
package/types/utils/zh_CN.d.ts
CHANGED
|
@@ -19,8 +19,8 @@ export declare const zhCN: {
|
|
|
19
19
|
tagValue: string;
|
|
20
20
|
minValueText: string;
|
|
21
21
|
maxValueText: string;
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
rangeMinErr: string;
|
|
23
|
+
rangeMaxErr: string;
|
|
24
24
|
rangeNumberTitle: string;
|
|
25
25
|
rangeDateTitle: string;
|
|
26
26
|
timeLengthTitle: string;
|