@cloudbase/weda-ui 3.1.0 → 3.1.3

package/dist/configs/components/chart/bar.json

@@ -0,0 +1,721 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "type": "object",
+        "properties": {
+            "directionType": {
+                "title": "柱形图方向",
+                "type": "string",
+                "default": "lengthways",
+                "x-component": "radio",
+                "x-index": 10,
+                "enum": [
+                    {
+                        "label": "横向",
+                        "value": "crosswise"
+                    },
+                    {
+                        "label": "纵向",
+                        "value": "lengthways"
+                    }
+                ],
+                "x-linkages": [
+                    {
+                        "target": "*(xFieldShow,xFieldShowHight)",
+                        "type": "value:schema",
+                        "condition": "{{ $self.value ==='lengthways' }}",
+                        "schema": {
+                            "x-component-props": {
+                                "text": "维度(X轴)"
+                            }
+                        }
+                    },
+                    {
+                        "target": "*(xFieldShow,xFieldShowHight)",
+                        "type": "value:schema",
+                        "condition": "{{ $self.value ==='crosswise' }}",
+                        "schema": {
+                            "x-component-props": {
+                                "text": "维度(Y轴)"
+                            }
+                        }
+                    },
+                    {
+                        "target": "*(yFieldSubTitle,yFieldShow)",
+                        "type": "value:schema",
+                        "condition": "{{ $self.value ==='crosswise' }}",
+                        "schema": {
+                            "x-component-props": {
+                                "text": "数值(X轴)"
+                            }
+                        }
+                    },
+                    {
+                        "target": "*(yFieldSubTitle,yFieldShow)",
+                        "type": "value:schema",
+                        "condition": "{{ $self.value ==='lengthways' }}",
+                        "schema": {
+                            "x-component-props": {
+                                "text": "数值(Y轴)"
+                            }
+                        }
+                    }
+                ],
+                "remarks": "支持横向和纵向。纵向维度为 X 轴，数值为 Y 轴，横向反之。本文属性设置以纵向为例"
+            },
+            "isPile": {
+                "title": "是否堆叠",
+                "type": "boolean",
+                "default": false,
+                "x-index": 20,
+                "description": "多Y轴时，该属性才生效"
+            },
+            "isTitle": {
+                "title": "显示标题",
+                "type": "boolean",
+                "default": true,
+                "x-index": 30,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(title)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ]
+            },
+            "title": {
+                "title": "图表标题",
+                "default": "柱状图标题",
+                "type": "string",
+                "x-index": 40
+            },
+            "dataSource": {
+                "type": "object",
+                "title": "数据源",
+                "x-index": 50,
+                "x-component": "chart-datasource-select",
+                "x-component-props": {
+                    "postChange": {
+                        "addOrUpdateComponentDataBinds": {
+                            "dataBind": {
+                                "propertyPath": "filterData",
+                                "bindDataPath": "[]",
+                                "type": "expression",
+                                "extra": {}
+                            }
+                        }
+                    }
+                },
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(filterData)",
+                        "condition": "{{ $self.value.type ==='database' ||  $self.value.type ==='cloud-integration' }}"
+                    },
+                    {
+                        "type": "value:schema",
+                        "condition": "{{ !!$self.value.name }}",
+                        "target": "filterData",
+                        "schema": {
+                            "x-component-props": "{{{selectedDataSourceName: $self.value.name}}}"
+                        }
+                    },
+                    {
+                        "type": "value:visible",
+                        "target": "*(xFieldShow,xField,xStatistics,xIsCountEmpty,yField,groupKeyTimeSpan)",
+                        "condition": "{{ $self.value.type ==='database' }}"
+                    },
+                    {
+                        "type": "value:state",
+                        "condition": "{{ !!$self.value }}",
+                        "target": "yField",
+                        "state": {
+                            "__datasourceName": "{{$self.value.name}}"
+                        }
+                    }
+                ],
+                "remarks": "为统计卡片设置数据源，选择已经建好的 数据模型，单击数据源下拉菜单，选择统计"
+            },
+            "filterData": {
+                "title": "数据筛选",
+                "x-index": 60,
+                "x-component": "condition-select",
+                "x-component-props": {
+                    "dataSourceNamePropKey": "dataSource",
+                    "customRelOptions": {
+                        "string": [
+                            {
+                                "value": "eq",
+                                "text": "等于"
+                            },
+                            {
+                                "value": "neq",
+                                "text": "不等于"
+                            },
+                            {
+                                "value": "in",
+                                "text": "包含"
+                            },
+                            {
+                                "value": "nin",
+                                "text": "不包含"
+                            }
+                        ],
+                        "boolean": [
+                            {
+                                "value": "eq",
+                                "text": "等于"
+                            }
+                        ],
+                        "number": [
+                            {
+                                "value": "eq",
+                                "text": "等于",
+                                "type": "equal"
+                            },
+                            {
+                                "value": "neq",
+                                "text": "不等于",
+                                "type": "unequal"
+                            },
+                            {
+                                "value": "gt",
+                                "text": "大于",
+                                "type": "greater"
+                            },
+                            {
+                                "value": "gte",
+                                "text": "大于等于",
+                                "type": "greater_or_equal"
+                            },
+                            {
+                                "value": "lt",
+                                "text": "小于",
+                                "type": "less"
+                            },
+                            {
+                                "value": "lte",
+                                "text": "小于等于",
+                                "type": "less_or_equal"
+                            }
+                        ],
+                        "array": [
+                            {
+                                "value": "eq",
+                                "text": "等于"
+                            },
+                            {
+                                "value": "in",
+                                "text": "包含"
+                            }
+                        ],
+                        "object": [
+                            {
+                                "value": "eq",
+                                "text": "等于"
+                            },
+                            {
+                                "value": "in",
+                                "text": "包含"
+                            }
+                        ],
+                        "keyVarType": [
+                            {
+                                "value": "eq",
+                                "text": "等于"
+                            },
+                            {
+                                "value": "neq",
+                                "text": "不等于"
+                            },
+                            {
+                                "value": "gt",
+                                "text": "大于"
+                            },
+                            {
+                                "value": "lt",
+                                "text": "小于"
+                            }
+                        ]
+                    }
+                },
+                "x-props": {
+                    "data-hidebind": true,
+                    "data-hideBindValue": true,
+                    "data-withBindMeta": true
+                },
+                "remarks": "可配置数据取值范围，可参见 数据筛选配置"
+            },
+            "setColor": {
+                "type": "array",
+                "title": "配色",
+                "x-index": 70,
+                "x-component": "color-plate",
+                "remarks": "当有多个数值字段或维度字段分组时，不同类别将按照不同配色展示，支持自定义色卡"
+            },
+            "xFieldShow": {
+                "x-index": 80,
+                "x-category": "基础属性",
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "维度(X轴)"
+                },
+                "remarks": "选择 X 轴字段，支持统计空值。当选择日期、时间、日期时间类型字段时，支持选择统计维度"
+            },
+            "xField": {
+                "type": "object",
+                "title": "字段选择",
+                "x-index": 90,
+                "x-category": "基础属性",
+                "x-component": "data-source-field-select",
+                "x-datasource-method-reset": "",
+                "x-component-props": {
+                    "dataSourceNamePropKey": "dataSource",
+                    "isMethod": true,
+                    "disabledTypes": ["time"]
+                },
+                "x-linkages": [
+                    {
+                        "type": "value:schema",
+                        "condition": "{{ !!$self.value }}",
+                        "target": "xStatistics",
+                        "schema": {
+                            "enum": "{{$self.value.format ==='datetime' ? [{'label':'年','value':'y'},{'label':'月','value':'m'},{'label':'周','value':'w'},{'label':'日','value':'d'},{'label':'时','value':'h'},{'label':'分','value':'min'}] : ($self.value.format ==='date'? [{'label':'年','value':'y'},{'label':'月','value':'m'},{'label':'周','value':'w'},{'label':'日','value':'d'}] : []) }}"
+                        }
+                    },
+                    {
+                        "type": "value:state",
+                        "target": "xStatistics",
+                        "condition": "{{ !!$self.value }}",
+                        "state": {
+                            "value": "{{$self.value.format ==='datetime' ? 'y':$self.value.format ==='date'?'y':''}}"
+                        }
+                    },
+                    {
+                        "type": "value:visible",
+                        "target": "*(xStatistics)",
+                        "condition": "{{ $self.value && ($self.value.format ==='datetime' || $self.value.format ==='date') }}"
+                    },
+                    {
+                        "type": "value:visible",
+                        "target": "*(xIsCountEmpty)",
+                        "condition": "{{ $self.value && ($self.value.format !=='datetime' && $self.value.format !=='date') }}"
+                    }
+                ]
+            },
+            "xStatistics": {
+                "title": "统计维度",
+                "type": "string",
+                "x-category": "基础属性",
+                "x-index": 100,
+                "enum": []
+            },
+            "xIsCountEmpty": {
+                "title": "统计空值",
+                "type": "boolean",
+                "default": false,
+                "x-index": 110
+            },
+            "yFieldSubTitle": {
+                "x-index": 115,
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "数值(Y轴)"
+                }
+            },
+            "yField": {
+                "type": "object",
+                "title": "字段选择",
+                "x-index": 120,
+                "x-category": "基础属性",
+                "x-component": "chart-y-field-select",
+                "x-component-props": {
+                    "isMethod": true,
+                    "text": "添加字段",
+                    "dataSourceNamePropKey": "dataSource"
+                },
+                "x-datasource-method-reset": {},
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(groupKey)",
+                        "condition": "{{ (!$self.value || !$self.value.numValue || $self.value.numValue.length<=1) && !!$self.__datasourceName }}"
+                    }
+                ]
+            },
+            "groupKey": {
+                "type": "object",
+                "title": "分组",
+                "x-index": 130,
+                "x-category": "基础属性",
+                "x-component": "data-source-field-select",
+                "x-datasource-method-reset": "",
+                "x-component-props": {
+                    "dataSourceNamePropKey": "dataSource",
+                    "isMethod": true,
+                    "clearable": true
+                },
+                "x-linkages": [
+                    {
+                        "type": "value:state",
+                        "target": "groupKeyTimeSpan",
+                        "condition": "{{ !!$self.value }}",
+                        "state": {
+                            "value": "{{$self.value.format ==='datetime' ? 'y':$self.value.format ==='date'?'y':''}}"
+                        }
+                    },
+                    {
+                        "type": "value:visible",
+                        "target": "*(groupKeyTimeSpan)",
+                        "condition": "{{ $self.value && ($self.value.format ==='datetime' || $self.value.format ==='date') }}"
+                    },
+                    {
+                        "type": "value:schema",
+                        "condition": "{{ !!$self.value }}",
+                        "target": "groupKeyTimeSpan",
+                        "schema": {
+                            "enum": "{{$self.value.format ==='datetime' ? [{'label':'年','value':'y'},{'label':'月','value':'m'},{'label':'周','value':'w'},{'label':'日','value':'d'},{'label':'时','value':'h'},{'label':'分','value':'min'}] : ($self.value.format ==='date'? [{'label':'年','value':'y'},{'label':'季','value':'q'},{'label':'月','value':'m'},{'label':'周','value':'w'},{'label':'日','value':'d'}]: []) }}"
+                        }
+                    }
+                ],
+                "remarks": "当 Y 轴仅选择一个字段时，支持根据某一固定字段对 X 轴进行分组展示。示例：X 轴为销售人员，分组为销售区域"
+            },
+            "groupKeyTimeSpan": {
+                "title": "分组维度",
+                "type": "string",
+                "x-category": "基础属性",
+                "x-index": 140,
+                "enum": []
+            },
+            "legendShow": {
+                "x-index": 145,
+                "x-category": "基础属性",
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "图例"
+                }
+            },
+            "isLegend": {
+                "title": "显示图例",
+                "type": "boolean",
+                "default": true,
+                "x-category": "基础属性",
+                "x-index": 150,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(legend)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ]
+            },
+            "legend2": {
+                "title": "图例位置",
+                "type": "string",
+                "default": "bottom",
+                "x-category": "基础属性",
+                "x-index": 160,
+                "x-platforms": ["PCWEB"],
+                "enum": [
+                    {
+                        "value": "top",
+                        "label": "上方"
+                    },
+                    {
+                        "value": "bottom",
+                        "label": "下方"
+                    },
+                    {
+                        "value": "left",
+                        "label": "左侧"
+                    },
+                    {
+                        "value": "right",
+                        "label": "右侧"
+                    }
+                ]
+            },
+            "legend": {
+                "title": "图例位置",
+                "type": "string",
+                "default": "bottom",
+                "x-category": "基础属性",
+                "x-index": 170,
+                "x-platforms": ["MOBILEWEB", "MP"],
+                "enum": [
+                    {
+                        "value": "top",
+                        "label": "上方"
+                    },
+                    {
+                        "value": "bottom",
+                        "label": "下方"
+                    }
+                ]
+            },
+            "divider": {
+                "x-index": 175,
+                "x-component": "Divider"
+            },
+            "propsTitle": {
+                "x-index": 180,
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "进阶属性"
+                }
+            },
+            "xFieldShowHight": {
+                "x-index": 185,
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "维度(X轴)"
+                }
+            },
+            "isXaxisName": {
+                "title": "显示坐标轴名称",
+                "type": "boolean",
+                "default": true,
+                "x-index": 190,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(xAxisName)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ]
+            },
+            "xAxisName": {
+                "title": "名称",
+                "type": "string",
+                "default": "",
+                "x-index": 200
+            },
+            "isXaxisAxisLabelShow": {
+                "title": "显示标签",
+                "type": "boolean",
+                "x-index": 210,
+                "default": true
+            },
+            "isXaxisAxisTickShow": {
+                "title": "显示X轴刻度线",
+                "type": "boolean",
+                "x-index": 220,
+                "default": true
+            },
+            "isXaxisAxisLabelRotate": {
+                "title": "文字自动倾斜",
+                "type": "boolean",
+                "x-index": 230,
+                "default": false
+            },
+            "yFieldShow": {
+                "x-index": 240,
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "数值(Y轴)"
+                }
+            },
+            "isYAxisSplitlineLinestyleWidth": {
+                "title": "显示网格线",
+                "type": "boolean",
+                "x-index": 250,
+                "default": true,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(yAxisSplitlineLinestyleType)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ]
+            },
+            "yAxisSplitlineLinestyleType": {
+                "title": "网格线线条",
+                "type": "string",
+                "default": "solid",
+                "x-index": 260,
+                "enum": [
+                    {
+                        "value": "solid",
+                        "label": "实线"
+                    },
+                    {
+                        "value": "dashed",
+                        "label": "虚线"
+                    },
+                    {
+                        "value": "dotted",
+                        "label": "点线"
+                    }
+                ]
+            },
+            "yAxisMax": {
+                "title": "最大值",
+                "type": "number",
+                "x-index": 270
+            },
+            "yAxisMin": {
+                "title": "最小值",
+                "type": "number",
+                "x-index": 280
+            },
+            "isYAxisName": {
+                "title": "显示Y轴名称",
+                "type": "boolean",
+                "x-index": 290,
+                "default": true,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(yAxisName)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ]
+            },
+            "yAxisName": {
+                "title": "名称",
+                "type": "string",
+                "default": "",
+                "x-index": 300
+            },
+            "isYAxisShow": {
+                "title": "显示数值",
+                "type": "boolean",
+                "x-index": 310,
+                "default": true
+            },
+            "dataTagShow": {
+                "x-index": 320,
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "数据标签"
+                }
+            },
+            "isSeriesShowSymbol": {
+                "title": "显示数值",
+                "type": "boolean",
+                "x-index": 330,
+                "default": true
+            },
+            "unitShow": {
+                "x-index": 340,
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "显示单位"
+                }
+            },
+            "isUnit": {
+                "title": "显示单位",
+                "type": "boolean",
+                "x-index": 350,
+                "default": false,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(unit,decimalDigits,suffix)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ]
+            },
+            "unit": {
+                "type": "number",
+                "title": "数值量级",
+                "x-index": "360",
+                "default": 1,
+                "enum": [
+                    {
+                        "label": "个",
+                        "value": 1
+                    },
+                    {
+                        "label": "十",
+                        "value": 10
+                    },
+                    {
+                        "label": "百",
+                        "value": 100
+                    },
+                    {
+                        "label": "千",
+                        "value": 1000
+                    },
+                    {
+                        "label": "万",
+                        "value": 10000
+                    },
+                    {
+                        "label": "十万",
+                        "value": 100000
+                    },
+                    {
+                        "label": "百万",
+                        "value": 1000000
+                    },
+                    {
+                        "label": "千万",
+                        "value": 10000000
+                    },
+                    {
+                        "label": "亿",
+                        "value": 100000000
+                    }
+                ],
+                "x-linkages": [
+                    {
+                        "type": "value:state",
+                        "target": "suffix",
+                        "condition": "{{  $self.inputed && $self.value!==1 }}",
+                        "state": {
+                            "value": "{{$self.props.enum.find(s=>s.value===$self.value) ? $self.props.enum.find(s=>s.value===$self.value).label: '' }}"
+                        }
+                    },
+                    {
+                        "type": "value:state",
+                        "target": "suffix",
+                        "condition": "{{  $self.inputed && $self.value===1 }}",
+                        "state": {
+                            "value": ""
+                        }
+                    }
+                ]
+            },
+            "decimalDigits": {
+                "title": "小数位数",
+                "type": "number",
+                "default": 0,
+                "x-props": {
+                    "max": 10,
+                    "min": 0
+                },
+                "x-index": 370,
+                "x-linkages": [
+                    {
+                        "type": "value:state",
+                        "target": "decimalDigits",
+                        "condition": "{{ $self.value == '' || isNaN($self.value) || $self.value < 0 }}",
+                        "state": {
+                            "value": 0
+                        }
+                    }
+                ]
+            },
+            "suffix": {
+                "title": "后缀",
+                "type": "string",
+                "default": "",
+                "x-index": 380
+            }
+        }
+    },
+    "events": [],
+    "meta": {
+        "title": "柱状图",
+        "description": "柱状图组件主要用于报表场景下展示数据之间大小的对比，支持小程序、H5 和 PC Web 端。",
+        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Histogram.svg",
+        "category": "图表组件",
+        "componentOrder": 1,
+        "visible": ["APP"]
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Bar"
+    }
+}