super-page-runtime 1.0.14 → 1.0.15

package/src/components/runtime/views/assemblys/chart/common/common-style-legend.vue

@@ -1,70 +0,0 @@
-<template>
-    <el-collapse-item
-            title="图例"  
-            name="styleLegend"
-            class="amb-design-attr-group-header">
-        <div style="padding:8px 0px 0px 0px;">
-            <el-form-item label="是否显示" style="margin-top:0px;margin-bottom:-15px;">
-                <el-switch v-model="configure.style.enableLegend"/>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLegend"
-                label="布局" style="margin-top:18px;">
-                <el-radio-group v-model="configure.style.legendLayout">
-                    <el-radio-button value="">默认</el-radio-button>
-                    <el-radio-button value="horizontal">水平</el-radio-button>
-                    <el-radio-button value="vertical">垂直</el-radio-button>
-                </el-radio-group>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLegend"
-                label="水平对齐" style="margin-top:-10px;">
-                <el-select
-                    v-model="configure.style.legendAlign"
-                    placeholder="默认"
-                    clearable>
-                    <el-option label="靠左" value="left"/>
-                    <el-option label="居中" value="center"/>
-                    <el-option label="靠右" value="right"/>
-                </el-select>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLegend"
-                label="垂直对齐" style="margin-top:-10px;">
-                <el-select
-                    v-model="configure.style.legendVerticalAlign"
-                    placeholder="默认"
-                    clearable>
-                    <el-option label="顶部" value="top"/>
-                    <el-option label="居中" value="middle"/>
-                    <el-option label="底部" value="bottom"/>
-                </el-select>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLegend"
-                label="内边距" style="margin-top:-10px;">
-                <el-input-number v-model="configure.style.legendPadding" min=0 max="200">
-                </el-input-number>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLegend"
-                label="内容定义" style="margin-top:-8px;margin-bottom:-15px;">
-                <el-input
-                    v-model="configure.style.customLegend"
-                    :rows="3"
-                    type="textarea"
-                    placeholder=""/>
-                <el-text type="success" size="small">模板变量为图例名称{name}</el-text>
-            </el-form-item>
-        </div>
-    </el-collapse-item>
-</template>
-<script lang='ts' setup>
-    defineProps({
-        configure:{
-            type:Object,
-            required:true
-        }
-    });
-</script>
-

package/src/components/runtime/views/assemblys/chart/common/common-style-tooltip.vue

