lew-ui 2.1.2 → 2.1.3

package/dist/index.mjs

@@ -9687,7 +9687,7 @@ lodash.exports;
 })(lodash, lodash.exports);
 var lodashExports = lodash.exports;
 const _ = /* @__PURE__ */ getDefaultExportFromCjs(lodashExports);
-const _withScopeId$4 = (n) => (pushScopeId("data-v-3fa12884"), n = n(), popScopeId(), n);
+const _withScopeId$4 = (n) => (pushScopeId("data-v-05e8fc27"), n = n(), popScopeId(), n);
 const _hoisted_1$y = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("path", {
   d: "M29.506 6.502 18.493 41.498",
   "data-v-5303b0ef": ""
@@ -10141,9 +10141,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCascader_vue_vue_type_style_index_0_scoped_3fa12884_lang = "";
+const LewCascader_vue_vue_type_style_index_0_scoped_05e8fc27_lang = "";
 const LewCascader_vue_vue_type_style_index_1_lang = "";
-const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-3fa12884"]]);
+const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-05e8fc27"]]);
 const tabsProps = {
   modelValue: {
     type: [String, Number],
@@ -10345,8 +10345,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTabs_vue_vue_type_style_index_0_scoped_57868a48_lang = "";
-const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-57868a48"]]);
+const LewTabs_vue_vue_type_style_index_0_scoped_e618a35c_lang = "";
+const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-e618a35c"]]);
 const _hoisted_1$w = { class: "lew-breadcrumb" };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "LewSteps",
@@ -10390,7 +10390,7 @@ const _hoisted_4$c = {
   "stroke-linejoin": "miter"
 };
 const _hoisted_5$9 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1));
-const _hoisted_6$5 = [
+const _hoisted_6$6 = [
   _hoisted_5$9
 ];
 const _hoisted_7$4 = {
@@ -10424,7 +10424,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               onClick: ($event) => unref(lewTo)(item.to)
             }, toDisplayString(item.label), 11, _hoisted_2$n),
             index2 != _ctx.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
-              _ctx.iconType === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$c, _hoisted_6$5)) : createCommentVNode("", true),
+              _ctx.iconType === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$c, _hoisted_6$6)) : createCommentVNode("", true),
               _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$4, _hoisted_9$4)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ], 2);
@@ -10676,7 +10676,7 @@ const _hoisted_3$e = {
 };
 const _hoisted_4$b = { class: "lew-input-box" };
 const _hoisted_5$8 = ["disabled", "placeholder", "type", "readonly"];
-const _hoisted_6$4 = {
+const _hoisted_6$5 = {
   key: 0,
   class: "lew-input-auto-width"
 };
@@ -10944,7 +10944,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           }, null, 40, _hoisted_5$8), [
             [vModelDynamic, unref(modelValue)]
           ]),
-          _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_6$4, toDisplayString(unref(modelValue)), 1)) : createCommentVNode("", true),
+          _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_6$5, toDisplayString(unref(modelValue)), 1)) : createCommentVNode("", true),
           _ctx.showPassword || _ctx.clearable || _ctx.showCount ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
             unref(getCheckNumStr) ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -11046,8 +11046,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInput_vue_vue_type_style_index_0_scoped_96d5b0e2_lang = "";
