diff --git a/package.json b/package.json index 9efbf2e..529d078 100644 --- a/package.json +++ b/package.json @@ -72,40 +72,61 @@ }, "dependencies": { "@ant-design/icons-vue": "^7.0.1", + "@babel/types": "^7.23.9", + "@codemirror/basic-setup": "^0.20.0", + "@codemirror/lang-javascript": "^6.2.2", + "@codemirror/language": "^6.10.8", + "@codemirror/state": "^6.5.1", + "@codemirror/theme-one-dark": "^6.1.2", + "@codemirror/view": "^6.36.2", "@iconify/iconify": "^3.1.1", "@logicflow/core": "^1.2.18", "@logicflow/extension": "^1.2.19", "@microsoft/signalr": "^8.0.0", + "@shikijs/monaco": "^1.1.6", + "@turf/turf": "^7.1.0", "@vben/hooks": "workspace:*", + "@volar/cdn": "~1.11.1", + "@volar/monaco": "~1.11.1", + "@volar/typescript": "~1.11.1", + "@vue/language-service": "1.9.0-alpha.3", "@vue/shared": "^3.4.5", "@vueuse/core": "^10.7.1", "@zxcvbn-ts/core": "^3.0.4", - "ant-design-vue": "^4.0.8", "animate.css": "^4.1.1", + "ant-design-vue": "^4.0.8", "axios": "^1.6.4", - "color": "^4.2.3", "codemirror": "^5.65.16", + "color": "^4.2.3", "cropperjs": "^1.6.1", "crypto-js": "^4.2.0", "dayjs": "^1.11.10", - "driver.js": "^1.3.1", "dom-helpers": "^5.2.1", + "driver.js": "^1.3.1", "echarts": "^5.4.3", "echarts-liquidfill": "^3.1.0", "echarts-stat": "^1.2.0", "echarts-wordcloud": "^2.0.0", "element-plus": "^2.6.0", "exceljs": "^4.4.0", + "fflate": "^0.8.2", "gsap": "^3.11.3", - "js-md5": "^0.8.3", + "hash-sum": "^2.0.0", "highlight.js": "^11.5.0", "html2canvas": "^1.4.1", "iconify-icon": "^1.0.8", - "lodash-es": "^4.17.21", + "js-base64": "3.7.7", + "js-md5": "^0.8.3", + "jszip": "^3.10.1", "keymaster": "^1.6.2", + "lodash-es": "^4.17.21", + "mars3d": "~3.8.8", + "mars3d-cesium": "~1.124.0", "mockjs": "^1.1.0", - "nprogress": "^0.2.0", + "monaco-editor": "^0.33.0", + "monaco-editor-core": "^0.46.0", "naive-ui": "2.34.3", + "nprogress": "^0.2.0", "path-to-regexp": "^6.2.1", "pinia": "2.1.7", "pinia-plugin-persistedstate": "^3.2.1", @@ -113,52 +134,32 @@ "qrcode": "^1.5.3", "qs": "^6.11.2", "resize-observer-polyfill": "^1.5.1", - "three": "^0.145.0", "screenfull": "^6.0.1", + "shiki": "^1.1.6", "showdown": "^2.1.0", + "shpjs": "^6.1.0", "sortablejs": "^1.15.1", + "sucrase": "^3.35.0", + "three": "^0.145.0", "tinymce": "^5.10.9", "unocss": "0.58.3", "uuid": "^9.0.1", "vditor": "^3.9.8", "vue": "3.3.4", + "vue-clipboard3": "^2.0.0", + "vue-codemirror": "^6.1.1", "vue-color-kit": "^1.0.6", "vue-i18n": "^9.8.0", "vue-json-pretty": "^2.3.0", "vue-router": "^4.2.5", - "vue3-lazyload": "^0.2.5-beta", "vue-types": "^5.1.1", + "vue3-lazyload": "^0.2.5-beta", "vue3-sfc-loader": "^0.9.5", "vue3-sketch-ruler": "^1.3.3", "vuedraggable": "^4.1.0", "vuex": "^4.1.0", "xe-utils": "^3.5.14", - "xlsx": "^0.18.5", - "jszip":"^3.10.1", - "shpjs":"^6.1.0", - "js-base64":"3.7.7", - "monaco-editor": "^0.33.0", - "mars3d": "~3.8.8", - "@turf/turf": "^7.1.0", - "mars3d-cesium": "~1.124.0", - "@codemirror/lang-javascript": "^6.2.2", - "@codemirror/language": "^6.10.8", - "@codemirror/state": "^6.5.1", - "@codemirror/view": "^6.36.2", - "@codemirror/basic-setup": "^0.20.0", - "vue-codemirror": "^6.1.1", - "@codemirror/theme-one-dark": "^6.1.2", - "monaco-editor-core": "^0.46.0", - "fflate": "^0.8.2", - "@volar/cdn": "~1.11.1", - "@volar/monaco": "~1.11.1", - "@volar/typescript": "~1.11.1", - "sucrase": "^3.35.0", - "hash-sum": "^2.0.0", - "@vue/language-service": "1.9.0-alpha.3", - "shiki": "^1.1.6", - "@shikijs/monaco": "^1.1.6", - "@babel/types": "^7.23.9" + "xlsx": "^0.18.5" }, "devDependencies": { "@amap/amap-jsapi-loader": "^1.0.1", @@ -177,35 +178,35 @@ "@types/qs": "^6.9.11", "@types/showdown": "^2.0.6", "@types/sortablejs": "^1.15.7", - "@vicons/carbon": "^0.12.0", - "@vicons/ionicons5": "~0.11.0", "@vben/eslint-config": "workspace:*", "@vben/stylelint-config": "workspace:*", "@vben/ts-config": "workspace:*", "@vben/types": "workspace:*", "@vben/vite-config": "workspace:*", + "@vicons/carbon": "^0.12.0", + "@vicons/ionicons5": "~0.11.0", "@vue/compiler-sfc": "^3.4.5", "@vue/test-utils": "^2.4.3", "cross-env": "^7.0.3", "cz-git": "^1.8.0", "czg": "^1.8.0", "husky": "^8.0.3", - "lodash": "~4.17.21", "lint-staged": "15.2.0", + "lodash": "~4.17.21", "prettier": "^3.1.1", "prettier-plugin-packagejson": "^2.4.8", "rimraf": "^5.0.5", - "turbo": "^1.11.3", "sass": "^1.49.11", "sass-loader": "^12.6.0", + "turbo": "^1.11.3", "typescript": "^5.3.3", "unbuild": "^2.0.0", "vite": "^4.2.0", "vite-plugin-mars3d": "^3.1.3", "vite-plugin-mock": "^2.9.6", + "vite-plugin-monaco-editor": "^1.1.0", "vue-echarts": "^6.0.2", - "vue-tsc": "^1.8.27", - "vite-plugin-monaco-editor": "^1.1.0" + "vue-tsc": "^1.8.27" }, "packageManager": "pnpm@8.10.0", "engines": { diff --git a/src/assets/images/chart/zhigan/component/lowerLeft.svg b/src/assets/images/chart/zhigan/component/lowerLeft.svg deleted file mode 100644 index 1da85fa..0000000 --- a/src/assets/images/chart/zhigan/component/lowerLeft.svg +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/components/Pages/ChartItemSetting/GlobalSetting.vue b/src/components/Pages/ChartItemSetting/GlobalSetting.vue index 68e3fb0..523d7a8 100644 --- a/src/components/Pages/ChartItemSetting/GlobalSetting.vue +++ b/src/components/Pages/ChartItemSetting/GlobalSetting.vue @@ -358,7 +358,8 @@ const props = defineProps({ } }) -const chartEditStore = useChartEditStore() +const chartEditStore = useChartEditStore(); + const themeSetting = computed(() => { const chartThemeSetting = chartEditStore.getEditCanvasConfig.chartThemeSetting return chartThemeSetting diff --git a/src/hooks/ceshiFun.hook.ts b/src/hooks/ceshiFun.hook.ts index 41bf44b..6fc5d2a 100644 --- a/src/hooks/ceshiFun.hook.ts +++ b/src/hooks/ceshiFun.hook.ts @@ -2,9 +2,182 @@ export function mapFun() { const ceshiClick = () => { console.log('ceshi'); + alert('ceshi'); }; + + // 根据坐标点跳转位置 + const handlerFlyToPoint = (params) => { + window.globalMap.flyToPoint([118.000666,35.11987], + {"alt":4269.7,"heading":359.2,"pitch":-51.9}); + } + + + const handlerAddEntity = (data) => { + + let graphicOptions = { + id:data.id, + position: [parseFloat(data.position.lng), parseFloat(data.position.lat)], + style: { + image: data.image.generalIcon, + clampToGround: true, + scale: 0.5, + label: { + text: data.attribute.label, + font_size: 14, + color: "#ffffff", + pixelOffsetY: 10, + distanceDisplayCondition: true, + distanceDisplayCondition_far: 500000, + distanceDisplayCondition_near: 0, + }, + }, + popup: `
+
+
+
+
+
+
+
+
+
+
火点信息
+
+
+
火点地址:${data.attribute.address}
+
+
+
上报时间:
+
2025-2-11 12:00:00 +
+
+
+
+ 防灭火资源 + 删除火点 +
+
+
+
+
+
+
+
+
+
`, + popupOptions: { + offsetY: -30, + template: "{content}", + horizontalOrigin: "Cesium.HorizontalOrigin.LEFT", + verticalOrigin: "Cesium.VerticalOrigin.CENTER", + }, + } + + let graphic = window.graphicLayer.getGraphicById(data.id); + + if(graphic){ + graphic.setStyleOptions(graphicOptions); + }else{ + graphic = new mars3d.graphic.BillboardEntity(graphicOptions); + + window.graphicLayer.addGraphic(graphic); + } + } + + const handlerMeasureSurfaceLength = async () => { + const graphic = await window.measureTool.distanceSurface({ + showAddText: true, + exact: false + }) + } + + const handlerMeasureLength = async () => { + const graphic = await window.measureTool.distance({ + showAddText: true, + label: { + type: "div", + updateText: function (text, graphic) { + graphic.html = `
${text}
` + }, + html: `
`, + } + }) + } + + const handlerMeasureSurfaceArea = async () => { + const graphic = await window.measureTool.areaSurface({ + style: { + color: "#ffff00" + }, + splitNum: 10, // step插值分割的个数 + exact: false // 是否进行精确计算, 传false时是否快速概略计算方式,该方式计算精度较低,但计算速度快,仅能计算在当前视域内坐标的高度 + }) + } + + const handlerMeasureArea = async () => { + const graphic = await window.measureTool.area({ + style: { + color: '#00fff2', + opacity: 0.4, + outline: true, + outlineColor: '#fafa5a', + outlineWidth: 1, + clampToGround: false //贴地 + } + }) + } + + const handlerMeasurePoint = async () => { + const graphic = await window.measureTool.point({ + popupOptions: { + pointerEvents: false + }, + popup: function (point, event) { + return `
位置信息
+
+
${point.lng}
+
${point.lat}
+
${point.alt}米
+
` + } + }) + } + + + const handlerMeasureHeight = async () => { + const graphic = await window.measureTool.height(); + } + + const handlerClearMeasure = () => { + window.measureTool.clear(); + } + + const handlerDrawPolygon = async () => { + const graphic = await graphicLayer.startDraw({ + type: "polygon", + style: { + color: "#3388ff", + opacity: 0.5, + outline: true, + outlineColor: "#ffffff", + outlineWidth: 2.0, + clampToGround:true + } + }) + } + return { ceshiClick, + handlerFlyToPoint, + handlerAddEntity, + handlerMeasureSurfaceLength, + handlerMeasureLength, + handlerMeasureSurfaceArea, + handlerMeasureArea, + handlerMeasurePoint, + handlerMeasureHeight, + handlerClearMeasure, + handlerDrawPolygon }; } @@ -16,4 +189,104 @@ export const funSelectOptions = [ // 事件名(用于触发) value: 'ceshiClick', }, + { + label:"根据坐标定位地图视角", + value: 'handlerFlyToPoint' + }, + { + label:"添加任意类型图层", + value: 'handlerAddLayer' + }, + { + label:"隐藏任意类型图层", + value: 'handlerHiddenLayer' + }, + { + label:"删除任意类型图层", + value: 'handlerRemoveLayer' + }, + { + label:"添加单个矢量数据", + value: 'handlerAddEntity' + }, + { + label:"隐藏单个矢量数据", + value:"handlerHiddenEntity" + }, + { + label:"移除单个矢量数据", + value:"handlerRemoveEntity" + }, + { + label:"定位和高亮矢量数据", + value:"handlerFlyToEntity" + }, + { + label:"清除全部矢量数据", + value:"handlerClearEntityLayer" + }, + { + label:"隐藏全部矢量数据", + value:"handlerHiddenEntityLayer" + }, + { + label:"点击地图拾取坐标", + value:"handlerDrawPoint" + }, + { + label:"绘制贴地线", + value:"handlerDrawLine" + }, + { + label:"绘制图标点", + value:"handlerDrawIconPoint" + }, + { + label:"绘制贴地线", + value:"handlerDrawLine" + }, + { + label:"绘制贴地自由线", + value:"handlerDrawBrushLine" + }, + { + label:"绘制贴地面", + value:"handlerDrawLine" + }, + { + label:"绘制贴地矩形", + value:"handlerDrawRectangle" + }, + { + label:"绘制贴地面", + value:"handlerDrawPolygon" + }, + { + label:"贴地距离测量", + value:"handlerMeasureSurfaceLength" + }, + { + label:"空间距离测量", + value:"handlerMeasureLength" + }, + { + label:"贴地面积测量", + value:"handlerMeasureSurfaceArea" + }, + { + label:"水平面积测量", + value:"handlerMeasureArea" + }, + { + label:"坐标点位测量", + value:"handlerMeasurePoint" + }, + { + label:"高度差测量", + value:"handlerMeasureHeight" + }, + { + label:"清空测量数据", + value:"handlerClearMeasure" + } ]; diff --git a/src/hooks/eventHandler.hook.ts b/src/hooks/eventHandler.hook.ts index e7a95b9..dbcbda3 100644 --- a/src/hooks/eventHandler.hook.ts +++ b/src/hooks/eventHandler.hook.ts @@ -5,7 +5,7 @@ const chartEditStore = useChartEditStore(); const ceshiFunction = mapFun(); // 交互事件 -export const eventHandlerHook = (comonentList: any, elementList: any) => { +export const eventHandlerHook = (comonentList: any, elementList: any, params:any = null) => { let obj: any = {}; let index = 0; for (let i = 0; i < comonentList.length; i++) { @@ -37,7 +37,11 @@ export const eventHandlerHook = (comonentList: any, elementList: any) => { // 地图事件联动 for (let k = 0; k < elementList[j].elementId.length; k++) { if (comonentList[i].id == elementList[j].elementId[k]) { - ceshiFunction[elementList[j].funName](); + if(params){ + ceshiFunction[elementList[j].funName](params); + }else{ + ceshiFunction[elementList[j].funName](); + } } } } diff --git a/src/packages/components/Charts/Maps/MapLayer/config.ts b/src/packages/components/Charts/Maps/MapLayer/config.ts index 86fca47..fffa26b 100644 --- a/src/packages/components/Charts/Maps/MapLayer/config.ts +++ b/src/packages/components/Charts/Maps/MapLayer/config.ts @@ -53,6 +53,12 @@ export enum MarkerEnum { export const option = { dataset: dataJson, + boxStyle:{ + title:"", + borderColor:"", + backgroundColor:"", + fontColor:"", + }, mapOptions:{ "scene": { "center": {"lat":30.074253,"lng":126.353311,"alt":21803924.9,"heading":360,"pitch":-90}, @@ -1991,7 +1997,7 @@ export const option = { export default class Config extends PublicConfigClass implements CreateComponentType { public key = MapLayerConfig.key - public attr = { ...chartInitConfig, w: 1000, h: 800, zIndex: -1 } + public attr = { ...chartInitConfig, w: 300, h: 800, zIndex: -1 } public chartConfig = cloneDeep(MapLayerConfig) public option = cloneDeep(option) } diff --git a/src/packages/components/Charts/Maps/MapLayer/config.vue b/src/packages/components/Charts/Maps/MapLayer/config.vue index 2666a34..4838a2b 100644 --- a/src/packages/components/Charts/Maps/MapLayer/config.vue +++ b/src/packages/components/Charts/Maps/MapLayer/config.vue @@ -1,85 +1,21 @@ diff --git a/src/packages/components/Zhigan/Zhigan/ModalButton/svg/button.vue b/src/packages/components/Zhigan/Zhigan/ModalButton/svg/button.vue index 7ec19e0..59d0b08 100644 --- a/src/packages/components/Zhigan/Zhigan/ModalButton/svg/button.vue +++ b/src/packages/components/Zhigan/Zhigan/ModalButton/svg/button.vue @@ -3,8 +3,8 @@ diff --git a/src/packages/components/Zhigan/Zhigan/ModalFrameClose/config.ts b/src/packages/components/Zhigan/Zhigan/ModalFrameClose/config.ts index 93c0b1d..87f4370 100644 --- a/src/packages/components/Zhigan/Zhigan/ModalFrameClose/config.ts +++ b/src/packages/components/Zhigan/Zhigan/ModalFrameClose/config.ts @@ -5,6 +5,10 @@ import { chartInitConfig } from '@/settings/designSetting' import { ModalFrameCloseConfig } from './index' export const option = { + dataStyle:{ + color: '#005516', + fontColor: '#FFFFFF' + } } export default class Config extends PublicConfigClass implements CreateComponentType { diff --git a/src/packages/components/Zhigan/Zhigan/ModalFrameClose/config.vue b/src/packages/components/Zhigan/Zhigan/ModalFrameClose/config.vue index 15e0a42..39ce42f 100644 --- a/src/packages/components/Zhigan/Zhigan/ModalFrameClose/config.vue +++ b/src/packages/components/Zhigan/Zhigan/ModalFrameClose/config.vue @@ -1,4 +1,23 @@ - +
-
@@ -23,7 +23,9 @@ const { w, h } = toRefs(props.chartConfig.attr); - const option = reactive({}); + const option = reactive({ + dataStyle: props.chartConfig.option.dataStyle, + }); diff --git a/src/packages/components/Zhigan/Zhigan/WeiXingYaoGan/svg/xinxi.vue b/src/packages/components/Zhigan/Zhigan/WeiXingYaoGan/svg/xinxi.vue index dfe6ca8..85cba7a 100644 --- a/src/packages/components/Zhigan/Zhigan/WeiXingYaoGan/svg/xinxi.vue +++ b/src/packages/components/Zhigan/Zhigan/WeiXingYaoGan/svg/xinxi.vue @@ -1,8 +1,8 @@ diff --git a/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/config.ts b/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/config.ts index db3127a..eeeab6a 100644 --- a/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/config.ts +++ b/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/config.ts @@ -29,15 +29,15 @@ export const option = { bottomFontColor3: '#FFFFFF', bottomFontSize3: 12, lineColor: '#A4F9AB', - bottomMarginTop: 0, + bottomMarginTop: 16, bottomWidth: 80, - bottomHeight: 120, + bottomHeight: 80 * 97 / 71, } } export default class Config extends PublicConfigClass implements CreateComponentType { public key = WuRenJiFeiXingShuJuConfig.key - public attr = { ...chartInitConfig, w: 400, h: 200, zIndex: -1 } + public attr = { ...chartInitConfig, w: 400, h: 240, zIndex: -1 } public chartConfig = cloneDeep(WuRenJiFeiXingShuJuConfig) public option = cloneDeep(option) } diff --git a/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/config.vue b/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/config.vue index 3eee02b..c5ebbc8 100644 --- a/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/config.vue +++ b/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/config.vue @@ -24,6 +24,14 @@ size="small" /> + + + @@ -62,7 +70,7 @@ size="small" /> - + @@ -130,7 +138,7 @@ v-model:value="optionData.dataStyle.lineColor" > - + - + diff --git a/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/index.vue b/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/index.vue index ed87937..e0f13d8 100644 --- a/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/index.vue +++ b/src/packages/components/Zhigan/Zhigan/WuRenJiFeiXingShuJu/index.vue @@ -33,6 +33,19 @@ dataset: props.chartConfig.option.dataset, dataStyle: props.chartConfig.option.dataStyle, }); + + watch( + () => option.dataStyle.topWidth, + () => { + option.dataStyle.topHeight = option.dataStyle.topWidth; + option.dataStyle.bottomWidth = option.dataStyle.topWidth; + option.dataStyle.bottomHeight = 97 * (option.dataStyle.bottomWidth / 71); + }, + { + immediate: true, + deep: true, + }, + ); diff --git a/src/packages/components/Zhigan/Zhigan/WuRenJiImage/svg/tupian.vue b/src/packages/components/Zhigan/Zhigan/WuRenJiImage/svg/tupian.vue index afe678f..548ab82 100644 --- a/src/packages/components/Zhigan/Zhigan/WuRenJiImage/svg/tupian.vue +++ b/src/packages/components/Zhigan/Zhigan/WuRenJiImage/svg/tupian.vue @@ -3,12 +3,11 @@ - diff --git a/src/packages/components/Zhigan/Zhigan/WuRenJiShiShiHuaMian/config.vue b/src/packages/components/Zhigan/Zhigan/WuRenJiShiShiHuaMian/config.vue index 160fde2..4d81ae5 100644 --- a/src/packages/components/Zhigan/Zhigan/WuRenJiShiShiHuaMian/config.vue +++ b/src/packages/components/Zhigan/Zhigan/WuRenJiShiShiHuaMian/config.vue @@ -74,7 +74,7 @@ placeholder="标题字体大小" > - + option.dataStyle.videowidth, + () => { + option.dataStyle.titleWidth = option.dataStyle.videowidth; + option.dataStyle.titleHeight = 30 * (option.dataStyle.titleWidth / 181); + }, + { + immediate: true, + deep: true, + }, + ); diff --git a/src/views/chart/ContentEdit/components/EditGroup/index.vue b/src/views/chart/ContentEdit/components/EditGroup/index.vue index 03cced4..cd8a984 100644 --- a/src/views/chart/ContentEdit/components/EditGroup/index.vue +++ b/src/views/chart/ContentEdit/components/EditGroup/index.vue @@ -12,7 +12,7 @@ ...useSizeStyle(groupData.attr), ...getFilterStyle(groupData.styles), ...getTransformStyle(groupData.styles), - ...getBlendModeStyle(groupData.styles) as any + ...(getBlendModeStyle(groupData.styles) as any), }" @click="mouseClickHandle($event, groupData)" @mousedown="mousedownHandle($event, groupData)" @@ -29,7 +29,7 @@ :item="item" :hiddenPoint="true" :style="{ - ...useComponentStyle(item.attr, groupIndex) + ...useComponentStyle(item.attr, groupIndex), }" > @@ -51,79 +51,88 @@ diff --git a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue index e42c5e2..e36523b 100644 --- a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue +++ b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue @@ -21,149 +21,149 @@ diff --git a/src/views/chart/ContentEdit/components/EditTools/index.vue b/src/views/chart/ContentEdit/components/EditTools/index.vue index 6b8034c..ff34d90 100644 --- a/src/views/chart/ContentEdit/components/EditTools/index.vue +++ b/src/views/chart/ContentEdit/components/EditTools/index.vue @@ -64,6 +64,49 @@ + + + + + + + + + + + + + + + + @@ -234,6 +307,7 @@ border-radius: 25px; border: 1px solid; @include fetch-border-color('hover-border-color-shallow'); + height: 240px !important; &.aside { display: flex; justify-content: center; diff --git a/src/views/preview/components/PreviewRenderGroup/index.vue b/src/views/preview/components/PreviewRenderGroup/index.vue index f72ea98..95b115d 100644 --- a/src/views/preview/components/PreviewRenderGroup/index.vue +++ b/src/views/preview/components/PreviewRenderGroup/index.vue @@ -5,6 +5,11 @@ ...getSizeStyle(groupData.attr), ...getFilterStyle(groupData.styles), }" + @click="clickBtn" + @dblclick="dblclickBtn" + @contextmenu="rightclickBtn" + @mouseenter="mouseenterBtn" + @mouseleave="mouseleaveBtn" >