feat(template-center)

Author: betterdancing

packages/design-core/src/App.vue

@@ -25,7 +25,7 @@ export default {
     const layoutRegistry = getMergeMeta('engine.layout')
     const materialsApi = getMetaApi('engine.plugins.materials')
     const blockApi = getMetaApi('engine.plugins.blockmanage')
-    console.log(layoutRegistry)
+
     // 此处接收画布内部的错误和警告提示
     const { data } = useBroadcastChannel({ name: BROADCAST_CHANNEL.Notify })
 

packages/design-core/src/template/src/template/AppCenter.vue

@@ -103,11 +103,7 @@
         @current-change="currentChange"
       ></tiny-pager>
     </div>
-    <app-dialog
-      v-model:visible="state.appVisible"
-      :template="currentTemplate"
-      @confirm="confirmApp"
-    ></app-dialog>
+    <app-dialog v-model:visible="state.appVisible" :template="currentTemplate" @confirm="confirmApp"></app-dialog>
   </div>
 </template>
 
@@ -128,8 +124,6 @@ export default {
     TinyGridColumn: GridColumn,
     TinyPopover: Popover,
     TinySearch: Search,
-    TinyModal: Modal,
-    TinyNotify: Notify,
     SearchEmpty,
     TinyIconSearch: iconSearch(),
     AppDialog
@@ -197,7 +191,7 @@ export default {
       if (state.orderBy === 'last_updated_time') {
         params.orderBy = state.orderBy
       }
-      fetchApplicationList(Object.fromEntries(Object.entries(params).filter(([key, value]) => !!value))).then((res) => {
+      fetchApplicationList(Object.fromEntries(Object.entries(params).filter((item) => !!item[1]))).then((res) => {
         appList.value = res.apps || []
         state.total = res.total
       })
@@ -213,7 +207,7 @@ export default {
     }
 
     const handleDelete = (template) => {
-      TinyModal.confirm({
+      Modal.confirm({
         message: '即将删除应用，删除后不可恢复，请谨慎操作。',
         title: '删除应用'
       }).then((res) => {
@@ -223,7 +217,7 @@ export default {
               getTemplateList()
             })
             .catch((error) => {
-              TinyNotify({
+              Notify({
                 type: 'error',
                 message: error,
                 position: 'top-right',
@@ -260,7 +254,7 @@ export default {
         delete formData.id
         updateApplication(updateId, formData)
           .then(() => {
-            TinyNotify({
+            Notify({
               type: 'success',
               message: '应用更新成功',
               position: 'top-right',
@@ -269,7 +263,7 @@ export default {
             getApplicationList()
           })
           .catch((error) => {
-            TinyNotify({
+            Notify({
               type: 'error',
               message: error,
               position: 'top-right',
@@ -279,7 +273,7 @@ export default {
       } else {
         createApplication(formData)
           .then(() => {
-            TinyNotify({
+            Notify({
               type: 'success',
               message: '应用创建成功',
               position: 'top-right',
@@ -288,7 +282,7 @@ export default {
             getApplicationList()
           })
           .catch((error) => {
-            TinyNotify({
+            Notify({
               type: 'error',
               message: error,
               position: 'top-right',

packages/design-core/src/template/src/template/AppDialog.vue

@@ -49,7 +49,7 @@
             <div v-if="isOpen" class="dropdown-menu">
               <!-- 菜单项 -->
               <div class="icon-list">
-                <template v-for="iconIndex in 15" :key="icon">
+                <template v-for="iconIndex in 15" :key="iconIndex">
                   <svg-icon
                     :name="'template-cover-' + iconIndex"
                     class="icon"
@@ -89,8 +89,7 @@ export default {
     TinyDialogBox,
     TinyForm,
     TinyFormItem,
-    TinySelect,
-    Notify
+    TinySelect
   },
   props: {
     visible: {

packages/design-core/src/template/src/template/TemplateCenter.vue

@@ -119,7 +119,6 @@ export default {
     TemplateDetail,
     TinyPager: Pager,
     TinySearch: Search,
-    TinyNotify: Notify,
     SearchEmpty,
     TinyIconSearch: iconSearch()
   },
@@ -153,7 +152,7 @@ export default {
           tagList.industry = res[1] || []
         })
         .catch((error) => {
-          TinyNotify({
+          Notify({
             type: 'error',
             message: error,
             position: 'top-right',
@@ -171,13 +170,13 @@ export default {
         industryId: state.industry,
         framework: state.framework
       }
-      fetchTemplateList(Object.fromEntries(Object.entries(params).filter(([key, value]) => !!value)))
+      fetchTemplateList(Object.fromEntries(Object.entries(params).filter((item) => !!item[1])))
         .then((res) => {
           templateList.value = res.apps || []
           state.total = res.total
         })
         .catch((error) => {
-          TinyNotify({
+          Notify({
             type: 'error',
             message: error,
             position: 'top-right',

packages/design-core/src/template/src/template/TemplateDetail.vue

@@ -45,8 +45,6 @@ export default {
   components: {
     TinyButton: Button,
     TinyDrawer: Drawer,
-    Notify,
-    Modal,
     AppDialog
   },
   props: {
@@ -101,7 +99,6 @@ export default {
     }
 
     onMounted(() => {
-      console.log(props.template)
       getPageList(1).then((pages: any) => {
         if (pages?.length) {
           const href = window.location.href.split('?')[0] || './'