simple-frame-unit 1.0.2

package/import.easydata.js

@@ -0,0 +1,46 @@
+const fs = require('fs');
+const path = require('path');
+const fse = require('fs-extra');
+
+// 使用方式
+// node ./import.easydata.js [动态表单项目路径]
+
+function ImportEasyData(form, to) {
+
+    // 项目路径
+    const projectPath = process.argv[2] || path.join('..', form);
+    // 项目中具体文件的父级文件夹
+    const sourcePath = path.join(projectPath, '/lib');
+    if (!fs.existsSync(sourcePath)) {
+        console.error(sourcePath, '项目不存在, 请检查路径');
+        throw '项目不存在, 请检查路径';
+    }
+    const EmptyFolder = (fuckPath) => {
+        fs.readdirSync(fuckPath).forEach((file, index, arr) => {
+            if (fs.lstatSync(`${fuckPath}/${file}`).isFile()) {
+                fs.unlinkSync(`${fuckPath}/${file}`)
+            } else if (fs.lstatSync(`${fuckPath}/${file}`).isDirectory()) {
+                EmptyFolder(`${fuckPath}/${file}`)
+                fs.rmdirSync(`${fuckPath}/${file}`)
+            }
+        })
+    }
+    // 需要复制到的地方
+    const targetPath = path.join(__dirname, to);
+    if (!fs.existsSync(targetPath)) {
+        fs.mkdirSync(targetPath, {
+            recursive: true,
+        });
+    } else {
+        // 删除指定文件夹下面的所有文件或文件夹
+        EmptyFolder(targetPath)
+    }
+
+    // 获取目标目录下的所有内容, 开始复制
+    fse.copySync(sourcePath, targetPath);
+}
+
+// 导入ed-base-vue
+ImportEasyData('ed-base-vue', '/src/components/ed-base-vue')
+// 导入ed-frame-vue
+// ImportEasyData('ed-frame-vue', '/src/components/ed-frame-vue')

package/lib/CHANGELOG.md

@@ -0,0 +1,18 @@
+## 更新日志
+
+### 1.0.2
+*2023-03-08*
+- 新增 `WangEditor`组件，用于富文本编辑
+- 新增 `EdInputPop`组件，用于Input放大编辑
+- 优化组件加载
+
+### 1.0.1
+
+*2023-02-24*
+- Dialog: 新增`v-model`双向数据绑定功能
+- Dialog：修复`showFooter`字段未启用
+
+
+- DataSource/TablePropsModal：优化 `虚拟列信息` 展示
+- DataSource/TablePropsModal：新增虚拟列信息点击 `添加` 功能定位到指定行数 
+

package/lib/README.md

@@ -0,0 +1,27 @@
+# EasyData组件说明
+
+## 版本 1.0.0
+
+## 一、目录结构
+
+### api：组件请求接口集合
+
+### components：基础组件集合
+- CodeEditor：代码编辑
+- Describe：查看组件
+- Dialog：el弹窗二次封装
+- Drawer：el抽屉二次封装
+- Form：Form表单二次封装，即EasyDataForm
+- List：组合组件，即EasyDataList
+- Table：Table组件二次封装
+- Template：模板渲染，即TemplateView组件
+
+### packages：动态渲染组件集合
+
+### pages：数据源、接口、模板等页面集合
+
+### popup：组件内部选择弹窗组件集合
+
+### 依赖
+- (MarkEditor.vue) rollup-plugin-copy：复制文件（vite项目中使用第三方js文件包）
+- (MarkEditor.vue) mavon-editor: markdown编辑器

package/lib/api/ds/index.js

