From 1e12e14c8804b22cb126deaa99f947a032bf69cd Mon Sep 17 00:00:00 2001
From: betavs <betavs@qq.com>
Date: Sun, 21 Sep 2025 20:40:00 +0800
Subject: [PATCH 1/2] fix(skeleton): unable to achieve multi-column effects

---
 .../__test__/__snapshots__/index.test.js.snap | 24 +++++++++++++++++++
 packages/components/skeleton/skeleton.ts      | 18 +++++++-------
 packages/components/skeleton/skeleton.wxml    |  4 ++--
 3 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/packages/components/skeleton/__test__/__snapshots__/index.test.js.snap b/packages/components/skeleton/__test__/__snapshots__/index.test.js.snap
index 9271cabc9..61bbc904d 100644
--- a/packages/components/skeleton/__test__/__snapshots__/index.test.js.snap
+++ b/packages/components/skeleton/__test__/__snapshots__/index.test.js.snap
@@ -65,6 +65,10 @@ exports[`skeleton Props :text rowCol 1`] = `
             class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
             style=""
           />
+          <wx-view
+            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+            style=""
+          />
         </wx-view>
         <wx-view
           class="t-skeleton__row t-class-row"
@@ -73,6 +77,14 @@ exports[`skeleton Props :text rowCol 1`] = `
             class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
             style=""
           />
+          <wx-view
+            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+            style=""
+          />
+          <wx-view
+            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+            style=""
+          />
         </wx-view>
         <wx-view
           class="t-skeleton__row t-class-row"
@@ -127,6 +139,10 @@ exports[`skeleton Props :text rowCol2 1`] = `
             class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
             style=""
           />
+          <wx-view
+            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+            style=""
+          />
         </wx-view>
         <wx-view
           class="t-skeleton__row t-class-row"
@@ -135,6 +151,14 @@ exports[`skeleton Props :text rowCol2 1`] = `
             class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
             style=""
           />
+          <wx-view
+            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+            style=""
+          />
+          <wx-view
+            class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none t-class-col"
+            style=""
+          />
         </wx-view>
         <wx-view
           class="t-skeleton__row t-class-row"
diff --git a/packages/components/skeleton/skeleton.ts b/packages/components/skeleton/skeleton.ts
index e9369c9c1..78b3737f5 100644
--- a/packages/components/skeleton/skeleton.ts
+++ b/packages/components/skeleton/skeleton.ts
@@ -33,7 +33,7 @@ export default class Skeleton extends SuperComponent {
   data = {
     prefix,
     classPrefix: name,
-    parsedRowcols: [],
+    parsedRowCols: [],
   };
 
   observers = {
@@ -60,20 +60,19 @@ export default class Skeleton extends SuperComponent {
     init() {
       const { theme, rowCol } = this.properties;
       const rowCols = [];
+
       if (rowCol.length) {
         rowCols.push(...rowCol);
       } else {
         rowCols.push(...ThemeMap[theme || 'text']);
       }
 
-      const parsedRowcols = rowCols.map((item) => {
+      const parsedRowCols = rowCols.map((item) => {
         if (isNumber(item)) {
-          return [
-            {
-              class: this.getColItemClass({ type: 'text' }),
-              style: {},
-            },
-          ];
+          return new Array(item).fill({
+            class: this.getColItemClass({ type: 'text' }),
+            style: {},
+          });
         }
         if (Array.isArray(item)) {
           return item.map((col) => {
@@ -96,9 +95,10 @@ export default class Skeleton extends SuperComponent {
       });
 
       this.setData({
-        parsedRowcols,
+        parsedRowCols,
       });
     },
+
     getColItemClass(obj: SkeletonRowColObj): ClassName {
       return classNames([
         `${name}__col`,
diff --git a/packages/components/skeleton/skeleton.wxml b/packages/components/skeleton/skeleton.wxml
index e6919ad03..bc1fa7de0 100644
--- a/packages/components/skeleton/skeleton.wxml
+++ b/packages/components/skeleton/skeleton.wxml
@@ -1,9 +1,9 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <view wx:if="{{ isShow }}" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} class {{prefix}}-class ">
-  <view wx:if="{{ parsedRowcols.length }}" class="{{classPrefix}}__content">
+  <view wx:if="{{ parsedRowCols.length }}" class="{{classPrefix}}__content">
     <view
-      wx:for="{{parsedRowcols}}"
+      wx:for="{{parsedRowCols}}"
       wx:for-index="index"
       wx:for-item="row"
       wx:key="index"

From 305fa6b4e3540e3cb1e3f59db933acd50a7cdf4d Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Tue, 23 Sep 2025 11:33:54 +0800
Subject: [PATCH 2/2] style(Skeleton): add column spacing

---
 packages/components/skeleton/skeleton.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/components/skeleton/skeleton.less b/packages/components/skeleton/skeleton.less
index c5cd162d4..9b25a4dcb 100644
--- a/packages/components/skeleton/skeleton.less
+++ b/packages/components/skeleton/skeleton.less
@@ -31,6 +31,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    margin-right: @spacer-2;
 
     &:first-child:last-child,
     &:last-child {