From 69c4d6c75952faf22d98d325585d018126753fc3 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Thu, 13 Nov 2025 00:31:37 -0800
Subject: [PATCH 1/2] fix(space): [space]default spacing for overlay button
 components

---
 .../mobile-first/app/space/space-size.vue     |  2 +-
 .../sites/demos/pc/app/space/space-size.vue   |  2 +-
 packages/theme/src/space/index.less           | 24 +++++++++++++++++++
 packages/theme/src/space/vars.less            | 15 ++++++++++++
 packages/theme/src/vars.less                  |  1 +
 packages/vue/src/space/index.ts               |  1 +
 6 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 packages/theme/src/space/index.less
 create mode 100644 packages/theme/src/space/vars.less

diff --git a/examples/sites/demos/mobile-first/app/space/space-size.vue b/examples/sites/demos/mobile-first/app/space/space-size.vue
index bb5f04249a..69c07cdffb 100644
--- a/examples/sites/demos/mobile-first/app/space/space-size.vue
+++ b/examples/sites/demos/mobile-first/app/space/space-size.vue
@@ -15,7 +15,7 @@
 
     <!-- 使用 dynamic direction 值 -->
     <tiny-space class="tiny-space" :size="[rowValue, columnValue]" :wrap="true">
-      <tiny-button style="margin: 0" v-for="n in 15" :key="n">按钮 {{ n }}</tiny-button>
+      <tiny-button v-for="n in 15" :key="n">按钮 {{ n }}</tiny-button>
     </tiny-space>
   </div>
 </template>
diff --git a/examples/sites/demos/pc/app/space/space-size.vue b/examples/sites/demos/pc/app/space/space-size.vue
index bb5f04249a..69c07cdffb 100644
--- a/examples/sites/demos/pc/app/space/space-size.vue
+++ b/examples/sites/demos/pc/app/space/space-size.vue
@@ -15,7 +15,7 @@
 
     <!-- 使用 dynamic direction 值 -->
     <tiny-space class="tiny-space" :size="[rowValue, columnValue]" :wrap="true">
-      <tiny-button style="margin: 0" v-for="n in 15" :key="n">按钮 {{ n }}</tiny-button>
+      <tiny-button v-for="n in 15" :key="n">按钮 {{ n }}</tiny-button>
     </tiny-space>
   </div>
 </template>
diff --git a/packages/theme/src/space/index.less b/packages/theme/src/space/index.less
new file mode 100644
index 0000000000..c3a9b775cc
--- /dev/null
+++ b/packages/theme/src/space/index.less
@@ -0,0 +1,24 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+@import '../custom.less';
+@import './vars.less';
+
+@space-prefix-cls: ~'@{css-prefix}space';
+
+.@{space-prefix-cls} {
+  .inject-Space-vars();
+  // TODO: 需要和 button 组件的间距变量统一(button组件后续大版本变更,需要去除默认间距8px),变更后，再将此代码删除
+  && .tiny-button + .tiny-button {
+    margin-left: var(--tv-Space-margin);
+  }
+}
diff --git a/packages/theme/src/space/vars.less b/packages/theme/src/space/vars.less
new file mode 100644
index 0000000000..3be2da1877
--- /dev/null
+++ b/packages/theme/src/space/vars.less
@@ -0,0 +1,15 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+.inject-Space-vars() {
+  --tv-Space-margin: 0px;
+}
diff --git a/packages/theme/src/vars.less b/packages/theme/src/vars.less
index c2b954c66a..1785a4a3a5 100644
--- a/packages/theme/src/vars.less
+++ b/packages/theme/src/vars.less
@@ -52,6 +52,7 @@
 @import './slide-bar/vars.less';
 @import './tooltip/vars.less';
 @import './split/vars.less';
+@import './space/vars.less';
 @import './steps/vars.less';
 @import './switch/vars.less';
 @import './tabs/vars.less';
diff --git a/packages/vue/src/space/index.ts b/packages/vue/src/space/index.ts
index 5e9835f7a8..f43a257657 100644
--- a/packages/vue/src/space/index.ts
+++ b/packages/vue/src/space/index.ts
@@ -11,6 +11,7 @@
  */
 
 import Space from './src/index'
+import '@opentiny/vue-theme/space/index.less'
 import { version } from './package.json'
 
 /* istanbul ignore next */

From bc75bdad43654a2dcd223997fcc632ba9f6d09a4 Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Thu, 13 Nov 2025 00:39:00 -0800
Subject: [PATCH 2/2] fix: import to style root file directory

---
 packages/theme/src/index.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/theme/src/index.less b/packages/theme/src/index.less
index da188829b9..a57b4be25d 100644
--- a/packages/theme/src/index.less
+++ b/packages/theme/src/index.less
@@ -123,6 +123,7 @@
 @import './skeleton-item/index.less';
 @import './slide-img/index.less';
 @import './slider/index.less';
+@import './space/index.less';
 @import './split/index.less';
 @import './statistic/index.less';
 @import './steps/index.less';