@epxing/designer 0.0.0-stage → 5.3.0-beta.1

package/src/visual/PageTabs.vue

@@ -0,0 +1,55 @@
+<script>
+import ComponentVue from './Component.vue'
+// 默认值逻辑
+export default {
+  name: 'epx-visual-page-tabs',
+  extends: ComponentVue,
+  methods: {
+    initDefaultConfigs () {
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        flex: true,
+        componentName: this.componentInfo.title,
+        type: 'card',
+        span: 24
+      }
+      this.subDefaultConfigs = {
+        tabCount: false
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'type', label: '标签页类型', type: 'radio', options: [{ label: '卡片', value: 'card' }, { label: '默认', value: 'default' }] },
+        { key: 'tabCount', label: '显示标签页数量', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }], defaultValue: false },
+        { key: 'clickReload', label: '点击刷新数据', type: 'switch', defaultValue: false },
+        { key: 'span', label: '宽度', type: 'select', options: this.spanOptions },
+        { key: 'xsspan', label: '移动端宽度', type: 'select', options: this.spanOptions },
+        { key: 'height', label: '高度', type: 'height' },
+        { key: 'flex', label: '占据页面剩余空间', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] }
+      ]
+      this.configOptions = configOptions
+      // this.subConfigOptions = [
+      //   {
+      //     key: 'tabCount', label: '标签页显示数量', type: 'radio', allocation: 'component', options: [{ label: '是', value: true }, { label: '否', value: false }], defaultValue: false
+      //   }, {
+      //     key: 'countScopeParams', label: '标签页数量范围', type: 'scope', allocation: 'component'
+      //   }
+      // ]
+    },
+    initConfig () {
+      const config = { ...this.compConfig }
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span
+      }
+      this.config = config
+      for (const key in this.config) {
+        const configOption = this.configOptions.find(item => item.key === key) || {}
+        if (configOption.type === 'field') {
+          this.selectFieldWay[key] = 'custom'
+        }
+      }
+    }
+  }
+}
+</script>

package/src/visual/Progress.vue

@@ -0,0 +1,39 @@
+<script>
+import ComponentVue from '@epxing/designer/src/visual/Component.vue'
+// 默认值逻辑
+export default {
+  name: 'epx-visual-progress',
+  extends: ComponentVue,
+  methods: {
+    initDefaultConfigs () {
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        span: 24,
+        xsspan: 24
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'title', label: '流程标题' }
+      ]
+      this.configOptions = configOptions
+    },
+    initConfig () {
+      const config = { ...this.compConfig }
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span
+      }
+      this.config = config
+      for (const key in this.config) {
+        const configOption = this.configOptions.find(item => item.key === key) || {}
+        if (configOption.type === 'field') {
+          this.selectFieldWay[key] = 'custom'
+        }
+      }
+    }
+  }
+}
+</script>

package/src/visual/ProgressItem.vue

@@ -0,0 +1,43 @@
+<script>
+import ComponentVue from '@epxing/designer/src/visual/Component.vue'
+// 默认值逻辑
+export default {
+  name: 'epx-visual-progress-item',
+  extends: ComponentVue,
+  methods: {
+    initDefaultConfigs () {
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        span: 24,
+        xsspan: 24
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称' },
+        { key: 'title', label: '流程标题', type: 'input' },
+        { key: 'isProgress', label: '是否是流程节点', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }], defaultValue: true },
+        { key: 'PROCESS_STATUS', label: '流程状态', type: 'input' },
+        { key: 'finishPageId', label: '已完成页面', type: 'object', object: 'FM_PAGE_CONFIG' },
+        { key: 'activePageId', label: '进行中页面', type: 'object', object: 'FM_PAGE_CONFIG' }
+      ]
+      this.configOptions = configOptions
+    },
+    initConfig () {
+      const config = { ...this.compConfig }
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span
+      }
+      this.config = config
+      for (const key in this.config) {
+        const configOption = this.configOptions.find(item => item.key === key) || {}
+        if (configOption.type === 'field') {
+          this.selectFieldWay[key] = 'custom'
+        }
+      }
+    }
+  }
+}
+</script>

package/src/visual/SystemManager.vue

