diff --git a/examples/react-site/scripts/build-react.mjs b/examples/react-site/scripts/build-react.mjs
old mode 100755
new mode 100644
index a9ccdef6f..e6763c4ca
--- a/examples/react-site/scripts/build-react.mjs
+++ b/examples/react-site/scripts/build-react.mjs
@@ -66,7 +66,7 @@ async function buildReact() {
       lib: {
         entry: entries,
         formats: ['es'],
-        fileName: (format, entryName) => `${entryName}.js`
+        fileName: (_, entryName) => `${entryName}.js`
       }
     }
   })
diff --git a/examples/sites/demos/pc/app/color-picker/dynamic-color-change.vue b/examples/sites/demos/pc/app/color-picker/dynamic-color-change.vue
index f7d994412..5286a1706 100644
--- a/examples/sites/demos/pc/app/color-picker/dynamic-color-change.vue
+++ b/examples/sites/demos/pc/app/color-picker/dynamic-color-change.vue
@@ -1,6 +1,8 @@
 <template>
-  <tiny-color-picker v-model="color" />
-  <tiny-button @click="changeColor"> 切换 </tiny-button>
+  <div>
+    <tiny-color-picker v-model="color" />
+    <tiny-button @click="changeColor"> 切换 </tiny-button>
+  </div>
 </template>
 
 <script>
diff --git a/examples/sites/demos/pc/webdoc/changelog.md b/examples/sites/demos/pc/webdoc/changelog.md
index ddb2903d2..d787acbac 100644
--- a/examples/sites/demos/pc/webdoc/changelog.md
+++ b/examples/sites/demos/pc/webdoc/changelog.md
@@ -1,13 +1,168 @@
 # 更新日志
 
