@opentiny/vue-search-box 0.1.6 → 2.27.1

package/dist/es/index.vue.es2.js

@@ -1,780 +0,0 @@
-import { defineComponent, reactive, computed, getCurrentInstance, nextTick, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, withModifiers, unref, normalizeClass, createVNode, createCommentVNode, Fragment, renderList, createBlock, withCtx, createElementVNode, toDisplayString, withDirectives, vShow, withKeys, normalizeStyle, renderSlot, mergeProps, createTextVNode } from "vue";
-import TinyTag from "@opentiny/vue-tag";
-import TinyInput from "@opentiny/vue-input";
-import TinyDropdown from "@opentiny/vue-dropdown";
-import TinyDropdownMenu from "@opentiny/vue-dropdown-menu";
-import TinyButton from "@opentiny/vue-button";
-import TinyTooltip from "@opentiny/vue-tooltip";
-import TinyDatePicker from "@opentiny/vue-date-picker";
-import TinyForm from "@opentiny/vue-form";
-import TinyFormItem from "@opentiny/vue-form-item";
-import TinyPopover from "@opentiny/vue-popover";
-import TinySelect from "@opentiny/vue-select";
-import TinyOption from "@opentiny/vue-option";
-import { iconSearch, iconClose, iconHelpQuery } from "@opentiny/vue-icon";
-import { format } from "./utils/date.es.js";
-import { t } from "./index.es.js";
-import { useTag } from "./composables/use-tag.es.js";
-import { useDropdown } from "./composables/use-dropdown.es.js";
-import { useMatch } from "./composables/use-match.es.js";
-import { useCheckbox } from "./composables/use-checkbox.es.js";
-import { useDatePicker } from "./composables/use-datepicker.es.js";
-import { useNumRange } from "./composables/use-num-range.es.js";
-import { useEdit } from "./composables/use-edit.es.js";
-import { useCustom } from "./composables/use-custom.es.js";
-import { useInit } from "./composables/use-init.es.js";
-import { usePlaceholder } from "./composables/use-placeholder.es.js";
-import { showPopover, showDropdown } from "./utils/dropdown.es.js";
-import "./components/first-level-panel.vue.es.js";
-import "./components/second-level-panel.vue.es.js";
-/* empty css              */
-import { deepClone } from "./utils/clone.es.js";
-import { resetInput } from "./utils/tag.es.js";
-import _sfc_main$1 from "./components/first-level-panel.vue.es2.js";
-import _sfc_main$2 from "./components/second-level-panel.vue.es2.js";
-const _hoisted_1 = { class: "tvp-search-box__tag-value" };
-const _hoisted_2 = {
-  key: 0,
-  class: "tvp-search-box__placeholder"
-};
-const _hoisted_3 = { class: "tvp-search-box__input-wrapper" };
-const _hoisted_4 = { class: "tvp-search-box__prop" };
-const _hoisted_5 = { class: "tvp-search-box__input-separator" };
-const _hoisted_6 = { class: "tvp-search-box__date-wrap" };
-const _hoisted_7 = { class: "tvp-search-box__dropdown-start" };
-const _hoisted_8 = {
-  key: 0,
-  class: "tvp-search-box__dropdown-end"
-};
-const _hoisted_9 = {
-  key: 2,
-  class: "tvp-search-box__dropdown-end"
-};
-const _hoisted_10 = {
-  key: 4,
-  class: "tvp-search-box__number"
-};
-const _hoisted_11 = { class: "tvp-search-box__dropdown-start" };
-const _hoisted_12 = { class: "tvp-search-box__dropdown-end" };
-const _hoisted_13 = {
-  key: 5,
-  class: "tvp-search-box__date-wrap"
-};
-const _hoisted_14 = { class: "tvp-search-box__dropdown-title" };
-const _hoisted_15 = { class: "tvp-search-box__dropdown-start" };
-const _hoisted_16 = { class: "tvp-search-box__dropdown-end" };
-const _hoisted_17 = {
-  key: 6,
-  class: "tvp-search-box__date-wrap"
-};
-const _hoisted_18 = { class: "tvp-search-box__dropdown-title" };
-const _hoisted_19 = { class: "tvp-search-box__dropdown-start" };
-const _hoisted_20 = { class: "tvp-search-box__dropdown-end" };
-const _hoisted_21 = { class: "tvp-search-box__bottom-btn" };
-const _hoisted_22 = {
-  key: 1,
-  class: "tvp-search-box__panel-box"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "TinySearchBox"
-  },
-  __name: "index",
-  props: {
-    modelValue: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    items: {
-      type: Array,
-      default: () => []
-    },
-    emptyPlaceholder: {
-      type: String,
-      default: ""
-    },
-    potentialOptions: {
-      type: Object,
-      default() {
-        return null;
-      }
-    },
-    // 是否显示帮助图标，新规范默认显示
-    showHelp: {
-      type: Boolean,
-      default: true
-    },
-    // 标签标识键
-    idMapKey: {
-      type: String,
-      default: "id"
-    },
-    // 自定义默认搜索项
-    defaultField: {
-      type: String,
-      default: ""
-    },
-    editable: {
-      type: Boolean,
-      default: false
-    },
-    maxlength: {
-      type: Number
-    },
-    // 3.18.0新增
-    panelMaxHeight: {
-      type: String,
-      default: "999px"
-    },
-    // 3.18.0新增
-    splitInputValue: {
-      type: String,
-      default: ","
-    },
-    // 尺寸
-    size: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue", "change", "search", "exceed", "first-level-select", "clear"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const state = reactive({
-      innerModelValue: [...props.modelValue],
-      recordItems: [],
-      groupItems: {},
-      inputValue: "",
-      matchItems: {},
-      propItem: {},
-      backupList: [],
-      filterList: [],
-      checkboxGroup: [],
-      prevItem: {},
-      backupPrevItem: "",
-      formRules: null,
-      validType: "text",
-      numberShowMessage: true,
-      startDate: null,
-      startDateTime: null,
-      endDate: null,
-      endDateTime: null,
-      isShowTagKey: true,
-      potentialOptions: null,
-      dateRangeFormat: "yyyy/MM/dd",
-      datetimeRangeFormat: "yyyy/MM/dd HH:mm:ss",
-      indexMap: /* @__PURE__ */ new Map(),
-      valueMap: /* @__PURE__ */ new Map(),
-      popoverVisible: false,
-      selectValue: "",
-      allTypeAttri: { label: t("tvp.tvpSearchbox.rulekeyword1"), field: "tvpKeyword", type: "radio" },
-      operatorValue: ":",
-      // 当前操作符值
-      inputEditValue: "",
-      currentOperators: "",
-      currentEditValue: "",
-      currentModelValueIndex: -1,
-      // 当前编辑的标签索引
-      curMinNumVar: "",
-      // numRange最小值变量
-      curMaxNumVar: "",
-      // numRange最大值变量
-      instance: getCurrentInstance(),
-      isMouseDown: false,
-      currentEditSelectTags: [],
-      // 当前编辑多选的标签值
-      visible: false,
-      visibleTimer: null,
-      hasBackupList: computed(
-        () => state.propItem.label && [void 0, "radio", "checkbox", "map"].includes(state.prevItem.type)
-      ),
-      isIndeterminate: computed(
-        () => state.checkboxGroup.length > 0 && state.checkboxGroup.length !== state.filterList.length
-      ),
-      checkAll: 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 TinyIconSearch = iconSearch();
-    const TinyIconClose = iconClose();
-    const TinyIconHelpQuery = iconHelpQuery();
-    const { selectPropItem, selectRadioItem, selectInputValue, createTag, helpClick, setOperator } = useDropdown({
-      props,
-      emits,
-      state,
-      t,
-      format
-    });
-    const { deleteTag, clearTag, backspaceDeleteTag } = useTag({
-      props,
-      state,
-      emits
-    });
-    const { editTag, confirmEditTag, selectPropChange, selectItemIsDisable } = useEdit({
-      props,
-      state,
-      t,
-      nextTick,
-      format,
-      emits
-    });
-    const { handleInput, selectFirstMap } = useMatch({
-      props,
-      state,
-      emits
-    });
-    const { placeholder, setPlaceholder } = usePlaceholder({ props, state, t });
-    const { selectCheckbox, isShowClose } = useCheckbox({
-      props,
-      state,
-      emits
-    });
-    const { onConfirmDate, handleDateShow, pickerOptions } = useDatePicker({
-      props,
-      state,
-      emits
-    });
-    const { sizeChange, initFormRule } = useNumRange({
-      props,
-      state,
-      t,
-      emits
-    });
-    const { handleConfirm, handleEditConfirm } = useCustom({ state, emits });
-    const { initItems, watchOutsideClick, watchMouseDown, watchMouseMove, handleClick } = useInit({
-      props,
-      state
-    });
-    watch(
-      () => props.items,
-      (newVal) => {
-        state.recordItems = deepClone(newVal);
-        initItems();
-        initFormRule();
-      },
-      {
-        deep: true,
-        immediate: true
-      }
-    );
-    watch(
-      () => state.popoverVisible,
-      (newVal) => {
-        if (!newVal && !state.inputEditValue.length) {
-          state.inputEditValue = state.currentEditSelectTags;
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    watch(
-      () => props.modelValue,
-      (newVal) => {
-        if (newVal) {
-          state.indexMap.clear();
-          state.valueMap.clear();
-          newVal.forEach((item, index) => {
-            var _a;
-            const value = `${item.label}${item.value}`;
-            state.indexMap.set(item.label, index);
-            state.valueMap.set(value, index);
-            if (((_a = item.options) == null ? void 0 : _a.length) > 0) {
-              item.options.forEach((option) => {
-                const optionValue = `${item.label}${option.label}`;
-                state.valueMap.set(optionValue, index);
-              });
-            }
-          });
-          showPopover(state, false);
-          if (newVal.length === 0) {
-            setPlaceholder(props.emptyPlaceholder);
-          }
-          if (props.editable && !state.inputEditValue.length && newVal[0]) {
-            state.inputEditValue = newVal[0].value;
-          }
-        }
-        state.innerModelValue = [...newVal];
-      },
-      {
-        deep: true,
-        immediate: true
-      }
-    );
-    onMounted(() => {
-      if (typeof document !== "undefined") {
-        document.addEventListener("click", watchOutsideClick);
-        document.addEventListener("mousedown", watchMouseDown);
-        document.addEventListener("mousemove", watchMouseMove);
-      }
-    });
-    onBeforeUnmount(() => {
-      if (typeof document !== "undefined") {
-        document.removeEventListener("click", watchOutsideClick);
-        document.removeEventListener("mousedown", watchMouseDown);
-        document.removeEventListener("mousemove", watchMouseMove);
-      }
-    });
-    const eventsMap = {
-      selectInputValue,
-      selectPropItem,
-      selectRadioItem,
-      setOperator,
-      selectCheckbox,
-      sizeChange,
-      onConfirmDate,
-      selectFirstMap,
-      handleDateShow
-    };
-    const handleEvents = (eventName, p1, p2) => {
-      eventsMap[eventName](p1, p2);
-    };
-    __expose({
-      state,
-      handleEvents
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tvp-search-box", __props.size === "small" ? "tvp-search-box--small" : ""]),
-        onClick: _cache[21] || (_cache[21] = withModifiers(($event) => unref(showPopover)(state, false), ["stop"]))
-      }, [
-        createVNode(unref(TinyIconSearch), { class: "tvp-search-box__prefix" }),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (tag, index) => {
-          return openBlock(), createBlock(unref(TinyTag), {
-            key: tag.field + index,
-            closable: "",
-            size: __props.size === "small" ? "small" : "",
-            class: normalizeClass(["tvp-search-box__tag", __props.editable && tag.type !== "map" ? "tvp-search-box__tag-editor" : ""]),
-            title: `${tag.label} ${tag.operator || ":"} ${tag.value}`,
-            onClose: ($event) => unref(deleteTag)(tag),
-            onClick: withModifiers(($event) => unref(editTag)(tag, index, $event), ["stop"])
-          }, {
-            default: withCtx(() => [
-              createElementVNode("span", _hoisted_1, toDisplayString(tag.label) + " " + toDisplayString(tag.operator || ":") + " " + toDisplayString(tag.value), 1)
-            ]),
-            _: 2
-          }, 1032, ["size", "class", "title", "onClose", "onClick"]);
-        }), 128)),
-        __props.modelValue.length ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true),
-        createVNode(unref(TinyForm), {
-          ref: "formRef",
-          model: state,
-          rules: state.formRules,
-          "validate-type": state.validType,
-          size: __props.size === "small" ? "small" : "",
-          "label-width": "0px",
-          "message-type": "block",
-          class: "tvp-search-box__form"
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("section", _hoisted_4, [
-                withDirectives(createElementVNode("span", null, toDisplayString(state.propItem.label) + " " + toDisplayString(`${state.operatorValue ? state.operatorValue : ""} `), 513), [
-                  [vShow, state.propItem.label]
-                ]),
-                withDirectives(createElementVNode("span", null, toDisplayString(state.propItem.value), 513), [
-                  [vShow, state.propItem.value]
-                ])
-              ]),
-              createVNode(unref(TinyDropdown), {
-                ref: "dropdownRef",
-                visible: state.visible,
-                "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => state.visible = $event),
-                trigger: "click",
-                class: "tvp-search-box__dropdown",
-                "show-icon": false,
-                size: __props.size === "small" ? "small" : "",
-                "lazy-show-popper": "",
-                "close-on-click-outside": true
-              }, {
-                dropdown: withCtx(() => [
-                  createVNode(unref(TinyDropdownMenu), {
-                    placement: "bottom-start",
-                    "popper-class": "tvp-search-box__dropdown-menu",
-                    style: normalizeStyle({ "max-height": __props.panelMaxHeight }),
-                    onMouseup: withModifiers(() => {
-                    }, ["stop"])
-                  }, {
-                    default: withCtx(() => {
-                      var _a, _b;
-                      return [
-                        withDirectives(createElementVNode("div", null, [
-                          ((_a = state.instance) == null ? void 0 : _a.slots["first-panel"]) ? renderSlot(_ctx.$slots, "first-panel", mergeProps({ key: 0 }, {
-                            state,
-                            handleEvents
-                          }, {
-                            onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                            }, ["stop"]))
-                          })) : (openBlock(), createBlock(_sfc_main$1, {
-                            key: 1,
-                            state,
-                            onEvents: handleEvents
-                          }, null, 8, ["state"]))
-                        ], 512), [
-                          [vShow, !state.propItem.label || state.inputValue.trim()]
-                        ]),
-                        withDirectives(createElementVNode("div", null, [
-                          ((_b = state.instance) == null ? void 0 : _b.slots["second-panel"]) ? renderSlot(_ctx.$slots, "second-panel", mergeProps({ key: 0 }, {
-                            state,
-                            pickerOptions: unref(pickerOptions),
-                            handleEvents,
-                            back: () => unref(resetInput)(state)
-                          }, {
-                            onClick: _cache[2] || (_cache[2] = withModifiers(() => {
-                            }, ["stop"]))
-                          })) : state.prevItem.type !== "custom" ? (openBlock(), createBlock(_sfc_main$2, {
-                            key: 1,
-                            state,
-                            "picker-options": unref(pickerOptions),
-                            onEvents: handleEvents
-                          }, null, 8, ["state", "picker-options"])) : (openBlock(), createElementBlock("div", {
-                            key: 2,
-                            class: "tvp-search-box__panel-box",
-                            onClick: _cache[4] || (_cache[4] = ($event) => unref(showDropdown)(state))
-                          }, [
-                            renderSlot(_ctx.$slots, state.prevItem.slotName, mergeProps({
-                              showDropdown: () => unref(showDropdown)(state),
-                              onConfirm: unref(handleConfirm)
-                            }, {
-                              onClick: _cache[3] || (_cache[3] = withModifiers(() => {
-                              }, ["stop"]))
-                            }))
-                          ]))
-                        ], 512), [
-                          [vShow, state.propItem.label]
-                        ])
-                      ];
-                    }),
-                    _: 3
-                  }, 8, ["style"])
-                ]),
-                default: withCtx(() => [
-                  createVNode(unref(TinyInput), {
-                    ref: "inputRef",
-                    modelValue: state.inputValue,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.inputValue = $event),
-                    class: "tvp-search-box__input",
-                    placeholder: unref(placeholder),
-                    maxlength: __props.maxlength && __props.maxlength + 1,
-                    onKeydown: [
-                      withKeys(withModifiers(unref(backspaceDeleteTag), ["stop"]), ["delete"]),
-                      withKeys(withModifiers(unref(createTag), ["stop"]), ["enter"])
-                    ],
-                    onInput: unref(handleInput),
-                    onClick: unref(handleClick)
-                  }, {
-                    suffix: withCtx(() => [
-                      withDirectives(createVNode(unref(TinyIconClose), {
-                        class: "tvp-search-box__input-close",
-                        onClick: withModifiers(unref(clearTag), ["stop"])
-                      }, null, 8, ["onClick"]), [
-                        [vShow, unref(isShowClose)]
-                      ]),
-                      withDirectives(createElementVNode("span", _hoisted_5, null, 512), [
-                        [vShow, unref(isShowClose)]
-                      ]),
-                      __props.showHelp ? (openBlock(), createBlock(unref(TinyTooltip), {
-                        key: 0,
-                        effect: "light",
-                        content: unref(t)("tvp.tvpSearchbox.help"),
-                        placement: "top"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TinyIconHelpQuery), {
-                            class: "tvp-search-box__input-help",
-                            onClick: withModifiers(unref(helpClick), ["stop"])
-                          }, null, 8, ["onClick"])
-                        ]),
-                        _: 1
-                      }, 8, ["content"])) : createCommentVNode("", true),
-                      createVNode(unref(TinyIconSearch), {
-                        class: "tvp-search-box__input-search",
-                        onClick: withModifiers(unref(createTag), ["stop"])
-                      }, null, 8, ["onClick"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "placeholder", "maxlength", "onKeydown", "onInput", "onClick"])
-                ]),
-                _: 3
-              }, 8, ["visible", "size"])
-            ]),
-            __props.editable ? (openBlock(), createBlock(unref(TinyPopover), {
-              key: 0,
-              ref: "popoverRef",
-              modelValue: state.popoverVisible,
-              "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => state.popoverVisible = $event),
-              placement: "bottom-start",
-              "visible-arrow": false,
-              trigger: "manual",
-              "popper-class": "tvp-search-box__popover",
-              class: "tvp-search-box__form-popover"
-            }, {
-              default: withCtx(() => [
-                state.prevItem.type !== "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  createElementVNode("div", _hoisted_6, [
-                    createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("tvp.tvpSearchbox.attributeType")), 1),
-                    createVNode(unref(TinyFormItem), { class: "tvp-search-box__number-item" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(TinySelect), {
-                          modelValue: state.selectValue,
-                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => state.selectValue = $event),
-                          searchable: "",
-                          disabled: state.prevItem.editAttrDisabled
-                        }, {
-                          default: withCtx(() => [
-                            (openBlock(), createBlock(unref(TinyOption), {
-                              key: state.allTypeAttri.label,
-                              label: unref(t)("tvp.tvpSearchbox.allProperty"),
-                              value: state.allTypeAttri.label,
-                              disabled: unref(selectItemIsDisable)(state.allTypeAttri),
-                              onClick: _cache[6] || (_cache[6] = ($event) => unref(selectPropChange)(state.allTypeAttri, unref(selectItemIsDisable)(state.allTypeAttri)))
-                            }, null, 8, ["label", "value", "disabled"])),
-                            (openBlock(true), createElementBlock(Fragment, null, renderList(state.recordItems, (item) => {
-                              return openBlock(), createBlock(unref(TinyOption), {
-                                key: item.label,
-                                label: item.label,
-                                value: item.label,
-                                disabled: unref(selectItemIsDisable)(item),
-                                onClick: ($event) => unref(selectPropChange)(item, unref(selectItemIsDisable)(item))
-                              }, null, 8, ["label", "value", "disabled", "onClick"]);
-                            }), 128))
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue", "disabled"])
-                      ]),
-                      _: 1
-                    }),
-                    state.prevItem.operators ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(unref(t)("tvp.tvpSearchbox.operator")), 1)) : createCommentVNode("", true),
-                    state.prevItem.operators ? (openBlock(), createBlock(unref(TinyFormItem), {
-                      key: 1,
-                      class: "tvp-search-box__number-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(TinySelect), {
-                          modelValue: state.operatorValue,
-                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => state.operatorValue = $event)
-                        }, {
-                          default: withCtx(() => [
-                            (openBlock(true), createElementBlock(Fragment, null, renderList(state.currentOperators, (item) => {
-                              return openBlock(), createBlock(unref(TinyOption), {
-                                key: item,
-                                label: item,
-                                value: item
-                              }, null, 8, ["label", "value"]);
-                            }), 128))
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    state.prevItem.type !== "numRange" ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(unref(t)("tvp.tvpSearchbox.tagValue")), 1)) : createCommentVNode("", true),
-                    !["numRange", "dateRange", "datetimeRange", "custom"].includes(state.prevItem.type) ? (openBlock(), createBlock(unref(TinyFormItem), {
-                      key: 3,
-                      prop: "inputEditValue",
-                      class: "tvp-search-box__number-item"
-                    }, {
-                      default: withCtx(() => {
-                        var _a, _b;
-                        return [
-                          ((_a = state.currentEditValue) == null ? void 0 : _a.length) > 0 ? (openBlock(), createBlock(unref(TinySelect), {
-                            key: 0,
-                            modelValue: state.inputEditValue,
-                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => state.inputEditValue = $event),
-                            class: "tvp-search-box-select",
-                            multiple: Boolean(state.prevItem.mergeTag),
-                            "allow-create": (_b = state.prevItem) == null ? void 0 : _b.allowCreate,
-                            filterable: "",
-                            "default-first-option": "",
-                            clearable: ""
-                          }, {
-                            default: withCtx(() => [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(state.currentEditValue, (item) => {
-                                return openBlock(), createBlock(unref(TinyOption), {
-                                  key: item.label,
-                                  label: item.label,
-                                  value: item.label
-                                }, null, 8, ["label", "value"]);
-                              }), 128))
-                            ]),
-                            _: 1
-                          }, 8, ["modelValue", "multiple", "allow-create"])) : (openBlock(), createBlock(unref(TinyInput), {
-                            key: 1,
-                            modelValue: state.inputEditValue,
-                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => state.inputEditValue = $event),
-                            clearable: ""
-                          }, null, 8, ["modelValue"]))
-                        ];
-                      }),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    state.prevItem.type === "numRange" ? (openBlock(), createElementBlock("div", _hoisted_10, [
-                      createElementVNode("div", _hoisted_11, toDisplayString(unref(t)("tvp.tvpSearchbox.minValueText")) + "(" + toDisplayString(state.prevItem.unit) + ") ", 1),
-                      createVNode(unref(TinyFormItem), {
-                        prop: state.curMinNumVar,
-                        class: "tvp-search-box__number-item",
-                        "show-message": state.numberShowMessage
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TinyInput), {
-                            modelValue: state[state.curMinNumVar],
-                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => state[state.curMinNumVar] = $event),
-                            type: "number",
-                            class: "tvp-search-box__number-input"
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      }, 8, ["prop", "show-message"]),
-                      createElementVNode("div", _hoisted_12, toDisplayString(unref(t)("tvp.tvpSearchbox.maxValueText")) + "(" + toDisplayString(state.prevItem.unit) + ") ", 1),
-                      createVNode(unref(TinyFormItem), {
-                        prop: state.curMaxNumVar,
-                        class: "tvp-search-box__number-item"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TinyInput), {
-                            modelValue: state[state.curMaxNumVar],
-                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => state[state.curMaxNumVar] = $event),
-                            type: "number",
-                            class: "tvp-search-box__number-input"
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      }, 8, ["prop"])
-                    ])) : createCommentVNode("", true),
-                    state.prevItem.type === "dateRange" ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                      createElementVNode("div", _hoisted_14, toDisplayString(state.prevItem.maxTimeLength > 0 ? unref(t)("tvp.tvpSearchbox.timeLengthTitle", {
-                        value: (state.prevItem.maxTimeLength / 864e5).toFixed(1)
-                      }) : unref(t)("tvp.tvpSearchbox.rangeDateTitle")), 1),
-                      createElementVNode("div", _hoisted_15, toDisplayString(unref(t)("tvp.tvpSearchbox.rangeBeginLabel")), 1),
-                      createVNode(unref(TinyFormItem), {
-                        prop: "startDate",
-                        "show-message": Boolean(state.prevItem.maxTimeLength),
-                        class: "tvp-search-box__date-item"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TinyDatePicker), {
-                            modelValue: state.startDate,
-                            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => state.startDate = $event),
-                            format: state.prevItem.format || state.dateRangeFormat,
-                            "value-format": state.prevItem.format || state.dateRangeFormat,
-                            "picker-options": unref(pickerOptions)(state.startDate, "endDate"),
-                            class: "tvp-search-box__date-picker"
-                          }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
-                        ]),
-                        _: 1
-                      }, 8, ["show-message"]),
-                      createElementVNode("div", _hoisted_16, toDisplayString(unref(t)("tvp.tvpSearchbox.rangeEndLabel")), 1),
-                      createVNode(unref(TinyFormItem), {
-                        prop: "endDate",
-                        class: "tvp-search-box__date-item"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TinyDatePicker), {
-                            modelValue: state.endDate,
-                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => state.endDate = $event),
-                            format: state.prevItem.format || state.dateRangeFormat,
-                            "value-format": state.prevItem.format || state.dateRangeFormat,
-                            "picker-options": unref(pickerOptions)(state.startDate),
-                            class: "tvp-search-box__date-picker"
-                          }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
-                        ]),
-                        _: 1
-                      })
-                    ])) : createCommentVNode("", true),
-                    state.prevItem.type === "datetimeRange" ? (openBlock(), createElementBlock("div", _hoisted_17, [
-                      createElementVNode("div", _hoisted_18, toDisplayString(state.prevItem.maxTimeLength > 0 ? unref(t)("tvp.tvpSearchbox.timeLengthTitle", {
-                        value: (state.prevItem.maxTimeLength / 864e5).toFixed(1)
-                      }) : unref(t)("tvp.tvpSearchbox.rangeDateTitle")), 1),
-                      createElementVNode("div", _hoisted_19, toDisplayString(unref(t)("tvp.tvpSearchbox.rangeBeginLabel")), 1),
-                      createVNode(unref(TinyFormItem), {
-                        prop: "startDateTime",
-                        "show-message": Boolean(state.prevItem.maxTimeLength),
-                        class: "tvp-search-box__date-item"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TinyDatePicker), {
-                            modelValue: state.startDateTime,
-                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => state.startDateTime = $event),
-                            type: "datetime",
-                            isutc8: true,
-                            format: state.prevItem.format || state.datetimeRangeFormat,
-                            "value-format": state.prevItem.format || state.datetimeRangeFormat,
-                            "picker-options": unref(pickerOptions)(state.startDateTime, "endDateTime"),
-                            class: "tvp-search-box__date-picker"
-                          }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
-                        ]),
-                        _: 1
-                      }, 8, ["show-message"]),
-                      createElementVNode("div", _hoisted_20, toDisplayString(unref(t)("tvp.tvpSearchbox.rangeEndLabel")), 1),
-                      createVNode(unref(TinyFormItem), {
-                        prop: "endDateTime",
-                        class: "tvp-search-box__date-item"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TinyDatePicker), {
-                            modelValue: state.endDateTime,
-                            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => state.endDateTime = $event),
-                            type: "datetime",
-                            isutc8: true,
-                            format: state.prevItem.format || state.datetimeRangeFormat,
-                            "value-format": state.prevItem.format || state.datetimeRangeFormat,
-                            "picker-options": unref(pickerOptions)(state.startDateTime),
-                            class: "tvp-search-box__date-picker"
-                          }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
-                        ]),
-                        _: 1
-                      })
-                    ])) : createCommentVNode("", true)
-                  ]),
-                  createElementVNode("div", _hoisted_21, [
-                    createVNode(unref(TinyButton), {
-                      size: "mini",
-                      onClick: _cache[17] || (_cache[17] = ($event) => unref(confirmEditTag)(false))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("tvp.tvpSearchbox.cancel")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(TinyButton), {
-                      size: "mini",
-                      onClick: _cache[18] || (_cache[18] = ($event) => unref(confirmEditTag)(true))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("tvp.tvpSearchbox.confirm")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ], 64)) : (openBlock(), createElementBlock("div", _hoisted_22, [
-                  renderSlot(_ctx.$slots, `${state.prevItem.slotName}-edit`, mergeProps({
-                    showDropdown: () => unref(showPopover)(state),
-                    onConfirm: unref(handleEditConfirm)
-                  }, {
-                    onClick: _cache[19] || (_cache[19] = withModifiers(() => {
-                    }, ["stop"]))
-                  }))
-                ]))
-              ]),
-              _: 3
-            }, 8, ["modelValue"])) : createCommentVNode("", true)
-          ]),
-          _: 3
-        }, 8, ["model", "rules", "validate-type", "size"])
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};