@@ -0,0 +1,80 @@
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-system-manager',
+  extends: ComponentVue,
+  methods: {
+    initDefaultConfigs () {
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        column: 3,
+        iconSize: 20,
+        gutter: 0,
+        border: true,
+        center: true,
+        square: false,
+        direction: 'vertical',
+        flex: false,
+        span: 24,
+        xsspan: 24
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        {
+          key: 'global',
+          label: '全局设置',
+          children: [
+            { key: 'componentName', label: '组件名称', type: 'input' },
+            { key: 'metaId', label: '组件对象', type: 'object', object: 'FM_ENTITY', scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }] }
+            // { key: 'type', label: '组件类型', type: 'radio', code: 'LIST_COMPONENT_TYPE' }
+          ]
+        },
+        {
+          key: 'system',
+          label: '系统配置',
+          children: [
+            { key: 'columnOperates', label: '操作列', type: 'operates' }
+          ]
+        },
+        {
+          key: 'app',
+          label: '应用配置',
+          children: [
+            {
+              key: 'addAppPageId',
+              label: '创建应用页面',
+              type: 'object',
+              object: 'FM_PAGE_CONFIG',
+              scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }]
+            },
+            {
+              key: 'appAccreditPageId',
+              label: '应用授权页面',
+              type: 'object',
+              object: 'FM_PAGE_CONFIG',
+              scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }]
+            }
+          ]
+        },
+        {
+          key: 'advance',
+          label: '高级设置',
+          children: [
+            { key: 'span', label: '宽度', type: 'select', options: this.spanOptions },
+            { key: 'xsspan', label: '移动端宽度', type: 'select', options: this.spanOptions },
+            { key: 'height', label: '高度', type: 'input' },
+            { key: 'flex', label: '占据页面剩余空间', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] }
+          ]
+        }
+
+      ]
+      this.configOptions = configOptions
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/Title.vue

@@ -0,0 +1,44 @@
+<script>
+import ComponentVue from './Component.vue'
+// 默认值逻辑
+export default {
+  name: 'epx-visual-title',
+  extends: ComponentVue,
+  methods: {
+    initDefaultConfigs () {
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        operateFlag: false,
+        span: 24,
+        xsspan: 24
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'icon', label: '图标', type: 'object', object: 'FM_FONT_ICON' },
+        { key: 'span', label: '宽度', type: 'select', options: this.spanOptions },
+        { key: 'xsspan', label: '移动端宽度', type: 'select', options: this.spanOptions },
+        { key: 'height', label: '高度', type: 'height' },
+        { key: 'flex', label: '占据页面剩余空间', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] }
+      ]
+      this.configOptions = configOptions
+    },
+    initConfig () {
+      const config = { ...this.compConfig }
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span
+      }
+      this.config = config
+      for (const key in this.config) {
+        const configOption = this.configOptions.find(item => item.key === key) || {}
+        if (configOption.type === 'field') {
+          this.selectFieldWay[key] = 'custom'
+        }
+      }
+    }
+  }
+}
+</script>

package/src/visual/TodoList.vue

@@ -0,0 +1,18 @@
+
+<script>
+import MEntityListVue from './MEntityList.vue'
+export default {
+  name: 'epx-visual-todo-list',
+  mixins: [MEntityListVue],
+  data () {
+    return {
+      componentMetaId: 'V_ACT_TASK'
+    }
+  }
+
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/UserFormItem.vue

@@ -0,0 +1,49 @@
+<script>
+import ComponentVue from './AddFormItem.vue'
+export default {
+  name: 'epx-visual-user-form-item',
+  extends: ComponentVue,
+  methods: {
+    initConfigOptions () {
+      // this.getPageParams()
+      const configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'showTitle', label: '显示标题', type: 'radio', options: [{ label: '多个显示', value: 'more' }, { label: '一直显示', value: 'always' }, { label: '不显示', value: 'none' }] },
+        { key: 'componentType', label: '组件状态', type: 'radio', options: [{ label: '根据页面状态', value: '' }, { label: '新增', value: 'ADD' }, { label: '编辑', value: 'EDIT' }, { label: '详情', value: 'DETAIL' }, { label: '只读', value: 'READONLY' }] },
+        { key: 'note', label: '提示说明', type: 'textarea' },
+        { key: 'column', label: '列数', type: 'input' },
+        { key: 'fields', label: '表单字段', type: 'list-field' },
+        { key: 'deptScopeParams', label: '部门查询范围', type: 'scope', metaId: 'FM_DEPT' },
+        { key: 'defaultDept', label: '默认单位' },
+        { key: 'deptMultiple', label: '单位多选', type: 'switch', defaultValue: true },
+        { key: 'labelAlign', label: '标签对齐方式', type: 'radio', options: [{ label: '左对齐', value: 'left' }, { label: '右对齐', value: 'right' }, { label: '顶对齐', value: 'top' }] },
+        { key: 'editable', label: '可编辑', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        {
+          key: 'componentEvents',
+          label: '组件事件',
+          type: 'event',
+          eventList: {
+            onMounted: '组件加载时',
+            onDestory: '组件销毁时',
+            formVadiate: '表单校验'
+          }
+        },
+        { key: 'span', label: '宽度', type: 'select', options: this.spanOptions },
+        { key: 'xsspan', label: '移动端宽度', type: 'select', options: this.spanOptions },
+        { key: 'height', label: '高度' },
+        { key: 'flex', label: '占据页面剩余空间', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] }
+      ]
+      // if (this.pageGlobalConfigs.layout === 'flex') {
+      //   configOptions.splice(1, 0, { key: 'flex', label: '占据页面剩余空间', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] })
+      // }
+      this.configOptions = configOptions
+    }
+
+  }
+
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/UserManage.vue

