super-page-runtime 1.0.14 → 1.0.16

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/export-form-report-dialog.vue

@@ -1,118 +0,0 @@
-<template>
-  <el-dialog
-    :show-close="true"
-    :append-to-body="true"
-    :title="$t('superPageRuntimeMessage.selectTemplate')"
-    model-value
-    @close="closeExportForm"
-  >
-    <el-table :data="templateFiles" style="width: 100%">
-      <el-table-column :label="$t('superPageRuntimeMessage.temlpate')" prop="templateShowPath">
-        <template v-slot="scope">
-          {{ scope.row.templateShowPath }}
-        </template>
-      </el-table-column>
-      <el-table-column :label="$t('superPageRuntimeMessage.operating')" width="200" fixed="right">
-        <template v-slot="scope">
-          <el-button type="text" size="small" @click="exportForm(scope.row)">
-            {{ $t('superPageRuntimeMessage.export') }}
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </el-dialog>
-</template>
-<script lang='ts' setup>
-import { onMounted, ref } from 'vue'
-import {packageTemplateFiles} from '../../../utils/common-util'
-const props = defineProps({
-  configure: {
-    type: Object,
-    required: true
-  },
-  pageContext: {
-    type: Object
-  }
-})
-const emits = defineEmits(['export', 'close'])
-const prefix = '${'
-const suffix = '}'
-const templateFiles = ref([])
-const fields = ref([])
-const configureBase = props.configure.props.base
-const dataModel = props.pageContext.entity.data
-onMounted(() => {
-  if (configureBase.templateFiles && configureBase.templateFiles.length > 0) {
-    templateFiles.value = packageTemplateFiles(configureBase.templateFiles)
-  } else if (configureBase.templateUUID && configureBase.templateShowPath) {
-    templateFiles.value.push({
-      templateUUID: configureBase.templateUUID,
-      templateShowPath: configureBase.templateShowPath
-    })
-  }
-  templateFiles.value.forEach((item) => {
-    if (item && item.templateShowPath) {
-      item.templateShowPath = formatTemplateShowPath(item.templateShowPath)
-    }
-  })
-})
-
-function getFileds(templateShowPath) {
-      console.log('templateShowPath', templateShowPath)
-      let field
-      let formatStr
-      let newValue = templateShowPath
-      const prefixIndex = newValue.indexOf(prefix)
-      const suffixIndex = newValue.indexOf(suffix)
-      console.log('prefixIndex', prefixIndex)
-      console.log('suffixIndex', suffixIndex)
-      if (prefixIndex !== -1 && suffixIndex !== -1) {
-        if (prefixIndex > suffixIndex) {
-          newValue =
-            newValue.substring(0, suffixIndex) +
-            newValue.substring(suffixIndex + suffix.length)
-          console.log('non replacement value === newValue', newValue)
-        } else {
-          field = newValue.substring(
-            prefixIndex + prefix.length,
-            suffixIndex
-          )
-          formatStr = newValue.substring(
-            prefixIndex,
-            suffixIndex + suffix.length
-          )
-          console.log('field', field)
-          console.log('formatStr', formatStr)
-          fields.value.push(field)
-          console.log('fields', fields.value)
-          newValue = newValue.replace(formatStr, '')
-          console.log('newValue', newValue)
-        }
-        return getFileds(newValue)
-      }
-      return fields.value
-    }
-    function formatTemplateShowPath(templateShowPath) {
-      const fields = getFileds(templateShowPath)
-      console.log('fields', fields)
-
-      fields.forEach((field) => {
-        const formatStr = prefix + field + suffix
-        let formatValue
-        if (
-          templateShowPath.indexOf(formatStr) !== -1 &&
-          dataModel.hasOwnProperty(field)
-        ) {
-          formatValue = dataModel[field] ? dataModel[field] : ''
-          templateShowPath = templateShowPath.replace(formatStr, formatValue)
-        }
-      })
-      return templateShowPath
-    }
-    function exportForm(row) {
-      emits('export', row)
-    }
-    function closeExportForm() {
-      emits('close')
-    }
-</script>

package/src/components/runtime/views/assemblys/container/container/container-runtime.vue

