super-page-runtime 1.0.13 → 1.0.14

package/src/components/super-page-dialog/super-page-dialog.vue

@@ -0,0 +1,267 @@
+<template>
+  <el-drawer
+    v-model="showContent"
+    :with-header="!title"
+    :title="title"
+    direction="btt"
+    :size="width"
+    @open="emits('open')"
+    @opened="emits('opened')"
+    @close="emits('close')"
+    @closed="emits('closed')"
+  >
+    <superPage v-if="pageCode" :pageCode="pageCode" :pageRequest="pageRequest"></superPage>
+    <!-- <superPage :pageDesign="pageDesign"></superPage> -->
+  </el-drawer>
+</template>
+<script lang="ts" setup>
+import { ref, reactive, onMounted, onUnmounted, onUpdated, nextTick } from 'vue'
+import { ElMessage } from 'element-plus'
+import superPage from '../runtime/views/super-page.vue'
+
+//定义初始化的参数
+interface MyProps {
+  // 父页面的pageContext
+  parentPageContext: {
+    type: Object
+    default: null
+  }
+  // 点击事件的参数
+  parentPageEventParams: {
+    type: Object
+    default: null
+  }
+  // 解析后的弹框配置
+  jumpPageSetting: {
+    type: Object
+    default: null
+  }
+  //是否测试
+  isTest?: boolean
+}
+const props = defineProps<MyProps>()
+const emits = defineEmits(['open', 'opened', 'close', 'closed'])
+const showContent = ref(true)
+const pageDesign = {
+  id: 31,
+  code: '9307994b-2668-44e9-a266-5662780ba084',
+  name: 'page',
+  label: '页面',
+  version: 1,
+  systemCode: 'sqm',
+  systemVersion: 1,
+  dbName: '',
+  tableName: '',
+  tableAlias: '',
+  workflowCode: '',
+  workflowVersion: 0,
+  modelFields: [],
+  logicDesigns: [],
+  items: [
+    {
+      name: 'button-detail',
+      label: '按钮',
+      icon: 'assets/images/button/button.png',
+      design: {
+        style: {
+          display: 'inline-block',
+          flex: '0'
+        }
+      },
+      props: {
+        base: {
+          title: '按钮',
+          isPermission: true,
+          conversionCodes: [],
+          condition: [
+            {
+              sqlFilterCondition: '[]'
+            }
+          ],
+          setValueList: [
+            {
+              combination: '[]'
+            }
+          ],
+          showCondition: '[]',
+          type: 'primary',
+          logSetting: [],
+          templateFiles: []
+        },
+        verification: [],
+        scan: {},
+        preSuffix: {},
+        prefix: {},
+        size: {
+          pc: {}
+        },
+        title: {}
+      },
+      style: {
+        titleFont: {},
+        background: {},
+        margin: {},
+        padding: {},
+        border: {},
+        shadow: {}
+      },
+      events: [
+        {
+          name: 'beforeValidateForm',
+          label: '验证表单前',
+          tip: '验证表单前，先于beforClick事件'
+        },
+        {
+          name: 'beforClick',
+          label: '点击前事件',
+          tip: '点击前事件'
+        },
+        {
+          name: 'click',
+          label: '点击事件',
+          tip: '点击事件'
+        },
+        {
+          name: 'afterClick',
+          label: '点击后事件',
+          tip: '点击后事件'
+        },
+        {
+          name: 'show',
+          label: '显示',
+          tip: '显示'
+        },
+        {
+          name: 'hidden',
+          label: '隐藏',
+          tip: '隐藏'
+        }
+      ],
+      uuid: '17c3c617561f4fc691b67ed1996be665',
+      autoPermissions: [],
+      componentIndex: 1,
+      runtime: {
+        common: {
+          class: '',
+          style: {
+            pc_style: {},
+            pc_class: ''
+          }
+        },
+        style: {},
+        class: '',
+        headerStyle: {
+          'text-align': 'left'
+        },
+        props: {
+          title: '按钮',
+          tittleShow: false,
+          required: false,
+          options: [],
+          monitorFields: [],
+          type: 'primary'
+        }
+      },
+      functionCodes: []
+    }
+  ],
+  props: {
+    notIdInitializationList: '[]',
+    judgeHeavyList: []
+  },
+  style: {},
+  events: [
+    {
+      name: 'beforeload',
+      label: '加载前'
+    },
+    {
+      name: 'load',
+      label: '加载后'
+    },
+    {
+      name: 'resize',
+      label: '尺寸变化',
+      params: [
+        {
+          name: 'width',
+          label: '宽度',
+          type: 'number'
+        },
+        {
+          name: 'height',
+          label: '高度',
+          type: 'number'
+        }
+      ]
+    }
+  ],
+  pagePermissions: [
+    {
+      source: 'auto',
+      type: 'standard',
+      simpleCode: 'page',
+      name: '页面',
+      uuids: ['-1'],
+      funcType: 'AUTHORIZED',
+      uuid: '23ade4ed84e848b68bd00956b32a57c6'
+    },
+    {
+      source: 'auto',
+      type: 'standard',
+      simpleCode: 'gets',
+      name: '获取表单数据',
+      uuids: ['-1'],
+      funcType: 'AUTHENTICATED',
+      uuid: 'b50d611de9724f819b45129b7ac4dfc4'
+    }
+  ],
+  runtime: {
+    class: '',
+    style: {}
+  },
+  variables: [],
+  customEvents: [],
+  initOptionConfigs: [],
+  tableRuntimes: {}
+}
+const myJumpPageSetting = props.jumpPageSetting ? props.jumpPageSetting : null
+const width = ref(null)
+const title = ref(null)
+const pageCode = ref(null)
+const dataId = ref(null)
+const taskId = ref(null)
+const pageRequest = ref({})
+if (myJumpPageSetting) {
+  title.value =
+    myJumpPageSetting && myJumpPageSetting['jumpPageTitle']
+      ? myJumpPageSetting['jumpPageTitle']
+      : null
+  width.value =
+    myJumpPageSetting && myJumpPageSetting['jumpPageWidth']
+      ? myJumpPageSetting['jumpPageWidth']
+      : '100%'
+  pageCode.value = myJumpPageSetting && myJumpPageSetting['pageCode']
+  dataId.value =
+    myJumpPageSetting && myJumpPageSetting['dataId'] ? myJumpPageSetting['dataId'] : null
+  taskId.value =
+    myJumpPageSetting && myJumpPageSetting['taskId'] ? myJumpPageSetting['taskId'] : null
+  if (props.parentPageEventParams) {
+    try {
+      const pageParams = JSON.parse(JSON.stringify(props.parentPageEventParams))
+      // TODO：待确认。父页面的pageContext和按钮配置信息不需要作为新弹出页面的附加参数。
+      if (pageParams['pageContext']) {
+        delete pageParams['pageContext']
+      }
+      if (pageParams['configureObj']) {
+        delete pageParams['configureObj']
+      }
+      Object.assign(pageRequest.value, props.parentPageEventParams)
+    } catch (error) {
+      console.error(error)
+    }
+  }
+  pageRequest.value['id'] = dataId.value
+  pageRequest.value['taskId'] = taskId.value
+}
+</script>