@@ -1,140 +0,0 @@
-<template>
-    <el-collapse-item
-            title="提示消息"  
-            name="styleTooltip"
-            class="amb-design-attr-group-header">
-        <div style="padding:8px 0px 0px 0px;">
-            <el-form-item label="是否显示" style="margin-top:0px;margin-bottom:-15px;">
-                <el-switch v-model="configure.style.enableTooltip"/>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableTooltip"
-                label="触发类型" style="margin-top:18px;">
-                <el-radio-group v-model="configure.style.tooltipTrigger">
-                    <el-radio-button value="">默认</el-radio-button>
-                    <el-radio-button value="item">item</el-radio-button>
-                    <el-radio-button
-                    v-show="chartType!='radar'"
-                    value="axis">axis</el-radio-button>
-                </el-radio-group>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableTooltip&&configure.style.tooltipTrigger=='item'" 
-                label="触发位置" style="margin-top:-10px;">
-                <el-select
-                    v-model="configure.style.tooltipPosition"
-                    placeholder="默认"
-                    clearable>
-                    <el-option label="inside" value="inside"/>
-                    <el-option label="top" value="top"/>
-                    <el-option label="left" value="left"/>
-                    <el-option label="right" value="right"/>
-                    <el-option label="bottom" value="bottom"/>
-                </el-select>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableTooltip" label="数据格式" style="margin-top:-15px;">
-                <el-checkbox-group v-model="configure.style.tooltipNumFormat">
-                    <el-row>
-                        <el-col :span="14">
-                            <el-checkbox value="precision" label="小数位数" size="large" />
-                        </el-col>
-                        <el-col :span="8">
-                            <el-select
-                                style="width:70px;margin-top:8px;"
-                                size="small"
-                                v-model="configure.style.tooltipNumPrecision"
-                                :disabled="configure.style.tooltipNumFormat&&configure.style.tooltipNumFormat.indexOf('precision')==-1"
-                                placeholder="默认"
-                                clearable>
-                                <el-option label="1" value="1"/>
-                                <el-option label="2" value="2"/>
-                                <el-option label="3" value="3"/>
-                                <el-option label="4" value="4"/>
-                                <el-option label="5" value="5"/>
-                                <el-option label="6" value="6"/>
-                            </el-select>
-                        </el-col>
-                    </el-row>
-                    <el-row style="margin-top:-10px;">
-                        <el-col :span="14">
-                            <el-checkbox value="prefix" label="前缀" size="large" />
-                        </el-col>
-                        <el-col :span="8">
-                            <el-input
-                                size="small"
-                                style="width:70px;margin-top:8px;"
-                                v-model="configure.style.tooltipNumPrefix"
-                                :disabled="configure.style.tooltipNumFormat&&configure.style.tooltipNumFormat.indexOf('prefix')==-1"
-                                placeholder=""/>
-                        </el-col>
-                    </el-row>
-                    <el-row style="margin-top:-10px;">
-                        <el-col :span="14">
-                            <el-checkbox value="append" label="后缀" size="large" />
-                        </el-col>
-                        <el-col :span="8">
-                            <el-input
-                                size="small"
-                                style="width:70px;margin-top:8px;"
-                                v-model="configure.style.tooltipNumAppend"
-                                :disabled="configure.style.tooltipNumFormat&&configure.style.tooltipNumFormat.indexOf('append')==-1"
-                                placeholder=""/>
-                        </el-col>
-                    </el-row>
-                </el-checkbox-group>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableTooltip" label="文字颜色" style="margin-top:-10px;">
-                <el-color-picker v-model="configure.style.tooltipColor" />
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableTooltip"
-                label="文字字号" style="margin-top:-10px;">
-                <el-select
-                v-model="configure.style.tooltipFontSize"
-                placeholder="默认"
-                clearable>
-                <el-option
-                    v-for="item in fontSizes"
-                    :label="item" :value="item"/>
-                </el-select>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableTooltip" label="文字粗细" style="margin-top:-10px;">
-                <el-select
-                    v-model="configure.style.tooltipWeight"
-                    placeholder="默认"
-                    clearable>
-                    <el-option label="bold" value="bold"/>
-                    <el-option label="bolder" value="bolder"/>
-                    <el-option label="lighter" value="lighter"/>
-                </el-select>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableTooltip"
-                label="内容定义" style="margin-top:-10px;margin-bottom:-15px;">
-                <el-input
-                    v-model="configure.style.tooltipFormatter"
-                    :rows="2"
-                    type="textarea"
-                    placeholder=""/>
-                <el-text style="line-height:15px;margin-top:5px;" type="success" size="small">
-                    {a}：系列名；{b}：数据名；{c}：数据值；{@xxx}；{@[n]}
-                </el-text>
-            </el-form-item>
-        </div>
-    </el-collapse-item>
-</template>
-<script lang='ts' setup>
-    defineProps({
-        configure:{
-            type:Object,
-            required:true
-        },
-        chartType:Object
-    });
-    //字号
-    const fontSizes = ["8","10","12","14","16","18","20","24","28"];
-</script>
-

package/src/components/runtime/views/assemblys/chart/common/common-style-xaxis.vue

