@cloudbase/weda-ui 3.5.0 → 3.5.1

package/dist/configs/components/dataView.js

@@ -1,4 +1,5 @@
 import { Type } from '../type-utils';
+import { genericErrorType } from '../type-utils/error';
 const rawTemplate = `
 {{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
 {{#with (helper_utils 'concat' 'string' 'number' 'boolean') as |_rangeTypes|}}
@@ -171,10 +172,21 @@ ${rawTemplate}
 {{/with}}
 {{/with}}
 `;
+const query_condition_tempate = `
+{{#with $self as |$self|}}
+{{#with (helper_utils '?:' (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model') $self.attributes.datasource.name $self.attributes.bindConnectMetadata.datasource.name) as |_datasourceName| }}
+{{#with (helper_utils '?:' (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model') 'wedaGetRecords' $self.attributes.connectorMethod.name) as |_methodName| }}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+
+[attributes]
+':queryCondition'='[]'
+`;
 const properties = Type.Object({
-    record: Type.BasicTypeUnion({
+    record: Type.Object({}, {
         title: '数据记录',
-        type: 'object',
         description: '数据记录',
     }),
 });
@@ -259,7 +271,7 @@ const config = {
                 'x-props': {
                     'data-hidebind': true,
                 },
-                remarks: '数据源类型选择',
+                description: '数据源类型选择',
             },
             datasource: {
                 'x-index': 10,
@@ -311,7 +323,7 @@ const config = {
                         },
                     },
                 ],
-                remarks: '展示模型数据的数据来源',
+                description: '展示模型数据的数据来源',
             },
             bindConnectMetadata: {
                 title: 'APIs',
@@ -332,7 +344,7 @@ const config = {
                 'x-props': {
                     'data-hidebind': true,
                 },
-                remarks: '展示数据的APIs来源选择',
+                description: '展示数据的APIs来源选择',
             },
             connectorMethod: {
                 title: '调用方法',
@@ -344,14 +356,14 @@ const config = {
                 'x-props': {
                     'data-hidebind': true,
                 },
-                remarks: '展示数据的APIs调用方法选择',
+                description: '展示数据的APIs调用方法选择',
             },
             connectorParams: {
                 title: '查询入参',
                 type: 'string',
                 'x-index': 18,
                 'x-category': '基础属性',
-                remarks: "对APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
+                description: "对APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
                 'x-component': 'property-object-params-field',
                 'x-component-props': {
                     dataSourceKeyName: 'bindConnectMetadata',
@@ -378,7 +390,7 @@ const config = {
                     'data-hideBindValue': true,
                     'data-withBindMeta': true,
                 },
-                remarks: '对数据进行筛选过滤',
+                description: '对数据进行筛选过滤',
             },
         },
     },
@@ -386,17 +398,20 @@ const config = {
         {
             name: 'queryEmpty',
             title: '查询为空',
-            remarks: '数据查询为空时触发',
+            description: '数据查询为空时触发',
         },
         {
             name: 'querySuccess',
             title: '查询成功',
-            remarks: '数据查询成功时触发',
+            description: '数据查询成功时触发',
         },
         {
             name: 'queryFail',
             title: '查询失败',
-            remarks: '数据查询失败时触发',
+            description: '数据查询失败时触发',
+            detail: Type.Object({
+                error: genericErrorType,
+            }),
         },
     ],
     // 组件实例属性
@@ -438,9 +453,13 @@ const config = {
                 body: $attached_template,
             },
             {
-                when: 'datasource,connectorMethod,dataSourceType',
+                when: 'connectorMethod,dataSourceType',
                 body: attributes_tempate,
             },
+            {
+                when: 'datasource',
+                body: query_condition_tempate,
+            },
         ],
     },
     configMeta: {

package/dist/configs/components/dataView.json

@@ -0,0 +1,327 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "dataSourceType": {
+                "x-index": 5,
+                "title": "数据源",
+                "x-category": "基础属性",
+                "type": "string",
+                "default": "data-model",
+                "enum": [
+                    {
+                        "label": "数据模型",
+                        "value": "data-model"
+                    },
+                    {
+                        "label": "APIs",
+                        "value": "custom-connector"
+                    }
+                ],
+                "x-linkages": [
+                    {
+                        "type": "value:state",
+                        "target": "*(orderType,where,orderBy,datasource)",
+                        "condition": "{{$self.value !='custom-connector'}}",
+                        "state": {
+                            "display": true
+                        },
+                        "otherwise": {
+                            "display": false
+                        }
+                    },
+                    {
+                        "type": "value:state",
+                        "target": "*(bindConnectMetadata,connectorMethod,connectorParams)",
+                        "condition": "{{$self.value=='custom-connector'}}",
+                        "state": {
+                            "display": true
+                        },
+                        "otherwise": {
+                            "display": false
+                        }
+                    },
+                    {
+                        "type": "value:schema",
+                        "target": "bindConnectMetadata",
+                        "schema": {
+                            "x-component-props": "{{{value:$value}}}"
+                        }
+                    },
+                    {
+                        "type": "value:schema",
+                        "target": "connectorMethod",
+                        "schema": {
+                            "x-component-props": "{{{connector:$value}}}"
+                        }
+                    }
+                ],
+                "x-component": "dsc-datasource-type-select",
+                "x-component-props": {
+                    "defaultValue": "data-model",
+                    "options": [
+                        {
+                            "value": "data-model",
+                            "text": "数据模型",
+                            "label": "数据模型",
+                            "icon": "database",
+                            "isShow": true
+                        },
+                        {
+                            "value": "custom-connector",
+                            "text": "APIs",
+                            "label": "APIs",
+                            "icon": "custom-connector",
+                            "isShow": true
+                        }
+                    ]
+                },
+                "x-props": {
+                    "data-hidebind": true
+                },
+                "description": "数据源类型选择"
+            },
+            "datasource": {
+                "x-index": 10,
+                "title": "数据模型",
+                "type": "object",
+                "x-category": "基础属性",
+                "required": true,
+                "properties": {
+                    "name": {
+                        "title": "数据模型名",
+                        "type": "string"
+                    },
+                    "extra": {
+                        "title": "数据模型属性",
+                        "type": "object",
+                        "properties": {
+                            "viewId": {
+                                "title": "数据模型视图id",
+                                "type": "string"
+                            },
+                            "methodName": {
+                                "title": "数据模型方法名",
+                                "type": "string"
+                            }
+                        }
+                    }
+                },
+                "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": "{{ Boolean($value && $value.name) }}",
+                        "target": "where",
+                        "schema": {
+                            "x-component-props": "{{{selectedDataSourceName: $value && $value.name}}}"
+                        }
+                    }
+                ],
+                "description": "展示模型数据的数据来源"
+            },
+            "bindConnectMetadata": {
+                "title": "APIs",
+                "type": "object",
+                "x-component": "connector-select",
+                "x-index": 12,
+                "x-category": "基础属性",
+                "required": true,
+                "x-linkages": [
+                    {
+                        "type": "value:schema",
+                        "target": "connectorMethod",
+                        "schema": {
+                            "x-component-props": "{{{value:$value}}}"
+                        }
+                    }
+                ],
+                "x-props": {
+                    "data-hidebind": true
+                },
+                "description": "展示数据的APIs来源选择"
+            },
+            "connectorMethod": {
+                "title": "调用方法",
+                "type": "object",
+                "x-component": "connector-method-select",
+                "x-index": 16,
+                "x-category": "基础属性",
+                "required": true,
+                "x-props": {
+                    "data-hidebind": true
+                },
+                "description": "展示数据的APIs调用方法选择"
+            },
+            "connectorParams": {
+                "title": "查询入参",
+                "type": "string",
+                "x-index": 18,
+                "x-category": "基础属性",
+                "description": "对APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
+                "x-component": "property-object-params-field",
+                "x-component-props": {
+                    "dataSourceKeyName": "bindConnectMetadata",
+                    "dataSourceValuePath": "datasource.name",
+                    "methodNameKeyName": "connectorMethod",
+                    "methodValuePath": "name",
+                    "paramsKeyName": "connectorParams"
+                }
+            },
+            "where": {
+                "x-index": 20,
+                "title": "数据筛选",
+                "x-category": "基础属性",
+                "type": "array",
+                "items": {},
+                "x-component": "condition-select",
+                "x-component-props": {
+                    "selectedDataSourceName": null,
+                    "customLogicOptions": [
+                        {
+                            "text": "且",
+                            "value": "and"
+                        },
+                        {
+                            "text": "或",
+                            "value": "or"
+                        }
+                    ],
+                    "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"
+                            },
+                            {
+                                "value": "empty",
+                                "text": "为空",
+                                "type": "empty"
+                            },
+                            {
+                                "value": "nempty",
+                                "text": "不为空",
+                                "type": "nempty"
+                            }
+                        ]
+                    }
+                },
+                "x-props": {
+                    "data-hidebind": true,
+                    "data-hideBindValue": true,
+                    "data-withBindMeta": true
+                },
+                "description": "对数据进行筛选过滤"
+            }
+        }
+    },
+    "events": [
+        {
+            "name": "queryEmpty",
+            "title": "查询为空",
+            "description": "数据查询为空时触发"
+        },
+        {
+            "name": "querySuccess",
+            "title": "查询成功",
+            "description": "数据查询成功时触发"
+        },
+        {
+            "name": "queryFail",
+            "title": "查询失败",
+            "description": "数据查询失败时触发"
+        }
+    ],
+    "methods": [
+        {
+            "name": "refresh",
+            "label": "刷新"
+        },
+        {
+            "name": "deleteOne",
+            "label": "删除单条数据",
+            "params": {
+                "properties": {
+                    "_id": {
+                        "title": "删除数据的标识",
+                        "type": "string",
+                        "default": ""
+                    }
+                }
+            }
+        }
+    ],
+    "compConfig": {
+        "isDataContainer": true,
+        "componentType": "dataview"
+    },
+    "isContainer": true,
+    "meta": {
+        "title": "数据详情",
+        "category": "数据容器",
+        "description": "适用于从数据源中查询一条数据，并将返回数据展示的场景，如查询访客预约详情。",
+        "categoryOrder": 100,
+        "componentOrder": 20,
+        "icon": "../icons/DataView.svg"
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/DataView",
+        "shortcut": {
+            "props": [
+                "dataSourceType",
+                "datasource",
+                "where",
+                "bindConnectMetadata",
+                "connectorMethod",
+                "connectorParams"
+            ]
+        },
+        "contextData": {
+            "setField": true,
+            "setRelated": true
+        }
+    }
+}

