@opentiny/vue-search-box 0.1.6 → 2.27.0

package/package.json

@@ -1,70 +1,50 @@
 {
   "name": "@opentiny/vue-search-box",
-  "version": "0.1.6",
+  "version": "2.27.0",
   "description": "",
-  "homepage": "https://github.com/opentiny/tiny-search-box#readme",
-  "bugs": {
-    "url": "https://github.com/opentiny/tiny-search-box/issues"
+  "main": "lib/index.cjs.js",
+  "module": "es/index.es.js",
+  "types": "types/index.d.ts",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/opentiny/tiny-search-box.git"
+  "peerDependencies": {
+    "vue": "^2.6.14"
   },
-  "license": "MIT",
-  "author": "",
-  "type": "module",
-  "main": "dist/es/index.es.js",
-  "module": "dist/es/index.es.js",
-  "types": "dist/types/index.d.ts",
-  "style": "src/index.less",
-  "publishConfig": {
-    "access": "public",
-    "style": "dist/index.less"
+  "dependencies": {
+    "@opentiny/vue-button": "^2.26.0",
+    "@opentiny/vue-checkbox": "^2.26.0",
+    "@opentiny/vue-checkbox-group": "^2.26.0",
+    "@opentiny/vue-date-picker": "^2.26.0",
+    "@opentiny/vue-dropdown": "^2.26.0",
+    "@opentiny/vue-dropdown-item": "^2.26.0",
+    "@opentiny/vue-dropdown-menu": "^2.26.0",
+    "@opentiny/vue-form": "^2.26.0",
+    "@opentiny/vue-form-item": "^2.26.0",
+    "@opentiny/vue-icon": "^2.26.0",
+    "@opentiny/vue-input": "^2.26.0",
+    "@opentiny/vue-loading": "^2.26.0",
+    "@opentiny/vue-option": "^2.26.0",
+    "@opentiny/vue-popover": "^2.26.0",
+    "@opentiny/vue-select": "^2.26.0",
+    "@opentiny/vue-tag": "^2.26.0",
+    "@opentiny/vue-tooltip": "^2.26.0",
+    "@opentiny/vue-common": "^2.26.0",
+    "@opentiny/vue-theme": "^3.26.0"
   },
-  "files": [
-    "dist"
-  ],
   "keywords": [
     "search",
     "comprehensive search",
     "opentiny"
   ],
-  "peerDependencies": {
-    "vue": "^3.0.0"
-  },
-  "dependencies": {
-    "@opentiny/vue-button": "^3.22.0",
-    "@opentiny/vue-checkbox": "^3.22.0",
-    "@opentiny/vue-checkbox-group": "^3.22.0",
-    "@opentiny/vue-date-picker": "^3.22.0",
-    "@opentiny/vue-dropdown": "^3.22.0",
-    "@opentiny/vue-dropdown-item": "^3.22.0",
-    "@opentiny/vue-dropdown-menu": "^3.22.0",
-    "@opentiny/vue-form": "^3.22.0",
-    "@opentiny/vue-form-item": "^3.22.0",
-    "@opentiny/vue-icon": "^3.22.0",
-    "@opentiny/vue-input": "^3.22.0",
-    "@opentiny/vue-loading": "^3.22.0",
-    "@opentiny/vue-option": "^3.22.0",
-    "@opentiny/vue-popover": "^3.22.0",
-    "@opentiny/vue-select": "^3.22.0",
-    "@opentiny/vue-tag": "^3.22.0",
-    "@opentiny/vue-tooltip": "^3.22.0"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^4.0.0",
-    "commander": "^6.2.0",
-    "glob": "^11.0.0",
-    "vue": "^3.0.0",
-    "less": "^4.2.2",
-    "shelljs": "^0.8.4",
-    "typescript": "^5.8.2",
-    "vite": "^6.2.2",
-    "vite-plugin-dts": "^4.3.0"
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/opentiny/tiny-search-box.git"
   },
-  "scripts": {
-    "build": "pnpm build:theme && vite build",
-    "build:theme": "vite build --config vite.config.theme.ts",
-    "prepublish": "node scripts/pre-release.cjs"
+  "homepage": "https://github.com/opentiny/tiny-search-box#readme",
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-search-box/issues"
   }
 }

package/README.md

@@ -1,134 +0,0 @@
-# TinySearchBox
-<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-)
-<!-- ALL-CONTRIBUTORS-BADGE:END -->
-
-TinySearchBox is a comprehensive search component based on Vue3. It uses the TinyVue component library and follows the OpenTiny design specifications. It is easy to use and powerful. It supports single selection, multiple selection, time, time range and so on.
-
-English | [简体中文](README.zh-CN.md)
-
-## Advantages
-
-TinySearchBox has the following advantages:
-
-- Gather the filtering criteria into one input box for higher filtering efficiency and a better user experience
-- Supports multiple types of conditional filtering such as single selection, multiple selection, time, time interval, number size, and number interval
-- Powerful search functions, supporting fuzzy search, custom search, etc.
-
-![TinySearchBox](TinySearchBox.png)
-
-## Quick Start
-
-Install TinySearchBox:
-
-```shell
-npm i @opentiny/vue-search-box
-```
-
-Import TinySearchBox:
-
-```javascript
-import TinySearchBox from '@opentiny/vue-search-box';
-```
-
-Import styles:
-
-```css
-@import '@opentiny/vue-search-box/dist/index.css';
-```
-
-html：
-
-```html
-<script setup>
-  const tags = ref([]);
-  const items = ref([
-    {
-      label: '名称',
-      field: 'testName',
-      replace: true,
-      placeholder: '我是自定义名称的占位符',
-      options: [
-        {
-          label: 'test-1'
-        },
-        {
-          label: 'test-2'
-        }
-      ]
-    },
-    {
-      label: '可用地区',
-      field: 'testRegion',
-      type: 'checkbox',
-      mergeTag: true,
-      placeholder: '我是自定义可选地区的占位符',
-      editAttrDisabled: true, // 编辑状态此属性禁用，不可变更
-      options: [
-        {
-          label: '华南区',
-          id: '2-1'
-        },
-        {
-          label: '华北区',
-          id: '2-2'
-        }
-      ]
-    },
-    {
-      label: '大小',
-      field: 'size',
-      type: 'numRange',
-      placeholder: '我是自定义大小的占位符',
-      unit: 'GB',
-      start: -1,
-      min: -1,
-      max: 20
-    }
-  ]);
-</script>
-
-<template>
-  <TinySearchBox v-model="tags" :items="items"></TinySearchBox>
-</template>
-```
-
-## Development
-
-```shell
-git clone git@github.com:opentiny/tiny-search-box.git
-cd tiny-search-box
-pnpm i
-pnpm dev
-```
-
-Open a browser to access：[http://localhost:5173/tiny-search-box/](http://localhost:5173/tiny-search-box/)
-
-## License
-
-[MIT](LICENSE)
-
-## Contributors ✨
-
-Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
-
-<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore-start -->
-<!-- markdownlint-disable -->
-<table>
-  <tbody>
-    <tr>
-      <td align="center" valign="top" width="12.5%"><a href="https://github.com/chenxi-20"><img src="https://avatars.githubusercontent.com/u/76168465?v=4?s=100" width="100px;" alt="chenxi-20"/><br /><sub><b>chenxi-20</b></sub></a><br /><a href="https://github.com/opentiny/tiny-vue/commits?author=chenxi-20" title="Code">💻</a></td>
-      <td align="center" valign="top" width="12.5%"><a href="https://kagol.github.io/blogs"><img src="https://avatars.githubusercontent.com/u/9566362?v=4?s=100" width="100px;" alt="Kagol"/><br /><sub><b>Kagol</b></sub></a><br /><a href="https://github.com/opentiny/tiny-search-box/commits?author=kagol" title="Code">💻</a></td>
-      <td align="center" valign="top" width="12.5%"><a href="https://github.com/zzcr"><img src="https://avatars.githubusercontent.com/u/18521562?v=4?s=100" width="100px;" alt="ajaxzheng"/><br /><sub><b>ajaxzheng</b></sub></a><br /><a href="https://github.com/opentiny/tiny-search-box/commits?author=zzcr" title="Code">💻</a></td>
-      <td align="center" valign="top" width="12.5%"><a href="https://github.com/discreted66"><img src="https://avatars.githubusercontent.com/u/190872652?v=4?s=100" width="100px;" alt="liukun"/><br /><sub><b>liukun</b></sub></a><br /><a href="https://github.com/opentiny/tiny-vue/commits?author=discreted66" title="Code">💻</a></td>
-    </tr>
-  </tbody>
-</table>
-
-<!-- markdownlint-restore -->
-<!-- prettier-ignore-end -->
-
-<!-- ALL-CONTRIBUTORS-LIST:END -->
-
-This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

package/README.zh-CN.md

@@ -1,135 +0,0 @@
-# TinySearchBox 综合搜索组件
-<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-)
-<!-- ALL-CONTRIBUTORS-BADGE:END -->
-
-TinySearchBox 是一个基于 Vue3 的综合搜索组件，使用 TinyVue 组件库，遵循 OpenTiny 设计规范，简单易用、功能强大，支持单选、多选、时间、时间区间等多条件筛选。
-
-[English](README.md) | 简体中文
-
-## 项目优势
-
-TinySearchBox 主要有以下特点和优势：
-
-- 将筛选条件聚拢在一个输入框中，筛选效率更高、用户体验更好
-- 支持单选、多选、时间、时间区间、数字大小、数字区间等多种类型条件筛选
-- 强大的搜索功能，支持模糊搜索、自定义搜索等
-
-![TinySearchBox](TinySearchBox.png)
-
-## 快速上手
-
-安装 TinySearchBox
-
-```shell
-npm i @opentiny/vue-search-box
-```
-```
-
-导入 TinySearchBox 综合搜索：
-
-```javascript
-import TinySearchBox from '@opentiny/vue-search-box';
-```
-
-引入样式：
-
-```css
-@import '@opentiny/vue-search-box/dist/index.css';
-```
-
-在模板中使用：
-
-```html
-<script setup>
-  const tags = ref([]);
-  const items = ref([
-    {
-      label: '名称',
-      field: 'testName',
-      replace: true,
-      placeholder: '我是自定义名称的占位符',
-      options: [
-        {
-          label: 'test-1'
-        },
-        {
-          label: 'test-2'
-        }
-      ]
-    },
-    {
-      label: '可用地区',
-      field: 'testRegion',
-      type: 'checkbox',
-      mergeTag: true,
-      placeholder: '我是自定义可选地区的占位符',
-      editAttrDisabled: true, // 编辑状态此属性禁用，不可变更
-      options: [
-        {
-          label: '华南区',
-          id: '2-1'
-        },
-        {
-          label: '华北区',
-          id: '2-2'
-        }
-      ]
-    },
-    {
-      label: '大小',
-      field: 'size',
-      type: 'numRange',
-      placeholder: '我是自定义大小的占位符',
-      unit: 'GB',
-      start: -1,
-      min: -1,
-      max: 20
-    }
-  ]);
-</script>
-
-<template>
-  <tiny-search-box v-model="tags" :items="items"></tiny-search-box>
-</template>
-```
-
-## 本地开发
-
-```shell
-git clone git@github.com:opentiny/tiny-search-box.git
-cd tiny-search-box
-pnpm i
-pnpm dev
-```
-
-打开浏览器访问：[http://localhost:5173/tiny-search-box/](http://localhost:5173/tiny-search-box/)
-
-## License
-
-[MIT](LICENSE)
-
-## Contributors ✨
-
-Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
-
-<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore-start -->
-<!-- markdownlint-disable -->
-<table>
-  <tbody>
-    <tr>
-      <td align="center" valign="top" width="12.5%"><a href="https://github.com/chenxi-20"><img src="https://avatars.githubusercontent.com/u/76168465?v=4?s=100" width="100px;" alt="chenxi-20"/><br /><sub><b>chenxi-20</b></sub></a><br /><a href="https://github.com/opentiny/tiny-vue/commits?author=chenxi-20" title="Code">💻</a></td>
-      <td align="center" valign="top" width="12.5%"><a href="https://kagol.github.io/blogs"><img src="https://avatars.githubusercontent.com/u/9566362?v=4?s=100" width="100px;" alt="Kagol"/><br /><sub><b>Kagol</b></sub></a><br /><a href="https://github.com/opentiny/tiny-search-box/commits?author=kagol" title="Code">💻</a></td>
-      <td align="center" valign="top" width="12.5%"><a href="https://github.com/zzcr"><img src="https://avatars.githubusercontent.com/u/18521562?v=4?s=100" width="100px;" alt="ajaxzheng"/><br /><sub><b>ajaxzheng</b></sub></a><br /><a href="https://github.com/opentiny/tiny-search-box/commits?author=zzcr" title="Code">💻</a></td>
-      <td align="center" valign="top" width="12.5%"><a href="https://github.com/discreted66"><img src="https://avatars.githubusercontent.com/u/190872652?v=4?s=100" width="100px;" alt="liukun"/><br /><sub><b>liukun</b></sub></a><br /><a href="https://github.com/opentiny/tiny-vue/commits?author=discreted66" title="Code">💻</a></td>
-    </tr>
-  </tbody>
-</table>
-
-<!-- markdownlint-restore -->
-<!-- prettier-ignore-end -->
-
-<!-- ALL-CONTRIBUTORS-LIST:END -->
-
-This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

package/dist/es/components/first-level-panel.vue.es.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./first-level-panel.vue.es2.js";
-export {
-  _sfc_main as default
-};

package/dist/es/components/first-level-panel.vue.es2.js

@@ -1,177 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, withDirectives, createVNode, unref, withCtx, createElementVNode, toDisplayString, vShow, renderList, createCommentVNode, createBlock, createTextVNode } from "vue";
-import TinyDropdownItem from "@opentiny/vue-dropdown-item";
-import { t } from "../index.es.js";
-/* empty css               */
-const _hoisted_1 = { class: "tvp-search-box__filter-type" };
-const _hoisted_2 = {
-  key: 0,
-  class: "tvp-search-box__text-highlight"
-};
-const _hoisted_3 = { class: "tvp-search-box__filter-type" };
-const _hoisted_4 = {
-  key: 0,
-  class: "tvp-search-box__text-highlight"
-};
-const _hoisted_5 = { class: "tvp-search-box__filter-type" };
-const _hoisted_6 = {
-  id: "potential-loading",
-  class: "tvp-search-box__potential-box"
-};
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = { class: "tvp-search-box__text-highlight" };
-const _hoisted_9 = { class: "tvp-search-box__first-panel" };
-const _hoisted_10 = {
-  key: 0,
-  class: "tvp-search-box__filter-type"
-};
-const _hoisted_11 = ["title"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "TinySearchBoxFirstLevelPanel"
-  },
-  __name: "first-level-panel",
-  props: {
-    state: {
-      type: Object,
-      default: () => ({})
-    },
-    potentialOptions: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["events", "selectInputValue", "selectPropItem", "selectRadioItem"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const events = (eventName, p1, p2) => {
-      emits("events", eventName, p1, p2);
-    };
-    const selectInputValue = (e) => {
-      events("selectInputValue", e);
-    };
-    const selectPropItem = (e) => {
-      events("selectPropItem", e);
-    };
-    const selectRadioItem = (e, v) => {
-      events("selectRadioItem", e, v);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        withDirectives(createVNode(unref(TinyDropdownItem), {
-          class: "tvp-search-box__filter-item tvp-search-box__dropdown-item tvp-search-box__dropdown-item-init",
-          onClick: _cache[0] || (_cache[0] = ($event) => selectInputValue(__props.state.inputValue))
-        }, {
-          default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(unref(t)("tvp.tvpSearchbox.initUse")) + "＂" + toDisplayString(__props.state.inputValue) + "＂", 1)
-          ]),
-          _: 1
-        }, 512), [
-          [vShow, __props.state.inputValue.trim()]
-        ]),
-        withDirectives(createElementVNode("div", null, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.state.matchItems, (value, key) => {
-            return openBlock(), createElementBlock(Fragment, { key }, [
-              value["attr"].length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createElementVNode("span", _hoisted_1, toDisplayString(key === "0" ? unref(t)("tvp.tvpSearchbox.attributeType") : key), 1),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(value["attr"], (item, index) => {
-                  return openBlock(), createBlock(unref(TinyDropdownItem), {
-                    key: item.label + index,
-                    class: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
-                    onClick: ($event) => selectPropItem(item)
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("span", null, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.match, (text) => {
-                          return openBlock(), createElementBlock(Fragment, { key: text }, [
-                            text.toLowerCase() === item.hightlighStr ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                              createTextVNode(toDisplayString(text), 1)
-                            ], 64))
-                          ], 64);
-                        }), 128))
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"]);
-                }), 128))
-              ], 64)) : createCommentVNode("", true),
-              value["attrValue"].length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("tvp.tvpSearchbox.propertyValue", [key === "0" ? unref(t)("tvp.tvpSearchbox.attributeType") : key])), 1),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(value["attrValue"], (item, index) => {
-                  return openBlock(), createBlock(unref(TinyDropdownItem), {
-                    key: item.label + index,
-                    disabled: item.isChecked,
-                    class: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
-                    onClick: ($event) => selectRadioItem(item, true)
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("span", null, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.match, (text) => {
-                          return openBlock(), createElementBlock(Fragment, { key: text }, [
-                            text.toLowerCase() === item.hightlighStr ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                              createTextVNode(toDisplayString(text), 1)
-                            ], 64))
-                          ], 64);
-                        }), 128))
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["disabled", "onClick"]);
-                }), 128))
-              ], 64)) : createCommentVNode("", true)
-            ], 64);
-          }), 128)),
-          withDirectives(createElementVNode("div", null, [
-            createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("tvp.tvpSearchbox.matched")), 1),
-            createElementVNode("div", _hoisted_6, [
-              __props.state.potentialOptions ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.state.potentialOptions, (item, index) => {
-                  return openBlock(), createBlock(unref(TinyDropdownItem), {
-                    key: item.label + index,
-                    class: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
-                    onClick: ($event) => selectRadioItem(item, true)
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(item.label) + "： ", 1),
-                      createElementVNode("span", _hoisted_8, toDisplayString(item.value), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"]);
-                }), 128))
-              ])) : createCommentVNode("", true)
-            ])
-          ], 512), [
-            [vShow, __props.state.potentialOptions]
-          ])
-        ], 512), [
-          [vShow, !__props.state.propItem.label && __props.state.inputValue.trim()]
-        ]),
-        withDirectives(createElementVNode("div", _hoisted_9, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.state.groupItems, (group, key) => {
-            return openBlock(), createElementBlock(Fragment, { key }, [
-              group.length ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(key === "0" ? unref(t)("tvp.tvpSearchbox.attributeType") : key), 1)) : createCommentVNode("", true),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(group, (item, index) => {
-                return openBlock(), createBlock(unref(TinyDropdownItem), {
-                  key: (item.field || item.label) + index,
-                  class: "tvp-search-box__dropdown-item",
-                  onClick: ($event) => selectPropItem(item)
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("span", {
-                      title: item.label
-                    }, toDisplayString(item.label), 9, _hoisted_11)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]);
-              }), 128))
-            ], 64);
-          }), 128))
-        ], 512), [
-          [vShow, __props.state.visible && !__props.state.propItem.label && !__props.state.inputValue.trim()]
-        ])
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/es/components/second-level-panel.vue.es.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./second-level-panel.vue.es2.js";
-export {
-  _sfc_main as default
-};