@@ -1,50 +0,0 @@
-<template>
-  <el-container ref="thisRef">
-    <el-aside 
-      v-if="configure.props.useLeft"
-      :style="leftStyle">
-      <template v-for="(element,itemIndex) in configure.leftAslides" :key="element.uuid">
-        <ObjectRender
-            :pageContext="pageContext"
-            :configure="element"></ObjectRender>
-        </template>
-    </el-aside>
-    <el-main 
-        :style="mainStyle"
-        :class="mainClass">
-        <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
-          <ObjectRender
-            :pageContext="pageContext"
-            :configure="element"></ObjectRender>
-        </template>
-    </el-main>
-    <el-aside 
-      v-if="configure.props.useRight"
-      :style="rightStyle">
-      <template v-for="(element,itemIndex) in configure.rightAslides" :key="element.uuid">
-          <ObjectRender
-            :pageContext="pageContext"
-            :configure="element"></ObjectRender>
-        </template>
-    </el-aside>
-  </el-container>
-</template>
-<script lang='ts' setup>
-    import {ref,onMounted} from 'vue';
-    import ObjectRender from '../../object-render.vue'
-    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
-    import {addComponentRef} from '../../../../utils/global-refs';
-    interface MyProps{
-      pageContext:PageContext,
-      configure:Component
-    }
-    const props = defineProps<MyProps>();
-   //自身引用
-   const thisRef = ref(null);
-   const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-    //运行时的自身详细参数
-   const leftStyle = runtimeInfo.leftStyle;
-   const rightStyle = runtimeInfo.rightStyle;
-   const mainStyle = runtimeInfo.style;
-   const mainClass = runtimeInfo.class;
-</script>

package/src/components/runtime/views/assemblys/container/flex/flex-runtime.vue

@@ -1,33 +0,0 @@
-<template>
-    <el-row
-      ref="thisRef"
-      :justify="designProperty.flexJustify"
-      :gutter="designProperty.flexGutter"
-      :align="designProperty.alignItems"
-      :style="runtimeStyle"
-      :class="runtimeClass">
-      <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
-        <ObjectRender
-              :pageContext="pageContext"
-              :configure="element"></ObjectRender>
-      </template>
-    </el-row>
-</template>
-<script lang='ts' setup>
-    import {ref,onMounted} from 'vue';
-    import ObjectRender from '../../object-render.vue'
-    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
-    import {addComponentRef} from '../../../../utils/global-refs';
-    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 designProperty:any = runtimeInfo.props?runtimeInfo.props:{};
-</script>

package/src/components/runtime/views/assemblys/container/form/form-runtime.vue

@@ -1,35 +0,0 @@
-<template>
-  <el-form
-    ref="thisRef"
-    :label-width="runtimeProps.labelWidth" 
-    :label-position="runtimeProps.labelPosition"
-    :size="runtimeProps.componentSize"
-    :style="runtimeStyle"
-    :class="runtimeClass">
-      <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
-            <ObjectRender
-              :pageContext="pageContext"
-              :configure="element"></ObjectRender>
-      </template>
-  </el-form>
-</template>
-<script lang='ts' setup>
-    import {ref,onMounted} from 'vue';
-    import ObjectRender from '../../object-render.vue'
-    import type { Component,PageContext} from '../../../../utils/interfaces/page-design-types';
-    import {addComponentRef} from '../../../../utils/global-refs';
-    interface MyProps{
-      pageContext:PageContext,
-      configure:Component
-    }
-    const props = defineProps<MyProps>();
-    if(!props.configure.items){
-      props.configure.items = [];
-    }
-    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-    //运行时配置
-    const runtimeProps:any = runtimeInfo.props?runtimeInfo.props:{};
-    //定义自身详细参数
-    const runtimeStyle = runtimeInfo.style;
-    const runtimeClass = runtimeInfo.class;
-</script>

package/src/components/runtime/views/assemblys/container/iframe/iframe-runtime.vue

@@ -1,28 +0,0 @@
-<template>
-    <iframe 
-        ref="thisRef"
-        :src="configure.props.src" 
-        class="amb-widget-container-iframe"
-        :style="runtimeStyle"
-        :class="runtimeClass">
-    </iframe>
-</template>
-<script lang='ts' setup>
-    import {ref,onMounted} from 'vue';
-    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
-    import {addComponentRef} from '../../../../utils/global-refs';
-    interface MyProps{
-      pageContext:PageContext,
-      configure:Component,
-      indexObj:any,
-      selectWidget:any
-    }
-    const props = defineProps<MyProps>();
-
-    //自身引用
-    const thisRef = ref(null);
-    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-    //运行时的自身详细参数
-    const runtimeStyle = runtimeInfo.style;
-    const runtimeClass = runtimeInfo.class;
-</script>

package/src/components/runtime/views/assemblys/container/tools/tools-runtime.vue

