perf(external/Componse): 移除组合下的词云

-import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
-import { WordCloudConfig } from './index'
-import { CreateComponentType } from '@/packages/index.d'
-import cloneDeep from 'lodash/cloneDeep'
-import dataJson from './data.json'
-
-export const includes = []
-
-export const ShapeEnumList = [
-  { label: '圆形', value: 'circle' },
-  { label: '心形', value: 'cardioid' },
-  { label: '钻石', value: 'diamond' },
-  { label: '右三角形', value: 'triangle-forward' },
-  { label: '三角形', value: 'triangle' },
-  { label: '五边形', value: 'pentagon' },
-  { label: '星星', value: 'star' }
-]
-
-export const option = {
-  dataset: [...dataJson],
-  tooltip: {},
-  series: [
-    {
-      type: 'wordCloud',
-
-      // “云”绘制的形状，可以是表示为回调函数，也可以是固定关键字。
-      // 可用值有：circle|cardioid|diamond|triangle-forward|triangle|pentagon|star
-      shape: 'circle',
-
-      // 白色区域将被排除在绘制文本之外的剪影图像。
-      // 随着云的形状生长，形状选项将继续应用。
-      // maskImage: maskImage,
-
-      // Folllowing left/top/width/height/right/bottom are used for positioning the word cloud
-      // Default to be put in the center and has 75% x 80% size.
-      left: 'center',
-      top: 'center',
-      width: '70%',
-      height: '80%',
-      right: null,
-      bottom: null,
-
-      // 文本大小范围，默认 [12,60]
-      sizeRange: [12, 60],
-
-      // 文本旋转范围和程度的步骤。 文本将通过旋转步骤45在[-90，90]中随机旋转
-      rotationRange: [0, 0],
-      rotationStep: 0,
-
-      // size of the grid in pixels for marking the availability of the canvas
-      // 网格大小越大，单词之间的差距就越大。
-      gridSize: 8,
-
-      // 设置为true，以允许单词在画布之外部分地绘制。允许绘制大于画布的大小
-      drawOutOfBound: false,
-
-      // If perform layout animation.
-      // NOTE disable it will lead to UI blocking when there is lots of words.
-      layoutAnimation: true,
-
-      // Global text style
-      textStyle: {
-        fontFamily: 'sans-serif',
-        fontWeight: 'bold'
-        // 颜色可以是回调功能或颜色字符串
-        // color: function () {
-        //   // 随机颜色
-        //   return (
-        //     'rgb(' +
-        //     [Math.round(Math.random() * 160), Math.round(Math.random() * 160), Math.round(Math.random() * 160)].join(
-        //       ','
-        //     ) +
-        //     ')'
-        //   )
-        // }
-      },
-      emphasis: {
-        focus: 'self',
-
-        textStyle: {
-          shadowBlur: 10,
-          shadowColor: '#333'
-        }
-      },
-      data: [...dataJson]
-    }
-  ]
-}
-
-export default class Config extends PublicConfigClass implements CreateComponentType {
-  public key = WordCloudConfig.key
-  public chartConfig = cloneDeep(WordCloudConfig)
-  // 图表配置项
-  public option = echartOptionProfixHandle(option, includes)
-}

-<template>
-  <collapse-item name="词云" expanded>
-    <setting-item-box name="形状">
-      <setting-item>
-        <n-select v-model:value="optionData.series[0].shape" size="small" :options="ShapeEnumList" />
-      </setting-item>
-      <setting-item>
-        <n-checkbox v-model:checked="optionData.series[0].drawOutOfBound" size="small">允许出边</n-checkbox>
-      </setting-item>
-    </setting-item-box>
-
-    <setting-item-box name="布局">
-      <setting-item name="宽度">
-        <n-slider
-          v-model:value="series.width"
-          :min="0"
-          :max="100"
-          :format-tooltip="sliderFormatTooltip"
-          @update:value="updateWidth"
-        ></n-slider>
-      </setting-item>
-      <setting-item name="高度">
-        <n-slider
-          v-model:value="series.height"
-          :min="0"
-          :max="100"
-          :format-tooltip="sliderFormatTooltip"
-          @update:value="updateHeight"
-        ></n-slider>
-      </setting-item>
-    </setting-item-box>
-
-    <setting-item-box name="样式" alone>
-      <setting-item name="字体区间(最小/最大字体)">
-        <n-slider v-model:value="optionData.series[0].sizeRange" range :step="1" :min="6" :max="100" />
-      </setting-item>
-      <setting-item name="旋转角度">
-        <n-slider v-model:value="series.rotationStep" :step="15" :min="0" :max="45" @update:value="updateRotation" />
-      </setting-item>
-    </setting-item-box>
-  </collapse-item>
-</template>
-
-<script setup lang="ts">
-import { PropType, computed } from 'vue'
-import { option, ShapeEnumList } from './config'
-// eslint-disable-next-line no-unused-vars
-import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
-
-const props = defineProps({
-  optionData: {
-    type: Object as PropType<typeof option>,
-    required: true
-  }
-})
-
-const series = computed(() => {
-  const { width, height, rotationStep } = props.optionData.series[0]
-  return {
-    width: +width.replace('%', ''),
-    height: +height.replace('%', ''),
-    rotationStep
-  }
-})
-
-const sliderFormatTooltip = (v: number) => {
-  return `${v}%`
-}
-
-const updateWidth = (value: number) => {
-  props.optionData.series[0].width = `${value}%`
-}
-
-const updateHeight = (value: number) => {
-  props.optionData.series[0].height = `${value}%`
-}
-
-const updateRotation = (value: number) => {
-  props.optionData.series[0].rotationStep = value
-  props.optionData.series[0].rotationRange = value === 0 ? [0, 0] : [-90, 90]
-}
-</script>

