code-monkey-ui 1.0.11 → 1.1.0

package/dist/index.full.js

@@ -25539,6 +25539,9 @@
                     size: vue.unref(tagSize),
                     hit: tag.hitState,
                     closable: tag.closable,
+                    style: vue.normalizeStyle({
+                      maxWidth: _ctx.collapseTags && presentTags.value.length > _ctx.maxCollapseTags ? vue.unref(tagSize) === "small" ? "calc(100% - 60px)" : "calc(100% - 67px)" : "calc(100% - 17px)"
+                    }),
                     "disable-transitions": "",
                     onClose: ($event) => deleteTag(tag)
                   }, {
@@ -25585,7 +25588,7 @@
                       }, 1032, ["disabled"]))
                     ]),
                     _: 2
-                  }, 1032, ["type", "size", "hit", "closable", "onClose"]);
+                  }, 1032, ["type", "size", "hit", "closable", "style", "onClose"]);
                 }), 128)),
                 _ctx.filterable && !vue.unref(isDisabled) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                   key: 0,
@@ -39793,6 +39796,7 @@
       ElIcon,
       Search: search_default,
       ElButton,
+      ElCheckbox,
       ElCheckboxGroup: ElCheckboxGroup$1
     },
     directives: { ClickOutside },
@@ -40048,7 +40052,7 @@
         nsSelect.is("empty", !props.allowCreate && Boolean(vue.unref(query)) && vue.unref(filteredOptionsCount) === 0)
       ]);
       const tagTextStyle = vue.computed(() => {
-        const maxWidth = vue.unref(inputWidth) > 123 ? vue.unref(inputWidth) - 123 : vue.unref(inputWidth) - 75;
+        const maxWidth = props.collapseTags && selected.value.length > props.maxCollapseTags ? vue.unref(inputWidth) - 125 : vue.unref(inputWidth) - 75;
         return { maxWidth: `${maxWidth}px` };
       });
       const inputStyle = vue.computed(() => ({
@@ -40535,6 +40539,7 @@
                     vue.createVNode(_component_el_checkbox, {
                       modelValue: _ctx.checkAll,
                       "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => _ctx.checkAll = $event),
+                      size: _ctx.selectSize,
                       indeterminate: _ctx.isIndeterminate,
                       onChange: _ctx.handleCheckAllChange
                     }, {
@@ -40542,7 +40547,7 @@
                         _hoisted_5$3
                       ]),
                       _: 1
-                    }, 8, ["modelValue", "indeterminate", "onChange"])
+                    }, 8, ["modelValue", "size", "indeterminate", "onChange"])
                   ]),
                   _: 1
                 }, 8, ["class"]),
@@ -40566,6 +40571,7 @@
                     vue.createVNode(_component_el_checkbox_group, {
                       modelValue: _ctx.checkBoxValues,
                       "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => _ctx.checkBoxValues = $event),
+                      size: _ctx.selectSize,
                       onChange: _ctx.handleCheckedChange
                     }, {
                       default: vue.withCtx(() => [
@@ -40577,7 +40583,7 @@
                         }, 8, ["onUpdateOptions"])
                       ]),
                       _: 3
-                    }, 8, ["modelValue", "onChange"])
+                    }, 8, ["modelValue", "size", "onChange"])
                   ]),
                   _: 3
                 }, 8, ["id", "wrap-class", "view-class", "class", "aria-label"]), [