refactor(charts): [charts] rename chart-core packages to huicharts-core (#2027)

* fix: 【Charts】update charts snapshots

* fix: 修复图表height为100%时的高度问题

* fix: 优化图表extend逻辑

* fix: 修复图表extend失效问题

* fix: 删除注释

* fix: 新增图表echartOption变量，以便用户获取echart配置

* fix: 修复playground百度地图案例错误问题

* fix: 修复图表option复杂变量失效问题

* fix: 修改高德百度地图案例注释

* fix: chart-core添加cloneDeep引入

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

* fix: 更新chart-core包版本为3.17.1

* fix: 修复箱型图data为空数组时的报错问题

* fix: 添加图标属性逻辑的深拷贝

* fix: 删除注释文件

* docs: 更新图表文档

* fix: 修复机器人提出的问题

* chore: [charts]rename chart-core packages to huicharts-core

* fix: 修改图表引用路径

* fix: 修改盒须图案例代码和图表简介

* fix: 切换图表基本引入，删除本地无用代码

* fix: 修复图表colors属性失效问题，修改引入路径

* fix: 更新chart图表依赖

* fix: 修改chart打包路径

* fix: 修改图表组件路径和案例导入路径

* fix: 修改案例导入路径

* fix: 还原文件

---------

Co-authored-by: Davont <davontz.icloud.com>

examples/sites/demos/mobile-first/app/tabs/show-echarts.vue

@@ -10,14 +10,14 @@
 </template>
 
 <script>
-import { Tabs, TabItem, ChartBar, ChartGauge } from '@opentiny/vue'
+import { Tabs, TabItem, HuichartsBar, HuichartsGauge } from '@opentiny/vue'
 
 export default {
   components: {
     TinyTabs: Tabs,
     TinyTabItem: TabItem,
-    TinyBar: ChartBar,
-    TinyGauge: ChartGauge
+    TinyBar: HuichartsBar,
+    TinyGauge: HuichartsGauge
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/amap/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { AutonaviMap as TinyAutonaviMap } from '@opentiny/vue'
+import { HuichartsAmap as TinyAutonaviMap } from '@opentiny/vue'
 
 const options = ref({
   key: '4b5f2cf2cba25200cc6b68c398468899',

examples/sites/demos/pc/app/chart/amap/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { AutonaviMap } from '@opentiny/vue'
+import { HuichartsAmap } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyAutonaviMap: AutonaviMap
+    TinyAutonaviMap: HuichartsAmap
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/bar/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartBar as TinyChartBar } from '@opentiny/vue'
+import { HuichartsBar as TinyChartBar } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/bar/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartBar } from '@opentiny/vue'
+import { HuichartsBar } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBar: ChartBar
+    TinyBar: HuichartsBar
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/bar/demo2-composition-api.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup lang="jsx">
-import { ChartBar as TinyChartBar } from '@opentiny/vue'
+import { HuichartsBar as TinyChartBar } from '@opentiny/vue'
 
 const options = {
   data: [

examples/sites/demos/pc/app/chart/bar/demo2.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartBar } from '@opentiny/vue'
+import { HuichartsBar } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBar: ChartBar
+    TinyBar: HuichartsBar
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/bar/demo3-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartBar as TinyChartBar } from '@opentiny/vue'
+import { HuichartsBar as TinyChartBar } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/bar/demo3.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartBar } from '@opentiny/vue'
+import { HuichartsBar } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBar: ChartBar
+    TinyBar: HuichartsBar
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/bar/demo4-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartBar as TinyChartBar } from '@opentiny/vue'
+import { HuichartsBar as TinyChartBar } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/bar/demo4.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartBar } from '@opentiny/vue'
+import { HuichartsBar } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBar: ChartBar
+    TinyBar: HuichartsBar
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/bar/demo5-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartBar as TinyChartBar } from '@opentiny/vue'
+import { HuichartsBar as TinyChartBar } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/bar/demo5.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartBar } from '@opentiny/vue'
+import { HuichartsBar } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBar: ChartBar
+    TinyBar: HuichartsBar
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/bar/demo6-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartBar as TinyChartBar } from '@opentiny/vue'
+import { HuichartsBar as TinyChartBar } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/bar/demo6.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartBar } from '@opentiny/vue'
+import { HuichartsBar } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBar: ChartBar
+    TinyBar: HuichartsBar
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/bar/demo7-composition-api.vue