@@ -1,58 +0,0 @@
-<template>
-    <el-collapse-item
-            title="横坐标"  
-            name="styleXaxis"
-            class="amb-design-attr-group-header">
-        <div style="padding:8px 0px 0px 0px;">
-            <el-form-item label="是否显示" style="margin-top:0px;margin-bottom:-15px;">
-                <el-switch v-model="configure.style.enableXaxis"/>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableXaxis"
-                label="旋转角度" style="margin-top:18px;">
-                <el-input-number v-model="configure.style.xaxisAngle" :min="-90" :max="90">
-                </el-input-number>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableXaxis"
-                label="偏移量" style="margin-top:-10px;">
-                <el-input-number v-model="configure.style.xaxisOffset" :min="0" max="180">
-                </el-input-number>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableXaxis"
-                label="文本宽度" style="margin-top:-10px;">
-                <el-input-number v-model="configure.style.xaxisWidth" :min="10" :max="180">
-                </el-input-number>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableXaxis"
-                label="截断显示" style="margin-top:-10px;">
-                <el-input
-                    v-model="configure.style.xaxisEllipsis"
-                    placeholder="..."/>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableXaxis"
-                label="内容定义" style="margin-top:-10px;margin-bottom:-15px;">
-                <el-input
-                    v-model="configure.style.xaxisFormatter"
-                    type="textarea"
-                    row="2"
-                    placeholder=""/>
-                <el-text style="line-height:15px;margin-top:5px;" type="success" size="small">
-                    模板变量为刻度默认标签 {value}，如{value} kg
-                </el-text>
-            </el-form-item>
-        </div>
-    </el-collapse-item>
-</template>
-<script lang='ts' setup>
-    defineProps({
-        configure:{
-            type:Object,
-            required:true
-        }
-    });
-</script>
-

package/src/components/runtime/views/assemblys/chart/common/common-style-yaxis.vue

