@opentiny/vue-search-box 0.1.1-alpha.3 → 0.1.2

package/dist/lib/components/second-level-panel.vue.cjs2.js

@@ -0,0 +1,466 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const TinyFormItem = require("@opentiny/vue-form-item");
+const TinyDropdownItem = require("@opentiny/vue-dropdown-item");
+const TinyCheckbox = require("@opentiny/vue-checkbox");
+const TinyCheckboxGroup = require("@opentiny/vue-checkbox-group");
+const TinyDatePicker = require("@opentiny/vue-date-picker");
+const TinyInput = require("@opentiny/vue-input");
+const TinyButton = require("@opentiny/vue-button");
+const Loading = require("@opentiny/vue-loading");
+const index = require("../index.cjs.js");
+;/* empty css                 */
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "tvp-search-box__filter-type" };
+const _hoisted_3 = ["title"];
+const _hoisted_4 = {
+  key: 0,
+  class: "tvp-search-box__text-highlight"
+};
+const _hoisted_5 = ["title"];
+const _hoisted_6 = { class: "tvp-search-box__checkbox-wrap" };
+const _hoisted_7 = { class: "tvp-search-box__checkbox-btn" };
+const _hoisted_8 = {
+  key: 3,
+  class: "tvp-search-box__panel-box"
+};
+const _hoisted_9 = { class: "tvp-search-box__number" };
+const _hoisted_10 = { class: "tvp-search-box__dropdown-title" };
+const _hoisted_11 = { class: "tvp-search-box__dropdown-start" };
+const _hoisted_12 = { class: "tvp-search-box__dropdown-end" };
+const _hoisted_13 = { class: "tvp-search-box__bottom-btn" };
+const _hoisted_14 = {
+  key: 4,
+  class: "tvp-search-box__panel-box"
+};
+const _hoisted_15 = { class: "tvp-search-box__date-wrap" };
+const _hoisted_16 = { class: "tvp-search-box__dropdown-title" };
+const _hoisted_17 = { class: "tvp-search-box__dropdown-start" };
+const _hoisted_18 = { class: "tvp-search-box__dropdown-end" };
+const _hoisted_19 = { class: "tvp-search-box__bottom-btn" };
+const _hoisted_20 = {
+  key: 5,
+  class: "tvp-search-box__panel-box"
+};
+const _hoisted_21 = { class: "tvp-search-box__date-wrap" };
+const _hoisted_22 = { class: "tvp-search-box__dropdown-title" };
+const _hoisted_23 = { class: "tvp-search-box__dropdown-start" };
+const _hoisted_24 = { class: "tvp-search-box__dropdown-end" };
+const _hoisted_25 = { class: "tvp-search-box__bottom-btn" };
+const _hoisted_26 = { key: 6 };
+const _hoisted_27 = {
+  key: 0,
+  class: "tvp-search-box__filter-type"
+};
+const _hoisted_28 = {
+  key: 1,
+  class: "tvp-search-box__filter-type"
+};
+const _hoisted_29 = ["title"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TinySearchBoxSecondLevelPanel"
+  },
+  __name: "second-level-panel",
+  props: {
+    state: {
+      type: Object,
+      default: () => ({})
+    },
+    pickerOptions: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  emits: ["events"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const isLoading = vue.computed(() => {
+      var _a;
+      return props.state.hasBackupList && ((_a = props.state.backupList) == null ? void 0 : _a.length) === 0;
+    });
+    const vLoading = Loading.directive;
+    const emits = __emit;
+    const showCheckBoxList = vue.computed(() => {
+      var _a;
+      return (_a = props.state.backupList) == null ? void 0 : _a.find((item) => !item.isFilter);
+    });
+    const events = (eventName, p1, p2) => {
+      emits("events", eventName, p1, p2);
+    };
+    const setOperator = (e) => {
+      events("setOperator", e);
+    };
+    const selectRadioItem = (e) => {
+      events("selectRadioItem", e);
+    };
+    const selectCheckbox = (e) => {
+      events("selectCheckbox", e);
+    };
+    const sizeChange = (e) => {
+      events("sizeChange", e);
+    };
+    const onConfirmDate = (e, b) => {
+      events("onConfirmDate", e, b);
+    };
+    const selectFirstMap = (e, b) => {
+      events("selectFirstMap", e, b);
+    };
+    const handleDateShow = (e) => {
+      events("handleDateShow", e);
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return ((_a = __props.state.currentOperators) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.operator")), 1),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.state.currentOperators, (item, index2) => {
+          return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(TinyDropdownItem), {
+            key: item + index2,
+            class: "tvp-search-box__dropdown-item",
+            onClick: ($event) => setOperator(item)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(item), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"])), [
+            [vue.vShow, item.includes(__props.state.inputValue)]
+          ]);
+        }), 128))
+      ])) : !__props.state.prevItem.type || __props.state.prevItem.type === "radio" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        class: vue.normalizeClass(["tvp-search-box__radio-wrap", isLoading.value && "tvp-search-box__loading-box"])
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.state.backupList, (item, index2) => {
+          return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(TinyDropdownItem), {
+            key: index2 + (item.field || item.label),
+            disabled: item.isChecked,
+            class: "tvp-search-box__dropdown-item",
+            onClick: ($event) => selectRadioItem(item)
+          }, {
+            default: vue.withCtx(() => [
+              item.match ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                title: item.label
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.match, (text) => {
+                  return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: text }, [
+                    text.toLowerCase() === item.hightlighStr ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(text), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      vue.createTextVNode(vue.toDisplayString(text), 1)
+                    ], 64))
+                  ], 64);
+                }), 128))
+              ], 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                title: item.label
+              }, vue.toDisplayString(item.label), 9, _hoisted_5))
+            ]),
+            _: 2
+          }, 1032, ["disabled", "onClick"])), [
+            [vue.vShow, !item.isFilter || !__props.state.inputValue]
+          ]);
+        }), 128))
+      ], 2)), [
+        [vue.unref(vLoading), isLoading.value]
+      ]) : __props.state.prevItem.type === "checkbox" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        key: 2,
+        class: vue.normalizeClass(isLoading.value && "tvp-search-box__loading-box")
+      }, [
+        showCheckBoxList.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createVNode(vue.unref(TinyCheckboxGroup), {
+              modelValue: __props.state.checkAll,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.state.checkAll = $event),
+              class: "tvp-search-box__checkbox"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(TinyDropdownItem), { class: "tvp-search-box__dropdown-item tvp-search-box__checkbox-item" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(TinyCheckbox), {
+                      modelValue: __props.state.checkAll,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.state.checkAll = $event),
+                      indeterminate: __props.state.isIndeterminate
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.selectAll")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "indeterminate"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(vue.unref(TinyCheckboxGroup), {
+              modelValue: __props.state.checkboxGroup,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.state.checkboxGroup = $event),
+              class: "tvp-search-box__checkbox"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.state.backupList, (item, index2) => {
+                  return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(TinyDropdownItem), {
+                    key: (item.field || item.label) + index2,
+                    class: "tvp-search-box__dropdown-item tvp-search-box__checkbox-item"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(TinyCheckbox), {
+                        label: __props.state.prevItem.label + item.label,
+                        title: item.label,
+                        class: "tvp-search-box__checkbox-item-label"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "title"])
+                    ]),
+                    _: 2
+                  }, 1024)), [
+                    [vue.vShow, !item.isFilter]
+                  ]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createVNode(vue.unref(TinyButton), {
+              size: "mini",
+              onClick: _cache[3] || (_cache[3] = ($event) => selectCheckbox(false))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(TinyButton), {
+              size: "mini",
+              onClick: _cache[4] || (_cache[4] = ($event) => selectCheckbox(true))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.confirm")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ], 64)) : vue.createCommentVNode("", true)
+      ], 2)), [
+        [vue.unref(vLoading), isLoading.value]
+      ]) : __props.state.prevItem.type === "numRange" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+        vue.createElementVNode("div", _hoisted_9, [
+          vue.createElementVNode("div", _hoisted_10, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.rangeNumberTitle")), 1),
+          vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.minValueText")) + "(" + vue.toDisplayString(__props.state.prevItem.unit) + ") ", 1),
+          vue.createVNode(vue.unref(TinyFormItem), {
+            prop: __props.state.curMinNumVar,
+            class: "tvp-search-box__number-item",
+            "show-message": __props.state.numberShowMessage
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(TinyInput), {
+                modelValue: __props.state[__props.state.curMinNumVar],
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.state[__props.state.curMinNumVar] = $event),
+                type: "number",
+                class: "tvp-search-box__number-input"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["prop", "show-message"]),
+          vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.maxValueText")) + "(" + vue.toDisplayString(__props.state.prevItem.unit) + ") ", 1),
+          vue.createVNode(vue.unref(TinyFormItem), {
+            prop: __props.state.curMaxNumVar,
+            class: "tvp-search-box__number-item"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(TinyInput), {
+                modelValue: __props.state[__props.state.curMaxNumVar],
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.state[__props.state.curMaxNumVar] = $event),
+                type: "number",
+                class: "tvp-search-box__number-input"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["prop"])
+        ]),
+        vue.createElementVNode("div", _hoisted_13, [
+          vue.createVNode(vue.unref(TinyButton), {
+            size: "mini",
+            onClick: _cache[7] || (_cache[7] = ($event) => sizeChange(false))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.cancel")), 1)
+            ]),
+            _: 1
+          }),
+          vue.createVNode(vue.unref(TinyButton), {
+            size: "mini",
+            onClick: _cache[8] || (_cache[8] = vue.withModifiers(($event) => sizeChange(true), ["stop"]))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.confirm")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])) : __props.state.prevItem.type === "dateRange" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+        vue.createElementVNode("div", _hoisted_15, [
+          vue.createElementVNode("div", _hoisted_16, vue.toDisplayString(__props.state.prevItem.maxTimeLength > 0 ? vue.unref(index.t)("tvp.tvpSearchbox.timeLengthTitle", {
+            value: (__props.state.prevItem.maxTimeLength / 864e5).toFixed(1)
+          }) : vue.unref(index.t)("tvp.tvpSearchbox.rangeDateTitle")), 1),
+          vue.createElementVNode("div", _hoisted_17, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.rangeBeginLabel")), 1),
+          vue.createVNode(vue.unref(TinyFormItem), {
+            prop: "startDate",
+            "show-message": Boolean(__props.state.prevItem.maxTimeLength),
+            class: "tvp-search-box__date-item"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(TinyDatePicker), {
+                modelValue: __props.state.startDate,
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.state.startDate = $event),
+                format: __props.state.prevItem.format || __props.state.dateRangeFormat,
+                "value-format": __props.state.prevItem.format || __props.state.dateRangeFormat,
+                "picker-options": __props.pickerOptions(__props.state.startDate, "endDate"),
+                class: "tvp-search-box__date-picker",
+                onChange: handleDateShow,
+                onBlur: handleDateShow
+              }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
+            ]),
+            _: 1
+          }, 8, ["show-message"]),
+          vue.createElementVNode("div", _hoisted_18, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.rangeEndLabel")), 1),
+          vue.createVNode(vue.unref(TinyFormItem), {
+            prop: "endDate",
+            class: "tvp-search-box__date-item"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(TinyDatePicker), {
+                modelValue: __props.state.endDate,
+                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.state.endDate = $event),
+                format: __props.state.prevItem.format || __props.state.dateRangeFormat,
+                "value-format": __props.state.prevItem.format || __props.state.dateRangeFormat,
+                "picker-options": __props.pickerOptions(__props.state.startDate),
+                class: "tvp-search-box__date-picker",
+                onChange: handleDateShow,
+                onBlur: handleDateShow
+              }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_19, [
+          vue.createVNode(vue.unref(TinyButton), {
+            size: "mini",
+            onClick: _cache[11] || (_cache[11] = ($event) => onConfirmDate(false))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.cancel")), 1)
+            ]),
+            _: 1
+          }),
+          vue.createVNode(vue.unref(TinyButton), {
+            size: "mini",
+            onClick: _cache[12] || (_cache[12] = ($event) => onConfirmDate(true))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.confirm")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])) : __props.state.prevItem.type === "datetimeRange" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
+        vue.createElementVNode("div", _hoisted_21, [
+          vue.createElementVNode("div", _hoisted_22, vue.toDisplayString(__props.state.prevItem.maxTimeLength > 0 ? vue.unref(index.t)("tvp.tvpSearchbox.timeLengthTitle", {
+            value: (__props.state.prevItem.maxTimeLength / 864e5).toFixed(1)
+          }) : vue.unref(index.t)("tvp.tvpSearchbox.rangeDateTitle")), 1),
+          vue.createElementVNode("div", _hoisted_23, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.rangeBeginLabel")), 1),
+          vue.createVNode(vue.unref(TinyFormItem), {
+            prop: "startDateTime",
+            "show-message": Boolean(__props.state.prevItem.maxTimeLength),
+            class: "tvp-search-box__date-item"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(TinyDatePicker), {
+                modelValue: __props.state.startDateTime,
+                "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.state.startDateTime = $event),
+                type: "datetime",
+                isutc8: true,
+                format: __props.state.prevItem.format || __props.state.datetimeRangeFormat,
+                "value-format": __props.state.prevItem.format || __props.state.datetimeRangeFormat,
+                "picker-options": __props.pickerOptions(__props.state.startDateTime, "endDateTime"),
+                class: "tvp-search-box__date-picker",
+                onChange: handleDateShow,
+                onBlur: handleDateShow
+              }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
+            ]),
+            _: 1
+          }, 8, ["show-message"]),
+          vue.createElementVNode("div", _hoisted_24, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.rangeEndLabel")), 1),
+          vue.createVNode(vue.unref(TinyFormItem), {
+            prop: "endDateTime",
+            class: "tvp-search-box__date-item"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(TinyDatePicker), {
+                modelValue: __props.state.endDateTime,
+                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.state.endDateTime = $event),
+                type: "datetime",
+                isutc8: true,
+                format: __props.state.prevItem.format || __props.state.datetimeRangeFormat,
+                "value-format": __props.state.prevItem.format || __props.state.datetimeRangeFormat,
+                "picker-options": __props.pickerOptions(__props.state.startDateTime),
+                class: "tvp-search-box__date-picker",
+                onChange: handleDateShow,
+                onBlur: handleDateShow
+              }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_25, [
+          vue.createVNode(vue.unref(TinyButton), {
+            size: "mini",
+            onClick: _cache[15] || (_cache[15] = ($event) => onConfirmDate(false, true))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.cancel")), 1)
+            ]),
+            _: 1
+          }),
+          vue.createVNode(vue.unref(TinyButton), {
+            size: "mini",
+            onClick: _cache[16] || (_cache[16] = ($event) => onConfirmDate(true, true))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.confirm")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])) : __props.state.prevItem.type === "map" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_26, [
+        __props.state.isShowTagKey ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_27, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.tagKey")), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_28, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.tagValue")), 1)),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.state.backupList, (item, index2) => {
+          return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(TinyDropdownItem), {
+            key: item.label + item.value + index2,
+            disabled: item.isChecked,
+            class: "tvp-search-box__dropdown-item",
+            onClick: ($event) => selectFirstMap(item, __props.state.isShowTagKey)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("span", {
+                title: item.label
+              }, vue.toDisplayString(item.label), 9, _hoisted_29)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "onClick"])), [
+            [vue.vShow, !item.isFilter]
+          ]);
+        }), 128))
+      ])), [
+        [vue.unref(vLoading), isLoading.value]
+      ]) : vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/composables/use-checkbox.cjs.js

