@ctzy-web-client/plugin-component-vue 1.0.30 → 1.0.31

package/es/components.css

@@ -0,0 +1 @@
+.letter-circle[data-v-4c0fde1d]{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;width:24px}@keyframes blink-ca1affd9{0%,to{opacity:1}50%{opacity:0}}.cursor-blink[data-v-ca1affd9]{animation:blink-ca1affd9 1s infinite;background-color:#333;display:inline-block;height:16px;width:1px}

package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition.mjs

@@ -1,10 +1,11 @@
-import { defineComponent, ref, onMounted, nextTick, useAttrs, computed, inject, unref, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode, createElementVNode, Fragment, renderList, createBlock, withModifiers, renderSlot } from 'vue';
-import { ElTooltip, ElTag, ElIcon, ElInput } from 'element-plus';
+import { defineComponent, ref, onMounted, nextTick, useAttrs, computed, inject, unref, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode, createElementVNode, Fragment, renderList, createBlock, withDirectives, withModifiers, vModelText, renderSlot } from 'vue';
+import { ElTooltip, ElTag, ElIcon } from 'element-plus';
 import { ArrowUp, ArrowDown } from '@element-plus/icons';
 import { useService, HttpRequest, useNamespace, filterPanelItemKey } from '@ctzy-web-client/web-base-client-vue';
 import { dataProps } from '../../hooks/use-data/index.mjs';
 import BwaAdvanceSelect from '../../advance-select/advance-select.mjs';
 import BwaAdvanceOption from '../../advance-select/advance-option.mjs';
+import './pct-multiple-menu-condition.vue_vue_type_style_index_0_scoped_ca1affd9_lang.mjs';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
 
 // Inject __name helper
@@ -16,7 +17,51 @@ if (typeof __name === 'undefined') {
     });
   }
 }