@@ -0,0 +1,124 @@
+import {deleteAction, getAction, postAction} from '../index'
+
+
+// 数据源分页查询
+export const dataSourcePage = (query) => getAction('/easydata/dataSource/page', query)
+export const copyDataSource = (query) => getAction('/easydata/dataSource/copyDataSource', query)
+export const addDsInfo = (param) => postAction('/easydata/dataSource/add', param)
+export const delDs = (param) => deleteAction('/easydata/dataSource/delete', param)
+export const exportOne = (param) => getAction('/easydata/dataSource/exportOne', param)
+export const importDs = (param) => postAction('/easydata/dataSource/import', param)
+//db
+export const easyDbList = (query) => getAction('/easydata/dataSource/easyDb/list', query)
+export const addEasyDb = (param) => postAction('/easydata/dataSource/easyDb/add', param)
+export const addAllEasyDb = (param) => postAction('/easydata/dataSource/easyDb/addList', param)
+
+
+// 数据源分页查询
+export const addFieldModel = (param) => postAction('/easydata/fieldInfo/addModel', param)
+export const getFieldListByDsId = (param) => getAction('/easydata/fieldInfo/list', param)
+
+// 数据源分页查询
+export const addTableInfo = (param) => postAction('/easydata/tableInfo/add', param)
+export const getTableInfoByDsId = (param) => getAction('/easydata/tableInfo/one', param)
+//db
+export const getDbTableInfoByDsId = (param) => getAction('/easydata/dbTableInfo/one', param)
+
+
+// 数据源分页查询
+export const deleteAllViCol = (param) => postAction('/easydata/tableOperator/deleteAll', param)
+export const reloadAllViCol = (param) => postAction('/easydata/tableOperator/reloadAll', param)
+export const createTable = (param) => postAction('/easydata/tableOperator/create', param)
+export const getTableSchema = (param) => postAction('/easydata/tableOperator/getTableSchema', param)
+export const dropTable = (param) => postAction('/easydata/tableOperator/drop', param)
+export const clearTable = (param) => postAction('/easydata/tableOperator/clear', param)
+export const truncateTable = (param) => postAction('/easydata/tableOperator/truncate', param)
+export const alterTable = (param) => postAction('/easydata/tableOperator/alter', param)
+//db
+export const createDbTable = (param) => postAction('/easydata/dbTableOperator/create', param)
+export const truncateDbTable = (param) => postAction('/easydata/dbTableOperator/truncate', param)
+export const alterDbTable = (param) => postAction('/easydata/dbTableOperator/alter', param)
+export const clearDbTable = (param) => postAction('/easydata/dbTableOperator/clear', param)
+export const deleteAllDbViCol = (param) => postAction('/easydata/dbTableOperator/deleteAll', param)
+export const reloadAllDbViCol = (param) => postAction('/easydata/dbTableOperator/reloadAll', param)
+export const dropDbTable = (param) => postAction('/easydata/dbTableOperator/drop', param)
+
+// 数据源分页查询
+export const addSqlIdInfo = (param) => postAction('/easydata/tableSql/addModel', param)
+export const getSqlIdList = (param) => getAction('/easydata/tableSql/list', param)
+
+
+/** 根据数据源名称查询视图列表 */
+export const controlInfoViewList = (param) => getAction('/easydata/controlInfo/viewList', param);
+/** 保存新增的视图 */
+export const addViewModel = (param) => postAction( '/easydata/controlInfo/addViewModel', param)
+/** 根据ID删除视图 */
+export const deleteViewModel = (param) => deleteAction( '/easydata/controlInfo/deleteViewModel', param);
+/** 根据视图ID及数据源复制视图 */
+export const copyViewModel = (param) => postAction( '/easydata/controlInfo/copyViewModel', param)
+
+/** 根据数据源名称及视图ID查询控件信息 */
+export const listControlInfo = (param) => getAction( '/easydata/controlInfo/listByViewId', param);
+/** 根据数据源名称查询虚拟列 */
+export const listFieldInfo = (param) => getAction( '/easydata/fieldInfo/list', param);
+/** 保存控件信息整个table */
+export const saveControlModel = (param) => postAction( '/easydata/controlInfo/saveControlModel', param);
+/** 删除一行控件信息 */
+export const deleteControlInfo = (param) => deleteAction( '/easydata/controlInfo/deleteControlInfo', param);
+
+/** 获取控件属性信息 */
+export const getControlProps = (controlId) => getAction( '/easydata/controlProps/one', {controlId});
+/** 新增控件属性 */
+export const addControlProps = (param) => postAction( '/easydata/controlProps/add', param);
+
+
+// 批量导出
+export default {
+  dataSourcePage,
+  copyDataSource,
+  addDsInfo,
+  delDs,
+  exportOne,
+  importDs,
+  easyDbList,
+  addEasyDb,
+  addAllEasyDb,
+
+  addFieldModel,
+  getFieldListByDsId,
+
+  addTableInfo,
+  getTableInfoByDsId,
+  getDbTableInfoByDsId,
+
+  deleteAllViCol,
+  reloadAllViCol,
+  createTable,
+  getTableSchema,
+  dropTable,
+  clearTable,
+  truncateTable,
+  alterTable,
+  createDbTable,
+  truncateDbTable,
+  alterDbTable,
+  clearDbTable,
+  deleteAllDbViCol,
+  reloadAllDbViCol,
+  dropDbTable,
+
+
+  addSqlIdInfo,
+  getSqlIdList,
+
+  controlInfoViewList,
+  addViewModel,
+  deleteViewModel,
+  copyViewModel,
+  listControlInfo,
+  listFieldInfo,
+  saveControlModel,
+  deleteControlInfo,
+  getControlProps,
+  addControlProps
+}