@@ -0,0 +1,36 @@
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-user-manage',
+  extends: ComponentVue,
+  methods: {
+    initDefaultConfigs () {
+      this.defaultConfigs = {
+        expandOne: false,
+        expand: 'none',
+        flex: false,
+        span: 24,
+        xsspan: 24
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称' },
+        { key: 'scopeParams', label: '查询范围', type: 'scope' },
+        { key: 'deptScopeParams', label: '部门查询范围', type: 'scope', metaId: 'FM_DEPT' },
+        { key: 'expandOne', label: '同时展开一个节点', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        { key: 'expand', label: '展开节点', type: 'radio', options: [{ label: '全部收起', value: 'none' }, { label: '全部展开', value: 'all' }, { label: '展开首节点', value: 'first' }] },
+        { key: 'span', label: '宽度', type: 'select', options: this.spanOptions },
+        { key: 'xsspan', label: '移动端宽度', type: 'select', options: this.spanOptions },
+        { key: 'height', label: '高度', type: 'input' },
+        { key: 'flex', label: '占据页面剩余空间', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] }
+      ]
+      this.configOptions = configOptions
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/chart/CircularPie.vue

@@ -0,0 +1,7 @@
+<script>
+import Column from './Column.vue'
+export default {
+  name: 'epx-visual-chart-circular-pie',
+  extends: Column
+}
+</script>

package/src/visual/chart/Column.vue

@@ -0,0 +1,73 @@
+<script>
+import ComponentVue from '../Component.vue'
+export default {
+  name: 'epx-visual-chart-column',
+  extends: ComponentVue,
+  watch: {
+    'allConfigs.reportId': {
+      handler (v) {
+        if (v) this.getReportInfo(v)
+      },
+      immediate: true
+    },
+    'allConfigs.metaId': {
+      handler (v) {
+        if (v) this.updateReportObject(v)
+      }
+    }
+  },
+  methods: {
+    initDefaultConfigs () {
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        showTitle: true,
+        theme: 'light',
+        span: 24,
+        xsspan: 24
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'showTitle', label: '是否显示标题', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }], defaultValue: true },
+        { key: 'title', label: '标题' },
+        {
+          key: 'metaId',
+          label: '所属对象',
+          type: 'object',
+          object: 'FM_ENTITY'
+        },
+        { key: 'reportScope', label: '参数', type: 'params' },
+        { key: 'theme', label: '主题', type: 'radio', options: [{ label: '明亮', value: 'light' }, { label: '蓝绿', value: 'cool' }, { label: '经典', value: 'default' }] },
+        { key: 'reportId', label: '报表设计', type: 'report' },
+        { key: 'span', label: '宽度', type: 'select', options: this.spanOptions },
+        { key: 'xsspan', label: '移动端宽度', type: 'select', options: this.spanOptions },
+        { key: 'height', label: '高度', type: 'input' },
+        { key: 'flex', label: '占据页面剩余空间', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] }
+      ]
+      this.configOptions = configOptions
+    },
+    getReportInfo (v) {
+      this.$http.get({
+        entityId: 'FM_REPORT_BASE',
+        id: v
+      })
+        .then(data => {
+          if (!this.config.title) this.config.title = data.data.NAME
+          if (!this.config.metaId) this.config.metaId = data.data.OBJECT
+        })
+    },
+    updateReportObject (v) {
+      this.$http.update({
+        entityId: 'FM_REPORT_BASE',
+        'bean.ID': this.allConfigs.reportId,
+        'bean.OBJECT': v
+      })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/chart/HoriColumn.vue

@@ -0,0 +1,7 @@
+<script>
+import Column from './Column.vue'
+export default {
+  name: 'epx-visual-chart-hori-column',
+  extends: Column
+}
+</script>

package/src/visual/chart/Line.vue

@@ -0,0 +1,7 @@
+<script>
+import Column from './Column.vue'
+export default {
+  name: 'epx-visual-chart-line',
+  extends: Column
+}
+</script>

package/src/visual/chart/Pie.vue

@@ -0,0 +1,7 @@
+<script>
+import Column from './Column.vue'
+export default {
+  name: 'epx-visual-chart-pie',
+  extends: Column
+}
+</script>