@touchvue/ui 1.0.0-beta.56 → 1.0.0-beta.58

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

@@ -16,6 +16,7 @@ import vColorDirective from '../../../directives/color/src/color.mjs';
 import { useDevice } from '../../../hooks/useDevice.mjs';
 import { useSelectOptionData } from './hooks/use-select-option-data.mjs';
 import { useSetSelectClassStyle } from './hooks/use-select-class-style.mjs';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 const __default__ = defineComponent({
   name: "ToSelect",
@@ -553,9 +554,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const setOptionClass = computed(() => {
       let arr = [];
       if (props.mode) {
-        for (let i = 0; i < props.mode.split(" ").length; i++) {
-          arr.push(`mode-${props.mode.split(" ")[i]}`);
-        }
+        arr.push(...getModeClasses(props.mode));
       }
       return arr;
     });
@@ -1116,7 +1115,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       const _directive_tip = resolveDirective("tip");
       const _directive_align = resolveDirective("align");
-      const _directive_size = resolveDirective("size");
       return openBlock(), createElementBlock(
         Fragment,
         null,
@@ -1243,7 +1241,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 && !_ctx.remoteMethod || unref($phone) ? (openBlock(), createElementBlock("span", {
+                            !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn && !_ctx.remoteMethod || !_ctx.$pc ? (openBlock(), createElementBlock("span", {
                               key: 0,
                               class: "to-select-box"
                             }, [
@@ -1457,7 +1455,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                       /* STABLE_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("span", {
+                                    unref($phone) || unref($phone) && unref(selected).length === 0 ? (openBlock(), createElementBlock("span", {
                                       key: 1,
                                       class: "to-select-input"
                                     }, [
@@ -1523,7 +1521,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       /* STABLE_FRAGMENT */
                     )),
                     createCommentVNode(" \u6E05\u9664\u56FE\u6807 "),
-                    showClearIcon.value ? (openBlock(), createBlock(unref(ToIcon), {
+                    showClearIcon.value && !unref($phone) ? (openBlock(), createBlock(unref(ToIcon), {
                       key: 3,
                       class: "to-select-clear",
                       link: "",
@@ -1531,15 +1529,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: withModifiers(clearClick, ["stop"])
                     })) : createCommentVNode("v-if", true),
                     createCommentVNode(" \u4E0B\u62C9\u7BAD\u5934\u56FE\u6807 "),
-                    createElementVNode(
-                      "span",
-                      {
-                        class: normalizeClass(["to-select-arrow", `type-${_ctx.arrowType}`])
-                      },
-                      null,
-                      2
-                      /* CLASS */
-                    )
+                    createVNode(unref(ToIcon), {
+                      class: "to-select-arrow",
+                      value: "expand"
+                    })
                   ],
                   512
                   /* NEED_PATCH */
@@ -1684,49 +1677,39 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             createCommentVNode(" \u5F39\u7A97\u6A21\u5F0F "),
                             _ctx.optionDisplay === "popup" || (_ctx.inputable || _ctx.filterable) && unref($phone) ? (openBlock(), createBlock(unref(ToGrid), {
                               key: 0,
-                              style: { "width": "100%" },
-                              type: "v"
+                              height: "full",
+                              dir: "v"
                             }, {
                               default: withCtx(() => [
                                 createCommentVNode(" \u5F39\u7A97\u5934\u90E8\u533A\u57DF "),
-                                createVNode(unref(ToGridItem), {
-                                  side: "",
-                                  width: "full"
-                                }, {
+                                createVNode(unref(ToGridItem), null, {
                                   default: withCtx(() => [
                                     createCommentVNode(" \u5F39\u7A97\u6807\u9898\u680F "),
-                                    createVNode(unref(ToPadding), { value: "1" }, {
+                                    createVNode(unref(ToHeader), {
+                                      title: validateDesc.value ? unref(t)("to.select.float.title", validateDesc.value) : unref(t)("to.select.float.titlePlaceholder", validateDesc.value),
+                                      onBack: ($event) => closeLayer()
+                                    }, {
                                       default: withCtx(() => [
-                                        createVNode(unref(ToHeader), {
-                                          level: "0",
-                                          title: validateDesc.value ? unref(t)("to.select.float.title", validateDesc.value) : unref(t)("to.select.float.titlePlaceholder", validateDesc.value),
-                                          onBack: ($event) => closeLayer()
+                                        createVNode(unref(ToButton), {
+                                          icon: "close",
+                                          mode: "none",
+                                          color: "primary",
+                                          onClick: ($event) => (clear(), closeLayer())
                                         }, {
                                           default: withCtx(() => [
-                                            createVNode(unref(ToButton), {
-                                              icon: "close",
-                                              mode: "none",
-                                              color: "primary",
-                                              onClick: ($event) => (clear(), closeLayer())
-                                            }, {
-                                              default: withCtx(() => [
-                                                createTextVNode(
-                                                  toDisplayString(unref(t)("to.common.clear")),
-                                                  1
-                                                  /* TEXT */
-                                                )
-                                              ]),
-                                              _: 1
-                                              /* STABLE */
-                                            }, 8, ["onClick"])
+                                            createTextVNode(
+                                              toDisplayString(unref(t)("to.common.clear")),
+                                              1
+                                              /* TEXT */
+                                            )
                                           ]),
                                           _: 1
                                           /* STABLE */
-                                        }, 8, ["title", "onBack"])
+                                        }, 8, ["onClick"])
                                       ]),
                                       _: 1
                                       /* STABLE */
-                                    }),
+                                    }, 8, ["title", "onBack"]),
                                     createCommentVNode(" \u5F39\u7A97\u5185\u7684\u641C\u7D22/\u8F93\u5165\u533A\u57DF "),
                                     _ctx.filterable || _ctx.inputable || _ctx.remoteMethod ? (openBlock(), createBlock(unref(ToPadding), {
                                       key: 0,
@@ -1905,7 +1888,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                   /* STABLE */
                                 }),
                                 createCommentVNode(" \u5F39\u7A97\u9009\u9879\u5185\u5BB9\u533A\u57DF "),
-                                createVNode(unref(ToGridItem), { width: "full" }, {
+                                createVNode(unref(ToGridItem), { flex: "" }, {
                                   default: withCtx(() => [
                                     createCommentVNode(" \u65E0\u6570\u636E\u63D0\u793A "),
                                     nodata.value ? withDirectives((openBlock(), createBlock(unref(ToPadding), {
@@ -2101,55 +2084,36 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                   _: 1
                                   /* STABLE */
                                 }),
-                                createVNode(unref(ToGridItem), {
-                                  side: "",
-                                  width: "full"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(unref(ToGrid), null, {
-                                      default: withCtx(() => [
-                                        withDirectives((openBlock(), createBlock(unref(ToButton), {
-                                          color: "primary",
-                                          mode: "line",
-                                          onClick: ($event) => (phoneCloseLayer(), iValue.value = "")
-                                        }, {
-                                          default: withCtx(() => [
-                                            createTextVNode(
-                                              toDisplayString(unref(t)("to.common.clear")),
-                                              1
-                                              /* TEXT */
-                                            )
-                                          ]),
-                                          _: 1
-                                          /* STABLE */
-                                        }, 8, ["onClick"])), [
-                                          [_directive_size, "l"]
-                                        ]),
-                                        withDirectives((openBlock(), createBlock(unref(ToButton), {
-                                          mode: "fill",
-                                          color: "primary",
-                                          onClick: ($event) => phoneCloseLayer()
-                                        }, {
-                                          default: withCtx(() => [
-                                            createTextVNode(
-                                              toDisplayString(unref(t)("to.common.confirm")),
-                                              1
-                                              /* TEXT */
-                                            )
-                                          ]),
-                                          _: 1
-                                          /* STABLE */
-                                        }, 8, ["onClick"])), [
-                                          [_directive_size, "l"]
-                                        ])
-                                      ]),
-                                      _: 1
-                                      /* STABLE */
-                                    })
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                })
+                                createElementVNode("div", { class: "to-select-option-fn" }, [
+                                  createVNode(unref(ToButton), {
+                                    color: "primary",
+                                    onClick: ($event) => (phoneCloseLayer(), iValue.value = "")
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(
+                                        toDisplayString(unref(t)("to.common.clear")),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["onClick"]),
+                                  createVNode(unref(ToButton), {
+                                    mode: "fill",
+                                    onClick: ($event) => phoneCloseLayer()
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(
+                                        toDisplayString(unref(t)("to.common.confirm")),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["onClick"])
+                                ])
                               ]),
                               _: 1
                               /* STABLE */
@@ -2185,44 +2149,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                   /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                 )) : createCommentVNode("v-if", true),
                                 createCommentVNode(" \u666E\u901A\u4E0B\u62C9\u9009\u9879\u6EDA\u52A8\u533A\u57DF"),
-                                !nodata.value && !nomatch.value ? (openBlock(), createBlock(unref(ToScroll), { key: 2 }, {
+                                !nodata.value && !nomatch.value ? (openBlock(), createBlock(unref(ToScroll), {
+                                  key: 2,
+                                  class: "to-select-option-scroll"
+                                }, {
                                   default: withCtx(() => [
                                     createCommentVNode(" \u591A\u9009\u9009\u9879 "),
                                     _ctx.multiple ? (openBlock(), createElementBlock(
                                       Fragment,
                                       { key: 0 },
                                       [
-                                        createCommentVNode(" \u5168\u9009/\u53CD\u9009\u6309\u94AE "),
-                                        createElementVNode("div", { class: "to-select-option-fn" }, [
-                                          createVNode(unref(ToButton), {
-                                            class: "to-select-option-button value-all",
-                                            onClick: selectAll
-                                          }, {
-                                            default: withCtx(() => [
-                                              createTextVNode(
-                                                toDisplayString(unref(t)("to.common.selectAll")),
-                                                1
-                                                /* TEXT */
-                                              )
-                                            ]),
-                                            _: 1
-                                            /* STABLE */
-                                          }),
-                                          createVNode(unref(ToButton), {
-                                            class: "to-select-option-button value-inverse",
-                                            onClick: inverse
-                                          }, {
-                                            default: withCtx(() => [
-                                              createTextVNode(
-                                                toDisplayString(unref(t)("to.common.inverse")),
-                                                1
-                                                /* TEXT */
-                                              )
-                                            ]),
-                                            _: 1
-                                            /* STABLE */
-                                          })
-                                        ]),
                                         createCommentVNode(" \u591A\u9009\u9009\u9879\u7F51\u683C "),
                                         createVNode(unref(ToGrid), {
                                           class: "to-select-list is-multiple",
@@ -2318,7 +2254,65 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                   ]),
                                   _: 1
                                   /* STABLE */
-                                })) : createCommentVNode("v-if", true)
+                                })) : createCommentVNode("v-if", true),
+                                _ctx.multiple || !_ctx.$pc ? (openBlock(), createElementBlock("div", {
+                                  key: 3,
+                                  class: "to-select-option-fn"
+                                }, [
+                                  !_ctx.$pc ? (openBlock(), createBlock(unref(ToButton), {
+                                    key: 0,
+                                    class: "to-select-option-button value-clear",
+                                    mode: "none",
+                                    color: "primary",
+                                    onClick: ($event) => (clear(), closeLayer())
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(
+                                        toDisplayString(unref(t)("to.common.clear")),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+                                  _ctx.multiple ? (openBlock(), createElementBlock(
+                                    Fragment,
+                                    { key: 1 },
+                                    [
+                                      createVNode(unref(ToButton), {
+                                        class: "to-select-option-button value-all",
+                                        onClick: selectAll
+                                      }, {
+                                        default: withCtx(() => [
+                                          createTextVNode(
+                                            toDisplayString(unref(t)("to.common.selectAll")),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ]),
+                                        _: 1
+                                        /* STABLE */
+                                      }),
+                                      createVNode(unref(ToButton), {
+                                        class: "to-select-option-button value-inverse",
+                                        onClick: inverse
+                                      }, {
+                                        default: withCtx(() => [
+                                          createTextVNode(
+                                            toDisplayString(unref(t)("to.common.inverse")),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ]),
+                                        _: 1
+                                        /* STABLE */
+                                      })
+                                    ],
+                                    64
+                                    /* STABLE_FRAGMENT */
+                                  )) : createCommentVNode("v-if", true)
+                                ])) : createCommentVNode("v-if", true)
                               ],
                               64
                               /* STABLE_FRAGMENT */