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

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

@@ -92,7 +92,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       props
     });
     const filterByValue = (item) => {
-      if (!props.filterable)
+      if (!props.filterable && !props.remoteMethod)
         return true;
       if (props.remoteMethod)
         return true;
@@ -102,7 +102,7 @@ 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;
@@ -148,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 {
@@ -201,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);
           }
@@ -236,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);
                 }
@@ -253,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);
                 }
@@ -281,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]: ""
@@ -366,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)
@@ -411,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) {
@@ -552,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);
       }
     };
@@ -599,7 +599,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         layerSlide.value = false;
         layerClose();
       }
-      blurByLayer.value = false;
+      blurByLayer.value = true;
     };
     const multipleInputFocus = () => {
       focused.value = true;
@@ -610,7 +610,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         layerSlide.value = false;
         layerClose();
       }
-      blurByLayer.value = false;
+      blurByLayer.value = true;
     };
     const multipleFilterFocus = () => {
       focused.value = true;
@@ -647,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";
@@ -675,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();
@@ -704,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;
       }
     };
@@ -734,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) => {
@@ -751,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;
@@ -923,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) {
@@ -939,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) {
@@ -955,7 +943,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (props.inputable) {
           multipleInputValue.value = "";
         }
-        if (props.filterable) {
+        if (props.filterable || props.remoteMethod) {
           multipleFilterValue.value = "";
         }
       }
@@ -969,9 +957,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const layerOpen = () => {
       calcScale();
-      setTimeout(() => {
-        resetLayer();
-      }, 10);
     };
     const compare = () => {
       valueStore.value.unshift(iValue.value);
@@ -1123,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"
                             }, [
@@ -1172,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,
@@ -1190,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,
@@ -1243,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,
@@ -1307,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
@@ -1570,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"
@@ -1582,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%" }
@@ -1624,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,
@@ -1704,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,
@@ -1714,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,
@@ -1733,7 +1715,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                               ],
                                               2112
                                               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                                            ))
+                                            )) : createCommentVNode("v-if", true)
                                           ],
                                           64
                                           /* STABLE_FRAGMENT */