@cloudbase/weda-ui 3.1.0 → 3.1.3

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

@@ -0,0 +1,494 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "type": "object",
+        "properties": {
+            "chartType": {
+                "title": "图形类型",
+                "type": "string",
+                "default": "pie",
+                "x-component": "radio",
+                "x-index": 10,
+                "enum": [
+                    {
+                        "label": "饼形",
+                        "value": "pie"
+                    },
+                    {
+                        "label": "环形",
+                        "value": "ring"
+                    }
+                ],
+                "remarks": "支持饼形和环形，本文以饼形为例"
+            },
+            "isTitle": {
+                "title": "显示标题",
+                "type": "boolean",
+                "default": true,
+                "x-index": 20,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(title)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ]
+            },
+            "title": {
+                "title": "图表标题",
+                "default": "饼图标题",
+                "type": "string",
+                "x-index": 30
+            },
+            "dataSource": {
+                "type": "object",
+                "title": "数据源",
+                "x-index": 40,
+                "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)",
+                        "condition": "{{ $self.value.type ==='database' }}"
+                    }
+                ],
+                "remarks": "为统计卡片设置数据源，选择已经建好的数据模型，单击数据源下拉菜单，选择统计"
+            },
+            "filterData": {
+                "title": "数据筛选",
+                "x-index": 50,
+                "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": 60,
+                "x-component": "color-plate",
+                "remarks": "当有多个数值字段或维度字段分组时，不同类别将按照不同配色展示，支持自定义色卡"
+            },
+            "dimensionalityShow": {
+                "x-index": 70,
+                "x-category": "基础属性",
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "维度"
+                }
+            },
+            "xField": {
+                "type": "object",
+                "title": "字段选择",
+                "x-index": 80,
+                "x-category": "基础属性",
+                "x-component": "data-source-field-select",
+                "x-datasource-method-reset": "",
+                "x-component-props": {
+                    "dataSourceNamePropKey": "dataSource",
+                    "isMethod": true
+                },
+                "x-linkages": [
+                    {
+                        "type": "value:schema",
+                        "condition": "{{ $self.inputed && !!$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.inputed && !!$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": 90,
+                "enum": []
+            },
+            "xIsCountEmpty": {
+                "title": "统计空值",
+                "type": "boolean",
+                "default": false,
+                "x-index": 100
+            },
+            "yFieldSubTitle": {
+                "x-index": 105,
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "数值"
+                }
+            },
+            "yField": {
+                "type": "object",
+                "title": "字段选择",
+                "x-index": 110,
+                "x-category": "基础属性",
+                "x-component": "chart-y-field-select",
+                "x-component-props": {
+                    "isMethod": true,
+                    "dataSourceNamePropKey": "dataSource",
+                    "maxFieldCount": 1
+                }
+            },
+            "legendShow": {
+                "x-index": 120,
+                "x-category": "基础属性",
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "图例"
+                }
+            },
+            "isLegend": {
+                "title": "显示图例",
+                "type": "boolean",
+                "default": true,
+                "x-category": "基础属性",
+                "x-index": 130,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(legend)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ]
+            },
+            "legend2": {
+                "title": "图例位置",
+                "type": "string",
+                "default": "bottom",
+                "x-category": "基础属性",
+                "x-index": 140,
+                "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": 150,
+                "x-platforms": ["MOBILEWEB", "MP"],
+                "enum": [
+                    {
+                        "value": "top",
+                        "label": "上方"
+                    },
+                    {
+                        "value": "bottom",
+                        "label": "下方"
+                    }
+                ]
+            },
+            "dataTagShow": {
+                "x-index": 160,
+                "x-category": "高级属性",
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "数据标签"
+                }
+            },
+            "isSeriesShowSymbol": {
+                "title": "显示数值",
+                "type": "boolean",
+                "x-index": 170,
+                "default": true,
+                "x-category": "高级属性"
+            },
+            "isPercent": {
+                "title": "显示百分比",
+                "type": "boolean",
+                "x-index": 180,
+                "default": false,
+                "x-category": "高级属性"
+            },
+            "unitShow": {
+                "x-index": 190,
+                "x-category": "高级属性",
+                "x-component": "sub-category-title",
+                "x-component-props": {
+                    "text": "显示单位"
+                }
+            },
+            "isUnit": {
+                "title": "显示单位",
+                "type": "boolean",
+                "x-index": 200,
+                "default": false,
+                "x-category": "高级属性",
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(unit,decimalDigits,suffix)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ]
+            },
+            "unit": {
+                "type": "number",
+                "title": "数值量级",
+                "default": 1,
+                "x-category": "高级属性",
+                "x-index": 210,
+                "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": 220,
+                "x-category": "高级属性",
+                "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": 230,
+                "x-category": "高级属性"
+            }
+        }
+    },
+    "events": [],
+    "meta": {
+        "title": "饼图",
+        "description": "饼图组件主要用于报表场景下表示数据在总体中的占比,支持小程序、H5 和 PC Web 端。",
+        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/PieChart.svg",
+        "category": "图表组件",
+        "componentOrder": 1,
+        "visible": ["APP"]
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Pie"
+    }
+}