@@ -1,97 +0,0 @@
-<template>
-  <div class="amb-widget-tools-parent">
-      <div
-          class="amb-widget-container-tool amb-widget-tools"
-          :style="runtimeStyle"
-          :class="runtimeClass"
-          ref="thisRef">
-          <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
-            <ObjectRender
-                  :pageContext="pageContext"
-                  :configure="element"></ObjectRender>
-          </template>
-      </div>
-  </div>
-</template>
-<script lang='ts' setup>
-    import {ref,onMounted,onUnmounted} from 'vue';
-    import ObjectRender from '../../object-render.vue'
-    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
-    import {addComponentRef} from '../../../../utils/global-refs';
-    interface MyProps{
-      pageContext:PageContext,
-      configure:Component
-    }
-    const props = defineProps<MyProps>();
-    
-    //自身引用
-    const thisRef:any = ref(null);
-    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-    //运行时的自身详细参数
-    const runtimeStyle = ref(runtimeInfo.style?runtimeInfo.style:{});
-    const runtimeClass = runtimeInfo.class;
-    
-    //加载后的事件
-    let resizeObserver:any=null;
-    onMounted(()=>{
-      //监控父容器的变化
-      if(thisRef.value&&thisRef.value.parentNode){
-        const resizeObserver = new ResizeObserver(entries => {
-          for (let entry of entries) {
-            //console.log('Element:', entry.target,entry.contentRect);
-            //console.log(`Element size: ${entry.contentRect.width}px x ${entry.contentRect.height}px`);
-            //console.log(`Element padding: ${entry.contentRect.top}px ; ${entry.contentRect.left}px`);
-          }
-          caculatePositionStyle();
-        });
-        // 添加监听器到需要观察的 DOM 元素
-        resizeObserver.observe(thisRef.value.parentNode);
-      }
-    });
-    onUnmounted(() => {
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-    });
-    /**
-     * 计算工具栏特有的样式
-     */
-    function caculatePositionStyle(){
-      if(thisRef.value&&thisRef.value.parentNode){
-        //位置计算
-        const thisProps = props.configure.props;
-        const position = thisProps.position;
-        if(position=='top1'||position=='bottom1'){
-          const tempStyle:any = {};
-          //position: -webkit-sticky
-          tempStyle['position'] = 'fixed !important';
-          tempStyle['z-index'] = '1';
-          //找展示容器的位置
-          //const contentObj = document.getElementsByClassName("amb-design-board");
-          const contentObj = [thisRef.value.parentNode];
-          if(contentObj&&contentObj.length>0){
-            const contentRec = contentObj[0].getBoundingClientRect();
-            if(position=='top'){
-              tempStyle['top'] = contentRec.top+"px";
-            }
-            if(position=='bottom'){
-              tempStyle['bottom'] = "10px";
-            }
-          }
-          //与父类一样宽
-          const parentRec = thisRef.value.parentNode.getBoundingClientRect();
-          console.log("parentRec",parentRec)
-          tempStyle['width'] = parentRec.width-25+"px";
-          
-          //
-          //设置到对象中
-          Object.assign(runtimeStyle.value,tempStyle);
-          /**const contentObj = document.getElementsByClassName("amb-design-content");
-          if(contentObj&&contentObj.length>0){
-            console.log("contentObj.scrollY",contentObj[0].getBoundingClientRect());
-            const absoluteTop = rect.top + contentObj.scrollY;
-          }*/
-        }
-      }
-    }
-</script>

package/src/components/runtime/views/assemblys/data/bar-code/barcode-attr-base.vue