@@ -1,125 +0,0 @@
-<template>
-    <el-collapse-item
-            :title="title"  
-            :name="name"
-            class="amb-design-attr-group-header">
-        <div style="padding:8px 0px 0px 0px;">
-            <el-form-item label="名称" style="margin-top:0px;">
-                <el-input
-                    v-model="yaxis.name"
-                    placeholder="请输入"/>
-            </el-form-item>
-            <el-form-item label="最小值" style="margin-top:-10px;">
-                <el-input-number v-model="yaxis.min" :max="yaxis.max">
-                </el-input-number>
-            </el-form-item>
-            <el-form-item label="最大值" style="margin-top:-10px;">
-                <el-input-number v-model="yaxis.max" :min="yaxis.min">
-                </el-input-number>
-            </el-form-item>
-            <el-form-item 
-                label="坐标偏移" style="margin-top:-10px;">
-                <el-input-number v-model="yaxis.offset" :min="0" max="180">
-                </el-input-number>
-            </el-form-item>
-            <el-divider v-show="yaxis.name">
-                名称
-            </el-divider>
-            <el-form-item v-show="yaxis.name" 
-                label="名称位置" style="margin-top:-10px;">
-                <el-select
-                    v-model="yaxis.nameLocation"
-                    placeholder="默认"
-                    clearable>
-                    <el-option
-                        v-for="item in nameLocations"
-                        :label="item" :value="item"/>
-                    </el-select>
-            </el-form-item>
-            <el-form-item v-show="yaxis.name" 
-                 label="名称对齐" style="margin-top:-10px;">
-                <el-radio-group v-model="yaxis.nameAlign">
-                    <el-radio-button value="right">左</el-radio-button>
-                    <el-radio-button value="center">中</el-radio-button>
-                    <el-radio-button value="left">右</el-radio-button>
-                </el-radio-group>
-                <el-radio-group style="margin-top:10px;" v-model="yaxis.nameVerticalAlign">
-                    <el-radio-button value="bottom">上</el-radio-button>
-                    <el-radio-button value="middle">中</el-radio-button>
-                    <el-radio-button value="top">底</el-radio-button>
-                </el-radio-group>
-            </el-form-item>
-            <el-form-item v-show="yaxis.name" 
-                label="内边距" style="margin-top:-10px;">
-                <el-input-number v-model="yaxis.namePadding" min=0 max="200">
-                </el-input-number>
-            </el-form-item>
-            <el-form-item  v-show="yaxis.name" 
-                label="名称颜色" style="margin-top:4px;">
-                <el-color-picker v-model="yaxis.nameColor" />
-            </el-form-item>
-            <el-form-item v-show="yaxis.name" 
-                label="名称字号" style="margin-top:-10px;">
-                <el-select
-                v-model="yaxis.nameFontSize"
-                placeholder="默认"
-                clearable>
-                <el-option
-                    v-for="item in fontSizes"
-                    :label="item" :value="item"/>
-                </el-select>
-            </el-form-item>
-            <el-divider>
-                刻度标签
-            </el-divider>
-            <el-form-item
-                label="内容定义" style="margin-top:-10px;">
-                <el-input
-                    v-model="yaxis.formatter"
-                    :rows="2"
-                    type="textarea"
-                    placeholder=""/>
-                <el-text type="success" size="small">标签取值{value},如{value} kg</el-text>
-            </el-form-item>
-            <el-form-item 
-                label="标签颜色" style="margin-top:4px;">
-                <el-color-picker v-model="yaxis.labelColor" />
-            </el-form-item>
-            <el-form-item
-                label="标签字号" style="margin-top:-10px;">
-                <el-select
-                v-model="yaxis.labelFontSize"
-                placeholder="默认"
-                clearable>
-                <el-option
-                    v-for="item in fontSizes"
-                    :label="item" :value="item"/>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="分隔线" style="margin-top:-10px;margin-bottom:-15px;">
-                <el-switch v-model="yaxis.enableAxisLine"/>
-            </el-form-item>
-            <el-form-item 
-                v-show="yaxis.enableAxisLine"
-                label="分割段数" style="margin-top:18px;margin-bottom:-15px;">
-                <el-input-number v-model="yaxis.splitNumber" min=0 max="100">
-                </el-input-number>
-            </el-form-item>
-            
-        </div>
-    </el-collapse-item>
-</template>
-<script lang='ts' setup>
-    defineProps({
-        yaxis:{
-            type:Object,
-            required:true
-        },
-        title:Object,
-        name:Object
-    });
-    //字号
-    const fontSizes = ["8","10","12","14","16","18","20","24","28"];
-    const nameLocations = ['start','middle','center','end'];
-</script>
-

package/src/components/runtime/views/assemblys/chart/common-series/common-attr-dataset.vue

@@ -1,67 +0,0 @@
-<template>
-    <el-collapse-item
-              title="数据设置"  
-              name="dataList"
-              class="amb-design-attr-group-header">
-        <div style="padding:8px 0px 0px 0px;">
-            <el-form-item
-                label="数据源" style="margin-top:4px">
-                <el-input v-model="configure.props.serviceName" readonly>
-                <template #append>
-                    <el-button :icon="Search"/>
-                    <el-button :icon="Plus"/>
-                </template>
-                </el-input>
-            </el-form-item>
-            <el-form-item
-                label="数据集" style="margin-top:-5px">
-                <el-select
-                v-model="configure.props.datasField"
-                placeholder="根目录"
-                clearable>
-                <el-option label="data" value="root"></el-option>
-                </el-select>
-                <el-text type="success" size="small">默认为根目录</el-text>
-            </el-form-item>
-            <el-form-item
-                label="X坐标字段" style="margin-top:-10px">
-                <el-select
-                v-model="configure.props.xaxisField"
-                placeholder="请选择"
-                multiple
-                collapse-tags
-                clearable>
-                <el-option label="field1" value="root"></el-option>
-                </el-select>
-                <el-text v-show="configure.type!='scatter'" type="success" size="small">默认为选择的纬度字段，可多选</el-text>
-                <el-text v-show="configure.type=='scatter'" type="success" size="small">数字类型,默认为选择的纬度字段，单选</el-text>
-            </el-form-item>
-            <el-form-item
-                label="Y坐标字段" style="margin-top:-10px;margin-bottom:-15px;">
-                <el-select
-                    v-model="configure.props.yaxisField"
-                    placeholder="请选择"
-                    multiple
-                    collapse-tags
-                    clearable>
-                <el-option label="field1" value="root"></el-option>
-                </el-select>
-                <el-text type="success" size="small">默认为选择的数值字段,单选</el-text>
-            </el-form-item>
-        </div>
-    </el-collapse-item>
-</template>
-<script lang='ts' setup>
-    import {
-        Search,
-        Plus
-    } from '@element-plus/icons-vue';
-    
-    defineProps({
-        configure:{
-            type:Object,
-            required:true
-        }
-    });
-</script>
-

