feat: 移除模板设置组件，更新模板处理逻辑以支持字符串类型模板，优化代码结构

Author: zzcr

designer-demo/registry.js

@@ -13,7 +13,6 @@ import { META_SERVICE } from '@opentiny/tiny-engine-meta-register'
 // import { META_SERVICE } from '@opentiny/tiny-engine'
 import engineConfig from './engine.config'
 import { HttpService } from './src/composable'
-import templateSetting from './src/template/setting.vue'
 import scriptPlugin from './src/plugins/script'
 import removedRegistry from './removedRegistry.json'
 
@@ -22,13 +21,6 @@ export default {
   'engine.config': {
     ...engineConfig
   },
-  'engine.plugins.page': {
-    overwrite: {
-      templates: {
-        PageSetting: templateSetting
-      }
-    }
-  },
   ...removedRegistry,
   // 配置 false 隐藏工具栏清空按钮
   // 'engine.toolbars.clean': false,
@@ -39,7 +31,7 @@ export default {
   // 换了个id，代表新增模块
   'engine.plugins.script': {
     ...scriptPlugin,
-    id: 'engine.plugins.script',
+    id: 'engine.plugins.script'
   },
   'engine.layout': {
     options: {
@@ -65,5 +57,5 @@ export default {
         }
       }
     }
-  },
+  }
 }

designer-demo/src/template/setting.vue

@@ -83,7 +83,7 @@ const handleLifeCycles = (id: string, lifeCycles: any) => {
 
 const handleVueTemplate = (id: string, templates: any) => {
   Object.entries(templates).forEach(([name, template]) => {
-    if (typeof template === 'object') {
+    if (typeof template === 'string') {
       const prefix = name && name !== "''" ? `.${name}` : ''
       const templateId = `${id}${prefix}`
       templateHashMap[templateId] = template

packages/register/src/entryHash.ts

@@ -9,13 +9,23 @@
  * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
  *
  */
+import { compile } from 'vue/dist/vue.esm-bundler.js'
 import { templateHashMap } from './entryHash'
 
+const generateTemplate = (template: string) => {
+  const templateString = template.trim()
+  if (templateString.startsWith('<template>') && templateString.endsWith('</template>')) {
+    return templateString.slice(10, -11)
+  }
+  return templateString
+}
+
 export const useCompile = ({ component, metaData }: any) => {
   // 此处compile会缓存template对应的render函数，并且render函数一个纯函数（用到的所有变量都来自参数）
   const customTem = templateHashMap[metaData.id]
   if (customTem) {
-    component.render = customTem.render
+    const template = generateTemplate(customTem)
+    component.render = compile(template)
   }
 
   return component