@cloudbase/weda-ui 0.2.15 → 1.0.21

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

@@ -0,0 +1,379 @@
+{
+  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+  "data": {
+    "type": "object",
+    "properties": {
+      "dataSource": {
+        "type": "string",
+        "title": "数据源",
+        "x-index": 10,
+        "x-component": "chart-datasource-select",
+        "x-component-props": {
+          "postChange": {
+            "addOrUpdateComponentDataBinds": {
+              "dataBind": {
+                "propertyPath": "filterData",
+                "bindDataPath": "[]",
+                "type": "expression",
+                "extra": {}
+              }
+            }
+          }
+        },
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "*(filterData,field,operationType,isCountEmpty)",
+            "condition": "{{ $self.value && $self.value.type === 'database' }}"
+          },
+          {
+            "type": "value:schema",
+            "target": "filterData",
+            "schema": {
+              "x-component-props": {
+                "selectedDataSourceName": "{{ $self.value && $self.value.name }}"
+              }
+            }
+          },
+          {
+            "type": "value:state",
+            "target": "*(operationType,field,filterData)",
+            "condition": "{{ $self.inputed }}",
+            "state": {
+              "value": ""
+            }
+          }
+        ]
+      },
+      "filterData": {
+        "title": "数据筛选",
+        "x-index": 20,
+        "x-category": "基础属性",
+        "x-component": "condition-select",
+        "x-props": {
+          "data-hidebind": true,
+          "data-hideBindValue": true,
+          "data-withBindMeta": true
+        },
+        "x-component-props": {
+          "dataSourceNamePropKey": "dataSource",
+          "blackListConfig": {
+            "type": [
+              "object",
+              "array"
+            ]
+          },
+          "customRelOptions": {
+            "string": [
+              {
+                "text": "等于",
+                "value": "eq"
+              },
+              {
+                "text": "不等于",
+                "value": "neq"
+              },
+              {
+                "text": "包含",
+                "value": "in"
+              },
+              {
+                "text": "不包含",
+                "value": "nin"
+              }
+            ],
+            "boolean": [
+              {
+                "text": "等于",
+                "value": "eq"
+              }
+            ],
+            "keyVarType": [
+              {
+                "value": "eq",
+                "text": "等于"
+              },
+              {
+                "value": "neq",
+                "text": "不等于"
+              },
+              {
+                "value": "gt",
+                "text": "大于"
+              },
+              {
+                "value": "lt",
+                "text": "小于"
+              }
+            ],
+            "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": "gte",
+                "type": "greater_or_equal"
+              }
+            ]
+          }
+        }
+      },
+      "field": {
+        "type": "string",
+        "title": "字段选择",
+        "x-index": 30,
+        "x-category": "基础属性",
+        "x-component": "data-source-field-select",
+        "x-datasource-method-reset": "",
+        "x-component-props": {
+          "dataSourceNamePropKey": "dataSource",
+          "isMethod": true
+        },
+        "x-linkages": [
+          {
+            "type": "value:schema",
+            "target": "operationType",
+            "condition": "{{  $self.value && ($self.value.type !=='number' || ['datetime','date','time'].includes($self.value.format)) }}",
+            "schema": {
+              "enum": [
+                {
+                  "label": "计数",
+                  "value": "count"
+                }
+              ]
+            }
+          },
+          {
+            "type": "value:state",
+            "target": "operationType",
+            "condition": "{{ $self.inputed }}",
+            "state": {
+              "value": ""
+            }
+          },
+          {
+            "type": "value:schema",
+            "target": "operationType",
+            "condition": "{{ !$self.value || ($self.value.type ==='number' && !(['datetime','date','time'].includes($self.value.format)) ) }}",
+            "schema": {
+              "enum": [
+                {
+                  "label": "计数",
+                  "value": "count"
+                },
+                {
+                  "label": "求和",
+                  "value": "sum"
+                },
+                {
+                  "label": "最大值",
+                  "value": "max"
+                },
+                {
+                  "label": "最小值",
+                  "value": "min"
+                },
+                {
+                  "label": "平均值",
+                  "value": "avg"
+                }
+              ]
+            }
+          }
+        ]
+      },
+      "operationType": {
+        "type": "string",
+        "title": "统计方式",
+        "x-category": "基础属性",
+        "x-index": 40,
+        "x-linkages": [
+          {
+            "type": "value:state",
+            "target": "label",
+            "condition": "{{ $self.inputed && !!$form.values.field && !!$self.value }}",
+            "state": {
+              "value": "{{  $form.values.field.title + ['计数','最大值','最小值','平均值'][['count','max','min','avg'].indexOf($self.value)] }}"
+            }
+          },
+          {
+            "type": "value:state",
+            "target": "label",
+            "condition": "{{ $self.inputed && !!$form.values.field && $self.value==='sum' }}",
+            "state": {
+              "value": "{{  $form.values.field.title + '总和' }}"
+            }
+          }
+        ]
+      },
+      "label": {
+        "type": "string",
+        "title": "字段展示名称",
+        "x-category": "基础属性",
+        "x-index": 50,
+        "x-props": {
+          "placeholder": "根据字段选择自动填充"
+        },
+        "default": "今日活跃用户数"
+      },
+      "isCountEmpty": {
+        "type": "boolean",
+        "title": "是否统计空值",
+        "x-category": "基础属性",
+        "x-index": 60,
+        "default": false
+      },
+      "isShowUnit": {
+        "type": "boolean",
+        "title": "是否显示单位",
+        "x-category": "高级属性",
+        "x-index": 70,
+        "default": true,
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "*(unit,decimalDigits,suffix)",
+            "condition": "{{ $self.value }}"
+          }
+        ]
+      },
+      "unit": {
+        "type": "number",
+        "title": "数值量级",
+        "x-category": "高级属性",
+        "x-index": 80,
+        "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": {
+        "type": "number",
+        "title": "小数位数",
+        "x-category": "高级属性",
+        "x-index": 90,
+        "default": 0,
+        "x-props": {
+          "max": 10,
+          "min": 0
+        },
+        "x-linkages": [
+          {
+            "type": "value:state",
+            "target": "decimalDigits",
+            "condition": "{{ $self.value == '' || isNaN($self.value) || $self.value < 0 }}",
+            "state": {
+              "value": 0
+            }
+          },
+          {
+            "type": "value:state",
+            "target": "decimalDigits",
+            "condition": "{{ $self.value > 10  }}",
+            "state": {
+              "value": 10
+            }
+          }
+        ]
+      },
+      "suffix": {
+        "type": "string",
+        "title": "后缀",
+        "x-category": "高级属性",
+        "x-index": 100
+      }
+    }
+  },
+  "events": [
+    {
+      "title": "点击",
+      "name": "tap"
+    }
+  ],
+  "meta": {
+    "title": "统计卡片",
+    "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

@@ -0,0 +1,154 @@
+{
+  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+  "data": {
+    "properties": {
+      "datasource": {
+        "x-index": 10,
+        "title": "数据模型",
+        "type": "object",
+        "x-category": "基础属性",
+        "properties": {
+          "name": {
+            "title": "数据模型名",
+            "type": "string"
+          },
+          "extra": {
+            "title": "数据模型属性",
+            "type": "object",
+            "properties": {
+              "viewId": {
+                "title": "数据模型视图id",
+                "type": "string"
+              },
+              "methodName": {
+                "title": "数据模型方法名",
+                "type": "object"
+              }
+            }
+          }
+        },
+        "x-component": "datasource-selector",
+        "x-component-props": {
+          "dataContainerType": "dataView"
+        },
+        "x-props": {
+          "data-hidebind": true
+        },
+        "x-linkages": [
+          {
+            "type": "value:schema",
+            "target": "params",
+            "schema": {
+              "x-component-props": "{{$value}}"
+            }
+          },
+          {
+            "type": "value:schema",
+            "condition": "{{ !!$value.name }}",
+            "target": "where",
+            "schema": {
+              "x-component-props": "{{{selectedDataSourceName: $value.name}}}"
+            }
+          }
+        ]
+      },
+      "where": {
+        "x-index": 20,
+        "title": "数据筛选",
+        "x-category": "基础属性",
+        "type": "array",
+        "items": {},
+        "x-component": "condition-select",
+        "x-component-props": {
+          "selectedDataSourceName": null,
+          "customLogicOptions": [
+            {
+              "text": "且",
+              "value": "and"
+            }
+          ],
+          "blackListConfig": {
+            "format": [
+              "related",
+              "father-son",
+              "x-file",
+              "x-image"
+            ],
+            "type": [
+              "object",
+              "array"
+            ]
+          },
+          "customRelOptions": {
+            "number": [
+              {
+                "value": "equal",
+                "text": "等于",
+                "type": "equal"
+              },
+              {
+                "value": "unequal",
+                "text": "不等于",
+                "type": "unequal"
+              },
+              {
+                "value": "greater",
+                "text": "大于",
+                "type": "greate"
+              },
+              {
+                "value": "greater_or_equal",
+                "text": "大于等于",
+                "type": "greater_or_equal"
+              },
+              {
+                "value": "less",
+                "text": "小于",
+                "type": "less"
+              },
+              {
+                "value": "less_or_equal",
+                "text": "小于等于",
+                "type": "less_or_equal"
+              }
+            ]
+          }
+        },
+        "x-props": {
+          "data-hidebind": true,
+          "data-hideBindValue": true,
+          "data-withBindMeta": true
+        }
+      }
+    }
+  },
+  "events": [
+    {
+      "name": "queryEmpty",
+      "title": "查询为空"
+    },
+    {
+      "name": "querySuccess",
+      "title": "查询成功"
+    },
+    {
+      "name": "queryFail",
+      "title": "查询失败"
+    }
+  ],
+  "compConfig": {
+    "isDataContainer": true,
+    "componentType": "dataview"
+  },
+  "isContainer": true,
+  "meta": {
+    "title": "数据详情",
+    "category": "数据容器",
+    "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"
+  }
+}

package/src/configs/components/form/checkbox.json

@@ -13,30 +13,79 @@
         "title": "显示标题"
       },
       "range": {
+        "x-component": "list",
         "type": "array",
         "default": [
-          { "label": "多选-选项一", "value": "first", "checked": true },
-          { "label": "多选-选项二", "value": "second", "checked": false }
+          {
+            "label": "多选-选项1",
+            "value": "1",
+            "checked": false
+          },
+          {
+            "label": "多选-选项2",
+            "value": "2",
+            "checked": false
+          }
         ],
         "title": "列表项",
+        "x-linkages": [
+          {
+            "type": "value:schema",
+            "target": "range",
+            "schema": {
+              "items": {
+                "type": "object",
+                "display": "label",
+                "properties": {
+                  "label": {
+                    "type": "string",
+                    "title": "选项名称",
+                    "default": "多选-选项1"
+                  },
+                  "value": {
+                    "type": "string",
+                    "title": "选项值",
+                    "default": "1"
+                  },
+                  "checked": {
+                    "type": "boolean",
+                    "title": "当前是否选中",
+                    "default": false
+                  }
+                },
+                "default": {
+                  "label": "{{'多选-选项' + ($self.value.length+1)}}",
+                  "value": "{{$self.value.length+1}}",
+                  "checked": false
+                }
+              }
+            }
+          }
+        ],
         "items": {
           "type": "object",
+          "display": "label",
           "properties": {
             "label": {
               "type": "string",
-              "title": "名称",
+              "title": "选项名称",
               "default": "多选-选项"
             },
             "value": {
               "type": "string",
-              "title": "标识",
-              "default": "value"
+              "title": "选项值",
+              "default": "1"
             },
             "checked": {
               "type": "boolean",
               "title": "当前是否选中",
               "default": false
             }
+          },
+          "default": {
+            "label": "选项",
+            "value": "1",
+            "checked": false
           }
         }
       },
@@ -64,6 +113,49 @@
         "type": "boolean",
         "default": false,
         "title": "是否显示必填标记"
+      },
+      "tipBlock": {
+        "title": "选项",
+        "type": "string",
+        "x-component": "selection-tip",
+        "default": "",
+        "x-props": {
+          "data-hidebind": true
+        }
+      },
+      "enumName": {
+        "type": "string",
+        "default": "",
+        "title": "字段类型",
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "enumName",
+            "condition": false
+          }
+        ]
+      },
+      "format": {
+        "type": "string",
+        "default": "",
+        "title": "字段类型",
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "range",
+            "condition": "{{$self.value!='x-enum'}}"
+          },
+          {
+            "type": "value:visible",
+            "target": "format",
+            "condition": false
+          },
+          {
+            "type": "value:visible",
+            "target": "tipBlock",
+            "condition": "{{$self.value=='x-enum'}}"
+          }
+        ]
       }
     }
   },