@cloudbase/weda-ui 0.2.16 → 1.0.24

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

@@ -0,0 +1,724 @@
+{
+  "$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轴)"
+              }
+            }
+          }
+        ]
+      },
+      "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}}"
+            }
+          }
+        ]
+      },
+      "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
+        }
+      },
+      "setColor": {
+        "type": "array",
+        "title": "配色",
+        "x-index": 70,
+        "x-component": "color-plate"
+      },
+      "xFieldShow": {
+        "x-index": 80,
+        "x-category": "基础属性",
+        "x-component": "sub-category-title",
+        "x-component-props": {
+          "text": "维度(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'}]: []) }}"
+            }
+          }
+        ]
+      },
+      "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"
+  }
+}