mirror of
https://github.com/Megghy/vtsuru.live.git
synced 2025-12-06 18:36:55 +08:00
feat: 更新依赖和增强动态表单功能
- 在 package.json 中添加 hammerjs 和 tui-image-editor 依赖 - 在 DynamicForm.vue 中引入并实现装饰性图片功能,支持图片上传、删除和属性调整 - 优化颜色处理逻辑,支持 RGBA 格式 - 更新常量和类型定义,增强代码可读性和可维护性
This commit is contained in:
@@ -241,12 +241,37 @@
|
||||
<script lang="ts" setup>
|
||||
import { ref, onMounted, computed, nextTick, onUnmounted, watch } from 'vue';
|
||||
import { NCard, NGrid, NGridItem, NSpin, NStatistic, NTabPane, NTabs, useMessage, NTag, NIcon, NDivider, NFlex, NSpace } from 'naive-ui';
|
||||
import * as echarts from 'echarts';
|
||||
import * as echarts from 'echarts/core';
|
||||
import { LineChart, BarChart } from 'echarts/charts';
|
||||
import {
|
||||
TitleComponent,
|
||||
TooltipComponent,
|
||||
GridComponent,
|
||||
LegendComponent,
|
||||
MarkPointComponent,
|
||||
MarkLineComponent,
|
||||
DataZoomComponent
|
||||
} from 'echarts/components';
|
||||
import { CanvasRenderer } from 'echarts/renderers';
|
||||
import { QueryGetAPI } from '@/api/query';
|
||||
import { ANALYZE_API_URL } from '@/data/constants';
|
||||
import { useThemeVars } from 'naive-ui';
|
||||
import { TrendingDown, TrendingUp } from '@vicons/ionicons5';
|
||||
|
||||
// 注册必要的组件
|
||||
echarts.use([
|
||||
TitleComponent,
|
||||
TooltipComponent,
|
||||
GridComponent,
|
||||
LegendComponent,
|
||||
LineChart,
|
||||
BarChart,
|
||||
CanvasRenderer,
|
||||
MarkPointComponent,
|
||||
MarkLineComponent,
|
||||
DataZoomComponent
|
||||
]);
|
||||
|
||||
// types.ts
|
||||
interface ChartItem {
|
||||
income: number;
|
||||
|
||||
Reference in New Issue
Block a user