@cloudbase/weda-ui 0.2.16 → 1.0.24

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

@@ -0,0 +1,497 @@
+{
+  "$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"
+          }
+        ]
+      },
+      "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' }}"
+          }
+        ]
+      },
+      "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
+        }
+      },
+      "setColor": {
+        "type": "array",
+        "title": "配色",
+        "x-index": 60,
+        "x-component": "color-plate"
+      },
+      "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"
+  }
+}

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

@@ -58,16 +58,36 @@
         "x-component-props": {
           "dataSourceNamePropKey": "dataSource",
           "blackListConfig": {
-            "type": ["object", "array"]
+            "type": [
+              "object",
+              "array"
+            ]
           },
           "customRelOptions": {
             "string": [
-              { "text": "等于", "value": "eq" },
-              { "text": "不等于", "value": "neq" },
-              { "text": "包含", "value": "in" },
-              { "text": "不包含", "value": "nin" }
+              {
+                "text": "等于",
+                "value": "eq"
+              },
+              {
+                "text": "不等于",
+                "value": "neq"
+              },
+              {
+                "text": "包含",
+                "value": "in"
+              },
+              {
+                "text": "不包含",
+                "value": "nin"
+              }
+            ],
+            "boolean": [
+              {
+                "text": "等于",
+                "value": "eq"
+              }
             ],
-            "boolean": [{ "text": "等于", "value": "eq" }],
             "keyVarType": [
               {
                 "value": "eq",
@@ -87,11 +107,31 @@
               }
             ],
             "number": [
-              { "text": "等于", "value": "eq", "type": "equal" },
-              { "text": "不等于", "value": "neq", "type": "unequal" },
-              { "text": "小于", "value": "lt", "type": "less" },
-              { "text": "小于或等于", "value": "lte", "type": "less_or_equal" },
-              { "text": "大于", "value": "gt", "type": "greater" },
+              {
+                "text": "等于",
+                "value": "eq",
+                "type": "equal"
+              },
+              {
+                "text": "不等于",
+                "value": "neq",
+                "type": "unequal"
+              },
+              {
+                "text": "小于",
+                "value": "lt",
+                "type": "less"
+              },
+              {
+                "text": "小于或等于",
+                "value": "lte",
+                "type": "less_or_equal"
+              },
+              {
+                "text": "大于",
+                "value": "gt",
+                "type": "greater"
+              },
               {
                 "text": "大于或等于",
                 "value": "gte",
@@ -320,12 +360,20 @@
       }
     }
   },
-  "events": [{ "title": "点击", "name": "tap" }],
+  "events": [
+    {
+      "title": "点击",
+      "name": "tap"
+    }
+  ],
   "meta": {
     "title": "统计卡片",
-    "description": "统计卡片",
+    "description": "统计卡片组件主要提供报表场景下的指标数据统计并展示功能，支持小程序、H5 和 PC Web 端。",
     "icon": "//qcloudimg.tencent-cloud.cn/raw/8475042e83e7cb5731983a9432de9e30.svg",
     "category": "图表组件",
     "componentOrder": 1
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/statisticsCard"
   }
 }

package/src/configs/components/container.json

@@ -6,7 +6,9 @@
         "title": "容器备注",
         "type": "string",
         "description": "鼠标 hover 后的提示",
-        "x-platforms": ["PCWEB"]
+        "x-platforms": [
+          "PCWEB"
+        ]
       }
     }
   },
@@ -40,8 +42,11 @@
   "meta": {
     "title": "普通容器",
     "category": "布局容器",
-    "description": "通用块状容器",
+    "description": "容器中可放入多个组件，常用于在前端中对页面布局进行管理的场景。 同时也可以通过容器组件绑定数据对容器内的组件进行循环遍历。",
     "componentOrder": 1000,
     "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Container.svg"
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Container"
   }
 }

package/src/configs/components/dataView.json

@@ -28,8 +28,12 @@
           }
         },
         "x-component": "datasource-selector",
-        "x-component-props": { "dataContainerType": "dataView" },
-        "x-props": { "data-hidebind": true },
+        "x-component-props": {
+          "dataContainerType": "dataView"
+        },
+        "x-props": {
+          "data-hidebind": true
+        },
         "x-linkages": [
           {
             "type": "value:schema",
@@ -64,8 +68,16 @@
             }
           ],
           "blackListConfig": {
-            "format": ["related", "father-son", "x-file", "x-image"],
-            "type": ["object", "array"]
+            "format": [
+              "related",
+              "father-son",
+              "x-file",
+              "x-image"
+            ],
+            "type": [
+              "object",
+              "array"
+            ]
           },
           "customRelOptions": {
             "number": [
@@ -130,10 +142,13 @@
   },
   "isContainer": true,
   "meta": {
-    "title": "数据视图",
+    "title": "数据详情",
     "category": "数据容器",
-    "description": "数据容器组件",
+    "description": "适用于以展示多条数据详细内容的场景，不借助变量绑定，即可获取数据模型中的数据。",
     "componentOrder": 1000,
     "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/DataView.svg"
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/DataView"
   }
 }