package/lib/api/easyData.js

@@ -0,0 +1,90 @@
+import {getAction, postAction, uploadAction} from './index'
+import Vue                                   from "vue";
+
+/**
+ * @name DefaultUrl
+ * @type {{init: string, selectData: string, deleteData: string, uploadUrl: string, uploadLocalUrl: string, updateData: string, page: string, insertData: string, updateDataList: string}}
+ * @description 公共请求地址
+ */
+export const DefaultUrl = {
+    page: "/easydata/view/selectDataPage",
+    init: "/easydata/view/controls",
+    selectData: '/easydata/view/selectData',
+    deleteData: '/easydata/view/deleteData',
+    insertData: '/easydata/view/insertData',
+    updateData: '/easydata/view/updateData',
+    updateDataList: '/easydata/view/updateDataList',
+    uploadUrl: '/easydata/common/upload',
+    uploadLocalUrl: '/sys/common/uploadLocal',
+    downloadUrl: '/admin-api/infra/file/',
+    selectDataList: "/easydata/dataOperator/selectDataList",
+    getTreeData: '/admin/base/tree/getData',
+    getDictItemsByType: '/easydata/dict/getDictItemsByType',
+    getDictList: '/easydata/dict/getDictList',
+    //直接操作数据库,不是通过视图
+    insertDataByObj: '/easydata/dataOperator/insertData',
+    //直接操作数据库,不是通过视图
+    updateDataByObj: '/easydata/dataOperator/updateData',
+    exportDataList: '/easydata/view/exportDataList',
+}
+
+/**
+ * @name TempType
+ * @type {{view: string, save: string}}
+ * @description 模板类型
+ */
+export const TempType = {
+    save: 'save',
+    view: 'view',
+}
+
+/** 分页查询列表数据 */
+export const pageQueryList = (viewModel, url = DefaultUrl.page) => postAction(url, viewModel);
+/** 初始化数据源控件 */
+export const initControls = (dataSourceName, viewId = 'default') => getAction(DefaultUrl.init, {
+    dataSourceName,
+    viewId
+})
+/** 条件查询一条数据 */
+export const getOneData = (viewModel, url = DefaultUrl.selectData) => postAction(url, viewModel);
+/** 根据id删除数据 */
+export const deleteDataById = (id, dataSourceName) => postAction(DefaultUrl.deleteData, {id, dataSourceName});
+/** 新增一条数据 */
+export const insertData = (viewModel, url = DefaultUrl.insertData) => postAction(url, viewModel);
+/** 更新一条数据 */
+export const updateData = (viewModel, url = DefaultUrl.updateData) => postAction(url, viewModel);
+/** 更新多条数据 */
+export const updateDataList = (viewModel, url = DefaultUrl.updateDataList) => postAction(url, viewModel);
+/** 上传文件地址 */
+export const uploadFile = (param, url = DefaultUrl.uploadUrl) => uploadAction(url, param);
+/** 上传文件到本地, 比如数据源导入等 */
+export const uploadLocalFile = (param, url = DefaultUrl.uploadLocalUrl) => uploadAction(url, param);
+/** 根据type获取码表得item */
+export const getDictItemByType = (param, url = DefaultUrl.getDictItemsByType) => getAction(url, param);
+/** 获取所有得码表type支持传类型筛选 */
+export const getDictList = (param, url = DefaultUrl.getDictList) => getAction(url, param);
+export const selectDataList = (param, url = DefaultUrl.selectDataList) => postAction(url, param);
+export const insertDataByObj = (param, url = DefaultUrl.insertDataByObj) => postAction(url, param);
+export const updateDataByObj = (param, url = DefaultUrl.updateDataByObj) => postAction(url, param);
+
+
+/**
+ * 获取文件服务访问路径
+ * @param avatar
+ * @param subStr
+ * @returns {*}
+ */
+export const getFileAccessHttpUrl = (avatar, subStr) => {
+    if (!subStr) subStr = 'http'
+    try {
+        if (avatar && avatar.startsWith(subStr)) {
+            return avatar;
+        } else {
+            if (avatar && avatar.length > 0 && avatar.indexOf('[') === -1) {
+                return Vue.prototype.$EdFrame.BASE_API + avatar;
+            }
+        }
+    } catch (err) {
+        console.log(err);
+    }
+}