@@ -3,11 +3,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const tag = require("../utils/tag.cjs.js");
 const clone = require("../utils/clone.cjs.js");
+const dropdown = require("../utils/dropdown.cjs.js");
 function useCheckbox({ props, state, emits }) {
   const selectCheckbox = (confirm) => {
+    var _a, _b;
+    dropdown.showDropdown(state, false);
     const { checkboxGroup, prevItem, propItem } = state;
     const rest = clone.omitObj(prevItem);
-    state.hiden = true;
     if (confirm) {
       const tagList = [];
       const oldValue = clone.deepClone(state.innerModelValue);
@@ -18,7 +20,7 @@ function useCheckbox({ props, state, emits }) {
         const { indexMap } = state;
         const hasTagIndex = indexMap.get(prevLabel);
         hasTagIndex !== void 0 && state.innerModelValue.splice(hasTagIndex, 1);
-        state.backupList.forEach((item) => {
+        (_a = state.backupList) == null ? void 0 : _a.forEach((item) => {
           const { label } = item;
           const checkboxLabel = `${prevLabel}${label}`;
           const hasItem = checkboxGroup.includes(checkboxLabel);
@@ -37,7 +39,7 @@ function useCheckbox({ props, state, emits }) {
       } else {
         const { valueMap } = state;
         const indexList = [];
-        state.backupList.forEach((item) => {
+        (_b = state.backupList) == null ? void 0 : _b.forEach((item) => {
           const { label } = item;
           const value = `${prevLabel}${label}`;
           const hasItem = checkboxGroup.includes(value);
@@ -63,24 +65,9 @@ function useCheckbox({ props, state, emits }) {
       state.inputValue = "";
     }
   };
-  const isIndeterminate = vue.computed(
-    () => state.checkboxGroup.length > 0 && state.checkboxGroup.length !== state.filterList.length
-  );
-  const checkAll = vue.computed({
-    get: () => state.checkboxGroup.length && state.checkboxGroup.length === state.filterList.length,
-    set: (val) => {
-      if (val) {
-        state.checkboxGroup = state.filterList.flatMap((item) => `${state.prevItem.label}${item.label}`);
-      } else {
-        state.checkboxGroup = [];
-      }
-    }
-  });
   const isShowClose = vue.computed(() => props.modelValue.length || state.propItem.label || state.inputValue);
   return {
     selectCheckbox,
-    isIndeterminate,
-    checkAll,
     isShowClose
   };
 }

package/dist/lib/composables/use-custom.cjs.js

@@ -4,6 +4,7 @@ const tag = require("../utils/tag.cjs.js");
 const dropdown = require("../utils/dropdown.cjs.js");
 function useCustom({ state, emits }) {
   const updateCustomValue = (customTag) => {
+    dropdown.showDropdown(state, false);
     const { prevItem, indexMap } = state;
     const { replace, label } = prevItem;
     const tagList = [];

package/dist/lib/composables/use-datepicker.cjs.js

@@ -12,10 +12,10 @@ function useDatePicker({ props, state, emits }) {
     }
     const newTag = await validate.getVerifyDateTag(instance, state, props, isDateTimeType);
     if (newTag) {
+      dropdown.showDropdown(state, false);
       const newValue = props.modelValue.filter((prev) => prev.type !== newTag.type || prev.field !== newTag.field);
       newValue.push(newTag);
       tag.emitChangeModelEvent({ emits, state, newValue });
-      dropdown.showDropdown(state, false);
     } else {
       dropdown.showDropdown(state);
     }

package/dist/lib/composables/use-dropdown.cjs.js

@@ -7,12 +7,11 @@ const clone = require("../utils/clone.cjs.js");
 function useDropdown({ props, emits, state, t, format }) {
   const { instance } = state;
   const showValueItem = (item) => {
-    var _a;
+    var _a, _b, _c;
     const { start, end, type } = item;
-    state.backupList = ((_a = item.options) == null ? void 0 : _a.length) ? item.options : [];
+    state.backupList = item.options;
     if (type === "numRange") {
       validate.setStateNumRange(state, item, t);
-      state.hiden = false;
     } else if (type === "dateRange") {
       const { dateRangeFormat } = state;
       if (!state.startDate && start) {
@@ -23,7 +22,6 @@ function useDropdown({ props, emits, state, t, format }) {
         const newEnd = format(end, dateRangeFormat);
         state.endDate = newEnd < state.startDate ? null : newEnd;
       }
-      state.hiden = false;
     } else if (type === "datetimeRange") {
       const { datetimeRangeFormat } = state;
       if (!state.startDateTime && start) {
@@ -34,28 +32,26 @@ function useDropdown({ props, emits, state, t, format }) {
         const newEnd = format(end, datetimeRangeFormat);
         state.endDateTime = newEnd < state.startDateTime ? null : newEnd;
       }
-      state.hiden = false;
     } else if (state.backupList && type === "checkbox") {
       state.filterList = state.backupList;
       state.checkboxGroup = [];
-      state.backupList.forEach((subItem) => {
+      (_a = state.backupList) == null ? void 0 : _a.forEach((subItem) => {
         if (tag.hasTagItem(state, subItem.label)) {
           state.checkboxGroup.push(`${item.label}${subItem.label}`);
         }
         subItem.isFilter = false;
       });
-      state.hiden = false;
-    } else if (type === "custom") {
-      state.hiden = false;
     }
-    if (state.backupList.length && type !== "checkbox") {
-      state.backupList.forEach((option) => {
+    if (type !== "checkbox" && ((_b = state.backupList) == null ? void 0 : _b.length)) {
+      (_c = state.backupList) == null ? void 0 : _c.forEach((option) => {
         option.isFilter = false;
         option.isChecked = tag.hasTagItem(state, option.label);
       });
     }
     state.currentOperators = null;
-    if (!((type === "radio" || !type) && !state.backupList.length)) {
+    if (!state.backupList && !["dateRange", "datetimeRange", "numRange", "custom"].includes(type)) {
+      dropdown.showDropdown(state, false);
+    } else {
       dropdown.showDropdown(state);
     }
   };
@@ -70,7 +66,6 @@ function useDropdown({ props, emits, state, t, format }) {
     if (operators == null ? void 0 : operators.length) {
       state.operatorValue = "";
       state.currentOperators = operators;
-      state.isResetFlag = true;
       dropdown.showDropdown(state);
     } else {
       state.operatorValue = ":";
@@ -107,6 +102,7 @@ function useDropdown({ props, emits, state, t, format }) {
       tag.resetInput(state);
       return;
     }
+    dropdown.showDropdown(state, false);
     const oldValue = clone.deepClone(state.innerModelValue);
     if ((replace || mergeTag) && index >= 0) {
       state.innerModelValue.splice(index, 1);
@@ -115,7 +111,16 @@ function useDropdown({ props, emits, state, t, format }) {
     const newValue = state.innerModelValue;
     tag.emitChangeModelEvent({ emits, state, newValue, oldValue });
   };
+  const selectInputValue = (val) => {
+    var _a;
+    if ((_a = state.propItem) == null ? void 0 : _a.label) {
+      selectRadioItem({ label: val });
+    } else {
+      createTag();
+    }
+  };
   const selectRadioItem = (item, isPotential = false) => {
+    dropdown.showDropdown(state, false);
     if (isPotential) {
       state.prevItem = item;
       state.backupPrevItem = item;
@@ -146,11 +151,12 @@ function useDropdown({ props, emits, state, t, format }) {
     }
   };
   const newTagUpdateModelValue = (prevItem, propItem, tag2) => {
-    const item = state.backupList.find((subItem) => subItem.label === tag2);
+    var _a;
+    const item = (_a = state.backupList) == null ? void 0 : _a.find((subItem) => subItem.label === tag2);
     updateModelValue(prevItem, item, propItem.label, tag2);
   };
   const hasInputValueCreateTag = (inputValue, propItem, prevItem) => {
-    var _a;
+    var _a, _b;
     if (propItem.label) {
       const { regexp, replace, type, mergeTag } = prevItem;
       const tagList = type !== "checkbox" && replace || type === "checkbox" && mergeTag ? [inputValue] : inputValue.split(props.splitInputValue);
@@ -167,12 +173,15 @@ function useDropdown({ props, emits, state, t, format }) {
       }
     } else {
       const { items, defaultField } = props;
-      const currentItem = defaultField ? items.find((item) => item.field === defaultField) : state.allTypeAttri;
+      const currentItem = items.find((item) => {
+        const { regexp } = item;
+        return regexp && regexp.test(state.inputValue);
+      }) || (defaultField ? items.find((item) => item.field === defaultField) : state.allTypeAttri);
       const { replace, type, mergeTag } = currentItem;
       const tagList = type !== "checkbox" && replace || type === "checkbox" && mergeTag ? [inputValue] : inputValue.split(props.splitInputValue);
       if ((_a = currentItem == null ? void 0 : currentItem.options) == null ? void 0 : _a.length) {
         state.backupList = [...currentItem.options];
-        state.backupList.forEach((item) => {
+        (_b = state.backupList) == null ? void 0 : _b.forEach((item) => {
           const label2 = item.value || item.label;
           if (tagList.includes(label2)) {
             item.isChecked = true;
@@ -202,6 +211,6 @@ function useDropdown({ props, emits, state, t, format }) {
   const helpClick = () => {
     emits("help");
   };
-  return { selectPropItem, selectRadioItem, createTag, helpClick, setOperator };
+  return { selectPropItem, selectRadioItem, selectInputValue, createTag, helpClick, setOperator };
 }
 exports.useDropdown = useDropdown;