@opentiny/vue-docs 2.2.19 → 2.2.21

package/demos/pc/webdoc/aui-adapter-en.md

@@ -0,0 +1,207 @@
+## Adapter AUI
+
+### Dependency mapping table
+
+Currently, TinyVue is compatible with AUI. You only need to replace the package name and configure the style theme to get a consistent experience with AUI. The following is the mapping relationship between TinyVue packages and AUI packages.
+
+| TinyVue package          | AUI package           |
+| ------------------------ | --------------------- |
+| @opentiny/vue            | @aurora/vue           |
+| @opentiny/vue-renderless | @aurora/renderless    |
+| @opentiny/vue-theme      | @aurora/theme         |
+| @opentiny/vue-theme-saas | @aurora/theme-sass    |
+| @opentiny/vue-icon       | @aurora/vue-icon      |
+| @opentiny/vue-icon-saas  | @aurora/vue-icon-saas |
+
+### Using Saas themes
+
+#### background
+
+- With the prosperity of the application ecology, especially the mobile application ecology, and the development of diversified device ecology, ‘multi-terminal’ and ‘multi-theme’ are put on the agenda;
+- The theme solution launched by the original AUI is too bloated (users need to set a bunch of `cssvar` variables to customize the theme, because the colors are not unified, and the threshold for configuring multiple themes is relatively high). Later, it will be based on [tailwindcss](https:// github.com/tailwindlabs/tailwindcss) Collect theme variables (simplifying developer configuration) and engineer them to make it easier to customize multiple themes. Currently, there is a relatively mature theme solution in the industry [daisyui](https://github.com/saadeghi/daisyui).
+
+In view of the above reasons, the `SaaS` theme is launched. If you want to experience the `SaaS` theme, you can make packaging configuration changes according to the following documents:
+
+#### method one
+
+Option 1 requires additional installation of the following dependencies:
+
+- `@opentiny/vue-theme-saas` Theme will make minor adjustments to existing component styles without affecting the original DOM structure and API.
+- `@opentiny/vue-icon-saas` is an icon component matching the `SaaS` theme style.
+- `@opentiny/vue-design-saas` is the design specification configuration matching the theme style of `SaaS`.
+
+1. Install the SaaS theme package:
+
+```sh
+yarn add @opentiny/vue-theme-saas @opentiny/vue-icon-saas @opentiny/vue-design-saas
+# Or npm install @opentiny/vue-theme-saas @opentiny/vue-icon-saas @opentiny/vue-design-saas
+```
+
+2. Switch to the SaaS theme package:
+
+```js
+// (webpack) vue.config.js
+module.exports = {
+  chainWebpack: (config) => {
+    config.resolve.alias.set('@opentiny/vue-theme', '@opentiny/vue-theme-saas')
+    config.resolve.alias.set('@opentiny/vue-icon', '@opentiny/vue-icon-saas')
+  }
+}
+
+// (vite) vite.config.js
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@opentiny/vue-theme': '@opentiny/vue-theme-saas',
+      '@opentiny/vue-icon': '@opentiny/vue-icon-saas'
+    }
+  }
+})
+```
+
+3. Switch to Saas design specification configuration:
+
+```html
+<script setup>
+  import { ConfigProvider } from '@opentiny/vue'
+  import designSaasConfig from '@opentiny/vue-design-saas'
+</script>
+
+<template>
+  <!-- Inject saas design specification configuration -->
+  <config-provider :design="designSaasConfig">
+    <my-app></my-app>
+  </config-provider>
+</template>
+```
+
+### Method Two
+
+Method 2 requires additional installation of the following dependencies:
+
+- `@opentiny/vue-theme-saas` Theme will make minor adjustments to existing component styles without affecting the original DOM structure and API.
+- `@opentiny/vue-icon-saas` is an icon component matching the `SaaS` theme style.
+- `@opentiny/vue-common-saas` is an adaptation layer matching the `SaaS` theme style, and is inlined with the `@opentiny/vue-design-saas` of method 1.
+
+1. Install the SaaS theme package:
+
+```sh
+yarn add @opentiny/vue-theme-saas @opentiny/vue-icon-saas @opentiny/vue-common-saas
+# Or npm install @opentiny/vue-theme-saas @opentiny/vue-icon-saas @opentiny/vue-common-saas
+```
+
+2. Switch to the SaaS theme package:
+
+```js
+// (webpack) vue.config.js
+module.exports = {
+  chainWebpack: (config) => {
+    config.resolve.alias.set('@opentiny/vue-theme', '@opentiny/vue-theme-saas')
+    config.resolve.alias.set('@opentiny/vue-icon', '@opentiny/vue-icon-saas')
+    config.resolve.alias.set('@opentiny/vue-common', '@opentiny/vue-common-saas')
+  }
+}
+
+// (vite) vite.config.js
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@opentiny/vue-theme': '@opentiny/vue-theme-saas',
+      '@opentiny/vue-icon': '@opentiny/vue-icon-saas',
+      '@opentiny/vue-common': '@opentiny/vue-common-saas'
+    }
+  }
+})
+```
+
+## Multi-mode introduction
+
+TinyVue provides PC and Mobile component libraries. The two component libraries rely on the same external dependency `@opentiny/vue`. The component with the same name switches the component mode through `tiny_mode`.
+For SaaS business scenarios, TinyVue provides multi-terminal components based on `tailwind`.
+Based on TinyVue, a new `multi-terminal mode` is added to support business switching of components with the same name. By default, the component with the same name is `desktop mode`, that is, `PC component`.
+
+### Pattern classification
+
+The AUI component library provides three component modes: `desktop mode`, `mobile mode`, `multi-terminal mode`
+
+| Mode                | Mode introduction          | Mode configuration |
+| ------------------- | -------------------------- | ------------------ |
+| Desktop mode        | Pure PC                    | pc                 |
+| mobile mode         | pure mobile                | mobile             |
+| Multi-terminal mode | Multi-terminal consistency | mobile-first       |
+
+### Mode switch
+
+AUI component mode setting priority
+
+`Single component switching` > `Mode transparent transmission` > `Global switching` > `Component default mode`
+
+#### Single component switching
+
+You can configure the `tiny_mode` attribute on the component tag, specify the component mode, and the corresponding template will be selected for rendering:
+
+- Desktop mode: `pc`
+- Mobile mode: `mobile`
+- Multi-terminal mode: `mobile-first`
+
+Reference examples are as follows:
+
+```html
+<tiny-button tiny_mode="mobile-first">Default button</tiny-button>
+```
+
+#### Global switch
+
+By setting tiny_mode globally on Vue's prototype, you can specify the default mode for all components with the same name.
+After importing the Vue dependency in the project entry `src/main.js` file, add the following configuration:
+
+```js
+// Vue 2.0
+Vue.prototype.tiny_mode = { value: 'mobile-first' }
+
+// Vue 3.0
+app.config.globalProperties.tiny_mode = { value: 'mobile-first' }
+```
+
+#### Mode transparent transmission
+
+If you want to switch modes in some areas of the page, such as card-level control,
+You can add the `tiny_mode_root` attribute to the outer AUI component to transparently transmit the `tiny_mode` configuration of the current AUI component to all child AUI components.
+The reference demo example is as follows:
+
+```html
+<template>
+  <div>
+    <tiny-layout>
+      <tiny-row tiny_mode="pc" tiny_mode_root>
+        <tiny-button>PC button</tiny-button>
+        <tiny-button type="primary" native-type="submit">Primary button</tiny-button>
+        <tiny-button type="success">Success button</tiny-button>
+        <tiny-button type="info">Information button</tiny-button>
+        <tiny-button type="warning">Warning button</tiny-button>
+        <tiny-button type="danger">Danger button</tiny-button>
+      </tiny-row>
+      <tiny-row tiny_mode="mobile-first" tiny_mode_root>
+        <tiny-button>Multi-terminal button</tiny-button>
+        <tiny-button type="primary" native-type="submit">Primary button</tiny-button>
+        <tiny-button type="success">Success button</tiny-button>
+        <tiny-button type="info">Information button</tiny-button>
+        <tiny-button type="warning">Warning button</tiny-button>
+        <tiny-button type="danger">Danger button</tiny-button>
+      </tiny-row>
+    </tiny-layout>
+  </div>
+</template>
+
+<script>
+  import { Button, Layout, Row } from '@opentiny/vue'
+
+  export default {
+    components: {
+      TinyButton: Button,
+      TinyLayout: Layout,
+      TinyRow: Row
+    }
+  }
+</script>
+```

package/demos/pc/webdoc/aui-adapter.md

@@ -0,0 +1,207 @@
+## 适配 AUI
+
+### 依赖映射表
+
+目前 TinyVue 已经兼容 AUI，只需替换一下包名和配置一下样式主题，即可获得于 AUI 一致的体验，以下是 TinyVue 包和 AUI 包的映射关系
+
+| TinyVue 包               | AUI 包                |
+| ------------------------ | --------------------- |
+| @opentiny/vue            | @aurora/vue           |
+| @opentiny/vue-renderless | @aurora/renderless    |
+| @opentiny/vue-theme      | @aurora/theme         |
+| @opentiny/vue-theme-saas | @aurora/theme-sass    |
+| @opentiny/vue-icon       | @aurora/vue-icon      |
+| @opentiny/vue-icon-saas  | @aurora/vue-icon-saas |
+
+### 使用 Saas 主题
+
+#### 背景
+
+- 随着应用生态特别是手机应用生态的繁荣，以及多样化设备生态的发展，`多端`、`多主题`被提上日程；
+- 原有 AUI 推出的主题方案过于臃肿（用户定制主题需要设置一堆的  `cssvar`  变量，因为颜色没有统一，配置多主题的门槛也比较高），后期会基于  [tailwindcss](https://github.com/tailwindlabs/tailwindcss)  对主题变量进行收拢（简化开发者配置）以及工程化改造，使得定制多主题更加简单。目前业内比较成熟的主题方案  [daisyui](https://github.com/saadeghi/daisyui)。
+
+鉴于以上原因， 推出  `SaaS`  主题，如果想体验  `SaaS`  主题可以按照下述文档，进行打包配置更改：
+
+#### 方法一
+
+方案一需要额外安装以下依赖：
+
+- `@opentiny/vue-theme-saas`  主题会对现有组件样式进行细微调整，不会影响原有 DOM 结构以及 API 。
+- `@opentiny/vue-icon-saas`  是  `SaaS`  主题风格配套的 icon 图标组件。
+- `@opentiny/vue-design-saas`  是  `SaaS`  主题风格配套的设计规范配置。
+
+一、安装 SaaS 主题包：
+
+```shell
+yarn add @opentiny/vue-theme-saas @opentiny/vue-icon-saas @opentiny/vue-design-saas
+# 或者 npm install @opentiny/vue-theme-saas @opentiny/vue-icon-saas @opentiny/vue-design-saas
+```
+
+二、切换到 SaaS 主题包：
+
+```js
+// (webpack) vue.config.js
+module.exports = {
+  chainWebpack: (config) => {
+    config.resolve.alias.set('@opentiny/vue-theme', '@opentiny/vue-theme-saas')
+    config.resolve.alias.set('@opentiny/vue-icon', '@opentiny/vue-icon-saas')
+  }
+}
+
+// (vite) vite.config.js
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@opentiny/vue-theme': '@opentiny/vue-theme-saas',
+      '@opentiny/vue-icon': '@opentiny/vue-icon-saas'
+    }
+  }
+})
+```
+
+三、切换到 Saas 设计规范配置：
+
+```html
+<script setup>
+  import { ConfigProvider } from '@opentiny/vue'
+  import designSaasConfig from '@opentiny/vue-design-saas'
+</script>
+
+<template>
+  <!-- 注入saas设计规范配置 -->
+  <config-provider :design="designSaasConfig">
+    <my-app></my-app>
+  </config-provider>
+</template>
+```
+
+### 方法二
+
+方法二需要额外安装以下依赖：
+
+- `@opentiny/vue-theme-saas`  主题会对现有组件样式进行细微调整，不会影响原有 DOM 结构以及 API 。
+- `@opentiny/vue-icon-saas`  是  `SaaS`  主题风格配套的 icon 图标组件。
+- `@opentiny/vue-common-saas`  是  `SaaS`  主题风格配套的适配层，内联了方法一的`@opentiny/vue-design-saas`。
+
+一、安装 SaaS 主题包：
+
+```shell
+yarn add @opentiny/vue-theme-saas @opentiny/vue-icon-saas @opentiny/vue-common-saas
+# 或者 npm install @opentiny/vue-theme-saas @opentiny/vue-icon-saas @opentiny/vue-common-saas
+```
+
+二、切换到 SaaS 主题包：
+
+```js
+// (webpack) vue.config.js
+module.exports = {
+  chainWebpack: (config) => {
+    config.resolve.alias.set('@opentiny/vue-theme', '@opentiny/vue-theme-saas')
+    config.resolve.alias.set('@opentiny/vue-icon', '@opentiny/vue-icon-saas')
+    config.resolve.alias.set('@opentiny/vue-common', '@opentiny/vue-common-saas')
+  }
+}
+
+// (vite) vite.config.js
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@opentiny/vue-theme': '@opentiny/vue-theme-saas',
+      '@opentiny/vue-icon': '@opentiny/vue-icon-saas',
+      '@opentiny/vue-common': '@opentiny/vue-common-saas'
+    }
+  }
+})
+```
+
+## 多模式介绍
+
+TinyVue 提供了 PC 和 Mobile 组件库，两套组件库对外是同一份依赖`@opentiny/vue`，同名组件通过`tiny_mode`切换组件模式。  
+针对 SaaS 业务场景，TinyVue 提供了基于`tailwind`实现的多端组件，  
+在 TinyVue 基础上新增`多端模式`，支持业务切换同名组件，同名组件默认情况下是`桌面模式`即`PC 组件`。
+
+### 模式分类
+
+AUI 组件库提供了三种组件模式：`桌面模式`、`移动模式`、`多端模式`
+
+| 模式     | 模式介绍  | 模式配置     |
+| -------- | --------- | ------------ |
+| 桌面模式 | 纯 PC     | pc           |
+| 移动模式 | 纯 mobile | mobile       |
+| 多端模式 | 多端一致  | mobile-first |
+
+### 模式切换
+
+AUI 组件模式设置优先级
+
+`单组件切换` > `模式透传` > `全局切换` > `组件默认模式`
+
+#### 单组件切换
+
+可在组件标签上配置`tiny_mode`属性，指定组件模式，就会选择对应模板渲染：
+
+- 桌面模式：`pc`
+- 移动模式：`mobile`
+- 多端模式：`mobile-first`
+
+参考示例如下：
+
+```html
+<tiny-button tiny_mode="mobile-first">默认按钮</tiny-button>
+```
+
+#### 全局切换
+
+通过在 Vue 的原型上全局设置`tiny_mode`，可以指定所有同名组件的默认模式。  
+在项目入口  `src/main.js`  文件中导入 Vue 依赖后，增加如下配置：
+
+```js
+// Vue 2.0
+Vue.prototype.tiny_mode = { value: 'mobile-first' }
+
+// Vue 3.0
+app.config.globalProperties.tiny_mode = { value: 'mobile-first' }
+```
+
+#### 模式透传
+
+如果想在页面部分区域切换模式，如卡片级控制，  
+可以在外层 AUI 组件上添加`tiny_mode_root`属性，透传当前 AUI 组件的`tiny_mode`配置到所有子级 AUI 组件上，  
+参考 demo 示例如下：
+
+```html
+<template>
+  <div>
+    <tiny-layout>
+      <tiny-row tiny_mode="pc" tiny_mode_root>
+        <tiny-button>PC按钮</tiny-button>
+        <tiny-button type="primary" native-type="submit">主要按钮</tiny-button>
+        <tiny-button type="success">成功按钮</tiny-button>
+        <tiny-button type="info">信息按钮</tiny-button>
+        <tiny-button type="warning">警告按钮</tiny-button>
+        <tiny-button type="danger">危险按钮</tiny-button>
+      </tiny-row>
+      <tiny-row tiny_mode="mobile-first" tiny_mode_root>
+        <tiny-button>多端按钮</tiny-button>
+        <tiny-button type="primary" native-type="submit">主要按钮</tiny-button>
+        <tiny-button type="success">成功按钮</tiny-button>
+        <tiny-button type="info">信息按钮</tiny-button>
+        <tiny-button type="warning">警告按钮</tiny-button>
+        <tiny-button type="danger">危险按钮</tiny-button>
+      </tiny-row>
+    </tiny-layout>
+  </div>
+</template>
+
+<script>
+  import { Button, Layout, Row } from '@opentiny/vue'
+
+  export default {
+    components: {
+      TinyButton: Button,
+      TinyLayout: Layout,
+      TinyRow: Row
+    }
+  }
+</script>
+```

package/demos/pc/webdoc/changelog.md

@@ -1,5 +1,68 @@
 # 更新日志
 
+## v2.15.0/v3.15.0
+
+`2024/04/08`
+
+## What's Changed
+
+### Exciting New Features 🎉
+
+- feat(sites): add theme route by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1478
+- Cgm/add theme route by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1479
+- fix(transfer ): update transfer xdesign by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1496
+- feat(form): [form] add xDesign theme by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1507
+- feat(action-menu): [action-menu] add XDesign theme by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1514
+- feat(date-picker): [date-picker] date picker add quarter type by @kagol in https://github.com/opentiny/tiny-vue/pull/1513
+- feat(statistic): statistic component by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1491
+- feat(select): add show-proportion props of select component by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1503
+- feat(rich-text-editor): [rich-text-editor] add image drag adjustment by @HAOUEHF in https://github.com/opentiny/tiny-vue/pull/1504
+- feat(grid): [grid] add XDesign theme by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1518
+- feat: Adapting to the X-design theme by @zzcr in https://github.com/opentiny/tiny-vue/pull/1534
+- feat(charts): refactor chart components and replace chart-core with hui-charts by @Davont
+  - refactored the underlying chart-core library which is used by all chart components
+  - chart-core uses hui-charts instead of echarts as the underlying logic of the chart
+  - chart components add a unified entry `option` based on the original API to facilitate unified calls
+  - improved documentation and demos for all chart components
+  - add theme switching function to adapt to different business needs
+  - add chart status function `chartInstance`, providing 5 states: `loading`, `error`, `empty`, `stateEmpty`, `customize`
+
+### Bug Fixes 🐛
+
+- fix(site): anchor offset by @GaoNeng-wWw in https://github.com/opentiny/tiny-vue/pull/1477
+- fix(select): fix select/picker bugs by @zzcr in https://github.com/opentiny/tiny-vue/pull/1487
+- fix(vue-component): [mind-map] border-radius & border by @GaoNeng-wWw in https://github.com/opentiny/tiny-vue/pull/1510
+- fix(quarter-panel): [date-picker] add mono: true by @kagol in https://github.com/opentiny/tiny-vue/pull/1519
+- fix: Custom header height of dialog-box by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1530
+- fix(search): [search] fixed the maxlength attribute bug in search by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1528
+- fix(rich-text-editor): fix right package name by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/1535
+- fix(docs): fix the issue of the theme switch button not being centered by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1533
+- fix(AMap): fix the problem of failure to display the AMap case in the document by @Davont
+- fix(chart-heatMap): fix tooltip display error in bar-chart by @Davont
+- fix(chart-bar): fix the problem of abnormal gap display when the histogram width is too low by @Davont
+- fix(chart-histogram): fix the problem of histogram chart displaying blank in special scenarios by @Davont
+
+### Other Changes
+
+- docs(sites): add deep style in scoped by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1473
+- fix(ip-address): [ip-address] add spaces by @wuyiping0628 in https://github.com/opentiny/tiny-vue/pull/1475
+- docs(steps): optimization of steps docs by @Huangyilin19 in https://github.com/opentiny/tiny-vue/pull/1474
+- docs: add project name to issue template by @kagol in https://github.com/opentiny/tiny-vue/pull/1486
+- docs(grid): [grid] fix tree-grid-insert-delete-update demo by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1495
+- docs(sites): fix site overview input error by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1499
+- docs: update changelog by @kagol in https://github.com/opentiny/tiny-vue/pull/1501
+- [select] Optimized remote search demo by @Huangyilin19 in https://github.com/opentiny/tiny-vue/pull/1488
+- ci(publish): add github action auto publish by @zzcr in https://github.com/opentiny/tiny-vue/pull/1512
+- docs(date-picker): [date-picker] fix format docs by @kagol in https://github.com/opentiny/tiny-vue/pull/1522
+- docs(Numeric): [examples] add the description of change-compat for ch… by @AcWrong02 in https://github.com/opentiny/tiny-vue/pull/1521
+- docs(sites): add aui adapter document by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1516
+- ci(publish): add dispatch publish action by @zzcr in https://github.com/opentiny/tiny-vue/pull/1517
+- fix: update numeric demo style by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1526
+
+## New Contributors
+
+- @HAOUEHF made their first contribution in https://github.com/opentiny/tiny-vue/pull/1504
+
 ## v2.14.0/v3.14.0
 
 `2024/03/07`
@@ -9,6 +72,10 @@
 ### Exciting New Features 🎉
 
 - feat(vue): [mind-map] mindmap by @GaoNeng-wWw in https://github.com/opentiny/tiny-vue/pull/1207
+- feat(skeleton): skeleton component by @mengqiuleo in https://github.com/opentiny/tiny-vue/pull/1345
+- feat(float-button): [float-button] add float-button by @fanbingbing16 in https://github.com/opentiny/tiny-vue/pull/1394
+- feat(card): add card component by @shenjunjian
+- feat auto import plugin by @mengqiuleo in https://github.com/opentiny/tiny-vue/pull/1397
 - feat(time-line): refresh ui by @MNZhu in https://github.com/opentiny/tiny-vue/pull/1281
 - feat(numeric): refresh ui by @MNZhu in https://github.com/opentiny/tiny-vue/pull/1258
 - styles(action-sheet): [action-sheet] add action-sheet type by @jxhhdx in https://github.com/opentiny/tiny-vue/pull/1307
@@ -26,18 +93,15 @@
 - styles(async-flowchart): [async-flowchart] add async-flowchart types by @jxhhdx in https://github.com/opentiny/tiny-vue/pull/1312
 - styles(area): [area] add area types by @jxhhdx in https://github.com/opentiny/tiny-vue/pull/1311
 - feat(dialog-box): [dialog-box] make the dialogBox drag outside the window by @wNing50 in https://github.com/opentiny/tiny-vue/pull/1268
-- feat(skeleton): skeleton component by @mengqiuleo in https://github.com/opentiny/tiny-vue/pull/1345
 - style(user-head): [user-head] improve typescript declaration of compo… by @Floyd-bit in https://github.com/opentiny/tiny-vue/pull/1380
 - fix(carousel ): [carousel] update carousel xdesign by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1422
 - fix(badge): [badge] update badge xdesign by @You-Hw-Y in https://github.com/opentiny/tiny-vue/pull/1420
 - feat(date-picker): [date-picker] support xdesign by @kagol in https://github.com/opentiny/tiny-vue/pull/1417
 - feat(slider): [slider] marks supported, input range supported by @yoyo201626 in https://github.com/opentiny/tiny-vue/pull/1429
-- feat auto import plugin by @mengqiuleo in https://github.com/opentiny/tiny-vue/pull/1397
 - [drawer] fix smb theme by @Huangyilin19 in https://github.com/opentiny/tiny-vue/pull/1411
 - feat(vue): add vue sub packages dependencies by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1424
 - fix(transfer ): [transfer] update transfer xdesign by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1419
 - fix(skeleton): [skeleton]add skeleton of smb theme by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1410
-- feat(float-button): [float-button] add float-button by @fanbingbing16 in https://github.com/opentiny/tiny-vue/pull/1394
 - feat(loading): [loading] smb theme by @yoyo201626 in https://github.com/opentiny/tiny-vue/pull/1431
 - fix(Switch): [Switch] add keydown support and improth the accessibility by @AcWrong02 in https://github.com/opentiny/tiny-vue/pull/1428
 - feat(vue): [popconfirm] add popper-options props by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1439

package/demos/saas/menus.js

@@ -8,8 +8,6 @@ const noSaasComponents = [
   'ColorPicker',
   'ColorSelectPanel',
   'ConfigProvider',
-  'CreditCard',
-  'CreditCardForm',
   'DatePickerMobileFirst',
   'Divider',
   'IndexBar',
@@ -26,7 +24,8 @@ const noSaasComponents = [
   'TopBox',
   'Watermark',
   'Wheel',
-  'Skeleton'
+  'Skeleton',
+  'Statistic'
 ]
 
 // mobile-first上所有分类，pc上都有，因此可以用pc端menu分类进行合并

package/index.html

@@ -18,7 +18,7 @@
     <app-root></app-root>
     <div id="app" class="wp100 hp100 pt60 of-hidden"></div>
     <!-- prettier-ignore -->
-    <script id="tinyui-design-common" src="https://res.hc-cdn.com/tinyui-design-common/1.0.5.20230707170109/tinyui-design-common.min.js"></script>
+    <script id="tinyui-design-common" src="https://test-static-resource.obs.cn-north-7.ulanqab.huawei.com/tinyui-design-common/1.0.5.20240330164329/tinyui-design-common.min.js"></script>
     <script type="module" src="./src/main.js"></script>
   </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "2.2.19",
+  "version": "2.2.21",
   "license": "MIT",
   "dependencies": {
     "@unocss/reset": "0.38.2",
@@ -16,17 +16,17 @@
     "marked": "^4.3.0",
     "sortablejs": "1.15.0",
     "@opentiny/vue-repl": "^1.1.0",
-    "@opentiny/vue": "~3.14.0",
-    "@opentiny/vue-common": "~3.14.0",
-    "@opentiny/vue-icon": "~3.14.0",
-    "@opentiny/vue-design-smb": "~3.14.0",
-    "@opentiny/vue-icon-saas": "~3.14.0",
-    "@opentiny/vue-design-saas": "~3.14.0",
-    "@opentiny/vue-theme": "~3.14.0",
-    "@opentiny/vue-theme-mobile": "~3.14.0",
-    "@opentiny/vue-design-aurora": "~3.14.0",
+    "@opentiny/vue-icon": "~3.15.0",
+    "@opentiny/vue-common": "~3.15.0",
+    "@opentiny/vue": "~3.15.0",
+    "@opentiny/vue-icon-saas": "~3.15.0",
+    "@opentiny/vue-design-smb": "~3.15.0",
+    "@opentiny/vue-design-aurora": "~3.15.0",
+    "@opentiny/vue-design-saas": "~3.15.0",
+    "@opentiny/vue-theme": "~3.15.0",
     "@opentiny/vue-vite-import": "~1.1.5",
-    "@opentiny/vue-theme-saas": "~3.14.0"
+    "@opentiny/vue-theme-mobile": "~3.15.0",
+    "@opentiny/vue-theme-saas": "~3.15.0"
   },
   "devDependencies": {
     "@types/markdown-it": "^12.2.3",

package/src/tools/useApiMode.js

@@ -4,7 +4,7 @@ import { $local } from './storage'
 const _modeKey = 'tiny-vue-api-mode'
 const _demoModeKey = 'tiny-vue-demo-mode'
 const apiModeState = reactive({
-  apiMode: $local[_modeKey] || 'Composition',
+  apiMode: $local[_modeKey] || 'Composition', // 示例风格:  Options: 组合式; Composition: 选项式
   demoMode: $local[_demoModeKey] || 'default' // 示例展示： default:多示例， single:单示例
 })
 

package/src/tools/useTheme.js

@@ -64,7 +64,8 @@ const changeTheme = (themeKey) => {
   router.push({
     params: {
       theme: THEME_ROUTE_MAP[themeKey]
-    }
+    },
+    hash: router?.currentRoute.value.hash
   })
 }