-const _hoisted_1 = { key: 0 };
+const _hoisted_1 = {
+  key: 0,
+  style: { "display": "flex", "align-items": "center", "flex-wrap": "wrap", "gap": "4px" }
+};
+const _hoisted_2 = {
+  key: 0,
+  style: { "flex": "1", "min-width": "80px", "position": "relative" }
+};
+const _hoisted_3 = {
+  key: 0,
+  style: { "color": "#999", "cursor": "text" }
+};
+const _hoisted_4 = {
+  key: 1,
+  style: { "color": "#333" }
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "cursor-blink"
+};
+const _hoisted_6 = {
+  key: 1,
+  style: { "display": "flex", "align-items": "center", "justify-content": "space-between", "width": "100%" }
+};
+const _hoisted_7 = {
+  key: 1,
+  style: { "color": "#333" }
+};
+const _hoisted_8 = {
+  key: 2,
+  class: "cursor-blink"
+};
+const _hoisted_9 = { style: { "flex": "1", "position": "relative", "cursor": "text" } };
+const _hoisted_10 = {
+  key: 1,
+  style: { "display": "flex", "align-items": "center", "width": "100%" }
+};
+const _hoisted_11 = {
+  key: 1,
+  style: { "color": "#333" }
+};
+const _hoisted_12 = {
+  key: 2,
+  class: "cursor-blink"
+};
 const __default__ = defineComponent({
   name: "BwaPctMultipleMenuCondition",
   __conditionTitle__: "\u591A\u9009\u5217\u8868",
@@ -96,6 +141,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const ns = useNamespace("pctfilterpanel-item");
     const isShowPopper = ref(false);
     const isHoverIcon = ref(false);
+    const isSearchActive = ref(false);
+    const inputRef = ref(null);
     const attrs = useAttrs();
     const showTitle = computed(() => attrs.showTitle);
     const data = ref([]);
@@ -146,6 +193,32 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       isShowPopper.value = !isShowPopper.value;
     };
+    const handleContentClick = (event) => {
+      var _a2, _b;
+      event.stopPropagation();
+      isShowPopper.value = true;
+      if (props.showSearch && !((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.options)) {
+        nextTick(() => {
+          if (inputRef.value) {
+            inputRef.value.focus();
+            isSearchActive.value = true;
+          }
+        });
+      }
+    };
+    const handleInputFocus = () => {
+      isSearchActive.value = true;
+      isShowPopper.value = true;
+    };
+    const handleInputBlur = (event) => {
+      const target = event.relatedTarget;
+      if (target && target.closest(".bwa-advance-select__popper")) {
+        return;
+      }
+      setTimeout(() => {
+        isSearchActive.value = false;
+      }, 200);
+    };
     const getData = async (query) => {
       var _a2;
       loading.value = true;
@@ -179,8 +252,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
     };
     const search = ref("");
+    let searchTimeout = null;
     watch(() => search.value, (val) => {
       handleFieldSearch(val);
+      if (searchTimeout) {
+        clearTimeout(searchTimeout);
+      }
+      searchTimeout = setTimeout(() => {
+        var _a2, _b;
+        if (val && props.showSearch && !((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.options)) {
+          isShowPopper.value = true;
+          if (column.value.componentProps) {
+            getData(val);
+          }
+        }
+      }, 500);
     });
     const modelValue = computed({
       get: () => {
@@ -214,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           showLetterAvatar: showLetterAvatarStatus.value,
           multiple: __props.multiple,
           modelValue: modelValue.value,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => modelValue.value = $event),
           onSearch: handleFieldSearch,
           class: normalizeClass(unref(ns).e("options")),
           onVisibleChange: visibleChange,
@@ -228,142 +314,197 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           ref_key: "advanceSelectRef",
           ref: advanceSelectRef
         }, {
-          "reference-content": withCtx(({ selected }) => [
-            __props.multiple ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(unref(ns).e("content"))
-            }, [
-              selected && selected.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                createVNode(unref(ElTooltip), {
-                  content: selected[0].label,
-                  placement: "top",
-                  effect: "light",
-                  "append-to": ".bwa-application"
+          "reference-content": withCtx(({ selected }) => {
+            var _a2, _b, _c, _d;
+            return [
+              createCommentVNode(" \u591A\u9009\u6A21\u5F0F "),
+              __props.multiple ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(unref(ns).e("content")),
+                onClick: handleContentClick
+              }, [
+                selected && selected.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  createVNode(unref(ElTooltip), {
+                    content: selected[0].label,
+                    placement: "top",
+                    effect: "light",
+                    "append-to": ".bwa-application"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElTag), {
+                        class: normalizeClass(unref(ns).e("tag")),
+                        closable: "",
+                        onClose: ($event) => handleClose(selected[0]),
+                        type: "info"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(selected[0].label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["class", "onClose"])
+                    ]),
+                    _: 2
+                  }, 1032, ["content"]),
+                  createVNode(unref(ElTooltip), {
+                    content: "Bottom center",
+                    placement: "top",
+                    effect: "light",
+                    "append-to": ".bwa-application"
+                  }, {
+                    content: withCtx(() => [
+                      createElementVNode("div", {
+                        class: normalizeClass(unref(ns).e("tag_box"))
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(selected, (item, index) => {
+                          return openBlock(), createElementBlock(Fragment, null, [
+                            index !== 0 ? (openBlock(), createBlock(unref(ElTag), {
+                              key: 0,
+                              class: normalizeClass(unref(ns).e("tag_details")),
+                              type: "info",
+                              closable: "",
+                              onClose: ($event) => handleClose(item)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(item.label), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["class", "onClose"])) : createCommentVNode("v-if", true)
+                          ], 64);
+                        }), 256))
+                      ], 2)
+                    ]),
+                    default: withCtx(() => [
+                      selected.length > 1 ? (openBlock(), createBlock(unref(ElTag), {
+                        key: 0,
+                        class: normalizeClass(unref(ns).e("tag")),
+                        type: "info"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("+" + toDisplayString(selected.length - 1), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["class"])) : createCommentVNode("v-if", true)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  createCommentVNode(" \u641C\u7D22\u8F93\u5165\u533A\u57DF "),
+                  props.showSearch && !((_a2 = column.value.componentProps) == null ? void 0 : _a2.options) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                    !isSearchActive.value && !search.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(searchPlaceholderStr.value || "\u641C\u7D22"), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(search.value), 1)),
+                    createCommentVNode(" \u95EA\u70C1\u5149\u6807 "),
+                    isSearchActive.value ? (openBlock(), createElementBlock("span", _hoisted_5)) : createCommentVNode("v-if", true),
+                    createCommentVNode(" \u9690\u85CF\u7684\u8F93\u5165\u6846 "),
+                    props.showSearch && !((_b = column.value.componentProps) == null ? void 0 : _b.options) ? withDirectives((openBlock(), createElementBlock("input", {
+                      key: 3,
+                      ref_key: "inputRef",
+                      ref: inputRef,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                      type: "text",
+                      style: { "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "opacity": "0", "cursor": "text" },
+                      onFocus: handleInputFocus,
+                      onBlur: handleInputBlur,
+                      onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                      }, ["stop"]))
+                    }, null, 544)), [
+                      [vModelText, search.value]
+                    ]) : createCommentVNode("v-if", true)
+                  ])) : createCommentVNode("v-if", true)
+                ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+                  createElementVNode("div", {
+                    style: { "flex": "1", "position": "relative", "cursor": "text" },
+                    onClick: handleContentClick
+                  }, [
+                    !isSearchActive.value && !search.value ? (openBlock(), createElementBlock("span", {
+                      key: 0,
+                      class: normalizeClass(unref(ns).e("contentBox_placeholder"))
+                    }, toDisplayString(placeholderStr.value), 3)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(search.value), 1)),
+                    createCommentVNode(" \u95EA\u70C1\u5149\u6807 "),
+                    isSearchActive.value ? (openBlock(), createElementBlock("span", _hoisted_8)) : createCommentVNode("v-if", true),
+                    createCommentVNode(" \u9690\u85CF\u7684\u8F93\u5165\u6846 "),
+                    props.showSearch && !((_c = column.value.componentProps) == null ? void 0 : _c.options) ? withDirectives((openBlock(), createElementBlock("input", {
+                      key: 3,
+                      ref_key: "inputRef",
+                      ref: inputRef,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => search.value = $event),
+                      type: "text",
+                      style: { "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "opacity": "0", "cursor": "text" },
+                      onFocus: handleInputFocus,
+                      onBlur: handleInputBlur,
+                      onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+                      }, ["stop"]))
+                    }, null, 544)), [
+                      [vModelText, search.value]
+                    ]) : createCommentVNode("v-if", true)
+                  ])
+                ])),
+                createVNode(unref(ElIcon), {
+                  onMouseenter: _cache[4] || (_cache[4] = ($event) => isHoverIcon.value = true),
+                  onMouseleave: _cache[5] || (_cache[5] = ($event) => isHoverIcon.value = false),
+                  onClick: withModifiers(handleIconClick, ["stop"]),
+                  class: normalizeClass(unref(ns).be("option", "selected"))
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(ElTag), {
-                      class: normalizeClass(unref(ns).e("tag")),
-                      closable: "",
-                      onClose: ($event) => handleClose(selected[0]),
-                      type: "info"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(selected[0].label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "onClose"])
+                    isHoverIcon.value && selected.length > 0 ? (openBlock(), createBlock(_component_CircleClose, {
+                      key: 0,
+                      class: "delete-icon"
+                    })) : isShowPopper.value ? (openBlock(), createBlock(unref(ArrowUp), { key: 1 })) : (openBlock(), createBlock(unref(ArrowDown), { key: 2 }))
                   ]),
                   _: 2
-                }, 1032, ["content"]),
-                createVNode(unref(ElTooltip), {
-                  content: "Bottom center",
-                  placement: "top",
-                  effect: "light",
-                  "append-to": ".bwa-application"
-                }, {
-                  content: withCtx(() => [
-                    createElementVNode("div", {
-                      class: normalizeClass(unref(ns).e("tag_box"))
-                    }, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(selected, (item, index) => {
-                        return openBlock(), createElementBlock(Fragment, null, [
-                          index !== 0 ? (openBlock(), createBlock(unref(ElTag), {
-                            key: 0,
-                            class: normalizeClass(unref(ns).e("tag_details")),
-                            type: "info",
-                            closable: "",
-                            onClose: ($event) => handleClose(item)
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(item.label), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["class", "onClose"])) : createCommentVNode("v-if", true)
-                        ], 64);
-                      }), 256))
-                    ], 2)
-                  ]),
-                  default: withCtx(() => [
-                    selected.length > 1 ? (openBlock(), createBlock(unref(ElTag), {
-                      key: 0,
-                      class: normalizeClass(unref(ns).e("tag")),
-                      type: "info"
+                }, 1032, ["class"])
+              ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createCommentVNode(" \u5355\u9009\u6A21\u5F0F "),
+                createElementVNode("div", {
+                  class: normalizeClass(unref(ns).e("content")),
+                  onClick: handleContentClick
+                }, [
+                  createElementVNode("div", _hoisted_9, [
+                    createVNode(unref(ElTooltip), {
+                      disabled: !selected.label,
+                      content: selected.label,
+                      placement: "top",
+                      effect: "light",
+                      "append-to": ".bwa-application"
                     }, {
                       default: withCtx(() => [
-                        createTextVNode("+" + toDisplayString(selected.length - 1), 1)
+                        selected.label ? (openBlock(), createElementBlock("div", {
+                          key: 0,
+                          class: normalizeClass([unref(ns).e("contentBox"), unref(ns).e("contentBox_label")])
+                        }, toDisplayString(selected.label || placeholderStr.value), 3)) : (openBlock(), createElementBlock("div", _hoisted_10, [
+                          !isSearchActive.value && !search.value ? (openBlock(), createElementBlock("span", {
+                            key: 0,
+                            class: normalizeClass(unref(ns).e("contentBox_placeholder"))
+                          }, toDisplayString(placeholderStr.value), 3)) : (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(search.value), 1)),
+                          createCommentVNode(" \u95EA\u70C1\u5149\u6807 "),
+                          isSearchActive.value ? (openBlock(), createElementBlock("span", _hoisted_12)) : createCommentVNode("v-if", true)
+                        ]))
                       ]),
                       _: 2
-                    }, 1032, ["class"])) : createCommentVNode("v-if", true)
+                    }, 1032, ["disabled", "content"]),
+                    createCommentVNode(" \u9690\u85CF\u7684\u8F93\u5165\u6846 "),
+                    props.showSearch && !((_d = column.value.componentProps) == null ? void 0 : _d.options) ? withDirectives((openBlock(), createElementBlock("input", {
+                      key: 0,
+                      ref_key: "inputRef",
+                      ref: inputRef,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => search.value = $event),
+                      type: "text",
+                      style: { "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "opacity": "0", "cursor": "text" },
+                      onFocus: handleInputFocus,
+                      onBlur: handleInputBlur,
+                      onClick: _cache[7] || (_cache[7] = withModifiers(() => {
+                      }, ["stop"]))
+                    }, null, 544)), [
+                      [vModelText, search.value]
+                    ]) : createCommentVNode("v-if", true)
                   ]),
-                  _: 2
-                }, 1024)
-              ])) : (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: normalizeClass(unref(ns).e("contentBox_placeholder"))
-              }, toDisplayString(placeholderStr.value), 3)),
-              createVNode(unref(ElIcon), {
-                onMouseenter: _cache[0] || (_cache[0] = ($event) => isHoverIcon.value = true),
-                onMouseleave: _cache[1] || (_cache[1] = ($event) => isHoverIcon.value = false),
-                onClick: withModifiers(handleIconClick, ["stop"]),
-                class: normalizeClass(unref(ns).be("option", "selected"))
-              }, {
-                default: withCtx(() => [
-                  isHoverIcon.value && selected.length > 0 ? (openBlock(), createBlock(_component_CircleClose, {
-                    key: 0,
-                    class: "delete-icon"
-                  })) : isShowPopper.value ? (openBlock(), createBlock(unref(ArrowUp), { key: 1 })) : (openBlock(), createBlock(unref(ArrowDown), { key: 2 }))
-                ]),
-                _: 2
-              }, 1032, ["class"])
-            ], 2)) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(unref(ns).e("content"))
-            }, [
-              createVNode(unref(ElTooltip), {
-                disabled: !selected.label,
-                content: selected.label,
-                placement: "top",
-                effect: "light",
-                "append-to": ".bwa-application"
-              }, {
-                default: withCtx(() => [
-                  selected.label ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    class: normalizeClass([unref(ns).e("contentBox"), unref(ns).e("contentBox_label")])
-                  }, toDisplayString(selected.label || placeholderStr.value), 3)) : (openBlock(), createElementBlock("div", {
-                    key: 1,
-                    class: normalizeClass([unref(ns).e("contentBox"), unref(ns).e("contentBox_placeholder")])
-                  }, toDisplayString(placeholderStr.value), 3))
-                ]),
-                _: 2
-              }, 1032, ["disabled", "content"]),
-              createVNode(unref(ElIcon), {
-                class: normalizeClass(unref(ns).be("option", "selected"))
-              }, {
-                default: withCtx(() => [
-                  isShowPopper.value ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : (openBlock(), createBlock(unref(ArrowDown), { key: 1 }))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ], 2))
-          ]),
-          contentTop: withCtx(() => {
-            var _a2;
-            return [
-              __props.showSearch && !((_a2 = column.value.componentProps) == null ? void 0 : _a2.options) ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass(unref(ns).e("contentTop"))
-              }, [
-                createVNode(unref(ElInput), {
-                  modelValue: search.value,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => search.value = $event),
-                  class: normalizeClass(unref(ns).e("select")),
-                  placeholder: searchPlaceholderStr.value,
-                  type: "text",
-                  "prefix-icon": "Search",
-                  clearable: ""
-                }, null, 8, ["modelValue", "class", "placeholder"])
-              ], 2)) : createCommentVNode("v-if", true)
+                  createVNode(unref(ElIcon), {
+                    class: normalizeClass(unref(ns).be("option", "selected"))
+                  }, {
+                    default: withCtx(() => [
+                      isShowPopper.value ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : (openBlock(), createBlock(unref(ArrowDown), { key: 1 }))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ], 2)
+              ], 2112))
             ];
           }),
           contentBottom: withCtx(() => [
@@ -383,7 +524,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   class: normalizeClass(unref(ns).be("filter", "option"))
                 }, null, 8, ["value", "label", "showLetterAvatar", "class"]);
               }), 128))
