From a4f2de4a6e8b7496d712e27e39b804d6f9e85cb9 Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 18:53:37 -0700
Subject: [PATCH 01/12] feat: customized canvas entry

---
 .../canvas/DesignCanvas/src/DesignCanvas.vue  | 20 +++++++++++++------
 .../canvas/container/src/CanvasContainer.vue  | 20 +++++++++++--------
 packages/canvas/index.js                      |  1 +
 3 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/packages/canvas/DesignCanvas/src/DesignCanvas.vue b/packages/canvas/DesignCanvas/src/DesignCanvas.vue
index 95229979d..041c6f2e8 100644
--- a/packages/canvas/DesignCanvas/src/DesignCanvas.vue
+++ b/packages/canvas/DesignCanvas/src/DesignCanvas.vue
@@ -5,7 +5,8 @@
         :is="CanvasContainer.entry"
         :controller="controller"
         :materials-panel="materialsPanel"
-        :canvas-src="canvasUrl"
+        :canvas-src="canvasSrc"
+        :canvas-src-doc="canvasSrcDoc"
         @remove="removeNode"
         @selected="nodeSelected"
       ></component>
@@ -26,13 +27,15 @@ import {
   useHistory,
   useModal,
   getMergeRegistry,
-  getMergeMeta
+  getMergeMeta,
+  getOptions
 } from '@opentiny/tiny-engine-meta-register'
 import { useHttp } from '@opentiny/tiny-engine-http'
 import { constants } from '@opentiny/tiny-engine-utils'
 import * as ast from '@opentiny/tiny-engine-common/js/ast'
 import { initCanvas } from '../../init-canvas/init-canvas'
 import { getImportMapData } from './importMap'
+import meta from '../meta'
 
 const { PAGE_STATUS } = constants
 