package/dist/configs/components/echart.d.ts

@@ -0,0 +1,141 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    template: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+    option: import("@sinclair/typebox").TUnknown;
+    dark: import("@sinclair/typebox").TBoolean;
+    opts: import("@sinclair/typebox").TObject<{}>;
+}>;
+declare const properties: import("@sinclair/typebox").TObject<{
+    echartsInstance: import("@sinclair/typebox").TUnknown;
+}>;
+export type DataType = Simplify<Static<typeof data>>;
+export type PropsType = Simplify<Static<typeof properties>>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        template: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+        option: import("@sinclair/typebox").TUnknown;
+        dark: import("@sinclair/typebox").TBoolean;
+        opts: import("@sinclair/typebox").TObject<{}>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        echartsInstance: import("@sinclair/typebox").TUnknown;
+    }>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-chart";
+        readonly description: "树组件根元素";
+    }, {
+        readonly name: "PC 端按钮根元素";
+        readonly selector: ".wd-pc-chart";
+        readonly description: "可以为 PC 端的编写样式";
+    }, {
+        readonly name: "H5 端按钮根元素";
+        readonly selector: ".wd-h5-chart";
+        readonly description: "可以为 H5 端的编写样式";
+    }];
+    readonly methods: readonly [{
+        readonly name: "setOption";
+        readonly label: "设置图表配置";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+        readonly description: "设置图表实例的配置项以及数据，万能接口，所有参数和数据的修改都可以通过 setOption 完成，您可以直接查看[Echarts官方图表示例](https://echarts.apache.org/zh/api.html#echartsInstance.setOption)";
+        readonly params: import("@sinclair/typebox").TObject<{
+            option: import("@sinclair/typebox").TUnknown;
+            opts: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
+                notMerge: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+                replaceMerge: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">, import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>]>>;
+                lazyUpdate: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+            }>>;
+        }>;
+    }, {
+        readonly name: "setTheme";
+        readonly label: "设置主题";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+        readonly description: "设置图表实例的主题，支持设置不同类型的主题，默认有dart、auto，也可以通过Echarts官方提供的[registerTheme方法](https://echarts.apache.org/zh/api.html#echarts.registerTheme)注册主题";
+        readonly params: import("@sinclair/typebox").TObject<{
+            theme: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+        }>;
+    }];
+    readonly events: readonly [{
+        readonly title: "单击";
+        readonly name: "click";
+        readonly description: "当点击图表中的坐标点时触发该方法，具体可以见[Echarts官方事件说明](https://echarts.apache.org/zh/api.html#events.%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6.click)";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+        readonly detail: import("@sinclair/typebox").TUnknown;
+    }, {
+        readonly title: "双击";
+        readonly name: "dblclick";
+        readonly description: "当双击图表中的坐标点时触发该方法，具体可以见[Echarts官方事件说明](https://echarts.apache.org/zh/api.html#events.%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6.dblclick)";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+        readonly detail: import("@sinclair/typebox").TUnknown;
+    }];
+    readonly meta: {
+        readonly name: "Chart";
+        readonly componentName: "Chart";
+        readonly title: "通用图表";
+        readonly description: "通用图表是一个万能图表，可配置出多种图表如折线图、饼状图、面积图、地图、漏斗图、仪表盘等。";
+        readonly icon: "../../icons/Chart.svg";
+        readonly category: "图表";
+        readonly categoryOrder: 600;
+        readonly componentOrder: 570;
+        readonly platform: readonly ["MOBILEWEB", "PCWEB"];
+        readonly visible: readonly ["APP"];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Chart";
+        readonly group: {
+            readonly 基础: {
+                readonly 'x-index': 1;
+                readonly expand: true;
+            };
+            readonly 高级属性: {
+                readonly 'x-index': 2;
+                readonly expand: true;
+            };
+        };
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly to: "$children";
+            readonly body: "\n{{#with $self as |$self|}}\n\n{{#if (helper_utils '===' $self.attributes.template 'line')}}\n[attributes]\n':option'=\"{\n  // X 轴数据\n  xAxis: {\n    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n  },\n  // Y轴 系列数据\n  series: [\n    {\n      data: [150, 230, 224, 218, 135, 147, 260],\n      type: 'line', // 图表类型: 折线图line\n      name: '分数',  // 图例名称\n      label: { // 图形标签\n        show: true,\n         formatter: '{c}' // 标签值，通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n      },\n      // 线条颜色样式\n      lineStyle: {\n        color: '#2A70E2' // 折线颜色\n      },\n      // 折线拐点标志样式\n      itemStyle:{\n        color: 'auto' // 拐点颜色，默认\n      }\n    }\n  ],\n  yAxis: {\n    type: 'value'  // Y 轴格式，通常无需修改\n  },\n  // 标题展示\n  title: {\n    show: true,\n    text: '折线图标题',\n    x: 'center', //水平居中\n  },\n  // 图例展示\n  legend: {\n    show: true,\n    bottom: 0\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'empty')}}\n[attributes]\n':option'=\"{\n}\"\n':opts'=\"{\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'square')}}\n[attributes]\n':option'=\"{\n  // X 轴数据\n  xAxis: {\n    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n  },\n  // Y轴 系列数据\n  series: [\n    {\n      data: [150, 230, 224, 218, 135, 147, 260],\n      type: 'line', // 图表类型: 折线图line\n      name: '分数',  // 图例名称\n      label: { // 图形标签\n        show: true,\n         formatter: '{c}' // 标签值，通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n      },\n      // 线条颜色样式\n      lineStyle: {\n        color: '#2A70E2' // 折线颜色\n      },\n      // 面积颜色样式\n      areaStyle: {\n        opacity: 0.7, // 透明度，值为0-1\n        color: '#2A70E2' // 面积颜色\n      },\n      // 折线拐点标志样式\n      itemStyle:{\n        color: 'auto' // 拐点颜色，默认\n      }\n    }\n  ],\n  yAxis: {\n    type: 'value'  // Y 轴格式，通常无需修改\n  },\n  // 标题展示\n  title: {\n    show: true,\n    text: '折线图标题',\n    x: 'center', //水平居中\n  },\n  // 图例展示\n  legend: {\n    show: true,\n    bottom: 0\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'bar')}}\n[attributes]\n':option'=\"{\n  // X 轴数据\n  xAxis: {\n    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n  },\n  // Y轴 系列数据\n  series: [\n    {\n      data: [150, 230, 224, 218, 135, 147, 260],\n      type: 'bar', // 图表类型：柱状图bar\n      name: '分数',  // 图例名称\n      label: { // 图形标签\n        show: true,\n         formatter: '{c}' // 标签值，通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n      },\n      // 线条颜色样式\n      lineStyle: {\n        color: '#2A70E2' // 折线颜色\n      },\n      // 折线拐点标志样式\n      itemStyle:{\n        color: 'auto' // 拐点颜色，默认\n      }\n    }\n  ],\n  yAxis: {\n    type: 'value'  // Y 轴格式，通常无需修改\n  },\n  // 标题展示\n  title: {\n    show: true,\n    text: '柱状图标题',\n    x: 'center', //水平居中\n  },\n  // 图例展示\n  legend: {\n    show: true,\n    bottom: 0\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'pie')}}\n[attributes]\n':option'=\"{\n  // 饼图数据\n  series: [\n    {\n      type: 'pie', //图表类型：饼状图\n      data: [\n        {\n            value: 1080,\n            name: '一月份',\n            itemStyle: {\n              color: '#587' //饼图颜色\n            }\n        },\n        { value: 735, name: '二月份' },\n        { value: 580, name: '三月份' },\n        { value: 484, name: '四月份' },\n        { value: 300, name: '五月份' }\n      ],\n      // 图形上的文本标签\n      label: {\n        show:true,\n        position: 'outside' // outside|inside|inner|center\n       } ,\n      radius: '50%', //半径\n    }\n  ],\n  title: {\n    text: '饼状图标题',\n    x: 'center'\n  },\n  tooltip: {\n    trigger: 'item'\n  },\n  legend: {\n    show: true,\n    bottom: 0\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'scatter')}}\n[attributes]\n':option'=\"{\n  // 图表数据\n  series: [\n    {\n      type: 'scatter', //图表类型：散点（气泡）图\n      data: [\n        [0, 2], // 横纵坐标的值 [x,y]\n        [10.0, 8.04],\n        [8.07, 6.95],\n        [13.0, 7.58],\n        [9.05, 8.81],\n        [11.0, 8.33],\n        [14.0, 7.66],\n        [13.4, 6.81],\n        [10.0, 6.33],\n        [14.0, 8.96],\n        [12.5, 6.82],\n        [9.15, 7.2],\n        [11.5, 7.2],\n        [3.03, 4.23],\n        [12.2, 7.83],\n        [2.02, 4.47],\n        [1.05, 3.33],\n        [4.05, 4.96],\n        [6.03, 7.24],\n        [12.0, 6.26],\n        [12.0, 8.84],\n        [7.08, 5.82],\n        [5.02, 5.68]\n      ],\n      name: '系列1',\n      color: '#2A70E2', //标记颜色\n      symbolSize: 20 // 标记大小\n    }\n  ],\n  xAxis: {},\n  yAxis: {},\n  title: {\n    text: '散点图标题',\n    x: 'center'\n  },\n  legend: {\n    show: true,\n    bottom: 0\n  }\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'gauge')}}\n[attributes]\n':option'=\"{\n  // 仪表盘数据\n  series: [\n    {\n      // 数据\n      data: [\n        {\n          value: 50,\n          name: '得分'\n        }\n      ],\n      detail: {\n        formatter: '{value}'\n      },\n      name: '比赛结果',//图表名称，在图表提示中获取\n      type: 'gauge',// 图表类型：仪表盘gauge\n    }\n  ],\n  // 图表提示\n   tooltip: {\n    formatter: '{a}{b} : {c}'\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{/if}}\n{{/with}}\n";
+        }, {
+            readonly when: "template";
+            readonly to: "$children";
+            readonly body: "\n{{#with $self as |$self|}}\n\n{{#if (helper_utils '===' $self.attributes.template 'line')}}\n[attributes]\n':option'=\"{\n  // X 轴数据\n  xAxis: {\n    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n  },\n  // Y轴 系列数据\n  series: [\n    {\n      data: [150, 230, 224, 218, 135, 147, 260],\n      type: 'line', // 图表类型: 折线图line\n      name: '分数',  // 图例名称\n      label: { // 图形标签\n        show: true,\n         formatter: '{c}' // 标签值，通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n      },\n      // 线条颜色样式\n      lineStyle: {\n        color: '#2A70E2' // 折线颜色\n      },\n      // 折线拐点标志样式\n      itemStyle:{\n        color: 'auto' // 拐点颜色，默认\n      }\n    }\n  ],\n  yAxis: {\n    type: 'value'  // Y 轴格式，通常无需修改\n  },\n  // 标题展示\n  title: {\n    show: true,\n    text: '折线图标题',\n    x: 'center', //水平居中\n  },\n  // 图例展示\n  legend: {\n    show: true,\n    bottom: 0\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'empty')}}\n[attributes]\n':option'=\"{\n}\"\n':opts'=\"{\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'square')}}\n[attributes]\n':option'=\"{\n  // X 轴数据\n  xAxis: {\n    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n  },\n  // Y轴 系列数据\n  series: [\n    {\n      data: [150, 230, 224, 218, 135, 147, 260],\n      type: 'line', // 图表类型: 折线图line\n      name: '分数',  // 图例名称\n      label: { // 图形标签\n        show: true,\n         formatter: '{c}' // 标签值，通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n      },\n      // 线条颜色样式\n      lineStyle: {\n        color: '#2A70E2' // 折线颜色\n      },\n      // 面积颜色样式\n      areaStyle: {\n        opacity: 0.7, // 透明度，值为0-1\n        color: '#2A70E2' // 面积颜色\n      },\n      // 折线拐点标志样式\n      itemStyle:{\n        color: 'auto' // 拐点颜色，默认\n      }\n    }\n  ],\n  yAxis: {\n    type: 'value'  // Y 轴格式，通常无需修改\n  },\n  // 标题展示\n  title: {\n    show: true,\n    text: '折线图标题',\n    x: 'center', //水平居中\n  },\n  // 图例展示\n  legend: {\n    show: true,\n    bottom: 0\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'bar')}}\n[attributes]\n':option'=\"{\n  // X 轴数据\n  xAxis: {\n    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n  },\n  // Y轴 系列数据\n  series: [\n    {\n      data: [150, 230, 224, 218, 135, 147, 260],\n      type: 'bar', // 图表类型：柱状图bar\n      name: '分数',  // 图例名称\n      label: { // 图形标签\n        show: true,\n         formatter: '{c}' // 标签值，通常无需关注。https://echarts.apache.org/zh/option.html#tooltip.formatter\n      },\n      // 线条颜色样式\n      lineStyle: {\n        color: '#2A70E2' // 折线颜色\n      },\n      // 折线拐点标志样式\n      itemStyle:{\n        color: 'auto' // 拐点颜色，默认\n      }\n    }\n  ],\n  yAxis: {\n    type: 'value'  // Y 轴格式，通常无需修改\n  },\n  // 标题展示\n  title: {\n    show: true,\n    text: '柱状图标题',\n    x: 'center', //水平居中\n  },\n  // 图例展示\n  legend: {\n    show: true,\n    bottom: 0\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'pie')}}\n[attributes]\n':option'=\"{\n  // 饼图数据\n  series: [\n    {\n      type: 'pie', //图表类型：饼状图\n      data: [\n        {\n            value: 1080,\n            name: '一月份',\n            itemStyle: {\n              color: '#587' //饼图颜色\n            }\n        },\n        { value: 735, name: '二月份' },\n        { value: 580, name: '三月份' },\n        { value: 484, name: '四月份' },\n        { value: 300, name: '五月份' }\n      ],\n      // 图形上的文本标签\n      label: {\n        show:true,\n        position: 'outside' // outside|inside|inner|center\n       } ,\n      radius: '50%', //半径\n    }\n  ],\n  title: {\n    text: '饼状图标题',\n    x: 'center'\n  },\n  tooltip: {\n    trigger: 'item'\n  },\n  legend: {\n    show: true,\n    bottom: 0\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'scatter')}}\n[attributes]\n':option'=\"{\n  // 图表数据\n  series: [\n    {\n      type: 'scatter', //图表类型：散点（气泡）图\n      data: [\n        [0, 2], // 横纵坐标的值 [x,y]\n        [10.0, 8.04],\n        [8.07, 6.95],\n        [13.0, 7.58],\n        [9.05, 8.81],\n        [11.0, 8.33],\n        [14.0, 7.66],\n        [13.4, 6.81],\n        [10.0, 6.33],\n        [14.0, 8.96],\n        [12.5, 6.82],\n        [9.15, 7.2],\n        [11.5, 7.2],\n        [3.03, 4.23],\n        [12.2, 7.83],\n        [2.02, 4.47],\n        [1.05, 3.33],\n        [4.05, 4.96],\n        [6.03, 7.24],\n        [12.0, 6.26],\n        [12.0, 8.84],\n        [7.08, 5.82],\n        [5.02, 5.68]\n      ],\n      name: '系列1',\n      color: '#2A70E2', //标记颜色\n      symbolSize: 20 // 标记大小\n    }\n  ],\n  xAxis: {},\n  yAxis: {},\n  title: {\n    text: '散点图标题',\n    x: 'center'\n  },\n  legend: {\n    show: true,\n    bottom: 0\n  }\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{else if (helper_utils '===' $self.attributes.template 'gauge')}}\n[attributes]\n':option'=\"{\n  // 仪表盘数据\n  series: [\n    {\n      // 数据\n      data: [\n        {\n          value: 50,\n          name: '得分'\n        }\n      ],\n      detail: {\n        formatter: '{value}'\n      },\n      name: '比赛结果',//图表名称，在图表提示中获取\n      type: 'gauge',// 图表类型：仪表盘gauge\n    }\n  ],\n  // 图表提示\n   tooltip: {\n    formatter: '{a}{b} : {c}'\n  },\n}\"\n':opts'=\"{\n  height: 'auto', // 默认auto，单位px\n  width: 'auto'\n}\"\n\n{{/if}}\n{{/with}}\n";
+        }];
+        readonly inlineStyleForm: {
+            readonly fontSize: {
+                readonly visible: false;
+            };
+            readonly color: {
+                readonly visible: false;
+            };
+            readonly fontWeight: {
+                readonly visible: false;
+            };
+            readonly lineHeight: {
+                readonly visible: false;
+            };
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly border: {
+                readonly visible: false;
+            };
+            readonly background: {
+                readonly visible: false;
+            };
+            readonly boxShadow: {
+                readonly visible: false;
+            };
+            readonly opacity: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
+    };
+};
+export default config;