web-component-gallery 2.3.11 → 2.3.12

package/lib/browse/index.jsx

@@ -37,11 +37,13 @@ const getPreviewType = (url, contentType = '') => {
 /**
  * 渲染单个文件内容的函数
  * @param {function} h - Vue 的渲染函数
- * @param {object} param1 - 包含 url 和 name 的对象
+ * @param {object} file - 文件对象
  * @param {array} images - 图片列表，用于预览
  * @returns {VNode} 返回渲染的虚拟 DOM 节点
  */
-const renderContent = function (h, { url, name }, images) {
+const renderContent = function (h, file, images) {
+  const { url, name } = file
+
   if (!url) return
 
   const { isThumb, astrictH } = this
@@ -51,7 +53,7 @@ const renderContent = function (h, { url, name }, images) {
 
   // 点击处理函数：如果是图片或缩略图模式，则触发预览
   const handleClick = () => {
-    if (isImage || isThumb) previewFile(url, images, this)
+    if (isImage || isThumb) previewFile(file, images, this)
   }
 
   // 如果是非图片且处于缩略图模式，渲染带图标的占位符

package/lib/descriptions-list/index.jsx

@@ -96,9 +96,21 @@ const DescriptionsList = {
       if (this.isResponsive) {
         this.setDescContentWidth()
         this.bindResize()
-      } else {
-        this.responsiveColumn = this.getColumnValue()
+        return
+      }
+      this.responsiveColumn = this.getColumnValue()
+    },
+    initComponent() {
+      if (this.isResponsive) {
+        this.setDescContentWidth()
+        this.bindResize()
+        return
       }
+      this.responsiveColumn = this.getColumnValue()
+      this.$nextTick(() => {
+        const container = this.$refs.Descriptions
+        if (container) this.updateItemStyles(container, container.offsetWidth)
+      })
     },
     
     // 清理窗口大小监听和定时器
@@ -107,12 +119,11 @@ const DescriptionsList = {
         clearTimeout(this.resizeTimer)
         this.resizeTimer = null
       }
-      window.removeEventListener('resize', this.handleResize)
     },
     
     // 绑定窗口大小变化事件
     bindResize() {
-      window.addEventListener('resize', this.handleResize)
+      this.$bus.$onWindow(this, 'resize', this.handleResize)
     },
     
     // 处理窗口大小变化（带防抖）
@@ -157,8 +168,6 @@ const DescriptionsList = {
     
     // 更新每一项的标签和内容宽度样式
     updateItemStyles(container, totalWidth) {
-      if (!this.isResponsive) return
-
       this.$nextTick(() => {
         const rows = container.querySelectorAll('.ant-descriptions-row')
         let itemCount = 0
@@ -170,6 +179,7 @@ const DescriptionsList = {
           labels.forEach((label, index) => {
             const itemConfig = this.descSettings[itemCount]
             const span = itemConfig?.span || 1
+
             // 计算每项总宽度和内容区域宽度
             const eachWidth = (totalWidth / this.responsiveColumn) * span
             const contentWidth = eachWidth - this.labelWidth

package/package.json

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