@@ -6,8 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartBar as TinyChartBar } from '@opentiny/vue'
-
+import { HuichartsBar as TinyChartBar } from '@opentiny/vue'
 const options = ref({
   // 双向柱状图形态
   type: 'double-sides',

examples/sites/demos/pc/app/chart/bar/demo7.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartBar } from '@opentiny/vue'
+import { HuichartsBar } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBar: ChartBar
+    TinyBar: HuichartsBar
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/base-composition-api.vue

@@ -28,7 +28,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { Chart as TinyChart, Button as TinyButton } from '@opentiny/vue'
+import { Huicharts as TinyChart, Button as TinyButton } from '@opentiny/vue'
 
 const colorMode = ref('default')
 const key = ref(0)

examples/sites/demos/pc/app/chart/base.vue

@@ -27,11 +27,11 @@
 </template>
 
 <script lang="jsx">
-import { Chart, Button } from '@opentiny/vue'
+import { Huicharts, Button } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyChart: Chart,
+    TinyChart: Huicharts,
     TinyButton: Button
   },
   methods: {

examples/sites/demos/pc/app/chart/bmap/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { BaiduMap as TinyBaiduMap } from '@opentiny/vue'
+import { HuichartsBmap as TinyBaiduMap } from '@opentiny/vue'
 
 const options = ref({
   key: 'oBvDtR6nzWtVchkY4cLHtnah1VVZQKRK',

examples/sites/demos/pc/app/chart/bmap/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { BaiduMap } from '@opentiny/vue'
+import { HuichartsBmap } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBaiduMap: BaiduMap
+    TinyBaiduMap: HuichartsBmap
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/boxplot/base-composition-api.vue

@@ -4,7 +4,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartBoxplot as TinyChartBoxplot } from '@opentiny/vue'
+import { HuichartsBoxplot as TinyChartBoxplot } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/boxplot/base.vue

@@ -3,11 +3,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartBoxplot } from '@opentiny/vue'
+import { HuichartsBoxplot } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBoxplot: ChartBoxplot
+    TinyBoxplot: HuichartsBoxplot
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/boxplot/multiple-composition-api.vue

@@ -4,7 +4,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartBoxplot as TinyChartBoxplot } from '@opentiny/vue'
+import { HuichartsBoxplot as TinyChartBoxplot } from '@opentiny/vue'
 
 const options = ref({
   direction: 'horizontal', // 横向

examples/sites/demos/pc/app/chart/boxplot/multiple.vue

@@ -3,11 +3,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartBoxplot } from '@opentiny/vue'
+import { HuichartsBoxplot } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBoxplot: ChartBoxplot
+    TinyBoxplot: HuichartsBoxplot
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/boxplot/vertical-composition-api.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="jsx">
-import { ChartBoxplot as TinyChartBoxplot } from '@opentiny/vue'
+import { HuichartsBoxplot as TinyChartBoxplot } from '@opentiny/vue'
 import { ref } from 'vue'
 
 function makeData() {

examples/sites/demos/pc/app/chart/boxplot/vertical.vue

@@ -3,17 +3,17 @@
 </template>
 
 <script lang="jsx">
-import { ChartBoxplot } from '@opentiny/vue'
+import { HuichartsBoxplot } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyBoxplot: ChartBoxplot
+    TinyBoxplot: HuichartsBoxplot
   },
   data() {
+    const sourceData0 = this.makeData()
+    const sourceData1 = this.makeData()
+    const sourceData2 = this.makeData()
     return {
-      sourceData0: makeData(),
-      sourceData1: makeData(),
-      sourceData2: makeData(),
       options: {
         padding: [50, 30, 55, 20],
         xAxis: {

examples/sites/demos/pc/app/chart/candle/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartCandle as TinyChartCandle } from '@opentiny/vue'
+import { HuichartsCandle as TinyChartCandle } from '@opentiny/vue'
 
 const baseData = [
   ['2004-01-05', 10411.85, 10544.07, 10411.85, 10575.92, 221290000],

examples/sites/demos/pc/app/chart/candle/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartCandle } from '@opentiny/vue'
+import { HuichartsCandle } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyCandle: ChartCandle
+    TinyCandle: HuichartsCandle
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/candle/demo2-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartCandle as TinyChartCandle } from '@opentiny/vue'
+import { HuichartsCandle as TinyChartCandle } from '@opentiny/vue'
 
 const baseData = [
   ['2004-01-05', 10411.85, 10544.07, 10411.85, 10575.92, 221290000],

examples/sites/demos/pc/app/chart/candle/demo2.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartCandle } from '@opentiny/vue'
+import { HuichartsCandle } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyCandle: ChartCandle
+    TinyCandle: HuichartsCandle
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/candle/demo3-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartCandle as TinyChartCandle } from '@opentiny/vue'
+import { HuichartsCandle as TinyChartCandle } from '@opentiny/vue'
 
 const baseData = [
   ['2004-01-05', 10411.85, 10544.07, 10411.85, 10575.92, 221290000],

examples/sites/demos/pc/app/chart/candle/demo3.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartCandle } from '@opentiny/vue'
+import { HuichartsCandle } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyCandle: ChartCandle
+    TinyCandle: HuichartsCandle
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/candle/demo4-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartCandle as TinyChartCandle } from '@opentiny/vue'
+import { HuichartsCandle as TinyChartCandle } from '@opentiny/vue'
 
 const baseData = [
   ['2004-01-05', 10411.85, 10544.07, 10411.85, 10575.92, 221290000],

examples/sites/demos/pc/app/chart/candle/demo4.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartCandle } from '@opentiny/vue'
+import { HuichartsCandle } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyCandle: ChartCandle
+    TinyCandle: HuichartsCandle
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/candle/demo5-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartCandle as TinyChartCandle } from '@opentiny/vue'
+import { HuichartsCandle as TinyChartCandle } from '@opentiny/vue'
 
 const baseData = [
   ['2004-01-05', 10411.85, 10544.07, 10411.85, 10575.92, 221290000],

examples/sites/demos/pc/app/chart/candle/demo5.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartCandle } from '@opentiny/vue'
+import { HuichartsCandle } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyCandle: ChartCandle
+    TinyCandle: HuichartsCandle
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/candle/demo6-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartCandle as TinyChartCandle } from '@opentiny/vue'
+import { HuichartsCandle as TinyChartCandle } from '@opentiny/vue'
 
 const baseData = [
   ['2004-01-05', 10411.85, 10544.07, 10411.85, 10575.92, 221290000],

examples/sites/demos/pc/app/chart/candle/demo6.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartCandle } from '@opentiny/vue'
+import { HuichartsCandle } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyCandle: ChartCandle
+    TinyCandle: HuichartsCandle
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/events/base-composition-api.vue

