web-component-gallery 2.3.21 → 2.3.23

package/lib/descriptions-list/index.jsx

@@ -186,8 +186,8 @@ const DescriptionsList = {
             
             // 设置固定标签宽度
             this.setStyle(label, { width: `${this.labelWidth}px`, minWidth: `${this.labelWidth}px`, maxWidth: `${this.labelWidth}px` })
-            // 设置自适应内容宽度
-            this.setStyle(contents[index], { width: `${contentWidth}px`, minWidth: `${contentWidth}px`, maxWidth: `${contentWidth}px` })
+            // 设置自适应内容宽度 (table-layout: auto; 自适应情况下不需要设置内容宽度)
+            // this.setStyle(contents[index], { width: `${contentWidth}px`, minWidth: `${contentWidth}px`, maxWidth: `${contentWidth}px` })
             
             itemCount++
           })

package/lib/descriptions-list/style/index.less

@@ -25,6 +25,9 @@
     
         .ant-descriptions-item-content {
             word-wrap: break-word;
+            word-break: break-all;
+            overflow-wrap: anywhere;
+            max-width: 0;
 
             .Browse {
                 align-items: center;

package/lib/form-comp/ASelectCustom.vue

@@ -400,7 +400,9 @@ export default {
      * 处理选项变化
      */
     handleOptionsChange(newVal) {
-      this.innerOptions = this.deduplicateOptions([...newVal, ...this.innerOptions])
+      this.innerOptions = this.listPageHandler
+        ? this.deduplicateOptions([...newVal, ...this.innerOptions])
+        : [...newVal]
     },
     
     /**

package/lib/modal/index.jsx

@@ -2,11 +2,13 @@ import PropTypes from 'ant-design-vue/es/_util/vue-types'
 import { Modal } from 'ant-design-vue/es'
 import IconFont from '../icon-font'
 
+// 弹窗尺寸模式
 const MODAL_MODES = ['small', 'middle', 'large', 'max']
-const HEADLESS_MODES = ['screen', 'headless-large']
+// 无头部模式后缀
+const HEADLESS_SUFFIX = '-headless'
 
 const ModalProps = {
-  size: PropTypes.string.def('small'),
+  size: PropTypes.string.def('middle'),
   title: PropTypes.string.def('标题'),
   visible: PropTypes.bool.def(false),
   cancelHandle: PropTypes.func
@@ -26,17 +28,33 @@ const ModalComp = {
     }
   },
   methods: {
+    // 打开外部链接
     handleBlank() {
       window.open(this.$attrs.externalLink, '_blank')
     },
+    // 切换弹窗尺寸（保持无头部状态）
     handleConvert() {
-      const normalizedMode = this.internalMode === 'headless-large' ? 'large' : this.internalMode
-      const currentIndex = MODAL_MODES.indexOf(normalizedMode)
+      const baseMode = this.getBaseMode(this.internalMode)
+      const currentIndex = MODAL_MODES.indexOf(baseMode)
       const isLastMode = currentIndex === MODAL_MODES.length - 1
-      this.internalMode = isLastMode ? this.size : MODAL_MODES[currentIndex + 1]
+      const nextBaseMode = isLastMode ? MODAL_MODES[0] : MODAL_MODES[currentIndex + 1]
+      
+      const suffix = this.internalMode.endsWith(HEADLESS_SUFFIX) 
+        ? HEADLESS_SUFFIX 
+        : ''
+      
+      this.internalMode = nextBaseMode + suffix
     },
+    // 提取基础尺寸（去除后缀）
+    getBaseMode(mode) {
+      if (mode.endsWith(HEADLESS_SUFFIX)) {
+        return mode.replace(HEADLESS_SUFFIX, '')
+      }
+      return mode
+    },
+    // 判断是否显示标题栏
     hasTitleBar() {
-      return !HEADLESS_MODES.includes(this.size)
+      return !this.internalMode.endsWith(HEADLESS_SUFFIX) && this.internalMode !== 'screen'
     }
   },
   render() {
@@ -59,14 +77,17 @@ const ModalComp = {
           ...this.$listeners
         }}
       >
+        {/* 条件渲染标题栏 */}
         {this.hasTitleBar() && (
           <div slot="title" class="AntModal__Title">
             <span>{this.title}</span> 
             <div class="AntModal__Title__Blank">
+              {/* 切换尺寸按钮 */}
               <IconFont
                 type="modal_convert"
                 on={{ click: this.handleConvert }}
               />
+              {/* 外部链接按钮（可选） */}
               {
                 $attrs.externalLink &&
                 <IconFont

package/lib/modal/style/index.less

@@ -18,16 +18,6 @@
         }
     }
 
-    &__headless-large {
-        .ant-modal {
-            .layout(1600px, 848px);
-
-            &-body {
-                padding: 0;
-            }
-        }
-    }
-
     &__max {
         .ant-modal {
             top: 0;
@@ -48,6 +38,21 @@
         }
     }
 
+    &__small-headless,
+    &__middle-headless,
+    &__large-headless,
+    &__max-headless {
+        .ant-modal {
+            &-header {
+                display: none;
+            }
+
+            &-body {
+                padding: 0;
+            }
+        }
+    }
+
     &__Title {
         .flex-layout();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "2.3.21",
+  "version": "2.3.23",
   "description": "基础vue、antdvue、less实现的私有组件库",
   "main": "dist/index.umd.js",
   "files": [