🌀(component): tag-input 样式, tag-width 超出 input 宽度时自动省略文本

package/component/src/component/tag/index.vue

@@ -55,7 +55,7 @@ const classTag = computed(() => [
 
 const styleTag = computed(() => [
   {
-    "max-width": props.maxWidth ?? "unset",
+    "max-width": props.maxWidth ?? "100%",
     ...useTagCustomStyle(props).value,
   },
 ]);
@@ -105,10 +105,12 @@ function useTagCustomStyle(props: TagProps) {
     <span v-if="$slots.icon" class="layui-tag-icon">
       <slot name="icon" />
     </span>
-    <span v-if="maxWidth" :style="styleTag" class="layui-tag-text">
-      <slot />
+    <span style="overflow: hidden;text-overflow: ellipsis;white-space:nowrap;">
+      <span v-if="maxWidth" :style="styleTag" class="layui-tag-text">
+        <slot />
+      </span>
+      <slot v-else />
     </span>
-    <slot v-else />
     <span
       v-if="closable"
       class="layui-tag-close-icon"

package/component/src/component/tagInput/index.less

@@ -86,7 +86,7 @@
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-    width: fit-content;
+    width: 100%;
     height: auto;
     overflow: hidden;
 

package/document-component/src/document/zh-CN/guide/changelog.md

@@ -11,6 +11,18 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="1.7.x">
+    <ul> 
+      <a name="1-7-8"></a> 
+      <li> 
+        <h3>1.7.8 <span class="layui-badge-rim">2022-11-15</span></h3> 
+        <ul>
+          <li>[修复] backtop 组件部分浏览器版本无法正常返回顶部。</li>
+          <li>[优化] date-picker 组件 btn 操作 border-radius 样式细节。</li>
+          <li>[优化] tag-input 组件 maxWidth 属性默认为 100%。</li>
+          <li>[优化] tag-input 组件 tagWidth 超出 input 宽度时自动省略文本。</li>
+        </ul> 
+      </li>
+    </ul>
     <ul> 
       <a name="1-7-7"></a> 
       <li>