super-page-runtime 1.0.14 → 1.0.15

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

@@ -1,209 +0,0 @@
-<template>
-    <el-collapse-item
-            title="文本标签"
-            name="styleLabel"
-            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-switch v-model="configure.style.enableLabel"/>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLabel"
-                label="标签位置" style="margin-top:15px;">
-                <el-select
-                    v-model="configure.style.labelPosition"
-                    placeholder="默认"
-                    clearable>
-                    <el-option v-for="item in labelPositions" 
-                        :label="item" :value="item"/>
-                </el-select>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLabel&&isPieAttr&&configure.style.labelPosition=='outer'" label="对齐方式" style="margin-top:-10px;">
-                <el-select
-                    v-model="configure.style.labelAlignTo"
-                    placeholder="默认"
-                    clearable>
-                    <el-option label="末端对齐" value="labelLine"/>
-                    <el-option label="文字对齐" value="edge"/>
-                </el-select>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLabel" label="数据格式" style="margin-top:-10px;">
-                <el-checkbox-group v-model="configure.style.labelNumFormat">
-                    <el-row style="margin-top:-10px;">
-                        <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.labelNumPrecision"
-                                :disabled="configure.style.labelNumFormat&&configure.style.labelNumFormat.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
-                                style="width:70px;margin-top:8px;"
-                                size="small"
-                                v-model="configure.style.labelNumPrefix"
-                                :disabled="configure.style.labelNumFormat&&configure.style.labelNumFormat.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
-                                style="width:70px;margin-top:8px;"
-                                size="small"    
-                                v-model="configure.style.labelNumAppend"
-                                :disabled="configure.style.labelNumFormat&&configure.style.labelNumFormat.indexOf('append')==-1"
-                                placeholder=""/>
-                        </el-col>
-                    </el-row>
-                </el-checkbox-group>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLabel"
-                label="文字字号" style="margin-top:-10px;">
-                <el-select
-                v-model="configure.style.labelFontSize"
-                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.enableLabel" label="文字颜色" style="margin-top:-10px;">
-                <el-color-picker v-model="configure.style.labelColor" />
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLabel" label="文字粗细" style="margin-top:-10px;">
-                <el-select
-                    v-model="configure.style.labelWeight"
-                    placeholder="默认"
-                    clearable>
-                    <el-option label="normal" value="normal"/>
-                    <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.enableLabel&&!isPieAttr" label="左右对齐" style="margin-top:-10px;">
-                <el-radio-group v-model="configure.style.textAlign">
-                    <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-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLabel&&!isPieAttr" label="垂直对齐" style="margin-top:-10px;">
-                <el-radio-group v-model="configure.style.verticalAlign">
-                    <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="configure.style.enableLabel"
-                label="旋转角度" style="margin-top:-10px;">
-                <el-input-number v-model="configure.style.labelAngle" :min="-90" :max="90">
-                </el-input-number>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLabel"
-                label="文字偏移" style="margin-top:-10px;">
-                <el-col :span="12">
-                    <el-form-item 
-                        label="左" label-width="40px;">
-                        <el-input
-                            style="width:50px;"
-                            v-model="configure.style.labelLeft"
-                            placeholder=""/>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                    <el-form-item 
-                        label="上" label-width="40px;">
-                        <el-input
-                            style="width:50px;"
-                            v-model="configure.style.labelTop"
-                            placeholder=""/>
-                    </el-form-item>
-                </el-col>
-                <el-text style="line-height:15px;margin-top:5px;" type="success" size="small">
-                    如30,左表示文字在横向上偏移30，上表示纵向上偏移 40
-                </el-text>
-            </el-form-item>
-            <el-form-item 
-                v-show="configure.style.enableLabel"
-                label="内容定义" style="margin-top:-10px;margin-bottom:-15px;">
-                <el-input
-                    v-model="configure.style.labelFormatter"
-                    :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>
-    import {ref} from 'vue';
-    const props = defineProps({
-        configure:{
-            type:Object,
-            required:true
-        },
-        chartType:String
-    });
-    //字号
-    const fontSizes = ["8","10","12","14","16","18","20","24","28"];
-    //标签位置
-    const labelPositions:any = [];
-    const isPieAttr = ref(true);
-    if(props.chartType=='seriesChart'){
-        labelPositions.push('outer');
-        labelPositions.push('inside');
-        labelPositions.push('center');
-    }else{
-        isPieAttr.value = false;
-        labelPositions.push('top');
-        labelPositions.push('left');
-        labelPositions.push('right');
-        labelPositions.push('bottom');
-        labelPositions.push('inside');
-        labelPositions.push('insideLeft');
-        labelPositions.push('insideRight');
-        labelPositions.push('insideTop');
-        labelPositions.push('insideBottom');
-        labelPositions.push('insideTopLeft');
-        labelPositions.push('insideBottomLeft');
-        labelPositions.push('insideTopRight');
-        labelPositions.push('insideBottomRight');
-    }
-    
-</script>
-