-            ])
+            ], true)
           ]),
           _: 3
         }, 8, ["showLetterAvatar", "multiple", "modelValue", "class", "showSelectIcon", "loading", "width"])
@@ -391,6 +532,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     };
   }
 });
-var PctMultipleMenuCondition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pct-multiple-menu-condition.vue"]]);
+var PctMultipleMenuCondition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca1affd9"], ["__file", "pct-multiple-menu-condition.vue"]]);
 
 export { PctMultipleMenuCondition as default };

package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition.vue_vue_type_style_index_0_scoped_ca1affd9_lang.mjs

@@ -0,0 +1,13 @@
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
+
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/lib/components.css

@@ -0,0 +1 @@
+.letter-circle[data-v-4c0fde1d]{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;width:24px}@keyframes blink-ca1affd9{0%,to{opacity:1}50%{opacity:0}}.cursor-blink[data-v-ca1affd9]{animation:blink-ca1affd9 1s infinite;background-color:#333;display:inline-block;height:16px;width:1px}

package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition.js

@@ -9,6 +9,7 @@ var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var index = require('../../hooks/use-data/index.js');
 var advanceSelect = require('../../advance-select/advance-select.js');
 var advanceOption = require('../../advance-select/advance-option.js');
+require('./pct-multiple-menu-condition.vue_vue_type_style_index_0_scoped_ca1affd9_lang.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
 // Inject __name helper
@@ -20,7 +21,51 @@ if (typeof __name === 'undefined') {
     });
   }
 }