-const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-96d5b0e2"]]);
+const LewInput_vue_vue_type_style_index_0_scoped_97e7472e_lang = "";
+const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-97e7472e"]]);
 const textareaProps = {
   // 绑定值
   modelValue: {
@@ -11271,8 +11271,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTextarea_vue_vue_type_style_index_0_scoped_6b74fab6_lang = "";
-const LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-6b74fab6"]]);
+const LewTextarea_vue_vue_type_style_index_0_scoped_3e621579_lang = "";
+const LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-3e621579"]]);
 const inputTagProps = {
   // 绑定值
   modelValue: {
@@ -13898,7 +13898,7 @@ const radioGroupProps = {
     description: "选项"
   }
 };
-const _withScopeId$1 = (n) => (pushScopeId("data-v-ce428465"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-620160a2"), n = n(), popScopeId(), n);
 const _hoisted_1$o = {
   key: 0,
   class: "icon-radio-box"
@@ -13950,8 +13950,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRadio_vue_vue_type_style_index_0_scoped_ce428465_lang = "";
-const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-ce428465"]]);
+const LewRadio_vue_vue_type_style_index_0_scoped_620160a2_lang = "";
+const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-620160a2"]]);
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "LewRadioGroup",
   props: radioGroupProps,
@@ -14359,9 +14359,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSelect_vue_vue_type_style_index_0_scoped_31b0b81a_lang = "";
+const LewSelect_vue_vue_type_style_index_0_scoped_ac42cdb3_lang = "";
 const LewSelect_vue_vue_type_style_index_1_lang = "";
-const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-31b0b81a"]]);
+const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-ac42cdb3"]]);
 const selectMultipleProps = {
   modelValue: {
     type: Array || void 0,
@@ -14378,6 +14378,11 @@ const selectMultipleProps = {
     default: "click",
     description: "触发方式，可选值为 click 或 hover"
   },
+  valueLayout: {
+    type: String,
+    default: "text",
+    description: "值的布局方式，可选值为 tag 或 text"
+  },
   placeholder: {
     type: String,
     default: "请选择",
@@ -14448,17 +14453,18 @@ const selectMultipleProps = {
     description: "默认值"
   }
 };
-const _hoisted_1$m = {
+const _hoisted_1$m = { class: "lew-select-multiple-text-value" };
+const _hoisted_2$g = {
   key: 0,
   class: "search-input"
 };
-const _hoisted_2$g = { class: "lew-select-options-box" };
-const _hoisted_3$a = {
+const _hoisted_3$a = { class: "lew-select-options-box" };
+const _hoisted_4$7 = {
   key: 0,
   class: "reslut-count"
 };
-const _hoisted_4$7 = ["onClick"];
-const _hoisted_5$5 = { class: "lew-select-label" };
+const _hoisted_5$5 = ["onClick"];
+const _hoisted_6$4 = { class: "lew-select-label" };
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "LewSelectMultiple",
   props: selectMultipleProps,
@@ -14617,6 +14623,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       state.visible = false;
       emit("blur");
     };
+    onMounted(() => {
+      getSelectWidth();
+    });
     __expose({ show, hide: hide2 });
     return (_ctx, _cache) => {
       const _component_lew_tag = resolveComponent("lew-tag");
@@ -14665,38 +14674,80 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            withDirectives(createVNode(_component_lew_flex, {
-              style: { "padding": "3px" },
-              x: "start",
-              gap: 3,
-              wrap: "",
-              class: "value"
-            }, {
-              default: withCtx(() => [
-                createVNode(TransitionGroup, { name: "list" }, {
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getLabels), (item, index2) => {
-                      return openBlock(), createBlock(_component_lew_tag, {
-                        key: index2,
-                        type: "light",
-                        size: _ctx.size,
-                        closable: "",
-                        onClose: ($event) => deleteTag(index2)
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(item), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["size", "onClose"]);
-                    }), 128))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 512), [
-              [vShow, unref(getLabels) && unref(getLabels).length > 0]
-            ]),
+            unref(getLabels) && unref(getLabels).length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              _ctx.valueLayout === "tag" ? (openBlock(), createBlock(_component_lew_flex, {
+                key: 0,
+                style: { "padding": "3px" },
+                x: "start",
+                y: "center",
+                gap: 3,
+                wrap: "",
+                class: "value"
+              }, {
+                default: withCtx(() => [
+                  createVNode(TransitionGroup, { name: "list" }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getLabels), (item, index2) => {
+                        return openBlock(), createBlock(_component_lew_tag, {
+                          key: index2,
+                          type: "light",
+                          size: _ctx.size,
+                          closable: "",
+                          onClose: ($event) => deleteTag(index2)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(item), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["size", "onClose"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })) : (openBlock(), createBlock(unref(_sfc_main$6), {
+                key: 1,
+                ref: "lewPopverValueRef",
+                trigger: "hover",
+                "popover-body-class-name": "lew-select-multiple-popover-tag",
+                placement: "top-start",
+                style: { "width": "100%" }
+              }, {
+                trigger: withCtx(() => [
+                  createElementVNode("div", _hoisted_1$m, toDisplayString(unref(getLabels).join("，")), 1)
+                ]),
+                "popover-body": withCtx(() => [
+                  createVNode(_component_lew_flex, {
+                    x: "start",
+                    y: "center",
+                    gap: 3,
+                    wrap: "",
+                    style: normalizeStyle(`max-width:${unref(state).selectWidth + 12}px`),
+                    class: "lew-select-multiple-tag-value"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getLabels), (item, index2) => {
+                        return openBlock(), createBlock(_component_lew_tag, {
+                          key: index2,
+                          type: "light",
+                          size: _ctx.size,
+                          closable: "",
+                          onClose: ($event) => deleteTag(index2)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(item), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["size", "onClose"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["style"])
+                ]),
+                _: 1
+              }, 512))
+            ], 64)) : createCommentVNode("", true),
             withDirectives(createElementVNode("div", { class: "placeholder" }, toDisplayString(_ctx.placeholder), 513), [
               [vShow, unref(getLabels) && unref(getLabels).length === 0]
             ])
@@ -14708,7 +14759,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(`width:${unref(state).selectWidth}px`)
           }, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
               withDirectives(createElementVNode("input", {
                 ref_key: "searchInputRef",
                 ref: searchInputRef,
@@ -14720,7 +14771,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 [vModelText, unref(state).keyword]
               ])
             ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_2$g, [
+            createElementVNode("div", _hoisted_3$a, [
               withDirectives(createVNode(_component_lew_flex, {
                 direction: "y",
                 class: "not-found"
@@ -14732,7 +14783,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               }, 512), [
                 [vShow, unref(state).options && unref(state).options.length === 0]
               ]),
-              _ctx.searchable && unref(state).options && unref(state).options.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$a, " 共 " + toDisplayString(unref(numFormat)(unref(state).options && unref(state).options.length)) + " 条结果 ", 1)) : createCommentVNode("", true),
+              _ctx.searchable && unref(state).options && unref(state).options.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$7, " 共 " + toDisplayString(unref(numFormat)(unref(state).options && unref(state).options.length)) + " 条结果 ", 1)) : createCommentVNode("", true),
               unref(state).options.length > 0 ? (openBlock(), createBlock(unref(UseVirtualList), {
                 key: unref(getVirtualHeight),
                 class: "lew-select-options-list lew-scrollbar",
@@ -14757,9 +14808,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                         class: "lew-select-checkbox",
                         checked: unref(getChecked)(templateProps.value)
                       }, null, 8, ["checked"])),
-                      createElementVNode("div", _hoisted_5$5, toDisplayString(templateProps.label), 1)
+                      createElementVNode("div", _hoisted_6$4, toDisplayString(templateProps.label), 1)
                     ], 2)
-                  ], 12, _hoisted_4$7)
+                  ], 12, _hoisted_5$5)
                 ]),
                 _: 1
               }, 8, ["list", "height"])) : createCommentVNode("", true)
@@ -14772,9 +14823,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSelectMultiple_vue_vue_type_style_index_0_scoped_a10fb7f6_lang = "";
+const LewSelectMultiple_vue_vue_type_style_index_0_scoped_276b5707_lang = "";
 const LewSelectMultiple_vue_vue_type_style_index_1_lang = "";
-const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-a10fb7f6"]]);
+const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-276b5707"]]);
 const switchProps = {
   modelValue: {
     type: Boolean,
@@ -14802,7 +14853,7 @@ const switchProps = {
     description: "加载状态"
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-e1559ba7"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-dfb29548"), n = n(), popScopeId(), n);
 const _hoisted_1$l = ["disabled"];
 const _hoisted_2$f = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-switch-dot" }, null, -1));
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
@@ -14864,8 +14915,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSwitch_vue_vue_type_style_index_0_scoped_e1559ba7_lang = "";
-const LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-e1559ba7"]]);
+const LewSwitch_vue_vue_type_style_index_0_scoped_dfb29548_lang = "";
+const LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-dfb29548"]]);
 const getHeadDate = ["一", "二", "三", "四", "五", "六", "日"];
 const getMonthDate = (year, month) => {
   const ret = [];
@@ -15960,8 +16011,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDatePicker_vue_vue_type_style_index_0_scoped_6c415110_lang = "";
-const LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-6c415110"]]);
+const LewDatePicker_vue_vue_type_style_index_0_scoped_48037f64_lang = "";
+const LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-48037f64"]]);
 const _hoisted_1$h = { class: "lew-date-picker-input" };
 const _hoisted_2$b = {
   key: 0,
@@ -16099,8 +16150,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDateRangePicker_vue_vue_type_style_index_0_scoped_9c862f45_lang = "";
-const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-9c862f45"]]);
+const LewDateRangePicker_vue_vue_type_style_index_0_scoped_60f1d4c4_lang = "";
+const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-60f1d4c4"]]);
 const tableProps = {
   rowKey: {
     type: String,
@@ -17256,8 +17307,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewButton_vue_vue_type_style_index_0_scoped_12c7ca1f_lang = "";
-const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-12c7ca1f"]]);
+const LewButton_vue_vue_type_style_index_0_scoped_71c49a4f_lang = "";
+const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-71c49a4f"]]);
 const badgeProps = {
   value: {
     type: String,
@@ -20465,8 +20516,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewModal_vue_vue_type_style_index_0_scoped_d8eb9661_lang = "";
-const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-d8eb9661"]]);
+const LewModal_vue_vue_type_style_index_0_scoped_1ca1736b_lang = "";
+const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-1ca1736b"]]);
 const popokProps = {
   type: {
     type: String,