package/src/components/runtime/views/assemblys/chart/gauge/gauge-runtime.vue

@@ -1,54 +0,0 @@
-<template>
-  <div
-      :style="runtimeStyle"
-      :class="runtimeClass"
-      class="amb-widget-chart"
-      ref="thisRef">
-      <v-chart ref="chartRef" :theme="customTheme" :option="chartOption" autoresize />
-  </div>
-</template>
-<script lang='ts' setup>
-  import {ref} from 'vue';
-  import {getCustomTheme} from '../../../../utils/charts/chart-util';
-  import type { Component,PageContext} from '../../../../utils/interfaces/page-design-types';
-
-  import { use } from 'echarts/core';
-  import { CanvasRenderer } from 'echarts/renderers';
-  import {GaugeChart} from 'echarts/charts';
-
-  import {
-    GridComponent,
-    TitleComponent,
-    TooltipComponent,
-    ToolboxComponent
-  } from 'echarts/components';
-
-  //统计图
-  use([
-    CanvasRenderer,
-    GaugeChart,
-    GridComponent,
-    TitleComponent,
-    TooltipComponent,
-    ToolboxComponent
-  ]);
-
-  import VChart from 'vue-echarts';
-
-  interface MyProps{
-    pageContext:PageContext,
-    configure:Component
-  }
-  const props = defineProps<MyProps>();
-  //自身引用
-  const thisRef = ref(null);
-  const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-  //运行时的自身详细参数
-  const runtimeStyle = runtimeInfo.style;
-  const runtimeClass = runtimeInfo.class;
-  
-  const chartOption:any = runtimeInfo.chartOption;
-  //自定义主题
-  const configureProps = props.configure.props?props.configure.props:{};
-  const customTheme:any = getCustomTheme(configureProps.customTheme);
-</script>

package/src/components/runtime/views/assemblys/chart/pie/pie-runtime.vue

@@ -1,57 +0,0 @@
-<template>
-  <div
-      :style="runtimeStyle"
-      :class="runtimeClass"
-      class="amb-widget-chart"
-      ref="thisRef">
-      <v-chart ref="chartRef" :theme="customTheme" :option="chartOption" autoresize />
-  </div>
-</template>
-<script lang='ts' setup>
-  import {ref} from 'vue';
-  import {getCustomTheme} from '../../../../utils/charts/chart-util';
-  import type { Component,PageContext} from '../../../../utils/interfaces/page-design-types';
-
-  import { use } from 'echarts/core';
-  import { CanvasRenderer } from 'echarts/renderers';
-  import {PieChart} from 'echarts/charts';
-
-  import {
-    GridComponent,
-    LegendComponent,
-    TitleComponent,
-    TooltipComponent,
-    ToolboxComponent
-  } from 'echarts/components';
-
-  //统计图
-  use([
-    CanvasRenderer,
-    PieChart,
-    GridComponent,
-    LegendComponent,
-    TitleComponent,
-    TooltipComponent,
-    ToolboxComponent
-  ]);
-
-  import VChart from 'vue-echarts';
-
-  interface MyProps{
-    pageContext:PageContext,
-    configure:Component
-  }
-  const props = defineProps<MyProps>();
-  //自身引用
-  const thisRef = ref(null);
-  const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-  //运行时的自身详细参数
-  const runtimeStyle = runtimeInfo.style;
-  const runtimeClass = runtimeInfo.class;
-  
-  const chartOption:any = runtimeInfo.chartOption;
-
-  //自定义主题
-  const configureProps = props.configure.props?props.configure.props:{};
-  const customTheme:any = getCustomTheme(configureProps.customTheme);
-</script>

package/src/components/runtime/views/assemblys/chart/radar/radar-runtime.vue

@@ -1,56 +0,0 @@
-<template>
-  <div
-      :style="runtimeStyle"
-      :class="runtimeClass"
-      class="amb-widget-chart"
-      ref="thisRef">
-      <v-chart ref="chartRef" :theme="customTheme" :option="chartOption" autoresize />
-  </div>
-</template>
-<script lang='ts' setup>
-  import {ref} from 'vue';
-  import {getCustomTheme} from '../../../../utils/charts/chart-util';
-  import type { Component,PageContext} from '../../../../utils/interfaces/page-design-types';
-
-  import { use } from 'echarts/core';
-  import { CanvasRenderer } from 'echarts/renderers';
-  import {RadarChart} from 'echarts/charts';
-
-  import {
-    LegendComponent,
-    GridComponent,
-    TitleComponent,
-    TooltipComponent,
-    ToolboxComponent
-  } from 'echarts/components';
-
-  //统计图
-  use([
-    CanvasRenderer,
-    RadarChart,
-    GridComponent,
-    TitleComponent,
-    TooltipComponent,
-    ToolboxComponent,
-    LegendComponent
-  ]);
-
-  import VChart from 'vue-echarts';
-
-  interface MyProps{
-    pageContext:PageContext,
-    configure:Component
-  }
-  const props = defineProps<MyProps>();
-  //自身引用
-  const thisRef = ref(null);
-  const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-  //运行时的自身详细参数
-  const runtimeStyle = runtimeInfo.style;
-  const runtimeClass = runtimeInfo.class;
-
-  const chartOption:any = runtimeInfo.chartOption;
-  //自定义主题
-  const configureProps = props.configure.props?props.configure.props:{};
-  const customTheme:any = getCustomTheme(configureProps.customTheme);
-</script>