-const _hoisted_1 = { key: 0 };
+const _hoisted_1 = {
+  key: 0,
+  style: { "display": "flex", "align-items": "center", "flex-wrap": "wrap", "gap": "4px" }
+};
+const _hoisted_2 = {
+  key: 0,
+  style: { "flex": "1", "min-width": "80px", "position": "relative" }
+};
+const _hoisted_3 = {
+  key: 0,
+  style: { "color": "#999", "cursor": "text" }
+};
+const _hoisted_4 = {
+  key: 1,
+  style: { "color": "#333" }
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "cursor-blink"
+};
+const _hoisted_6 = {
+  key: 1,
+  style: { "display": "flex", "align-items": "center", "justify-content": "space-between", "width": "100%" }
+};
+const _hoisted_7 = {
+  key: 1,
+  style: { "color": "#333" }
+};
+const _hoisted_8 = {
+  key: 2,
+  class: "cursor-blink"
+};
+const _hoisted_9 = { style: { "flex": "1", "position": "relative", "cursor": "text" } };
+const _hoisted_10 = {
+  key: 1,
+  style: { "display": "flex", "align-items": "center", "width": "100%" }
+};
+const _hoisted_11 = {
+  key: 1,
+  style: { "color": "#333" }
+};
+const _hoisted_12 = {
+  key: 2,
+  class: "cursor-blink"
+};
 const __default__ = vue.defineComponent({
   name: "BwaPctMultipleMenuCondition",
   __conditionTitle__: "\u591A\u9009\u5217\u8868",
@@ -100,6 +145,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const ns = webBaseClientVue.useNamespace("pctfilterpanel-item");
     const isShowPopper = vue.ref(false);
     const isHoverIcon = vue.ref(false);
+    const isSearchActive = vue.ref(false);
+    const inputRef = vue.ref(null);
     const attrs = vue.useAttrs();
     const showTitle = vue.computed(() => attrs.showTitle);
     const data = vue.ref([]);
@@ -150,6 +197,32 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       isShowPopper.value = !isShowPopper.value;
     };
+    const handleContentClick = (event) => {
+      var _a2, _b;
+      event.stopPropagation();
+      isShowPopper.value = true;
+      if (props.showSearch && !((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.options)) {
+        vue.nextTick(() => {
+          if (inputRef.value) {
+            inputRef.value.focus();
+            isSearchActive.value = true;
+          }
+        });
+      }
+    };
+    const handleInputFocus = () => {
+      isSearchActive.value = true;
+      isShowPopper.value = true;
+    };
+    const handleInputBlur = (event) => {
+      const target = event.relatedTarget;
+      if (target && target.closest(".bwa-advance-select__popper")) {
+        return;
+      }
+      setTimeout(() => {
+        isSearchActive.value = false;
+      }, 200);
+    };
     const getData = async (query) => {
       var _a2;
       loading.value = true;
@@ -183,8 +256,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
     };
     const search = vue.ref("");
+    let searchTimeout = null;
     vue.watch(() => search.value, (val) => {
       handleFieldSearch(val);
+      if (searchTimeout) {
+        clearTimeout(searchTimeout);
+      }
+      searchTimeout = setTimeout(() => {
+        var _a2, _b;
+        if (val && props.showSearch && !((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.options)) {
+          isShowPopper.value = true;
+          if (column.value.componentProps) {
+            getData(val);
+          }
+        }
+      }, 500);
     });
     const modelValue = vue.computed({
       get: () => {
@@ -218,7 +304,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           showLetterAvatar: showLetterAvatarStatus.value,
           multiple: __props.multiple,
           modelValue: modelValue.value,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => modelValue.value = $event),
           onSearch: handleFieldSearch,
           class: vue.normalizeClass(vue.unref(ns).e("options")),
           onVisibleChange: visibleChange,
@@ -232,142 +318,197 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           ref_key: "advanceSelectRef",
           ref: advanceSelectRef
         }, {
-          "reference-content": vue.withCtx(({ selected }) => [
-            __props.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("content"))
-            }, [
-              selected && selected.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-                vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
-                  content: selected[0].label,
-                  placement: "top",
-                  effect: "light",
-                  "append-to": ".bwa-application"
+          "reference-content": vue.withCtx(({ selected }) => {
+            var _a2, _b, _c, _d;
+            return [
+              vue.createCommentVNode(" \u591A\u9009\u6A21\u5F0F "),
+              __props.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("content")),
+                onClick: handleContentClick
+              }, [
+                selected && selected.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                  vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
+                    content: selected[0].label,
+                    placement: "top",
+                    effect: "light",
+                    "append-to": ".bwa-application"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(ElementPlus.ElTag), {
+                        class: vue.normalizeClass(vue.unref(ns).e("tag")),
+                        closable: "",
+                        onClose: ($event) => handleClose(selected[0]),
+                        type: "info"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(selected[0].label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["class", "onClose"])
+                    ]),
+                    _: 2
+                  }, 1032, ["content"]),
+                  vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
+                    content: "Bottom center",
+                    placement: "top",
+                    effect: "light",
+                    "append-to": ".bwa-application"
+                  }, {
+                    content: vue.withCtx(() => [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(vue.unref(ns).e("tag_box"))
+                      }, [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(selected, (item, index) => {
+                          return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                            index !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTag), {
+                              key: 0,
+                              class: vue.normalizeClass(vue.unref(ns).e("tag_details")),
+                              type: "info",
+                              closable: "",
+                              onClose: ($event) => handleClose(item)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["class", "onClose"])) : vue.createCommentVNode("v-if", true)
+                          ], 64);
+                        }), 256))
+                      ], 2)
+                    ]),
+                    default: vue.withCtx(() => [
+                      selected.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTag), {
+                        key: 0,
+                        class: vue.normalizeClass(vue.unref(ns).e("tag")),
+                        type: "info"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("+" + vue.toDisplayString(selected.length - 1), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["class"])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  vue.createCommentVNode(" \u641C\u7D22\u8F93\u5165\u533A\u57DF "),
+                  props.showSearch && !((_a2 = column.value.componentProps) == null ? void 0 : _a2.options) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                    !isSearchActive.value && !search.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(searchPlaceholderStr.value || "\u641C\u7D22"), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(search.value), 1)),
+                    vue.createCommentVNode(" \u95EA\u70C1\u5149\u6807 "),
+                    isSearchActive.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5)) : vue.createCommentVNode("v-if", true),
+                    vue.createCommentVNode(" \u9690\u85CF\u7684\u8F93\u5165\u6846 "),
+                    props.showSearch && !((_b = column.value.componentProps) == null ? void 0 : _b.options) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                      key: 3,
+                      ref_key: "inputRef",
+                      ref: inputRef,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                      type: "text",
+                      style: { "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "opacity": "0", "cursor": "text" },
+                      onFocus: handleInputFocus,
+                      onBlur: handleInputBlur,
+                      onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                      }, ["stop"]))
+                    }, null, 544)), [
+                      [vue.vModelText, search.value]
+                    ]) : vue.createCommentVNode("v-if", true)
+                  ])) : vue.createCommentVNode("v-if", true)
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                  vue.createElementVNode("div", {
+                    style: { "flex": "1", "position": "relative", "cursor": "text" },
+                    onClick: handleContentClick
+                  }, [
+                    !isSearchActive.value && !search.value ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 0,
+                      class: vue.normalizeClass(vue.unref(ns).e("contentBox_placeholder"))
+                    }, vue.toDisplayString(placeholderStr.value), 3)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(search.value), 1)),
+                    vue.createCommentVNode(" \u95EA\u70C1\u5149\u6807 "),
+                    isSearchActive.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8)) : vue.createCommentVNode("v-if", true),
+                    vue.createCommentVNode(" \u9690\u85CF\u7684\u8F93\u5165\u6846 "),
+                    props.showSearch && !((_c = column.value.componentProps) == null ? void 0 : _c.options) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                      key: 3,
+                      ref_key: "inputRef",
+                      ref: inputRef,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => search.value = $event),
+                      type: "text",
+                      style: { "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "opacity": "0", "cursor": "text" },
+                      onFocus: handleInputFocus,
+                      onBlur: handleInputBlur,
+                      onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+                      }, ["stop"]))
+                    }, null, 544)), [
+                      [vue.vModelText, search.value]
+                    ]) : vue.createCommentVNode("v-if", true)
+                  ])
+                ])),
+                vue.createVNode(vue.unref(ElementPlus.ElIcon), {
+                  onMouseenter: _cache[4] || (_cache[4] = ($event) => isHoverIcon.value = true),
+                  onMouseleave: _cache[5] || (_cache[5] = ($event) => isHoverIcon.value = false),
+                  onClick: vue.withModifiers(handleIconClick, ["stop"]),
+                  class: vue.normalizeClass(vue.unref(ns).be("option", "selected"))
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(ElementPlus.ElTag), {
-                      class: vue.normalizeClass(vue.unref(ns).e("tag")),
-                      closable: "",
-                      onClose: ($event) => handleClose(selected[0]),
-                      type: "info"
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(selected[0].label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["class", "onClose"])
+                    isHoverIcon.value && selected.length > 0 ? (vue.openBlock(), vue.createBlock(_component_CircleClose, {
+                      key: 0,
+                      class: "delete-icon"
+                    })) : isShowPopper.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowUp), { key: 1 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowDown), { key: 2 }))
                   ]),
                   _: 2
