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

package/lib/packages/components/select/src/select.vue2.js

@@ -43,14 +43,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       calcScale();
       window.addEventListener("resize", calcScale);
-      const stopWatch = vue.watchEffect(() => {
-        if ($el.value) {
-          calcScale();
-        }
-      });
       vue.onUnmounted(() => {
         window.removeEventListener("resize", calcScale);
-        stopWatch();
       });
     });
     const props = __props;
@@ -102,7 +96,9 @@ var _sfc_main = /* @__PURE__ */ vue.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 === "")
@@ -110,7 +106,9 @@ var _sfc_main = /* @__PURE__ */ vue.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 === "")
@@ -120,8 +118,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const nomatch = vue.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;
     });
@@ -146,14 +152,14 @@ var _sfc_main = /* @__PURE__ */ vue.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 {
@@ -199,7 +205,7 @@ var _sfc_main = /* @__PURE__ */ vue.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);
           }
@@ -234,7 +240,7 @@ var _sfc_main = /* @__PURE__ */ vue.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);
                 }
@@ -251,7 +257,7 @@ var _sfc_main = /* @__PURE__ */ vue.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);
                 }
@@ -279,7 +285,7 @@ var _sfc_main = /* @__PURE__ */ vue.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]: ""
@@ -364,10 +370,10 @@ var _sfc_main = /* @__PURE__ */ vue.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);
+      vue.nextTick(() => {
+        multipleFilterValue.value = "";
+        filter.value.focus();
+      });
     };
     const removeTag = (item) => {
       if (props.disabled || disabled.value)
@@ -409,7 +415,7 @@ var _sfc_main = /* @__PURE__ */ vue.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) {
@@ -550,7 +556,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const phoneCloseLayer = () => {
       optionLayer.value.close();
-      if (props.filterable && $phone) {
+      if ((props.filterable || props.remoteMethod) && $phone) {
         options.value = options.value.slice(0, 100);
       }
     };
@@ -597,7 +603,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         layerSlide.value = false;
         layerClose();
       }
-      blurByLayer.value = false;
+      blurByLayer.value = true;
     };
     const multipleInputFocus = () => {
       focused.value = true;
@@ -608,7 +614,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         layerSlide.value = false;
         layerClose();
       }
-      blurByLayer.value = false;
+      blurByLayer.value = true;
     };
     const multipleFilterFocus = () => {
       focused.value = true;
@@ -620,7 +626,20 @@ var _sfc_main = /* @__PURE__ */ vue.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 = "";
@@ -632,7 +651,7 @@ var _sfc_main = /* @__PURE__ */ vue.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 = index.t("to.select.tip.error.repetition");
           errorType.value = "rule";
@@ -660,13 +679,13 @@ var _sfc_main = /* @__PURE__ */ vue.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();
@@ -689,7 +708,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       } else {
         change("", null);
       }
-      if (props.focusWhenClear && props.filterable) {
+      if (props.focusWhenClear && (props.filterable || props.remoteMethod)) {
         layerSlide.value = true;
       }
     };
