{ "name": "scrollTabV2", "version": "1.0.1", "scripts": { "build": "cube build ./ --output=../../datavComponent --remote=pandav --smart" }, "dependencies": { "bcore": "0.0.18", "jquery": "2.1.4", "lodash": "4.6.1", "react": "^17.0.2", "react-dom": "^17.0.2", "classnames": "2.3.2", "styled-components": "6.1.13" }, "pandav": { "cn_name": "滚动选项卡", "level": 0, "protocol": 2, "apis": { "source": { "handler": "render", "description": "数据接口", "fields": { "s": { "description": "类别", "type": "number" }, "content": { "description": "状态值", "type": "string" } } } }, "config": { "options": { "type": "menu", "children": { "chart": { "name": "全局", "type": "menuChild", "children": { "initIndex": { "name": "默认选中", "type": "number", "default": 1, "step": 1, "description": "从1开始，0即不选中" }, "textOverflow": { "name": "文本溢出", "type": "select", "default": "marquee", "options": [ { "name": "换行", "value": "break-word" }, { "name": "省略号", "value": "ellipsis" }, { "name": "跑马灯", "value": "marquee" } ], "mode": "icon" }, "speed": { "show": [ [ "textOverflow", "$eq", "marquee" ] ], "name": "滚动速度", "default": 5, "type": "number" }, "direction": { "name": "排列方向", "type": "radio", "default": "row", "options": [ { "label": "横排", "value": "row" }, { "label": "竖排", "value": "column" } ] }, "directionWidth": { "show": [ [ "direction", "$eq", "row" ] ], "name": "宽度", "type": "number", "default": 125, "min": 0, "suffix": "px" }, "directionHeight": { "show": [ [ "direction", "$eq", "column" ] ], "name": "高度", "type": "number", "default": 45, "min": 0, "suffix": "px" }, "tabMargin": { "name": "选项卡间距", "type": "number", "default": 4, "min": 0, "suffix": "px" }, "alignItems": { "name": "水平对齐", "type": "iconRadio", "default": "center", "evenlySplit": true, "options": [ { "name": "左对齐", "value": "flex-start", "src": "align-left" }, { "name": "居中对齐", "value": "center", "src": "align-center" }, { "name": "右对齐", "value": "flex-end", "src": "align-right" } ] }, "scroll": { "name": "滚动条", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": false }, "track": { "name": "轨道", "type": "group", "children": { "width": { "name": "粗细", "default": 2, "type": "number", "suffix": "px" }, "color": { "name": "颜色", "default": "rgba(230,247,255,0.2)", "type": "color" }, "radius": { "name": "圆角", "default": 1, "type": "slider", "min": 0, "max": 1, "step": 0.1 } } }, "thumb": { "name": "滑块", "type": "group", "children": { "width": { "name": "粗细", "default": 2, "type": "number", "suffix": "px" }, "color": { "name": "颜色", "default": "rgba(230,247,255,0.45)", "type": "color" }, "radius": { "name": "圆角", "default": 0, "type": "slider", "min": 0, "max": 1, "step": 0.1 } } } } }, "animate": { "name": "自动轮播", "type": "switch", "default": false }, "interval": { "show": [ [ "animate", "$eq", true ] ], "name": "间隔时长", "type": "number", "max": 3600, "min": 1, "default": 5, "suffix": "s" }, "stay": { "show": [ [ "animate", "$eq", true ] ], "name": "点击停留", "type": "number", "min": 0, "default": 20, "suffix": "s" }, "together": { "name": "组件联动", "type": "switch", "default": false } } }, "tabStyle": { "name": "样式", "type": "menuChild", "mode": "multiple", "children": { "defaultStyle": { "name": "默认样式", "children": { "text": { "name": "文字", "type": "group", "children": { "textStyle": { "type": "font", "name": "文本样式", "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 16, "color": "RGBA(226,237,255,0.3)", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "lineHeight": { "name": "行高", "type": "number", "default": 16 }, "textTranslate": { "name": "偏移", "type": "suite", "children": { "x": { "name": "x", "type": "number", "default": 0, "col": 12, "suffix": "px" }, "y": { "name": "y", "type": "number", "default": 0, "col": 12, "suffix": "px" } } }, "shadow": { "type": "boolean", "default": false, "name": "阴影" }, "textShadowConfig": { "type": "suite", "name": "文本阴影", "show": [ [ "shadow", "$eq", true ] ], "children": { "color": { "name": "颜色", "type": "color", "default": "#0057ff", "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 } } } } }, "background": { "name": "背景", "type": "group", "children": { "fillType": { "name": "填充方式", "type": "radio", "default": "color", "options": [ { "label": "颜色", "value": "color" }, { "label": "自定义", "value": "custom" } ] }, "colors": { "show": [ [ "fillType", "$eq", "color" ] ], "type": "fill", "components": [ "flat", "linearGradient" ], "default": "RGBA(15,22,34,0.6)", "name": "颜色" }, "url": { "show": [ [ "fillType", "$eq", "custom" ] ], "name": "图片", "type": "image", "default": "" } } }, "border": { "name": "描边", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": true }, "borderWidth": { "name": "粗细", "default": 2, "type": "number", "min": 0, "suffix": "px" }, "borderColor": { "name": "颜色", "default": "RGBA(160,169,184,0.3)", "type": "color" } } } } }, "active": { "name": "选中", "children": { "text": { "name": "文字", "type": "group", "children": { "textStyle": { "type": "font", "name": "文本样式", "default": { "fontFamily": "Mircosoft Yahei", "fontSize": 18, "color": "#fff", "fontWeight": "normal", "italic": "normal", "letterSpacing": 0 } }, "lineHeight": { "name": "行高", "type": "number", "default": 18 }, "textTranslate": { "name": "偏移", "type": "suite", "children": { "x": { "name": "x", "type": "number", "default": 0, "col": 12, "suffix": "px" }, "y": { "name": "y", "type": "number", "default": 0, "col": 12, "suffix": "px" } } }, "shadow": { "type": "boolean", "default": true, "name": "阴影" }, "textShadowConfig": { "type": "suite", "name": "文本阴影", "show": [ [ "shadow", "$eq", true ] ], "children": { "color": { "name": "颜色", "type": "color", "default": "#08D2FB", "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": 10, "col": 12 } } } } }, "background": { "name": "背景", "type": "group", "children": { "fillType": { "name": "填充方式", "type": "radio", "default": "color", "options": [ { "label": "颜色", "value": "color" }, { "label": "自定义", "value": "custom" } ] }, "colors": { "show": [ [ "fillType", "$eq", "color" ] ], "name": "颜色", "type": "fill", "components": [ "flat", "linearGradient" ], "default": "RGBA(8,215,245,0.15)" }, "url": { "show": [ [ "fillType", "$eq", "custom" ] ], "name": "图片", "type": "image", "default": "" } } }, "border": { "name": "描边", "type": "group", "fold": false, "enableHide": true, "children": { "show": { "default": true }, "borderWidth": { "name": "粗细", "default": 2, "type": "number", "min": 0, "suffix": "px" }, "borderColor": { "name": "颜色", "default": "#08FBF5", "type": "color" } } } } } } }, "tabSeries": { "type": "menuChild", "name": "系列", "children": { "tabseries": { "name": "数据系列", "type": "tabs", "default": [], "template": { "type": "object", "name": "系列<%= i + 1%>", "children": { "value": { "name": "s", "type": "text", "default": "", "description": "选项字段值" }, "background": { "type": "group", "fold": true, "enableHide": true, "name": "背景", "children": { "show": { "default": true }, "fillType": { "name": "填充方式", "type": "radio", "default": "color", "options": [ { "label": "颜色", "value": "color" }, { "label": "自定义", "value": "custom" } ] }, "defaultColor": { "show": [ [ "fillType", "$eq", "color" ] ], "type": "fill", "components": [ "flat", "linearGradient" ], "default": { "type": "linearGradient", "value": { "stops": [ { "offset": 0, "color": "RGBA(34,224,214,0.1)" }, { "offset": 100, "color": "RGBA(31,182,185,0.6)" } ], "angle": 0, "opacity": 1 } }, "name": "默认颜色" }, "activeColor": { "show": [ [ "fillType", "$eq", "color" ] ], "type": "fill", "components": [ "flat", "linearGradient" ], "default": { "type": "linearGradient", "value": { "stops": [ { "offset": 0, "color": "RGBA(34,224,214,0.1)" }, { "offset": 100, "color": "RGBA(31,182,185,0.6)" } ], "angle": 0, "opacity": 1 } }, "name": "选中颜色" }, "defaultUrl": { "show": [ [ "fillType", "$eq", "custom" ] ], "name": "默认图片", "type": "image", "default": "" }, "activeUrl": { "show": [ [ "fillType", "$eq", "custom" ] ], "name": "选中图片", "type": "image", "default": "" } } } } } } } } } } }, "api_data": { "source": [ { "s": "1", "content": "Tab A" }, { "s": "2", "content": "Tab B" }, { "s": "3", "content": "Tab C" }, { "s": "4", "content": "Tab D" }, { "s": "5", "content": "Tab E" }, { "s": "6", "content": "Tab F" }, { "s": "7", "content": "Tab G" } ] }, "events": { "click": { "description": "当鼠标点击", "fields": { "s": { "description": "当前索引", "type": "number" }, "content": { "description": "当前内容", "type": "string" } } }, "mouseEnter": { "description": "鼠标移入", "fields": { "s": { "description": "当前索引", "type": "number" }, "content": { "description": "当前内容", "type": "string" } } }, "mouseLeave": { "description": "鼠标移出", "fields": { "s": { "description": "当前索引", "type": "number" }, "content": { "description": "当前内容", "type": "string" } } }, "stateChange": { "label": "状态改变", "value": "stateChange", "config": { "factor": { "name": "条件", "fold": true, "enableHide": true, "className": "engine-gui-grid-col-24", "type": "group", "showInPanel": { "conditions": [ [ ".eventSelect", "$eq", "stateChange" ] ] }, "children": { "show": { "default": false }, "name": { "type": "text", "name": "字段名", "default": "s" }, "select": { "type": "select", "name": "符号", "default": "===", "options": [ { "label": "等于", "value": "===" }, { "label": "大于", "value": ">" }, { "label": "小于", "value": "<" } ] }, "valueType": { "type": "select", "name": "字段类型", "default": "string", "options": [ { "label": "字符串", "value": "string" }, { "label": "数字", "value": "number" } ] }, "value": { "type": "text", "name": "字段值", "default": "1" } } } }, "valueObj": { "factor": { "show": false, "name": "s", "select": "===", "valueType": "string", "value": "1" } } } }, "publicHandler": { "select": { "name": "设置选择项", "type": "object", "fields": { "index": { "name": "s", "description": "s", "type": "number", "default": 0 } } } }, "view": { "width": "450", "height": "48", "minWidth": "10", "minHeight": "10", "z-index": 1010 }, "type": [ "DataV-6:media" ], "icon": "/civ_pandaview_component/pandabi-component/assets/滚动选项卡.gif", "thumbnail": "/civ_pandaview_component/pandabi-component/assets/滚动选项卡.gif" } }