-                }, 1032, ["content"]),
-                vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
-                  content: "Bottom center",
-                  placement: "top",
-                  effect: "light",
-                  "append-to": ".bwa-application"
-                }, {
-                  content: vue.withCtx(() => [
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(vue.unref(ns).e("tag_box"))
-                    }, [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(selected, (item, index) => {
-                        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                          index !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTag), {
-                            key: 0,
-                            class: vue.normalizeClass(vue.unref(ns).e("tag_details")),
-                            type: "info",
-                            closable: "",
-                            onClose: ($event) => handleClose(item)
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createTextVNode(vue.toDisplayString(item.label), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["class", "onClose"])) : vue.createCommentVNode("v-if", true)
-                        ], 64);
-                      }), 256))
-                    ], 2)
-                  ]),
-                  default: vue.withCtx(() => [
-                    selected.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTag), {
-                      key: 0,
-                      class: vue.normalizeClass(vue.unref(ns).e("tag")),
-                      type: "info"
+                }, 1032, ["class"])
+              ], 2)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createCommentVNode(" \u5355\u9009\u6A21\u5F0F "),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("content")),
+                  onClick: handleContentClick
+                }, [
+                  vue.createElementVNode("div", _hoisted_9, [
+                    vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
+                      disabled: !selected.label,
+                      content: selected.label,
+                      placement: "top",
+                      effect: "light",
+                      "append-to": ".bwa-application"
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createTextVNode("+" + vue.toDisplayString(selected.length - 1), 1)
+                        selected.label ? (vue.openBlock(), vue.createElementBlock("div", {
+                          key: 0,
+                          class: vue.normalizeClass([vue.unref(ns).e("contentBox"), vue.unref(ns).e("contentBox_label")])
+                        }, vue.toDisplayString(selected.label || placeholderStr.value), 3)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+                          !isSearchActive.value && !search.value ? (vue.openBlock(), vue.createElementBlock("span", {
+                            key: 0,
+                            class: vue.normalizeClass(vue.unref(ns).e("contentBox_placeholder"))
+                          }, vue.toDisplayString(placeholderStr.value), 3)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, vue.toDisplayString(search.value), 1)),
+                          vue.createCommentVNode(" \u95EA\u70C1\u5149\u6807 "),
+                          isSearchActive.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12)) : vue.createCommentVNode("v-if", true)
+                        ]))
                       ]),
                       _: 2