package/lib/api/easyform/easyForm.js

@@ -0,0 +1,32 @@
+import {deleteAction, getAction, postAction, putAction} from "../index";
+
+/** 提交在线表单 */
+export const insertSingleForm = (param) => postAction('/easydata/easy-form/insertSingleForm', param);
+
+/** 提交在线模板表单 */
+export const insertTemplateForm = (param) => postAction('/easydata/easy-form/insertTemplateForm', param);
+
+/** 修改在线表单 */
+export const updateSingleForm = (param) => postAction('/easydata/easy-form/updateSingleForm', param);
+
+/** 回显在线表单 */
+export const querySingleForm = (param) => postAction('/easydata/easy-form/querySingleForm', param);
+
+/** 回显在线表单 */
+export const queryTemplateForm = (param) => postAction('/easydata/easy-form/queryTemplateForm', param);
+
+/** 创建在线表单 */
+export const createEasyFormInfo = (param) => postAction('/easydata/easy-form-info/create', param);
+
+/** 更新在线表单 */
+export const updateEasyFormInfo = (param) => putAction('/easydata/easy-form-info/update', param);
+
+
+/** 删除在线表单 */
+export const deleteEasyFormInfo = (id) => deleteAction('/easydata/easy-form-info/delete?id=' + id);
+
+/** 获得在线表单 */
+export const getEasyFormInfo = (id) => getAction('/easydata/easy-form-info/get?id=' + id);
+
+/** 获得在线表单分页 */
+export const getEasyFormInfoPage = (param) => getAction('/easydata/easy-form-info/page', param);

package/lib/api/index.js

@@ -0,0 +1,61 @@
+import Vue from "vue";
+
+export function postAction(url, param) {
+    return Vue.prototype.$EdFrame.request({
+        url: url,
+        method: 'post',
+        data: param
+    })
+}
+
+export function getAction(url, param) {
+    return Vue.prototype.$EdFrame.request({
+        url: url,
+        method: 'get',
+        params: param
+    })
+}
+
+export function deleteAction(url, param) {
+    return Vue.prototype.$EdFrame.request({
+        url: url,
+        method: 'delete',
+        params: param,
+    })
+}
+
+export function putAction(url, param) {
+    return Vue.prototype.$EdFrame.request({
+        url: url,
+        method: 'put',
+        data: param,
+    })
+}
+
+export function uploadAction(url, param) {
+    return Vue.prototype.$EdFrame.request({
+        url: url,
+        data: param,
+        method: 'post',
+        headers: {
+            'Content-Type': 'multipart/form-data',
+        }
+    })
+}
+
+export function downFilePost(url, parameter) {
+    return Vue.prototype.$EdFrame.request({
+        url: url,
+        data: parameter,
+        method: 'post',
+        responseType: 'blob'
+    })
+}
+
+export default {
+    postAction,
+    getAction,
+    deleteAction,
+    putAction,
+    uploadAction,
+}

package/lib/api/interface/index.js

