@lambo-design/detail-table 1.0.0-beta.22 → 1.0.0-beta.24

package/.versionrc

@@ -0,0 +1,23 @@
+{
+  "tagPrefix": "@lambo-design/detail-table@",
+  "releaseCommitMessageFormat": "chore(release): @lambo-design/detail-table@{{currentTag}}",
+  "path": ".",
+  "header": "# Changelog",
+  "types": [
+    {"type": "chore", "section":"'🎫 Chores | 其他更新", "hidden": false},
+    {"type": "revert", "section":"⏪ Reverts | 回退", "hidden": false},
+    {"type": "feat", "section": "✨ Features | 新功能", "hidden": false},
+    {"type": "fix", "section": "🐛 Bug Fixes | Bug 修复", "hidden": false},
+    {"type": "improvement", "section": "Feature Improvements", "hidden": false},
+    {"type": "docs", "section":"📝 Documentation | 文档", "hidden": false},
+    {"type": "style", "section":"💄 Styles | 风格", "hidden": false},
+    {"type": "refactor", "section":"💄 Styles | 风格", "hidden": false},
+    {"type": "perf", "section":"⚡ Performance Improvements | 性能优化", "hidden": false},
+    {"type": "test", "section":"✅ Tests | 测试", "hidden": false},
+    {"type": "build", "section":"👷‍ Build System | 构建", "hidden": false},
+    {"type": "ci", "section":"🔧 Continuous Integration | CI 配置", "hidden":false}
+  ],
+  "commitUrlFormat": "http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/{{hash}}",
+  "compareUrlFormat": "http://git.inspur.com/ecbh/lambo-design/lambo-design/-/compare/{{previousTag}}...{{currentTag}}",
+  "issueUrlFormat": "http://git.inspur.com/ecbh/lambo-design/lambo-design/-/issues/{{id}}"
+}

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# Changelog
+## 1.0.0-beta.24 (2024-05-09)
+
+
+### ✨ Features | 新功能
+
+* **@lambo-design/detail-table:** 明细表格问题处理 ([9a798f5](http://git.inspur.com/ecbh/lambo-design/lambo-design/-/commit/9a798f5f36579a1dbd1e55b1031f8400a4f463f3))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/detail-table",
-  "version": "1.0.0-beta.22",
+  "version": "1.0.0-beta.24",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -10,8 +10,15 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@lambo-design/shared": "^1.0.0-beta.43",
-    "@lambo-design/core": "^4.7.1-beta.60"
+    "@lambo-design/core": "^4.7.1-beta.136",
+    "@lambo-design/shared": "^1.0.0-beta.170"
   },
-  "scripts": {}
+  "scripts": {
+    "release": "pnpm release-beta && git push --follow-tags && pnpm re-publish",
+    "release-major": "standard-version --release-as major",
+    "release-minor": "standard-version --release-as minor",
+    "release-patch": "standard-version --release-as patch",
+    "release-beta": "standard-version --prerelease beta",
+    "re-publish": "pnpm publish --access public --no-git-checks"
+  }
 }

package/src/components/Col.js

@@ -28,15 +28,8 @@ const Col = {
     const { key } = ctx.data;
     const label = getComponentFromProp(child, "label");
     const slots = getSlots(child);
-
-    // Calculate the total width and column width
-    const totalWidth = 100; // You can adjust this value according to your needs
-    const columnWidth = totalWidth / ColProps.totalCols;
-
-    // Set label and content widths
-    const labelWidth = columnWidth * 3 / 10;
-    const contentWidth = columnWidth * 7 / 10;
-
+    const labelColSpan = Math.floor(100 / ColProps.totalCols * 0.33); // 计算 label 的长度
+    const contextColSpan = Math.floor(100 / ColProps.totalCols * 0.66); // 计算 context 的长度
     const labelProps = {
       attrs: {},
       class: [
@@ -48,55 +41,69 @@ const Col = {
       ],
       key: `${key}-label`,
       style: {
-        width: `${labelWidth}%` // Set label width
+        width: `${labelColSpan}%` // 添加 label 的宽度
       }
     };
+    if (layout === "vertical") {
+      labelProps.attrs.colSpan = span * 2 - 1;
+    }
 
     if (bordered) {
       if (type === "label") {
         return createElement("th", labelProps, label);
       }
-
       return createElement(
           "td",
           {
             class: `${prefixCls}-item-content`,
             key: `${key}-content`,
-            attrs: {
-              colspan: span * 2 - 1
-            },
+            attrs:{colSpan: span * 2 - 1},
             style: {
-              width: `${contentWidth}%` // Set content width
+              width: `${contextColSpan}%` // 添加 content 的宽度
             }
           },
           slots.default
       );
     }
-
     if (layout === "vertical") {
-      // ... (existing code)
-    }
-
-    return createElement(
-        "td",
-        {
-          attrs: {
-            colspan: span
-          },
-          class: `${prefixCls}-item`,
-          style: {
-            width: `${columnWidth}%` // Set column width
-          }
-        },
-        [
-          createElement("span", labelProps, label),
+      if (type === "content") {
+        return createElement(
+            "td",
+            { colSpan: span, class: `${prefixCls}-item` },
+            createElement(
+                "span",
+                { class: `${prefixCls}-item-content`, key: `${key}-content`, style: { width: `${contextColSpan}%` } },
+                slots.default
+            )
+        );
+      }
+      return createElement(
+          "td",
+          { colSpan: span, class: `${prefixCls}-item` },
           createElement(
               "span",
-              { class: `${prefixCls}-item-content`, key: `${key}-content` },
-              slots.default
+              {
+                class: [
+                  `${prefixCls}-item-label`,
+                  { [`${prefixCls}-item-colon`]: colon }
+                ],
+                key: `${key}-label`,
+                style: {
+                  width: `${labelColSpan}%` // 添加 label 的宽度
+                }
+              },
+              label
           )
-        ]
-    );
+      );
+    }
+    return createElement("td", { colSpan: span, class: `${prefixCls}-item` }, [
+      createElement("span", labelProps, label),
+      createElement(
+          "span",
+          { class: `${prefixCls}-item-content`, key: `${key}-content`, style: { width: `${contextColSpan}%` } },
+          slots.default
+      )
+    ]);
   }
 };
 

package/src/components/Row.js

@@ -22,7 +22,7 @@ export default {
         colon: colon,
         type: type,
         layout: layout,
-        totalCols: totalCols
+        totalCols: totalCols,
       }
       return createElement(Col, {props:colProps,key: `${type}-${colItem.key || idx}`});
     };

package/src/detail-table.vue

@@ -21,7 +21,8 @@
                   :bordered="bordered"
                   :layout="layout"
                   :colon="colon"
-              ></Row>
+              >
+              </Row>
         </tbody>
       </table>
     </div>
@@ -109,6 +110,7 @@ export default {
         .filter((node) => node);
       const column = this.getColumn();
       this.childrenArray = this.generateChildrenRows(cloneChildren, column);
+      console.log('array:',this.childrenArray)
     },
     getColumn() {
       const { column } = this.$props;

package/src/styles/css/index.less

@@ -40,6 +40,7 @@
       font-weight: 500;
       font-size: 14px;
       line-height: 1.5;
+      width: 11%;
 
       &::after {
         position: relative;
@@ -67,6 +68,7 @@
       color: var(--text-color,@_text-color);;
       font-size: 14px;
       line-height: 1.5;
+      width: 22%;
     }
 
     &-item {