Feat/model driven：The model driver is optimized, and built-in interfaces for adding, deleting, modifying, and querying are added.

packages/builtinComponent/package.json

@@ -22,7 +22,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "axios": "^0.28.0",
+    "@opentiny/tiny-engine-meta-register": "workspace:*",
     "vite-plugin-css-injected-by-js": "^3.3.1"
   },
   "devDependencies": {

packages/builtinComponent/src/components/BaseForm.vue

@@ -62,7 +62,7 @@ import {
   Row as TinyRow,
   Col as TinyCol
 } from '@opentiny/vue'
-import axios from 'axios'
+import { getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
 
 const props = defineProps({
   style: {
@@ -115,13 +115,10 @@ const insertApi = (data = modelData.value) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](apiInfo.url, data)
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, { nameEn: formModel.value.nameEn, params: data })
     .then((res) => {
-      if (res.status === 200) {
-        return res.data
-      } else {
-        throw new Error('request fail')
-      }
+      return res
     })
     .catch((err) => {
       throw new Error(err)
@@ -133,13 +130,16 @@ const updateApi = (data = modelData.value) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](apiInfo.url, data)
+  const id = data.id
+  delete data.id
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, {
+      nameEn: formModel.value.nameEn,
+      data: data,
+      params: { id }
+    })
     .then((res) => {
-      if (res.status === 200) {
-        return res.data
-      } else {
-        throw new Error('request fail')
-      }
+      return res
     })
     .catch((err) => {
       throw new Error(err)
@@ -151,32 +151,31 @@ const queryApi = ({ currentPage, pageSize, data } = {}) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](`${apiInfo.url}?currentPage=${currentPage || 1}&pageSize=${pageSize || 10}`, {
-    params: data || modelData.value
-  })
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, {
+      currentPage: currentPage || 1,
+      pageSize: pageSize || 10,
+      nameEn: formModel.value.nameEn,
+      nameCn: formModel.value.nameCn,
+      params: data || modelData.value
+    })
     .then((res) => {
-      if (res.status === 200) {
-        return res.data
-      }
-      throw new Error('request fail')
+      return res
     })
     .catch((err) => {
       throw new Error(err)
     })
 }
 
-const deleteApi = (evidence = { id: modelData.value?.id }) => {
+const deleteApi = () => {
   const apiInfo = props.modelApis.find((api) => api.nameEn === 'deleteApi')
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](apiInfo.url, { params: evidence })
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, { id: modelData.value?.id, nameEn: formModel.value.nameEn })
     .then((res) => {
-      if (res.status === 200) {
-        return res.data
-      } else {
-        throw new Error('request fail')
-      }
+      return res
     })
     .catch((err) => {
       throw new Error(err)

packages/builtinComponent/src/components/BasePage.vue

@@ -179,7 +179,7 @@ import {
   Notify
 } from '@opentiny/vue'
 import * as tinyVueIcon from '@opentiny/vue-icon'
-import axios from 'axios'
+import { getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
 
 const props = defineProps({
   style: {
@@ -302,18 +302,15 @@ const insertApi = (data = addFormData.value) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](apiInfo.url, data)
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, { nameEn: pageModel.value.nameEn, params: data })
     .then((res) => {
-      if (res.status === 200) {
-        Notify({
-          type: 'success',
-          message: res.data.message,
-          position: 'top-right'
-        })
-        return res.data
-      } else {
-        throw new Error('request fail')
-      }
+      Notify({
+        type: 'success',
+        message: '新增成功',
+        position: 'top-right'
+      })
+      return res
     })
     .catch((err) => {
       throw new Error(err)
@@ -325,18 +322,21 @@ const updateApi = (data = addFormData.value) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](apiInfo.url, data)
+  const id = data.id
+  delete data.id
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, {
+      nameEn: pageModel.value.nameEn,
+      data: data,
+      params: { id }
+    })
     .then((res) => {
-      if (res.status === 200) {
-        Notify({
-          type: 'success',
-          message: res.data.message,
-          position: 'top-right'
-        })
-        return res.data
-      } else {
-        throw new Error('request fail')
-      }
+      Notify({
+        type: 'success',
+        message: '修改成功',
+        position: 'top-right'
+      })
+      return res
     })
     .catch((err) => {
       throw new Error(err)
@@ -348,17 +348,19 @@ const queryApi = ({ currentPage, pageSize, data } = {}) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](`${apiInfo.url}?currentPage=${currentPage || 1}&pageSize=${pageSize || 10}`, {
-    params: data || formData.value
-  })
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, {
+      currentPage: currentPage || 1,
+      pageSize: pageSize || 10,
+      nameEn: pageModel.value.nameEn,
+      nameCn: pageModel.value.nameCn,
+      params: data
+    })
     .then((res) => {
-      if (res.status === 200) {
-        tableData.value = res.data.data
-        pagerState.total = res.data.total
-        emit('update:tableData', tableData.value)
-        return res.data
-      }
-      throw new Error('request fail')
+      tableData.value = res.list
+      pagerState.total = res.total
+      emit('update:tableData', tableData.value)
+      return res
     })
     .catch((err) => {
       throw new Error(err)
@@ -370,18 +372,15 @@ const deleteApi = (evidence) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](apiInfo.url, { params: evidence })
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, { ...evidence, nameEn: pageModel.value.nameEn })
     .then((res) => {
-      if (res.status === 200) {
-        Notify({
-          type: 'success',
-          message: res.data.message,
-          position: 'top-right'
-        })
-        return res.data
-      } else {
-        throw new Error('request fail')
-      }
+      Notify({
+        type: 'success',
+        message: '已删除',
+        position: 'top-right'
+      })
+      return res
     })
     .catch((err) => {
       throw new Error(err)

packages/builtinComponent/src/components/BaseTable.vue

@@ -63,7 +63,7 @@ import {
   Popover as TinyPopover
 } from '@opentiny/vue'
 import * as tinyVueIcon from '@opentiny/vue-icon'
-import axios from 'axios'
+import { getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
 
 const props = defineProps({
   style: {
@@ -169,13 +169,10 @@ const insertApi = (data = {}) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](apiInfo.url, data)
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, { nameEn: tableModel.value.nameEn, params: data })
     .then((res) => {
-      if (res.status === 200) {
-        return res.data
-      } else {
-        throw new Error('request fail')
-      }
+      return res
     })
     .catch((err) => {
       throw new Error(err)
@@ -187,13 +184,16 @@ const updateApi = (data) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](apiInfo.url, data)
+  const id = data.id
+  delete data.id
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, {
+      nameEn: tableModel.value.nameEn,
+      data: data,
+      params: { id }
+    })
     .then((res) => {
-      if (res.status === 200) {
-        return res.data
-      } else {
-        throw new Error('request fail')
-      }
+      return res
     })
     .catch((err) => {
       throw new Error(err)
@@ -207,16 +207,18 @@ const queryApi = (
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](`${apiInfo.url}?currentPage=${currentPage}&pageSize=${pageSize}`, { params: data })
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, {
+      currentPage: currentPage || 1,
+      pageSize: pageSize || 10,
+      nameEn: tableModel.value.nameEn,
+      nameCn: tableModel.value.nameCn,
+      params: data
+    })
     .then((res) => {
-      if (res.status === 200) {
-        if (res.data.code === 200) {
-          tableData.value = res.data.data
-          pagerState.total = res.data.total
-          return res.data
-        }
-      }
-      throw new Error('request fail')
+      tableData.value = res.list
+      pagerState.total = res.total
+      return res
     })
     .catch((err) => {
       throw new Error(err)
@@ -228,13 +230,10 @@ const deleteApi = (evidence) => {
   if (!apiInfo) {
     return undefined
   }
-  return axios[apiInfo.method](apiInfo.url, { params: evidence })
+  return getMetaApi(META_SERVICE.Http)
+    .post(apiInfo.url, { ...evidence, nameEn: tableModel.value.nameEn })
     .then((res) => {
-      if (res.status === 200) {
-        return res.data
-      } else {
-        throw new Error('request fail')
-      }
+      return res
     })
     .catch((err) => {
       throw new Error(err)

packages/configurator/src/model-api-configurator/ModelApiConfigurator.vue

@@ -136,7 +136,7 @@ const activeNames = ref(['request', 'response'])
 const ruleFormRef = ref(null)
 const methodBasicData = reactive({
   url: '',
-  method: '',
+  method: 'post',
   options: [
     {
       label: 'GET',
@@ -174,7 +174,7 @@ const closePopover = () => {
 
 const getModel = (data) => {
   selectedModel.value = data
-  methodBasicData.url = data.baseUrl
+  methodBasicData.method = 'post'
 }
 
 const setModelFunction = async () => {
@@ -207,6 +207,7 @@ const removeApi = (apiItem) => {
 
 const selectModelFunction = (data) => {
   selectedFunction.value = data.row
+  methodBasicData.url = `${selectedModel.value.baseUrl}/${selectedFunction.value.nameEn}`
 }
 </script>
 

packages/plugins/model-manager/src/components/FieldManager.vue

@@ -86,6 +86,14 @@
             <div v-else class="readonly-cell">{{ getFieldTypeLabel(row.type) }}</div>
           </template>
         </tiny-grid-column>
+        <tiny-grid-column field="defaultValue" title="默认值" width="120">
+          <template #default="{ row }">
+            <div v-if="row.isEditing" class="editing-cell">
+              <tiny-input v-model="row.defaultValue" placeholder="请输入默认值" size="small" />
+            </div>
+            <div v-else class="readonly-cell">{{ row.defaultValue }}</div>
+          </template>
+        </tiny-grid-column>
         <tiny-grid-column field="required" title="必填" width="60">
           <template #default="{ row }">
             <div v-if="row.isEditing" class="editing-cell">

packages/plugins/model-manager/src/components/ModelBasicForm.vue

@@ -39,7 +39,7 @@ const props = defineProps({
 })
 
 // 创建本地副本，直接编辑本地数据
-const localValue = ref(props.model)
+const localValue = ref({ modelUrl: `${import.meta.env.VITE_ORIGIN}/platform-center/api/model-data`, ...props.model })
 
 const ruleFormRef = ref()
 
@@ -53,10 +53,7 @@ const rules = ref({
     { min: 1, max: 32, message: '长度在1-32之间', trigger: 'blur' }
   ],
   version: [{ required: true, message: '必填', trigger: 'blur' }],
-  modelUrl: [
-    { required: true, message: '必填', trigger: 'blur' },
-    { min: 1, max: 200, message: '长度在1-200之间', trigger: 'blur' }
-  ]
+  modelUrl: [{ min: 1, max: 200, message: '长度在1-200之间', trigger: 'blur' }]
 })
 
 // 监听 props 变化，同步到本地（当选择不同模型时）