package/src/components/runtime/views/assemblys/chart/common-series/common-attr-dynamic.vue

@@ -1,57 +0,0 @@
-<template>
-    <el-collapse-item
-            title="动态设置"  
-            name="propsDynamic"
-            class="amb-design-attr-group-header">
-        <div style="padding:8px 0px 0px 0px;">
-        <el-form-item
-            label="动态字段" style="margin-top:4px">
-            <el-select
-                v-model="configure.props.dynamicSeriesField"
-                placeholder="请选择"
-                multiple
-                collapse-tags
-                clearable>
-                <el-option label="field1" value="root"></el-option>
-            </el-select>
-            <el-text type="success" size="small">如按年份展开分析，动态字段为类别时，根据查询出的类别动态生成系列</el-text>
-        </el-form-item>
-        <el-form-item
-            label="动态名称" style="margin-top:-10px;margin-bottom:-15px;">
-            <el-input v-model="configure.props.dynamicSeriesTitle" placeholder="请输入">
-            </el-input>
-            <el-text type="success" size="small">默认为动态字段的值,可按{row.动态字段名}获取变量值</el-text>
-        </el-form-item>
-        <el-form-item
-            v-show="configure.type=='bar'&&configure.type!='scatter'"
-            label="堆叠字段" style="margin-top:15px;margin-bottom:-15px;">
-            <el-select
-                v-model="configure.props.dynamicStackField"
-                placeholder="请选择"
-                multiple
-                collapse-tags
-                clearable>
-                <el-option label="field1" value="root"></el-option>
-            </el-select>
-            <el-text type="success" size="small">如按年份展开分析，动态字段为类别时，根据查询出的类别动态生成系列</el-text>
-        </el-form-item>
-        <el-form-item
-            v-show="configure.type=='bar'&&configure.type!='scatter'"
-            label="堆叠名称" style="margin-top:15px;margin-bottom:-15px;">
-            <el-input v-model="configure.props.dynamicStackTitle" placeholder="请输入">
-            </el-input>
-            <el-text type="success" size="small">默认为堆叠字段的值,可按{row.堆叠字段名}获取变量值</el-text>
-        </el-form-item>
-        </div>
-    </el-collapse-item>
-</template>
-<script lang='ts' setup>
-    defineProps({
-        configure:{
-            type:Object,
-            required:true
-        },
-        chartType:Object
-    });
-</script>
-

package/src/components/runtime/views/assemblys/chart/common-series/common-attr-testdatas.vue

@@ -1,23 +0,0 @@
-<template>
-    <el-collapse-item
-            title="测试数据"  
-            name="propsTestDatas"
-            class="amb-design-attr-group-header">
-        <div style="padding:8px 0px 0px 0px;">
-            <el-form-item
-                label="数据" style="margin-top:4px;margin-bottom:-15px;">
-                <el-input v-model="configure.props.testdatas" placeholder="请输入">
-                </el-input>
-            </el-form-item>
-        </div>
-    </el-collapse-item>
-</template>
-<script lang='ts' setup>
-    defineProps({
-        configure:{
-            type:Object,
-            required:true
-        }
-    });
-</script>
-