@@ -4,7 +4,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartPie as TinyChartPie, Modal as TinyModal } from '@opentiny/vue'
+import { HuichartsPie as TinyChartPie, Modal as TinyModal } from '@opentiny/vue'
 
 const options = ref({
   type: 'pie',

examples/sites/demos/pc/app/chart/events/base.vue

@@ -3,11 +3,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartPie, Modal as TinyModal } from '@opentiny/vue'
+import { HuichartsPie, Modal as TinyModal } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyPie: ChartPie
+    TinyPie: HuichartsPie
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/funnel/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartFunnel as TinyChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel as TinyChartFunnel } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/funnel/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyFunnel: ChartFunnel
+    TinyFunnel: HuichartsFunnel
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/funnel/demo2-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartFunnel as TinyChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel as TinyChartFunnel } from '@opentiny/vue'
 
 const options = ref({
   sort: 'ascending',

examples/sites/demos/pc/app/chart/funnel/demo2.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyFunnel: ChartFunnel
+    TinyFunnel: HuichartsFunnel
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/funnel/demo3-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartFunnel as TinyChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel as TinyChartFunnel } from '@opentiny/vue'
 
 const options = ref({
   maxSize: '80%',

examples/sites/demos/pc/app/chart/funnel/demo3.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyFunnel: ChartFunnel
+    TinyFunnel: HuichartsFunnel
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/funnel/demo4-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartFunnel as TinyChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel as TinyChartFunnel } from '@opentiny/vue'
 
 const options = ref({
   gap: 10,

examples/sites/demos/pc/app/chart/funnel/demo4.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyFunnel: ChartFunnel
+    TinyFunnel: HuichartsFunnel
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/funnel/demo5-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartFunnel as TinyChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel as TinyChartFunnel } from '@opentiny/vue'
 
 const options = ref({
   color: ['#fa2a2d', '#ff7500', '#ffbf00', '#41ba41'], // 自定义颜色组，循环使用该颜色组

examples/sites/demos/pc/app/chart/funnel/demo5.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyFunnel: ChartFunnel
+    TinyFunnel: HuichartsFunnel
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/funnel/demo6-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartFunnel as TinyChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel as TinyChartFunnel } from '@opentiny/vue'
 
 const options = ref({
   legend: {

examples/sites/demos/pc/app/chart/funnel/demo6.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyFunnel: ChartFunnel
+    TinyFunnel: HuichartsFunnel
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/funnel/demo7-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartFunnel as TinyChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel as TinyChartFunnel } from '@opentiny/vue'
 
 const options = ref({
   tipHtml: (params, ticket, callback) => {

examples/sites/demos/pc/app/chart/funnel/demo7.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartFunnel } from '@opentiny/vue'
+import { HuichartsFunnel } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyFunnel: ChartFunnel
+    TinyFunnel: HuichartsFunnel
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/gauge/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartGauge as TinyChartGauge } from '@opentiny/vue'
+import { HuichartsGauge as TinyChartGauge } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/gauge/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartGauge } from '@opentiny/vue'
+import { HuichartsGauge } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyGauge: ChartGauge
+    TinyGauge: HuichartsGauge
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/gauge/demo2-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartGauge as TinyChartGauge } from '@opentiny/vue'
+import { HuichartsGauge as TinyChartGauge } from '@opentiny/vue'
 
 const options = ref({
   // 仪表盘的最小值

examples/sites/demos/pc/app/chart/gauge/demo2.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartGauge } from '@opentiny/vue'
+import { HuichartsGauge } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyGauge: ChartGauge
+    TinyGauge: HuichartsGauge
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/gauge/demo3-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartGauge as TinyChartGauge } from '@opentiny/vue'
+import { HuichartsGauge as TinyChartGauge } from '@opentiny/vue'
 
 const options = ref({
   // splitColor 分割仪表盘

examples/sites/demos/pc/app/chart/gauge/demo3.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartGauge } from '@opentiny/vue'
+import { HuichartsGauge } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyGauge: ChartGauge
+    TinyGauge: HuichartsGauge
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/gauge/demo4-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartGauge as TinyChartGauge } from '@opentiny/vue'
+import { HuichartsGauge as TinyChartGauge } from '@opentiny/vue'
 
 const options = ref({
   position: {

examples/sites/demos/pc/app/chart/gauge/demo4.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartGauge } from '@opentiny/vue'
+import { HuichartsGauge } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyGauge: ChartGauge
+    TinyGauge: HuichartsGauge
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/gauge/demo5-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartGauge as TinyChartGauge } from '@opentiny/vue'
+import { HuichartsGauge as TinyChartGauge } from '@opentiny/vue'
 
 const options = ref({
   // gradientColor表示从仪表盘左到右的渐变色

examples/sites/demos/pc/app/chart/gauge/demo5.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartGauge } from '@opentiny/vue'
+import { HuichartsGauge } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyGauge: ChartGauge
+    TinyGauge: HuichartsGauge
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/gauge/demo6-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartGauge as TinyChartGauge } from '@opentiny/vue'
+import { HuichartsGauge as TinyChartGauge } from '@opentiny/vue'
 
 const options = ref({
   min: 0,

examples/sites/demos/pc/app/chart/gauge/demo6.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartGauge } from '@opentiny/vue'
+import { HuichartsGauge } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyGauge: ChartGauge
+    TinyGauge: HuichartsGauge
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/graph/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartGraph as TinyChartGraph } from '@opentiny/vue'
+import { HuichartsGraph as TinyChartGraph } from '@opentiny/vue'
 
 const options = ref({
   animationDurationUpdate: 1600,

examples/sites/demos/pc/app/chart/graph/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartGraph } from '@opentiny/vue'
+import { HuichartsGraph } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyGraph: ChartGraph
+    TinyGraph: HuichartsGraph
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/graph/demo2-composition-api.vue

@@ -4,7 +4,7 @@
 
 <script setup>
 import { ref } from 'vue'
-import { ChartGraph as TinyChartGraph } from '@opentiny/vue'
+import { HuichartsGraph as TinyChartGraph } from '@opentiny/vue'
 
 let axisData = ['周一', '周二', '周三', '很长很长的周四', '周五', '周六', '周日']
 

examples/sites/demos/pc/app/chart/graph/demo2.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import { ChartGraph } from '@opentiny/vue'
+import { HuichartsGraph } from '@opentiny/vue'
 
 let axisData = ['周一', '周二', '周三', '很长很长的周四', '周五', '周六', '周日']
 const data = [800, 600, 900, 1500, 3200, 4800, 900]
@@ -52,7 +52,7 @@ let option = {
 
 export default {
   components: {
-    TinyGraph: ChartGraph
+    TinyGraph: HuichartsGraph
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/heatmap/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHeatmap as TinyChartHeatmap } from '@opentiny/vue'
+import { HuichartsHeatmap as TinyChartHeatmap } from '@opentiny/vue'
 
 const options = ref({
   // 图表类型(矩形热力图)

examples/sites/demos/pc/app/chart/heatmap/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHeatmap } from '@opentiny/vue'
+import { HuichartsHeatmap } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHeatmap: ChartHeatmap
+    TinyHeatmap: HuichartsHeatmap
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/heatmap/demo2-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHeatmap as TinyChartHeatmap } from '@opentiny/vue'
+import { HuichartsHeatmap as TinyChartHeatmap } from '@opentiny/vue'
 
 const options = ref({
   // 图表类型(矩形热力图)

examples/sites/demos/pc/app/chart/heatmap/demo2.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHeatmap } from '@opentiny/vue'
+import { HuichartsHeatmap } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHeatmap: ChartHeatmap
+    TinyHeatmap: HuichartsHeatmap
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/heatmap/demo3-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHeatmap as TinyChartHeatmap } from '@opentiny/vue'
+import { HuichartsHeatmap as TinyChartHeatmap } from '@opentiny/vue'
 
 const options = ref({
   // 图表类型(矩形热力图)

examples/sites/demos/pc/app/chart/heatmap/demo3.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHeatmap } from '@opentiny/vue'
+import { HuichartsHeatmap } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHeatmap: ChartHeatmap
+    TinyHeatmap: HuichartsHeatmap
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/histogram/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHistogram as TinyChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram as TinyChartHistogram } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/histogram/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHistogram: ChartHistogram
+    TinyHistogram: HuichartsHistogram
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/histogram/demo2-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHistogram as TinyChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram as TinyChartHistogram } from '@opentiny/vue'
 
 const options = ref({
   padding: [40, 10, 40, 10],

examples/sites/demos/pc/app/chart/histogram/demo2.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHistogram: ChartHistogram
+    TinyHistogram: HuichartsHistogram
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/histogram/demo3-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHistogram as TinyChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram as TinyChartHistogram } from '@opentiny/vue'
 
 const options = ref({
   itemStyle: {

examples/sites/demos/pc/app/chart/histogram/demo3.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHistogram: ChartHistogram
+    TinyHistogram: HuichartsHistogram
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/histogram/demo4-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHistogram as TinyChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram as TinyChartHistogram } from '@opentiny/vue'
 
 const options = ref({
   legend: {

examples/sites/demos/pc/app/chart/histogram/demo4.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHistogram: ChartHistogram
+    TinyHistogram: HuichartsHistogram
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/histogram/demo5-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHistogram as TinyChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram as TinyChartHistogram } from '@opentiny/vue'
 
 const options = ref({
   legend: {

examples/sites/demos/pc/app/chart/histogram/demo5.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHistogram: ChartHistogram
+    TinyHistogram: HuichartsHistogram
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/histogram/demo6-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHistogram as TinyChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram as TinyChartHistogram } from '@opentiny/vue'
 
 const options = ref({
   itemStyle: {

examples/sites/demos/pc/app/chart/histogram/demo6.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHistogram: ChartHistogram
+    TinyHistogram: HuichartsHistogram
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/histogram/demo7-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHistogram as TinyChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram as TinyChartHistogram } from '@opentiny/vue'
 
 const options = ref({
   legend: {

examples/sites/demos/pc/app/chart/histogram/demo7.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHistogram: ChartHistogram
+    TinyHistogram: HuichartsHistogram
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/histogram/demo8-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartHistogram as TinyChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram as TinyChartHistogram } from '@opentiny/vue'
 
 const options = ref({
   data: [

examples/sites/demos/pc/app/chart/histogram/demo8.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartHistogram } from '@opentiny/vue'
+import { HuichartsHistogram } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyHistogram: ChartHistogram
+    TinyHistogram: HuichartsHistogram
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/line/base-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartLine as TinyChartLine } from '@opentiny/vue'
+import { HuichartsLine as TinyChartLine } from '@opentiny/vue'
 
 const options = ref({
   padding: [50, 30, 50, 20],

examples/sites/demos/pc/app/chart/line/base.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartLine } from '@opentiny/vue'
+import { HuichartsLine } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyLine: ChartLine
+    TinyLine: HuichartsLine
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/line/demo2-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartLine as TinyChartLine } from '@opentiny/vue'
+import { HuichartsLine as TinyChartLine } from '@opentiny/vue'
 
 const options = ref({
   padding: [50, 30, 50, 20],

examples/sites/demos/pc/app/chart/line/demo2.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartLine } from '@opentiny/vue'
+import { HuichartsLine } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyLine: ChartLine
+    TinyLine: HuichartsLine
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/line/demo3-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartLine as TinyChartLine } from '@opentiny/vue'
+import { HuichartsLine as TinyChartLine } from '@opentiny/vue'
 
 const options = ref({
   padding: [50, 30, 50, 20],

examples/sites/demos/pc/app/chart/line/demo3.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script lang="jsx">
-import { ChartLine } from '@opentiny/vue'
+import { HuichartsLine } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyLine: ChartLine
+    TinyLine: HuichartsLine
   },
   data() {
     return {

examples/sites/demos/pc/app/chart/line/demo4-composition-api.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="jsx">
 import { ref } from 'vue'
-import { ChartLine as TinyChartLine } from '@opentiny/vue'
+import { HuichartsLine as TinyChartLine } from '@opentiny/vue'
 
 const options = ref({
   padding: [50, 30, 50, 20],