@juge0218/elpis 1.0.1 → 1.0.3

package/app/middleware.js

@@ -2,7 +2,8 @@ const path = require('path')
 module.exports = (app) => {
   // 配置静态根目录
   const koaStatic = require('koa-static')
-  app.use(koaStatic(path.resolve(process.cwd(), './app/public')))
+  app.use(koaStatic(path.resolve(__dirname, './public')));
+  app.use(koaStatic(path.resolve(process.cwd(), './app/public')));
 
   // 模板渲染引擎
   const koaNunjucks = require('koa-nunjucks-2')

package/app/pages/dashboard/complex-view/header-view/complex-view/sub-menu/sub-menu.vue

@@ -1,5 +1,10 @@
 <script setup>
-const { menuItem } = defineProps(['menuItem']);
+const { menuItem } = defineProps({
+  menuItem: {
+    type: Object,
+    required: true,
+  },
+})
 </script>
 
 <template>
@@ -8,10 +13,15 @@ const { menuItem } = defineProps(['menuItem']);
       {{ menuItem.name }}
     </template>
     <div v-for="item in menuItem.subMenu" :key="item.key">
-      <sub-menu v-if="item.subMenu && item.subMenu.length > 0" :menu-item="item"></sub-menu>
-      <el-menu-item v-else :index="item.key">{{ item.name }}</el-menu-item>
+      <sub-menu
+        v-if="item.subMenu && item.subMenu.length > 0"
+        :menu-item="item"
+      ></sub-menu>
+      <el-menu-item v-else :index="item.key">
+        {{ item.name }}
+      </el-menu-item>
     </div>
   </el-sub-menu>
 </template>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped></style>

package/app/pages/dashboard/complex-view/header-view/header-view.vue

@@ -1,72 +1,86 @@
 <script setup>
-import HeaderContainer from '$elpisWidgets/header-container/header-container.vue';
-import SubMenu from './complex-view/sub-menu/sub-menu.vue';
-import { useMenuStore } from '$elpisStore/menu';
-import { useProjectStore } from '$elpisStore/project';
-import { ref, watch, onMounted } from 'vue'
-import { ArrowDown } from '@element-plus/icons-vue';
-import { useRoute } from 'vue-router'
-
-
-const projectStore = useProjectStore();
-const menuStore = useMenuStore();
+import HeaderContainer from "$elpisWidgets/header-container/header-container.vue"
+import SubMenu from "./complex-view/sub-menu/sub-menu.vue"
+import { useMenuStore } from "$elpisStore/menu"
+import { useProjectStore } from "$elpisStore/project"
+import { ref, watch, onMounted } from "vue"
+import { ArrowDown } from "@element-plus/icons-vue"
+import { useRoute } from "vue-router"
 
+const projectStore = useProjectStore()
+const menuStore = useMenuStore()
 
 defineProps({
   projName: {
     type: String,
-    default: ''
-  }
+    default: "",
+  },
 })
 
 const route = useRoute()
 
-const activeKey = ref('')
+const activeKey = ref("")
 const setActiveKey = () => {
   const menuItem = menuStore.findMenuItem({
-    key: 'key',
-    value: route.query.key
+    key: "key",
+    value: route.query.key,
   })
-  activeKey.value = menuItem?.key;
+  activeKey.value = menuItem?.key
 }
 
-
-
-watch([() => route.query.key, () => menuStore.menuList], () => {
-  setActiveKey();
-}, { deep: true })
+watch(
+  [() => route.query.key, () => menuStore.menuList],
+  () => {
+    setActiveKey()
+  },
+  { deep: true },
+)
 
 onMounted(() => {
-  setActiveKey();
+  setActiveKey()
 })
 
-const emit = defineEmits(['menu-select'])
+const emit = defineEmits(["menu-select"])
 const onMenuSelect = (menuKey) => {
   const menuItem = menuStore.findMenuItem({
-    key: 'key',
-    value: menuKey
+    key: "key",
+    value: menuKey,
   })
-  emit('menu-select', menuItem)
+  emit("menu-select", menuItem)
 }
 
 const handleCommand = (event) => {
-  const projectItem = projectStore.projectList.find(item => item.key === event)
+  const projectItem = projectStore.projectList.find(
+    (item) => item.key === event,
+  )
   if (!projectItem || !projectItem.homePage) return
   const { host } = window.location
-  window.location.replace(`http://${host}/view/dashboard${projectItem.homePage}`)
+  window.location.replace(
+    `http://${host}/view/dashboard${projectItem.homePage}`,
+  )
 }