package/src/components/wf-editor/index.ts

@@ -0,0 +1,2 @@
+import WfEditor from './wf-editor.vue'
+export default  WfEditor

package/src/components/wf-editor/wf-editor.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <button>Editoraaaaa</button>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+button {
+  color: blue;
+}
+</style>

package/src/i18n/langs/cn.js

@@ -0,0 +1,52 @@
+const cn = {
+    superPageRuntimeMessage:{
+        successfulSave: '保存成功',
+        recordLine:'第 {row} 行记录',
+        tableListSubTableDataVerificationFailed: '表单子表数据校验失败',
+        formDataVerificationFailed: '表单数据校验失败',
+        successfulOperation: '操作成功',
+        selectTemplate: '选择模板',
+        temlpate: '模板',
+        operating: '操作',
+        export: '导出',
+        tips: '提示',
+        sure: '确定',
+        cancel: '取消',
+        whetherToConfirmSubmit: '确定{name}吗？',
+        whetherToConfirmAgree: '确定{name}吗？',
+        whetherToConfirmDisagree: '确定{name}吗？',
+        pleaseSelectRecord:'请选择记录',
+        whetherToConfirmDeletion: '确定删除吗？',
+        successfulDelete: '删除成功',
+        noFileSelected: '请选择一个文件',
+        asyncImport: '正在异步导入，请等待消息通知!',
+        successfulImport: '导入成功',
+        thePreconditionOfTheButtonTo: '该按钮前置条件为[{message}]',
+        onlyOneRecordCanBeselected: '只能选择一条记录',
+        selectAtLeastOneRecord: '请至少选择一条记录',
+        requestPathEmpty: '后台请求路径为空',
+        successfulSubmit: '提交成功',
+        successfulCompleteTask: '任务办理成功',
+        successfulAssign: '指派任务成功',
+        successfulRetrieve: '取回任务成功',
+        successfulDrawTask: '领取任务成功',
+        successfulAbandonReceive: '放弃任务成功',
+        successfulReturnToPreviousTask: '退回上一环节成功',
+        successfulEndInstance: '强制结束流程成功',
+        selectNode:'选择环节',
+        nodeName:'环节名称',
+        nodeId:'环节编码',
+        pleaseSelectNode:'请选择环节',
+        successfulReturnTaskTo: '退回成功',
+        selectRemoveUsers: '选择减签任务',
+        transactorName: '办理人姓名',
+        transactor: '办理人登录名',
+        trustorName: '委托人姓名',
+        pleaseSelectRemoverUsers: '请选择减签用户',
+        required:'{label}必填',
+        formatMismatch:'{label}格式不匹配',
+        overMaxLength:'{label}最多只能输入{value}字符',
+        limitMinLength:'{label}至少输入{value}字符'
+    }
+}
+export default cn

