epx-frame 3.5.0-shpgy.1

package/src/frame/views/visual/search/Filter.vue

@@ -0,0 +1,50 @@
+<script>
+import ComponentVue from '../Component.vue'
+export default {
+  name: 'epx-visual-search-filter',
+  extends: ComponentVue,
+
+  methods: {
+    initDefaultConfigs () {
+      const keywords = [...new Set([...this.currentMeta.keyNames, this.currentMeta.label])]
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        searchFlag: true,
+        keywordFlag: true,
+        keywords,
+        searchFields: [],
+        span: 24
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'searchFlag', label: '是否显示查询区域', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        { key: 'keywordFlag', label: '是否显示关键字查询', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        { key: 'keywords', label: '关键词查询字段', type: 'field' },
+        { key: 'searchFields', label: '查询字段', type: 'field' },
+        { 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/frame/views/visual/search/Mobile.vue

@@ -0,0 +1,54 @@
+<script>
+import ComponentVue from '../Component.vue'
+export default {
+  name: 'epx-visual-search-mobile',
+  extends: ComponentVue,
+  methods: {
+    initDefaultConfigs () {
+      const keywords = [...new Set([...this.currentMeta.keyNames, this.currentMeta.label])]
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        scopeFlag: false,
+        searchFlag: true,
+        keywordFlag: true,
+        showKeywordData: false,
+        keywords,
+        searchFields: [],
+        span: 24
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'metaId', label: '查询对象', type: 'object', object: 'FM_ENTITY' },
+        { key: 'keywords', label: '关键词查询字段', type: 'field' },
+        { key: 'showKeywordData', label: '显示关键词查询数据', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        { key: 'scopeFlag', label: '是否显示更多筛选', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        { key: 'searchFields', label: '查询字段', type: 'field', showFlag: { scopeFlag: true } },
+        { key: 'listPage', label: '列表页面', type: 'object', object: 'FM_PAGE_CONFIG' },
+        { key: 'detailPage', label: '详情页面', type: 'object', object: 'FM_PAGE_CONFIG' },
+        { 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/frame/views/visual/step/Index.vue

@@ -0,0 +1,11 @@
+<script>
+import Component from '../Component'
+export default {
+  name: 'epx-visual-step',
+  extends: Component
+}
+</script>
+
+<style>
+
+</style>

package/src/frame/views/visual/step/Item.vue

@@ -0,0 +1,157 @@
+<script>
+import Component from '../Component'
+export default {
+  name: 'epx-visual-step-item',
+  extends: Component,
+  data () {
+    return {
+      FunctionOption: [],
+      operateConfigs: {}
+    }
+  },
+  watch: {
+    allConfigs: {
+      handler (v) {
+        this.componentMetaId = v.metaId
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    getOperateOptions () {
+      this.handlerList = [
+        { label: '打开页面', value: 'goPage' },
+        { label: '通用请求', value: 'commonAction' },
+        { label: '下一步', value: 'nextStep' },
+        { label: '上一步', value: 'lastStep' },
+        { label: '提交表单', value: 'submitForm' },
+        { label: '返回', value: 'backPage' }
+      ]
+      this.operateConfigs = [
+        {
+          key: 'base',
+          title: '基本',
+          options: ['text', 'ui', 'type', 'icon', 'preview']
+        },
+        {
+          key: 'event',
+          title: '事件',
+          options: ['beforeTrigger', 'handler', 'metaId', 'action', 'rule', 'openMode', 'page', 'pageType', 'printWay', 'printCode', 'cptName', 'destActivityId', 'function', 'params']
+        },
+        {
+          key: 'advance',
+          title: '高级',
+          options: ['showCondition', 'num', 'confirm', 'confirmMsg', 'successMsg', 'failMsg', 'mask']
+        }
+      ]
+      this.operateOptions = [
+        { key: 'text', label: '按钮名称' },
+        { key: 'metaId', label: '请求对象', type: 'entity' },
+        { key: 'action', label: '请求操作', type: 'select', options: this.actionList },
+        { key: 'num', label: '选中记录', type: 'radio', options: [{ label: '不需要', value: '0' }, { label: '选择1个', value: '1' }, { label: '选择多个', value: 'n' }], defaultValue: '0' },
+        { key: 'confirmMsg', label: '弹窗文案' },
+        { key: 'pageFlag', label: '页面标识符', type: 'text' },
+        { key: 'option', label: '显示条件' },
+        {
+          key: 'handler',
+          label: '处理事件',
+          type: 'select',
+          options: this.handlerList
+        },
+        {
+          key: 'page',
+          label: '打开页面',
+          type: 'page',
+          showFlag: { handler: 'goPage' }
+        },
+        {
+          key: 'openMode',
+          label: '页面打开方式',
+          type: 'radio',
+          options: [{ label: '直接打开', value: '3' }, { label: '标签页', value: '1' }, { label: '弹窗', value: '2' }],
+          defaultValue: '3',
+          showFlag: { handler: 'goPage' }
+        },
+        {
+          key: 'printWay',
+          label: '打印方式',
+          type: 'radio',
+          options: [{ label: '自定义报表打印', value: 'custom' }, { label: '帆软报表打印', value: 'fine' }],
+          defaultValue: 'custom',
+          showFlag: { handler: 'print' }
+        },
+        {
+          key: 'printCode',
+          label: '打印模板',
+          type: 'object',
+          object: 'FM_FORM',
+          dataKey: 'CODE',
+          showFlag: { handler: 'print', printWay: 'custom' }
+        },
+        {
+          key: 'cptName',
+          label: '打印模板',
+          type: 'object',
+          object: 'FM_REPORT_TEMPLATE',
+          dataKey: 'CODE',
+          showFlag: { handler: 'print', printWay: 'fine' }
+        },
+        {
+          key: 'processNode',
+          label: '流程',
+          type: 'process',
+          showFlag: { handler: 'applyEntity' }
+        },
+        {
+          key: 'openOpinion',
+          label: '审核意见弹窗',
+          type: 'radio',
+          options: [{ label: '显示', value: true }, { label: '不显示', value: false }],
+          defaultValue: true,
+          showFlag: { handler: 'checkEntity' }
+        },
+        {
+          key: 'checkOpinion',
+          label: '审核意见',
+          type: 'radio',
+          options: [{ label: '显示', value: true }, { label: '不显示', value: false }],
+          defaultValue: true,
+          showFlag: { handler: 'checkEntity' }
+        },
+        {
+          key: 'checkSign',
+          label: '审核签名',
+          type: 'radio',
+          options: [{ label: '显示', value: true }, { label: '不显示', value: false }],
+          defaultValue: true,
+          showFlag: { handler: 'checkEntity' }
+        },
+        {
+          key: 'reload',
+          label: '是否刷新页面',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          showFlag: { handler: 'backPage' },
+          defaultValue: false
+        },
+        { key: 'params', label: '参数传递', type: 'params' }
+      ]
+    },
+    initConfigOptions () {
+      this.configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'pageId', label: '绑定页面', type: 'object', object: 'FM_PAGE_CONFIG' },
+        { key: 'operates', label: '操作按钮', type: 'operates' },
+        { 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 }] }
+      ]
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/index.js

@@ -0,0 +1,369 @@
+// 组件
+import Vue from 'vue'
+import { JSEncrypt } from 'jsencrypt'
+import '@/styles/index.scss'
+import EntityList from '@/frame/packages/entity-list'
+import CategoryList from '@/frame/packages/category-list'
+import ListFind from '@/frame/packages/entity-list-find'
+import TreeFind from '@/frame/packages/entity-tree-find'
+import EntitySubList from '@/frame/packages/entity-sub-list'
+import EntityNoSubmitSubList from '@/frame/packages/entity-no-submit-sub-list'
+import List from '@/frame/packages/list'
+import EntitySubGrid, { EntitySubGridItem } from '@/frame/packages/entity-sub-grid'
+
+import AddForm from '@/frame/packages/add-form'
+import ApplyForm from '@/frame/packages/apply-form'
+import AddFormItem from '@/frame/packages/add-form-item'
+import FormItem, { CheckBox, Color, Date, File, Input, Number, Html, Object, Photo, Radio, Rule, Scope, Select, Switch, Tag, Textarea } from '@/frame/packages/form-item'
+import Form from '@/frame/packages/form'
+import NavAddForm from '@/frame/packages/nav-add-form'
+import LayoutComponent from '@/frame/packages/layout'
+import PageTabs from '@/frame/packages/page-tabs'
+import Import from '@/frame/packages/import'
+import Export from '@/frame/packages/export'
+import Step from '@/frame/packages/step'
+import StepItem from '@/frame/packages/step-item'
+import Progress, { ProgressItem } from '@/frame/packages/progress'
+import Grid, { GridItem } from '@/frame/packages/grid'
+import LoadPage from '@/frame/packages/load-page'
+import Button from '@/frame/packages/button'
+import Title from '@/frame/packages/title'
+import Header from '@/frame/packages/header'
+import PageHelp from '@/frame/packages/page-help'
+import CheckHistory from '@/frame/packages/check-history'
+import ProcessChart from '@/frame/packages/progress-chart'
+import Menu, { MenuItem } from '@/frame/packages/menu'
+import AppNav from '@/frame/packages/app-nav'
+import ModuleList from '@/frame/packages/module-list'
+import MEntityList from '@/frame/packages/m-entity-list'
+import MEntityListFind from '@/frame/packages/m-entity-list-find'
+import MEntitySubList from '@/frame/components/MEntitySubList'
+import MEntityTreeFind from '@/frame/packages/m-entity-tree-find'
+import VisualConfigPage from '@/frame/packages/visual-config-page'
+import VisualEntitySubList from '@/frame/views/visual/EntitySubList'
+
+import Card from '@/frame/packages/card'
+import CardFormItem from '@/frame/packages/card-form-item'
+import CardNum, { NumItem, NumSubItem } from '@/frame/packages/num'
+import ReportChart from '@/frame/packages/chart'
+import OrgChart from '@/frame/packages/org-chart'
+import Icon from '@/frame/packages/icon'
+import Search from '@/frame/packages/search'
+import PageCatalog from '@/frame/components/PageCatalog'
+import EntityTreeManage from '@/frame/components/EntityTreeManage'
+import TextEditor from '@/frame/packages/text-editor/TextEditor'
+import Text from '@/frame/packages/text/Text'
+import Image from '@/frame/packages/image/image'
+import EntityApplyPage from '@/frame/packages/entity-apply-page/EntityApplyPage'
+import UserFind from '@/frame/components/UserFind'
+import DeptFind from '@/frame/components/DeptFind'
+import UserFormItem from '@/frame/components/UserFormItem'
+import TaskList from '@/frame/components/task-list/TaskList'
+
+// 页面模板
+import App from './App'
+import AppIndex from '@/frame/packages/app-index'
+import BasePage from '@/frame/packages/base-page'
+import ModuleListPage from '@/frame/packages/module-list-page'
+import EntityListPage from '@/frame/packages/entity-list-page'
+import MEntityAddPage from '@/frame/packages/m-entity-add-page'
+import EntityListFindPage from '@/frame/packages/entity-list-find-page'
+import EntityTreeFindPage from '@/frame/packages/entity-tree-find-page'
+import EntityAddPage from '@/frame/packages/entity-add-page'
+import AppTabs from '@/frame/packages/app-tabs'
+import Component from '@/frame/packages/component'
+import RouterView from '@/frame/packages/router-view'
+import Page from '@/frame/packages/page'
+import ModuleIndexPage from '@/frame/packages/module-index-page'
+import VisualComponent from '@/frame/views/visual/Component'
+import MenuIndex from '@/frame/packages/menu-index'
+import ExcelPreview from '@/frame/views/ExcelPreview'
+
+// 工具类
+import http from '@/api'
+import axios from '@/utils/axios'
+import mixins from '@/utils/mixins'
+import FieldFactory from '@/utils/fieldFactory'
+import Util from '@/utils/util'
+import loadComponent from '@/utils/loadComponent'
+import page from '@/utils/page'
+import Meta from '@/utils/meta'
+import PopupInstall from './frame/popup.js'
+// 路由文件
+import router from '@/router'
+import routes, { beforeEach } from '@/router/config'
+// store
+import store from '@/store'
+import storeModules from '@/store/modules'
+import element from './plugins/element'
+import I18n from './plugins/i18n'
+
+// 可视化配置组件
+
+const files = require.context('@/frame/components', true, /\.vue$/)
+const sysComponents = {}
+files.keys().forEach(key => {
+  const name = files(key).default.name
+
+  sysComponents[name || 'epx-' + key.replace(/(\.\/|\.vue|\/)/g, '')] = files(key).default
+})
+
+const viewFiles = require.context('@/frame/views', true, /\.vue$/)
+viewFiles.keys().forEach(key => {
+  const name = viewFiles(key).default.name
+
+  sysComponents[name || 'epx-' + key.replace(/(\.\/|\.vue|\/)/g, '')] = viewFiles(key).default
+})
+
+const baseFiles = require.context('@/frame/base', true, /\.vue$/)
+baseFiles.keys().forEach(key => {
+  const name = baseFiles(key).default.name
+
+  sysComponents[name || 'epx-' + key.replace(/(\.\/|\.vue|\/)/g, '')] = baseFiles(key).default
+})
+
+const packageFiles = require.context('@/frame/packages', true, /\.vue$/)
+packageFiles.keys().forEach(key => {
+  const name = packageFiles(key).default.name
+
+  sysComponents[name || 'epx-' + key.replace(/(\.\/|\.vue|\/)/g, '')] = packageFiles(key).default
+})
+
+const components = [
+  EntityList,
+  CategoryList,
+  EntitySubList,
+  EntityNoSubmitSubList,
+  AddForm,
+  ApplyForm,
+  AddFormItem,
+  NavAddForm,
+  TreeFind,
+  ListFind,
+  List,
+  Form,
+  FormItem,
+  CheckBox,
+  Color,
+  Date,
+  File,
+  Input,
+  Number,
+  Html,
+  Object,
+  Photo,
+  Radio,
+  Rule,
+  Scope,
+  Select,
+  Switch,
+  Tag,
+  Textarea,
+  Import,
+  Export,
+  EntitySubGrid,
+  EntitySubGridItem,
+  LayoutComponent,
+  PageTabs,
+  Step,
+  StepItem,
+  Progress,
+  ProgressItem,
+  Grid,
+  GridItem,
+  LoadPage,
+  Button,
+  Title,
+  Header,
+  PageHelp,
+  CheckHistory,
+  ProcessChart,
+  Menu,
+  MenuItem,
+  AppNav,
+  ModuleList,
+  Card,
+  CardFormItem,
+  CardNum,
+  NumItem,
+  NumSubItem,
+  ReportChart,
+  OrgChart,
+  Icon,
+  Search,
+  MEntityList,
+  MEntitySubList,
+  VisualConfigPage,
+  VisualEntitySubList,
+  TextEditor,
+  Text,
+  Image,
+  MEntityListFind,
+  MEntityTreeFind,
+  EntityApplyPage,
+
+  AppIndex,
+  BasePage,
+  ModuleListPage,
+  EntityListPage,
+  EntityListFindPage,
+  EntityTreeFindPage,
+  EntityAddPage,
+  AppTabs,
+  Component,
+  RouterView,
+  Page,
+  ModuleIndexPage,
+  VisualComponent,
+  MenuIndex,
+  PageCatalog,
+  UserFind,
+  DeptFind,
+  UserFormItem,
+  TaskList,
+  EntityTreeManage,
+  MEntityAddPage,
+  ExcelPreview
+]
+
+const install = function (Vue) {
+  Vue.use(element)
+  Vue.mixin(mixins.global)
+
+  for (const key in sysComponents) {
+    Vue.component(key, sysComponents[key])
+  }
+  components.forEach(component => {
+    window.componentLibrary[component.name] = component
+    if (component.install) {
+      component.install(Vue)
+    } else {
+      Vue.component(component.name, component)
+    }
+  })
+}
+
+Vue.mixin(mixins.global)
+
+const createApp = (Vue) => {
+  new Vue({
+    store,
+    router,
+    render: h => h(App)
+  }).$mount('#app')
+}
+const frame = {
+  install,
+  EntityList,
+  CategoryList,
+  EntitySubList,
+  EntityNoSubmitSubList,
+  AddForm,
+  ApplyForm,
+  AddFormItem,
+  NavAddForm,
+  TreeFind,
+  ListFind,
+  List,
+  FormItem,
+  Form,
+  CheckBox,
+  Color,
+  Date,
+  File,
+  Input,
+  Number,
+  Html,
+  Object,
+  Photo,
+  Radio,
+  Rule,
+  Scope,
+  Select,
+  Switch,
+  Tag,
+  Textarea,
+  MEntityListFind,
+  EntityApplyPage,
+  Import,
+  Export,
+  EntitySubGrid,
+  EntitySubGridItem,
+  LayoutComponent,
+  PageTabs,
+  Step,
+  StepItem,
+  Progress,
+  ProgressItem,
+  Grid,
+  GridItem,
+  LoadPage,
+  Button,
+  Title,
+  Header,
+  PageHelp,
+  CheckHistory,
+  ProcessChart,
+  Menu,
+  MenuItem,
+  AppNav,
+  ModuleList,
+  Card,
+  CardFormItem,
+  CardNum,
+  NumItem,
+  NumSubItem,
+  ReportChart,
+  OrgChart,
+  Icon,
+  Search,
+  PageCatalog,
+  UserFind,
+  DeptFind,
+  UserFormItem,
+  TaskList,
+  EntityTreeManage,
+  MEntityList,
+  MEntitySubList,
+  VisualConfigPage,
+  VisualEntitySubList,
+  MEntityAddPage,
+  AppIndex,
+  BasePage,
+  ModuleListPage,
+  EntityListPage,
+  EntityListFindPage,
+  EntityTreeFindPage,
+  EntityAddPage,
+  AppTabs,
+  Component,
+  RouterView,
+  Page,
+  ModuleIndexPage,
+  App,
+  VisualComponent,
+  MenuIndex,
+  ExcelPreview,
+  axios,
+  http,
+  mixins,
+  FieldFactory,
+  Util,
+  loadComponent,
+  page,
+  Meta,
+  store,
+  storeModules,
+  router,
+  JSEncrypt,
+  routerConfig: {
+    routes,
+    beforeEach
+  },
+  I18n,
+  createApp,
+  PopupInstall,
+  Vue
+}
+window['epx-frame'] = frame
+export default frame

package/src/main.js

@@ -0,0 +1,54 @@
+import Vue from 'vue'
+import App from './App.vue'
+import './registerServiceWorker'
+import store from './store'
+import router from './router'
+import axios from 'axios'
+import http from '@/api'
+import { FieldFactory, util } from '@/utils'
+import { isEmpty, isObject, isNil, cloneDeep, isEqual, debounce, throttle, assignWith, findLastIndex } from 'lodash-es'
+import cookie from 'js-cookie'
+import moment from 'moment'
+import 'moment/locale/zh-cn'
+import bus from '@/vue.bus'
+import '@/plugins'
+import '@/styles/index.scss'
+import I18n from '@/plugins/i18n'
+import mixin from '@/utils/mixins/global'
+import directive from '@/utils/directives/global'
+import loadComponentFactory from '@/utils/loadComponent'
+moment.locale('zh-cn')
+
+Vue.prototype.$http = http
+Vue.prototype.$axios = axios
+Vue.prototype.$FieldFactory = FieldFactory
+Vue.prototype.$util = util
+Vue.prototype.$_ = {
+  isEmpty,
+  isObject,
+  isNil,
+  isEqual,
+  cloneDeep,
+  debounce,
+  throttle,
+  assignWith,
+  findLastIndex
+}
+Vue.prototype.$cookie = cookie
+Vue.prototype.$moment = moment
+Vue.prototype.$loadComponent = loadComponentFactory(Vue)
+// 全局指令
+Vue.use(directive)
+Vue.use(bus)
+// 全局混入
+Vue.mixin(mixin)
+
+Vue.config.productionTip = false
+global.i18n = new I18n({})
+
+new Vue({
+  store,
+  router,
+  i18n: global.i18n,
+  render: h => h(App)
+}).$mount('#app')