新版前端UI，预发布2.6.4版本。 (#1735)

* fix: 修改 layout 中相关 emit 和重复声明的 theme ，采用最新的vue api * fix：修改 eslintrc 的配置文件，删除大多数无用配置 * fix: 修复 layout 切换手机样式模糊层的 bug * feature: 重构 layout , 添加暗黑模式，删除侧边栏颜色 * fix:细节调整，activeColor摘除。 * feature:右侧滚动模式调整 * feature:无用代码剔除 * fix: 修复暗黑模式相关细节 * fix: custome config layout * feature:样式细节调整 * fix: 增加前端样式配置文件 * feature:调整基础配置，增加表格边框 * feature:buttomInfo取消底色，a标签更改为活跃色 * feature:调整阴影颜色和配置同步 * feature:版本调整2.6.3==>2.6.4 --------- Co-authored-by: bypanghu <bypanghu@163.com>
2024-05-09 21:35:39 +08:00
parent 9d58390e11
commit df1d68a724
60 changed files with 2414 additions and 2344 deletions
@@ -0,0 +1,56 @@
+<!--
+   本组件参考 arco-pro 的实现
+    https://github.com/arco-design/arco-design-pro-vue/blob/main/arco-design-pro-vite/src/components/chart/index.vue
+    @auther: bypanghu<bypanghu@163.com>
+    @date: 2024/5/8
+!-->
+
+<template>
+  <VCharts
+    v-if="renderChart"
+    :option="options"
+    :autoresize="autoResize"
+    :style="{ width, height }"
+  />
+</template>
+
+<script  setup>
+import { ref, nextTick } from 'vue';
+import VCharts from 'vue-echarts';
+import { useWindowResize } from '@/hooks/use-windows-resize'
+
+defineProps({
+  options: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+  autoResize: {
+    type: Boolean,
+    default: true,
+  },
+  width: {
+    type: String,
+    default: '100%',
+  },
+  height: {
+    type: String,
+    default: '100%',
+  },
+});
+const renderChart = ref(false);
+nextTick(() => {
+  renderChart.value = true;
+});
+useWindowResize(()=>{
+  renderChart.value = false;
+  nextTick(() => {
+    renderChart.value = true;
+  });
+
+})
+
+</script>
+
+<style scoped lang="less"></style>