From 0ba1db2f41e61ae406e5efa842e848bcdcede100 Mon Sep 17 00:00:00 2001
From: zzcr <894103554@qq.com>
Date: Tue, 25 Jun 2024 23:40:08 -0700
Subject: [PATCH 01/18] =?UTF-8?q?fix(card):=20=E4=BF=AE=E5=A4=8Dcard?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E6=B1=A1=E6=9F=93=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/theme/package.json        |  2 +-
 packages/theme/src/card/index.less | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/theme/package.json b/packages/theme/package.json
index 3b31485cf3..cf1206bc9f 100644
--- a/packages/theme/package.json
+++ b/packages/theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme",
-  "version": "3.17.0",
+  "version": "3.17.1",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "main": "index.css",
   "homepage": "https://opentiny.design/tiny-vue",
diff --git a/packages/theme/src/card/index.less b/packages/theme/src/card/index.less
index 6007e1c0ad..bb3e894083 100644
--- a/packages/theme/src/card/index.less
+++ b/packages/theme/src/card/index.less
@@ -99,11 +99,11 @@
     right: 0px;
     top: 0;
     border-bottom: 40px solid transparent;
-    border-right: 40px solid #1476FF;
+    border-right: 40px solid #1476ff;
     border-top-right-radius: 6px;
     display: var(--ti-checkbox-button-checked-display);
   }
-  
+
   &.@{card-prefix-cls}--item-checkbox-checked::before {
     display: var(--ti-checkbox-button-checked-display);
     right: 5px;
@@ -289,12 +289,12 @@
       }
     }
   }
-}
 
