@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 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
- ![TinyEditor](fluent-editor.png)
21
-
22
20
  ## quick start
23
21
 
24
22
  install TinySearchBox
25
23
 
26
24
  ```shell
27
- npm i @opentiny/tiny-search-box
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
- <VueSearchBox v-model="tags" :items="items"></VueSearchBox>
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 VueSearchBox:
90
+ Initialize TinySearchBox:
93
91
 
94
92
  ```javascript
95
- import VueSearchBox from '@opentiny/vue-search-box';
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;
@@ -153,7 +153,7 @@ const _hoisted_64 = {
153
153
  };
154
154
  const _sfc_main = /* @__PURE__ */ defineComponent({
155
155
  ...{
156
- name: "VueSearchBox"
156
+ name: "TinySearchBox"
157
157
  },
158
158
  __name: "index",
159
159
  props: {
@@ -19,8 +19,8 @@ const enUS = {
19
19
  tagValue: "值",
20
20
  minValueText: "最小值",
21
21
  maxValueText: "最大值",
22
- rangeMinArr: "输入值必须在{0}~{1}之间",
23
- rangeMaxArr: "最大值必须大于等于最小值,或者为空",
22
+ rangeMinErr: "输入值必须在{0}~{1}之间",
23
+ rangeMaxErr: "最大值必须大于等于最小值,或者为空",
24
24
  rangeNumberTitle: "请至少输入一个值",
25
25
  rangeDateTitle: "请至少输入一个日期",
26
26
  timeLengthTitle: "可选时间跨度为{value}天内",
@@ -19,8 +19,8 @@ const zhCN = {
19
19
  tagValue: "值",
20
20
  minValueText: "最小值",
21
21
  maxValueText: "最大值",
22
- rangeMinArr: "输入值必须在{0}~{1}之间",
23
- rangeMaxArr: "最大值必须大于等于最小值,或者为空",
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;
@@ -155,7 +155,7 @@ const _hoisted_64 = {
155
155
  };
156
156
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
157
157
  ...{
158
- name: "VueSearchBox"
158
+ name: "TinySearchBox"
159
159
  },
160
160
  __name: "index",
161
161
  props: {
@@ -21,8 +21,8 @@ const enUS = {
21
21
  tagValue: "值",
22
22
  minValueText: "最小值",
23
23
  maxValueText: "最大值",
24
- rangeMinArr: "输入值必须在{0}~{1}之间",
25
- rangeMaxArr: "最大值必须大于等于最小值,或者为空",
24
+ rangeMinErr: "输入值必须在{0}~{1}之间",
25
+ rangeMaxErr: "最大值必须大于等于最小值,或者为空",
26
26
  rangeNumberTitle: "请至少输入一个值",
27
27
  rangeDateTitle: "请至少输入一个日期",
28
28
  timeLengthTitle: "可选时间跨度为{value}天内",
@@ -21,8 +21,8 @@ const zhCN = {
21
21
  tagValue: "值",
22
22
  minValueText: "最小值",
23
23
  maxValueText: "最大值",
24
- rangeMinArr: "输入值必须在{0}~{1}之间",
25
- rangeMaxArr: "最大值必须大于等于最小值,或者为空",
24
+ rangeMinErr: "输入值必须在{0}~{1}之间",
25
+ rangeMaxErr: "最大值必须大于等于最小值,或者为空",
26
26
  rangeNumberTitle: "请至少输入一个值",
27
27
  rangeDateTitle: "请至少输入一个日期",
28
28
  timeLengthTitle: "可选时间跨度为{value}天内",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opentiny/vue-search-box",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/opentiny/tiny-search-box#readme",
6
6
  "bugs": {
@@ -19,8 +19,8 @@ export declare const enUS: {
19
19
  tagValue: string;
20
20
  minValueText: string;
21
21
  maxValueText: string;
22
- rangeMinArr: string;
23
- rangeMaxArr: string;
22
+ rangeMinErr: string;
23
+ rangeMaxErr: string;
24
24
  rangeNumberTitle: string;
25
25
  rangeDateTitle: string;
26
26
  timeLengthTitle: string;
@@ -19,8 +19,8 @@ export declare const zhCN: {
19
19
  tagValue: string;
20
20
  minValueText: string;
21
21
  maxValueText: string;
22
- rangeMinArr: string;
23
- rangeMaxArr: string;
22
+ rangeMinErr: string;
23
+ rangeMaxErr: string;
24
24
  rangeNumberTitle: string;
25
25
  rangeDateTitle: string;
26
26
  timeLengthTitle: string;