@touchvue/ui 1.0.0-beta.47 → 1.0.0-beta.49

package/es/packages/components/select/src/select.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, watchEffect, onUnmounted, inject, computed, watch, nextTick, resolveDirective, openBlock, createElementBlock, Fragment, createCommentVNode, withDirectives, unref, normalizeClass, normalizeStyle, withKeys, createElementVNode, vShow, renderSlot, toDisplayString, createBlock, renderList, vModelSelect, createTextVNode, withCtx, createVNode, Teleport, withModifiers } from 'vue';
+import { defineComponent, ref, onMounted, onUnmounted, inject, computed, watch, nextTick, resolveDirective, openBlock, createElementBlock, Fragment, createCommentVNode, withDirectives, unref, normalizeClass, normalizeStyle, withKeys, createElementVNode, vShow, renderSlot, toDisplayString, createBlock, renderList, vModelSelect, createTextVNode, withCtx, createVNode, Teleport, withModifiers } from 'vue';
 import { langKey, t } from '../../../locale/index.mjs';
 import { selectProps } from './select.mjs';
 import { ToButton } from '../../button/index.mjs';
@@ -39,14 +39,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       calcScale();
       window.addEventListener("resize", calcScale);
-      const stopWatch = watchEffect(() => {
-        if ($el.value) {
-          calcScale();
-        }
-      });
       onUnmounted(() => {
         window.removeEventListener("resize", calcScale);
-        stopWatch();
       });
     });
     const props = __props;