@@ -0,0 +1,32 @@
+import {deleteAction, getAction, postAction} from '../index'
+
+
+// 数据源分页查询
+export const copyInterface = (param) => getAction('/easyapi/copy', param)
+export const deleteInterface = (param) => deleteAction('/easyapi/delete', param)
+export const resolveMeta = (param) => postAction('/easyapi/meta/resolveMeta', param)
+export const saveMeta = (param) => postAction('/easyapi/meta/saveMeta', param)
+export const getMeta = (param) => postAction('/easyapi/meta/getMeta', param)
+export const saveParams = (param) => postAction('/easyapi/saveParams', param)
+export const listFieldInfo = (param) => postAction('/easydata/view/selectData', param)
+export const exportFile = (param) => postAction('/easyapi/exportFile', param)
+export const importInterface = (param) => postAction('/easyapi/importInterface', param)
+export const jobCall = (param) => postAction('/easyapi/job/call', param)
+
+export const updateDepend = (param) => postAction('/easyapi/updateDepend', param)
+
+export const saveDepend = (param) => postAction('/easyapi/saveDepend', param)
+// 批量导出
+export default {
+  copyInterface,
+  deleteInterface,
+  resolveMeta,
+  saveMeta,
+  getMeta,
+  listFieldInfo,
+  saveParams,
+  importInterface,
+  jobCall,
+  saveDepend,
+  updateDepend
+}

package/lib/api/system.js

@@ -0,0 +1,20 @@
+import {getAction} from "./index";
+
+
+// 查询部门列表
+export const listDept = (param) => getAction('/system/dept/list', param)
+
+// 获取用户精简信息列表
+export const listSimpleUsers = (param) => getAction('/system/user/list-all-simple', param)
+
+// 查询用户列表
+export const listUser = (param) => getAction('/system/user/page', param)
+
+// 获取岗位精简信息列表
+export const listSimplePosts = (param) => getAction('/system/post/list-all-simple', param)
+
+// 获取部门精简信息列表
+export const listSimpleDepts = (param) => getAction('/system/dept/list-all-simple', param)
+
+// 查询角色列表
+export const listRole = (param) => getAction('/system/role/page', param)

package/lib/index.js

@@ -0,0 +1,80 @@
+import Vue from 'vue'
+import {postAction, getAction, uploadAction, deleteAction, putAction, downFilePost} from './api'
+// 混合组件
+import EasyDataTable from './packages/EasyDataTable/EasyDataTable.vue'
+import EasyDataList from './packages/EasyDataList/EasyDataList.vue'
+import EasyDataForm from './packages/EasyDataForm/EasyDataForm.vue'
+import EasyDataTemplate from './packages/BasicTemplate/EasyDataTemplate.vue'
+import EasyDataView from './packages/EasyDataView/EasyDataView.vue'
+import EdRichPreview from './packages/EdRichPreview/index.js'
+import EdRichText from './packages/EdRichText/index.vue'
+
+// 装载组件
+import DataSourceList from './pages/DataSource'
+import Interface from './pages/Interface'
+import Template from './pages/Template'
+
+// css
+import "./style/index.scss"
+
+// 组件集合
+const components = {
+  EasyDataList,
+  EasyDataTable,
+  EasyDataForm,
+  EasyDataTemplate,
+  EasyDataView,
+  EdRichPreview,
+  EdRichText,
+
+  DataSourceList,
+  Interface,
+  Template,
+}
+
+Object.keys(components).forEach(key => {
+  Vue.component(components[key].name, components[key]);
+});
+
+
+const install = function (Vue, opts = {}) {
+  // 传递参数
+  Vue.prototype.$EdFrame = {}
+  Object.keys(opts).forEach(key => {
+    Vue.prototype.$EdFrame[key] = opts[key]
+  });
+
+  // 注册请求方法 - post
+  Vue.prototype.$EdFrame.postAction = postAction
+  Vue.prototype.$EdFrame.getAction = getAction
+  Vue.prototype.$EdFrame.uploadAction = uploadAction
+  Vue.prototype.$EdFrame.deleteAction = deleteAction
+  Vue.prototype.$EdFrame.putAction = putAction
+  Vue.prototype.$EdFrame.downFilePost = downFilePost
+}
+
+/* istanbul ignore if */
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+export {
+  EasyDataTemplate,
+  EasyDataView,
+  EasyDataList,
+  EasyDataTable,
+
+  DataSourceList,
+  Interface,
+  Template,
+}
+
+export default {
+  version: '1.0.0',
+  install,
+}
+
+
+
+
+