@@ -1,110 +0,0 @@
-<template>
-	<el-form label-width="80px" size="small">
-		<el-collapse v-model="openCollapseItems" style="margin-top:6px;">
-			<el-collapse-item
-					title="基本"
-					name="base"
-					class="amb-design-attr-group-header">
-				<div style="padding:8px 0px 0px 0px;">
-					<el-form-item label="组件类型" class="amb-design-attr-item">
-						<el-select v-model="configure.name" placeholder="请选择" >
-							<el-option
-									v-for="item in getFormComponentOptions()"
-									:key="item.name"
-									:label="item.label"
-									:value="item.name"
-							/>
-						</el-select>
-					</el-form-item>
-					<el-form-item label="组件名" class="amb-design-attr-item">
-						<el-input v-model="configure.props.base.name" placeholder="请输入" />
-					</el-form-item>
-					<el-form-item label="条码类型" class="amb-design-attr-item">
-						<el-radio-group v-model="configure.props.base.type" class="ml-4">
-							<el-radio value="br-code">条形码</el-radio>
-							<el-radio value="QR-code">二维码</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="条形码格式" class="amb-design-attr-item">
-						<el-select
-								v-model="configure.props.base.format"
-								placeholder="请选择"
-						>
-							<el-option label="默认" value="CODE128"/>
-							<el-option label="CODE128A" value="CODE128A"/>
-							<el-option label="CODE128B" value="CODE128B"/>
-							<el-option label="CODE128C" value="CODE128C"/>
-							<el-option label="CODE39" value="CODE39"/>
-							<el-option label="EAN-13" value="EAN-13"/>
-							<el-option label="EAN-8" value="EAN-8"/>
-							<el-option label="EAN-5" value="EAN-5"/>
-							<el-option label="EAN-2" value="EAN-2"/>
-							<el-option label="UPC（A）" value="UPC（A）"/>
-							<el-option label="ITF" value="ITF"/>
-							<el-option label="ITF-14" value="ITF-14"/>
-							<el-option label="MSI" value="MSI"/>
-							<el-option label="MSI10" value="MSI10"/>
-							<el-option label="MSI11" value="MSI11"/>
-							<el-option label="MSI1010" value="MSI1010"/>
-							<el-option label="MSI1110" value="MSI1110"/>
-							<el-option label="Pharmacode" value="Pharmacode"/>
-						</el-select>
-					</el-form-item>
-					<el-form-item label="状态" class="amb-design-attr-item">
-						<el-radio-group v-model="configure.props.base.state" class="ml-4">
-							<el-radio value="default">普通</el-radio>
-							<el-radio value="hidden">隐藏</el-radio>
-						</el-radio-group>
-					</el-form-item>
-				</div>
-			</el-collapse-item>
-			<el-collapse-item
-					title="数据"
-					name="data"
-					class="amb-design-attr-group-header">
-				<div style="padding:8px 0px 0px 0px;">
-					<el-form-item label="绑定" class="amb-design-attr-item">
-						<el-radio-group v-model="configure.props.base.way" class="ml-4">
-							<el-radio value="data">绑定变量</el-radio>
-							<el-radio value="regulation">绑定规则</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item v-if="configure.props.base.way === 'data'" label="绑定变量" class="amb-design-attr-item">
-						<DataoriginInputtable v-model:modelValue="configure.props.base.bindProp"></DataoriginInputtable>
-					</el-form-item>
-					<el-form-item v-if="configure.props.base.way === 'regulation'" label="绑定规则" class="amb-design-attr-item">
-						<DataoriginInputtable v-model:modelValue="configure.props.base.regulation"></DataoriginInputtable>
-					</el-form-item>
-					<div v-if="dataRule">
-						<el-form-item v-for="(item,index) in dataRule" :key="index" :label="item.name" class="amb-design-attr-item">
-							<DataoriginInputtable v-model:modelValue="item.date"></DataoriginInputtable>
-						</el-form-item>
-					</div>
-				</div>
-			</el-collapse-item>
-			<CommonAttrSize :size="configure.props.size" />
-		</el-collapse>
-	</el-form>
-</template>
-<script lang='ts' setup>
-import { ref } from 'vue';
-import { getFormComponentOptions } from '../../../../utils/assemblys-config.js'
-import Verification from '../../form/common/verification.vue'
-import CommonAttrSize from '../../common/common-attr-size.vue'
-import Title from '../../form/common/title.vue'
-import PreSuffix from '../../form/common/pre-suffix.vue'
-import DataoriginInputtable from '../../form/common/dataorigin-input-table.vue'
-import BarCodeRule from '../../form/common/bar-code-rule.vue'
-
-defineProps({
-	configure: Object,
-	default: () => ({props: {}})
-});
-const openCollapseItems = ref("")
-const dataRule = ref([])
-const BarCodeRuleOff = ref(false)
-function barCodeRuleSelect(selectArr:[]) {
-	dataRule.value = selectArr
-}
-
-</script>

package/src/components/runtime/views/assemblys/data/bar-code/barcode-attr.vue

@@ -1,29 +0,0 @@
-<template>
-	<div class="amb-design-attr-content">
-		<AttrHeader v-model="currentConfigType"/>
-		<div class="amb-design-attr-list">
-			<AttrBase v-show="currentConfigType === 'base'" :configure="configure"></AttrBase>
-			<AttrStyle v-show="currentConfigType === 'style'" :configure="configure"></AttrStyle>
-			<AttrEvent v-show="currentConfigType === 'event'" :configure="configure"></AttrEvent>
-		</div>
-	</div>
-</template>
-<script lang='ts' setup>
-import AttrBase from './barcode-attr-base.vue';
-import AttrStyle from './barcode-attr-style.vue';
-import AttrHeader from '../../form/common/attr-header.vue'
-import AttrEvent from './barcode-attr-event.vue';
-import { ref } from 'vue';
-
-defineProps({
-	configure: {
-		type: Object,
-		default: () => ({ title: 'Text',props: {type: 'input-text'} }) // 设置默认值
-	}
-});
-let currentConfigType = ref("base")
-
-</script>
-<style >
-@import '../../../../../../assets/design-attr.css';
-</style>