{ "name": "imageV2", "version": "1.0.8", "dependencies": { "bcore": "0.0.18", "jquery": "2.1.4", "lodash": "4.6.1", "xss": "0.3.4", "react": "17.0.2", "react-dom": "17.0.2" }, "scripts": { "build": "cube build ./ --output=../../datavComponent --remote=pandav --smart" }, "pandav": { "cn_name": "图片", "protocol": 2, "level": 0, "apis": { "source": { "handler": "render", "description": "数据接口", "fields": { "url": { "description": "超链接地址", "optional": true, "type": "string" } } } }, "events": { "handleClick": { "description": "鼠标点击", "type": "array", "fields": { "url": { "type": "string", "name": "图片地址" } }, "data": [ { "url": "" } ] }, "mouseEnter": { "description": "鼠标移入", "type": "array", "fields": { "url": { "type": "string", "name": "图片地址" } }, "data": [ { "url": "" } ] }, "mouseLeave": { "description": "鼠标移出", "fields": { "url": { "type": "string", "name": "图片地址" } }, "data": [ { "url": "" } ] } }, "publicHandler": {}, "config": { "options": { "type": "menu", "children": { "chart": { "name": "全局", "type": "menuChild", "mode": "single", "children": { "borderRadius": { "name": "圆角", "type": "text", "default": "0;0;0;0", "description": "格式: 左上;右上;右下;左下(例如: 10;20;30;40)或者只输入一个值，此时四个角圆角相同(例如: 10),单位为px" }, "margin": { "type": "padding", "name": "边距", "default": { "left": 0, "top": 0, "right": 0, "bottom": 0 } }, "size": { "name": "尺寸", "default": "stretch", "type": "select", "options": [ { "name": "自适应", "value": "auto" }, { "name": "拉伸以充满容器", "value": "stretch" }, { "name": "真实大小", "value": "original" } ] }, "justifyContent": { "name": "对齐方式", "default": "flex-start", "type": "select", "options": [ { "name": "左对齐", "value": "flex-start" }, { "name": "右对齐", "value": "flex-end" }, { "name": "居中对齐", "value": "center" } ] }, "url": { "type": "image", "name": "图片上传", "default": "/civ_pandaview_component/pandabi-component/assets/components/image/default.png" }, "opacity": { "name": "透明度", "type": "slider", "default": 1, "max": 1, "min": 0, "step": ".05", "className": "engine-gui-grid-col-24" }, "colorShow": { "name": "是否使用混合颜色", "type": "boolean", "default": false }, "color": { "name": "混合颜色", "show": [ [ "colorShow", "$eq", true ] ], "type": "color", "default": "" }, "mode": { "name": "混合模式", "type": "select", "default": "normal", "options": [ { "name": "正常", "value": "normal" }, { "name": "正片叠底", "value": "multiply" }, { "name": "滤色", "value": "screen" }, { "name": "叠加", "value": "overlay" }, { "name": "变暗", "value": "darken" }, { "name": "变亮", "value": "lighten" }, { "name": "颜色减淡", "value": "color-dodge" }, { "name": "颜色加深", "value": "color-burn" }, { "name": "强光", "value": "hard-light" }, { "name": "柔光", "value": "soft-light" }, { "name": "差值", "value": "difference" }, { "name": "排除", "value": "exclusion" }, { "name": "色相", "value": "hue" }, { "name": "饱和度", "value": "saturation" }, { "name": "颜色", "value": "color" }, { "name": "亮度", "value": "luminosity" } ] }, "eventsThrough": { "name": "事件穿透", "type": "boolean", "default": true } } }, "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" } ] }, "easeRatio": { "name": "速度系数", "default": 1, "type": "number", "step": 0.01, "show": [ [ "animationTiming", "$ne", "Linear" ] ] }, "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": true, "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": "%" }, "easeType": { "name": "速度", "type": "select", "default": "Linear", "options": [ { "name": "匀速", "value": "Linear" }, { "name": "慢快慢", "value": "EaseInOut" }, { "name": "低速开始", "value": "EaseIn" }, { "name": "低速结束", "value": "EaseOut" } ] }, "easeRatio": { "name": "速度系数", "default": 1, "type": "number", "step": 0.01, "show": [ [ "easeType", "$ne", "Linear" ] ] }, "opacity": { "name": "透明度", "default": 0, "type": "slider", "min": 0, "max": 100, "suffix": "%" }, "rotate": { "name": "旋转", "type": "group", "fold": true, "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": true, "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": true, "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": { "blur": { "name": "高斯模糊", "type": "group", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "number", "default": 5, "min": 0, "suffix": "ox" } } }, "brightness": { "name": "亮度", "type": "group", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 100, "min": 0, "max": 200, "suffix": "%" } } }, "contrast": { "name": "对比度", "type": "group", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 100, "min": 0, "max": 200, "suffix": "%" } } }, "grayscale": { "name": "灰度", "type": "group", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 50, "min": 0, "max": 100, "suffix": "%" } } }, "hueRotate": { "name": "色相", "type": "group", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "色环角度值", "type": "slider", "default": 180, "min": 0, "max": 360, "suffix": "%" } } }, "invert": { "name": "反色", "type": "group", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 50, "min": 0, "max": 100, "suffix": "%" } } }, "saturate": { "name": "饱和度", "type": "group", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 100, "min": 0, "max": 200, "suffix": "%" } } }, "sepia": { "name": "褐色", "type": "group", "fold": true, "enableHide": true, "children": { "show": { "default": false }, "value": { "name": "值", "type": "slider", "default": 50, "min": 0, "max": 100, "suffix": "%" } } }, "shadow": { "name": "阴影", "type": "group", "fold": true, "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 } } } } } } }, "transform": { "name": "变换", "type": "menuChild", "mode": "single", "children": { "rotateX": { "name": "X旋转", "default": 0, "type": "number", "step": 1 }, "rotateY": { "name": "Y旋转", "default": 0, "type": "number", "step": 1 }, "rotateZ": { "name": "Z旋转", "default": 0, "type": "number", "step": 1 }, "scaleX": { "name": "X缩放", "default": 1, "type": "number", "step": 0.1 }, "scaleY": { "name": "Y缩放", "default": 1, "type": "number", "step": 0.1 }, "scaleZ": { "name": "Z缩放", "default": 1, "type": "number", "step": 0.1 }, "translateX": { "name": "X偏移", "default": 0, "type": "number", "step": 1 }, "translateY": { "name": "Y偏移", "default": 0, "type": "number", "step": 1 }, "translateZ": { "name": "Z偏移", "default": 0, "type": "number", "step": 1 } } } } } }, "api_data": { "source": [ { "url": "" } ] }, "view": { "width": "300", "height": "180", "minWidth": "0", "minHeight": "0", "z-index": 110 }, "type": [ "DataV-6:control_image" ], "icon": "/civ_pandaview_component/pandabi-component/assets/default.png", "thumbnail": "/civ_pandaview_component/pandabi-component/assets/default.png" } }