@@ -52,6 +55,13 @@ export default {
     const showMask = ref(true)
     const canvasRef = ref(null)
     let showModal = false // 弹窗标识
+    const { canvasSrc = '' } = getOptions(meta.id) || {}
+    let canvasSrcDoc = ''
+
+    if (!canvasSrc) {
+      const { importMap, importStyles } = getImportMapData(getMergeMeta('engine.config')?.importMapVersion)
+      canvasSrcDoc = initCanvas(importMap, importStyles)
+    }
 
     const removeNode = (node) => {
       const { pageState } = useCanvas()
@@ -158,12 +168,10 @@ export default {
       canvasResizeObserver?.disconnect?.()
     })
 
-    const { importMap, importStyles } = getImportMapData(getMergeMeta('engine.config')?.importMapVersion)
-    const { html: canvasUrl } = initCanvas(importMap, importStyles)
-
     return {
       removeNode,
-      canvasUrl,
+      canvasSrc,
+      canvasSrcDoc,
       nodeSelected,
       footData,
       materialsPanel,
diff --git a/packages/canvas/container/src/CanvasContainer.vue b/packages/canvas/container/src/CanvasContainer.vue
index aac69d2d1..c757c4278 100644
--- a/packages/canvas/container/src/CanvasContainer.vue
+++ b/packages/canvas/container/src/CanvasContainer.vue
@@ -11,13 +11,14 @@
   <canvas-divider :selectState="selectState"></canvas-divider>
   <canvas-resize-border :iframe="iframe"></canvas-resize-border>
   <canvas-resize>
-    <iframe
-      v-if="!loading"
-      id="canvas"
-      ref="iframe"
-      :srcdoc="canvasSrc"
-      style="border: none; width: 100%; height: 100%"
-    ></iframe>
+    <template v-if="!loading">
+      <iframe
+        id="canvas"
+        ref="iframe"
+        :[srcAttrName]="canvasSrc || canvasSrcDoc"
+        style="border: none; width: 100%; height: 100%"
+      ></iframe>
+    </template>
     <div v-else class="datainit-tip">应用数据初始化中...</div>
   </canvas-resize>
   <canvas-menu @insert="insertComponent"></canvas-menu>
@@ -63,6 +64,7 @@ export default {
   props: {
     controller: Object,
     canvasSrc: String,
+    canvasSrcDoc: String,
     materialsPanel: Object
   },
   emits: ['selected', 'remove'],
@@ -73,6 +75,7 @@ export default {
     const loading = computed(() => useCanvas().isLoading())
     let showSettingModel = ref(false)
     let target = ref(null)
+    const srcAttrName = computed(() => (props.canvasSrc ? 'src' : 'srcdoc'))
 
     const setCurrentNode = async (event) => {
       const { clientX, clientY } = event
@@ -241,7 +244,8 @@ export default {
       target,
       showSettingModel,
       insertPosition,
-      loading
+      loading,
+      srcAttrName
     }
   }
 }
diff --git a/packages/canvas/index.js b/packages/canvas/index.js
index 4b935cabd..14596342c 100644
--- a/packages/canvas/index.js
+++ b/packages/canvas/index.js
@@ -17,6 +17,7 @@ import CanvasLayout from './layout'
 import DesignCanvas from './DesignCanvas'
 
 export { CanvasContainer, CanvasLayout, DesignCanvas }
+export { createRender } from './render'
 
 export default {
   ...DesignCanvas,

From 705ce2cf03d15c5ff4ae3aa78abf9cb0005ef780 Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 18:53:58 -0700
Subject: [PATCH 02/12] feat: export conditions

---
 packages/canvas/render/src/RenderMain.js | 4 ++++
 packages/canvas/render/src/context.js    | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/packages/canvas/render/src/RenderMain.js b/packages/canvas/render/src/RenderMain.js
index 1f52ca617..04e2c928f 100644
--- a/packages/canvas/render/src/RenderMain.js
+++ b/packages/canvas/render/src/RenderMain.js
@@ -24,6 +24,8 @@ import {
   setContext,
   getContext,
   setCondition,
+  getCondition,
+  getConditions,
   context,
   setNode
 } from './context'
@@ -441,6 +443,8 @@ export const api = {
   getRoot,
   setPagecss,
   setCondition,
+  getCondition,
+  getConditions,
   getGlobalState,
   getDataSourceMap,
   setDataSourceMap,
diff --git a/packages/canvas/render/src/context.js b/packages/canvas/render/src/context.js
index 96b8ca673..3fe5e640a 100644
--- a/packages/canvas/render/src/context.js
+++ b/packages/canvas/render/src/context.js
@@ -51,3 +51,7 @@ export const getContext = () => context
 export const setCondition = (id, visible = false) => {
   conditions[id] = visible
 }
+
+export const getCondition = (id) => conditions[id] !== false
+
+export const getConditions = () => conditions
\ No newline at end of file

From 7a9cc616050306af2f6cd7f7e1366872cbd0e27c Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 18:54:23 -0700
Subject: [PATCH 03/12] feat: delete vue params

---
 packages/canvas/render/src/runner.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/canvas/render/src/runner.js b/packages/canvas/render/src/runner.js
index dab5021e3..deb1ce1b9 100644
--- a/packages/canvas/render/src/runner.js
+++ b/packages/canvas/render/src/runner.js
@@ -10,7 +10,7 @@
  *
  */
 
-import { createApp, h } from 'vue'
+import { createApp } from 'vue'
 import { addScript, addStyle, dynamicImportComponents, updateDependencies } from '../../common'
 import TinyI18nHost, { I18nInjectionKey } from '@opentiny/tiny-engine-common/js/i18n'
 import Main, { api } from './RenderMain'
@@ -49,7 +49,7 @@ const renderer = {
 const create = async (config) => {
   const { beforeAppCreate, appCreated } = config.lifeCycles || {}
   if (typeof beforeAppCreate === 'function') {
-    await beforeAppCreate({ Vue: { h }, canvasWin: window, api })
+    await beforeAppCreate({ api: renderer })
   }
   App && App.unmount()
   App = null

From f44fe8eaa36391dcb6932c8555a52896ac78fb22 Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 18:55:08 -0700
Subject: [PATCH 04/12] feat: add beforeSaveMethod

---
 .../src/components/BindEventsDialog.vue       | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/packages/settings/events/src/components/BindEventsDialog.vue b/packages/settings/events/src/components/BindEventsDialog.vue
index 10d387a91..a7f6ef122 100644
--- a/packages/settings/events/src/components/BindEventsDialog.vue
+++ b/packages/settings/events/src/components/BindEventsDialog.vue
@@ -13,7 +13,7 @@
       选择已有方法或者添加新方法（点击 确定 之后将在JS面板中创建一个该名称的新方法）。
     </div>
     <div class="bind-event-dialog-content">
-      <component :is="BindEventsDialogSidebar" :eventBinding="eventBinding"></component>
+      <component :is="BindEventsDialogSidebar" :dialogVisible="dialogVisible" :eventBinding="eventBinding"></component>
       <component :is="BindEventsDialogContent" :dialogVisible="dialogVisible"></component>
     </div>
     <template #footer>
@@ -32,6 +32,7 @@ import {
   useCanvas,
   useHistory,
   useLayout,
+  getOptions,
   getMetaApi,
   META_APP
 } from '@opentiny/tiny-engine-meta-register'
@@ -171,7 +172,7 @@ export default {
       })
     }
 
-    const confirm = () => {
+    const confirm = async () => {
       if (state.tipError) {
         return
       }
@@ -193,13 +194,20 @@ export default {
 
       // 需要在bindMethod之后
       const functionBody = getFunctionBody()
-
-      saveMethod?.({
-        name: state.bindMethodInfo.name,
+      const { name } = state.bindMethodInfo
+      const method = {
+        name,
         content: state.enableExtraParams
-          ? `function ${state.bindMethodInfo.name}(eventArgs,${formatParams}) ${functionBody}`
-          : `function ${state.bindMethodInfo.name}(${formatParams})  ${functionBody}`
-      })
+          ? `function ${name}(eventArgs,${formatParams}) ${functionBody}`
+          : `function ${name}(${formatParams})  ${functionBody}`
+      }
+      const { beforeSaveMethod } = getOptions(meta.id)
+
+      if (typeof beforeSaveMethod === 'function') {
+        await beforeSaveMethod(method, state.bindMethodInfo)
+      }
+
+      saveMethod?.(method)
 
       activePagePlugin()
       close()

From c8bc905e7ee70ea817387bd40d4edf8012eb2945 Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 18:55:42 -0700
Subject: [PATCH 05/12] feat: add hooks

---
 packages/toolbars/preview/src/Main.vue | 32 ++++++++++++++++++++++++--
 packages/toolbars/save/src/Main.vue    |  1 +
 packages/toolbars/save/src/js/index.js | 29 +++++++++++++++++++++++
 3 files changed, 60 insertions(+), 2 deletions(-)

diff --git a/packages/toolbars/preview/src/Main.vue b/packages/toolbars/preview/src/Main.vue
index df495f2f1..29cec14c0 100644
--- a/packages/toolbars/preview/src/Main.vue
+++ b/packages/toolbars/preview/src/Main.vue
@@ -13,7 +13,8 @@
 <script>
 import { previewPage, previewBlock } from '@opentiny/tiny-engine-common/js/preview'
 import { useBlock, useCanvas, useLayout, useNotify } from '@opentiny/tiny-engine-meta-register'
-import { getMergeMeta } from '@opentiny/tiny-engine-meta-register'
+import { getMergeMeta, getOptions } from '@opentiny/tiny-engine-meta-register'
+import meta from '../meta'
 import { ToolbarBase } from '@opentiny/tiny-engine-common'
 
 export default {
@@ -30,7 +31,26 @@ export default {
     const { isBlock, getCurrentPage, canvasApi } = useCanvas()
     const { getCurrentBlock } = useBlock()
 
-    const preview = () => {
+    const preview = async () => {
+      const { beforePreview, previewMethod, afterPreview } = getOptions(meta.id)
+      const printer = console
+
+      try {
+        if (typeof beforePreview === 'function') {
+          await beforePreview()
+        }
+
+        if (typeof previewMethod === 'function') {
+          const stop = await previewMethod()
+
+          if (stop) {
+            return
+          }
+        }
+      } catch (error) {
+        printer.log(error)
+      }
+
       if (useLayout().isEmptyPage()) {
         useNotify({
           type: 'warning',
@@ -59,6 +79,14 @@ export default {
         params.pageInfo.name = page?.name
         previewPage(params)
       }
+
+      if (typeof afterPreview === 'function') {
+        try {
+          await afterPreview()
+        } catch (error) {
+          printer.log('Error in afterPreview:', error)
+        }
+      }
     }
 
     return {
diff --git a/packages/toolbars/save/src/Main.vue b/packages/toolbars/save/src/Main.vue
index 6ffb464ae..8a6b1a142 100644
--- a/packages/toolbars/save/src/Main.vue
+++ b/packages/toolbars/save/src/Main.vue
@@ -65,6 +65,7 @@ import { useCanvas } from '@opentiny/tiny-engine-meta-register'
 import { ToolbarBase } from '@opentiny/tiny-engine-common'
 import { openCommon, saveCommon } from './js/index'
 import { isLoading } from './js/index'
+
 export const api = {
   saveCommon,
   openCommon
diff --git a/packages/toolbars/save/src/js/index.js b/packages/toolbars/save/src/js/index.js
index 7b951656b..e7eb97a54 100644
--- a/packages/toolbars/save/src/js/index.js
+++ b/packages/toolbars/save/src/js/index.js
@@ -17,11 +17,13 @@ import {
   useLayout,
   useNotify,
   usePage,
+  getOptions,
   getMetaApi,
   META_APP
 } from '@opentiny/tiny-engine-meta-register'
 import { constants } from '@opentiny/tiny-engine-utils'
 import { handlePageUpdate } from '@opentiny/tiny-engine-common/js/http'
+import meta from '../../meta'
 
 const { PAGE_STATUS } = constants
 const state = reactive({
@@ -95,6 +97,25 @@ export const openCommon = async () => {
     return
   }
 
+  const { beforeSave, saveMethod, saved } = getOptions(meta.id)
+  const printer = console
+
+  try {
+    if (typeof beforeSave === 'function') {
+      await beforeSave()
+    }
+
+    if (typeof saveMethod === 'function') {
+      const stop = await saveMethod()
+
+      if (stop) {
+        return
+      }
+    }
+  } catch (error) {
+    printer.log(error)
+  }
+
   const pageStatus = useLayout().layoutState?.pageStatus
   const curPageState = pageStatus?.state
   const pageInfo = pageStatus?.data
@@ -138,5 +159,13 @@ export const openCommon = async () => {
 
   saveCommon(state.code).finally(() => {
     state.disabled = false
+
+    if (typeof saved === 'function') {
+      try {
+        saved()
+      } catch (error) {
+        printer.log(error)
+      }
+    }
   })
 }

From ab76de4e9e869bba6325437be58714a82bc7376b Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 19:45:15 -0700
Subject: [PATCH 06/12] fix: review

---
 packages/canvas/index.js               |  2 +-
 packages/toolbars/preview/src/Main.vue | 10 ++++++++--
 packages/toolbars/save/src/js/index.js | 11 ++++++++---
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/packages/canvas/index.js b/packages/canvas/index.js
index 14596342c..8ffc4d59c 100644
--- a/packages/canvas/index.js
+++ b/packages/canvas/index.js
@@ -17,7 +17,7 @@ import CanvasLayout from './layout'
 import DesignCanvas from './DesignCanvas'
 
 export { CanvasContainer, CanvasLayout, DesignCanvas }
-export { createRender } from './render'
+export { createRender } from './render/index'
 
 export default {
   ...DesignCanvas,
diff --git a/packages/toolbars/preview/src/Main.vue b/packages/toolbars/preview/src/Main.vue
index 29cec14c0..ae268371c 100644
--- a/packages/toolbars/preview/src/Main.vue
+++ b/packages/toolbars/preview/src/Main.vue
@@ -33,7 +33,6 @@ export default {
 
     const preview = async () => {
       const { beforePreview, previewMethod, afterPreview } = getOptions(meta.id)
-      const printer = console
 
       try {
         if (typeof beforePreview === 'function') {
@@ -48,7 +47,10 @@ export default {
           }
         }
       } catch (error) {
-        printer.log(error)
+        useNotify({
+          type: 'error',
+          message: `Error in previewing: ${error}`
+        })
       }
 
       if (useLayout().isEmptyPage()) {
@@ -85,6 +87,10 @@ export default {
           await afterPreview()
         } catch (error) {
           printer.log('Error in afterPreview:', error)
+          useNotify({
+            type: 'error',
+            message: `Error in afterPreview: ${error}`
+          })
         }
       }
     }
diff --git a/packages/toolbars/save/src/js/index.js b/packages/toolbars/save/src/js/index.js
index e7eb97a54..39f1479d5 100644
--- a/packages/toolbars/save/src/js/index.js
+++ b/packages/toolbars/save/src/js/index.js
@@ -98,7 +98,6 @@ export const openCommon = async () => {
   }
 
   const { beforeSave, saveMethod, saved } = getOptions(meta.id)
-  const printer = console
 
   try {
     if (typeof beforeSave === 'function') {
@@ -113,7 +112,10 @@ export const openCommon = async () => {
       }
     }
   } catch (error) {
-    printer.log(error)
+    useNotify({
+      type: 'error',
+      message: `Error in saving: ${error}`
+    })
   }
 
   const pageStatus = useLayout().layoutState?.pageStatus
@@ -164,7 +166,10 @@ export const openCommon = async () => {
       try {
         saved()
       } catch (error) {
-        printer.log(error)
+        useNotify({
+          type: 'error',
+          message: `Error in saved: ${error}`
+        })
       }
     }
   })

From d3a56ab4a24558c02886f2c13867d629c9662472 Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 19:48:52 -0700
Subject: [PATCH 07/12] fix: review

---
 .eslintrc.js => .eslintrc.cjs                   | 0
 lint-staged.config.js => lint-staged.config.cjs | 0
 package.json                                    | 1 +
 3 files changed, 1 insertion(+)
 rename .eslintrc.js => .eslintrc.cjs (100%)
 rename lint-staged.config.js => lint-staged.config.cjs (100%)

diff --git a/.eslintrc.js b/.eslintrc.cjs
similarity index 100%
rename from .eslintrc.js
rename to .eslintrc.cjs
diff --git a/lint-staged.config.js b/lint-staged.config.cjs
similarity index 100%
rename from lint-staged.config.js
rename to lint-staged.config.cjs
diff --git a/package.json b/package.json
index 823ce54bf..bd1c91ce6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,7 @@
 {
   "name": "tiny-engine",
   "private": true,
+  "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "pnpm run setup && concurrently 'pnpm:serve:backend' 'pnpm:dev:demo:frontend'",

From a2a2ee40071162e13aaf5c17d408ee0d7a0d76e2 Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 19:55:19 -0700
Subject: [PATCH 08/12] fix: cjs

---
 packages/canvas/{.eslintrc.js => .eslintrc.cjs} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/canvas/{.eslintrc.js => .eslintrc.cjs} (100%)

diff --git a/packages/canvas/.eslintrc.js b/packages/canvas/.eslintrc.cjs
similarity index 100%
rename from packages/canvas/.eslintrc.js
rename to packages/canvas/.eslintrc.cjs

From 69667b51de6dd46a8e76077b8384c03aa1233883 Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 19:57:17 -0700
Subject: [PATCH 09/12] fix: eslint

---
 packages/toolbars/preview/src/Main.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/toolbars/preview/src/Main.vue b/packages/toolbars/preview/src/Main.vue
index ae268371c..769edc028 100644
--- a/packages/toolbars/preview/src/Main.vue
+++ b/packages/toolbars/preview/src/Main.vue
@@ -86,7 +86,6 @@ export default {
         try {
           await afterPreview()
         } catch (error) {
-          printer.log('Error in afterPreview:', error)
           useNotify({
             type: 'error',
             message: `Error in afterPreview: ${error}`

From 4b9c0becd427732d95c3b797fd5622bba2a5d3aa Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Wed, 9 Oct 2024 23:54:36 -0700
Subject: [PATCH 10/12] fix: review

---
 package.json                                              | 1 -
 .../build/vite-config/src/vite-plugins/devAliasPlugin.js  | 1 +
 packages/canvas/index.js                                  | 1 -
 packages/canvas/package.json                              | 8 ++++++++
 packages/canvas/render/src/context.js                     | 2 +-
 packages/canvas/vite.config.js                            | 3 ++-
 packages/design-core/src/canvas/canvas.js                 | 2 +-
 7 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index bd1c91ce6..823ce54bf 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,6 @@
 {
   "name": "tiny-engine",
   "private": true,
-  "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "pnpm run setup && concurrently 'pnpm:serve:backend' 'pnpm:dev:demo:frontend'",
diff --git a/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js b/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js
index f36b81c86..87ed3c29a 100644
--- a/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js
+++ b/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js
@@ -55,6 +55,7 @@ const getDevAlias = (useSourceAlias) => {
     '@opentiny/tiny-engine-svgs': path.resolve(basePath, 'packages/svgs/index.js'),
     '@opentiny/tiny-engine-http': path.resolve(basePath, 'packages/http/src/index.js'),
     '@opentiny/tiny-engine-canvas': path.resolve(basePath, 'packages/canvas/index.js'),
+    '@opentiny/tiny-engine-canvas/render': path.resolve(basePath, 'packages/canvas/render/index.js'),
     '@opentiny/tiny-engine-utils': path.resolve(basePath, 'packages/utils/src/index.js'),
     '@opentiny/tiny-engine-webcomponent-core': path.resolve(basePath, 'packages/webcomponent/src/lib.js'),
     '@opentiny/tiny-engine-i18n-host': path.resolve(basePath, 'packages/i18n/src/lib.js'),
diff --git a/packages/canvas/index.js b/packages/canvas/index.js
index 8ffc4d59c..4b935cabd 100644
--- a/packages/canvas/index.js
+++ b/packages/canvas/index.js
@@ -17,7 +17,6 @@ import CanvasLayout from './layout'
 import DesignCanvas from './DesignCanvas'
 
 export { CanvasContainer, CanvasLayout, DesignCanvas }
-export { createRender } from './render/index'
 
 export default {
   ...DesignCanvas,
diff --git a/packages/canvas/package.json b/packages/canvas/package.json
index 2551272de..6ebe72c41 100644
--- a/packages/canvas/package.json
+++ b/packages/canvas/package.json
@@ -14,6 +14,14 @@
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./render": {
+      "import": "./dist/render.js"
+    }
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/opentiny/tiny-engine",
diff --git a/packages/canvas/render/src/context.js b/packages/canvas/render/src/context.js
index 3fe5e640a..710cf3ed9 100644
--- a/packages/canvas/render/src/context.js
+++ b/packages/canvas/render/src/context.js
@@ -54,4 +54,4 @@ export const setCondition = (id, visible = false) => {
 
 export const getCondition = (id) => conditions[id] !== false
 
-export const getConditions = () => conditions
\ No newline at end of file
+export const getConditions = () => conditions
diff --git a/packages/canvas/vite.config.js b/packages/canvas/vite.config.js
index a5e4deeb3..783290f7f 100644
--- a/packages/canvas/vite.config.js
+++ b/packages/canvas/vite.config.js
@@ -34,7 +34,8 @@ export default defineConfig({
     cssCodeSplit: true,
     lib: {
       entry: {
-        index: path.resolve(__dirname, './index.js')
+        index: path.resolve(__dirname, './index.js'),
+        render: path.resolve(__dirname, './render/index.js'),
       },
       name: 'canvas',
       fileName: () => 'index.js',
diff --git a/packages/design-core/src/canvas/canvas.js b/packages/design-core/src/canvas/canvas.js
index a2be9e45a..c64de6120 100644
--- a/packages/design-core/src/canvas/canvas.js
+++ b/packages/design-core/src/canvas/canvas.js
@@ -1,2 +1,2 @@
 // 不能在 index.js 导出，不然主应用样式会污染画布
-export { createRender } from '@opentiny/tiny-engine-canvas'
+export { createRender } from '@opentiny/tiny-engine-canvas/render'

From 199a3c51896b51112b027eb115b7d6fdf822869f Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Thu, 10 Oct 2024 00:10:24 -0700
Subject: [PATCH 11/12] fix: reset cjs

---
 .eslintrc.cjs => .eslintrc.js                   | 0
 lint-staged.config.cjs => lint-staged.config.js | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 rename .eslintrc.cjs => .eslintrc.js (100%)
 rename lint-staged.config.cjs => lint-staged.config.js (100%)

diff --git a/.eslintrc.cjs b/.eslintrc.js
similarity index 100%
rename from .eslintrc.cjs
rename to .eslintrc.js
diff --git a/lint-staged.config.cjs b/lint-staged.config.js
similarity index 100%
rename from lint-staged.config.cjs
rename to lint-staged.config.js

From d97f14a133ffab78de027e37e36881fc12fef7e9 Mon Sep 17 00:00:00 2001
From: yy-wow <yaoyun_bigger@outlook.com>
Date: Thu, 10 Oct 2024 00:56:53 -0700
Subject: [PATCH 12/12] fix: load render.css

---
 packages/canvas/vite.config.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/canvas/vite.config.js b/packages/canvas/vite.config.js
index 783290f7f..1dbb8f6a9 100644
--- a/packages/canvas/vite.config.js
+++ b/packages/canvas/vite.config.js
@@ -35,10 +35,8 @@ export default defineConfig({
     lib: {
       entry: {
         index: path.resolve(__dirname, './index.js'),
-        render: path.resolve(__dirname, './render/index.js'),
+        render: path.resolve(__dirname, './render/index.js')
       },
-      name: 'canvas',
-      fileName: () => 'index.js',
       formats: ['es']
     },
     rollupOptions: {
@@ -47,7 +45,7 @@ export default defineConfig({
         chunkFileNames: '[name].js',
         assetFileNames: '[name].[ext]',
         banner: (chunk) => {
-          if (['index'].includes(chunk.name)) {
+          if (['index', 'render'].includes(chunk.name)) {
             return `import "./${chunk.name}.css"`
           }
           return ''