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

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

@@ -20,6 +20,7 @@ var color = require('../../../directives/color/src/color.js');
 var useDevice = require('../../../hooks/useDevice.js');
 var useSelectOptionData = require('./hooks/use-select-option-data.js');
 var useSelectClassStyle = require('./hooks/use-select-class-style.js');
+var useSetClass = require('../../../hooks/useSetClass.js');
 
 const __default__ = vue.defineComponent({
   name: "ToSelect",
@@ -557,9 +558,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const setOptionClass = vue.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(...useSetClass.getModeClasses(props.mode));
       }
       return arr;
     });
@@ -1120,7 +1119,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       const _directive_tip = vue.resolveDirective("tip");
       const _directive_align = vue.resolveDirective("align");
-      const _directive_size = vue.resolveDirective("size");
       return vue.openBlock(), vue.createElementBlock(
         vue.Fragment,
         null,
@@ -1247,7 +1245,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 && !_ctx.remoteMethod || vue.unref($phone) ? (vue.openBlock(), vue.createElementBlock("span", {
+                            !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn && !_ctx.remoteMethod || !_ctx.$pc ? (vue.openBlock(), vue.createElementBlock("span", {
                               key: 0,
                               class: "to-select-box"
                             }, [
@@ -1461,7 +1459,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                       /* STABLE_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("span", {
+                                    vue.unref($phone) || vue.unref($phone) && vue.unref(selected).length === 0 ? (vue.openBlock(), vue.createElementBlock("span", {
                                       key: 1,
                                       class: "to-select-input"
                                     }, [
@@ -1527,7 +1525,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       /* STABLE_FRAGMENT */
                     )),
                     vue.createCommentVNode(" \u6E05\u9664\u56FE\u6807 "),
-                    showClearIcon.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToIcon), {
+                    showClearIcon.value && !vue.unref($phone) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToIcon), {
                       key: 3,
                       class: "to-select-clear",
                       link: "",
@@ -1535,15 +1533,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       onClick: vue.withModifiers(clearClick, ["stop"])
                     })) : vue.createCommentVNode("v-if", true),
                     vue.createCommentVNode(" \u4E0B\u62C9\u7BAD\u5934\u56FE\u6807 "),
-                    vue.createElementVNode(
-                      "span",
-                      {
-                        class: vue.normalizeClass(["to-select-arrow", `type-${_ctx.arrowType}`])
-                      },
-                      null,
-                      2
-                      /* CLASS */
-                    )
+                    vue.createVNode(vue.unref(index$1.ToIcon), {
+                      class: "to-select-arrow",
+                      value: "expand"
+                    })
                   ],
                   512
                   /* NEED_PATCH */
@@ -1688,49 +1681,39 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             vue.createCommentVNode(" \u5F39\u7A97\u6A21\u5F0F "),
                             _ctx.optionDisplay === "popup" || (_ctx.inputable || _ctx.filterable) && vue.unref($phone) ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.ToGrid), {
                               key: 0,
-                              style: { "width": "100%" },
-                              type: "v"
+                              height: "full",
+                              dir: "v"
                             }, {
                               default: vue.withCtx(() => [
                                 vue.createCommentVNode(" \u5F39\u7A97\u5934\u90E8\u533A\u57DF "),
-                                vue.createVNode(vue.unref(index$6.ToGridItem), {
-                                  side: "",
-                                  width: "full"
-                                }, {
+                                vue.createVNode(vue.unref(index$6.ToGridItem), null, {
                                   default: vue.withCtx(() => [
                                     vue.createCommentVNode(" \u5F39\u7A97\u6807\u9898\u680F "),
-                                    vue.createVNode(vue.unref(index$5.ToPadding), { value: "1" }, {
+                                    vue.createVNode(vue.unref(index$7.ToHeader), {
+                                      title: validateDesc.value ? vue.unref(index.t)("to.select.float.title", validateDesc.value) : vue.unref(index.t)("to.select.float.titlePlaceholder", validateDesc.value),
+                                      onBack: ($event) => closeLayer()
+                                    }, {
                                       default: vue.withCtx(() => [
-                                        vue.createVNode(vue.unref(index$7.ToHeader), {
-                                          level: "0",
-                                          title: validateDesc.value ? vue.unref(index.t)("to.select.float.title", validateDesc.value) : vue.unref(index.t)("to.select.float.titlePlaceholder", validateDesc.value),
-                                          onBack: ($event) => closeLayer()
+                                        vue.createVNode(vue.unref(index$8.ToButton), {
+                                          icon: "close",
+                                          mode: "none",
+                                          color: "primary",
+                                          onClick: ($event) => (clear(), closeLayer())
                                         }, {
                                           default: vue.withCtx(() => [
-                                            vue.createVNode(vue.unref(index$8.ToButton), {
-                                              icon: "close",
-                                              mode: "none",
-                                              color: "primary",
-                                              onClick: ($event) => (clear(), closeLayer())
-                                            }, {
-                                              default: vue.withCtx(() => [
-                                                vue.createTextVNode(
-                                                  vue.toDisplayString(vue.unref(index.t)("to.common.clear")),
-                                                  1
-                                                  /* TEXT */
-                                                )
-                                              ]),
-                                              _: 1
-                                              /* STABLE */
-                                            }, 8, ["onClick"])
+                                            vue.createTextVNode(
+                                              vue.toDisplayString(vue.unref(index.t)("to.common.clear")),
+                                              1
+                                              /* TEXT */
+                                            )
                                           ]),
                                           _: 1
                                           /* STABLE */
-                                        }, 8, ["title", "onBack"])
+                                        }, 8, ["onClick"])
                                       ]),
                                       _: 1
                                       /* STABLE */
-                                    }),
+                                    }, 8, ["title", "onBack"]),
                                     vue.createCommentVNode(" \u5F39\u7A97\u5185\u7684\u641C\u7D22/\u8F93\u5165\u533A\u57DF "),
                                     _ctx.filterable || _ctx.inputable || _ctx.remoteMethod ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ToPadding), {
                                       key: 0,
@@ -1909,7 +1892,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   /* STABLE */
                                 }),
                                 vue.createCommentVNode(" \u5F39\u7A97\u9009\u9879\u5185\u5BB9\u533A\u57DF "),
-                                vue.createVNode(vue.unref(index$6.ToGridItem), { width: "full" }, {
+                                vue.createVNode(vue.unref(index$6.ToGridItem), { flex: "" }, {
                                   default: vue.withCtx(() => [
                                     vue.createCommentVNode(" \u65E0\u6570\u636E\u63D0\u793A "),
                                     nodata.value ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$5.ToPadding), {
@@ -2105,55 +2088,36 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   _: 1
                                   /* STABLE */
                                 }),
-                                vue.createVNode(vue.unref(index$6.ToGridItem), {
-                                  side: "",
-                                  width: "full"
-                                }, {
-                                  default: vue.withCtx(() => [
-                                    vue.createVNode(vue.unref(index$6.ToGrid), null, {
-                                      default: vue.withCtx(() => [
-                                        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$8.ToButton), {
-                                          color: "primary",
-                                          mode: "line",
-                                          onClick: ($event) => (phoneCloseLayer(), iValue.value = "")
-                                        }, {
-                                          default: vue.withCtx(() => [
-                                            vue.createTextVNode(
-                                              vue.toDisplayString(vue.unref(index.t)("to.common.clear")),
-                                              1
-                                              /* TEXT */
-                                            )
-                                          ]),
-                                          _: 1
-                                          /* STABLE */
-                                        }, 8, ["onClick"])), [
-                                          [_directive_size, "l"]
-                                        ]),
-                                        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$8.ToButton), {
-                                          mode: "fill",
-                                          color: "primary",
-                                          onClick: ($event) => phoneCloseLayer()
-                                        }, {
-                                          default: vue.withCtx(() => [
-                                            vue.createTextVNode(
-                                              vue.toDisplayString(vue.unref(index.t)("to.common.confirm")),
-                                              1
-                                              /* TEXT */
-                                            )
-                                          ]),
-                                          _: 1
-                                          /* STABLE */
-                                        }, 8, ["onClick"])), [
-                                          [_directive_size, "l"]
-                                        ])
-                                      ]),
-                                      _: 1
-                                      /* STABLE */
-                                    })
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                })
+                                vue.createElementVNode("div", { class: "to-select-option-fn" }, [
+                                  vue.createVNode(vue.unref(index$8.ToButton), {
+                                    color: "primary",
+                                    onClick: ($event) => (phoneCloseLayer(), iValue.value = "")
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createTextVNode(
+                                        vue.toDisplayString(vue.unref(index.t)("to.common.clear")),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["onClick"]),
+                                  vue.createVNode(vue.unref(index$8.ToButton), {
+                                    mode: "fill",
+                                    onClick: ($event) => phoneCloseLayer()
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createTextVNode(
+                                        vue.toDisplayString(vue.unref(index.t)("to.common.confirm")),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["onClick"])
+                                ])
                               ]),
                               _: 1
                               /* STABLE */
@@ -2189,44 +2153,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                 )) : vue.createCommentVNode("v-if", true),
                                 vue.createCommentVNode(" \u666E\u901A\u4E0B\u62C9\u9009\u9879\u6EDA\u52A8\u533A\u57DF"),
-                                !nodata.value && !nomatch.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$9.ToScroll), { key: 2 }, {
+                                !nodata.value && !nomatch.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$9.ToScroll), {
+                                  key: 2,
+                                  class: "to-select-option-scroll"
+                                }, {
                                   default: vue.withCtx(() => [
                                     vue.createCommentVNode(" \u591A\u9009\u9009\u9879 "),
                                     _ctx.multiple ? (vue.openBlock(), vue.createElementBlock(
                                       vue.Fragment,
                                       { key: 0 },
                                       [
-                                        vue.createCommentVNode(" \u5168\u9009/\u53CD\u9009\u6309\u94AE "),
-                                        vue.createElementVNode("div", { class: "to-select-option-fn" }, [
-                                          vue.createVNode(vue.unref(index$8.ToButton), {
-                                            class: "to-select-option-button value-all",
-                                            onClick: selectAll
-                                          }, {
-                                            default: vue.withCtx(() => [
-                                              vue.createTextVNode(
-                                                vue.toDisplayString(vue.unref(index.t)("to.common.selectAll")),
-                                                1
-                                                /* TEXT */
-                                              )
-                                            ]),
-                                            _: 1
-                                            /* STABLE */
-                                          }),
-                                          vue.createVNode(vue.unref(index$8.ToButton), {
-                                            class: "to-select-option-button value-inverse",
-                                            onClick: inverse
-                                          }, {
-                                            default: vue.withCtx(() => [
-                                              vue.createTextVNode(
-                                                vue.toDisplayString(vue.unref(index.t)("to.common.inverse")),
-                                                1
-                                                /* TEXT */
-                                              )
-                                            ]),
-                                            _: 1
-                                            /* STABLE */
-                                          })
-                                        ]),
                                         vue.createCommentVNode(" \u591A\u9009\u9009\u9879\u7F51\u683C "),
                                         vue.createVNode(vue.unref(index$6.ToGrid), {
                                           class: "to-select-list is-multiple",
@@ -2322,7 +2258,65 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   ]),
                                   _: 1
                                   /* STABLE */
-                                })) : vue.createCommentVNode("v-if", true)
+                                })) : vue.createCommentVNode("v-if", true),
+                                _ctx.multiple || !_ctx.$pc ? (vue.openBlock(), vue.createElementBlock("div", {
+                                  key: 3,
+                                  class: "to-select-option-fn"
+                                }, [
+                                  !_ctx.$pc ? (vue.openBlock(), vue.createBlock(vue.unref(index$8.ToButton), {
+                                    key: 0,
+                                    class: "to-select-option-button value-clear",
+                                    mode: "none",
+                                    color: "primary",
+                                    onClick: ($event) => (clear(), closeLayer())
+                                  }, {
+                                    default: vue.withCtx(() => [
+                                      vue.createTextVNode(
+                                        vue.toDisplayString(vue.unref(index.t)("to.common.clear")),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 1
+                                    /* STABLE */
+                                  }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
+                                  _ctx.multiple ? (vue.openBlock(), vue.createElementBlock(
+                                    vue.Fragment,
+                                    { key: 1 },
+                                    [
+                                      vue.createVNode(vue.unref(index$8.ToButton), {
+                                        class: "to-select-option-button value-all",
+                                        onClick: selectAll
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createTextVNode(
+                                            vue.toDisplayString(vue.unref(index.t)("to.common.selectAll")),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ]),
+                                        _: 1
+                                        /* STABLE */
+                                      }),
+                                      vue.createVNode(vue.unref(index$8.ToButton), {
+                                        class: "to-select-option-button value-inverse",
+                                        onClick: inverse
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createTextVNode(
+                                            vue.toDisplayString(vue.unref(index.t)("to.common.inverse")),
+                                            1
+                                            /* TEXT */
+                                          )
+                                        ]),
+                                        _: 1
+                                        /* STABLE */
+                                      })
+                                    ],
+                                    64
+                                    /* STABLE_FRAGMENT */
+                                  )) : vue.createCommentVNode("v-if", true)
+                                ])) : vue.createCommentVNode("v-if", true)
                               ],
                               64
                               /* STABLE_FRAGMENT */