-                    }, 1032, ["class"])) : vue.createCommentVNode("v-if", true)
+                    }, 1032, ["disabled", "content"]),
+                    vue.createCommentVNode(" \u9690\u85CF\u7684\u8F93\u5165\u6846 "),
+                    props.showSearch && !((_d = column.value.componentProps) == null ? void 0 : _d.options) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                      key: 0,
+                      ref_key: "inputRef",
+                      ref: inputRef,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => search.value = $event),
+                      type: "text",
+                      style: { "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "opacity": "0", "cursor": "text" },
+                      onFocus: handleInputFocus,
+                      onBlur: handleInputBlur,
+                      onClick: _cache[7] || (_cache[7] = vue.withModifiers(() => {
+                      }, ["stop"]))
+                    }, null, 544)), [
+                      [vue.vModelText, search.value]
+                    ]) : vue.createCommentVNode("v-if", true)
                   ]),
-                  _: 2
-                }, 1024)
-              ])) : (vue.openBlock(), vue.createElementBlock("div", {
-                key: 1,
-                class: vue.normalizeClass(vue.unref(ns).e("contentBox_placeholder"))
-              }, vue.toDisplayString(placeholderStr.value), 3)),
-              vue.createVNode(vue.unref(ElementPlus.ElIcon), {
-                onMouseenter: _cache[0] || (_cache[0] = ($event) => isHoverIcon.value = true),
-                onMouseleave: _cache[1] || (_cache[1] = ($event) => isHoverIcon.value = false),
-                onClick: vue.withModifiers(handleIconClick, ["stop"]),
-                class: vue.normalizeClass(vue.unref(ns).be("option", "selected"))
-              }, {
-                default: vue.withCtx(() => [
-                  isHoverIcon.value && selected.length > 0 ? (vue.openBlock(), vue.createBlock(_component_CircleClose, {
-                    key: 0,
-                    class: "delete-icon"
-                  })) : isShowPopper.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowUp), { key: 1 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowDown), { key: 2 }))
-                ]),
-                _: 2
-              }, 1032, ["class"])
-            ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).e("content"))
-            }, [
-              vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
-                disabled: !selected.label,
-                content: selected.label,
-                placement: "top",
-                effect: "light",
-                "append-to": ".bwa-application"
-              }, {
-                default: vue.withCtx(() => [
-                  selected.label ? (vue.openBlock(), vue.createElementBlock("div", {
-                    key: 0,
-                    class: vue.normalizeClass([vue.unref(ns).e("contentBox"), vue.unref(ns).e("contentBox_label")])
-                  }, vue.toDisplayString(selected.label || placeholderStr.value), 3)) : (vue.openBlock(), vue.createElementBlock("div", {
-                    key: 1,
-                    class: vue.normalizeClass([vue.unref(ns).e("contentBox"), vue.unref(ns).e("contentBox_placeholder")])
-                  }, vue.toDisplayString(placeholderStr.value), 3))
-                ]),
-                _: 2
-              }, 1032, ["disabled", "content"]),
-              vue.createVNode(vue.unref(ElementPlus.ElIcon), {
-                class: vue.normalizeClass(vue.unref(ns).be("option", "selected"))
-              }, {
-                default: vue.withCtx(() => [
-                  isShowPopper.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowUp), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowDown), { key: 1 }))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ], 2))
-          ]),
-          contentTop: vue.withCtx(() => {
-            var _a2;
-            return [
-              __props.showSearch && !((_a2 = column.value.componentProps) == null ? void 0 : _a2.options) ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: vue.normalizeClass(vue.unref(ns).e("contentTop"))
-              }, [
-                vue.createVNode(vue.unref(ElementPlus.ElInput), {
-                  modelValue: search.value,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => search.value = $event),
-                  class: vue.normalizeClass(vue.unref(ns).e("select")),
-                  placeholder: searchPlaceholderStr.value,
-                  type: "text",
-                  "prefix-icon": "Search",
-                  clearable: ""
-                }, null, 8, ["modelValue", "class", "placeholder"])
-              ], 2)) : vue.createCommentVNode("v-if", true)
+                  vue.createVNode(vue.unref(ElementPlus.ElIcon), {
+                    class: vue.normalizeClass(vue.unref(ns).be("option", "selected"))
+                  }, {
+                    default: vue.withCtx(() => [
+                      isShowPopper.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowUp), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowDown), { key: 1 }))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ], 2)
+              ], 2112))
             ];
           }),
           contentBottom: vue.withCtx(() => [
@@ -387,7 +528,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   class: vue.normalizeClass(vue.unref(ns).be("filter", "option"))
                 }, null, 8, ["value", "label", "showLetterAvatar", "class"]);
               }), 128))
