@cloudbase/weda-ui 3.4.2 → 3.4.3

package/dist/configs/components/chart/line.js

@@ -0,0 +1,868 @@
+import { defineConfig, Type } from '../../type-utils';
+const data = Type.Object({
+    chartType: Type.StringEnum({
+        title: '线条类型',
+        type: 'string',
+        default: 'line',
+        'x-component': 'radio',
+        'x-index': 10,
+        enum: [
+            {
+                label: '折线',
+                value: 'line',
+            },
+            {
+                label: '曲线',
+                value: 'bight',
+            },
+        ],
+        remarks: '支持折线和曲线',
+    }),
+    isTitle: Type.Boolean({
+        title: '显示标题',
+        type: 'boolean',
+        default: true,
+        'x-index': 20,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(title)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+    }),
+    title: Type.String({
+        title: '图表标题',
+        type: 'string',
+        default: '折线图标题',
+        'x-index': 30,
+    }),
+    dataSource: Type.Object({
+        // 已废弃
+        name: Type.String(),
+        type: Type.String(),
+        subType: Type.String(),
+        methodName: Type.String(),
+    }, {
+        'x-props': {
+            'data-hidebind': true,
+        },
+        title: '数据源(废弃)',
+        display: false,
+        'x-index': 43,
+        '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 && $self.value.type ==='database') ||  ($self.value && $self.value.type ==='cloud-integration') }}",
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ $self.value && !!$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 && $self.value.type ==='database' }}",
+            },
+            {
+                type: 'value:state',
+                condition: '{{ !!$self.value }}',
+                target: 'yField',
+                state: {
+                    __datasourceName: '{{$self.value.name}}',
+                },
+            },
+        ],
+        remarks: '已废弃数据源配置',
+    }),
+    dataSourceType: Type.StringEnum({
+        'x-index': 45,
+        title: '数据源',
+        'x-category': '基础属性',
+        type: 'string',
+        default: 'data-model',
+        enum: [
+            {
+                label: '数据模型',
+                value: 'data-model',
+            },
+            {
+                label: '自定义APIs',
+                value: 'custom-connector',
+            },
+            {
+                label: '变量',
+                value: 'variable',
+            },
+        ],
+        'x-linkages': [
+            {
+                _comment: '数据模型才显示的',
+                type: 'value:state',
+                condition: "{{$self.value === 'data-model'}}",
+                target: '*(dataModel,filterData,xFieldShow,xField,yFieldSubTitle,yField,groupKey)',
+                state: {
+                    display: true,
+                },
+            },
+            {
+                _comment: '数据模型不显示的',
+                type: 'value:state',
+                condition: "{{$self.value === 'data-model'}}",
+                target: '*(connector,connectorMethod,connectorParams,datasourceVariable)',
+                state: {
+                    display: false,
+                },
+            },
+            {
+                _comment: '自定义APIs才显示的',
+                type: 'value:state',
+                target: '*(connector,connectorMethod,connectorParams)',
+                condition: "{{$self.value === 'custom-connector'}}",
+                state: {
+                    display: true,
+                },
+            },
+            {
+                _comment: '自定义APIs隐藏的',
+                type: 'value:state',
+                target: '*(groupKey,filterData,xFieldShow,xField,yFieldSubTitle,yField,datasourceVariable,dataModel,xStatistics)',
+                condition: "{{$self.value === 'custom-connector'}}",
+                state: {
+                    display: false,
+                },
+            },
+            {
+                _comment: '变量时才显示',
+                type: 'value:state',
+                target: '*(datasourceVariable)',
+                condition: "{{$self.value === 'variable'}}",
+                state: {
+                    display: true,
+                },
+            },
+            {
+                _comment: '变量时不显示',
+                type: 'value:state',
+                target: '*(connector,dataModel,xStatistics,groupKey,filterData,xFieldShow,xField,yFieldSubTitle,yField,connectorMethod,connectorParams)',
+                condition: "{{$self.value === 'variable'}}",
+                state: {
+                    display: false,
+                },
+            },
+            {
+                _comment: '给 connector-selector 设value属性',
+                type: 'value:schema',
+                target: 'connector',
+                schema: {
+                    'x-component-props': '{{{value:$value}}}',
+                },
+            },
+        ],
+        'x-props': {
+            'data-hidebind': true,
+        },
+        remarks: '数据源类型选择',
+    }),
+    dataModel: Type.Object({
+        name: Type.String({
+            title: '数据模型名',
+        }),
+        extra: Type.Object({
+            viewId: Type.String({
+                title: '数据模型视图id',
+            }),
+            methodName: Type.String({
+                title: '数据模型方法名',
+            }),
+        }, {
+            title: '数据模型属性',
+        }),
+    }, {
+        'x-index': 50,
+        title: '数据模型',
+        'x-category': '基础属性',
+        'x-component': 'datasource-selector',
+        'x-component-props': {
+            methodName: 'wedaAggregateData',
+        },
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(filterData)',
+                condition: '{{ Boolean($self.value && $self.value.extra)}}',
+            },
+            {
+                type: 'value:schema',
+                condition: '{{ $self.value && !!$self.value.name }}',
+                target: 'filterData',
+                schema: {
+                    'x-component-props': '{{{selectedDataSourceName: $self.value.name}}}',
+                },
+            },
+            {
+                type: 'value:visible',
+                target: '*(xFieldShow,xField,xStatistics,xIsCountEmpty,yField)',
+                condition: '{{ (Boolean($self.value && $self.value.extra)) }}',
+            },
+            {
+                type: 'value:state',
+                condition: '{{ !!$self.value }}',
+                target: 'yField',
+                state: {
+                    __datasourceName: '{{$self.value.name}}',
+                },
+            },
+        ],
+        remarks: '展示模型数据的数据来源',
+    }),
+    datasourceVariable: Type.Array(Type.Object({
+        XLabel: Type.Object({
+            Name: Type.Optional(Type.String({ title: '字段标识' })),
+            Value: Type.String({ title: '坐标文字' }),
+        }),
+    }), {
+        'x-index': 53,
+        title: '数据源变量',
+        'x-category': '基础属性',
+        remarks: '数据源变量',
+        display: false,
+        'x-component': 'variable-expression',
+    }),
+    connector: Type.Object({
+        datasource: Type.Object({
+            title: Type.String({
+                title: 'API名',
+            }),
+            id: Type.String({
+                title: 'ID',
+            }),
+            name: Type.String({
+                title: '数据源标识',
+            }),
+        }),
+    }, {
+        title: '自定义APIs',
+        'x-component': 'connector-select',
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-index': 54,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                target: 'connectorMethod',
+                schema: {
+                    'x-component-props': '{{{value:$value}}}',
+                },
+            },
+        ],
+        remarks: '展示数据的自定义APIs来源选择',
+    }),
+    connectorMethod: Type.Object({
+        name: Type.String({ title: '方法标识' }),
+        title: Type.String({ title: '方法名' }),
+    }, {
+        title: '调用方法',
+        'x-component': 'connector-method-select',
+        'x-index': 55,
+        'x-category': '基础属性',
+        remarks: '展示数据的自定义APIs调用方法选择',
+    }),
+    connectorParams: Type.Record(Type.String(), Type.Any(), {
+        title: '查询入参',
+        'x-component': 'property-object-params-field',
+        'x-component-props': {
+            dataSourceKeyName: 'connector',
+            dataSourceValuePath: 'datasource.name',
+            methodNameKeyName: 'connectorMethod',
+            methodValuePath: 'name',
+            paramsKeyName: 'connectorParams',
+        },
+        'x-index': 56,
+        'x-category': '基础属性',
+        remarks: "对自定义APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
+    }),
+    filterData: Type.Record(Type.String(), Type.Any(), {
+        title: '数据筛选',
+        'x-index': 58,
+        'x-component': 'condition-select',
+        'x-component-props': {
+            dataSourceNamePropKey: 'dataModel',
+            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(Type.String({ title: '颜色色号' }), {
+        title: '配色',
+        'x-index': 58,
+        default: ['#2A70E2', '#46B690', '#EDB539', '#E46961', '#4FB3D2', '#805FDC'],
+        'x-component': 'color-plate',
+        remarks: '当有多个数值字段或维度字段分组时，不同类别将按照不同配色展示，支持自定义色卡',
+    }),
+    xFieldShow: Type.Never({
+        'x-index': 60,
+        'x-category': '基础属性',
+        'x-component': 'sub-category-title',
+        'x-component-props': {
+            text: '维度(X轴)',
+        },
+    }),
+    xField: Type.Object({
+        format: Type.FormatTypeUnion(),
+        type: Type.BasicTypeUnion(),
+        title: Type.String({ title: '字段名' }),
+        name: Type.String({ title: '字段标识' }),
+    }, {
+        title: '字段选择',
+        'x-index': 70,
+        'x-category': '基础属性',
+        'x-component': 'data-source-field-select',
+        'x-component-props': {
+            dataSourceNamePropKey: 'dataModel',
+            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: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') }}",
+            },
+        ],
+        remarks: 'X轴数值字段选择',
+    }),
+    xStatistics: Type.String({
+        title: '统计维度',
+        type: 'string',
+        'x-category': '基础属性',
+        'x-index': 80,
+        enum: [], // 取决于字段
+    }),
+    xIsCountEmpty: Type.Boolean({
+        title: '显示空值坐标',
+        default: false,
+        'x-index': 90,
+    }),
+    yFieldSubTitle: Type.Never({
+        'x-index': 95,
+        'x-component': 'sub-category-title',
+        'x-component-props': {
+            text: '数值(Y轴)',
+        },
+    }),
+    yField: Type.Object({
+        numValue: Type.Optional(Type.Array(Type.Object({
+            key: Type.String(),
+            operationType: Type.Union(['count', 'sum', 'avg', 'max', 'min'].map((t) => Type.Literal(t))),
+        }))),
+        groupKey: Type.Optional(Type.String()),
+    }, {
+        title: '字段选择',
+        'x-index': 100,
+        'x-category': '基础属性',
+        'x-component': 'chart-y-field-select',
+        'x-component-props': {
+            isMethod: true,
+            text: '编辑Y轴字段',
+            dataSourceNamePropKey: 'dataModel',
+        },
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(groupKey)',
+                condition: '{{ (!$self.value || !$self.value.numValue || $self.value.numValue.length<=1) && !!$self.__datasourceName }}',
+            },
+        ],
+        remarks: 'Y轴数值字段选择',
+    }),
+    groupKey: Type.Optional(Type.String({
+        title: '分组',
+        'x-index': 110,
+        'x-category': '基础属性',
+        'x-component': 'data-source-field-select',
+        'x-component-props': {
+            dataSourceNamePropKey: 'dataModel',
+            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':'m'},{'label':'周','value':'w'},{'label':'日','value':'d'}]: []) }}",
+                },
+            },
+        ],
+        remarks: '当 Y 轴仅选择一个字段时，支持根据某一固定字段对 X 轴进行分组展示。示例：X 轴为销售人员，分组为销售区域',
+    })),
+    groupKeyTimeSpan: Type.String({
+        title: '分组维度',
+        type: 'string',
+        'x-category': '基础属性',
+        'x-index': 120,
+        enum: [],
+    }),
+    legendShow: Type.Never({
+        'x-index': 130,
+        'x-category': '基础属性',
+        'x-component': 'sub-category-title',
+        'x-component-props': {
+            text: '图例',
+        },
+    }),
+    isLegend: Type.Boolean({
+        title: '显示图例',
+        type: 'boolean',
+        default: true,
+        'x-category': '基础属性',
+        'x-index': 140,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(legend)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+    }),
+    legend: Type.StringEnum({
+        title: '图例位置',
+        type: 'string',
+        default: 'bottom',
+        'x-category': '基础属性',
+        'x-index': 160,
+        enum: [
+            {
+                label: '上方',
+                value: 'top',
+            },
+            {
+                label: '下方',
+                value: 'bottom',
+            },
+        ],
+    }),
+    xFieldShowHight: Type.Never({
+        'x-index': 170,
+        'x-category': '高级属性',
+        'x-component': 'sub-category-title',
+        'x-component-props': {
+            text: '维度(X轴)',
+        },
+    }),
+    isXaxisName: Type.Boolean({
+        title: '显示坐标轴名称',
+        default: true,
+        'x-index': 180,
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(xAxisName)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+    }),
+    xAxisName: Type.String({
+        title: '名称',
+        default: '',
+        'x-category': '高级属性',
+        'x-index': 190,
+    }),
+    isXaxisAxisLabelShow: Type.Boolean({
+        title: '显示标签',
+        'x-index': 200,
+        default: true,
+        'x-category': '高级属性',
+    }),
+    isXaxisAxisTickShow: Type.Boolean({
+        title: '显示X轴刻度线',
+        'x-index': 210,
+        default: true,
+        'x-category': '高级属性',
+    }),
+    isXaxisAxisLabelRotate: Type.Boolean({
+        title: '文字自动倾斜',
+        'x-index': 220,
+        default: false,
+        'x-category': '高级属性',
+    }),
+    yFieldShow: Type.Never({
+        'x-index': 230,
+        'x-category': '高级属性',
+        'x-component': 'sub-category-title',
+        'x-component-props': {
+            text: '数值(Y轴)',
+        },
+    }),
+    isYAxisSplitlineLinestyleWidth: Type.Boolean({
+        title: '显示网格线',
+        type: 'boolean',
+        'x-index': 240,
+        default: true,
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(yAxisSplitlineLinestyleType)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+    }),
+    yAxisSplitlineLinestyleType: Type.StringEnum({
+        title: '网格线线条',
+        type: 'string',
+        default: 'solid',
+        'x-category': '高级属性',
+        'x-index': 250,
+        enum: [
+            {
+                label: '实线',
+                value: 'solid',
+            },
+            {
+                label: '虚线',
+                value: 'dashed',
+            },
+            {
+                label: '点线',
+                value: 'dotted',
+            },
+        ],
+    }),
+    yAxisMax: Type.Number({
+        title: '最大值',
+        'x-index': 260,
+        'x-category': '高级属性',
+    }),
+    yAxisMin: Type.Number({
+        title: '最小值',
+        'x-index': 270,
+        'x-category': '高级属性',
+    }),
+    isYAxisName: Type.Boolean({
+        title: '显示Y轴名称',
+        'x-index': 280,
+        default: true,
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(yAxisName)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+    }),
+    yAxisName: Type.String({
+        title: '名称',
+        type: 'string',
+        default: '',
+        'x-category': '高级属性',
+        'x-index': 290,
+    }),
+    isYAxisShow: Type.Boolean({
+        title: '显示数值',
+        type: 'boolean',
+        'x-index': 300,
+        default: true,
+        'x-category': '高级属性',
+        remarks: '数值(Y轴)字段选择',
+    }),
+    dataTagShow: Type.Never({
+        'x-index': 310,
+        'x-category': '高级属性',
+        'x-component': 'sub-category-title',
+        'x-component-props': {
+            text: '数据标签',
+        },
+    }),
+    isSeriesShowSymbol: Type.Boolean({
+        title: '显示数值',
+        'x-index': 320,
+        default: true,
+        'x-category': '高级属性',
+        remarks: '数据标签字段选择',
+    }),
+    unitShow: Type.Never({
+        'x-index': 330,
+        'x-category': '高级属性',
+        'x-component': 'sub-category-title',
+        'x-component-props': {
+            text: '显示单位',
+        },
+    }),
+    isUnit: Type.Boolean({
+        title: '显示单位',
+        'x-index': 340,
+        default: false,
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(unit,decimalDigits,suffix)',
+                condition: '{{ $self.value }}',
+            },
+        ],
+    }),
+    unit: Type.Number({
+        title: '数值量级',
+        'x-category': '高级属性',
+        'x-index': 350,
+        default: 1,
+        enum: [1, 10, 100, 1000, 10000, 100000, 1000000, 10000000, 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: '',
+                },
+            },
+        ],
+        'x-component-props': {
+            options: [
+                {
+                    text: '个',
+                    value: 1,
+                },
+                {
+                    text: '十',
+                    value: 10,
+                },
+                {
+                    text: '百',
+                    value: 100,
+                },
+                {
+                    text: '千',
+                    value: 1000,
+                },
+                {
+                    text: '万',
+                    value: 10000,
+                },
+                {
+                    text: '十万',
+                    value: 100000,
+                },
+                {
+                    text: '百万',
+                    value: 1000000,
+                },
+                {
+                    text: '千万',
+                    value: 10000000,
+                },
+                {
+                    text: '亿',
+                    value: 100000000,
+                },
+            ],
+        },
+    }),
+    decimalDigits: Type.Number({
+        title: '小数位数',
+        type: 'number',
+        default: 0,
+        'x-props': {
+            max: 10,
+            min: 0,
+        },
+        'x-index': 360,
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:state',
+                target: 'decimalDigits',
+                condition: "{{ $self.value == '' || isNaN($self.value) || $self.value < 0 }}",
+                state: {
+                    value: 0,
+                },
+            },
+        ],
+    }),
+    suffix: Type.String({
+        title: '后缀',
+        type: 'string',
+        default: '',
+        'x-index': 370,
+        'x-category': '高级属性',
+    }),
+});
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events: [],
+    meta: {
+        title: '折线图',
+        description: '折线图组件主要用于报表场景下展示数据随时间变化产生的趋势，支持小程序、H5 和 PC Web 端。',
+        icon: '../../icons/Line.svg',
+        category: '图表',
+        categoryOrder: 600,
+        componentOrder: 540,
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Line',
+    },
+});
+export default config;