package/src/components/runtime/views/assemblys/chart/scatter/scatter-runtime.vue

@@ -1,58 +0,0 @@
-<template>
-    <div
-        :style="runtimeStyle"
-        :class="runtimeClass"
-        class="amb-widget-chart"
-        ref="thisRef">
-        <v-chart ref="chartRef" :theme="customTheme" :option="chartOption" autoresize />
-    </div>
-</template>
-<script lang='ts' setup>
-    import {ref} from 'vue';
-    import {getCustomTheme} from '../../../../utils/charts/chart-util';
-    import type { Component,PageContext} from '../../../../utils/interfaces/page-design-types';
-
-    import { use } from 'echarts/core';
-    import { CanvasRenderer } from 'echarts/renderers';
-    import {ScatterChart} from 'echarts/charts';
-
-    import {
-      GridComponent,
-      LegendComponent,
-      TitleComponent,
-      TooltipComponent,
-      ToolboxComponent,
-      DataZoomComponent
-    } from 'echarts/components';
-
-    //统计图
-    use([
-      CanvasRenderer,
-      ScatterChart,
-      GridComponent,
-      LegendComponent,
-      TitleComponent,
-      TooltipComponent,
-      ToolboxComponent,
-      DataZoomComponent
-    ]);
-
-    import VChart from 'vue-echarts';
-
-    interface MyProps{
-      pageContext:PageContext,
-      configure:Component
-    }
-    const props = defineProps<MyProps>();
-    //自身引用
-    const thisRef = ref(null);
-    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-    //运行时的自身详细参数
-    const runtimeStyle = runtimeInfo.style;
-    const runtimeClass = runtimeInfo.class;
-
-    const chartOption:any = runtimeInfo.chartOption;
-    //自定义主题
-    const configureProps = props.configure.props?props.configure.props:{};
-    const customTheme:any = getCustomTheme(configureProps.customTheme);
-</script>

package/src/components/runtime/views/assemblys/common/common-attr-cursor.vue

@@ -1,23 +0,0 @@
-<template>
-	<el-collapse-item
-			title="鼠标手势"
-			name="cursor"
-			class="amb-design-attr-group-header">
-		<div style="padding:8px 0px 0px 0px;">
-			<el-radio-group v-model="configure.style.cursor" class="ml-4">
-				<el-radio value="default">Default</el-radio>
-				<el-radio value="pointer">Pointer</el-radio>
-			</el-radio-group>
-		</div>
-	</el-collapse-item>
-</template>
-<script lang='ts' setup>
-import {} from 'vue';
-defineProps({
-	configure:{
-		type:Object,
-		required:true
-	}
-});
-</script>
-

package/src/components/runtime/views/assemblys/common/common-attr-size.vue

@@ -1,54 +0,0 @@
-<template>
-  <el-collapse-item
-        title="尺寸"
-        name="attrSize"
-        class="amb-design-attr-group-header">
-    <div style="padding:8px 0px 0px 0px;">
-        <el-form-item label="宽度" style="margin-top:4px;">
-            <el-radio-group v-model="size.widthType">
-              <el-radio-button value="flex">24格</el-radio-button>
-              <el-radio-button value="fix">自定义</el-radio-button>
-            </el-radio-group>
-        </el-form-item>
-        <el-form-item
-            style="margin-top:-10px;"
-            v-if="size.widthType!='fix'"
-            label="栏数">
-            <el-select
-              v-model="size.flexSpan"
-              placeholder="默认"
-              clearable>
-              <el-option
-								:key="item"
-                v-for="item in gutters"
-                :label="item" :value="item"/>
-            </el-select>
-        </el-form-item>
-        <el-form-item
-            style="margin-top:-10px;"
-            v-if="size.widthType=='fix'"
-            label="宽度"
-            title="未设置时自动宽度,可设置百分比">
-            <el-input v-model="size.fixWidth" placeholder="请输入">
-            </el-input>
-        </el-form-item>
-        <el-form-item
-            label="高度" style="margin-top:-10px;margin-bottom:-15px;" title="未设置时自动高度,可设置百分比">
-            <el-input v-model="size.fixHeight" placeholder="请输入">
-            </el-input>
-        </el-form-item>
-    </div>
-  </el-collapse-item>
-</template>
-<script lang='ts' setup>
-    import {} from 'vue';
-    const props = defineProps({
-        size:{
-            type:Object,
-            required:true
-        }
-    });
-    //分栏可选项
-    const gutters = [2,4,6,8,10,12,14,16,18,20,24];
-</script>
-