@opentiny/vue-search-box 0.1.6 → 2.27.0

package/dist/lib/index.vue.cjs2.js

@@ -1,780 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const TinyTag = require("@opentiny/vue-tag");
-const TinyInput = require("@opentiny/vue-input");
-const TinyDropdown = require("@opentiny/vue-dropdown");
-const TinyDropdownMenu = require("@opentiny/vue-dropdown-menu");
-const TinyButton = require("@opentiny/vue-button");
-const TinyTooltip = require("@opentiny/vue-tooltip");
-const TinyDatePicker = require("@opentiny/vue-date-picker");
-const TinyForm = require("@opentiny/vue-form");
-const TinyFormItem = require("@opentiny/vue-form-item");
-const TinyPopover = require("@opentiny/vue-popover");
-const TinySelect = require("@opentiny/vue-select");
-const TinyOption = require("@opentiny/vue-option");
-const vueIcon = require("@opentiny/vue-icon");
-const date = require("./utils/date.cjs.js");
-const index = require("./index.cjs.js");
-const useTag = require("./composables/use-tag.cjs.js");
-const useDropdown = require("./composables/use-dropdown.cjs.js");
-const useMatch = require("./composables/use-match.cjs.js");
-const useCheckbox = require("./composables/use-checkbox.cjs.js");
-const useDatepicker = require("./composables/use-datepicker.cjs.js");
-const useNumRange = require("./composables/use-num-range.cjs.js");
-const useEdit = require("./composables/use-edit.cjs.js");
-const useCustom = require("./composables/use-custom.cjs.js");
-const useInit = require("./composables/use-init.cjs.js");
-const usePlaceholder = require("./composables/use-placeholder.cjs.js");
-const dropdown = require("./utils/dropdown.cjs.js");
-require("./components/first-level-panel.vue.cjs.js");
-require("./components/second-level-panel.vue.cjs.js");
-;/* empty css                */
-const clone = require("./utils/clone.cjs.js");
-const tag = require("./utils/tag.cjs.js");
-const firstLevelPanel_vue_vue_type_script_setup_true_lang = require("./components/first-level-panel.vue.cjs2.js");
-const secondLevelPanel_vue_vue_type_script_setup_true_lang = require("./components/second-level-panel.vue.cjs2.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__ */ vue.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 = vue.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: index.t("tvp.tvpSearchbox.rulekeyword1"), field: "tvpKeyword", type: "radio" },
-      operatorValue: ":",
-      // 当前操作符值
-      inputEditValue: "",
-      currentOperators: "",
-      currentEditValue: "",
-      currentModelValueIndex: -1,
-      // 当前编辑的标签索引
-      curMinNumVar: "",
-      // numRange最小值变量
-      curMaxNumVar: "",
-      // numRange最大值变量
-      instance: vue.getCurrentInstance(),
-      isMouseDown: false,
-      currentEditSelectTags: [],
-      // 当前编辑多选的标签值
-      visible: false,
-      visibleTimer: null,
-      hasBackupList: vue.computed(
-        () => state.propItem.label && [void 0, "radio", "checkbox", "map"].includes(state.prevItem.type)
-      ),
-      isIndeterminate: vue.computed(
-        () => state.checkboxGroup.length > 0 && state.checkboxGroup.length !== state.filterList.length
-      ),
-      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 TinyIconSearch = vueIcon.iconSearch();
-    const TinyIconClose = vueIcon.iconClose();
-    const TinyIconHelpQuery = vueIcon.iconHelpQuery();
-    const { selectPropItem, selectRadioItem, selectInputValue, createTag, helpClick, setOperator } = useDropdown.useDropdown({
-      props,
-      emits,
-      state,
-      t: index.t,
-      format: date.format
-    });
-    const { deleteTag, clearTag, backspaceDeleteTag } = useTag.useTag({
-      props,
-      state,
-      emits
-    });
-    const { editTag, confirmEditTag, selectPropChange, selectItemIsDisable } = useEdit.useEdit({
-      props,
-      state,
-      t: index.t,
-      nextTick: vue.nextTick,
-      format: date.format,
-      emits
-    });
-    const { handleInput, selectFirstMap } = useMatch.useMatch({
-      props,
-      state,
-      emits
-    });
-    const { placeholder, setPlaceholder } = usePlaceholder.usePlaceholder({ props, state, t: index.t });
-    const { selectCheckbox, isShowClose } = useCheckbox.useCheckbox({
-      props,
-      state,
-      emits
-    });
-    const { onConfirmDate, handleDateShow, pickerOptions } = useDatepicker.useDatePicker({
-      props,
-      state,
-      emits
-    });
-    const { sizeChange, initFormRule } = useNumRange.useNumRange({
-      props,
-      state,
-      t: index.t,
-      emits
-    });
-    const { handleConfirm, handleEditConfirm } = useCustom.useCustom({ state, emits });
-    const { initItems, watchOutsideClick, watchMouseDown, watchMouseMove, handleClick } = useInit.useInit({
-      props,
-      state
-    });
-    vue.watch(
-      () => props.items,
-      (newVal) => {
-        state.recordItems = clone.deepClone(newVal);
-        initItems();
-        initFormRule();
-      },
-      {
-        deep: true,
-        immediate: true
-      }
-    );
-    vue.watch(
-      () => state.popoverVisible,
-      (newVal) => {
-        if (!newVal && !state.inputEditValue.length) {
-          state.inputEditValue = state.currentEditSelectTags;
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    vue.watch(
-      () => props.modelValue,
-      (newVal) => {
-        if (newVal) {
-          state.indexMap.clear();
-          state.valueMap.clear();
-          newVal.forEach((item, index2) => {
-            var _a;
-            const value = `${item.label}${item.value}`;
-            state.indexMap.set(item.label, index2);
-            state.valueMap.set(value, index2);
-            if (((_a = item.options) == null ? void 0 : _a.length) > 0) {
-              item.options.forEach((option) => {
-                const optionValue = `${item.label}${option.label}`;
-                state.valueMap.set(optionValue, index2);
-              });
-            }
-          });
-          dropdown.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
-      }
-    );
-    vue.onMounted(() => {
-      if (typeof document !== "undefined") {
-        document.addEventListener("click", watchOutsideClick);
-        document.addEventListener("mousedown", watchMouseDown);
-        document.addEventListener("mousemove", watchMouseMove);
-      }
-    });
-    vue.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 vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["tvp-search-box", __props.size === "small" ? "tvp-search-box--small" : ""]),
-        onClick: _cache[21] || (_cache[21] = vue.withModifiers(($event) => vue.unref(dropdown.showPopover)(state, false), ["stop"]))
-      }, [
-        vue.createVNode(vue.unref(TinyIconSearch), { class: "tvp-search-box__prefix" }),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.modelValue, (tag2, index2) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(TinyTag), {
-            key: tag2.field + index2,
-            closable: "",
-            size: __props.size === "small" ? "small" : "",
-            class: vue.normalizeClass(["tvp-search-box__tag", __props.editable && tag2.type !== "map" ? "tvp-search-box__tag-editor" : ""]),
-            title: `${tag2.label} ${tag2.operator || ":"} ${tag2.value}`,
-            onClose: ($event) => vue.unref(deleteTag)(tag2),
-            onClick: vue.withModifiers(($event) => vue.unref(editTag)(tag2, index2, $event), ["stop"])
-          }, {
-            default: vue.withCtx(() => [
-              vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(tag2.label) + " " + vue.toDisplayString(tag2.operator || ":") + " " + vue.toDisplayString(tag2.value), 1)
-            ]),
-            _: 2
-          }, 1032, ["size", "class", "title", "onClose", "onClick"]);
-        }), 128)),
-        __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("", true),
-        vue.createVNode(vue.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: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.createElementVNode("section", _hoisted_4, [
-                vue.withDirectives(vue.createElementVNode("span", null, vue.toDisplayString(state.propItem.label) + " " + vue.toDisplayString(`${state.operatorValue ? state.operatorValue : ""} `), 513), [
-                  [vue.vShow, state.propItem.label]
-                ]),
-                vue.withDirectives(vue.createElementVNode("span", null, vue.toDisplayString(state.propItem.value), 513), [
-                  [vue.vShow, state.propItem.value]
-                ])
-              ]),
-              vue.createVNode(vue.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: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(TinyDropdownMenu), {
-                    placement: "bottom-start",
-                    "popper-class": "tvp-search-box__dropdown-menu",
-                    style: vue.normalizeStyle({ "max-height": __props.panelMaxHeight }),
-                    onMouseup: vue.withModifiers(() => {
-                    }, ["stop"])
-                  }, {
-                    default: vue.withCtx(() => {
-                      var _a, _b;
-                      return [
-                        vue.withDirectives(vue.createElementVNode("div", null, [
-                          ((_a = state.instance) == null ? void 0 : _a.slots["first-panel"]) ? vue.renderSlot(_ctx.$slots, "first-panel", vue.mergeProps({ key: 0 }, {
-                            state,
-                            handleEvents
-                          }, {
-                            onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-                            }, ["stop"]))
-                          })) : (vue.openBlock(), vue.createBlock(firstLevelPanel_vue_vue_type_script_setup_true_lang.default, {
-                            key: 1,
-                            state,
-                            onEvents: handleEvents
-                          }, null, 8, ["state"]))
-                        ], 512), [
-                          [vue.vShow, !state.propItem.label || state.inputValue.trim()]
-                        ]),
-                        vue.withDirectives(vue.createElementVNode("div", null, [
-                          ((_b = state.instance) == null ? void 0 : _b.slots["second-panel"]) ? vue.renderSlot(_ctx.$slots, "second-panel", vue.mergeProps({ key: 0 }, {
-                            state,
-                            pickerOptions: vue.unref(pickerOptions),
-                            handleEvents,
-                            back: () => vue.unref(tag.resetInput)(state)
-                          }, {
-                            onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
-                            }, ["stop"]))
-                          })) : state.prevItem.type !== "custom" ? (vue.openBlock(), vue.createBlock(secondLevelPanel_vue_vue_type_script_setup_true_lang.default, {
-                            key: 1,
-                            state,
-                            "picker-options": vue.unref(pickerOptions),
-                            onEvents: handleEvents
-                          }, null, 8, ["state", "picker-options"])) : (vue.openBlock(), vue.createElementBlock("div", {
-                            key: 2,
-                            class: "tvp-search-box__panel-box",
-                            onClick: _cache[4] || (_cache[4] = ($event) => vue.unref(dropdown.showDropdown)(state))
-                          }, [
-                            vue.renderSlot(_ctx.$slots, state.prevItem.slotName, vue.mergeProps({
-                              showDropdown: () => vue.unref(dropdown.showDropdown)(state),
-                              onConfirm: vue.unref(handleConfirm)
-                            }, {
-                              onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
-                              }, ["stop"]))
-                            }))
-                          ]))
-                        ], 512), [
-                          [vue.vShow, state.propItem.label]
-                        ])
-                      ];
-                    }),
-                    _: 3
-                  }, 8, ["style"])
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(TinyInput), {
-                    ref: "inputRef",
-                    modelValue: state.inputValue,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.inputValue = $event),
-                    class: "tvp-search-box__input",
-                    placeholder: vue.unref(placeholder),
-                    maxlength: __props.maxlength && __props.maxlength + 1,
-                    onKeydown: [
-                      vue.withKeys(vue.withModifiers(vue.unref(backspaceDeleteTag), ["stop"]), ["delete"]),
-                      vue.withKeys(vue.withModifiers(vue.unref(createTag), ["stop"]), ["enter"])
-                    ],
-                    onInput: vue.unref(handleInput),
-                    onClick: vue.unref(handleClick)
-                  }, {
-                    suffix: vue.withCtx(() => [
-                      vue.withDirectives(vue.createVNode(vue.unref(TinyIconClose), {
-                        class: "tvp-search-box__input-close",
-                        onClick: vue.withModifiers(vue.unref(clearTag), ["stop"])
-                      }, null, 8, ["onClick"]), [
-                        [vue.vShow, vue.unref(isShowClose)]
-                      ]),
-                      vue.withDirectives(vue.createElementVNode("span", _hoisted_5, null, 512), [
-                        [vue.vShow, vue.unref(isShowClose)]
-                      ]),
-                      __props.showHelp ? (vue.openBlock(), vue.createBlock(vue.unref(TinyTooltip), {
-                        key: 0,
-                        effect: "light",
-                        content: vue.unref(index.t)("tvp.tvpSearchbox.help"),
-                        placement: "top"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(TinyIconHelpQuery), {
-                            class: "tvp-search-box__input-help",
-                            onClick: vue.withModifiers(vue.unref(helpClick), ["stop"])
-                          }, null, 8, ["onClick"])
-                        ]),
-                        _: 1
-                      }, 8, ["content"])) : vue.createCommentVNode("", true),
-                      vue.createVNode(vue.unref(TinyIconSearch), {
-                        class: "tvp-search-box__input-search",
-                        onClick: vue.withModifiers(vue.unref(createTag), ["stop"])
-                      }, null, 8, ["onClick"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "placeholder", "maxlength", "onKeydown", "onInput", "onClick"])
-                ]),
-                _: 3
-              }, 8, ["visible", "size"])
-            ]),
-            __props.editable ? (vue.openBlock(), vue.createBlock(vue.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: vue.withCtx(() => [
-                state.prevItem.type !== "custom" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  vue.createElementVNode("div", _hoisted_6, [
-                    vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.attributeType")), 1),
-                    vue.createVNode(vue.unref(TinyFormItem), { class: "tvp-search-box__number-item" }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(TinySelect), {
-                          modelValue: state.selectValue,
-                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => state.selectValue = $event),
-                          searchable: "",
-                          disabled: state.prevItem.editAttrDisabled
-                        }, {
-                          default: vue.withCtx(() => [
-                            (vue.openBlock(), vue.createBlock(vue.unref(TinyOption), {
-                              key: state.allTypeAttri.label,
-                              label: vue.unref(index.t)("tvp.tvpSearchbox.allProperty"),
-                              value: state.allTypeAttri.label,
-                              disabled: vue.unref(selectItemIsDisable)(state.allTypeAttri),
-                              onClick: _cache[6] || (_cache[6] = ($event) => vue.unref(selectPropChange)(state.allTypeAttri, vue.unref(selectItemIsDisable)(state.allTypeAttri)))
-                            }, null, 8, ["label", "value", "disabled"])),
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(state.recordItems, (item) => {
-                              return vue.openBlock(), vue.createBlock(vue.unref(TinyOption), {
-                                key: item.label,
-                                label: item.label,
-                                value: item.label,
-                                disabled: vue.unref(selectItemIsDisable)(item),
-                                onClick: ($event) => vue.unref(selectPropChange)(item, vue.unref(selectItemIsDisable)(item))
-                              }, null, 8, ["label", "value", "disabled", "onClick"]);
-                            }), 128))
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue", "disabled"])
-                      ]),
-                      _: 1
-                    }),
-                    state.prevItem.operators ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.operator")), 1)) : vue.createCommentVNode("", true),
-                    state.prevItem.operators ? (vue.openBlock(), vue.createBlock(vue.unref(TinyFormItem), {
-                      key: 1,
-                      class: "tvp-search-box__number-item"
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(TinySelect), {
-                          modelValue: state.operatorValue,
-                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => state.operatorValue = $event)
-                        }, {
-                          default: vue.withCtx(() => [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(state.currentOperators, (item) => {
-                              return vue.openBlock(), vue.createBlock(vue.unref(TinyOption), {
-                                key: item,
-                                label: item,
-                                value: item
-                              }, null, 8, ["label", "value"]);
-                            }), 128))
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    })) : vue.createCommentVNode("", true),
-                    state.prevItem.type !== "numRange" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.tagValue")), 1)) : vue.createCommentVNode("", true),
-                    !["numRange", "dateRange", "datetimeRange", "custom"].includes(state.prevItem.type) ? (vue.openBlock(), vue.createBlock(vue.unref(TinyFormItem), {
-                      key: 3,
-                      prop: "inputEditValue",
-                      class: "tvp-search-box__number-item"
-                    }, {
-                      default: vue.withCtx(() => {
-                        var _a, _b;
-                        return [
-                          ((_a = state.currentEditValue) == null ? void 0 : _a.length) > 0 ? (vue.openBlock(), vue.createBlock(vue.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: vue.withCtx(() => [
-                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(state.currentEditValue, (item) => {
-                                return vue.openBlock(), vue.createBlock(vue.unref(TinyOption), {
-                                  key: item.label,
-                                  label: item.label,
-                                  value: item.label
-                                }, null, 8, ["label", "value"]);
-                              }), 128))
-                            ]),
-                            _: 1
-                          }, 8, ["modelValue", "multiple", "allow-create"])) : (vue.openBlock(), vue.createBlock(vue.unref(TinyInput), {
-                            key: 1,
-                            modelValue: state.inputEditValue,
-                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => state.inputEditValue = $event),
-                            clearable: ""
-                          }, null, 8, ["modelValue"]))
-                        ];
-                      }),
-                      _: 1
-                    })) : vue.createCommentVNode("", true),
-                    state.prevItem.type === "numRange" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-                      vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.minValueText")) + "(" + vue.toDisplayString(state.prevItem.unit) + ") ", 1),
-                      vue.createVNode(vue.unref(TinyFormItem), {
-                        prop: state.curMinNumVar,
-                        class: "tvp-search-box__number-item",
-                        "show-message": state.numberShowMessage
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.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"]),
-                      vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.maxValueText")) + "(" + vue.toDisplayString(state.prevItem.unit) + ") ", 1),
-                      vue.createVNode(vue.unref(TinyFormItem), {
-                        prop: state.curMaxNumVar,
-                        class: "tvp-search-box__number-item"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.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"])
-                    ])) : vue.createCommentVNode("", true),
-                    state.prevItem.type === "dateRange" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
-                      vue.createElementVNode("div", _hoisted_14, vue.toDisplayString(state.prevItem.maxTimeLength > 0 ? vue.unref(index.t)("tvp.tvpSearchbox.timeLengthTitle", {
-                        value: (state.prevItem.maxTimeLength / 864e5).toFixed(1)
-                      }) : vue.unref(index.t)("tvp.tvpSearchbox.rangeDateTitle")), 1),
-                      vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.rangeBeginLabel")), 1),
-                      vue.createVNode(vue.unref(TinyFormItem), {
-                        prop: "startDate",
-                        "show-message": Boolean(state.prevItem.maxTimeLength),
-                        class: "tvp-search-box__date-item"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.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": vue.unref(pickerOptions)(state.startDate, "endDate"),
-                            class: "tvp-search-box__date-picker"
-                          }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
-                        ]),
-                        _: 1
-                      }, 8, ["show-message"]),
-                      vue.createElementVNode("div", _hoisted_16, 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: 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": vue.unref(pickerOptions)(state.startDate),
-                            class: "tvp-search-box__date-picker"
-                          }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
-                        ]),
-                        _: 1
-                      })
-                    ])) : vue.createCommentVNode("", true),
-                    state.prevItem.type === "datetimeRange" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
-                      vue.createElementVNode("div", _hoisted_18, vue.toDisplayString(state.prevItem.maxTimeLength > 0 ? vue.unref(index.t)("tvp.tvpSearchbox.timeLengthTitle", {
-                        value: (state.prevItem.maxTimeLength / 864e5).toFixed(1)
-                      }) : vue.unref(index.t)("tvp.tvpSearchbox.rangeDateTitle")), 1),
-                      vue.createElementVNode("div", _hoisted_19, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.rangeBeginLabel")), 1),
-                      vue.createVNode(vue.unref(TinyFormItem), {
-                        prop: "startDateTime",
-                        "show-message": Boolean(state.prevItem.maxTimeLength),
-                        class: "tvp-search-box__date-item"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.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": vue.unref(pickerOptions)(state.startDateTime, "endDateTime"),
-                            class: "tvp-search-box__date-picker"
-                          }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
-                        ]),
-                        _: 1
-                      }, 8, ["show-message"]),
-                      vue.createElementVNode("div", _hoisted_20, 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: 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": vue.unref(pickerOptions)(state.startDateTime),
-                            class: "tvp-search-box__date-picker"
-                          }, null, 8, ["modelValue", "format", "value-format", "picker-options"])
-                        ]),
-                        _: 1
-                      })
-                    ])) : vue.createCommentVNode("", true)
-                  ]),
-                  vue.createElementVNode("div", _hoisted_21, [
-                    vue.createVNode(vue.unref(TinyButton), {
-                      size: "mini",
-                      onClick: _cache[17] || (_cache[17] = ($event) => vue.unref(confirmEditTag)(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[18] || (_cache[18] = ($event) => vue.unref(confirmEditTag)(true))
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.confirm")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
-                  vue.renderSlot(_ctx.$slots, `${state.prevItem.slotName}-edit`, vue.mergeProps({
-                    showDropdown: () => vue.unref(dropdown.showPopover)(state),
-                    onConfirm: vue.unref(handleEditConfirm)
-                  }, {
-                    onClick: _cache[19] || (_cache[19] = vue.withModifiers(() => {
-                    }, ["stop"]))
-                  }))
-                ]))
-              ]),
-              _: 3
-            }, 8, ["modelValue"])) : vue.createCommentVNode("", true)
-          ]),
-          _: 3
-        }, 8, ["model", "rules", "validate-type", "size"])
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;