{ "name": "vectorShapeV2", "version": "1.0.8", "dependencies": { "bcore": "0.0.18", "jquery": "2.1.4", "lodash": "4.6.1", "react": "17.0.2", "react-dom": "17.0.2", "svg-points": "^6.0.1" }, "scripts": { "build": "cube build ./ --output=../../datavComponent --remote=pandav --smart" }, "pandav": { "cn_name": "形状组件V2", "protocol": 2, "level": 0, "apis": { "source": { "handler": "render", "description": "数据接口", "fields": { "url": { "description": "超链接地址", "optional": true, "type": "string" } } } }, "events": { "click": { "name": "鼠标点击", "type": "array", "fields": { "url": { "type": "", "name": "", "description": "传入内容与data一致" } }, "data": [] }, "mouseEnter": { "name": "鼠标移入", "type": "array", "fields": { "url": { "type": "", "name": "", "description": "传入内容与data一致" } }, "data": [] }, "mouseLeave": { "name": "鼠标移出", "type": "array", "fields": { "url": { "type": "", "name": "", "description": "传入内容与data一致" } }, "data": [] } }, "publicHandler": {}, "config": { "options": { "type": "menu", "children": { "chart": { "name": "全局", "type": "menuChild", "mode": "single", "children": { "shapeValue": { "name": "形状", "type": "select", "default": "rectangle", "options": [ { "name": "矩形", "value": "rectangle" }, { "name": "圆形", "value": "circle" }, { "name": "三角形", "value": "triangle" }, { "name": "svg", "value": "custom" } ] }, "url": { "name": "svg文件", "type": "image", "default": "", "show": [ [ "shapeValue", "$eq", "custom" ] ] }, "borderRadius": { "name": "圆角", "show": [ [ "shapeValue", "$eq", "rectangle" ] ], "default": "0;0;0;0", "type": "text", "description": "格式: 左上;右上;右下;左下(例如: 10;20;30;40)或者只输入一个值，此时四个角圆角相同(例如: 10)" }, "background": { "type": "group", "name": "背景", "children": { "fillType": { "name": "填充方式", "default": "color", "type": "select", "options": [ { "name": "颜色", "value": "color" }, { "name": "纹理", "value": "pattern" } ] }, "colors": { "name": "颜色", "show": [ [ "fillType", "$eq", "color" ] ], "type": "fill", "components": [ "flat", "linearGradient" ], "default": "#1289DD" }, "url": { "name": "图案", "show": [ [ "fillType", "$eq", "pattern" ] ], "default": "/civ_pandaview_component/pandabi-component/assets/components/chinaMap2d/pattern.png", "type": "image" }, "repeat": { "name": "自动重复", "default": true, "type": "boolean", "show": [ [ "fillType", "$eq", "pattern" ] ] }, "size": { "name": "尺寸", "show": [ [ "fillType", "$eq", "pattern" ], [ "repeat", "$eq", true ] ], "type": "suite", "children": { "width": { "name": "宽度", "suffix": "px", "default": 45, "col": 12, "type": "number" }, "height": { "name": "高度", "suffix": "px", "default": 45, "col": 12, "type": "number" } } }, "opacity": { "name": "透明度", "type": "slider", "show": [ [ "fillType", "$eq", "pattern" ] ], "max": 1, "min": 0, "step": 0.01, "default": 1 } } }, "rectBorder": { "name": "描边", "fold": false, "show": [ [ "shapeValue", "$ne", "custom" ], [ "shapeValue", "$ne", "triangle" ] ], "type": "group", "children": { "show": { "default": true }, "borderWidth": { "name": "粗细", "default": 2, "suffix": "px", "type": "number" }, "colors": { "name": "颜色", "type": "fill", "components": [ "flat", "linearGradient" ], "default": "#FFFFFF" } } }, "csyBorder": { "name": "描边", "show": [ [ "shapeValue", "$eq", "custom" ] ], "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": true }, "borderWidth": { "name": "粗细", "default": 2, "suffix": "px", "type": "number" }, "colors": { "name": "颜色", "type": "fill", "components": [ "flat", "linearGradient" ], "default": "#FFFFFF" } } }, "triangleBorder": { "name": "描边", "show": [ [ "shapeValue", "$eq", "triangle" ] ], "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": true }, "borderWidth": { "name": "粗细", "default": 2, "suffix": "px", "type": "number" }, "colors": { "name": "颜色", "type": "fill", "components": [ "flat", "linearGradient" ], "default": "#FFFFFF" } } }, "rectShadow": { "show": [ [ "shapeValue", "$ne", "triangle" ], [ "shapeValue", "$ne", "custom" ] ], "type": "group", "name": "阴影", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "innerDropShadow": { "name": "内阴影", "type": "suite", "children": { "color": { "type": "color", "default": "#0075ff", "name": "颜色", "col": 24 }, "vShadow": { "type": "number", "default": 0, "name": "X", "col": 12 }, "hShadow": { "type": "number", "default": 0, "name": "Y", "col": 12 }, "blur": { "type": "number", "default": 0, "name": "模糊", "col": 12 }, "spread": { "type": "number", "default": 0, "name": "扩展", "col": 12 } } }, "outerDropShadow": { "name": "外阴影", "type": "suite", "children": { "color": { "type": "color", "default": "#0075ff", "name": "颜色", "col": 24 }, "vShadow": { "type": "number", "default": 0, "name": "X", "col": 12 }, "hShadow": { "type": "number", "default": 0, "name": "Y", "col": 12 }, "blur": { "type": "number", "default": 0, "name": "模糊", "col": 12 }, "spread": { "type": "number", "default": 0, "name": "扩展", "col": 12 } } } } }, "shadow": { "show": [ [ "shapeValue", "$ne", "rectangle" ], [ "shapeValue", "$ne", "circle" ] ], "name": "阴影", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "outerDropShadow": { "name": "外阴影", "type": "suite", "children": { "color": { "type": "color", "default": "#0075ff", "name": "颜色", "col": 24 }, "vShadow": { "type": "number", "default": 0, "name": "X", "col": 12 }, "hShadow": { "type": "number", "default": 0, "name": "Y", "col": 12 }, "blur": { "type": "number", "default": 0, "name": "模糊", "col": 12 }, "spread": { "type": "number", "default": 0, "name": "扩展", "col": 12 } } } } }, "rotation": { "name": "旋转", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": true }, "x": { "col": 24, "name": "绕X轴", "min": -180, "max": 180, "default": 0, "type": "slider" }, "y": { "col": 24, "name": "绕Y轴", "min": -180, "default": 0, "max": 180, "type": "slider" }, "z": { "col": 24, "name": "绕Z轴", "min": -180, "max": 180, "type": "slider", "default": 0 } } } } }, "animation": { "name": "动画", "type": "menuChild", "children": { "turnOn": { "name": "启动", "type": "boolean", "default": false }, "infinite": { "name": "循环播放", "type": "boolean", "default": true, "show": [ [ "turnOn", "$eq", true ] ] }, "animationTiming": { "name": "速度", "type": "select", "default": "Linear", "show": [ [ "turnOn", "$eq", true ], [ ".type", "$ne", "custom" ] ], "options": [ { "name": "匀速", "value": "Linear" }, { "name": "慢快慢", "value": "EaseInOut" }, { "name": "低速开始", "value": "EaseIn" }, { "name": "低速结束", "value": "EaseOut" } ] }, "animationDuration": { "show": [ [ "turnOn", "$eq", true ] ], "name": "动画时长", "type": "number", "default": 3, "suffix": "s" }, "animationDelay": { "show": [ [ "turnOn", "$eq", true ] ], "name": "动画延时", "default": 0, "type": "number", "min": 0, "suffix": "s" }, "animationSpan": { "show": [ [ "turnOn", "$eq", true ] ], "name": "动画间隔", "default": 0, "type": "number", "min": 0, "suffix": "s" }, "type": { "show": [ [ "turnOn", "$eq", true ] ], "name": "类型", "type": "select", "default": "opacity", "options": [ { "name": "透明度", "value": "opacity" }, { "name": "缩放", "value": "scale" }, { "name": "顺时针旋转", "value": "rotateClockwise" }, { "name": "逆时针旋转", "value": "rotateAnticlockwise" }, { "name": "回旋转", "value": "whirling" }, { "name": "自定义", "value": "custom" } ] }, "keyframes": { "fold": false, "type": "array", "name": "关键帧", "default": [ { "timeAxis": 100, "opacity": 0, "rotate": { "show": false, "rotateX": 0, "rotateY": 0, "rotateZ": 0 }, "scale": { "show": false, "scaleX": 100, "scaleY": 100 }, "translate": { "show": false, "translateX": 0, "translateY": 0 } } ], "show": [ [ "turnOn", "$eq", true ], [ "type", "$eq", "custom" ] ], "child": { "type": "object", "name": "帧<%= i + 1%>", "child": { "timeAxis": { "name": "动画时间轴", "default": 100, "type": "slider", "min": 0, "max": 100, "suffix": "%" }, "opacity": { "name": "透明度", "default": 0, "type": "slider", "min": 0, "max": 100, "suffix": "%" }, "rotate": { "name": "旋转", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "rotateX": { "name": "绕X轴", "default": 0, "type": "slider", "min": -180, "max": 180, "suffix": "°" }, "rotateY": { "name": "绕Y轴", "default": 0, "type": "slider", "min": -180, "max": 180, "suffix": "°" }, "rotateZ": { "name": "绕Z轴", "default": 0, "type": "slider", "min": -180, "max": 180, "suffix": "°" } } }, "scale": { "name": "缩放", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "scaleX": { "name": "scaleX", "default": 100, "type": "number", "min": 0, "suffix": "%", "span": 12 }, "scaleY": { "name": "scaleY", "default": 100, "type": "number", "min": 0, "suffix": "%", "span": 12 } } }, "translate": { "name": "平移", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "translateX": { "name": "X", "default": 0, "type": "number", "suffix": "px", "span": 12 }, "translateY": { "name": "Y", "default": 0, "type": "number", "suffix": "px", "span": 12 } } } } } } } }, "filter": { "name": "滤镜", "type": "menuChild", "mode": "single", "children": { "backdropFilter": { "name": "背景滤镜", "type": "group", "fold": false, "enableHide": true, "children": { "default": { "show": false }, "blur": { "name": "模糊", "type": "number", "default": 5, "min": 0 }, "saturate": { "name": "饱和度", "type": "slider", "default": 100, "min": 0, "max": 100, "suffix": "%" } } }, "blur": { "name": "高斯模糊", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "number", "default": 5, "min": 0, "suffix": "ox" } } }, "brightness": { "name": "亮度", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 100, "min": 0, "max": 200, "suffix": "%" } } }, "contrast": { "name": "对比度", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 100, "min": 0, "max": 200, "suffix": "%" } } }, "grayscale": { "name": "灰度", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 50, "min": 0, "max": 100, "suffix": "%" } } }, "hueRotate": { "name": "色相", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "色环角度值", "type": "slider", "default": 180, "min": 0, "max": 360, "suffix": "%" } } }, "invert": { "name": "反色", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 50, "min": 0, "max": 100, "suffix": "%" } } }, "saturate": { "name": "饱和度", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 100, "min": 0, "max": 200, "suffix": "%" } } }, "sepia": { "name": "褐色", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 50, "min": 0, "max": 100, "suffix": "%" } } }, "shadow": { "name": "阴影", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "dropShadow": { "name": "阴影", "type": "suite", "children": { "color": { "name": "颜色", "type": "color", "default": "#fff", "col": 12 }, "vShadow": { "name": "X", "type": "number", "default": 0, "col": 12 }, "hShadow": { "name": "Y", "type": "number", "default": 0, "col": 12 }, "blur": { "name": "模糊", "type": "text", "default": 8, "col": 12 } } } } } } } } } }, "api_data": { "source": [ { "url": "" } ] }, "view": { "width": "381", "height": "255", "minWidth": "0", "minHeight": "0", "z-index": 1010 }, "type": [ "DataV-6:control_path" ], "icon": "/civ_pandaview_component/pandabi-component/assets/n2dfnwviqo_1631188687873_vt0v0rjwnu.png", "thumbnail": "/civ_pandaview_component/pandabi-component/assets/n2dfnwviqo_1631188687873_vt0v0rjwnu.png" } }