-.@{input-prefix-cls} {
-  &__inner{
-    border: none;
-    border-radius: 6px;
-    background-color: #FAFAFA;
+  .@{input-prefix-cls} {
+    &__inner {
+      border: none;
+      border-radius: 6px;
+      background-color: #fafafa;
+    }
   }
 }

From c7980b36dbb9056fc0822a264bae04e49d715a3e Mon Sep 17 00:00:00 2001
From: MomoPoppy <125256456+MomoPoppy@users.noreply.github.com>
Date: Thu, 27 Jun 2024 09:13:44 +0800
Subject: [PATCH 02/18] feat(drawer): [drawer] Add drag listening event (#1701)

* feat(drawer): [drawer] Add drag listening event

* feat(drawer): [drawer] Modify version number
---
 .../pc/app/drawer/dragable-composition-api.vue  | 17 ++++++++++++++---
 examples/sites/demos/pc/app/drawer/dragable.vue | 14 ++++++++++++--
 packages/renderless/package.json                |  2 +-
 packages/renderless/src/drawer/index.ts         | 13 ++++---------
 packages/renderless/src/drawer/vue.ts           |  2 +-
 packages/vue/src/drawer/package.json            |  2 +-
 packages/vue/src/drawer/src/pc.vue              |  2 +-
 7 files changed, 34 insertions(+), 18 deletions(-)

diff --git a/examples/sites/demos/pc/app/drawer/dragable-composition-api.vue b/examples/sites/demos/pc/app/drawer/dragable-composition-api.vue
index 8fcc5f169c..020516c0fb 100644
--- a/examples/sites/demos/pc/app/drawer/dragable-composition-api.vue
+++ b/examples/sites/demos/pc/app/drawer/dragable-composition-api.vue
@@ -3,7 +3,14 @@
     <tiny-button @click="openDrawer('width')" type="primary"> 宽度拖拽 </tiny-button>
     <tiny-button @click="openDrawer('height')" type="primary"> 高度拖拽 </tiny-button>
 
-    <tiny-drawer :placement="placement" title="标题" dragable :visible="visible" @update:visible="visible = $event">
+    <tiny-drawer
+      :placement="placement"
+      title="标题"
+      dragable
+      :visible="visible"
+      @update:visible="visible = $event"
+      @drag="drag"
+    >
       <div class="content">
         <p v-if="placement === 'right'">横向拖拽左边框可改变抽屉主体宽度。</p>
         <p v-else>竖向拖拽上边框可改变抽屉主体高度。</p>
@@ -14,15 +21,19 @@
 
 <script setup>
 import { ref } from 'vue'
-import { Drawer as TinyDrawer, Button as TinyButton } from '@opentiny/vue'
+import { Drawer as TinyDrawer, Button as TinyButton, Modal } from '@opentiny/vue'
 
 const visible = ref(false)
 const placement = ref('right')
 
-function openDrawer(target) {
+const openDrawer = (target) => {
   visible.value = true
   placement.value = target === 'width' ? 'right' : 'bottom'
 }
+
+const drag = ({ width, height }) => {
+  Modal.message({ message: `抽屉的宽为${width},高为${height}`, status: 'info' })
+}
 </script>
 
 <style scoped>
diff --git a/examples/sites/demos/pc/app/drawer/dragable.vue b/examples/sites/demos/pc/app/drawer/dragable.vue
index 81cd9fdc17..05f82896b4 100644
--- a/examples/sites/demos/pc/app/drawer/dragable.vue
+++ b/examples/sites/demos/pc/app/drawer/dragable.vue
@@ -3,7 +3,14 @@
     <tiny-button @click="openDrawer('width')" type="primary"> 宽度拖拽 </tiny-button>
     <tiny-button @click="openDrawer('height')" type="primary"> 高度拖拽 </tiny-button>
 
-    <tiny-drawer :placement="placement" title="标题" dragable :visible="visible" @update:visible="visible = $event">
+    <tiny-drawer
+      :placement="placement"
+      title="标题"
+      dragable
+      :visible="visible"
+      @update:visible="visible = $event"
+      @drag="drag"
+    >
       <div class="content">
         <p v-if="placement === 'right'">横向拖拽左边框可改变抽屉主体宽度。</p>
         <p v-else>竖向拖拽上边框可改变抽屉主体高度。</p>
@@ -13,7 +20,7 @@
 </template>
 
 <script>
-import { Drawer, Button } from '@opentiny/vue'
+import { Drawer, Button, Modal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -30,6 +37,9 @@ export default {
     openDrawer(target) {
       this.visible = true
       this.placement = target === 'width' ? 'right' : 'bottom'
+    },
+    drag({ width, height }) {
+      Modal.message({ message: `抽屉的宽为${width},高为${height}`, status: 'info' })
     }
   }
 }
diff --git a/packages/renderless/package.json b/packages/renderless/package.json
index 001a3993eb..63a5526fb1 100644
--- a/packages/renderless/package.json
+++ b/packages/renderless/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-renderless",
   "private": true,
-  "version": "3.17.0",
+  "version": "3.17.1",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "keywords": [
diff --git a/packages/renderless/src/drawer/index.ts b/packages/renderless/src/drawer/index.ts
index c68c258157..b38ced3c2f 100644
--- a/packages/renderless/src/drawer/index.ts
+++ b/packages/renderless/src/drawer/index.ts
@@ -1,13 +1,6 @@
 import debounce from '../common/deps/debounce'
 import { addClass, removeClass } from '../common/deps/dom'
-import type {
-  IDrawerState,
-  IDrawerProps,
-  IDrawerApi,
-  IDrawerCT,
-  ISharedRenderlessParamUtils,
-  IDrawerRenderlessParams
-} from '@/types'
+import type { IDrawerState, IDrawerApi, IDrawerCT, ISharedRenderlessParamUtils, IDrawerRenderlessParams } from '@/types'
 
 export const computedWidth =
   ({
@@ -88,7 +81,7 @@ export const mousedown =
     state.dragEvent.offsetHeight = drawerBox.offsetHeight
   }
 
-export const mousemove = ({ state, props }: { state: IDrawerState; props: IDrawerProps }) =>
+export const mousemove = ({ state, props, emit }: Pick<IDrawerRenderlessParams, 'state' | 'props' | 'emit'>) =>
   debounce(1, (event) => {
     if (!state.dragEvent.isDrag) {
       return
@@ -118,6 +111,8 @@ export const mousemove = ({ state, props }: { state: IDrawerState; props: IDrawe
       const height = offsetHeight - offsetY
       state.height = height > 10 ? height : 10
     }
+
+    emit('drag', { width: state.width, height: state.height })
   }) as Parameters<Document['removeEventListener']>['1']
 
 export const mouseup =
diff --git a/packages/renderless/src/drawer/vue.ts b/packages/renderless/src/drawer/vue.ts
index a8af6bc9bc..ec3fc58e6c 100644
--- a/packages/renderless/src/drawer/vue.ts
+++ b/packages/renderless/src/drawer/vue.ts
@@ -47,7 +47,7 @@ export const renderless = (
     close: close({ api }),
     handleClose: handleClose({ emit, props, state }),
     mousedown: mousedown({ state, vm }),
-    mousemove: mousemove({ state, props }),
+    mousemove: mousemove({ state, props, emit }),
     mouseup: mouseup({ state }),
     addDragEvent: addDragEvent({ api: api as IDrawerApi, vm }),
     removeDragEvent: removeDragEvent({ api: api as IDrawerApi, vm }),
diff --git a/packages/vue/src/drawer/package.json b/packages/vue/src/drawer/package.json
index eec82747ce..fc53658b38 100644
--- a/packages/vue/src/drawer/package.json
+++ b/packages/vue/src/drawer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-drawer",
-  "version": "3.17.0",
+  "version": "3.17.1",
   "description": "",
   "main": "lib/index.js",
   "module": "index.ts",
diff --git a/packages/vue/src/drawer/src/pc.vue b/packages/vue/src/drawer/src/pc.vue
index 34926700d3..fe0e968d93 100644
--- a/packages/vue/src/drawer/src/pc.vue
+++ b/packages/vue/src/drawer/src/pc.vue
@@ -167,7 +167,7 @@ export default defineComponent({
     'tipsProps',
     'customSlots'
   ],
-  emits: ['update:visible', 'open', 'close', 'confirm'],
+  emits: ['update:visible', 'open', 'close', 'confirm', 'drag'],
   setup(props, context) {
     return setup({ props, context, renderless, api })
   }

From b94cde07d7d062dd764018a812cb71b6f5b78011 Mon Sep 17 00:00:00 2001
From: gimmyhehe <975402925@qq.com>
Date: Fri, 28 Jun 2024 16:51:06 +0800
Subject: [PATCH 03/18] feat(vue): [button-group] add empty slot (#1700)

* feat(vue): [button-group] add empty slot

* docs(button-group): add new api version
---
 examples/sites/demos/apis/button-group.js             | 11 +++++++++++
 .../app/button-group/slot-empty-composition-api.vue   |  4 +++-
 .../sites/demos/pc/app/button-group/slot-empty.vue    |  4 +++-
 .../demos/pc/app/button-group/webdoc/button-group.js  | 11 +++++++----
 packages/vue/src/button-group/package.json            |  4 ++--
 packages/vue/src/button-group/src/pc.vue              |  4 +++-
 6 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/examples/sites/demos/apis/button-group.js b/examples/sites/demos/apis/button-group.js
index f6b9464ab2..431fd9a59a 100644
--- a/examples/sites/demos/apis/button-group.js
+++ b/examples/sites/demos/apis/button-group.js
@@ -172,6 +172,17 @@ export default {
           mode: ['pc', 'mobile-first'],
           pcDemo: 'slot-default',
           mfDemo: ''
+        },
+        {
+          name: 'empty',
+          type: '',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '自定义数据为空时展示内容',
+            'en-US': 'customize content when data is empty'
+          },
+          mode: ['pc'],
+          pcDemo: 'slot-empty'
         }
       ]
     }
diff --git a/examples/sites/demos/pc/app/button-group/slot-empty-composition-api.vue b/examples/sites/demos/pc/app/button-group/slot-empty-composition-api.vue
index bd9d900dc8..22223368c5 100644
--- a/examples/sites/demos/pc/app/button-group/slot-empty-composition-api.vue
+++ b/examples/sites/demos/pc/app/button-group/slot-empty-composition-api.vue
@@ -2,7 +2,9 @@
   <div>
     <tiny-button-group :data="groupData" v-model="checkedVal"></tiny-button-group>
     <tiny-button-group :data="groupData" v-model="checkedVal">
-      <span class="custom-empty">自定义空数据</span>
+      <template #empty>
+        <span class="custom-empty">自定义空数据</span>
+      </template>
     </tiny-button-group>
   </div>
 </template>
diff --git a/examples/sites/demos/pc/app/button-group/slot-empty.vue b/examples/sites/demos/pc/app/button-group/slot-empty.vue
index 66143883d8..c92f51a5f7 100644
--- a/examples/sites/demos/pc/app/button-group/slot-empty.vue
+++ b/examples/sites/demos/pc/app/button-group/slot-empty.vue
@@ -2,7 +2,9 @@
   <div>
     <tiny-button-group :data="groupData" v-model="checkedVal"></tiny-button-group>
     <tiny-button-group :data="groupData" v-model="checkedVal">
-      <span class="custom-empty">自定义空数据</span>
+      <template #empty>
+        <span class="custom-empty">自定义空数据</span>
+      </template>
     </tiny-button-group>
   </div>
 </template>
diff --git a/examples/sites/demos/pc/app/button-group/webdoc/button-group.js b/examples/sites/demos/pc/app/button-group/webdoc/button-group.js
index 554ad8b3cb..18dd2f05c5 100644
--- a/examples/sites/demos/pc/app/button-group/webdoc/button-group.js
+++ b/examples/sites/demos/pc/app/button-group/webdoc/button-group.js
@@ -113,12 +113,15 @@ export default {
     {
       demoId: 'slot-empty',
       name: {
-        'zh-CN': '空数据插槽',
-        'en-US': 'Empty slot'
+        'zh-CN': '空数据',
+        'en-US': 'No data'
+      },
+      metaData: {
+        new: '3.17.1'
       },
       desc: {
-        'zh-CN': '<p>当数据为空时，默认会显示暂无数据，通过默认插槽自定义内容。</p>',
-        'en-US': '<p>When the data is empty, customize the content via the <code>empty</code> slot.</p>'
+        'zh-CN': '<p>当数据为空时，默认会显示"暂无数据"，通过 <code>empty</code> 插槽自定义内容。</p>',
+        'en-US': '<p>Show "No data" when the data is empty, customize the content via the <code>empty</code> slot.</p>'
       },
       codeFiles: ['slot-empty.vue']
     },
diff --git a/packages/vue/src/button-group/package.json b/packages/vue/src/button-group/package.json
index a6d9425117..3d9d371efb 100644
--- a/packages/vue/src/button-group/package.json
+++ b/packages/vue/src/button-group/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-button-group",
-  "version": "3.17.0",
+  "version": "3.17.1",
   "description": "",
   "main": "lib/index.js",
   "module": "index.ts",
@@ -24,4 +24,4 @@
     "@opentiny/vue-icon": "workspace:~"
   },
   "license": "MIT"
-}
\ No newline at end of file
+}
diff --git a/packages/vue/src/button-group/src/pc.vue b/packages/vue/src/button-group/src/pc.vue
index 6f44ed79bf..6a1e625636 100644
--- a/packages/vue/src/button-group/src/pc.vue
+++ b/packages/vue/src/button-group/src/pc.vue
@@ -106,7 +106,9 @@
           </li>
         </ul>
       </template>
-      <span v-else class="tiny-button-group--empty"> {{ t('ui.buttonGroup.noData') }} </span>
+      <span v-else class="tiny-button-group--empty">
+        <slot name="empty">{{ t('ui.buttonGroup.noData') }}</slot>
+      </span>
     </slot>
   </div>
 </template>

From d9d47ba363c8218ce9448b86488d625b3173e0ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=94=B3=E5=90=9B=E5=81=A5?= <40288193@qq.com>
Date: Fri, 28 Jun 2024 02:00:23 -0700
Subject: [PATCH 04/18] =?UTF-8?q?fix(select):=20fix=20Select=E2=80=98s=20?=
 =?UTF-8?q?=20SMB=20theme,=20multi=20select=20svg=20color=20(#1705)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/theme/src/option/index.less   | 17 ++++++++++-------
 packages/theme/src/option/smb-theme.js | 13 ++++++++-----
 packages/theme/src/option/vars.less    |  7 +++++++
 3 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/packages/theme/src/option/index.less b/packages/theme/src/option/index.less
index b139239db3..d51eeb3c68 100644
--- a/packages/theme/src/option/index.less
+++ b/packages/theme/src/option/index.less
@@ -138,17 +138,20 @@
     margin-bottom: 2px;
   }
 
-  .@{svg-prefix-cls} {
-    fill: var(--ti-option-checkbox-border-color-hover);
+  .tiny-svg-size {
+    fill: var(--ti-option-multi-svg-border-color);
     font-size: 16px;
     margin-right: 8px;
+
+    &:hover {
+      fill: var(--ti-option-multi-svg-border-hover-color);
+    }
   }
 
-  &.selected .@{svg-prefix-cls},
-  &.hover .@{svg-prefix-cls},
-  .checked-sur.@{svg-prefix-cls},
-  .halfselect.@{svg-prefix-cls} {
-    fill: var(--ti-option-selected-bg-color);
+  &.selected .tiny-svg-size,
+  .checked-sur.tiny-svg-size,
+  .halfselect.tiny-svg-size {
+    fill: var(--ti-option-multi-svg-color);
   }
 
   &.memorize-highlight {
diff --git a/packages/theme/src/option/smb-theme.js b/packages/theme/src/option/smb-theme.js
index ebee5ee42d..bf66164258 100644
--- a/packages/theme/src/option/smb-theme.js
+++ b/packages/theme/src/option/smb-theme.js
@@ -6,12 +6,15 @@ export const tinyOptionSmbTheme = {
   'ti-option-padding-horizontal': 'var(--ti-common-space-4x)',
   'ti-option-padding-horizontal-group': 'var(--ti-common-space-4x)',
   'ti-option-icon-color-selected': 'var(--ti-common-color-icon-graybg-active)',
-  'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-line-normal)',
+  'ti-option-checkbox-border-color-hover': '#191919',
   'ti-option-disabled-text-color': 'var(--ti-common-color-text-disabled)',
   'ti-option-hover-bg-color': 'var(--ti-common-color-bg-normal)',
-  'ti-option-selected-bg-color': 'var(--ti-common-color-text-highlight)',
-  'ti-option-selected-bg-color-hover': 'var(--ti-common-color-text-highlight)',
+  'ti-option-selected-bg-color': 'var(--ti-common-color-bg-white-normal)',
+  'ti-option-selected-bg-color-hover': 'var(--ti-common-color-bg-white-emphasize)',
   'ti-option-highlight-selected-text-color': 'var(--ti-common-color-text-highlight)',
-  'ti-option-selected-text-color': 'var(--ti-common-color-text-highlight)',
-  'ti-option-checkbox-all-select-border-color-hover': 'var(--ti-common-color-text-highlight)'
+  'ti-option-selected-text-color': '#1476FF',
+  'ti-option-checkbox-all-select-border-color-hover': '#1476FF',
+  'ti-option-multi-svg-color': '#1476FF',
+  'ti-option-multi-svg-border-color': '#c2c2c2',
+  'ti-option-multi-svg-border-hover-color': '#191919'
 }
diff --git a/packages/theme/src/option/vars.less b/packages/theme/src/option/vars.less
index 642397c21f..a2615fcee7 100644
--- a/packages/theme/src/option/vars.less
+++ b/packages/theme/src/option/vars.less
@@ -61,4 +61,11 @@
   --ti-option-icon-margin-right: var(--ti-common-space-2x, 8px);
   // 选择器下拉选项图标尺寸
   --ti-option-icon-size: var(--ti-common-font-size-2, 16px);
+
+  // 选择器下拉多选svg的颜色
+  --ti-option-multi-svg-color: var(--ti-common-color-icon-hover, #526ecc);
+  // 选择器下拉多选svg的border 颜色
+  --ti-option-multi-svg-border-color: var(--ti-common-color-line-normal, #adb0b8);
+  // 选择器下拉多选svg的border hover 颜色
+  --ti-option-multi-svg-border-hover-color: var(--ti-common-color-line-normal, #adb0b8);
 }

From fa7fa038dc9ff5acc7f1dbeb75bb707d01c9e1c5 Mon Sep 17 00:00:00 2001
From: zzcr <894103554@qq.com>
Date: Fri, 28 Jun 2024 02:31:34 -0700
Subject: [PATCH 05/18] feat: update theme version

---
 packages/theme/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/theme/package.json b/packages/theme/package.json
index cf1206bc9f..5d039a1255 100644
--- a/packages/theme/package.json
+++ b/packages/theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme",
-  "version": "3.17.1",
+  "version": "3.17.2",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "main": "index.css",
   "homepage": "https://opentiny.design/tiny-vue",

From 80b0d28872b3f8f9977b137a5918bf4088047c6d Mon Sep 17 00:00:00 2001
From: Davont <davontz@icloud.com>
Date: Tue, 2 Jul 2024 10:02:28 +0800
Subject: [PATCH 06/18] fix(chart): [chart] Fixed chart-core bug (#1708)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: chart-core添加cloneDeep引入

* fix: 修改chart组件getFormatted函数判断逻辑

* fix: 更新chart-core包版本为3.17.1
---
 packages/vue/src/chart/chart-core/common/util.ts    | 2 +-
 packages/vue/src/chart/chart-core/package.json      | 2 +-
 packages/vue/src/chart/chart-core/src/chart-core.ts | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/vue/src/chart/chart-core/common/util.ts b/packages/vue/src/chart/chart-core/common/util.ts
index 6163e7bed2..bbbc95033e 100644
--- a/packages/vue/src/chart/chart-core/common/util.ts
+++ b/packages/vue/src/chart/chart-core/common/util.ts
@@ -14,7 +14,7 @@ export function toUpperCase(str) {
 }
 
 export const getFormatted = (value, type, digit, defaultVal = '-') => {
-  if (typeof value === 'object') {
+  if (typeof value === 'object' && !isNull(value)) {
     value = value.value
   }
   if (isNaN(value)) {
diff --git a/packages/vue/src/chart/chart-core/package.json b/packages/vue/src/chart/chart-core/package.json
index fd6ec2a21c..bf0891313c 100644
--- a/packages/vue/src/chart/chart-core/package.json
+++ b/packages/vue/src/chart/chart-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-chart-core",
-  "version": "3.17.0",
+  "version": "3.17.1",
   "description": "",
   "main": "lib/index.js",
   "module": "index.ts",
diff --git a/packages/vue/src/chart/chart-core/src/chart-core.ts b/packages/vue/src/chart/chart-core/src/chart-core.ts
index ad3a398de1..18471179c8 100644
--- a/packages/vue/src/chart/chart-core/src/chart-core.ts
+++ b/packages/vue/src/chart/chart-core/src/chart-core.ts
@@ -5,6 +5,7 @@ import { DEFAULT_COLORS, SAAS_DEFAULT_COLORS, SAAS_DEFAULT_SAME_COLORS, DEFAULT_
 import IntegrateChart from '../base'
 import BaiduMapChart from '../base/components/BaiduMapChart'
 import AutonaviMapChart from '../base/components/AutonaviMapChart'
+import cloneDeep from '../base/util/cloneDeep'
 import '@opentiny/vue-theme/chart-core/index.less'
 
 export default {

From abde7dd9ad239a4cd5c1068def2ac2dbe1e033e9 Mon Sep 17 00:00:00 2001
From: ajaxzheng <894103554@qq.com>
Date: Tue, 2 Jul 2024 06:04:37 -0700
Subject: [PATCH 07/18] fix(popper): fix build error in vitepress (#1711)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(popper):  fix build error in vitepress

* fix(popper):  升级版本
---
 packages/renderless/package.json              | 34 +++++++++----------
 packages/renderless/src/common/deps/popper.ts | 22 +++++++-----
 2 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/packages/renderless/package.json b/packages/renderless/package.json
index 63a5526fb1..16e0458983 100644
--- a/packages/renderless/package.json
+++ b/packages/renderless/package.json
@@ -1,9 +1,18 @@
 {
   "name": "@opentiny/vue-renderless",
+  "version": "3.17.2",
   "private": true,
-  "version": "3.17.1",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
+  "author": "OpenTiny Team",
+  "license": "MIT",
   "homepage": "https://opentiny.design/tiny-vue",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:opentiny/tiny-vue.git"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-vue/issues"
+  },
   "keywords": [
     "vue",
     "vue3",
@@ -15,16 +24,11 @@
     "renderless-components",
     "headless-components"
   ],
-  "author": "OpenTiny Team",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:opentiny/tiny-vue.git"
-  },
-  "bugs": {
-    "url": "https://github.com/opentiny/tiny-vue/issues"
-  },
   "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    "./*": "./src/*"
+  },
   "scripts": {
     "build": "tsup",
     "build:fast": "npm run build && npm run release",
@@ -32,15 +36,11 @@
     "release": "esno ./scripts/postbuild.ts && shx cp README.md dist"
   },
   "dependencies": {
-    "xss": "1.0.11",
-    "color": "4.2.3"
-  },
-  "exports": {
-    "./package.json": "./package.json",
-    "./*": "./src/*"
+    "color": "4.2.3",
+    "xss": "1.0.11"
   },
   "devDependencies": {
     "esno": "^0.16.3",
     "tsup": "7.2.0"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/renderless/src/common/deps/popper.ts b/packages/renderless/src/common/deps/popper.ts
index b63fbe7382..49cb8e93cb 100644
--- a/packages/renderless/src/common/deps/popper.ts
+++ b/packages/renderless/src/common/deps/popper.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { on, off, isDisplayNone } from './dom'
+import { on, off, isDisplayNone, isServer } from './dom'
 import PopupManager from './popup-manager'
 import globalConfig from '../global'
 import { typeOf } from '../type'
@@ -272,14 +272,18 @@ const stopFn = (ev: Event) => {
   ev.stopPropagation()
 }
 
-/** 全局的resize观察器， 监听popper的大小改变  */
-const resizeOb = new ResizeObserver((entries) => {
-  entries.forEach((entry) => {
-    if (entry.target.popperVm && entry.contentRect.height > 50) {
-      entry.target.popperVm.update()
-    }
+let resizeOb
+
+if (!isServer) {
+  /** 全局的resize观察器， 监听popper的大小改变  */
+  resizeOb = new ResizeObserver((entries) => {
+    entries.forEach((entry) => {
+      if (entry.target.popperVm && entry.contentRect.height > 50) {
+        entry.target.popperVm.update()
+      }
+    })
   })
-})
+}
 
 interface PopperOptions {
   arrowOffset: number
@@ -379,7 +383,7 @@ class Popper {
     setStyle(this._popper, { position: this.state.position, top: 0 })
     if (this._popper) {
       this._popper.popperVm = this
-      resizeOb.observe(this._popper)
+      resizeOb && resizeOb.observe(this._popper)
     }
     this.update()
     this._setupEventListeners()

From 8a324c93101641fbe7184deb8cf5dcfb9d370d71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=94=B3=E5=90=9B=E5=81=A5?= <40288193@qq.com>
Date: Thu, 4 Jul 2024 18:49:14 -0700
Subject: [PATCH 08/18] fix(select): rename select's css var name (#1713)

---
 packages/theme/src/option/index.less   | 4 ++--
 packages/theme/src/option/smb-theme.js | 4 ++--
 packages/theme/src/option/vars.less    | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/theme/src/option/index.less b/packages/theme/src/option/index.less
index d51eeb3c68..8bc4ca9a18 100644
--- a/packages/theme/src/option/index.less
+++ b/packages/theme/src/option/index.less
@@ -144,14 +144,14 @@
     margin-right: 8px;
 
     &:hover {
-      fill: var(--ti-option-multi-svg-border-hover-color);
+      fill: var(--ti-option-multi-svg-hover-border-color);
     }
   }
 
   &.selected .tiny-svg-size,
   .checked-sur.tiny-svg-size,
   .halfselect.tiny-svg-size {
-    fill: var(--ti-option-multi-svg-color);
+    fill: var(--ti-option-multi-svg-icon-color);
   }
 
   &.memorize-highlight {
diff --git a/packages/theme/src/option/smb-theme.js b/packages/theme/src/option/smb-theme.js
index bf66164258..b95133e3b9 100644
--- a/packages/theme/src/option/smb-theme.js
+++ b/packages/theme/src/option/smb-theme.js
@@ -14,7 +14,7 @@ export const tinyOptionSmbTheme = {
   'ti-option-highlight-selected-text-color': 'var(--ti-common-color-text-highlight)',
   'ti-option-selected-text-color': '#1476FF',
   'ti-option-checkbox-all-select-border-color-hover': '#1476FF',
-  'ti-option-multi-svg-color': '#1476FF',
+  'ti-option-multi-svg-icon-color': '#1476FF',
   'ti-option-multi-svg-border-color': '#c2c2c2',
-  'ti-option-multi-svg-border-hover-color': '#191919'
+  'ti-option-multi-svg-hover-border-color': '#191919'
 }
diff --git a/packages/theme/src/option/vars.less b/packages/theme/src/option/vars.less
index a2615fcee7..48a807fac0 100644
--- a/packages/theme/src/option/vars.less
+++ b/packages/theme/src/option/vars.less
@@ -63,9 +63,9 @@
   --ti-option-icon-size: var(--ti-common-font-size-2, 16px);
 
   // 选择器下拉多选svg的颜色
-  --ti-option-multi-svg-color: var(--ti-common-color-icon-hover, #526ecc);
+  --ti-option-multi-svg-icon-color: var(--ti-common-color-icon-hover, #526ecc);
   // 选择器下拉多选svg的border 颜色
   --ti-option-multi-svg-border-color: var(--ti-common-color-line-normal, #adb0b8);
   // 选择器下拉多选svg的border hover 颜色
-  --ti-option-multi-svg-border-hover-color: var(--ti-common-color-line-normal, #adb0b8);
+  --ti-option-multi-svg-hover-border-color: var(--ti-common-color-line-normal, #adb0b8);
 }

From 2c7685e9f527798f9c1bdfe169ca1abb15c28e5c Mon Sep 17 00:00:00 2001
From: gimmyhehe <975402925@qq.com>
Date: Sun, 7 Jul 2024 17:32:36 +0800
Subject: [PATCH 09/18] =?UTF-8?q?fix(grid):=20[grid]=20change=20custom=20c?=
 =?UTF-8?q?omponents=20to=20tinyvue=20components=20to=20a=E2=80=A6=20(#172?=
 =?UTF-8?q?4)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(grid): [grid] change custom components to tinyvue components to adapt difference theme

* Update package.json
---
 packages/theme/package.json                  |  2 +-
 packages/theme/src/grid/custom.less          | 57 +------------
 packages/vue/src/grid-toolbar/package.json   |  6 +-
 packages/vue/src/grid-toolbar/src/custom.vue | 86 ++++++++------------
 4 files changed, 40 insertions(+), 111 deletions(-)

diff --git a/packages/theme/package.json b/packages/theme/package.json
index 5d039a1255..10da1014cc 100644
--- a/packages/theme/package.json
+++ b/packages/theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-theme",
-  "version": "3.17.2",
+  "version": "3.17.3",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "main": "index.css",
   "homepage": "https://opentiny.design/tiny-vue",
diff --git a/packages/theme/src/grid/custom.less b/packages/theme/src/grid/custom.less
index fbabe5cefd..b2359f36a0 100644
--- a/packages/theme/src/grid/custom.less
+++ b/packages/theme/src/grid/custom.less
@@ -21,40 +21,9 @@
   width: 100%;
 
   & &__tabs {
-    .@{grid-custom-prefix-cls}__tabs-head {
-      white-space: nowrap;
+    .@{css-prefix}tabs__content {
       margin: 0;
-      overflow: hidden;
-      height: var(--ti-grid-custom-head-height);
-      width: 100%;
-      position: relative;
-
-      ul {
-        height: var(--ti-grid-custom-head-height);
-        border-bottom: 1px solid var(--ti-grid-border-color);
-        list-style: none;
-        box-sizing: border-box;
-
-        li {
-          float: left;
-          margin-right: -1px;
-          cursor: pointer;
-          line-height: 28px;
-          padding: 0 20px;
-          color: var(--ti-grid-text-color);
-          min-width: 90px;
-          height: var(--ti-grid-custom-head-height);
-          line-height: var(--ti-grid-custom-head-height);
-
-          &.@{grid-custom-prefix-cls}__tabs-selected {
-            color: var(--ti-grid-primary-color);
-            border-bottom: 3px solid var(--ti-grid-primary-color);
-            font-weight: 700;
-          }
-        }
-      }
     }
-
     .@{grid-custom-prefix-cls}__tabs-body {
       overflow-y: auto;
       border: 0;
@@ -62,29 +31,7 @@
 
       .tabs-body-item {
         .@{grid-custom-prefix-cls}__alert {
-          position: relative;
-          border: 1px solid;
-          border-radius: var(--ti-grid-border-radius);
-          height: var(--ti-grid-custom-body-list-height);
-          line-height: var(--ti-grid-custom-body-list-height);
-          padding-left: 8px;
-          overflow: hidden;
-          background: var(--ti-grid-row-hover-background-color);
-          border-color: #91d5ff;
-          color: var(--ti-grid-text-color);
-          display: flex;
-          align-items: center;
-
-          .@{svg-prefix-cls} {
-            font-size: var(--ti-common-font-size-3);
-            fill: var(--ti-grid-primary-color);
-          }
-
-          p {
-            display: inline-block;
-            line-height: 16px;
-            padding-left: 8px;
-          }
+          margin: 0;
         }
 
         .@{grid-custom-prefix-cls}__setting {
diff --git a/packages/vue/src/grid-toolbar/package.json b/packages/vue/src/grid-toolbar/package.json
index b195304acf..fead43d671 100644
--- a/packages/vue/src/grid-toolbar/package.json
+++ b/packages/vue/src/grid-toolbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-grid-toolbar",
-  "version": "3.17.0",
+  "version": "3.17.1",
   "description": "",
   "main": "lib/index.js",
   "module": "index.ts",
@@ -40,9 +40,11 @@
     "@opentiny/vue-dropdown-item": "workspace:~",
     "@opentiny/vue-tooltip": "workspace:~",
     "@opentiny/vue-theme": "workspace:~",
+    "@opentiny/vue-tabs": "workspace:~",
+    "@opentiny/vue-tab-item": "workspace:~",
     "@opentiny/vue-input": "workspace:~",
     "@opentiny/vue-popover": "workspace:~",
     "@opentiny/vue-tree": "workspace:~"
   },
   "license": "MIT"
-}
\ No newline at end of file
+}
diff --git a/packages/vue/src/grid-toolbar/src/custom.vue b/packages/vue/src/grid-toolbar/src/custom.vue
index f3a4739bd9..f5192d29af 100644
--- a/packages/vue/src/grid-toolbar/src/custom.vue
+++ b/packages/vue/src/grid-toolbar/src/custom.vue
@@ -1,14 +1,14 @@
 <!--
- * 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.
- *
- -->
+* 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.
+*
+-->
 <template>
   <tiny-modal
     width="600"
@@ -20,37 +20,14 @@
   >
     <template #default>
       <div class="tiny-grid-custom tiny-grid__wrapper" v-if="visible">
-        <div class="tiny-grid-custom__tabs">
-          <div class="tiny-grid-custom__tabs-head">
-            <ul>
-              <li
-                @click="activeName = 'base'"
-                :class="{
-                  'tiny-grid-custom__tabs-selected': activeName === 'base'
-                }"
-              >
-                <span>{{ t('ui.grid.individuation.tabs.base.title') }}</span>
-              </li>
-              <li
-                v-if="other"
-                @click="activeName = 'other'"
-                :class="{
-                  'tiny-grid-custom__tabs-selected': activeName === 'other'
-                }"
-              >
-                <span>{{ t('ui.grid.individuation.tabs.other.title') }}</span>
-              </li>
-            </ul>
-          </div>
+        <tiny-tabs v-model="activeName" class="tiny-grid-custom__tabs">
           <div class="tiny-grid-custom__tabs-body">
-            <div
-              v-show="activeName === 'base'"
-              :class="['tabs-body-item', animateShow === 'base' ? 'active-item' : '']"
-            >
-              <div class="tiny-grid-custom__alert">
-                <component class="tiny-svg-size" is="icon-help" />
-                <p>{{ t('ui.grid.individuation.tabs.base.tips') }}</p>
-              </div>
+            <tiny-tab-item class="tabs-body-item" :title="t('ui.grid.individuation.tabs.base.title')" name="base">
+              <tiny-alert
+                class="tiny-grid-custom__alert"
+                :description="t('ui.grid.individuation.tabs.base.tips')"
+                :closable="false"
+              ></tiny-alert>
               <tiny-grid
                 class="tiny-grid-custom__setting"
                 :auto-resize="true"
@@ -108,15 +85,13 @@
                   </template>
                 </tiny-grid-column>
               </tiny-grid>
-            </div>
-            <div
-              v-show="activeName === 'other'"
-              :class="['tabs-body-item', animateShow === 'other' ? 'active-item' : '']"
-            >
-              <div class="tiny-grid-custom__alert">
-                <component class="tiny-svg-size" is="icon-help" />
-                <p>{{ t('ui.grid.individuation.tabs.other.tips') }}</p>
-              </div>
+            </tiny-tab-item>
+            <tiny-tab-item class="tabs-body-item" :title="t('ui.grid.individuation.tabs.other.title')" name="other">
+              <tiny-alert
+                class="tiny-grid-custom__alert"
+                :description="t('ui.grid.individuation.tabs.other.tips')"
+                :closable="false"
+              ></tiny-alert>
               <ul class="tiny-grid-custom__setting other-setting">
                 <li class="setting-item">
                   <span class="label">{{ t('ui.grid.individuation.tabs.other.sortType') }}</span>
@@ -142,14 +117,15 @@
                   </span>
                 </li>
               </ul>
-            </div>
+            </tiny-tab-item>
             <tiny-custom-switch
               v-if="multipleHistory && activeName === 'base'"
               ref="switch"
               :history-config="historyConfig"
             ></tiny-custom-switch>
           </div>
-        </div>
+        </tiny-tabs>
+
         <div
           v-if="!multipleHistory || (multipleHistory && activeName === 'base')"
           class="tiny-grid-custom__footer"
@@ -187,11 +163,13 @@ import {
   IconMinus,
   IconDescending,
   IconAscending,
-  IconHelp,
   IconLeftFrozen,
   IconRightFrozen
 } from '@opentiny/vue-icon'
 import Select from '@opentiny/vue-select'
+import Alert from '@opentiny/vue-alert'
+import Tabs from '@opentiny/vue-tabs'
+import TabItem from '@opentiny/vue-tab-item'
 import Option from '@opentiny/vue-option'
 import CustomSwitch from './custom-switch.vue'
 import { extend } from '@opentiny/vue-renderless/common/object'
@@ -199,6 +177,9 @@ import { $props, defineComponent, appProperties } from '@opentiny/vue-common'
 
 export default defineComponent({
   components: {
+    TinyAlert: Alert,
+    TinyTabs: Tabs,
+    TinyTabItem: TabItem,
     TinyModal: Modal,
     TinyButton: Button,
     TinyRadio: GridRadio,
@@ -215,7 +196,6 @@ export default defineComponent({
     IconMinus: IconMinus(),
     IconDescending: IconDescending(),
     IconAscending: IconAscending(),
-    IconHelp: IconHelp(),
     TinyCustomSwitch: CustomSwitch
   },
   name: 'TinyGridCustom',

From c490f0340256c54028f3ebad795ebdc80bf19837 Mon Sep 17 00:00:00 2001
From: Huang Yilin <huangyilin16@qq.com>
Date: Tue, 9 Jul 2024 10:54:16 +0800
Subject: [PATCH 10/18] fix(drawer): fix the issue content can not display when
 using v-if (#1733)

---
 packages/vue/src/drawer/package.json | 2 +-
 packages/vue/src/drawer/src/pc.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vue/src/drawer/package.json b/packages/vue/src/drawer/package.json
index fc53658b38..23e4733c66 100644
--- a/packages/vue/src/drawer/package.json
+++ b/packages/vue/src/drawer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-drawer",
-  "version": "3.17.1",
+  "version": "3.17.2",
   "description": "",
   "main": "lib/index.js",
   "module": "index.ts",
diff --git a/packages/vue/src/drawer/src/pc.vue b/packages/vue/src/drawer/src/pc.vue
index fe0e968d93..37fcedc3c7 100644
--- a/packages/vue/src/drawer/src/pc.vue
+++ b/packages/vue/src/drawer/src/pc.vue
@@ -88,7 +88,7 @@
             :class="['tiny-drawer__body', { 'flex flex-col': flex }, 'drawer-body']"
           >
             <slot>
-              <slot-wrapper :node="customSlots.default"></slot-wrapper>
+              <slot-wrapper :node="customSlots?.default"></slot-wrapper>
             </slot>
           </div>
 

From 8ecb97ee2187825f304698aca5fe5c24eefe36ec Mon Sep 17 00:00:00 2001
From: ajaxzheng <894103554@qq.com>
Date: Wed, 10 Jul 2024 16:19:55 +0800
Subject: [PATCH 11/18] fix(dropdown): fix dropdown in virtual scrolling grid
 (#1717)

---
 packages/renderless/src/dropdown-menu/index.ts | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/renderless/src/dropdown-menu/index.ts b/packages/renderless/src/dropdown-menu/index.ts
index d2385876fa..376bb810bd 100644
--- a/packages/renderless/src/dropdown-menu/index.ts
+++ b/packages/renderless/src/dropdown-menu/index.ts
@@ -132,12 +132,19 @@ export const useVuePopper = ({
 
   onMounted(() => {
     if (!dropdownVm) return
-    dropdownVm.popperElm = popper.popperElm.value = vm.$el
-    nextTick(() => (popper.referenceElm.value = dropdownVm.$el))
 
-    !props.multiStage && dropdownVm.initDomOperation()
+    if (popper.popperElm) {
+      dropdownVm.popperElm = popper.popperElm.value = vm.$el
+      nextTick(() => {
+        if (popper.referenceElm) {
+          popper.referenceElm.value = dropdownVm.$el
+        }
+      })
+
+      !props.multiStage && dropdownVm.initDomOperation()
+    }
 
-    if (dropdownVm.inheritWidth) {
+    if (dropdownVm.inheritWidth && popper.popperElm) {
       dropdownVm.popperElm.style.minWidth = dropdownVm.$el.clientWidth + 'px'
     }
   })

From 0a14897dc16b51ca02a49eba35c46c7f511afa9d Mon Sep 17 00:00:00 2001
From: zzcr <894103554@qq.com>
Date: Wed, 10 Jul 2024 16:25:00 +0800
Subject: [PATCH 12/18] feat: update renderless version

---
 packages/renderless/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/renderless/package.json b/packages/renderless/package.json
index 16e0458983..44a3a200f9 100644
--- a/packages/renderless/package.json
+++ b/packages/renderless/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.17.2",
+  "version": "3.17.3",
   "private": true,
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",

From 0b3ea56acac88c6ba9111d6da6aaba7139b1ca4d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=94=B3=E5=90=9B=E5=81=A5?= <40288193@qq.com>
Date: Wed, 10 Jul 2024 23:22:11 -0700
Subject: [PATCH 13/18] fix(select): the input parameter of the
 computedDisabledTooltipcontent lost props (#1740)

* fix(select): the input parameter of the computedDisabledTooltipcontent does not contain props

* fix(select): update version
---
 packages/renderless/package.json      | 2 +-
 packages/renderless/src/select/vue.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/renderless/package.json b/packages/renderless/package.json
index 44a3a200f9..dc508afdfe 100644
--- a/packages/renderless/package.json
+++ b/packages/renderless/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.17.3",
+  "version": "3.17.4",
   "private": true,
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
diff --git a/packages/renderless/src/select/vue.ts b/packages/renderless/src/select/vue.ts
index 2fde1d7f3e..7d701d0e8b 100644
--- a/packages/renderless/src/select/vue.ts
+++ b/packages/renderless/src/select/vue.ts
@@ -379,7 +379,7 @@ const initApi = ({
     computedShowNewOption: computedShowNewOption({ props, state }),
     computedShowCopy: computedShowCopy({ props, state }),
     computedOptionsAllDisabled: computedOptionsAllDisabled(state),
-    computedDisabledTooltipContent: computedDisabledTooltipContent(state),
+    computedDisabledTooltipContent: computedDisabledTooltipContent({ props, state }),
 
     computedSelectDisabled: computedSelectDisabled({ props, parent }),
     computedIsExpand: computedIsExpand({ props, state }),

From ccfc904f9ce45cfa09c819c368a2d78776a3318c Mon Sep 17 00:00:00 2001
From: gimmyhehe <975402925@qq.com>
Date: Fri, 12 Jul 2024 16:16:11 +0800
Subject: [PATCH 14/18] fix(grid-toolbar): [grid] fix toolbar ref name error
 (#1745)

---
 packages/vue/src/grid-toolbar/package.json   |  2 +-
 packages/vue/src/grid-toolbar/src/custom.vue | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/vue/src/grid-toolbar/package.json b/packages/vue/src/grid-toolbar/package.json
index fead43d671..73f30ae739 100644
--- a/packages/vue/src/grid-toolbar/package.json
+++ b/packages/vue/src/grid-toolbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-grid-toolbar",
-  "version": "3.17.1",
+  "version": "3.17.2",
   "description": "",
   "main": "lib/index.js",
   "module": "index.ts",
diff --git a/packages/vue/src/grid-toolbar/src/custom.vue b/packages/vue/src/grid-toolbar/src/custom.vue
index f5192d29af..94f2a48de2 100644
--- a/packages/vue/src/grid-toolbar/src/custom.vue
+++ b/packages/vue/src/grid-toolbar/src/custom.vue
@@ -86,7 +86,12 @@
                 </tiny-grid-column>
               </tiny-grid>
             </tiny-tab-item>
-            <tiny-tab-item class="tabs-body-item" :title="t('ui.grid.individuation.tabs.other.title')" name="other">
+            <tiny-tab-item
+              v-if="other"
+              class="tabs-body-item"
+              :title="t('ui.grid.individuation.tabs.other.title')"
+              name="other"
+            >
               <tiny-alert
                 class="tiny-grid-custom__alert"
                 :description="t('ui.grid.individuation.tabs.other.tips')"
@@ -299,11 +304,11 @@ export default defineComponent({
     showFixed() {
       return (this as any).$grid
     },
-    TinyTable() {
-      return ((this as any).$grid && (this as any).$grid.$refs.TinyTable) || {}
+    tinyTable() {
+      return ((this as any).$grid && (this as any).$grid.$refs.tinyTable) || {}
     },
     isGroup() {
-      return this.TinyTable.isGroup
+      return this.tinyTable.isGroup
     },
     historyConfig() {
       const multipleHistory =

From e4fa4c507a30e4c249fd70cfa865ae3704322ec2 Mon Sep 17 00:00:00 2001
From: wuyiping0628 <42107997+wuyiping0628@users.noreply.github.com>
Date: Wed, 17 Jul 2024 20:49:37 -0700
Subject: [PATCH 15/18] fix(breadcrumb): [breadcrumb] resolve delimiter issued
 (#1755)

* fix(breadcrumb): [breadcrumb] resolve delimiter issued

* fix(breadcrumb): [breadcrumb] resolve delimiter issued
---
 packages/renderless/package.json               | 2 +-
 packages/renderless/src/breadcrumb-item/vue.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/renderless/package.json b/packages/renderless/package.json
index 58180b8bc2..879561ca65 100644
--- a/packages/renderless/package.json
+++ b/packages/renderless/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.17.4",
+  "version": "3.17.5",
   "private": true,
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
diff --git a/packages/renderless/src/breadcrumb-item/vue.ts b/packages/renderless/src/breadcrumb-item/vue.ts
index d1fce9f098..d6982e4af9 100644
--- a/packages/renderless/src/breadcrumb-item/vue.ts
+++ b/packages/renderless/src/breadcrumb-item/vue.ts
@@ -30,7 +30,7 @@ export const renderless = (
   const breadcrumb = inject('breadcrumb')
   const constants = breadcrumb._constants
   // separator
-  const separator = props.separator || designConfig?.separator || '>'
+  const separator = breadcrumb.separator || designConfig?.separator || '>'
   const state = reactive({
     size: inject('size', null),
     separator

From b0f0035f3d436a067a6910989b435a3951492400 Mon Sep 17 00:00:00 2001
From: zzcr <894103554@qq.com>
Date: Fri, 19 Jul 2024 11:37:59 +0800
Subject: [PATCH 16/18] feat: update runtime version

---
 packages/vue-runtime/package.json | 40 +++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/packages/vue-runtime/package.json b/packages/vue-runtime/package.json
index 05f9b72b84..0c15f25d38 100644
--- a/packages/vue-runtime/package.json
+++ b/packages/vue-runtime/package.json
@@ -1,18 +1,34 @@
 {
   "name": "@opentiny/vue-runtime",
-  "version": "3.17.0",
-  "description": "",
-  "files": [
-    "dist2",
-    "dist3"
-  ],
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+  "type": "module",
+  "version": "3.17.1",
+  "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
+  "author": "OpenTiny Team",
+  "license": "MIT",
+  "homepage": "https://opentiny.design/tiny-vue",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:opentiny/tiny-vue.git"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-vue/issues"
   },
   "publishConfig": {
     "access": "public"
   },
-  "keywords": [],
-  "author": "",
-  "license": "ISC"
-}
\ No newline at end of file
+  "keywords": [
+    "vue",
+    "vue3",
+    "frontend",
+    "component-library",
+    "components",
+    "vue-components",
+    "opentiny",
+    "renderless-components",
+    "headless-components"
+  ],
+  "files": [
+    "dist2",
+    "dist3"
+  ]
+}

From f2d1a8dd9264ec5c591ed62a4a2c528f063ad0c6 Mon Sep 17 00:00:00 2001
From: wuyiping0628 <42107997+wuyiping0628@users.noreply.github.com>
Date: Fri, 26 Jul 2024 00:37:38 -0700
Subject: [PATCH 17/18] fix(breadcrumb): [breadcrumb] resolve the issue of
 separator not switching (#1783)

---
 packages/renderless/package.json               | 2 +-
 packages/renderless/src/breadcrumb-item/vue.ts | 9 +++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/renderless/package.json b/packages/renderless/package.json
index 879561ca65..dbdc9d877a 100644
--- a/packages/renderless/package.json
+++ b/packages/renderless/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.17.5",
+  "version": "3.17.6",
   "private": true,
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
diff --git a/packages/renderless/src/breadcrumb-item/vue.ts b/packages/renderless/src/breadcrumb-item/vue.ts
index d6982e4af9..4c02c6a320 100644
--- a/packages/renderless/src/breadcrumb-item/vue.ts
+++ b/packages/renderless/src/breadcrumb-item/vue.ts
@@ -22,18 +22,15 @@ export const api = ['linkClick', 'state']
 
 export const renderless = (
   props: IBreadcrumbItemProps,
-  { reactive, inject }: ISharedRenderlessParamHooks,
-  { designConfig },
-  { refs, router, emit }: IBreadcrumbItemRenderlessParamUtils
+  { reactive, inject, computed }: ISharedRenderlessParamHooks,
+  { refs, router, emit, designConfig }: IBreadcrumbItemRenderlessParamUtils
 ) => {
   const breadcrumbEmitter = inject('breadcrumbEmitter')
   const breadcrumb = inject('breadcrumb')
   const constants = breadcrumb._constants
-  // separator
-  const separator = breadcrumb.separator || designConfig?.separator || '>'
   const state = reactive({
     size: inject('size', null),
-    separator
+    separator: computed(() => breadcrumb.separator || designConfig?.separator || '>')
   })
   const api: IBreadcrumbItemApi = {
     state,

From 6f186c2a8b6a8a7bbb4cadc551548cdfee31b861 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=94=B3=E5=90=9B=E5=81=A5?= <40288193@qq.com>
Date: Fri, 26 Jul 2024 17:17:00 +0800
Subject: [PATCH 18/18] =?UTF-8?q?fix(theme):=20when=20release=20theme,=20c?=
 =?UTF-8?q?opy=20dist=20to=20=5Fdist=20and=20replace=20cssvar=E2=80=A6=20(?=
 =?UTF-8?q?#1768)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(theme): when release theme, copy dist to _dist and replace cssvar's prefix name

* fix(vue-theme): update package's version
---
 packages/theme/build/release.js | 41 +++++++++++++++++++++++++--------
 packages/theme/package.json     | 34 +++++++++++++--------------
 2 files changed, 49 insertions(+), 26 deletions(-)

diff --git a/packages/theme/build/release.js b/packages/theme/build/release.js
index 66f3f17ffc..f9c871b8e2 100644
--- a/packages/theme/build/release.js
+++ b/packages/theme/build/release.js
@@ -1,17 +1,40 @@
 /**
- * 将 dist 目录生成 TGZ 的压缩包
+ * 将 dist 目录生成 TGZ 的压缩包   fs.cp 需要node 18.0+
  */
 
 const fs = require('node:fs')
 const path = require('node:path')
-const { execSync } = require('node:child_process')
+const fg = require('fast-glob')
 
-const source = 'dist'
-const content = fs.readFileSync(path.join(source, 'index.css')).toString('UTF-8')
-// 提供特殊的前缀名称
-const result = content.replace(/--ti-/g, '--ti-vue-')
-const packagesPath = path.join(source, 'lowcode.css')
+// 替换文件内容。 如果不指定target，则原地覆盖
+function replaceFile(src, cb, target = null) {
+  let content = fs.readFileSync(src, 'utf8')
+  content = cb(content)
+  fs.writeFileSync(target || src, content, 'utf8')
+}
 
-fs.writeFileSync(packagesPath, result)
+// 1、从 index.css 生成 lowcode.css ------ 提供特殊的前缀名称
+replaceFile('dist/index.css', (content) => content.replace(/--ti-/g, '--ti-vue-'), 'dist/lowcode.css')
 
-fs.copyFileSync('package.json', path.join(source, 'package.json'))
+// 2、复制一份冗余的文件，统一替换 --ti- 前缀为 --tvue- ,避免混用 tiny3时，css变量名冲突。
+fs.cpSync('dist', '_dist', { recursive: true, force: true })
+fs.cpSync('_dist', 'dist/_dist', { recursive: true, force: true })
+fs.rmSync('_dist', { recursive: true, force: true })
+// 2.1 处理所有的 index.css
+let files = fg.sync(['dist/_dist/**/index.css'])
+files.forEach((file) => {
+  replaceFile(file, (content) => content.replace(/--ti-/g, '--tvue-'))
+})
+// 2.2 处理所有的说主题js
+files = fg.sync(['dist/_dist/**/{aurora,smb}-theme.js', 'dist/_dist/theme/**/{index,component}.js'])
+files.forEach((file) => {
+  replaceFile(file, (content) =>
+    content
+      .replace(/--ti-/g, '--tvue-') //
+      .replace(/'ti-/g, `'tvue-`)
+  )
+})
+
+// 3、复制package.json/README.md到dist目录
+fs.copyFileSync('package.json', path.join('dist', 'package.json'))
+fs.copyFileSync('README.md', path.join('dist', 'README.md'))
diff --git a/packages/theme/package.json b/packages/theme/package.json
index 10da1014cc..785032ab50 100644
--- a/packages/theme/package.json
+++ b/packages/theme/package.json
@@ -1,9 +1,17 @@
 {
   "name": "@opentiny/vue-theme",
-  "version": "3.17.3",
+  "version": "3.17.4",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
-  "main": "index.css",
+  "author": "OpenTiny Team",
+  "license": "MIT",
   "homepage": "https://opentiny.design/tiny-vue",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:opentiny/tiny-vue.git"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-vue/issues"
+  },
   "keywords": [
     "vue",
     "vue3",
@@ -15,24 +23,16 @@
     "renderless-components",
     "headless-components"
   ],
-  "author": "OpenTiny Team",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:opentiny/tiny-vue.git"
-  },
-  "bugs": {
-    "url": "https://github.com/opentiny/tiny-vue/issues"
-  },
   "exports": {
     "./*": "./src/*"
   },
+  "main": "index.css",
   "scripts": {
     "clean": "rimraf dist src/aurora-theme src/smb-theme",
     "build:theme": "gulp build --gulpfile build/gulp-dist.js",
     "build": "npm run clean && npm run build:theme && node build/replace-img.js",
     "build:fast": "npm run build && npm run release",
-    "release": "node build/release.js && node build/postbuild.js && shx cp README.md dist",
+    "release": "node build/release.js && node build/postbuild.js",
     "build:copy-remote": "npm run build:theme && cp-cli dist ../tiny-vue/node_modules/@opentiny/vue-theme",
     "publishTgz": "node .cloudbuild/publish-tgzs.js",
     "postversion": "pnpm build",
@@ -42,18 +42,18 @@
     "@babel/cli": "^7.5.5",
     "@babel/core": "^7.5.5",
     "@babel/preset-env": "^7.5.5",
+    "fast-glob": "^3.2.12",
     "gulp": "^4.0.2",
     "gulp-autoprefixer": "^7.0.1",
     "gulp-clean-css": "^4.2.0",
+    "gulp-concat": "2.6.1",
     "gulp-less": "^5.0.0",
     "gulp-svg-inline": "^1.0.1",
     "gulp-transform": "3.0.5",
-    "gulp-concat": "2.6.1",
-    "svgo": "3.2.0",
     "rimraf": "^2.6.2",
-    "fast-glob": "^3.2.12",
     "stylelint": "^14.14.0",
-    "stylelint-config-standard": "^29.0.0"
+    "stylelint-config-standard": "^29.0.0",
+    "svgo": "3.2.0"
   },
   "stylelint": {
     "extends": [
@@ -87,4 +87,4 @@
       ]
     }
   }
-}
\ No newline at end of file
+}