package/src/i18n/langs/en.js

@@ -0,0 +1,52 @@
+const en = {
+    superPageRuntimeMessage:{
+        successfulSave: 'Save succeeded',
+        recordLine:'Record line {row}',
+        tableListSubTableDataVerificationFailed: 'Table List Sub Table Data Verification Failed',
+        formDataVerificationFailed: 'Form Data Verification Failed',
+        successfulOperation: 'Operation successful',
+        selectTemplate: 'Select Template',
+        temlpate: 'Template',
+        operating: 'Operate',
+        export: 'Export',
+        tips: 'Tip',
+        sure: 'Sure',
+        cancel: 'Cancel',
+        whetherToConfirmSubmit: 'Are you sure to {name}?',
+        whetherToConfirmAgree: 'Are you sure to {name}?',
+        whetherToConfirmDisagree: 'Are you sure to {name}?',
+        pleaseSelectRecord: 'Please select the record',
+        whetherToConfirmDeletion: 'Are you sure to delete?',
+        successfulDelete: 'Delete succeeded',
+        noFileSelected: 'Please select a file',
+        asyncImport: 'Asynchronous import, please wait for message notification!',
+        successfulImport: 'Import succeeded',
+        thePreconditionOfTheButtonTo: 'The Precondition Of The Button To [{message}]',
+        onlyOneRecordCanBeselected: 'Only One Record Can Be Selected',
+        selectAtLeastOneRecord: 'Please Select At Least One Record',
+        requestPathEmpty: 'Backend request path is empty',
+        successfulSubmit: 'Submit succeeded',
+        successfulCompleteTask: 'Task handled successfully',
+        successfulAssign: 'Task assigned successfully',
+        successfulRetrieve: 'Retrieve task succeeded',
+        successfulDrawTask: 'Task received successfully',
+        successfulAbandonReceive: 'The task was abandoned successfully',
+        successfulReturnToPreviousTask:'Successfully returned to the previous phase',
+        successfulEndInstance: 'Forced to end the process successfully',
+        selectNode:'Select Node',
+        nodeName:'Node Name',
+        nodeId:'Node Code',
+        pleaseSelectNode:'Please Select Node',
+        successfulReturnTaskTo: 'Returned successfully',
+        selectRemoveUsers: 'Select Remove Task',
+        transactorName: 'Transactor Name',
+        transactor: 'Transactor Loginname',
+        trustorName: 'Trustor Name',
+        pleaseSelectRemoverUsers: 'Please select remove task',
+        required:'{label} is required',
+        formatMismatch:'{label} Format mismatch',
+        overMaxLength:'{label} can only input a maximum of {value} characters',
+        limitMinLength:'Enter at least {value} characters for {label}'
+    }
+}
+export default en

package/src/index.ts

@@ -0,0 +1,17 @@
+import SuperPage from './components/runtime'
+import SuperPageDialog from './components/super-page-dialog'
+import WfEditor from './components/wf-editor'
+export { SuperPage, SuperPageDialog, WfEditor }
+
+// import type { App } from 'vue'
+// import SuperPage from './components/runtime'
+// import SuperPageDialog from './components/super-page-dialog'
+// import WfEditor from './components/wf-editor'
+// const components = [SuperPage, SuperPageDialog, WfEditor]
+// const install = (app: App): void => {
+//   components.forEach((component) => {
+//     app.component(component.name as string, component)
+//   })
+// }
+// export { SuperPage, SuperPageDialog, WfEditor }
+// export default install

package/src/main.ts

@@ -0,0 +1,11 @@
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+
+const app = createApp(App)
+
+app.use(createPinia())
+
+app.mount('#app')

package/src/stores/counter.ts

@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})