@@ -719,15 +738,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       selected,
       (val) => {
-        var _a;
-        if (props.optionDisplay !== "none" && ((_a = optionLayer.value) == null ? void 0 : _a.show)) {
-          vue.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) => {
@@ -736,9 +746,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           if (inited.value) {
             iValue.value = arr.join(props.splitSymbol || ",");
           }
-          if (optionLayer.value) {
-            resetLayer();
-          }
         } else {
           if (inited.value) {
             isChanging.value = true;
@@ -908,10 +915,10 @@ var _sfc_main = /* @__PURE__ */ vue.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) {
@@ -924,7 +931,7 @@ var _sfc_main = /* @__PURE__ */ vue.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) {
@@ -940,7 +947,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (props.inputable) {
           multipleInputValue.value = "";
         }
-        if (props.filterable) {
+        if (props.filterable || props.remoteMethod) {
           multipleFilterValue.value = "";
         }
       }
@@ -953,9 +960,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       openOptionLayer();
     };
     const layerOpen = () => {
-      setTimeout(() => {
-        resetLayer();
-      }, 10);
+      calcScale();
     };
     const compare = () => {
       valueStore.value.unshift(iValue.value);
@@ -1107,7 +1112,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           { key: 0 },
                           [
                             vue.createCommentVNode(" \u5355\u9009\u663E\u793A\u503C\uFF08\u975E\u8F93\u5165\u6A21\u5F0F\u6216\u624B\u673A\u7AEF\uFF09 "),
-                            !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn || vue.unref($phone) ? (vue.openBlock(), vue.createElementBlock("span", {
+                            !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn && !_ctx.remoteMethod || vue.unref($phone) ? (vue.openBlock(), vue.createElementBlock("span", {
                               key: 0,
                               class: "to-select-box"
                             }, [
@@ -1156,7 +1161,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 vue.createCommentVNode(" \u5355\u9009\u8F93\u5165\u6846\u533A\u57DF "),
                                 vue.createElementVNode("span", { class: "to-select-input" }, [
                                   vue.createCommentVNode(" \u53EF\u8F93\u5165\u6A21\u5F0F inputable = true filterable = false \u7684\u8F93\u5165\u6846 "),
-                                  _ctx.inputable && !_ctx.filterable && !_ctx.setDataFn ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
+                                  _ctx.inputable && !_ctx.filterable && !_ctx.setDataFn && !_ctx.remoteMethod ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
                                     key: 0,
                                     ref_key: "input",
                                     ref: input,
@@ -1174,8 +1179,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     onKeyup: inputInput,
                                     onBlur: inputBlur
                                   }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "sp-chars", "tabindex", "clearable", "placeholder"])) : vue.createCommentVNode("v-if", true),
-                                  vue.createCommentVNode(" \u53EF\u8FC7\u6EE4\u6A21\u5F0F filterable = true \u7684\u8F93\u5165\u6846 "),
-                                  _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
+                                  vue.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 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
                                     key: 1,
                                     ref_key: "filter",
                                     ref: filter,
@@ -1227,7 +1232,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           [
                             vue.createCommentVNode(" \u591A\u9009\u6A21\u5F0F "),
                             vue.createCommentVNode(" \u591A\u9009\u5360\u4F4D\u7B26\uFF08\u65E0\u9009\u4E2D\u9879\u4E14\u975E\u8F93\u5165\u6A21\u5F0F\u65F6\u663E\u793A\uFF09 "),
-                            vue.unref(selected).filter((item) => !item.hide).length === 0 && !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn ? (vue.openBlock(), vue.createElementBlock(
+                            vue.unref(selected).filter((item) => !item.hide).length === 0 && !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn && !_ctx.remoteMethod ? (vue.openBlock(), vue.createElementBlock(
                               "span",
                               {
                                 key: 0,
@@ -1291,58 +1296,55 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     /* UNKEYED_FRAGMENT */
                                   )) : vue.createCommentVNode("v-if", true),
                                   vue.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 "),
-                                  !vue.unref($phone) || vue.unref($phone) && vue.unref(selected).length === 0 ? (vue.openBlock(), vue.createElementBlock(
-                                    vue.Fragment,
-                                    { key: 1 },
-                                    [
-                                      vue.createCommentVNode(" \u591A\u9009\u53EF\u8F93\u5165\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
-                                      _ctx.inputable && !_ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
-                                        key: 0,
-                                        ref_key: "input",
-                                        ref: input,
-                                        modelValue: multipleInputValue.value,
-                                        "onUpdate:modelValue": ($event) => multipleInputValue.value = $event,
-                                        "sp-chars": _ctx.spChars,
-                                        disabled: vue.unref($phone),
-                                        "prevent-focus": "",
-                                        mode: "none",
-                                        placeholder: vue.unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || vue.unref(index.t)("to.common.placeholder.select"),
-                                        onFocus: multipleInputFocus,
-                                        onBlur: multipleInputBlur
-                                      }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : vue.createCommentVNode("v-if", true),
-                                      vue.createCommentVNode(" \u591A\u9009\u53EF\u8FC7\u6EE4\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
-                                      _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.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: vue.unref($phone),
-                                        "prevent-focus": "",
-                                        mode: "none",
-                                        placeholder: vue.unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || vue.unref(index.t)("to.common.placeholder.select"),
-                                        onFocus: multipleFilterFocus,
-                                        onBlur: multipleFilterBlur
-                                      }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : vue.createCommentVNode("v-if", true),
-                                      vue.createCommentVNode(" \u591A\u9009\u81EA\u5B9A\u4E49\u6570\u636E\u8BBE\u7F6E\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
-                                      _ctx.setDataFn ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.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: vue.unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || vue.unref(index.t)("to.common.placeholder.select"),
-                                        onFocus: multipleFilterFocus,
-                                        onBlur: multipleFilterBlur
-                                      }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : vue.createCommentVNode("v-if", true)
-                                    ],
-                                    64
-                                    /* STABLE_FRAGMENT */
-                                  )) : vue.createCommentVNode("v-if", true)
+                                  !vue.unref($phone) || vue.unref($phone) && vue.unref(selected).length === 0 ? (vue.openBlock(), vue.createElementBlock("span", {
+                                    key: 1,
+                                    class: "to-select-input"
+                                  }, [
+                                    vue.createCommentVNode(" \u591A\u9009\u53EF\u8F93\u5165\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
+                                    _ctx.inputable && !_ctx.filterable && !_ctx.remoteMethod ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
+                                      key: 0,
+                                      ref_key: "input",
+                                      ref: input,
+                                      modelValue: multipleInputValue.value,
+                                      "onUpdate:modelValue": ($event) => multipleInputValue.value = $event,
+                                      "sp-chars": _ctx.spChars,
+                                      disabled: vue.unref($phone),
+                                      "prevent-focus": "",
+                                      mode: "none",
+                                      placeholder: vue.unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || vue.unref(index.t)("to.common.placeholder.select"),
+                                      onFocus: multipleInputFocus,
+                                      onBlur: multipleInputBlur
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : vue.createCommentVNode("v-if", true),
+                                    vue.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 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.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: vue.unref($phone),
+                                      "prevent-focus": "",
+                                      mode: "none",
+                                      placeholder: vue.unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || vue.unref(index.t)("to.common.placeholder.select"),
+                                      onFocus: multipleFilterFocus,
+                                      onBlur: multipleFilterBlur
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : vue.createCommentVNode("v-if", true),
+                                    vue.createCommentVNode(" \u591A\u9009\u81EA\u5B9A\u4E49\u6570\u636E\u8BBE\u7F6E\u6A21\u5F0F\u7684\u8F93\u5165\u6846 "),
+                                    _ctx.setDataFn ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.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: vue.unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || vue.unref(index.t)("to.common.placeholder.select"),
+                                      onFocus: multipleFilterFocus,
+                                      onBlur: multipleFilterBlur
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : vue.createCommentVNode("v-if", true)
+                                  ])) : vue.createCommentVNode("v-if", true)
                                 ])
                               ],
                               2112
@@ -1554,7 +1556,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                       /* STABLE */
                                     }),
                                     vue.createCommentVNode(" \u5F39\u7A97\u5185\u7684\u641C\u7D22/\u8F93\u5165\u533A\u57DF "),
-                                    _ctx.filterable || _ctx.inputable ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ToPadding), {
+                                    _ctx.filterable || _ctx.inputable || _ctx.remoteMethod ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ToPadding), {
                                       key: 0,
                                       position: "side",
                                       value: "1"
@@ -1566,7 +1568,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                           { key: 0 },
                                           [
                                             vue.createCommentVNode(" \u591A\u9009\u53EF\u8F93\u5165\u6A21\u5F0F "),
-                                            _ctx.inputable ? (vue.openBlock(), vue.createElementBlock("span", {
+                                            _ctx.inputable && !_ctx.filterable && !_ctx.remoteMethod ? (vue.openBlock(), vue.createElementBlock("span", {
                                               key: 0,
                                               class: "to-select to-select-arrow-none",
                                               style: { "width": "100%" }
@@ -1608,7 +1610,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                                     /* UNKEYED_FRAGMENT */
                                                   )) : vue.createCommentVNode("v-if", true),
                                                   vue.createCommentVNode(" \u5F39\u7A97\u5185\u8FC7\u6EE4\u8F93\u5165\u6846 "),
-                                                  _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
+                                                  _ctx.filterable || _ctx.remoteMethod ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
                                                     key: 1,
                                                     ref_key: "popupFilter",
                                                     ref: popupFilter,
@@ -1688,7 +1690,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                           [
                                             vue.createCommentVNode(" \u5355\u9009\u6A21\u5F0F\u7684\u5F39\u7A97\u8F93\u5165\u533A\u57DF "),
                                             vue.createCommentVNode(" \u5355\u9009\u53EF\u8F93\u5165\u6A21\u5F0F "),
-                                            _ctx.inputable ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
+                                            _ctx.inputable && !_ctx.filterable && !_ctx.remoteMethod ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ToInput), {
                                               key: 0,
                                               ref_key: "popupInput",
                                               ref: popupInput,
@@ -1698,11 +1700,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                               "prevent-focus": "",
                                               width: "full",
                                               placeholder: _ctx.placeholder || vue.unref(index.t)("to.common.placeholder.select")
-                                            }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : (vue.openBlock(), vue.createElementBlock(
+                                            }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : _ctx.filterable || _ctx.remoteMethod ? (vue.openBlock(), vue.createElementBlock(
                                               vue.Fragment,
                                               { key: 1 },
                                               [
-                                                vue.createCommentVNode(" \u5355\u9009\u8FC7\u6EE4\u6A21\u5F0F "),
+                                                vue.createCommentVNode(" \u5355\u9009\u8FC7\u6EE4\u6A21\u5F0F \u6216 \u8FDC\u7A0B\u641C\u7D22\u6A21\u5F0F "),
                                                 vue.createVNode(vue.unref(index$2.ToInput), {
                                                   ref_key: "popupFilter",
                                                   ref: popupFilter,
@@ -1717,7 +1719,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                               ],
                                               2112
                                               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                                            ))
+                                            )) : vue.createCommentVNode("v-if", true)
                                           ],
                                           64
                                           /* STABLE_FRAGMENT */