-            ])
+            ], true)
           ]),
           _: 3
         }, 8, ["showLetterAvatar", "multiple", "modelValue", "class", "showSelectIcon", "loading", "width"])
@@ -395,6 +536,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     };
   }
 });
-var PctMultipleMenuCondition = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "pct-multiple-menu-condition.vue"]]);
+var PctMultipleMenuCondition = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__scopeId", "data-v-ca1affd9"], ["__file", "pct-multiple-menu-condition.vue"]]);
 
 exports["default"] = PctMultipleMenuCondition;

package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition.vue_vue_type_style_index_0_scoped_ca1affd9_lang.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
+
+var undefined$1 = undefined;
+
+exports["default"] = undefined$1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzy-web-client/plugin-component-vue",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "exports": {

package/src/pct-filter-panel/pct-compents/pct-multiple-menu-condition.vue

@@ -18,8 +18,9 @@
             ref="advanceSelectRef"
         >
             <template #reference-content="{ selected }">
-                <div :class="ns.e('content')" v-if="multiple">
-                    <div v-if="selected && selected.length > 0">
+                <!-- 多选模式 -->
+                <div v-if="multiple" :class="ns.e('content')" @click="handleContentClick">
+                    <div v-if="selected && selected.length > 0" style="display: flex; align-items: center; flex-wrap: wrap; gap: 4px;">
                         <ElTooltip :content="selected[0].label" placement="top" effect="light" append-to=".bwa-application">
                             <el-tag :class="ns.e('tag')" closable  @close="handleClose(selected[0])" type="info">{{selected[0].label}}
                             </el-tag>
@@ -38,13 +39,47 @@
                                         </el-tag>
                                     </template>
                                 </div>
-
                             </template>
                             <el-tag :class="ns.e('tag')" type="info" v-if="selected.length > 1">+{{selected.length - 1}}</el-tag>
                         </ElTooltip>
-
+                        <!-- 搜索输入区域 -->
+                        <div v-if="props.showSearch && !column.componentProps?.options" style="flex: 1; min-width: 80px; position: relative;">
+                            <span v-if="!isSearchActive && !search" style="color: #999; cursor: text;">{{searchPlaceholderStr || '搜索'}}</span>
+                            <span v-else style="color: #333;">{{search}}</span>
+                            <!-- 闪烁光标 -->
+                            <span v-if="isSearchActive" class="cursor-blink"></span>
+                            <!-- 隐藏的输入框 -->
+                            <input
+                                v-if="props.showSearch && !column.componentProps?.options"
+                                ref="inputRef"
+                                v-model="search"
+                                type="text"
+                                style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: text;"
+                                @focus="handleInputFocus"
+                                @blur="handleInputBlur"
+                                @click.stop
+                            />
+                        </div>
+                    </div>
+                    <div v-else style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
+                        <div style="flex: 1; position: relative; cursor: text;" @click="handleContentClick">
+                            <span v-if="!isSearchActive && !search" :class="ns.e('contentBox_placeholder')">{{placeholderStr}}</span>
+                            <span v-else style="color: #333;">{{search}}</span>
+                            <!-- 闪烁光标 -->
+                            <span v-if="isSearchActive" class="cursor-blink"></span>
+                            <!-- 隐藏的输入框 -->
+                            <input
+                                v-if="props.showSearch && !column.componentProps?.options"
+                                ref="inputRef"
+                                v-model="search"
+                                type="text"
+                                style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: text;"
+                                @focus="handleInputFocus"
+                                @blur="handleInputBlur"
+                                @click.stop
+                            />
+                        </div>
                     </div>
-                    <div v-else :class="ns.e('contentBox_placeholder')">{{placeholderStr}}</div>
                     <ElIcon
                       @mouseenter="isHoverIcon = true"
                      @mouseleave="isHoverIcon = false"