+## v2.11.0/v3.11.0
+
+`2023/10/24`
+
+### Exciting New Features 🎉
+
+* feat(color-picker): add color-picker component by [@GaoNeng-wWw](https://github.com/GaoNeng-wWw) in [#383](https://github.com/opentiny/tiny-vue/pull/383)
+* feat: add rich-text-editor component by [@kagol](https://github.com/kagol) in [#401](https://github.com/opentiny/tiny-vue/pull/401)
+* feat(rich-text-editor): add row height and merge h1-h6 and pargraph by [@Caesar-ch](https://github.com/Caesar-ch) in [#414](https://github.com/opentiny/tiny-vue/pull/414)
+* feat(rich-text-editor): support code highlight by [@Caesar-ch](https://github.com/Caesar-ch) in [#440](https://github.com/opentiny/tiny-vue/pull/440)
+* feat: optimize rich text editor toolbar style by [@kagol](https://github.com/kagol) in [#444](https://github.com/opentiny/tiny-vue/pull/444)
+* feat(rich-text-editor): add font-size selection by [@Caesar-ch](https://github.com/Caesar-ch) in [#448](https://github.com/opentiny/tiny-vue/pull/448)
+* feat(rich-text-editor): css style adjustment by [@Caesar-ch](https://github.com/Caesar-ch) in [#459](https://github.com/opentiny/tiny-vue/pull/459)
+* feature(divider): 增加 Divider 组件 ([#354](https://github.com/opentiny/tiny-vue/issues/354) close) by [@vaebe](https://github.com/vaebe) in [#471](https://github.com/opentiny/tiny-vue/pull/471)
+* feat(rich-text-editor): add vue2 support by [@Caesar-ch](https://github.com/Caesar-ch) in [#483](https://github.com/opentiny/tiny-vue/pull/483)
+* feat(rich-text-editor): fix bug, add font-size and add api demo by [@Caesar-ch](https://github.com/Caesar-ch) in [#497](https://github.com/opentiny/tiny-vue/pull/497)
+* feat(rich-text-editor): support media url by [@Caesar-ch](https://github.com/Caesar-ch) in [#508](https://github.com/opentiny/tiny-vue/pull/508)
+* feat: color select panel component by [@GaoNeng-wWw](https://github.com/GaoNeng-wWw) in [#492](https://github.com/opentiny/tiny-vue/pull/492)
+* feat: scripts support cross-platform by [@gweesin](https://github.com/gweesin) in [#554](https://github.com/opentiny/tiny-vue/pull/554)
+* feat(react): collect refs and children in one traverse by [@pe-3](https://github.com/pe-3) in [#551](https://github.com/opentiny/tiny-vue/pull/551)
+* feat(color-select-panel): history & predefine color by [@GaoNeng-wWw](https://github.com/GaoNeng-wWw) in [#530](https://github.com/opentiny/tiny-vue/pull/530)
+* feat(react): add switch comp with mobile & pc mode by [@pe-3](https://github.com/pe-3) in [#565](https://github.com/opentiny/tiny-vue/pull/565)
+* feat(react): add badge comp with mobile & pc mode by [@pe-3](https://github.com/pe-3) in [#566](https://github.com/opentiny/tiny-vue/pull/566)
+* feat(react): ehance virtual comp，each comp has v-if，default as true by [@pe-3](https://github.com/pe-3) in [#564](https://github.com/opentiny/tiny-vue/pull/564)
+* feat(popeditor): adds the autoreset property by [@wkif](https://github.com/wkif) in [#562](https://github.com/opentiny/tiny-vue/pull/562)
+* feat(react): add mobile mode in tiny react alert by [@pe-3](https://github.com/pe-3) in [#550](https://github.com/opentiny/tiny-vue/pull/550)
+* feat(anchor): Add anchor component dot type theme by [@chenxi-20](https://github.com/chenxi-20) in [#587](https://github.com/opentiny/tiny-vue/pull/587)
+* feat(fileupload): Added the function of pasting and uploading files by [@chenxi-20](https://github.com/chenxi-20) in [#593](https://github.com/opentiny/tiny-vue/pull/593)
+* feat(search): Add default selection function for search types and pre… by [@chenxi-20](https://github.com/chenxi-20) in [#614](https://github.com/opentiny/tiny-vue/pull/614)
+* feat(calendar-view): add calendar-view component
+* feat(search):增加搜索类型默认值属性
+* feat(fileupload):增加粘贴上传功能
+* feat(anchor): 增加锚点 dot 类型
+* feat: 使用一套组件库包支持vue2.6.x和vue2.7.x
+* feat(form): XDesign表单校验失败新增错误图标
+* feat(select): Select组件，新增clearNoMatchValue属性，自动清空不匹配值
+* feat(tree): tree组件适配XDesign设计规范
+* feat(timeline): Timeline组件增加line-width属性, 用以设置连接线长度
+
+### Bug Fixes 🐛
+
+* fix(sites): 切换 sites 引用 @opentiny/vue-repl包 by [@shenjunjian](https://github.com/shenjunjian) in [#391](https://github.com/opentiny/tiny-vue/pull/391)
+* fix:When nesting using Split, the mouse direction on the left and right split line is wrong when the upper and lower division is nested by [@jack-zishan](https://github.com/jack-zishan) in [#392](https://github.com/opentiny/tiny-vue/pull/392)
+* fix: fix packages/vue/package.json format error when execute pnpm dev by [@kagol](https://github.com/kagol) in [#387](https://github.com/opentiny/tiny-vue/pull/387)
+* fix(sites): change design config when change theme by [@gimmyhehe](https://github.com/gimmyhehe) in [#393](https://github.com/opentiny/tiny-vue/pull/393)
+* fix(color-picker): 修复组件若干问题 by [@GaoNeng-wWw](https://github.com/GaoNeng-wWw) in [#394](https://github.com/opentiny/tiny-vue/pull/394)
+* fix Playground Page by [@shenjunjian](https://github.com/shenjunjian) in [#399](https://github.com/opentiny/tiny-vue/pull/399)
+* fix(sites): fix by [@shenjunjian](https://github.com/shenjunjian) in [#400](https://github.com/opentiny/tiny-vue/pull/400)
+* fix(playground): fix process.env \ changeVersion \sortablejs bugs by [@shenjunjian](https://github.com/shenjunjian) in [#422](https://github.com/opentiny/tiny-vue/pull/422)
+* fix(sites): fix grid demo api link jump error url by [@gimmyhehe](https://github.com/gimmyhehe) in [#421](https://github.com/opentiny/tiny-vue/pull/421)
+* fix(modal): fix css value error by [@Zz-ZzzZ](https://github.com/Zz-ZzzZ) in [#426](https://github.com/opentiny/tiny-vue/pull/426)
+* fix(search): the enter bug of the search component is fixed by [@chenxi-20](https://github.com/chenxi-20) in [#439](https://github.com/opentiny/tiny-vue/pull/439)
+* fix(checkbox): fix checkbox selected icon bug close [#450](https://github.com/opentiny/tiny-vue/issues/450) by [@gimmyhehe](https://github.com/gimmyhehe) in [#451](https://github.com/opentiny/tiny-vue/pull/451)
+* fix: fix when datetime component in dialog-box, the popper scroll awa… by [@shenjunjian](https://github.com/shenjunjian) in [#455](https://github.com/opentiny/tiny-vue/pull/455)
+* fix(time-picker): fix time-picker arrow-control bug by [@kagol](https://github.com/kagol) in [#464](https://github.com/opentiny/tiny-vue/pull/464)
+* fix: alert mobile close should works by [@LinboLen](https://github.com/LinboLen) in [#478](https://github.com/opentiny/tiny-vue/pull/478)
+* 🐛 fork tiny-vue 启动失败，添加字符串末尾缺少的引号 by [@allenli178](https://github.com/allenli178) in [#488](https://github.com/opentiny/tiny-vue/pull/488)
+* fix(dialog-box): 修复右侧弹窗不能滚动问题 by [@Binks123](https://github.com/Binks123) in [#500](https://github.com/opentiny/tiny-vue/pull/500)
+* fix(Cascader, DropDown, Popeditor): fixed Cascader component panel no… by [@yoyo201626](https://github.com/yoyo201626) in [#513](https://github.com/opentiny/tiny-vue/pull/513)
+* feat(rich-text-editor): resolve svg viewbox by [@Caesar-ch](https://github.com/Caesar-ch) in [#515](https://github.com/opentiny/tiny-vue/pull/515)
+* fix(collapse): 修复collapse未深度监听导致Pc端tiny-collapse activeNames直接push无法响… by [@wkif](https://github.com/wkif) in [#512](https://github.com/opentiny/tiny-vue/pull/512)
+* fix(slider): slider range select bug ([#390](https://github.com/opentiny/tiny-vue/issues/390)) by [@chenguang1994](https://github.com/chenguang1994) in [#518](https://github.com/opentiny/tiny-vue/pull/518)
+* fix(dialog-box): dialog mask err([#495](https://github.com/opentiny/tiny-vue/issues/495)) by [@Zuowendong](https://github.com/Zuowendong) in [#503](https://github.com/opentiny/tiny-vue/pull/503)
+* fix(theme): 修复官网组件标题背景色异常 by [@vaebe](https://github.com/vaebe) in [#496](https://github.com/opentiny/tiny-vue/pull/496)
+* fix: fix pnpm dev:site error by [@kagol](https://github.com/kagol) in [#536](https://github.com/opentiny/tiny-vue/pull/536)
+* docs(guide): fix alert out of bounds by [@Binks123](https://github.com/Binks123) in [#541](https://github.com/opentiny/tiny-vue/pull/541)
+* fix: fix extra highlight color when press button in mobile mode by [@gweesin](https://github.com/gweesin) in [#537](https://github.com/opentiny/tiny-vue/pull/537)
+* docs: fix popover demo position error when toggle code block by [@gweesin](https://github.com/gweesin) in [#535](https://github.com/opentiny/tiny-vue/pull/535)
+* fix(color-select-panel): z-index by [@GaoNeng-wWw](https://github.com/GaoNeng-wWw) in [#560](https://github.com/opentiny/tiny-vue/pull/560)
+* fix(guider): 箭头部分情况超出了指定位置，优化样式 ，解决计算问题([#454](https://github.com/opentiny/tiny-vue/issues/454)) by [@chenguang1994](https://github.com/chenguang1994) in [#539](https://github.com/opentiny/tiny-vue/pull/539)
+* fix(tree): Click margin-top zoom will collapse treemenu([#559](https://github.com/opentiny/tiny-vue/issues/559)) by [@chenguang1994](https://github.com/chenguang1994) in [#568](https://github.com/opentiny/tiny-vue/pull/568)
+* fix(popper): fix popper element offset error in micro-app by [@gimmyhehe](https://github.com/gimmyhehe) in [#570](https://github.com/opentiny/tiny-vue/pull/570)
+* fix: Guide component mobile overflow by [@xlearns](https://github.com/xlearns) in [#574](https://github.com/opentiny/tiny-vue/pull/574)
+* fix(numeric):numeric 修复输入超大数字变为科学计数法时失焦后组件消失的问题 by [@shonen7](https://github.com/shonen7) in [#563](https://github.com/opentiny/tiny-vue/pull/563)
+* fix(rich-text-editor): fix Unsupported URL Type "link:" when execute npm i by [@kagol](https://github.com/kagol) in [#579](https://github.com/opentiny/tiny-vue/pull/579)
+* fix：Added version import to component templates by [@wkif](https://github.com/wkif) in [#578](https://github.com/opentiny/tiny-vue/pull/578)
+* fix(popper): remove window variable code by [@gimmyhehe](https://github.com/gimmyhehe) in [#586](https://github.com/opentiny/tiny-vue/pull/586)
+* fix(rich-text-edtior):fix rich-text-edtior functionality and style issues by [@shonen7](https://github.com/shonen7) in [#592](https://github.com/opentiny/tiny-vue/pull/592)
+* fix(doc): rename dom id avioding conflicts([#595](https://github.com/opentiny/tiny-vue/issues/595)) by [@chenguang1994](https://github.com/chenguang1994) in [#597](https://github.com/opentiny/tiny-vue/pull/597)
+* chore: support alpha version and fix build error by [@kagol](https://github.com/kagol) in [#600](https://github.com/opentiny/tiny-vue/pull/600)
+* fix(form): form tooltip append-to-body fix by [@gimmyhehe](https://github.com/gimmyhehe) in [#599](https://github.com/opentiny/tiny-vue/pull/599)
+* fix(rich-text-editor): fix Unsupported URL Type link by [@kagol](https://github.com/kagol) in [#601](https://github.com/opentiny/tiny-vue/pull/601)
+* fix: fix global registration error with rich-text-editor by [@zzcr](https://github.com/zzcr) in [#602](https://github.com/opentiny/tiny-vue/pull/602)
+* fix(vue-icon_left-ward-arrow): Correct LeftWardArrow import path by [@yoyo201626](https://github.com/yoyo201626) in [#603](https://github.com/opentiny/tiny-vue/pull/603)
+* fix: fix incorrect target in webComponent by [@gimmyhehe](https://github.com/gimmyhehe) in [#605](https://github.com/opentiny/tiny-vue/pull/605)
+* fix: fix rich-text build error by [@zzcr](https://github.com/zzcr) in [#618](https://github.com/opentiny/tiny-vue/pull/618)
+* fix(Rich Text Editor): Fix bugs in the Rich Text Editor by [@shonen7](https://github.com/shonen7) in [#616](https://github.com/opentiny/tiny-vue/pull/616)
+* fix(color-picker、divider):Fix 'color picker' switch color failure, de… by [@shonen7](https://github.com/shonen7) in [#619](https://github.com/opentiny/tiny-vue/pull/619)
+* fix(select-text-field): Select，text-fiel And value-field Example For One by [@Xppp0217](https://github.com/Xppp0217) in [#610](https://github.com/opentiny/tiny-vue/pull/610)
+* Fix the issue of blocked headers in dialogBox by [@Huangyilin19](https://github.com/Huangyilin19) in [#620](https://github.com/opentiny/tiny-vue/pull/620)
+* fix: add missing svg to fix build:ui error
+* fix: fix vue-renderless/types path error
+* fix(search): 修复enter回车键搜索报错问题
+* fix(search): 修复搜索类型文字过长显示错位问题
+* fix(fileupload):修复上传组件在文件上传时，点击取消上传报错问题
+* fix(anchor):修复官网使用锚点时，固定模式闪现的问题**
+* fix(grid): 修复grid表格筛选手动调用clearFilter不会触发filter-change方法的问题
+* fix(popeditor): 修复popeditor组件在vue2.7下报错bug
+* fix(form): 修复表单项下多个子元素导致tooltip重复
+* fix(collapse): collspse组件图标与文体间距修改
+* fix(checkbox): 修复checkbox禁用态悬浮bug
+* fix(select): 修复 Select 组件，多选时初始化输入框高度不对
+* fix(select): 修复Select组件下拉框没有默认添加到body上
+* fix(select): 修复 Select 组件，折叠 Tag时，位置够却换行了
+* fix(dropdown): 修复dropdownItem禁用时触发itemclick
+* fix(dropdown): 修复Dropdown组件smb图标显示不正确
+* fix(select): 修复select组件，大数据开启optimization时，未显示正确label
+* fix(Slider): fix slider 范围选择
+* fix(input): 修复当input组件传入id时，造成内部标签会接收透传id，造成双id问题
+* fix(Cascader): 修复在验证Cascader单组件引入时面板不能正常关闭的问题
+* fix(modal): Modal组件不响应动态宽度与高度
+* fix(tree-menu): TreeMenu组件Saas主题下TreeMenu元素排布变形, 默认主题下图标位置不正确, 节点选中与悬浮的样式不对
+* fix(tree-menu): TreeMenu组件的collapsible属性同时控制多个功能
+* fix(tabbar): 移动端tabbar组件点击事件报错
+* fix(tree): Tree组件自定义渲染内容时, 节点没对齐
+* fix(steps): Steps组件内容鼠标悬浮光标不正确; 节点序号与图标颜色不正确
+* fix(tree): Tree树懒加载数据无法渲染第一层节点
+
+### Other Changes
+
+* test(badge): add unit test by [@lyx-jay](https://github.com/lyx-jay) in [#388](https://github.com/opentiny/tiny-vue/pull/388)
+* test(modal): add modal unit test by [@Zz-ZzzZ](https://github.com/Zz-ZzzZ) in [#374](https://github.com/opentiny/tiny-vue/pull/374)
+* docs: update release notes by [@kagol](https://github.com/kagol) in [#397](https://github.com/opentiny/tiny-vue/pull/397)
+* style(rich-text-editor): format code style by [@kagol](https://github.com/kagol) in [#402](https://github.com/opentiny/tiny-vue/pull/402)
+* docs(rich-text-editor): add demo and api docs by [@kagol](https://github.com/kagol) in [#404](https://github.com/opentiny/tiny-vue/pull/404)
+* docs(container): fix container composition demos fix [#425](https://github.com/opentiny/tiny-vue/issues/425) by [@kagol](https://github.com/kagol) in [#441](https://github.com/opentiny/tiny-vue/pull/441)
+* test(modal): add surplus unit test by [@Zz-ZzzZ](https://github.com/Zz-ZzzZ) in [#435](https://github.com/opentiny/tiny-vue/pull/435)
+* docs: fix the problem of missing container component style by [@kagol](https://github.com/kagol) in [#453](https://github.com/opentiny/tiny-vue/pull/453)
+* feat(unit): add breadcrumb unit test by [@lyx-jay](https://github.com/lyx-jay) in [#457](https://github.com/opentiny/tiny-vue/pull/457)
+* refactor(date-table): supplement the ts type declaration of the date-table component by [@kagol](https://github.com/kagol) in [#456](https://github.com/opentiny/tiny-vue/pull/456)
+* feat(rich-text-editor): Add api design by [@Caesar-ch](https://github.com/Caesar-ch) in [#475](https://github.com/opentiny/tiny-vue/pull/475)
+* docs: optimize time picker demo api docs by [@kagol](https://github.com/kagol) in [#482](https://github.com/opentiny/tiny-vue/pull/482)
+* docs: optimzie date picker demo/api by [@kagol](https://github.com/kagol) in [#486](https://github.com/opentiny/tiny-vue/pull/486)
+* optimize button docs by [@Binks123](https://github.com/Binks123) in [#522](https://github.com/opentiny/tiny-vue/pull/522)
+* docs(anchor): optimize anchor demo api docs by [@Binks123](https://github.com/Binks123) in [#540](https://github.com/opentiny/tiny-vue/pull/540)
+* docs(breadcrumb): optimize breadcrumb docs by [@Binks123](https://github.com/Binks123) in [#547](https://github.com/opentiny/tiny-vue/pull/547)
+* feat(react): 添加贡献文档，readme 改名为 README by [@pe-3](https://github.com/pe-3) in [#538](https://github.com/opentiny/tiny-vue/pull/538)
+* docs(README): correct misspellings by [@Zz-ZzzZ](https://github.com/Zz-ZzzZ) in [#561](https://github.com/opentiny/tiny-vue/pull/561)
+* fix(divider,color-picker): divider组件content-position描述完善，以及部分api关联示例变动；color-picker组件修改错误变量 by [@shonen7](https://github.com/shonen7) in [#567](https://github.com/opentiny/tiny-vue/pull/567)
+* feat: update pc/mobile/mobile-first docs by [@zzcr](https://github.com/zzcr) in [#583](https://github.com/opentiny/tiny-vue/pull/583)
+* docs: update component number by [@kagol](https://github.com/kagol) in [#585](https://github.com/opentiny/tiny-vue/pull/585)
+* feat: update docs api by [@zzcr](https://github.com/zzcr) in [#613](https://github.com/opentiny/tiny-vue/pull/613)
+* feat(grid-size): table size integration by [@ianxinnew](https://github.com/ianxinnew) in [#617](https://github.com/opentiny/tiny-vue/pull/617)
+* fix(grid-slot): Table Example Add Editor Slot by [@ianxinnew](https://github.com/ianxinnew) in [#608](https://github.com/opentiny/tiny-vue/pull/608)
+* feat(grid-api): API Remove Default Text by [@ianxinnew](https://github.com/ianxinnew) in [#622](https://github.com/opentiny/tiny-vue/pull/622)
+* fix(select-size): select component medium，small，mini Type For One by [@Xppp0217](https://github.com/Xppp0217) in [#607](https://github.com/opentiny/tiny-vue/pull/607)
+* chore: examples/site demo support ts intellisense
+* chore(picker): add picker ts declaration(vue.ts)
+* chore(timeline): timeline与timelineItem组件补充ts类型
+* chore(modal): modal组件补充ts类型声明
+* chore(floatbar): floatbar组件补充ts类型声明
+* chore(dialog-box): dialog-box组件补充ts类型声明
+* chore(numeric): Numeric补充ts类型声明
+* chore(playground): 优化playground的编辑器和分享功能
+
 ## v2.10.0/v3.10.0
 
 `2023/08/14`
 
 ### Exciting New Features 🎉
 
-* feat(pop-editor): 当编辑框弹出时添加自定义事件 fix #268 by @yuanningning in https://github.com/opentiny/tiny-vue/pull/315
-* feat(ip-address): 更改ipAddress组件的IPv6类型 close #272 by @yuanningning in https://github.com/opentiny/tiny-vue/pull/337
+* feat(pop-editor): 当编辑框弹出时添加自定义事件 fix [#268](https://github.com/opentiny/tiny-vue/issues/268) by [@yuanningning](https://github.com/yuanningning) in [#315](https://github.com/opentiny/tiny-vue/pull/315)
+* feat(ip-address): 更改ipAddress组件的IPv6类型 close [#272](https://github.com/opentiny/tiny-vue/issues/272) by [@yuanningning](https://github.com/yuanningning) in [#337](https://github.com/opentiny/tiny-vue/pull/337)
 * feat(filter-panel): 新增过滤器面板组件
 * feat(dialog-select): 新增 DialogSelect 组件
 * feat(infinite-scroll): 新增 InfiniteScroll 无限滚动组件
@@ -34,19 +189,19 @@
 * feat(date-picker): 支持某日起始/某日为止功能 `type: 'startFrom'`
 
 ### Bug Fixes 🐛
-* fix(numeric): 修复当前值+Step>max时不能取max的问题 by @Huangyilin19 in https://github.com/opentiny/tiny-vue/pull/297
-* fix(grid): 修复了列冻结且没有滚动条时表格组件中的异常样式 by @zzcr in https://github.com/opentiny/tiny-vue/pull/298
-* fix(button): 修复了朴素按钮图标禁用颜色的问题 by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/299
-* fix(grid): 修复了表过滤器面板的错误样式，修复了webpack本地环境下ResizeWatch接口的警告问题 by @zzcr in https://github.com/opentiny/tiny-vue/pull/305
-* fix(theme): 从容器、布局中删除样式 by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/306
-* fix(vue-theme): 在文本区域组件中修复 `@apply`  by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/319
-* fix(input): 修复了禁用的输入在表单错误中不生效的问题 by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/322
-* fix(checkbox): 修复了复选框标签为0时不显示错误的问题 by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/331
-* fix(select): 修复了计算选择组件的高度和错误创建项目的问题 by @MomoPoppy in https://github.com/opentiny/tiny-vue/pull/358
-* fix(carousel): 将箭头圆宽度调整为28px by @lyx-jay in https://github.com/opentiny/tiny-vue/pull/376
-* fix(drawer): 蒙版消失的速度比内容更快 by @lyx-jay in https://github.com/opentiny/tiny-vue/pull/375
-* fix(badge): 修复显示重复内容的问题 by @lyx-jay in https://github.com/opentiny/tiny-vue/pull/382
-* fix: 修复了执行 pnpm build:ui vue 命令时的ts声明错误 by @kagol in https://github.com/opentiny/tiny-vue/pull/386
+* fix(numeric): 修复当前值+Step>max时不能取max的问题 by [@Huangyilin19](https://github.com/Huangyilin19) in [#297](https://github.com/opentiny/tiny-vue/pull/297)
+* fix(grid): 修复了列冻结且没有滚动条时表格组件中的异常样式 by [@zzcr](https://github.com/zzcr) in [#298](https://github.com/opentiny/tiny-vue/pull/298)
+* fix(button): 修复了朴素按钮图标禁用颜色的问题 by [@gimmyhehe](https://github.com/gimmyhehe) in [#299](https://github.com/opentiny/tiny-vue/pull/299)
+* fix(grid): 修复了表过滤器面板的错误样式，修复了webpack本地环境下ResizeWatch接口的警告问题 by [@zzcr](https://github.com/zzcr) in [#305](https://github.com/opentiny/tiny-vue/pull/305)
+* fix(theme): 从容器、布局中删除样式 by [@shenjunjian](https://github.com/shenjunjian) in [#306](https://github.com/opentiny/tiny-vue/pull/306)
+* fix(vue-theme): 在文本区域组件中修复 `@apply` by [@shenjunjian](https://github.com/shenjunjian) in [#319](https://github.com/opentiny/tiny-vue/pull/319)
+* fix(input): 修复了禁用的输入在表单错误中不生效的问题 by [@gimmyhehe](https://github.com/gimmyhehe) in [#322](https://github.com/opentiny/tiny-vue/pull/322)
+* fix(checkbox): 修复了复选框标签为0时不显示错误的问题 by [@gimmyhehe](https://github.com/gimmyhehe) in [#331](https://github.com/opentiny/tiny-vue/pull/331)
+* fix(select): 修复了计算选择组件的高度和错误创建项目的问题 by [@MomoPoppy](https://github.com/MomoPoppy) in [#358](https://github.com/opentiny/tiny-vue/pull/358)
+* fix(carousel): 将箭头圆宽度调整为28px by [@lyx-jay](https://github.com/lyx-jay) in [#376](https://github.com/opentiny/tiny-vue/pull/376)
+* fix(drawer): 蒙版消失的速度比内容更快 by [@lyx-jay](https://github.com/lyx-jay) in [#375](https://github.com/opentiny/tiny-vue/pull/375)
+* fix(badge): 修复显示重复内容的问题 by [@lyx-jay](https://github.com/lyx-jay) in [#382](https://github.com/opentiny/tiny-vue/pull/382)
+* fix: 修复了执行 pnpm build:ui vue 命令时的ts声明错误 by [@kagol](https://github.com/kagol) in [#386](https://github.com/opentiny/tiny-vue/pull/386)
 * fix(grid): 修复表格冻结列在x-design规范显示异常问题
 * fix(grid): 修复表格冻结列在表格有纵向滚动条时
 * fix(grid):修复表格fetchdata情况下，表格数据被处理两次问题
@@ -65,11 +220,11 @@
 * fix(popEditor): 编辑框关闭时先隐藏了内容的问题
 
 ### Other Changes
-* perf(tooltip): Tooltip 组件性能优化 by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/368
-* chore(row): 恢复演示示例中的样式 by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/311
-* feat(pnpm-lock): 添加 pnpm-lock.ymal 文件 by @zzcr in https://github.com/opentiny/tiny-vue/pull/320
-* feat(button): 完善单元测试 by @chenqifeng66 in https://github.com/opentiny/tiny-vue/pull/364
-* test(alert): 增加 Alert 组件单元测试 by @Zz-ZzzZ in https://github.com/opentiny/tiny-vue/pull/369
+* perf(tooltip): Tooltip 组件性能优化 by [@shenjunjian](https://github.com/shenjunjian) in [#368](https://github.com/opentiny/tiny-vue/pull/368)
+* chore(row): 恢复演示示例中的样式 by [@shenjunjian](https://github.com/shenjunjian) in [#311](https://github.com/opentiny/tiny-vue/pull/311)
+* feat(pnpm-lock): 添加 pnpm-lock.ymal 文件 by [@zzcr](https://github.com/zzcr) in [#320](https://github.com/opentiny/tiny-vue/pull/320)
+* feat(button): 完善单元测试 by [@chenqifeng66](https://github.com/chenqifeng66) in [#364](https://github.com/opentiny/tiny-vue/pull/364)
+* test(alert): 增加 Alert 组件单元测试 by [@Zz-ZzzZ](https://github.com/Zz-ZzzZ) in [#369](https://github.com/opentiny/tiny-vue/pull/369)
 * docs(tag): 增加标签灵活用法，超出隐藏，显示title示例
 
 ## v2.9.0/v3.9.0
@@ -112,34 +267,34 @@
 
 ### Bug Fixes 🐛
 
-- fix: 修复 windows 下 pnpm install rm rf not found by @coderbaozi in <https://github.com/opentiny/tiny-vue/pull/149>
-- 修复 build:ui 打包出来的产物有问题 bug，修复 input 组件本地开发报警告 bug by @zzcr in <https://github.com/opentiny/tiny-vue/pull/150>
-- fix(tabs): fix tab header bottom border line close #154 by @kagol in <https://github.com/opentiny/tiny-vue/pull/155>
-- chore: Compatible with windows users by @ErKeLost in <https://github.com/opentiny/tiny-vue/pull/151>
-- fix(carousel-item): 合并重复属性 by @linxiang07 in <https://github.com/opentiny/tiny-vue/pull/152>
-- fix(checkbox): icon position when checked by @zuixinwang in <https://github.com/opentiny/tiny-vue/pull/164>
-- fix(build:runtime): 修复打包 runtime 产物的脚本 by @shenjunjian in <https://github.com/opentiny/tiny-vue/pull/183>
-- fix(build runtime) 修复打包运行时报错问题 by @zzcr in <https://github.com/opentiny/tiny-vue/pull/185>
-- fix(carousel) 走马灯手动轮播切换到此处数据会偶现与实际不符 by @WXC-Spring in <https://github.com/opentiny/tiny-vue/pull/188>
-- fix(runtime-build) 修复：运行时多入口打包会抽取公共依赖，导致加载报错 by @zzcr in <https://github.com/opentiny/tiny-vue/pull/191>
-- fix(dialog-box): 修复对话框移动后动态 style 没更新的 bug by @Huangyilin19 in <https://github.com/opentiny/tiny-vue/pull/195>
-- fix(upload) 修复 upload 组件销毁时报错的 bug by @zzcr in <https://github.com/opentiny/tiny-vue/pull/196>
-- fix(fileupload): 上传组件增加用户不配置 action 属性产生的报错，告知用户需要配置 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/199>
-- fix(button): 修复无内容的情况下上下错位的问题(#194) by @qinwencheng in <https://github.com/opentiny/tiny-vue/pull/203>
-- fix: 修复 pullRefresh 组件，数据类型不匹配，导致控制台告警日志超大量打印，导致页面渲染慢的问题 by @MrWang2016 in <https://github.com/opentiny/tiny-vue/pull/211>
-- fix: 修复 Breadcrumb 配置 textField 的 demo 不显示面包屑内容 #207 by @yuanningning in <https://github.com/opentiny/tiny-vue/pull/210>
-- fix(rate) 修复组件 Rate 半选加禁选后，2.5 与 3 星实际不匹配的问题 by @wwttff in <https://github.com/opentiny/tiny-vue/pull/200>
-- fix(build) 修复 grid、pager 组件 bug by @zzcr in <https://github.com/opentiny/tiny-vue/pull/240>
-- fix: fix npm publish 402 error by @kagol in <https://github.com/opentiny/tiny-vue/pull/241>
+* fix: 修复windows下pnpm install rm rf not found by [@coderbaozi](https://github.com/coderbaozi) in [#149](https://github.com/opentiny/tiny-vue/pull/149)
+* 修复build:ui打包出来的产物有问题bug，修复input组件本地开发报警告bug by [@zzcr](https://github.com/zzcr) in [#150](https://github.com/opentiny/tiny-vue/pull/150)
+* fix(tabs): fix tab header bottom border line close [#154](https://github.com/opentiny/tiny-vue/issues/154) by [@kagol](https://github.com/kagol) in [#155](https://github.com/opentiny/tiny-vue/pull/155)
+* chore: Compatible with windows users by [@ErKeLost](https://github.com/ErKeLost) in [#151](https://github.com/opentiny/tiny-vue/pull/151)
+* fix(carousel-item): 合并重复属性 by [@linxiang07](https://github.com/linxiang07) in [#152](https://github.com/opentiny/tiny-vue/pull/152)
+* fix(checkbox): icon position when checked by [@zuixinwang](https://github.com/zuixinwang) in [#164](https://github.com/opentiny/tiny-vue/pull/164)
+* fix(build:runtime): 修复打包runtime产物的脚本 by [@shenjunjian](https://github.com/shenjunjian) in [#183](https://github.com/opentiny/tiny-vue/pull/183)
+* fix(build runtime) 修复打包运行时报错问题 by [@zzcr](https://github.com/zzcr) in [#185](https://github.com/opentiny/tiny-vue/pull/185)
+* fix(carousel) 走马灯手动轮播切换到此处数据会偶现与实际不符 by [@WXC-Spring](https://github.com/WXC-Spring) in [#188](https://github.com/opentiny/tiny-vue/pull/188)
+* fix(runtime-build) 修复：运行时多入口打包会抽取公共依赖，导致加载报错 by [@zzcr](https://github.com/zzcr) in [#191](https://github.com/opentiny/tiny-vue/pull/191)
+* fix(dialog-box): 修复对话框移动后动态style没更新的bug by [@Huangyilin19](https://github.com/Huangyilin19) in [#195](https://github.com/opentiny/tiny-vue/pull/195)
+* fix(upload) 修复upload组件销毁时报错的bug by [@zzcr](https://github.com/zzcr) in [#196](https://github.com/opentiny/tiny-vue/pull/196)
+* fix(fileupload): 上传组件增加用户不配置action属性产生的报错，告知用户需要配置 by [@chenxi-20](https://github.com/chenxi-20) in [#199](https://github.com/opentiny/tiny-vue/pull/199)
+* fix(button): 修复无内容的情况下上下错位的问题([#194](https://github.com/opentiny/tiny-vue/issues/194)) by [@qinwencheng](https://github.com/qinwencheng) in [#203](https://github.com/opentiny/tiny-vue/pull/203)
+* fix: 修复pullRefresh组件，数据类型不匹配，导致控制台告警日志超大量打印，导致页面渲染慢的问题 by [@MrWang2016](https://github.com/MrWang2016) in [#211](https://github.com/opentiny/tiny-vue/pull/211)
+* fix: 修复Breadcrumb配置textField的demo不显示面包屑内容 [#207](https://github.com/opentiny/tiny-vue/issues/207) by [@yuanningning](https://github.com/yuanningning) in [#210](https://github.com/opentiny/tiny-vue/pull/210)
+* fix(rate) 修复组件Rate半选加禁选后，2.5与3星实际不匹配的问题 by [@wwttff](https://github.com/wwttff) in [#200](https://github.com/opentiny/tiny-vue/pull/200)
+* fix(build) 修复grid、pager组件bug by [@zzcr](https://github.com/zzcr) in [#240](https://github.com/opentiny/tiny-vue/pull/240)
+* fix: fix npm publish 402 error by [@kagol](https://github.com/kagol) in [#241](https://github.com/opentiny/tiny-vue/pull/241)
 
 ### Other Changes
 
-- chore: 添加文件后缀名 by @CatsAndMice in <https://github.com/opentiny/tiny-vue/pull/160>
-- refactor(button): 优化 size 属性校验 by @LadyChatterleyLover in <https://github.com/opentiny/tiny-vue/pull/162>
-- docs：中英文 README 和贡献指南文档中端口号的修正，以及 Issue 模板中的小助手微信号修正 by @heygsc in <https://github.com/opentiny/tiny-vue/pull/171>
-- docs: 增加 all-contributors 机器人 🤖️ 用于自动添加贡献者 by @kagol in <https://github.com/opentiny/tiny-vue/pull/214>
-- docs: update README.zh-CN.md by @kagol in <https://github.com/opentiny/tiny-vue/pull/216>
-- doc: 修改文档示例 by @GaoNeng-wWw in <https://github.com/opentiny/tiny-vue/pull/224>
+* chore: 添加文件后缀名 by [@CatsAndMice](https://github.com/CatsAndMice) in [#160](https://github.com/opentiny/tiny-vue/pull/160)
+* refactor(button): 优化size属性校验 by [@LadyChatterleyLover](https://github.com/LadyChatterleyLover) in [#162](https://github.com/opentiny/tiny-vue/pull/162)
+* docs：中英文README和贡献指南文档中端口号的修正，以及Issue模板中的小助手微信号修正 by [@heygsc](https://github.com/heygsc) in [#171](https://github.com/opentiny/tiny-vue/pull/171)
+* docs: 增加 all-contributors 机器人🤖️用于自动添加贡献者 by [@kagol](https://github.com/kagol) in [#214](https://github.com/opentiny/tiny-vue/pull/214)
+* docs: update README.zh-CN.md by [@kagol](https://github.com/kagol) in [#216](https://github.com/opentiny/tiny-vue/pull/216)
+* doc: 修改文档示例 by [@GaoNeng-wWw](https://github.com/GaoNeng-wWw) in [#224](https://github.com/opentiny/tiny-vue/pull/224)
 
 ## v2.6.6/v3.6.6
 
@@ -147,25 +302,25 @@
 
 ### Exciting New Features 🎉
 
-- feat: 增加 vue-vite-import 插件 by @kagol in <https://github.com/opentiny/tiny-vue/pull/135>
-- feat: 当 children 为空数组是认为是叶子节点 by @GaoNeng-wWw in <https://github.com/opentiny/tiny-vue/pull/143>
+* feat: 增加 vue-vite-import 插件 by [@kagol](https://github.com/kagol) in [#135](https://github.com/opentiny/tiny-vue/pull/135)
+* feat: 当children为空数组是认为是叶子节点 by [@GaoNeng-wWw](https://github.com/GaoNeng-wWw) in [#143](https://github.com/opentiny/tiny-vue/pull/143)
 
 ### Bug Fixes 🐛
 
-- fix(ipaddress): 切换 tab 键会从 192 跳过 168 到 0 by @rayhaoqin in <https://github.com/opentiny/tiny-vue/pull/122>
-- fix: 修复 pnpm dev:docs 报错的问题。 by @ygj6 in <https://github.com/opentiny/tiny-vue/pull/123>
-- fix: fix vuepress-vite version error when execute pnpm i by @kagol in <https://github.com/opentiny/tiny-vue/pull/126>
-- fix(chart-line): fix line-chart tooltip.axisPointer.lineStyle does not take effect close #130 by @kagol in <https://github.com/opentiny/tiny-vue/pull/131>
-- fix(types): 修复 vue3-example 项目中的 ts 报错。 by @ygj6 in <https://github.com/opentiny/tiny-vue/pull/132>
-- fix(date-picker): fix date-picker style by @kagol in <https://github.com/opentiny/tiny-vue/pull/136>
-- Fix issue #115 by @acyza in <https://github.com/opentiny/tiny-vue/pull/116>
-- fix(table): table-misaligned when frozen columns by @awspi in <https://github.com/opentiny/tiny-vue/pull/140>
-- 修复 tooltip`append-to-body="false"`时在表格中位置计算错误 by @acyza in <https://github.com/opentiny/tiny-vue/pull/146>
-- fix(pull-refresh): 修复下拉刷新组件频繁触发的问题 by @TC-twwang in <https://github.com/opentiny/tiny-vue/pull/145>
+* fix(ipaddress): 切换tab键会从192跳过168到0 by [@rayhaoqin](https://github.com/rayhaoqin) in [#122](https://github.com/opentiny/tiny-vue/pull/122)
+* fix: 修复 pnpm dev:docs 报错的问题。 by [@ygj6](https://github.com/ygj6) in [#123](https://github.com/opentiny/tiny-vue/pull/123)
+* fix: fix vuepress-vite version error when execute pnpm i by [@kagol](https://github.com/kagol) in [#126](https://github.com/opentiny/tiny-vue/pull/126)
+* fix(chart-line): fix line-chart tooltip.axisPointer.lineStyle does not take effect close [#130](https://github.com/opentiny/tiny-vue/issues/130) by [@kagol](https://github.com/kagol) in [#131](https://github.com/opentiny/tiny-vue/pull/131)
+* fix(types): 修复vue3-example项目中的ts报错。 by [@ygj6](https://github.com/ygj6) in [#132](https://github.com/opentiny/tiny-vue/pull/132)
+* fix(date-picker): fix date-picker style by [@kagol](https://github.com/kagol) in [#136](https://github.com/opentiny/tiny-vue/pull/136)
+* Fix issue [#115](https://github.com/opentiny/tiny-vue/issues/115) by [@acyza](https://github.com/acyza) in [#116](https://github.com/opentiny/tiny-vue/pull/116)
+* fix(table): table-misaligned when frozen columns by [@awspi](https://github.com/awspi) in [#140](https://github.com/opentiny/tiny-vue/pull/140)
+* 修复tooltip`append-to-body="false"`时在表格中位置计算错误 by [@acyza](https://github.com/acyza) in [#146](https://github.com/opentiny/tiny-vue/pull/146)
+* fix(pull-refresh): 修复下拉刷新组件频繁触发的问题 by [@TC-twwang](https://github.com/TC-twwang) in [#145](https://github.com/opentiny/tiny-vue/pull/145)
 
 ### Other Changes
 
-- refactor(tabs): optimize new tab button postion close #127 by @kagol in <https://github.com/opentiny/tiny-vue/pull/128>
+* refactor(tabs): optimize new tab button postion close [#127](https://github.com/opentiny/tiny-vue/issues/127) by [@kagol](https://github.com/kagol) in [#128](https://github.com/opentiny/tiny-vue/pull/128)
 
 ## v2.6.1/v3.6.1
 
@@ -173,32 +328,32 @@
 
 ### Exciting New Features 🎉
 
-- feat(timeline): 增加箭头点击区域 by @MNZhu in <https://github.com/opentiny/tiny-vue/pull/103>
+* feat(timeline): 增加箭头点击区域 by [@MNZhu](https://github.com/MNZhu) in [#103](https://github.com/opentiny/tiny-vue/pull/103)
 
 ### Bug Fixes 🐛
 
-- fix(radio): 修复主题配置 radio-button 无法继承属性的 bug，打开可继承属性 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/82>
-- fix: fix monorepo by @kagol in <https://github.com/opentiny/tiny-vue/pull/91>
-- fix(anchor): 修复父锚点指示异常的问题 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/93>
-- fix: Failed to resolve entry for package "@opentiny/vue" close #99 by @kagol in <https://github.com/opentiny/tiny-vue/pull/100>
-- fix(upload): 取消 fileupload 组件的自动隐藏和提示功能，修改成用户可自定义配置 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/95>
-- fix(exception): 优化定位布局样式 by @MNZhu in <https://github.com/opentiny/tiny-vue/pull/104>
-- fix(timeline): 修复单个节点数据显示线条问题 by @MNZhu in <https://github.com/opentiny/tiny-vue/pull/105>
-- fix: 修复打包，发布报错等问题，调整类型声明等问题 by @zzcr in <https://github.com/opentiny/tiny-vue/pull/108>
-- fix(vue-common): 修复 adapter 中的 mode 的传值问题 by @shenjunjian in <https://github.com/opentiny/tiny-vue/pull/110>
-- fix: 修复文档初始`pathname`错误 by @acyza in <https://github.com/opentiny/tiny-vue/pull/107>
-- fix: 修复国际化键值的问题 by @shenjunjian in <https://github.com/opentiny/tiny-vue/pull/111>
-- fix: 添加打包前置脚本 by @zzcr in <https://github.com/opentiny/tiny-vue/pull/112>
-- fix(vue-panel): 修复 panel 的问题 by @shenjunjian in <https://github.com/opentiny/tiny-vue/pull/113>
-- fix: Removing the invalid resource path enables `pnpm dev` to succeed. by @ygj6 in <https://github.com/opentiny/tiny-vue/pull/109>
-- fix: fix build error by @kagol in <https://github.com/opentiny/tiny-vue/pull/119>
-- fix(grid): 使用 gpu 加速优化虚拟滚动性能，修复筛选面板单选框无法选中问题 by @zzcr in <https://github.com/opentiny/tiny-vue/pull/121>
+* fix(radio): 修复主题配置radio-button无法继承属性的bug，打开可继承属性 by [@chenxi-20](https://github.com/chenxi-20) in [#82](https://github.com/opentiny/tiny-vue/pull/82)
+* fix: fix monorepo by [@kagol](https://github.com/kagol) in [#91](https://github.com/opentiny/tiny-vue/pull/91)
+* fix(anchor): 修复父锚点指示异常的问题 by [@chenxi-20](https://github.com/chenxi-20) in [#93](https://github.com/opentiny/tiny-vue/pull/93)
+* fix: Failed to resolve entry for package "@opentiny/vue" close [#99](https://github.com/opentiny/tiny-vue/issues/99) by [@kagol](https://github.com/kagol) in [#100](https://github.com/opentiny/tiny-vue/pull/100)
+* fix(upload): 取消fileupload组件的自动隐藏和提示功能，修改成用户可自定义配置 by [@chenxi-20](https://github.com/chenxi-20) in [#95](https://github.com/opentiny/tiny-vue/pull/95)
+* fix(exception): 优化定位布局样式 by [@MNZhu](https://github.com/MNZhu) in [#104](https://github.com/opentiny/tiny-vue/pull/104)
+* fix(timeline): 修复单个节点数据显示线条问题 by [@MNZhu](https://github.com/MNZhu) in [#105](https://github.com/opentiny/tiny-vue/pull/105)
+* fix: 修复打包，发布报错等问题，调整类型声明等问题 by [@zzcr](https://github.com/zzcr) in [#108](https://github.com/opentiny/tiny-vue/pull/108)
+* fix(vue-common): 修复adapter中的mode的传值问题 by [@shenjunjian](https://github.com/shenjunjian) in [#110](https://github.com/opentiny/tiny-vue/pull/110)
+* fix: 修复文档初始`pathname`错误 by [@acyza](https://github.com/acyza) in [#107](https://github.com/opentiny/tiny-vue/pull/107)
+* fix: 修复国际化键值的问题 by [@shenjunjian](https://github.com/shenjunjian) in [#111](https://github.com/opentiny/tiny-vue/pull/111)
+* fix: 添加打包前置脚本 by [@zzcr](https://github.com/zzcr) in [#112](https://github.com/opentiny/tiny-vue/pull/112)
+* fix(vue-panel): 修复panel 的问题 by [@shenjunjian](https://github.com/shenjunjian) in [#113](https://github.com/opentiny/tiny-vue/pull/113)
+* fix: Removing the invalid resource path enables `pnpm dev` to succeed. by [@ygj6](https://github.com/ygj6) in [#109](https://github.com/opentiny/tiny-vue/pull/109)
+* fix: fix build error by [@kagol](https://github.com/kagol) in [#119](https://github.com/opentiny/tiny-vue/pull/119)
+* fix(grid): 使用gpu加速优化虚拟滚动性能，修复筛选面板单选框无法选中问题 by [@zzcr](https://github.com/zzcr) in [#121](https://github.com/opentiny/tiny-vue/pull/121)
 
 ### Other Changes
 
-- refactor: Refactor project to Monorepo and TypeScript by @kagol in <https://github.com/opentiny/tiny-vue/pull/90>
-- refactor: remove useless files by @kagol in <https://github.com/opentiny/tiny-vue/pull/92>
-- docs: update README by @kagol in <https://github.com/opentiny/tiny-vue/pull/98>
+* refactor: Refactor project to Monorepo and TypeScript by [@kagol](https://github.com/kagol) in [#90](https://github.com/opentiny/tiny-vue/pull/90)
+* refactor: remove useless files by [@kagol](https://github.com/kagol) in [#92](https://github.com/opentiny/tiny-vue/pull/92)
+* docs: update README by [@kagol](https://github.com/kagol) in [#98](https://github.com/opentiny/tiny-vue/pull/98)
 
 ## v2.6.0/v3.6.0
 
@@ -206,56 +361,56 @@
 
 ### Exciting New Features 🎉
 
-- feat(anchor): 新增 anchor 组件第一个功能：基本使用 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/30>
-- feat(modal): 增加反馈弹窗 modal 组件 by @MNZhu in <https://github.com/opentiny/tiny-vue/pull/19>
-- feat(button): 按钮组件样式修改 by @MNZhu in <https://github.com/opentiny/tiny-vue/pull/21>
-- feat(multi-select): 增加下拉选择器 multi-select 组件 by @TC-twwang in <https://github.com/opentiny/tiny-vue/pull/22>
-- feat(search): 搜索组件样式修改 by @MNZhu in <https://github.com/opentiny/tiny-vue/pull/33>
-- feat(anchor): 添加锚点 anchor 组件 onchange 事件 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/35>
-- feat(timeline): 时间线插槽作用域增加 index 属性 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/39>
-- feat(timeline): timeline 样式修改 by @MNZhu in <https://github.com/opentiny/tiny-vue/pull/38>
-- feat(form): form 组件增加自动换行 by @TC-twwang in <https://github.com/opentiny/tiny-vue/pull/40>
-- feat(indexbar): 增加索引组件 by @MNZhu in <https://github.com/opentiny/tiny-vue/pull/47>
-- feat(form): form 组件增加自动换行-检视意见修改 by @TC-twwang in <https://github.com/opentiny/tiny-vue/pull/54>
-- feat(anchor): 锚点组件增加固定模式，修复示例文档 bug 问题 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/49>
-- feat(anchor): 修复检视意见，同步远程代码 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/55>
-- feat(anchor): 调整 anchor 组件，让其可以适配主题配置 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/57>
-- feat(badge): add badge-class close #50 by @kagol in <https://github.com/opentiny/tiny-vue/pull/51>
-- feat(tag): add beforeDelete props by @kagol in <https://github.com/opentiny/tiny-vue/pull/52>
-- feat(form): form 组件增加自动换行-增加移动端条件校验 by @TC-twwang in <https://github.com/opentiny/tiny-vue/pull/58>
-- feat(switch): add beforeChange props by @kagol in <https://github.com/opentiny/tiny-vue/pull/59>
-- feat(fullscreen): add beforeChange props by @kagol in <https://github.com/opentiny/tiny-vue/pull/61>
-- feat(badge): add offset props by @kagol in <https://github.com/opentiny/tiny-vue/pull/63>
-- feat(tabs): tabs 组件支持展开 by @TC-twwang in <https://github.com/opentiny/tiny-vue/pull/60>
-- feat(split): add collapsible props by @kagol in <https://github.com/opentiny/tiny-vue/pull/64>
-- feat(pull-refresh): pull-refresh 组件支持上拉刷新 by @TC-twwang in <https://github.com/opentiny/tiny-vue/pull/67>
-- feat(tabs): 增加 tabs 组件超出隐藏提示 tip 配置 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/68>
-- feat(action-menu): 修复 ActionMenu 下拉后箭头旋转向上 by @MomoPoppy in <https://github.com/opentiny/tiny-vue/pull/70>
-- feat(transfer): add beforeTransfer props by @kagol in <https://github.com/opentiny/tiny-vue/pull/75>
-- feat(search): add prefix/suffix slots by @kagol in <https://github.com/opentiny/tiny-vue/pull/77>
+* feat(anchor): 新增anchor组件第一个功能：基本使用 by [@chenxi-20](https://github.com/chenxi-20) in [#30](https://github.com/opentiny/tiny-vue/pull/30)
+* feat(modal): 增加反馈弹窗modal组件 by [@MNZhu](https://github.com/MNZhu) in [#19](https://github.com/opentiny/tiny-vue/pull/19)
+* feat(button): 按钮组件样式修改 by [@MNZhu](https://github.com/MNZhu) in [#21](https://github.com/opentiny/tiny-vue/pull/21)
+* feat(multi-select): 增加下拉选择器multi-select组件 by [@TC-twwang](https://github.com/TC-twwang) in [#22](https://github.com/opentiny/tiny-vue/pull/22)
+* feat(search): 搜索组件样式修改 by [@MNZhu](https://github.com/MNZhu) in [#33](https://github.com/opentiny/tiny-vue/pull/33)
+* feat(anchor): 添加锚点anchor组件onchange事件 by [@chenxi-20](https://github.com/chenxi-20) in [#35](https://github.com/opentiny/tiny-vue/pull/35)
+* feat(timeline): 时间线插槽作用域增加index属性 by [@chenxi-20](https://github.com/chenxi-20) in [#39](https://github.com/opentiny/tiny-vue/pull/39)
+* feat(timeline): timeline样式修改 by [@MNZhu](https://github.com/MNZhu) in [#38](https://github.com/opentiny/tiny-vue/pull/38)
+* feat(form): form组件增加自动换行 by [@TC-twwang](https://github.com/TC-twwang) in [#40](https://github.com/opentiny/tiny-vue/pull/40)
+* feat(indexbar): 增加索引组件 by [@MNZhu](https://github.com/MNZhu) in [#47](https://github.com/opentiny/tiny-vue/pull/47)
+* feat(form): form组件增加自动换行-检视意见修改 by [@TC-twwang](https://github.com/TC-twwang) in [#54](https://github.com/opentiny/tiny-vue/pull/54)
+* feat(anchor): 锚点组件增加固定模式，修复示例文档bug问题 by [@chenxi-20](https://github.com/chenxi-20) in [#49](https://github.com/opentiny/tiny-vue/pull/49)
+* feat(anchor): 修复检视意见，同步远程代码 by [@chenxi-20](https://github.com/chenxi-20) in [#55](https://github.com/opentiny/tiny-vue/pull/55)
+* feat(anchor): 调整anchor组件，让其可以适配主题配置 by [@chenxi-20](https://github.com/chenxi-20) in [#57](https://github.com/opentiny/tiny-vue/pull/57)
+* feat(badge): add badge-class close [#50](https://github.com/opentiny/tiny-vue/issues/50) by [@kagol](https://github.com/kagol) in [#51](https://github.com/opentiny/tiny-vue/pull/51)
+* feat(tag): add beforeDelete props by [@kagol](https://github.com/kagol) in [#52](https://github.com/opentiny/tiny-vue/pull/52)
+* feat(form): form组件增加自动换行-增加移动端条件校验 by [@TC-twwang](https://github.com/TC-twwang) in [#58](https://github.com/opentiny/tiny-vue/pull/58)
+* feat(switch): add beforeChange props by [@kagol](https://github.com/kagol) in [#59](https://github.com/opentiny/tiny-vue/pull/59)
+* feat(fullscreen): add beforeChange props by [@kagol](https://github.com/kagol) in [#61](https://github.com/opentiny/tiny-vue/pull/61)
+* feat(badge): add offset props by [@kagol](https://github.com/kagol) in [#63](https://github.com/opentiny/tiny-vue/pull/63)
+* feat(tabs): tabs组件支持展开 by [@TC-twwang](https://github.com/TC-twwang) in [#60](https://github.com/opentiny/tiny-vue/pull/60)
+* feat(split): add collapsible props by [@kagol](https://github.com/kagol) in [#64](https://github.com/opentiny/tiny-vue/pull/64)
+* feat(pull-refresh): pull-refresh组件支持上拉刷新 by [@TC-twwang](https://github.com/TC-twwang) in [#67](https://github.com/opentiny/tiny-vue/pull/67)
+* feat(tabs): 增加tabs组件超出隐藏提示tip配置 by [@chenxi-20](https://github.com/chenxi-20) in [#68](https://github.com/opentiny/tiny-vue/pull/68)
+* feat(action-menu): 修复 ActionMenu 下拉后箭头旋转向上 by [@MomoPoppy](https://github.com/MomoPoppy) in [#70](https://github.com/opentiny/tiny-vue/pull/70)
+* feat(transfer): add beforeTransfer props by [@kagol](https://github.com/kagol) in [#75](https://github.com/opentiny/tiny-vue/pull/75)
+* feat(search): add prefix/suffix slots by [@kagol](https://github.com/kagol) in [#77](https://github.com/opentiny/tiny-vue/pull/77)
 
 ### Bug Fixes 🐛
 
-- fix(ipaddress): form 的示例增加 numeric,ipaddress 的校验示例 by @shenjunjian in <https://github.com/opentiny/tiny-vue/pull/29>
-- fix: 修复构建错误 by @kagol in <https://github.com/opentiny/tiny-vue/pull/25>
-- fix: 修复 echarts 和 cropperjs 依赖版本落后问题 by @yuanningning in <https://github.com/opentiny/tiny-vue/pull/27>
-- fix(grid): 修复表格再虚拟滚动模式下，始终有横向滚动条问题 by @zzcr in <https://github.com/opentiny/tiny-vue/pull/32>
-- fix(checkbox): 修复 vue3 模式下，checkbox-group 的 change 事件触发 2 次的问题 by @shenjunjian in <https://github.com/opentiny/tiny-vue/pull/31>
-- fix(anchor): 修复 anchor 组件 MD 文档说明 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/34>
-- fix(milestone): 修复里程碑图标不对齐 bug by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/37>
-- fix: 修复存在 2 个高度不一样的 notify 时，新增的 notify 高度错误 by @rayhaoqin in <https://github.com/opentiny/tiny-vue/pull/26>
-- fix(switch): switch 组件提示文字只在首次显示，切换开关状态后提示文字消失 by @yuanningning in <https://github.com/opentiny/tiny-vue/pull/42>
-- fix(tiny-loading): 修复 loading 组件在 vue2.0 版本报错 bug by @zzcr in <https://github.com/opentiny/tiny-vue/pull/46>
-- fix(indexbar): 类命名整改 by @MNZhu in <https://github.com/opentiny/tiny-vue/pull/56>
-- fix(dropdown): 修复 dropdown 下拉后箭头旋转向上 by @MomoPoppy in <https://github.com/opentiny/tiny-vue/pull/45>
-- fix(cascader): 修复级联组件属性无法透传问题 by @rayhaoqin in <https://github.com/opentiny/tiny-vue/pull/66>
-- fix(dropdown-mobile): 修复移动端组件 dropdownMenu 无法正常渲染的问题，顺带修复 pc 端 dropDown 组件的警告 by @chenxi-20 in <https://github.com/opentiny/tiny-vue/pull/80>
-- fix: 修复 tabs 组件展开内容被遮盖，multi-slect 返回值增加 value by @TC-twwang in <https://github.com/opentiny/tiny-vue/pull/81>
+* fix(ipaddress): form的示例增加numeric,ipaddress的校验示例 by [@shenjunjian](https://github.com/shenjunjian) in [#29](https://github.com/opentiny/tiny-vue/pull/29)
+* fix: 修复构建错误 by [@kagol](https://github.com/kagol) in [#25](https://github.com/opentiny/tiny-vue/pull/25)
+* fix: 修复echarts和cropperjs依赖版本落后问题 by [@yuanningning](https://github.com/yuanningning) in [#27](https://github.com/opentiny/tiny-vue/pull/27)
+* fix(grid): 修复表格再虚拟滚动模式下，始终有横向滚动条问题 by [@zzcr](https://github.com/zzcr) in [#32](https://github.com/opentiny/tiny-vue/pull/32)
+* fix(checkbox): 修复vue3模式下，checkbox-group的change事件触发2次的问题 by [@shenjunjian](https://github.com/shenjunjian) in [#31](https://github.com/opentiny/tiny-vue/pull/31)
+* fix(anchor): 修复anchor组件MD文档说明 by [@chenxi-20](https://github.com/chenxi-20) in [#34](https://github.com/opentiny/tiny-vue/pull/34)
+* fix(milestone): 修复里程碑图标不对齐bug by [@chenxi-20](https://github.com/chenxi-20) in [#37](https://github.com/opentiny/tiny-vue/pull/37)
+* fix: 修复存在2个高度不一样的notify时，新增的notify高度错误 by [@rayhaoqin](https://github.com/rayhaoqin) in [#26](https://github.com/opentiny/tiny-vue/pull/26)
+* fix(switch): switch组件提示文字只在首次显示，切换开关状态后提示文字消失 by [@yuanningning](https://github.com/yuanningning) in [#42](https://github.com/opentiny/tiny-vue/pull/42)
+* fix(tiny-loading): 修复loading组件在vue2.0版本报错bug by [@zzcr](https://github.com/zzcr) in [#46](https://github.com/opentiny/tiny-vue/pull/46)
+* fix(indexbar): 类命名整改 by [@MNZhu](https://github.com/MNZhu) in [#56](https://github.com/opentiny/tiny-vue/pull/56)
+* fix(dropdown): 修复 dropdown 下拉后箭头旋转向上 by [@MomoPoppy](https://github.com/MomoPoppy) in [#45](https://github.com/opentiny/tiny-vue/pull/45)
+* fix(cascader): 修复级联组件属性无法透传问题 by [@rayhaoqin](https://github.com/rayhaoqin) in [#66](https://github.com/opentiny/tiny-vue/pull/66)
+* fix(dropdown-mobile): 修复移动端组件dropdownMenu无法正常渲染的问题，顺带修复pc端dropDown组件的警告 by [@chenxi-20](https://github.com/chenxi-20) in [#80](https://github.com/opentiny/tiny-vue/pull/80)
+* fix: 修复tabs组件展开内容被遮盖，multi-slect返回值增加value by [@TC-twwang](https://github.com/TC-twwang) in [#81](https://github.com/opentiny/tiny-vue/pull/81)
 
 ### Other Changes
 
-- docs: update CONTRIBUTING.md by @kagol in <https://github.com/opentiny/tiny-vue/pull/62>
-- docs: add english README and CONTRIBUTING by @kagol in <https://github.com/opentiny/tiny-vue/pull/79>
+* docs: update CONTRIBUTING.md by [@kagol](https://github.com/kagol) in [#62](https://github.com/opentiny/tiny-vue/pull/62)
+* docs: add english README and CONTRIBUTING by [@kagol](https://github.com/kagol) in [#79](https://github.com/opentiny/tiny-vue/pull/79)
 
 ## v2.5.0/v3.5.0
 
diff --git a/examples/sites/demos/pc/webdoc/installation-en.md b/examples/sites/demos/pc/webdoc/installation-en.md
index 216585b2a..e55f76668 100644
--- a/examples/sites/demos/pc/webdoc/installation-en.md
+++ b/examples/sites/demos/pc/webdoc/installation-en.md
@@ -9,7 +9,9 @@
 | Vue2.x              | @opentiny/vue@2.x         |
 | Vue3.x              | @opentiny/vue@3.x         |
 
-Currently, TinyVue does not support Vue2.7. When the project uses the Vue2.0 framework, the recommended version format is `"vue": "~2.6.14", "vue-template-compiler": "~2.6.14"`.
+**Vue2 Engineering Description**
+
+For a long time, TinyVue only supports Vue 2.6.14. Starting from TinyVue 2.11.0, the project of Vue 2.7+ is also supported. Make sure that you have installed the correct Vue 2.x dependency.
 
 ### New Project Configuration
 
diff --git a/examples/sites/demos/pc/webdoc/installation.md b/examples/sites/demos/pc/webdoc/installation.md
index 0208c7963..916d0c064 100644
--- a/examples/sites/demos/pc/webdoc/installation.md
+++ b/examples/sites/demos/pc/webdoc/installation.md
@@ -9,7 +9,9 @@
 | Vue2.x        | @opentiny/vue@2.x |
 | Vue3.x        | @opentiny/vue@3.x |
 
-`TinyVue` 暂时不支持 `Vue2.7`, 当项目使用`Vue2.0`框架时，推荐版本写法：`"vue": "~2.6.14" , "vue-template-compiler": "~2.6.14"` 。
+**Vue2工程说明**
+
+长期以来，TinyVue 都是只支持 Vue 2.6.14 版本。 从 TinyVue 2.11.0 开始，也支持 Vue 2.7+的工程了，请确保你安装了正确的Vue 2.x的依赖。
 
 ### 全新项目配置
 
diff --git a/examples/sites/package.json b/examples/sites/package.json
index 40e6f5713..d671d543f 100644
--- a/examples/sites/package.json
+++ b/examples/sites/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "2.1.32",
+  "version": "2.1.1",
   "scripts": {
     "start": "vite",
     "start:saas": "vite --mode saas",
diff --git a/examples/sites/playground/App.vue b/examples/sites/playground/App.vue
index 039c1c1df..d38afaf9b 100644
--- a/examples/sites/playground/App.vue
+++ b/examples/sites/playground/App.vue
@@ -13,7 +13,7 @@ import Sun from './icons/Sun.vue'
 import Moon from './icons/Moon.vue'
 import Share from './icons/Share.vue'
 
-const versions = ['3.10.0', '3.9.1', '3.8.4']
+const versions = ['3.11', '3.10', '3.9', '3.8']
 const latestVersion = versions[0]
 const cdnHost = 'https://unpkg.com'
 window.localStorage.setItem('setting-cdn', cdnHost)
diff --git a/examples/vue3/src/vite-env.d.ts b/examples/vue3/src/vite-env.d.ts
index 4b57ad4c5..b3518b468 100644
--- a/examples/vue3/src/vite-env.d.ts
+++ b/examples/vue3/src/vite-env.d.ts
@@ -7,7 +7,7 @@ declare module '*.vue' {
 }
 
 interface ImportMetaEnv {
-  readonly VITE_AUI_MODE: 'pc' | 'mobile' | 'mobile-first'
+  readonly VITE_TINY_MODE: 'pc' | 'mobile' | 'mobile-first'
   // 更多环境变量...
 }
 
diff --git a/internals/cli/package.json b/internals/cli/package.json
index be2630235..25762fef5 100644
--- a/internals/cli/package.json
+++ b/internals/cli/package.json
@@ -57,7 +57,7 @@
     "esno": "^0.16.3",
     "fast-glob": "^3.2.12",
     "rollup-plugin-replace": "^2.2.0",
-    "vite-plugin-dts": "^3.0.0",
+    "vite-plugin-dts": "~3.0.0",
     "vite-plugin-svgr": "^3.2.0",
     "vite-svg-loader": "^3.6.0"
   }
diff --git a/packages/renderless/src/color-picker/alpha-select/index.ts b/packages/renderless/src/color-picker/alpha-select/index.ts
index a44a2c8eb..dc4c3efa5 100644
--- a/packages/renderless/src/color-picker/alpha-select/index.ts
+++ b/packages/renderless/src/color-picker/alpha-select/index.ts
@@ -1,9 +1,7 @@
-import type { IColorSelectPanel } from "@/types";
+import type { IColorSelectPanel } from '@/types'
 
 export const calcLeftByAlpha = (wrapper: HTMLElement, thumb: HTMLElement, alpha: number) => {
-  return Math.round(
-    (alpha * (wrapper.offsetWidth - thumb.offsetWidth / 2)) / 100
-  )
+  return Math.round((alpha * (wrapper.offsetWidth - thumb.offsetWidth / 2)) / 100)
 }
 
 export const updateThumb = (alpha: number, thumb: HTMLElement, wrapper: HTMLElement) => {
@@ -11,7 +9,9 @@ export const updateThumb = (alpha: number, thumb: HTMLElement, wrapper: HTMLElem
 }
 
 export const onDrag = (
-  event: MouseEvent, bar: IColorSelectPanel<HTMLElement>, thumb: IColorSelectPanel<HTMLElement>,
+  event: MouseEvent,
+  bar: IColorSelectPanel<HTMLElement>,
+  thumb: IColorSelectPanel<HTMLElement>,
   alpha: IColorSelectPanel<number>
 ) => {
   const rect = bar.value.getBoundingClientRect()
@@ -19,7 +19,5 @@ export const onDrag = (
   let left = clientX - rect.left
   left = Math.max(thumb.value.offsetWidth / 2, left)
   left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)
-  alpha.value = Math.round(
-    ((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth)) * 100
-  )
+  alpha.value = Math.round(((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth)) * 100)
 }
diff --git a/packages/renderless/src/color-picker/alpha-select/vue.ts b/packages/renderless/src/color-picker/alpha-select/vue.ts
index 7ac6fee54..21ac0d504 100644
--- a/packages/renderless/src/color-picker/alpha-select/vue.ts
+++ b/packages/renderless/src/color-picker/alpha-select/vue.ts
@@ -1,4 +1,4 @@
-import {IColorPickerRef as Ref} from '@/types';
+import { IColorPickerRef as Ref } from '@/types'
 import Color from '../utils/color'
 import { draggable } from '../utils/use-drag'
 import { onDrag, updateThumb } from '.'
@@ -16,13 +16,16 @@ export const renderless = (props, context, { emit }) => {
   const alphaWrapper: Ref<HTMLElement> = context.ref()
   const alphaThumb: Ref<HTMLElement> = context.ref()
   const alpha = context.ref(color.get('a'))
-  context.watch(() => props.color, (hex: string) => {
-    color.reset(hex)
-    const [rr, gg, bb] = color.getRGB()
-    r.value = rr
-    g.value = gg
-    b.value = bb
-  })
+  context.watch(
+    () => props.color,
+    (hex: string) => {
+      color.reset(hex)
+      const [rr, gg, bb] = color.getRGB()
+      r.value = rr
+      g.value = gg
+      b.value = bb
+    }
+  )
   context.watch(alpha, (newAlpha) => {
     updateThumb(newAlpha, alphaThumb.value, alphaWrapper.value)
     emit('alpha-update', alpha.value)
@@ -36,10 +39,9 @@ export const renderless = (props, context, { emit }) => {
   })
   const api = {
     state,
-    color: props.color,
     slider,
     alphaWrapper,
-    alphaThumb,
+    alphaThumb
   }
   context.onMounted(() => {
     updateThumb(alpha.value, alphaThumb.value, slider.value)
@@ -49,7 +51,7 @@ export const renderless = (props, context, { emit }) => {
       },
       start(event) {
         onDrag(event as MouseEvent, slider, alphaThumb, alpha)
-      },
+      }
     })
   })
   return api
diff --git a/packages/renderless/src/color-picker/color-select/index.ts b/packages/renderless/src/color-picker/color-select/index.ts
index 032bb5a2f..5a03b42cb 100644
--- a/packages/renderless/src/color-picker/color-select/index.ts
+++ b/packages/renderless/src/color-picker/color-select/index.ts
@@ -7,7 +7,11 @@ export const setPosition = (el: HTMLElement, x: number, y: number) => {
 }
 export const getXBySaturation = (s: number, width: number) => (s * width) / 100
 export const getYByLight = (l: number, height: number) => ((100 - l) * height) / 100
-export const updatePosition = (event: MouseEvent | TouchEvent, rect: DOMRect, cursor: IColorSelectPanel<HTMLElement>) => {
+export const updatePosition = (
+  event: MouseEvent | TouchEvent,
+  rect: DOMRect,
+  cursor: IColorSelectPanel<HTMLElement>
+) => {
   let x = (event as MouseEvent).clientX - rect.left
   let y = (event as MouseEvent).clientY - rect.top
   x = Math.max(0, x)
@@ -15,27 +19,27 @@ export const updatePosition = (event: MouseEvent | TouchEvent, rect: DOMRect, cu
   y = Math.max(0, y)
   y = Math.min(y, rect.height)
 
-  setPosition(cursor.value, x - 1 / 2 * cursor.value.offsetWidth, y - 1 / 2 * cursor.value.offsetWidth)
+  setPosition(cursor.value, x - (1 / 2) * cursor.value.offsetWidth, y - (1 / 2) * cursor.value.offsetWidth)
   return { x, y }
 }
-export const calcSaturation = (x: number, width: number) => (x / width)
+export const calcSaturation = (x: number, width: number) => x / width
 export const calcBrightness = (y: number, height: number) => 100 - (y / height) * 100
 export const getThumbTop = (wrapper: HTMLElement, thumb: HTMLElement, hue: number) => {
-  return Math.round(
-    (hue * (wrapper.offsetHeight - thumb.offsetHeight / 2)) / 360
-  )
+  return Math.round((hue * (wrapper.offsetHeight - thumb.offsetHeight / 2)) / 360)
 }
 
 export const resetCursor = (
-  s: number, v: number,
+  s: number,
+  v: number,
   wrapper: IColorSelectPanel<HTMLElement>,
   cursor: IColorSelectPanel<HTMLElement>,
   thumb: IColorSelectPanel<HTMLElement>,
-  color: Color, h: IColorSelectPanel<number>
+  color: Color,
+  h: IColorSelectPanel<number>
 ) => {
   const { width, height } = wrapper.value.getBoundingClientRect()
-  const x = getXBySaturation(s, width) - 1 / 2 * cursor.value.offsetWidth
-  const y = getYByLight(v, height) - 1 / 2 * cursor.value.offsetWidth
+  const x = getXBySaturation(s, width) - (1 / 2) * cursor.value.offsetWidth
+  const y = getYByLight(v, height) - (1 / 2) * cursor.value.offsetWidth
   setPosition(cursor.value, x < 0 ? 0 : x, y < 0 ? 0 : y)
   const thummbTop = getThumbTop(wrapper.value, thumb.value, color.get('h'))
   thumb.value.style.top = `${thummbTop}px`
@@ -43,9 +47,9 @@ export const resetCursor = (
 }
 
 export const updateCursor = (wrapper: IColorSelectPanel<HTMLElement>, cursor: IColorSelectPanel<HTMLElement>, emit) => {
-  return (color: Color, event: MouseEvent)=>{
-    const rect = wrapper.value.getBoundingClientRect();
-    const {x,y} = updatePosition(event, rect, cursor)
+  return (color: Color, event: MouseEvent) => {
+    const rect = wrapper.value.getBoundingClientRect()
+    const { x, y } = updatePosition(event, rect, cursor)
     color.set({
       s: calcSaturation(x, rect.width) * 100,
       v: calcBrightness(y, rect.height)
@@ -63,18 +67,14 @@ export const updateThumb = (
   h: IColorSelectPanel<Number>,
   emit
 ) => {
-  return (event: MouseEvent)=>{
+  return (event: MouseEvent) => {
     const e = event as MouseEvent
-        const rect = bar.value.getBoundingClientRect()
-        let top = e.clientY - rect.top
-        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)
-        top = Math.max(thumb.value.offsetHeight / 2, top)
-        thumb.value.style.top = `${top}px`
-        h.value = Math.round(
-          ((top - thumb.value.offsetHeight / 2) /
-          (rect.height - thumb.value.offsetHeight)) *
-          360
-        )
-        emit('hue-update', h.value)
+    const rect = bar.value.getBoundingClientRect()
+    let top = e.clientY - rect.top
+    top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)
+    top = Math.max(thumb.value.offsetHeight / 2, top)
+    thumb.value.style.top = `${top}px`
+    h.value = Math.round(((top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight)) * 360)
+    emit('hue-update', h.value)
   }
-}
\ No newline at end of file
+}
diff --git a/packages/renderless/src/color-picker/color-select/vue.ts b/packages/renderless/src/color-picker/color-select/vue.ts
index 2f17185ad..8de7b36ca 100644
--- a/packages/renderless/src/color-picker/color-select/vue.ts
+++ b/packages/renderless/src/color-picker/color-select/vue.ts
@@ -1,12 +1,7 @@
-import {IColorSelectPanel as Ref} from '@/types';
+import { IColorSelectPanel as Ref } from '@/types'
 import { draggable } from '../utils/use-drag'
 import Color from '../utils/color'
-import {
-  getThumbTop,
-  resetCursor,
-  updateThumb,
-  updateCursor,
-} from './index'
+import { getThumbTop, resetCursor, updateThumb, updateCursor } from './index'
 
 export const api = ['state', 'cursor', 'wrapper', 'bar', 'thumb']
 export const renderless = (props, context, { emit }) => {
@@ -24,40 +19,35 @@ export const renderless = (props, context, { emit }) => {
     background
   })
   const api = { state, cursor, wrapper, bar, thumb }
-  context.watch(() => props.color, (newColor) => {
-    color.reset(newColor)
-    resetCursor(color.get('s'), color.get('v'), wrapper, cursor, thumb, color, h)
-  })
+  context.watch(
+    () => props.color,
+    (newColor) => {
+      color.reset(newColor)
+      resetCursor(color.get('s'), color.get('v'), wrapper, cursor, thumb, color, h)
+    }
+  )
   context.onMounted(() => {
     const update = {
       thumb: updateThumb(bar, thumb, h, emit),
-      cursor: updateCursor(wrapper,cursor,emit)
-    };
+      cursor: updateCursor(wrapper, cursor, emit)
+    }
     const thumbTop = getThumbTop(wrapper.value, thumb.value, h.value)
     thumb.value.style.top = `${thumbTop}px`
-    resetCursor(
-      color.get('s'),
-      color.get('v'),
-      wrapper,
-      cursor,
-      thumb,
-      color,
-      h
-    )
+    resetCursor(color.get('s'), color.get('v'), wrapper, cursor, thumb, color, h)
     draggable(wrapper.value, {
       drag(event) {
-        update.cursor(color, event as MouseEvent);
+        update.cursor(color, event as MouseEvent)
       },
       start(event) {
-        update.cursor(color, event as MouseEvent);
-      },
+        update.cursor(color, event as MouseEvent)
+      }
     })
     draggable(bar.value, {
       drag(event) {
         update.thumb(event as MouseEvent)
       },
-      start(event){
-        update.thumb(event as MouseEvent);
+      start(event) {
+        update.thumb(event as MouseEvent)
       }
     })
   })
diff --git a/packages/renderless/src/color-picker/index.ts b/packages/renderless/src/color-picker/index.ts
index 2b88606f1..760ddaa09 100644
--- a/packages/renderless/src/color-picker/index.ts
+++ b/packages/renderless/src/color-picker/index.ts
@@ -1,12 +1,15 @@
-import {IColorPickerRef, IColorSelectPanelRef} from '@/types';
+import { IColorPickerRef, IColorSelectPanelRef } from '@/types'
 import type Color from './utils/color'
 
 export const onConfirm = (
-  hex: IColorSelectPanelRef<string>, triggerBg: IColorSelectPanelRef<string>,
-  res: IColorSelectPanelRef<string>, emit, isShow: IColorSelectPanelRef<boolean>
+  hex: IColorSelectPanelRef<string>,
+  triggerBg: IColorSelectPanelRef<string>,
+  res: IColorSelectPanelRef<string>,
+  emit,
+  isShow: IColorSelectPanelRef<boolean>
 ) => {
   return (color: string) => {
-    res.value=color;
+    res.value = color
     hex.value = res.value
     triggerBg.value = res.value
     emit('confirm', res.value)
@@ -15,11 +18,15 @@ export const onConfirm = (
 }
 
 export const onCancel = (
-  res: IColorSelectPanelRef<string>, triggerBg: IColorSelectPanelRef<string>, emit, isShow: IColorSelectPanelRef<boolean>,
-  hex: IColorSelectPanelRef<string>, color: Color
+  res: IColorSelectPanelRef<string>,
+  triggerBg: IColorSelectPanelRef<string>,
+  emit,
+  isShow: IColorSelectPanelRef<boolean>,
+  hex: IColorSelectPanelRef<string>,
+  color: Color
 ) => {
   return () => {
-    if (isShow.value){
+    if (isShow.value) {
       res.value = triggerBg.value
       hex.value = triggerBg.value
       color.reset(hex.value)
diff --git a/packages/renderless/src/color-picker/utils/color.ts b/packages/renderless/src/color-picker/utils/color.ts
index 216faebca..f79be01ff 100644
--- a/packages/renderless/src/color-picker/utils/color.ts
+++ b/packages/renderless/src/color-picker/utils/color.ts
@@ -10,7 +10,10 @@ function hexToRgb(hex: string) {
 const normalizeHexColor = (color: string) => {
   let normalizedColor: string = color.replace('#', '')
   if (normalizedColor.length === 3) {
-    normalizedColor = normalizedColor.split('').map(char => char + char).join('')
+    normalizedColor = normalizedColor
+      .split('')
+      .map((char) => char + char)
+      .join('')
   }
   normalizedColor = normalizedColor.padEnd(6, '0')
 
@@ -79,7 +82,9 @@ export default class Color {
     if (!this.enableAlpha) {
       return hsv(this.h, this.s, this.v).hex().toString()
     }
-    return hsv(this.h, this.s, this.v, this.a / 100).hexa().toString()
+    return hsv(this.h, this.s, this.v, this.a / 100)
+      .hexa()
+      .toString()
   }
 
   /**
diff --git a/packages/renderless/src/color-picker/vue.ts b/packages/renderless/src/color-picker/vue.ts
index ddf5a8227..ab75fd821 100644
--- a/packages/renderless/src/color-picker/vue.ts
+++ b/packages/renderless/src/color-picker/vue.ts
@@ -1,4 +1,4 @@
-import {IColorSelectPanelRef as Ref} from '@/types';
+import { IColorSelectPanelRef as Ref } from '@/types'
 import Color from './utils/color'
 import { onConfirm, onCancel, onHSVUpdate, onAlphaUpdate } from '.'
 
@@ -15,11 +15,7 @@ export const api = [
   'alpha'
 ]
 
-export const renderless = (
-  props,
-  context,
-  { emit }
-) => {
+export const renderless = (props, context, { emit }) => {
   const { modelValue, visible } = context.toRefs(props)
   const hex = context.ref(modelValue.value ?? 'transparent')
   const res = context.ref(modelValue.value ?? 'transparent')
@@ -47,6 +43,7 @@ export const renderless = (
   context.watch(visible, (visible) => {
     isShow.value = visible
   })
+
   const { onHueUpdate, onSVUpdate } = onHSVUpdate(color, res, hex)
   const { update } = onAlphaUpdate(color, res)
   const api = {
@@ -57,8 +54,7 @@ export const renderless = (
     onConfirm: onConfirm(hex, triggerBg, res, emit, isShow),
     onCancel: onCancel(res, triggerBg, emit, isShow, hex, color),
     onAlphaUpdate: update,
-    cursor,
-    alpha: props.alpha
+    cursor
   }
   return api
 }
diff --git a/packages/renderless/src/color-select-panel/alpha-select/index.ts b/packages/renderless/src/color-select-panel/alpha-select/index.ts
index 888454fb1..d811fb96f 100644
--- a/packages/renderless/src/color-select-panel/alpha-select/index.ts
+++ b/packages/renderless/src/color-select-panel/alpha-select/index.ts
@@ -1,9 +1,7 @@
-import type { IColorSelectPanelRef } from "@/types";
+import type { IColorSelectPanelRef } from '@/types'
 
 export const calcLeftByAlpha = (wrapper: HTMLElement, thumb: HTMLElement, alpha: number) => {
-  return Math.round(
-    (alpha * (wrapper.offsetWidth - thumb.offsetWidth / 2)) / 100
-  )
+  return Math.round((alpha * (wrapper.offsetWidth - thumb.offsetWidth / 2)) / 100)
 }
 
 export const updateThumb = (alpha: number, thumb: HTMLElement, wrapper: HTMLElement) => {
@@ -11,7 +9,9 @@ export const updateThumb = (alpha: number, thumb: HTMLElement, wrapper: HTMLElem
 }
 
 export const onDrag = (
-  event: MouseEvent, bar: IColorSelectPanelRef<HTMLElement>, thumb: IColorSelectPanelRef<HTMLElement>,
+  event: MouseEvent,
+  bar: IColorSelectPanelRef<HTMLElement>,
+  thumb: IColorSelectPanelRef<HTMLElement>,
   alpha: IColorSelectPanelRef<number>
 ) => {
   const rect = bar.value.getBoundingClientRect()
@@ -19,7 +19,5 @@ export const onDrag = (
   let left = clientX - rect.left
   left = Math.max(thumb.value.offsetWidth / 2, left)
   left = Math.min(left, rect.width - thumb.value.offsetWidth / 2)
-  alpha.value = Math.round(
-    ((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth)) * 100
-  )
+  alpha.value = Math.round(((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth)) * 100)
 }
diff --git a/packages/renderless/src/color-select-panel/alpha-select/vue.ts b/packages/renderless/src/color-select-panel/alpha-select/vue.ts
index dc67daf71..52d292c9d 100644
--- a/packages/renderless/src/color-select-panel/alpha-select/vue.ts
+++ b/packages/renderless/src/color-select-panel/alpha-select/vue.ts
@@ -1,4 +1,4 @@
-import {IColorSelectPanelRef as Ref} from '@/types';
+import { IColorSelectPanelRef as Ref } from '@/types'
 import Color from '../utils/color'
 import { draggable } from '../utils/use-drag'
 import { onDrag, updateThumb } from '.'
@@ -16,14 +16,17 @@ export const renderless = (props, context, { emit }) => {
   const alphaWrapper: Ref<HTMLElement> = context.ref()
   const alphaThumb: Ref<HTMLElement> = context.ref()
   const alpha = context.ref(color.get('a'))
-  context.watch(() => props.color, (hex: string) => {
-    color.reset(hex)
-    const [rr, gg, bb] = color.getRGB()
-    r.value = rr
-    g.value = gg
-    b.value = bb
-    alpha.value = color.get('a');
-  })
+  context.watch(
+    () => props.color,
+    (hex: string) => {
+      color.reset(hex)
+      const [rr, gg, bb] = color.getRGB()
+      r.value = rr
+      g.value = gg
+      b.value = bb
+      alpha.value = color.get('a')
+    }
+  )
   context.watch(alpha, (newAlpha) => {
     updateThumb(newAlpha, alphaThumb.value, alphaWrapper.value)
     emit('alpha-update', alpha.value)
@@ -37,10 +40,9 @@ export const renderless = (props, context, { emit }) => {
   })
   const api = {
     state,
-    color: props.color,
     slider,
     alphaWrapper,
-    alphaThumb,
+    alphaThumb
   }
   context.onMounted(() => {
     updateThumb(alpha.value, alphaThumb.value, slider.value)
@@ -50,7 +52,7 @@ export const renderless = (props, context, { emit }) => {
       },
       start(event) {
         onDrag(event as MouseEvent, slider, alphaThumb, alpha)
-      },
+      }
     })
   })
   return api
diff --git a/packages/renderless/src/color-select-panel/hue-select/index.ts b/packages/renderless/src/color-select-panel/hue-select/index.ts
index b85dc1d9a..1739b87ec 100644
--- a/packages/renderless/src/color-select-panel/hue-select/index.ts
+++ b/packages/renderless/src/color-select-panel/hue-select/index.ts
@@ -7,7 +7,11 @@ export const setPosition = (el: HTMLElement, x: number, y: number) => {
 }
 export const getXBySaturation = (s: number, width: number) => (s * width) / 100
 export const getYByLight = (l: number, height: number) => ((100 - l) * height) / 100
-export const updatePosition = (event: MouseEvent | TouchEvent, rect: DOMRect, cursor: IColorSelectPanelRef<HTMLElement>) => {
+export const updatePosition = (
+  event: MouseEvent | TouchEvent,
+  rect: DOMRect,
+  cursor: IColorSelectPanelRef<HTMLElement>
+) => {
   let x = (event as MouseEvent).clientX - rect.left
   let y = (event as MouseEvent).clientY - rect.top
   x = Math.max(0, x)
@@ -15,37 +19,41 @@ export const updatePosition = (event: MouseEvent | TouchEvent, rect: DOMRect, cu
   y = Math.max(0, y)
   y = Math.min(y, rect.height)
 
-  setPosition(cursor.value, x - 1 / 2 * cursor.value.offsetWidth, y - 1 / 2 * cursor.value.offsetWidth)
+  setPosition(cursor.value, x - (1 / 2) * cursor.value.offsetWidth, y - (1 / 2) * cursor.value.offsetWidth)
   return { x, y }
 }
-export const calcSaturation = (x: number, width: number) => (x / width)
+export const calcSaturation = (x: number, width: number) => x / width
 export const calcBrightness = (y: number, height: number) => 100 - (y / height) * 100
 export const getThumbTop = (wrapper: HTMLElement, thumb: HTMLElement, hue: number) => {
-  return Math.round(
-    (hue * (wrapper.offsetHeight - thumb.offsetHeight / 2)) / 360
-  )
+  return Math.round((hue * (wrapper.offsetHeight - thumb.offsetHeight / 2)) / 360)
 }
 
 export const resetCursor = (
-  s: number, v: number,
+  s: number,
+  v: number,
   wrapper: IColorSelectPanelRef<HTMLElement>,
   cursor: IColorSelectPanelRef<HTMLElement>,
   thumb: IColorSelectPanelRef<HTMLElement>,
-  color: Color, h: IColorSelectPanelRef<number>
+  color: Color,
+  h: IColorSelectPanelRef<number>
 ) => {
   const { width, height } = wrapper.value.getBoundingClientRect()
-  const x = getXBySaturation(s, width) - 1 / 2 * cursor.value.offsetWidth
-  const y = getYByLight(v, height) - 1 / 2 * cursor.value.offsetWidth
+  const x = getXBySaturation(s, width) - (1 / 2) * cursor.value.offsetWidth
+  const y = getYByLight(v, height) - (1 / 2) * cursor.value.offsetWidth
   setPosition(cursor.value, x < 0 ? 0 : x, y < 0 ? 0 : y)
   const thummbTop = getThumbTop(wrapper.value, thumb.value, color.get('h'))
   thumb.value.style.top = `${thummbTop}px`
   h.value = color.get('h')
 }
 
-export const updateCursor = (wrapper: IColorSelectPanelRef<HTMLElement>, cursor: IColorSelectPanelRef<HTMLElement>, emit) => {
-  return (color: Color, event: MouseEvent)=>{
-    const rect = wrapper.value.getBoundingClientRect();
-    const {x,y} = updatePosition(event, rect, cursor)
+export const updateCursor = (
+  wrapper: IColorSelectPanelRef<HTMLElement>,
+  cursor: IColorSelectPanelRef<HTMLElement>,
+  emit
+) => {
+  return (color: Color, event: MouseEvent) => {
+    const rect = wrapper.value.getBoundingClientRect()
+    const { x, y } = updatePosition(event, rect, cursor)
     color.set({
       s: calcSaturation(x, rect.width) * 100,
       v: calcBrightness(y, rect.height)
@@ -63,18 +71,14 @@ export const updateThumb = (
   h: IColorSelectPanelRef<Number>,
   emit
 ) => {
-  return (event: MouseEvent)=>{
+  return (event: MouseEvent) => {
     const e = event as MouseEvent
-        const rect = bar.value.getBoundingClientRect()
-        let top = e.clientY - rect.top
-        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)
-        top = Math.max(thumb.value.offsetHeight / 2, top)
-        thumb.value.style.top = `${top}px`
-        h.value = Math.round(
-          ((top - thumb.value.offsetHeight / 2) /
-          (rect.height - thumb.value.offsetHeight)) *
-          360
-        )
-        emit('hue-update', h.value)
+    const rect = bar.value.getBoundingClientRect()
+    let top = e.clientY - rect.top
+    top = Math.min(top, rect.height - thumb.value.offsetHeight / 2)
+    top = Math.max(thumb.value.offsetHeight / 2, top)
+    thumb.value.style.top = `${top}px`
+    h.value = Math.round(((top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight)) * 360)
+    emit('hue-update', h.value)
   }
-}
\ No newline at end of file
+}
diff --git a/packages/renderless/src/color-select-panel/hue-select/vue.ts b/packages/renderless/src/color-select-panel/hue-select/vue.ts
index 8492eb091..22da53e6a 100644
--- a/packages/renderless/src/color-select-panel/hue-select/vue.ts
+++ b/packages/renderless/src/color-select-panel/hue-select/vue.ts
@@ -1,12 +1,7 @@
-import {IColorSelectPanelRef as Ref} from '@/types';
+import { IColorSelectPanelRef as Ref } from '@/types'
 import { draggable } from '../utils/use-drag'
 import Color from '../utils/color'
-import {
-  getThumbTop,
-  resetCursor,
-  updateThumb,
-  updateCursor,
-} from './index'
+import { getThumbTop, resetCursor, updateThumb, updateCursor } from './index'
 
 export const api = ['state', 'cursor', 'wrapper', 'bar', 'thumb']
 export const renderless = (props, context, { emit }) => {
@@ -24,42 +19,37 @@ export const renderless = (props, context, { emit }) => {
     background
   })
   const api = { state, cursor, wrapper, bar, thumb }
-  context.watch(() => props.color, (newColor) => {
-    color.reset(newColor)
-    resetCursor(color.get('s'), color.get('v'), wrapper, cursor, thumb, color, h)
-  })
+  context.watch(
+    () => props.color,
+    (newColor) => {
+      color.reset(newColor)
+      resetCursor(color.get('s'), color.get('v'), wrapper, cursor, thumb, color, h)
+    }
+  )
   context.onMounted(() => {
     const update = {
       thumb: updateThumb(bar, thumb, h, emit),
-      cursor: updateCursor(wrapper,cursor,emit)
-    };
+      cursor: updateCursor(wrapper, cursor, emit)
+    }
     const thumbTop = getThumbTop(wrapper.value, thumb.value, h.value)
     thumb.value.style.top = `${thumbTop}px`
-    resetCursor(
-      color.get('s'),
-      color.get('v'),
-      wrapper,
-      cursor,
-      thumb,
-      color,
-      h
-    )
+    resetCursor(color.get('s'), color.get('v'), wrapper, cursor, thumb, color, h)
     draggable(wrapper.value, {
       drag(event) {
-        update.cursor(color, event as MouseEvent);
+        update.cursor(color, event as MouseEvent)
       },
       start(event) {
-        update.cursor(color, event as MouseEvent);
-      },
+        update.cursor(color, event as MouseEvent)
+      }
     })
     draggable(bar.value, {
       drag(event) {
         update.thumb(event as MouseEvent)
       },
-      start(event){
-        update.thumb(event as MouseEvent);
+      start(event) {
+        update.thumb(event as MouseEvent)
       }
     })
   })
   return api
-}
\ No newline at end of file
+}
diff --git a/packages/renderless/src/color-select-panel/index.ts b/packages/renderless/src/color-select-panel/index.ts
index ddb2f164c..4a96db555 100644
--- a/packages/renderless/src/color-select-panel/index.ts
+++ b/packages/renderless/src/color-select-panel/index.ts
@@ -1,31 +1,42 @@
-import {IColorSelectPanelRef} from '@/types';
+import { IColorSelectPanelRef } from '@/types'
 import type Color from './utils/color'
 
 export const onConfirm = (
-  hex: IColorSelectPanelRef<string>, triggerBg: IColorSelectPanelRef<string>,
-  res: IColorSelectPanelRef<string>, emit, stack: IColorSelectPanelRef<string[]>,
+  hex: IColorSelectPanelRef<string>,
+  triggerBg: IColorSelectPanelRef<string>,
+  res: IColorSelectPanelRef<string>,
+  emit,
+  stack: IColorSelectPanelRef<string[]>,
   enableHistory: boolean
 ) => {
   return () => {
-    hex.value = res.value;
-    triggerBg.value = res.value;
-    if (enableHistory){
-      const itemIdx = Math.max(stack.value.indexOf(res.value), stack.value.indexOf(res.value.toLowerCase()), stack.value.indexOf(res.value.toUpperCase()));
-      if (itemIdx !== -1){
-        stack.value.splice(itemIdx,1)
+    hex.value = res.value
+    triggerBg.value = res.value
+    if (enableHistory) {
+      const itemIdx = Math.max(
+        stack.value.indexOf(res.value),
+        stack.value.indexOf(res.value.toLowerCase()),
+        stack.value.indexOf(res.value.toUpperCase())
+      )
+      if (itemIdx !== -1) {
+        stack.value.splice(itemIdx, 1)
       }
-      stack.value.unshift(res.value);
+      stack.value.unshift(res.value)
     }
     emit('confirm', res.value)
   }
 }
 
 export const onCancel = (
-  res: IColorSelectPanelRef<string>, triggerBg: IColorSelectPanelRef<string>, emit, isShow: IColorSelectPanelRef<boolean>,
-  hex: IColorSelectPanelRef<string>, color: Color
+  res: IColorSelectPanelRef<string>,
+  triggerBg: IColorSelectPanelRef<string>,
+  emit,
+  isShow: IColorSelectPanelRef<boolean>,
+  hex: IColorSelectPanelRef<string>,
+  color: Color
 ) => {
   return () => {
-    if (isShow.value){
+    if (isShow.value) {
       res.value = triggerBg.value
       hex.value = triggerBg.value
       color.reset(hex.value)
@@ -38,19 +49,22 @@ export const onColorUpdate = (color: Color, res: IColorSelectPanelRef<string>) =
 }
 
 export const onHSVUpdate = (
-  color: Color, res: IColorSelectPanelRef<string>, hex: IColorSelectPanelRef<string>, emit
+  color: Color,
+  res: IColorSelectPanelRef<string>,
+  hex: IColorSelectPanelRef<string>,
+  emit
 ) => {
   return {
     onHueUpdate: (hue: number) => {
-      color.set({ h:  hue })
+      color.set({ h: hue })
       onColorUpdate(color, res)
-      hex.value = color.getHex();
+      hex.value = color.getHex()
       emit('hue-update', hue)
     },
     onSVUpdate: ({ s, v }: { s: number; v: number }) => {
       color.set({ s, v })
       onColorUpdate(color, res)
-      emit('sv-update', {s,v})
+      emit('sv-update', { s, v })
     }
   }
 }
@@ -65,23 +79,25 @@ export const onAlphaUpdate = (color: Color, res: IColorSelectPanelRef<string>) =
 }
 
 export const handleHistoryClick = (
-  hex:IColorSelectPanelRef<string>, res:IColorSelectPanelRef<string>,
-  color:Color
-  )=>{
-  return (history: string)=>{
-    hex.value = history;
-    res.value = history;
-    color.reset(history);
+  hex: IColorSelectPanelRef<string>,
+  res: IColorSelectPanelRef<string>,
+  color: Color
+) => {
+  return (history: string) => {
+    hex.value = history
+    res.value = history
+    color.reset(history)
   }
 }
 
 export const handlePredefineClick = (
-  hex: IColorSelectPanelRef<string>, res:IColorSelectPanelRef<string>,
+  hex: IColorSelectPanelRef<string>,
+  res: IColorSelectPanelRef<string>,
   color: Color
 ) => {
   return (selectedColor: string) => {
-    hex.value=selectedColor;
-    res.value=selectedColor;
-    color.reset(selectedColor);
+    hex.value = selectedColor
+    res.value = selectedColor
+    color.reset(selectedColor)
   }
 }
diff --git a/packages/renderless/src/color-select-panel/utils/color.ts b/packages/renderless/src/color-select-panel/utils/color.ts
index efbc540c4..97c8009f2 100644
--- a/packages/renderless/src/color-select-panel/utils/color.ts
+++ b/packages/renderless/src/color-select-panel/utils/color.ts
@@ -10,7 +10,10 @@ function hexToRgb(hex: string) {
 export const normalizeHexColor = (color: string) => {
   let normalizedColor: string = color.replace('#', '')
   if (normalizedColor.length === 3) {
-    normalizedColor = normalizedColor.split('').map(char => char + char).join('')
+    normalizedColor = normalizedColor
+      .split('')
+      .map((char) => char + char)
+      .join('')
   }
   normalizedColor = normalizedColor.padEnd(6, '0')
 
@@ -79,7 +82,9 @@ export default class Color {
     if (!this.enableAlpha) {
       return hsv(this.h, this.s, this.v).hex().toString()
     }
-    return hsv(this.h, this.s, this.v, this.a / 100).hexa().toString()
+    return hsv(this.h, this.s, this.v, this.a / 100)
+      .hexa()
+      .toString()
   }
 
   /**
diff --git a/packages/renderless/src/color-select-panel/vue.ts b/packages/renderless/src/color-select-panel/vue.ts
index 591582131..24434b507 100644
--- a/packages/renderless/src/color-select-panel/vue.ts
+++ b/packages/renderless/src/color-select-panel/vue.ts
@@ -1,13 +1,6 @@
-import {IColorSelectPanelRef as Ref} from '@/types';
+import { IColorSelectPanelRef as Ref } from '@/types'
 import Color from './utils/color'
-import {
-  onConfirm,
-  onCancel,
-  onHSVUpdate,
-  onAlphaUpdate,
-  handleHistoryClick,
-  handlePredefineClick,
-} from '.'
+import { onConfirm, onCancel, onHSVUpdate, onAlphaUpdate, handleHistoryClick, handlePredefineClick } from '.'
 
 export const api = [
   'state',
@@ -20,29 +13,20 @@ export const api = [
   'onCancel',
   'onAlphaUpdate',
   'onHistoryClick',
-  'onPredefineColorClick',
-  'alpha'
+  'onPredefineColorClick'
 ]
 
-export const renderless = (
-  props,
-  context,
-  { emit }
-) => {
+export const renderless = (props, context, { emit }) => {
   const { modelValue, visible, history, predefine } = context.toRefs(props)
   const hex = context.ref(modelValue?.value ?? 'transparent')
   const res = context.ref(modelValue?.value ?? 'transparent')
   const triggerBg = context.ref(modelValue?.value ?? 'transparent')
   const isShow = context.ref(visible?.value ?? false)
   const cursor: Ref<HTMLElement> = context.ref()
-  const stack:Ref<string[]> = context.ref(
-    [...(history?.value ?? [])]
-  )
-  const predefineStack: Ref<string[]> = context.ref(
-    [...(predefine?.value ?? [])]
-  )
-  const enableHistory = history?.value;
-  const enablePredefineColor = predefine?.value;
+  const stack: Ref<string[]> = context.ref([...(history?.value ?? [])])
+  const predefineStack: Ref<string[]> = context.ref([...(predefine?.value ?? [])])
+  const enableHistory = history?.value
+  const enablePredefineColor = predefine?.value
   const changeVisible = (state: boolean) => {
     isShow.value = state
   }
@@ -59,12 +43,20 @@ export const renderless = (
     enableHistory,
     enablePredefineColor
   })
-  context.watch(predefine, (newPredefine: string[])=>{
-    predefineStack.value = [...newPredefine];
-  }, {deep: true})
-  context.watch(history, (newHistory:string[]) => {
-    stack.value = [...newHistory]
-  }, {deep: true})
+  context.watch(
+    predefine,
+    (newPredefine: string[]) => {
+      predefineStack.value = [...newPredefine]
+    },
+    { deep: true }
+  )
+  context.watch(
+    history,
+    (newHistory: string[]) => {
+      stack.value = [...newHistory]
+    },
+    { deep: true }
+  )
   context.watch(modelValue, (newValue) => {
     hex.value = newValue
     res.value = newValue
@@ -85,9 +77,8 @@ export const renderless = (
     onCancel: onCancel(res, triggerBg, emit, isShow, hex, color),
     onAlphaUpdate: update,
     onHistoryClick: handleHistoryClick(hex, res, color),
-    onPredefineColorClick: handlePredefineClick(hex,res,color),
-    cursor,
-    alpha: props.alpha
+    onPredefineColorClick: handlePredefineClick(hex, res, color),
+    cursor
   }
   return api
 }
diff --git a/packages/renderless/src/image-viewer/index.ts b/packages/renderless/src/image-viewer/index.ts
index f02583da8..e49240f14 100644
--- a/packages/renderless/src/image-viewer/index.ts
+++ b/packages/renderless/src/image-viewer/index.ts
@@ -468,9 +468,9 @@ export const getImageWidth =
 
       state.imageList = vm.$refs.viewerItem
     } else {
-      imageW = parent.$el.querySelector('.aui-mobile-image-viewer__canvas').offsetWidth
+      imageW = parent.$el.querySelector('.tiny-mobile-image-viewer__canvas').offsetWidth
 
-      state.imageList = parent.$el.querySelectorAll('.aui-mobile-image-viewer__item')
+      state.imageList = parent.$el.querySelectorAll('.tiny-mobile-image-viewer__item')
     }
 
     state.imageItemWidth = imageW
diff --git a/packages/theme-saas/src/grid/table-global.less b/packages/theme-saas/src/grid/table-global.less
index 626b3d625..cd294b130 100644
--- a/packages/theme-saas/src/grid/table-global.less
+++ b/packages/theme-saas/src/grid/table-global.less
@@ -293,7 +293,11 @@
             theme('colors.color.border.separator.DEFAULT'),
             theme('colors.color.border.separator.DEFAULT')
           ),
-          linear-gradient(-180deg, theme('colors.color.border.separator.DEFAULT'), theme('colors.color.border.separator.DEFAULT'));
+          linear-gradient(
+            -180deg,
+            theme('colors.color.border.separator.DEFAULT'),
+            theme('colors.color.border.separator.DEFAULT')
+          );
         @apply bg-no-repeat;
 
         .is__line::before {
@@ -867,9 +871,9 @@
 
       &.col__ellipsis {
         .@{grid-prefix-cls}-cell {
-          &__tooltip:has(.aui-grid-tree__indent:nth-last-child(2):first-child),
-          &__title:has(.aui-grid-tree__indent:nth-last-child(2):first-child),
-          &__ellipsis:has(.aui-grid-tree__indent:nth-last-child(2):first-child) {
+          &__tooltip:has(.tiny-grid-tree__indent:nth-last-child(2):first-child),
+          &__title:has(.tiny-grid-tree__indent:nth-last-child(2):first-child),
+          &__ellipsis:has(.tiny-grid-tree__indent:nth-last-child(2):first-child) {
             @apply inline-block;
           }
         }
diff --git a/packages/theme-saas/src/grid/table.less b/packages/theme-saas/src/grid/table.less
index c08e50bd8..9a9fe7bfe 100644
--- a/packages/theme-saas/src/grid/table.less
+++ b/packages/theme-saas/src/grid/table.less
@@ -360,7 +360,11 @@
             theme('colors.color.border.separator.DEFAULT'),
             theme('colors.color.border.separator.DEFAULT')
           ),
-          linear-gradient(-180deg, theme('colors.color.border.separator.DEFAULT'), theme('colors.color.border.separator.DEFAULT'));
+          linear-gradient(
+            -180deg,
+            theme('colors.color.border.separator.DEFAULT'),
+            theme('colors.color.border.separator.DEFAULT')
+          );
         @apply bg-no-repeat;
 
         .is__line::before {
@@ -915,9 +919,9 @@
 
       &.col__ellipsis {
         .@{grid-prefix-cls}-cell {
-          &__tooltip:has(.aui-grid-tree__indent:nth-last-child(2):first-child),
-          &__title:has(.aui-grid-tree__indent:nth-last-child(2):first-child),
-          &__ellipsis:has(.aui-grid-tree__indent:nth-last-child(2):first-child) {
+          &__tooltip:has(.tiny-grid-tree__indent:nth-last-child(2):first-child),
+          &__title:has(.tiny-grid-tree__indent:nth-last-child(2):first-child),
+          &__ellipsis:has(.tiny-grid-tree__indent:nth-last-child(2):first-child) {
             @apply inline-block;
           }
         }
diff --git a/packages/theme/src/grid/table.less b/packages/theme/src/grid/table.less
index 661008371..907bacf3a 100644
--- a/packages/theme/src/grid/table.less
+++ b/packages/theme/src/grid/table.less
@@ -301,11 +301,16 @@
     .@{grid-prefix-cls}-header__column,
     .@{grid-prefix-cls}-body__column,
     .@{grid-prefix-cls}-footer__column {
-      border-right: 1px solid var(--ti-grid-border-color);
-
-      .@{grid-prefix-cls}-resizable {
-        right: -1px;
-      }
+      background-image: linear-gradient(-90deg, var(--ti-grid-border-color), var(--ti-grid-border-color)),
+        linear-gradient(-180deg, var(--ti-grid-border-color), var(--ti-grid-border-color));
+      background-repeat: no-repeat;
+      background-size:
+        1px 100%,
+        100% 1px;
+      background-position:
+        100% 0,
+        100% 100%;
+      border: none;
     }
 
     .@{grid-prefix-cls}__body-wrapper {
diff --git a/packages/vue/src/color-picker/src/pc.vue b/packages/vue/src/color-picker/src/pc.vue
index f5ccc63b7..5b7aa4cac 100644
--- a/packages/vue/src/color-picker/src/pc.vue
+++ b/packages/vue/src/color-picker/src/pc.vue
@@ -1,7 +1,8 @@
 <template>
-  <div class="tiny-color-picker__trigger" v-clickoutside="onCancel" @click="() => changeVisible(!state.isShow)">
+  <div class="tiny-color-picker__trigger" @click="() => changeVisible(!state.isShow)">
     <div
-      class="tiny-color-picker__inner" :style="{
+      class="tiny-color-picker__inner"
+      :style="{
         background: state.triggerBg ?? ''
       }"
     >
@@ -33,7 +34,7 @@ export default defineComponent({
   props: [...props, 'modelValue', 'visible', 'alpha'],
   components: {
     IconChevronDown: IconChevronDown(),
-    ColorSelect: colorSelect,
+    ColorSelect: colorSelect
   },
   setup(props, context) {
     return setup({ props, context, renderless, api })
diff --git a/packages/vue/src/color-select-panel/src/components/alpha-select.vue b/packages/vue/src/color-select-panel/src/components/alpha-select.vue
index 4729d9247..748f42023 100644
--- a/packages/vue/src/color-select-panel/src/components/alpha-select.vue
+++ b/packages/vue/src/color-select-panel/src/components/alpha-select.vue
@@ -1,34 +1,35 @@
 <template>
-    <div class="tiny-color-select-panel__wrapper__alpha" ref="alphaWrapper">
-      <div
-        class="tiny-color-select-panel__wrapper__alpha__slider" :style="{
-          background: state.background
-        }"
-        ref="slider"
-      ></div>
-      <div
-        class="tiny-color-select-panel__wrapper__alpha__thumb" :style="{
-          top: 0,
-          left: 0
-        }"
-        ref="alphaThumb"
-      ></div>
-    </div>
-  </template>
-  <script>
-  import { defineComponent, setup } from '@opentiny/vue-common'
-  import { renderless, api } from '@opentiny/vue-renderless/color-select-panel/alpha-select/vue'
-  
-  export default defineComponent({
-    emits: ['alpha-update'],
-    props: {
-      color: {
-        type: String
-      }
-    },
-    setup(props, context) {
-      return setup({ props, context, renderless, api })
-    },
-  })
-  </script>
-  
\ No newline at end of file
+  <div class="tiny-color-select-panel__wrapper__alpha" ref="alphaWrapper">
+    <div
+      class="tiny-color-select-panel__wrapper__alpha__slider"
+      :style="{
+        background: state.background
+      }"
+      ref="slider"
+    ></div>
+    <div
+      class="tiny-color-select-panel__wrapper__alpha__thumb"
+      :style="{
+        top: 0,
+        left: 0
+      }"
+      ref="alphaThumb"
+    ></div>
+  </div>
+</template>
+<script>
+import { defineComponent, setup } from '@opentiny/vue-common'
+import { renderless, api } from '@opentiny/vue-renderless/color-select-panel/alpha-select/vue'
+
+export default defineComponent({
+  emits: ['alpha-update'],
+  props: {
+    color: {
+      type: String
+    }
+  },
+  setup(props, context) {
+    return setup({ props, context, renderless, api, mono: true })
+  }
+})
+</script>
diff --git a/packages/vue/src/color-select-panel/src/components/hue-select.vue b/packages/vue/src/color-select-panel/src/components/hue-select.vue
index b9fa9209e..4101e2b8e 100644
--- a/packages/vue/src/color-select-panel/src/components/hue-select.vue
+++ b/packages/vue/src/color-select-panel/src/components/hue-select.vue
@@ -1,8 +1,10 @@
 <template>
-      <div class="tiny-color-select-panel__wrapper__inner">
+  <div class="tiny-color-select-panel__wrapper__inner">
     <div
-      class="tiny-color-select-panel__wrapper__inner__color-select" ref="wrapper" :style="{
-        background: state.background,
+      class="tiny-color-select-panel__wrapper__inner__color-select"
+      ref="wrapper"
+      :style="{
+        background: state.background
       }"
     >
       <div class="white"></div>
@@ -30,7 +32,7 @@ export default defineComponent({
     }
   },
   setup(props, context) {
-    return setup({ props, context, renderless, api })
+    return setup({ props, context, renderless, api, mono: true })
   }
 })
-</script>
\ No newline at end of file
+</script>
diff --git a/packages/vue/src/grid/src/table/src/table.ts b/packages/vue/src/grid/src/table/src/table.ts
index 414351b00..cb1a97cf7 100644
--- a/packages/vue/src/grid/src/table/src/table.ts
+++ b/packages/vue/src/grid/src/table/src/table.ts
@@ -22,7 +22,7 @@
  * SOFTWARE.
  *
  */
-import { h, hooks, $prefix, appProperties, isVue3 } from '@opentiny/vue-common'
+import { h, hooks, $prefix, appProperties } from '@opentiny/vue-common'
 import Tooltip from '@opentiny/vue-tooltip'
 import { extend } from '@opentiny/vue-renderless/common/object'
 import { isEmptyObject, isObject, isNull } from '@opentiny/vue-renderless/common/type'
@@ -912,18 +912,9 @@ export default {
      * vue3不会拦截数组的常规操作，如果深度监听会影响效率，所以需要额外监控数组长度改变，解决push无响应等问题
      * 如果是vue3需要同时监听data和数组长度，如果分多个watch监听会导致重复渲染，影响效率
      */
-    if (isVue3) {
-      hooks.watch([() => table.data, () => table.data && table.data.length], () => {
-        table.handleDataChange()
-      })
-    } else {
-      hooks.watch(
-        () => table.data,
-        () => {
-          table.handleDataChange()
-        }
-      )
-    }
+    hooks.watch([() => table.data, () => table.data && table.data.length], () => {
+      table.handleDataChange()
+    })
 
     hooks.onBeforeUnmount(() => {
       const { elemStore, $refs } = table