-
 </script>
 
 <template>
   <header-container :title="projName">
     <template #menu-content>
       <!-- 根据 menuStore.menuList 渲染 -->
-      <el-menu :default-active="activeKey" mode="horizontal" :ellipsis="false" @select="onMenuSelect">
+      <el-menu
+        :default-active="activeKey"
+        mode="horizontal"
+        :ellipsis="false"
+        @select="onMenuSelect"
+      >
         <template v-for="item in menuStore.menuList">
-          <sub-menu :key="item.key" v-if="item.subMenu && item.subMenu.length > 0" :menu-item="item">
+          <sub-menu
+            v-if="item.subMenu && item.subMenu.length > 0"
+            :key="item.key"
+            :menu-item="item"
+          >
           </sub-menu>
-          <el-menu-item v-else :index="item.key">{{ item.name }}</el-menu-item>
+          <el-menu-item v-else :index="item.key">
+            {{ item.name }}
+          </el-menu-item>
         </template>
       </el-menu>
     </template>
@@ -75,13 +89,21 @@ const handleCommand = (event) => {
       <el-dropdown @command="handleCommand">
         <span class="project-list">
           {{ projName }}
-          <el-icon v-if="projectStore.projectList.length > 1" class="el-icon--right">
+          <el-icon
+            v-if="projectStore.projectList.length > 1"
+            class="el-icon--right"
+          >
             <arrow-down />
-          </el-icon></span>
-        <template #dropdown v-if="projectStore.projectList.length > 1">
+          </el-icon>
+        </span>
+        <template v-if="projectStore.projectList.length > 1" #dropdown>
           <el-dropdown-menu>
-            <el-dropdown-item v-for="item in projectStore.projectList" :key="item.key" :command="item.key"
-              :disabled="item.name === projName">
+            <el-dropdown-item
+              v-for="item in projectStore.projectList"
+              :key="item.key"
+              :command="item.key"
+              :disabled="item.name === projName"
+            >
               {{ item.name }}
             </el-dropdown-item>
           </el-dropdown-menu>
@@ -108,4 +130,4 @@ const handleCommand = (event) => {
 :deep(.el-menu--horizontal.el-menu) {
   border-bottom: 1px solid #e8e8e8;
 }
-</style>
+</style>

package/app/pages/dashboard/complex-view/iframe-view/iframe-view.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { ref, watch, onMounted } from 'vue'
-import { useRoute } from 'vue-router'
-import { useMenuStore } from '$elpisStore/menu';
+import { ref, watch, onMounted } from "vue"
+import { useRoute } from "vue-router"
+import { useMenuStore } from "$elpisStore/menu"
 
-const path = ref('')
+const path = ref("")
 
 const route = useRoute()
 
@@ -12,21 +12,24 @@ const setPath = () => {
   const { key, sider_key } = route.query
 
   const menuItem = menuStore.findMenuItem({
-    key: 'key',
-    value: sider_key ?? key
+    key: "key",
+    value: sider_key ?? key,
   })
 
-  path.value = menuItem?.iframeConfig?.path ?? ''
+  path.value = menuItem?.iframeConfig?.path ?? ""
 }
 
 watch(
   [
     () => route.query.key,
     () => route.query.sider_key,
-    () => menuStore.menuList
-  ], () => {
+    () => menuStore.menuList,
+  ],
+  () => {
     setPath()
-  }, { deep: true })
+  },
+  { deep: true },
+)
 
 onMounted(() => {
   setPath()
@@ -34,7 +37,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <iframe :src="path" class="iframe"></iframe>
+  <iframe :src="path" class="iframe" />
 </template>
 
 <style lang="less" scoped>
@@ -44,4 +47,4 @@ onMounted(() => {
   border: none;
   overflow: auto;
 }
-</style>
+</style>

package/app/pages/dashboard/complex-view/schema-view/complex-view/search-panel/search-panel.vue

@@ -1,29 +1,31 @@
 <script setup>
-import { inject } from 'vue';
-import SchemaSearchBar from '$elpisWidgets/schema-search-bar/schema-search-bar.vue';
+import { inject } from "vue"
+import SchemaSearchBar from "$elpisWidgets/schema-search-bar/schema-search-bar.vue"
 
-const { searchSchema } = inject('schemaViewData');
+const { searchSchema } = inject("schemaViewData")
 
-const emit = defineEmits(['search']);
+const emit = defineEmits(["search"])
 
 const onLoad = (searValObj) => {
-  emit('search', searValObj);
+  emit("search", searValObj)
 }
 const onSearch = (searValObj) => {
-  emit('search', searValObj)
+  emit("search", searValObj)
 }
 const onReset = () => {
-  emit('search', {})
+  emit("search", {})
 }
-defineExpose({
-
-})
-
+defineExpose({})
 </script>
 
 <template>
   <el-card class="search-panel">
-    <schema-search-bar :schema="searchSchema" @load="onLoad" @search="onSearch" @reset="onReset"></schema-search-bar>
+    <schema-search-bar
+      :schema="searchSchema"
+      @load="onLoad"
+      @search="onSearch"
+      @reset="onReset"
+    ></schema-search-bar>
   </el-card>
 </template>
 
@@ -35,4 +37,4 @@ defineExpose({
 :deep(.el-card__body) {
   padding-bottom: 2px;
 }
-</style>
+</style>

package/app/pages/dashboard/complex-view/schema-view/complex-view/table-panel/table-panel.vue

@@ -1,89 +1,107 @@
 <script setup>
-import { ref, inject } from 'vue';
-import SchemaTable from '$elpisWidgets/schema-table/schema-table.vue';
-import $curl from '$elpisCommon/curl'
-import { ElMessageBox, ElNotification } from 'element-plus';
+import { ref, inject } from "vue"
+import SchemaTable from "$elpisWidgets/schema-table/schema-table.vue"
+import $curl from "$elpisCommon/curl"
+import { ElMessageBox, ElNotification } from "element-plus"
 
-const { api, apiParams, tableSchema, tableConfig } = inject('schemaViewData');
+const { api, apiParams, tableSchema, tableConfig } = inject("schemaViewData")
 
-const schemaTableRef = ref(null);
+const schemaTableRef = ref(null)
 
 const EventHandlerMap = {
-  remove: removeData
+  remove: removeData,
 }
 
-function removeData ({ btnConfig, rowData }) {
+function removeData({ btnConfig, rowData }) {
   const { eventOption } = btnConfig
   if (!eventOption?.params) return
 
-  const { params } = eventOption;
-  const removeKey = Object.keys(params)[0];
+  const { params } = eventOption
+  const removeKey = Object.keys(params)[0]
 
   let removeValue
-  const removeValueList = params[removeKey]?.split('::') ?? '';
-  if (removeValueList[0] === 'schema' && removeValueList[1]) {
+  const removeValueList = params[removeKey]?.split("::") ?? ""
+  if (removeValueList[0] === "schema" && removeValueList[1]) {
     removeValue = rowData[removeValueList[1]]
   }
 
-  ElMessageBox.confirm(`确认删除${removeKey}为：${removeValue}数据吗？`, '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  }).then(async () => {
+  ElMessageBox.confirm(
+    `确认删除${removeKey}为：${removeValue}数据吗？`,
+    "提示",
+    {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    },
+  ).then(async () => {
     schemaTableRef.value.showLoading()
     const res = await $curl({
       url: api.value,
-      method: 'delete',
+      method: "delete",
       data: {
-        [removeKey]: removeValue
+        [removeKey]: removeValue,
       },
-      errorMessage: '删除失败'
+      errorMessage: "删除失败",
     })
     schemaTableRef.value.hideLoading()
     if (!res || !res.success || !res.data) return
 
     ElNotification.success({
-      title: '提示',
-      message: '删除成功'
+      title: "提示",
+      message: "删除成功",
     })
 
     loadTableData()
   })
-};
+}
 
-const emit = defineEmits(['operate']);
+const emit = defineEmits(["operate"])
 const operationHandler = async ({ btnConfig, rowData }) => {
-  const { eventKey } = btnConfig;
+  const { eventKey } = btnConfig
   if (EventHandlerMap[eventKey]) {
-    EventHandlerMap[eventKey]({ btnConfig, rowData });
+    EventHandlerMap[eventKey]({ btnConfig, rowData })
   } else {
-    emit('operate', { btnConfig, rowData });
+    emit("operate", { btnConfig, rowData })
   }
-};
-function loadTableData () {
+}
+function loadTableData() {
   schemaTableRef.value.loadTableData()
 }
-function initData () {
+function initData() {
   schemaTableRef.value.initData()
 }
 defineExpose({
   loadTableData,
-  initData
-});
+  initData,
+})
 </script>
 
 <template>
   <el-card class="table-panel">
     <!-- operation-panel -->
-    <el-row v-if="tableConfig?.headerButtons?.length > 0" class="operation-panel" justify="end">
-      <el-button v-for="(item, index) in tableConfig.headerButtons" :key="index"
-        @click="operationHandler({ btnConfig: item })" v-bind="item">
+    <el-row
+      v-if="tableConfig?.headerButtons?.length > 0"
+      class="operation-panel"
+      justify="end"
+    >
+      <el-button
+        v-for="(item, index) in tableConfig.headerButtons"
+        v-bind="item"
+        :key="index"
+        @click="operationHandler({ btnConfig: item })"
+      >
         {{ item.label }}
       </el-button>
     </el-row>
     <!-- schema-tabel (组件 widgets) -->
-    <schema-table :apiParams="apiParams" ref="schemaTableRef" :schema="tableSchema" :api="api"
-      :buttons="tableConfig?.rowButtons ?? []" @operate="operationHandler"></schema-table>
+    <schema-table
+      ref="schemaTableRef"
+      :api-params="apiParams"
+      :schema="tableSchema"
+      :api="api"
+      :buttons="tableConfig?.rowButtons ?? []"
+      @operate="operationHandler"
+    ></schema-table>
   </el-card>
 </template>
 
@@ -102,4 +120,4 @@ defineExpose({
   display: flex;
   flex-direction: column;
 }
-</style>
+</style>

package/app/pages/dashboard/complex-view/schema-view/components/create-form/create-form.vue

@@ -1,14 +1,14 @@
 <script setup>
-import { inject, ref } from 'vue';
-import SchemaForm from '$elpisWidgets/schema-form/schema-form.vue';
-import $curl from '$elpisCommon/curl';
-import { ElNotification } from 'element-plus';
+import { inject, ref } from "vue"
+import SchemaForm from "$elpisWidgets/schema-form/schema-form.vue"
+import $curl from "$elpisCommon/curl"
+import { ElNotification } from "element-plus"
 
-const { api, components } = inject('schemaViewData');
+const { api, components } = inject("schemaViewData")
 
-const name = ref('createForm')
-const title = ref('')
-const saveBtnText = ref('')
+const name = ref("createForm")
+const title = ref("")
+const saveBtnText = ref("")
 const loading = ref(false)
 
 const isShow = ref(false)
@@ -20,14 +20,15 @@ const show = () => {
 
   isShow.value = true
 }
-const close = () => { isShow.value = false }
+const close = () => {
+  isShow.value = false
+}
 
 const schemaFormRef = ref(null)
 
-const emit = defineEmits(['command'])
+const emit = defineEmits(["command"])
 
 const save = async () => {
-
   if (loading.value) return
   // 校验表单
   if (!schemaFormRef.value.validate()) return
@@ -35,8 +36,8 @@ const save = async () => {
 
   const res = await $curl({
     url: api.value,
-    method: 'post',
-    data: { ...schemaFormRef.value.getValue() }
+    method: "post",
+    data: { ...schemaFormRef.value.getValue() },
   })
 
   loading.value = false
@@ -44,36 +45,46 @@ const save = async () => {
   if (!res || !res.success) return
 
   ElNotification({
-    title: '创建成功',
-    message: '创建成功',
-    type: 'success'
+    title: "创建成功",
+    message: "创建成功",
+    type: "success",
   })
 
   close()
 
-  emit('command', { event: 'loadTableData' })
+  emit("command", { event: "loadTableData" })
 }
 
 defineExpose({
   name,
-  show
+  show,
 })
-
 </script>
 
 <template>
-  <el-drawer v-model="isShow" direction="rtl" :destroy-on-close="true" :size="550">
+  <el-drawer
+    v-model="isShow"
+    direction="rtl"
+    :destroy-on-close="true"
+    :size="550"
+  >
     <template #header>
       <h3>{{ title }}</h3>
     </template>
     <template #default>
-      <schema-form v-loading="loading" ref="schemaFormRef" :schema="components[name]?.schema"></schema-form>
+      <schema-form
+        ref="schemaFormRef"
+        v-loading="loading"
+        :schema="components[name]?.schema"
+      ></schema-form>
     </template>
     <template #footer>
-      <el-button @click="close">取消</el-button>
-      <el-button type="primary" @click="save">{{ saveBtnText }}</el-button>
+      <el-button @click="close"> 取消 </el-button>
+      <el-button type="primary" @click="save">
+        {{ saveBtnText }}
+      </el-button>
     </template>
   </el-drawer>
 </template>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped></style>

package/app/pages/dashboard/complex-view/schema-view/components/detail-panel/detail-panel.vue

@@ -1,14 +1,14 @@
 <script setup>
-import { inject, ref } from 'vue';
-import $curl from '$elpisCommon/curl';
+import { inject, ref } from "vue"
+import $curl from "$elpisCommon/curl"
 
-const { api, components } = inject('schemaViewData');
+const { api, components } = inject("schemaViewData")
 
-const name = ref('detailPanel')
+const name = ref("detailPanel")
 const isShow = ref(false)
-const title = ref('')
-const mainKey = ref('')
-const mainValue = ref('')
+const title = ref("")
+const mainKey = ref("")
+const mainValue = ref("")
 const dtoModel = ref({})
 const loading = ref(false)
 
@@ -19,8 +19,8 @@ const fetchFormData = async () => {
 
   const res = await $curl({
     url: api.value,
-    method: 'get',
-    query: { [mainKey.value]: mainValue.value }
+    method: "get",
+    query: { [mainKey.value]: mainValue.value },
   })
 
   loading.value = false
@@ -34,7 +34,7 @@ const show = (rowData) => {
   const { config } = components.value[name.value]
 
   title.value = config.title
-  mainKey.value = config.mainKey//表单主键
+  mainKey.value = config.mainKey //表单主键
   mainValue.value = rowData[mainKey.value]
   dtoModel.value = {}
 
@@ -43,25 +43,39 @@ const show = (rowData) => {
   fetchFormData()
 }
 
-const close = () => { isShow.value = false }
+const close = () => {
+  isShow.value = false
+}
 
 defineExpose({
   name,
-  show
+  show,
 })
 </script>
 
 <template>
-  <el-drawer v-model="isShow" direction="rtl" :destroy-on-close="true" :size="550">
+  <el-drawer
+    v-model="isShow"
+    direction="rtl"
+    :destroy-on-close="true"
+    :size="550"
+  >
     <template #header>
       <h3>{{ title }}</h3>
     </template>
     <template #default>
       <el-card v-loading="loading" shadow="always" class="detail-panel">
-        <el-row v-for="(item, key) in components[name]?.schema?.properties" type="flex" align="middle" class="row-item"
-          :key="key">
-          <el-row class="item-label">{{ item.label }}：</el-row>
-          <el-row class="item-value">{{ dtoModel[key] }}</el-row>
+        <el-row
+          v-for="(item, key) in components[name]?.schema?.properties"
+          :key="key"
+          type="flex"
+          align="middle"
+          class="row-item"
+        >
+          <el-row class="item-label"> {{ item.label }}： </el-row>
+          <el-row class="item-value">
+            {{ dtoModel[key] }}
+          </el-row>
         </el-row>
       </el-card>
     </template>
@@ -92,4 +106,4 @@ defineExpose({
     }
   }
 }
-</style>
+</style>