@@ -59,11 +94,30 @@
                         <ArrowDown v-else />
                     </ElIcon>
                 </div>
-                <div v-else :class="ns.e('content')">
-                    <ElTooltip :disabled="!selected.label" :content="selected.label" placement="top" effect="light" append-to=".bwa-application">
-                        <div :class="[ns.e('contentBox'), ns.e('contentBox_label')]" v-if="selected.label">{{selected.label || placeholderStr}}</div>
-                        <div :class="[ns.e('contentBox'), ns.e('contentBox_placeholder')]" v-else>{{placeholderStr}}</div>
-                    </ElTooltip>
+                <!-- 单选模式 -->
+                <div v-else :class="ns.e('content')" @click="handleContentClick">
+                    <div style="flex: 1; position: relative; cursor: text;">
+                        <ElTooltip :disabled="!selected.label" :content="selected.label" placement="top" effect="light" append-to=".bwa-application">
+                            <div v-if="selected.label" :class="[ns.e('contentBox'), ns.e('contentBox_label')]">{{selected.label || placeholderStr}}</div>
+                            <div v-else style="display: flex; align-items: center; width: 100%;">
+                                <span v-if="!isSearchActive && !search" :class="ns.e('contentBox_placeholder')">{{placeholderStr}}</span>
+                                <span v-else style="color: #333;">{{search}}</span>
+                                <!-- 闪烁光标 -->
+                                <span v-if="isSearchActive" class="cursor-blink"></span>
+                            </div>
+                        </ElTooltip>
+                        <!-- 隐藏的输入框 -->
+                        <input
+                            v-if="props.showSearch && !column.componentProps?.options"
+                            ref="inputRef"
+                            v-model="search"
+                            type="text"
+                            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: text;"
+                            @focus="handleInputFocus"
+                            @blur="handleInputBlur"
+                            @click.stop
+                        />
+                    </div>
                     <ElIcon
                         :class="ns.be('option', 'selected')"
                     >
@@ -72,19 +126,6 @@
                     </ElIcon>
                 </div>
             </template>
-
-            <template #contentTop>
-                <div :class="ns.e('contentTop')" v-if="showSearch && !column.componentProps?.options">
-                    <ElInput
-                        v-model="search"
-                        :class="ns.e('select')"
-                        :placeholder="searchPlaceholderStr"
-                        type="text"
-                        prefix-icon="Search"
-                        clearable
-                    />
-                </div>
-            </template>
             <slot>
                 <BwaAdvanceOption
                     v-for="item in data"
@@ -192,6 +233,8 @@ onMounted(() => {
 const ns = useNamespace('pctfilterpanel-item');
 const isShowPopper = ref(false)
 const isHoverIcon = ref(false)
+const isSearchActive = ref(false)
+const inputRef = ref(null)
 
 const attrs = useAttrs();
 const showTitle = computed(() => attrs.showTitle)
@@ -244,6 +287,44 @@ modelValue.value = currentModelValue.filter(item =>
       // 原有逻辑：切换下拉显隐
       isShowPopper.value = !isShowPopper.value;
     };
+
+// 处理选择框点击事件
+const handleContentClick = (event) => {
+    event.stopPropagation();
+    // 显示下拉菜单
+    isShowPopper.value = true;
+    // 如果支持搜索，聚焦输入框
+    if (props.showSearch && !column.value?.componentProps?.options) {
+        nextTick(() => {
+            if (inputRef.value) {
+                inputRef.value.focus();
+                isSearchActive.value = true;
+            }
+        });
+    }
+};
+
+// 处理输入框聚焦事件
+const handleInputFocus = () => {
+    isSearchActive.value = true;
+    // 确保下拉菜单显示
+    isShowPopper.value = true;
+};
+
+// 处理输入框失焦事件
+const handleInputBlur = (event) => {
+    // 检查是否点击了下拉菜单内部
+    const target = event.relatedTarget;
+    if (target && target.closest('.bwa-advance-select__popper')) {
+        // 点击了下拉菜单内部，保持搜索状态
+        return;
+    }
+    // 延迟处理，以便点击标签等操作能够正常执行
+    setTimeout(() => {
+        isSearchActive.value = false;
+        // 不清空搜索内容，保持用户输入
+    }, 200);
+};
 const getData = async (query) => {
     loading.value = true
     const { itfInfo, searchAttr } = column.value.componentProps
@@ -278,8 +359,22 @@ const handleFieldSearch = (query) => {
 }
 
 const search = ref('')
+let searchTimeout = null
 watch(() => search.value, val => {
     handleFieldSearch(val)
+    // 清除之前的定时器
+    if (searchTimeout) {
+        clearTimeout(searchTimeout)
+    }
+    // 设置新的定时器，0.5秒后唤起下拉菜单并获取数据
+    searchTimeout = setTimeout(() => {
+        if (val && props.showSearch && !column.value?.componentProps?.options) {
+            isShowPopper.value = true
+            if (column.value.componentProps) {
+                getData(val)
+            }
+        }
+    }, 500)
 })
 
 const modelValue = computed({
@@ -308,4 +403,23 @@ const handleClearClick = () => {
 defineExpose({
     data
 })
-</script>
+</script>
+
+<style scoped>
+@keyframes blink {
+    0%, 100% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0;
+    }
+}
+
+.cursor-blink {
+    display: inline-block;
+    width: 1px;
+    height: 16px;
+    background-color: #333;
+    animation: blink 1s infinite;
+}
+</style>

package/es/utils.css

@@ -1 +0,0 @@
-.letter-circle[data-v-4c0fde1d]{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;width:24px}

package/lib/utils.css

@@ -1 +0,0 @@
-.letter-circle[data-v-4c0fde1d]{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;width:24px}