@@ -98,7 +92,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       props
     });
     const filterByValue = (item) => {
-      if (!props.filterable)
+      if (!props.filterable && !props.remoteMethod)
+        return true;
+      if (props.remoteMethod)
         return true;
       const value = filterValue.value;
       if (value === "")
@@ -106,7 +102,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return item[iLabelText.value].includes(value);
     };
     const multipleFilter = (item) => {
-      if (!props.filterable)
+      if (!props.filterable && !props.remoteMethod)
+        return true;
+      if (props.remoteMethod)
         return true;
       const value = multipleFilterValue.value;
       if (value === "")
@@ -116,8 +114,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const nomatch = computed(() => {
       let nomatch2 = true;
       let value = props.multiple ? multipleFilterValue.value : filterValue.value;
-      if (value === "" || options.value.findIndex((option) => option[iLabelText.value].includes(value)) > -1) {
+      if (value === "") {
         nomatch2 = false;
+      } else if (!props.remoteMethod) {
+        if (options.value.findIndex((option) => option[iLabelText.value].includes(value)) > -1) {
+          nomatch2 = false;
+        }
+      } else {
+        if (options.value.length > 0) {
+          nomatch2 = false;
+        }
       }
       return nomatch2;
     });
@@ -142,14 +148,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             obj[iLabelText.value] = obj[iValueText.value] = el;
             arr.push(obj);
           }
-          if ($phone && props.filterable) {
+          if ($phone && (props.filterable || props.remoteMethod)) {
             options.value = arr.slice(0, 100);
             anotherOptions.value = arr.slice(100);
           } else {
             options.value = arr;
           }
         } else {
-          if ($phone && props.filterable) {
+          if ($phone && (props.filterable || props.remoteMethod)) {
             options.value = props.data.slice(0, 100);
             anotherOptions.value = props.data.slice(100);
           } else {
@@ -195,7 +201,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
         if (sessionStorage.getItem("static." + props.api)) {
           options.value = JSON.parse(sessionStorage.getItem("static." + props.api));
-          if ($phone && props.filterable) {
+          if ($phone && (props.filterable || props.remoteMethod)) {
             anotherOptions.value = options.value.slice(100);
             options.value = options.value.slice(0, 100);
           }
@@ -230,7 +236,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               if (Array.isArray(res)) {
                 options.value = res;
                 sessionStorage.setItem("static." + props.api, JSON.stringify(res));
-                if ($phone && props.filterable) {
+                if ($phone && (props.filterable || props.remoteMethod)) {
                   anotherOptions.value = res.slice(100);
                   options.value = res.slice(0, 100);
                 }
@@ -247,7 +253,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 }
                 options.value = data;
                 sessionStorage.setItem("static." + props.api, JSON.stringify(data));
-                if ($phone && props.filterable) {
+                if ($phone && (props.filterable || props.remoteMethod)) {
                   anotherOptions.value = data.slice(100);
                   options.value = data.slice(0, 100);
                 }
@@ -275,7 +281,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.native) {
         return;
       }
-      if (!props.multiple && props.clearable && !props.inputable && !props.setDataFn && !props.filterable && (!props.optionDisplay || props.optionDisplay === "float")) {
+      if (!props.multiple && props.clearable && !props.inputable && !props.setDataFn && !props.filterable && !props.remoteMethod && (!props.optionDisplay || props.optionDisplay === "float")) {
         options.value.unshift({
           [iLabelText.value]: "",
           [iValueText.value]: ""
@@ -360,10 +366,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         selectedOptions = selectedOptions.filter((option) => option[iValueText.value] !== value);
       }
       change(arr.join(props.splitSymbol || ","), selectedOptions);
-    };
-    const resetLayer = () => {
-      const el = props.optionDisplay == "popup" ? null : trigger.value;
-      optionLayer.value.set(el);
+      nextTick(() => {
+        multipleFilterValue.value = "";
+        filter.value.focus();
+      });
     };
     const removeTag = (item) => {
       if (props.disabled || disabled.value)
@@ -405,7 +411,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         layerSlide.value = true;
         layerPosition.value = "bottom";
       }
-      if (props.optionDisplay === "popup" || $phone && (props.filterable || props.inputable)) {
+      if (props.optionDisplay === "popup" || $phone && (props.filterable || props.inputable || props.remoteMethod)) {
         layerSlide.value = true;
         layerPosition.value = "right";
         if (!props.optionWidth) {
@@ -546,7 +552,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const phoneCloseLayer = () => {
       optionLayer.value.close();
-      if (props.filterable && $phone) {
+      if ((props.filterable || props.remoteMethod) && $phone) {
         options.value = options.value.slice(0, 100);
       }
     };
@@ -593,7 +599,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         layerSlide.value = false;
         layerClose();
       }
-      blurByLayer.value = false;
+      blurByLayer.value = true;
     };
     const multipleInputFocus = () => {
       focused.value = true;
@@ -604,7 +610,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         layerSlide.value = false;
         layerClose();
       }
-      blurByLayer.value = false;
+      blurByLayer.value = true;
     };
     const multipleFilterFocus = () => {
       focused.value = true;
@@ -616,7 +622,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    let remoteSearchTimer = null;
+    const remoteSearch = (keyword) => {
+      if (props.remoteMethod) {
+        props.remoteMethod(keyword);
+      }
+    };
     const filterInput = () => {
+      if (props.remoteMethod) {
+        const keyword = props.multiple ? multipleFilterValue.value : filterValue.value;
+        clearTimeout(remoteSearchTimer);
+        remoteSearchTimer = setTimeout(() => {
+          remoteSearch(keyword);
+        }, 300);
+      }
     };
     const filterClear = () => {
       iValue.value = "";
@@ -628,7 +647,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (!(props.multiple && props.inputable)) {
         toggleLayer();
       } else {
-        let value = props.filterable ? multipleFilterValue.value : multipleInputValue.value;
+        let value = props.filterable || props.remoteMethod ? multipleFilterValue.value : multipleInputValue.value;
         if (selected.value.find((item) => item[iLabelText.value] === value) || selected.value.find((item) => item[iValueText.value] === value)) {
           errorTip.value = t("to.select.tip.error.repetition");
           errorType.value = "rule";
@@ -656,13 +675,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           selected.value.push(newOption);
         }
-        if (props.filterable) {
+        if (props.filterable || props.remoteMethod) {
           multipleFilterValue.value = "";
         } else {
           multipleInputValue.value = "";
         }
         if ($phone) {
-          if (props.filterable) {
+          if (props.filterable || props.remoteMethod) {
             setTimeout(() => {
               var _a;
               (_a = popupFilter.value) == null ? void 0 : _a.focus();
@@ -685,7 +704,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } else {
         change("", null);
       }
-      if (props.focusWhenClear && props.filterable) {
+      if (props.focusWhenClear && (props.filterable || props.remoteMethod)) {
         layerSlide.value = true;
       }
     };
@@ -715,15 +734,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       selected,
       (val) => {
-        var _a;
-        if (props.optionDisplay !== "none" && ((_a = optionLayer.value) == null ? void 0 : _a.show)) {
-          nextTick(() => {
-            var _a2;
-            if (((_a2 = optionLayer.value) == null ? void 0 : _a2.set) && optionLayerTrigger.value) {
-              optionLayer.value.set(optionLayerTrigger.value);
-            }
-          });
-        }
         if (props.multiple) {
           let arr = [];
           val.map((item) => {
@@ -732,9 +742,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           if (inited.value) {
             iValue.value = arr.join(props.splitSymbol || ",");
           }
-          if (optionLayer.value) {
-            resetLayer();
-          }
         } else {
           if (inited.value) {
             isChanging.value = true;
@@ -904,10 +911,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (props.inputable) {
           inputValue.value = getLabel(val) || val;
         }
-        if (props.filterable && !props.inputable) {
+        if ((props.filterable || props.remoteMethod) && !props.inputable) {
           filterValue.value = getLabel(val) || "";
         }
-        if (props.filterable && props.inputable) {
+        if ((props.filterable || props.remoteMethod) && props.inputable) {
           filterValue.value = getLabel(val) || val;
         }
         if (props.setDataFn && !props.inputable) {
@@ -920,7 +927,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const layerClose = () => {
       if (!props.multiple) {
-        if (props.filterable && !props.inputable) {
+        if ((props.filterable || props.remoteMethod) && !props.inputable) {
           if (iValue.value) {
             const label = getLabel(iValue.value);
             if (label) {
@@ -936,7 +943,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (props.inputable) {
           multipleInputValue.value = "";
         }
-        if (props.filterable) {
+        if (props.filterable || props.remoteMethod) {
           multipleFilterValue.value = "";
         }
       }
@@ -949,9 +956,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       openOptionLayer();
     };
     const layerOpen = () => {
-      setTimeout(() => {
-        resetLayer();
-      }, 10);
+      calcScale();
     };
     const compare = () => {
       valueStore.value.unshift(iValue.value);
@@ -1103,7 +1108,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           { key: 0 },
                           [
                             createCommentVNode(" \u5355\u9009\u663E\u793A\u503C\uFF08\u975E\u8F93\u5165\u6A21\u5F0F\u6216\u624B\u673A\u7AEF\uFF09 "),
-                            !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn || unref($phone) ? (openBlock(), createElementBlock("span", {
+                            !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn && !_ctx.remoteMethod || unref($phone) ? (openBlock(), createElementBlock("span", {
                               key: 0,
                               class: "to-select-box"
                             }, [
@@ -1152,7 +1157,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                 createCommentVNode(" \u5355\u9009\u8F93\u5165\u6846\u533A\u57DF "),
                                 createElementVNode("span", { class: "to-select-input" }, [
                                   createCommentVNode(" \u53EF\u8F93\u5165\u6A21\u5F0F inputable = true filterable = false \u7684\u8F93\u5165\u6846 "),
-                                  _ctx.inputable && !_ctx.filterable && !_ctx.setDataFn ? (openBlock(), createBlock(unref(ToInput), {
+                                  _ctx.inputable && !_ctx.filterable && !_ctx.setDataFn && !_ctx.remoteMethod ? (openBlock(), createBlock(unref(ToInput), {
                                     key: 0,
                                     ref_key: "input",
                                     ref: input,
@@ -1170,8 +1175,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                     onKeyup: inputInput,
                                     onBlur: inputBlur
                                   }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "sp-chars", "tabindex", "clearable", "placeholder"])) : createCommentVNode("v-if", true),
-                                  createCommentVNode(" \u53EF\u8FC7\u6EE4\u6A21\u5F0F filterable = true \u7684\u8F93\u5165\u6846 "),
-                                  _ctx.filterable ? (openBlock(), createBlock(unref(ToInput), {
+                                  createCommentVNode(" \u53EF\u8FC7\u6EE4\u6A21\u5F0F filterable = true \u6216 \u8FDC\u7A0B\u641C\u7D22\u6A21\u5F0F remoteMethod \u5B58\u5728\u7684\u8F93\u5165\u6846 "),
+                                  _ctx.filterable || _ctx.remoteMethod ? (openBlock(), createBlock(unref(ToInput), {
                                     key: 1,
                                     ref_key: "filter",
                                     ref: filter,
@@ -1223,7 +1228,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           [
                             createCommentVNode(" \u591A\u9009\u6A21\u5F0F "),
                             createCommentVNode(" \u591A\u9009\u5360\u4F4D\u7B26\uFF08\u65E0\u9009\u4E2D\u9879\u4E14\u975E\u8F93\u5165\u6A21\u5F0F\u65F6\u663E\u793A\uFF09 "),
-                            unref(selected).filter((item) => !item.hide).length === 0 && !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn ? (openBlock(), createElementBlock(
+                            unref(selected).filter((item) => !item.hide).length === 0 && !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn && !_ctx.remoteMethod ? (openBlock(), createElementBlock(
                               "span",
                               {
                                 key: 0,
@@ -1287,58 +1292,55 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                     /* UNKEYED_FRAGMENT */
                                   )) : createCommentVNode("v-if", true),
                                   createCommentVNode(" \u591A\u9009\u8F93\u5165\u6846\u533A\u57DF\uFF08\u975E\u624B\u673A\u7AEF\u6216\u624B\u673A\u7AEF\u65E0\u9009\u4E2D\u9879\u65F6\u663E\u793A\uFF09 "),
-                                  !unref($phone) || unref($phone) && unref(selected).length === 0 ? (openBlock(), createElementBlock(
-                                    Fragment,
-                                    { key: 1 },
-                                    [
-                                      createCommentVNode(" \u591A\u9009\u53EF\u8F93\u5165\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
-                                      _ctx.inputable && !_ctx.filterable ? (openBlock(), createBlock(unref(ToInput), {
-                                        key: 0,
-                                        ref_key: "input",
-                                        ref: input,
-                                        modelValue: multipleInputValue.value,
-                                        "onUpdate:modelValue": ($event) => multipleInputValue.value = $event,
-                                        "sp-chars": _ctx.spChars,
-                                        disabled: unref($phone),
-                                        "prevent-focus": "",
-                                        mode: "none",
-                                        placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select"),
-                                        onFocus: multipleInputFocus,
-                                        onBlur: multipleInputBlur
-                                      }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : createCommentVNode("v-if", true),
-                                      createCommentVNode(" \u591A\u9009\u53EF\u8FC7\u6EE4\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
-                                      _ctx.filterable ? (openBlock(), createBlock(unref(ToInput), {
-                                        key: 1,
-                                        ref_key: "filter",
-                                        ref: filter,
-                                        modelValue: multipleFilterValue.value,
-                                        "onUpdate:modelValue": ($event) => multipleFilterValue.value = $event,
-                                        "sp-chars": _ctx.inputable ? _ctx.spChars : false,
-                                        disabled: unref($phone),
-                                        "prevent-focus": "",
-                                        mode: "none",
-                                        placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select"),
-                                        onFocus: multipleFilterFocus,
-                                        onBlur: multipleFilterBlur
-                                      }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : createCommentVNode("v-if", true),
-                                      createCommentVNode(" \u591A\u9009\u81EA\u5B9A\u4E49\u6570\u636E\u8BBE\u7F6E\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
-                                      _ctx.setDataFn ? (openBlock(), createBlock(unref(ToInput), {
-                                        key: 2,
-                                        ref_key: "filter",
-                                        ref: filter,
-                                        modelValue: setDataInputValue.value,
-                                        "onUpdate:modelValue": ($event) => setDataInputValue.value = $event,
-                                        "sp-chars": _ctx.inputable ? _ctx.spChars : false,
-                                        "prevent-focus": "",
-                                        mode: "none",
-                                        placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select"),
-                                        onFocus: multipleFilterFocus,
-                                        onBlur: multipleFilterBlur
-                                      }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : createCommentVNode("v-if", true)
-                                    ],
-                                    64
-                                    /* STABLE_FRAGMENT */
-                                  )) : createCommentVNode("v-if", true)
+                                  !unref($phone) || unref($phone) && unref(selected).length === 0 ? (openBlock(), createElementBlock("span", {
+                                    key: 1,
+                                    class: "to-select-input"
+                                  }, [
+                                    createCommentVNode(" \u591A\u9009\u53EF\u8F93\u5165\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
+                                    _ctx.inputable && !_ctx.filterable && !_ctx.remoteMethod ? (openBlock(), createBlock(unref(ToInput), {
+                                      key: 0,
+                                      ref_key: "input",
+                                      ref: input,
+                                      modelValue: multipleInputValue.value,
+                                      "onUpdate:modelValue": ($event) => multipleInputValue.value = $event,
+                                      "sp-chars": _ctx.spChars,
+                                      disabled: unref($phone),
+                                      "prevent-focus": "",
+                                      mode: "none",
+                                      placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select"),
+                                      onFocus: multipleInputFocus,
+                                      onBlur: multipleInputBlur
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : createCommentVNode("v-if", true),
+                                    createCommentVNode(" \u591A\u9009\u53EF\u8FC7\u6EE4\u6A21\u5F0F filterable = true \u6216 \u8FDC\u7A0B\u641C\u7D22\u6A21\u5F0F remoteMethod \u5B58\u5728\u7684\u8F93\u5165\u6846 "),
+                                    _ctx.filterable || _ctx.remoteMethod ? (openBlock(), createBlock(unref(ToInput), {
+                                      key: 1,
+                                      ref_key: "filter",
+                                      ref: filter,
+                                      modelValue: multipleFilterValue.value,
+                                      "onUpdate:modelValue": ($event) => multipleFilterValue.value = $event,
+                                      "sp-chars": _ctx.inputable ? _ctx.spChars : false,
+                                      disabled: unref($phone),
+                                      "prevent-focus": "",
+                                      mode: "none",
+                                      placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select"),
+                                      onFocus: multipleFilterFocus,
+                                      onBlur: multipleFilterBlur
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : createCommentVNode("v-if", true),
+                                    createCommentVNode(" \u591A\u9009\u81EA\u5B9A\u4E49\u6570\u636E\u8BBE\u7F6E\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
+                                    _ctx.setDataFn ? (openBlock(), createBlock(unref(ToInput), {
+                                      key: 2,
+                                      ref_key: "filter",
+                                      ref: filter,
+                                      modelValue: setDataInputValue.value,
+                                      "onUpdate:modelValue": ($event) => setDataInputValue.value = $event,
+                                      "sp-chars": _ctx.inputable ? _ctx.spChars : false,
+                                      "prevent-focus": "",
+                                      mode: "none",
+                                      placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select"),
+                                      onFocus: multipleFilterFocus,
+                                      onBlur: multipleFilterBlur
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : createCommentVNode("v-if", true)
+                                  ])) : createCommentVNode("v-if", true)
                                 ])
                               ],
                               2112
@@ -1550,7 +1552,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                       /* STABLE */
                                     }),
                                     createCommentVNode(" \u5F39\u7A97\u5185\u7684\u641C\u7D22/\u8F93\u5165\u533A\u57DF "),
-                                    _ctx.filterable || _ctx.inputable ? (openBlock(), createBlock(unref(ToPadding), {
+                                    _ctx.filterable || _ctx.inputable || _ctx.remoteMethod ? (openBlock(), createBlock(unref(ToPadding), {
                                       key: 0,
                                       position: "side",
                                       value: "1"
@@ -1562,7 +1564,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                           { key: 0 },
                                           [
                                             createCommentVNode(" \u591A\u9009\u53EF\u8F93\u5165\u6A21\u5F0F "),
-                                            _ctx.inputable ? (openBlock(), createElementBlock("span", {
+                                            _ctx.inputable && !_ctx.filterable && !_ctx.remoteMethod ? (openBlock(), createElementBlock("span", {
                                               key: 0,
                                               class: "to-select to-select-arrow-none",
                                               style: { "width": "100%" }
@@ -1604,7 +1606,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                                     /* UNKEYED_FRAGMENT */
                                                   )) : createCommentVNode("v-if", true),
                                                   createCommentVNode(" \u5F39\u7A97\u5185\u8FC7\u6EE4\u8F93\u5165\u6846 "),
-                                                  _ctx.filterable ? (openBlock(), createBlock(unref(ToInput), {
+                                                  _ctx.filterable || _ctx.remoteMethod ? (openBlock(), createBlock(unref(ToInput), {
                                                     key: 1,
                                                     ref_key: "popupFilter",
                                                     ref: popupFilter,
@@ -1684,7 +1686,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                           [
                                             createCommentVNode(" \u5355\u9009\u6A21\u5F0F\u7684\u5F39\u7A97\u8F93\u5165\u533A\u57DF "),
                                             createCommentVNode(" \u5355\u9009\u53EF\u8F93\u5165\u6A21\u5F0F "),
-                                            _ctx.inputable ? (openBlock(), createBlock(unref(ToInput), {
+                                            _ctx.inputable && !_ctx.filterable && !_ctx.remoteMethod ? (openBlock(), createBlock(unref(ToInput), {
                                               key: 0,
                                               ref_key: "popupInput",
                                               ref: popupInput,
@@ -1694,11 +1696,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                               "prevent-focus": "",
                                               width: "full",
                                               placeholder: _ctx.placeholder || unref(t)("to.common.placeholder.select")
-                                            }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : (openBlock(), createElementBlock(
+                                            }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : _ctx.filterable || _ctx.remoteMethod ? (openBlock(), createElementBlock(
                                               Fragment,
                                               { key: 1 },
                                               [
-                                                createCommentVNode(" \u5355\u9009\u8FC7\u6EE4\u6A21\u5F0F "),
+                                                createCommentVNode(" \u5355\u9009\u8FC7\u6EE4\u6A21\u5F0F \u6216 \u8FDC\u7A0B\u641C\u7D22\u6A21\u5F0F "),
                                                 createVNode(unref(ToInput), {
                                                   ref_key: "popupFilter",
                                                   ref: popupFilter,
@@ -1713,7 +1715,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                               ],
                                               2112
                                               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                                            ))
+                                            )) : createCommentVNode("v-if", true)
                                           ],
                                           64
                                           /* STABLE_FRAGMENT */