-[
-  {
-    "name": "数据可视化",
-    "value": 8000,
-    "textStyle": {
-      "color": "#78fbb2"
-    },
-    "emphasis": {
-      "textStyle": {
-        "color": "red"
-      }
-    }
-  },
-  {
-    "name": "GO VIEW",
-    "value": 6181
-  },
-  {
-    "name": "低代码",
-    "value": 4386
-  },
-  {
-    "name": "Vue3",
-    "value": 4055
-  },
-  {
-    "name": "TypeScript4",
-    "value": 2467
-  },
-  {
-    "name": "Vite2",
-    "value": 2244
-  },
-  {
-    "name": "NaiveUI",
-    "value": 1898
-  },
-  {
-    "name": "ECharts5",
-    "value": 1484
-  },
-  {
-    "name": "Axios",
-    "value": 1112
-  },
-  {
-    "name": "Pinia2",
-    "value": 965
-  },
-  {
-    "name": "PlopJS",
-    "value": 847
-  },
-  {
-    "name": "sfc",
-    "value": 582
-  },
-  {
-    "name": "SCSS",
-    "value": 555
-  },
-  {
-    "name": "pnpm",
-    "value": 550
-  },
-  {
-    "name": "eslint",
-    "value": 462
-  },
-  {
-    "name": "json",
-    "value": 366
-  },
-  {
-    "name": "图表",
-    "value": 360
-  },
-  {
-    "name": "地图",
-    "value": 282
-  },
-  {
-    "name": "时钟",
-    "value": 273
-  },
-  {
-    "name": "标题",
-    "value": 265
-  }
-]

-import { useWidgetKey } from '@/packages/external/useWidgetKey'
-import { ConfigType, ChartFrameEnum } from '@/packages/index.d'
-import { EPackagesCategoryEnum } from '../../../types'
-import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
-
-const { key, conKey, chartKey } = useWidgetKey('WordCloud')
-export const WordCloudConfig: ConfigType = {
-  key,
-  chartKey,
-  conKey,
-  title: '词云',
-  category: ChatCategoryEnum.MORE,
-  categoryName: ChatCategoryEnumName.MORE,
-  package: EPackagesCategoryEnum.COMPOSES,
-  chartFrame: ChartFrameEnum.COMMON,
-  image: 'words_cloud.png'
-}

-<template>
-  <v-chart ref="vChartRef" :theme="themeColor" :option="option" :manual-update="isPreview()"
-    :update-options="{ replaceMerge: replaceMergeArr }" autoresize></v-chart>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, watch, PropType } from 'vue'
-import VChart from 'vue-echarts'
-import 'echarts-wordcloud'
-import { use } from 'echarts/core'
-import { CanvasRenderer } from 'echarts/renderers'
-import config, { includes } from './config'
-import { mergeTheme, setOption } from '@/packages/public/chart'
-import { useChartDataFetch } from '@/hooks'
-import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
-import { isPreview } from '@/utils'
-import { GridComponent, TooltipComponent } from 'echarts/components'
-import dataJson from './data.json'
-
-const props = defineProps({
-  themeSetting: {
-    type: Object,
-    required: true
-  },
-  themeColor: {
-    type: Object,
-    required: true
-  },
-  chartConfig: {
-    type: Object as PropType<config>,
-    required: true
-  }
-})
-
-use([CanvasRenderer, GridComponent, TooltipComponent])
-
-const replaceMergeArr = ref<string[]>()
-
-const option = computed(() => {
-  return mergeTheme(props.chartConfig.option, props.themeSetting, includes)
-})
-
-const dataSetHandle = (dataset: typeof dataJson) => {
-  try {
-    dataset && (props.chartConfig.option.series[0].data = dataset)
-    vChartRef.value && isPreview() && setOption(vChartRef.value, props.chartConfig.option)
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-// dataset 无法变更条数的补丁
-watch(
-  () => props.chartConfig.option.dataset,
-  newData => {
-    dataSetHandle(newData)
-  },
-  {
-    deep: false
-  }
-)
-
-const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (newData: typeof dataJson) => {
-  dataSetHandle(newData)
-})
-</script>

-import { WordCloudConfig } from './WordCloud/index'
 import { ButtonConfig } from './Button/index'
 import { DateTimeConfig } from './DateTime/index'
 
-export default [WordCloudConfig,ButtonConfig,DateTimeConfig]
+export default [ButtonConfig,DateTimeConfig]