diff --git a/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js b/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js
index 20ce9561..2e66e902 100644
--- a/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js
+++ b/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js
@@ -16,19 +16,19 @@ const getDevAlias = (useSourceAlias) => {
     '@opentiny/tiny-engine-common/component': path.resolve(basePath, 'packages/common/component'),
     '@opentiny/tiny-engine-common/js': path.resolve(basePath, 'packages/common/js'),
     '@opentiny/tiny-engine-common': path.resolve(basePath, 'packages/common/index.ts'),
-    '@opentiny/tiny-engine-plugin-materials': path.resolve(basePath, 'packages/plugins/materials/index.js'),
-    '@opentiny/tiny-engine-plugin-block': path.resolve(basePath, 'packages/plugins/block/index.js'),
-    '@opentiny/tiny-engine-plugin-state': path.resolve(basePath, 'packages/plugins/state/index.js'),
-    '@opentiny/tiny-engine-plugin-datasource': path.resolve(basePath, 'packages/plugins/datasource/index.js'),
-    '@opentiny/tiny-engine-plugin-script': path.resolve(basePath, 'packages/plugins/script/index.js'),
-    '@opentiny/tiny-engine-plugin-tree': path.resolve(basePath, 'packages/plugins/tree/index.js'),
+    '@opentiny/tiny-engine-plugin-materials': path.resolve(basePath, 'packages/plugins/materials/index.ts'),
+    '@opentiny/tiny-engine-plugin-block': path.resolve(basePath, 'packages/plugins/block/index.ts'),
+    '@opentiny/tiny-engine-plugin-state': path.resolve(basePath, 'packages/plugins/state/index.ts'),
+    '@opentiny/tiny-engine-plugin-datasource': path.resolve(basePath, 'packages/plugins/datasource/index.ts'),
+    '@opentiny/tiny-engine-plugin-script': path.resolve(basePath, 'packages/plugins/script/index.ts'),
+    '@opentiny/tiny-engine-plugin-tree': path.resolve(basePath, 'packages/plugins/tree/index.ts'),
     '@opentiny/tiny-engine-plugin-help': path.resolve(basePath, 'packages/plugins/help/index.ts'),
-    '@opentiny/tiny-engine-plugin-schema': path.resolve(basePath, 'packages/plugins/schema/index.js'),
-    '@opentiny/tiny-engine-plugin-page': path.resolve(basePath, 'packages/plugins/page/index.js'),
-    '@opentiny/tiny-engine-plugin-i18n': path.resolve(basePath, 'packages/plugins/i18n/index.js'),
-    '@opentiny/tiny-engine-plugin-bridge': path.resolve(basePath, 'packages/plugins/bridge/index.js'),
-    '@opentiny/tiny-engine-plugin-tutorial': path.resolve(basePath, 'packages/plugins/tutorial/index.js'),
-    '@opentiny/tiny-engine-plugin-robot': path.resolve(basePath, 'packages/plugins/robot/index.js'),
+    '@opentiny/tiny-engine-plugin-schema': path.resolve(basePath, 'packages/plugins/schema/index.ts'),
+    '@opentiny/tiny-engine-plugin-page': path.resolve(basePath, 'packages/plugins/page/index.ts'),
+    '@opentiny/tiny-engine-plugin-i18n': path.resolve(basePath, 'packages/plugins/i18n/index.ts'),
+    '@opentiny/tiny-engine-plugin-bridge': path.resolve(basePath, 'packages/plugins/bridge/index.ts'),
+    '@opentiny/tiny-engine-plugin-tutorial': path.resolve(basePath, 'packages/plugins/tutorial/index.ts'),
+    '@opentiny/tiny-engine-plugin-robot': path.resolve(basePath, 'packages/plugins/robot/index.ts'),
     '@opentiny/tiny-engine-settings-panel': path.resolve(basePath, 'packages/settings/panel/index.ts'),
     '@opentiny/tiny-engine-setting-events': path.resolve(basePath, 'packages/settings/events/index.ts'),
     '@opentiny/tiny-engine-setting-props': path.resolve(basePath, 'packages/settings/props/index.ts'),
diff --git a/packages/plugins/block/index.js b/packages/plugins/block/index.ts
similarity index 90%
rename from packages/plugins/block/index.js
rename to packages/plugins/block/index.ts
index b5fc6f52..6439c1ff 100644
--- a/packages/plugins/block/index.js
+++ b/packages/plugins/block/index.ts
@@ -11,8 +11,8 @@
  */
 
 import entry, { api } from './src/Main.vue'
-import metaData from './meta.js'
-import { BlockService } from './src/composable'
+import metaData from './meta'
+import { BlockService } from './src/composable/index'
 import SaveNewBlock from './src/SaveNewBlock.vue'
 import './src/styles/vars.less'
 
diff --git a/packages/plugins/block/mock/test.js b/packages/plugins/block/mock/test.ts
similarity index 100%
rename from packages/plugins/block/mock/test.js
rename to packages/plugins/block/mock/test.ts
diff --git a/packages/plugins/block/src/BlockConfig.vue b/packages/plugins/block/src/BlockConfig.vue
index d65312d3..3e2cb6fb 100644
--- a/packages/plugins/block/src/BlockConfig.vue
+++ b/packages/plugins/block/src/BlockConfig.vue
@@ -107,7 +107,7 @@
   </tiny-form>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, ref, computed, nextTick, watchEffect } from 'vue'
 import { Input, Tag, Button, Form, FormItem, Radio, Select, Option } from '@opentiny/vue'
 import { constants } from '@opentiny/tiny-engine-utils'
diff --git a/packages/plugins/block/src/BlockEvent.vue b/packages/plugins/block/src/BlockEvent.vue
index 56de74c1..1b060352 100644
--- a/packages/plugins/block/src/BlockEvent.vue
+++ b/packages/plugins/block/src/BlockEvent.vue
@@ -20,7 +20,7 @@
   </block-guide>
 </template>
 
-<script>
+<script lang="ts">
 import { computed, reactive } from 'vue'
 import { Row as TinyRow, Col as TinyCol, Alert as TinyAlert } from '@opentiny/vue'
 import BlockGuide from './BlockGuide.vue'
diff --git a/packages/plugins/block/src/BlockEventForm.vue b/packages/plugins/block/src/BlockEventForm.vue
index 52e425f1..a76c6784 100644
--- a/packages/plugins/block/src/BlockEventForm.vue
+++ b/packages/plugins/block/src/BlockEventForm.vue
@@ -13,7 +13,7 @@
   </tiny-form>
 </template>
 
-<script>
+<script lang="ts">
 import { computed, reactive, watch } from 'vue'
 import { Input as TinyInput, Form as TinyForm, FormItem as TinyFormItem } from '@opentiny/vue'
 import { REGEXP_EVENT_NAME, verifyEventName } from '@opentiny/tiny-engine-common/js/verification'
diff --git a/packages/plugins/block/src/BlockEventList.vue b/packages/plugins/block/src/BlockEventList.vue
index fa9d4414..322210c7 100644
--- a/packages/plugins/block/src/BlockEventList.vue
+++ b/packages/plugins/block/src/BlockEventList.vue
@@ -15,7 +15,7 @@
   </meta-list-items>
 </template>
 
-<script>
+<script lang="ts">
 import { computed } from 'vue'
 import { Button as TinyButton } from '@opentiny/vue'
 import { MetaListItems, SvgButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/block/src/BlockGroupArrange.vue b/packages/plugins/block/src/BlockGroupArrange.vue
index 81aacabb..9e75bf32 100644
--- a/packages/plugins/block/src/BlockGroupArrange.vue
+++ b/packages/plugins/block/src/BlockGroupArrange.vue
@@ -11,7 +11,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive } from 'vue'
 
 export default {
diff --git a/packages/plugins/block/src/BlockGuide.vue b/packages/plugins/block/src/BlockGuide.vue
index f149f273..caaa655b 100644
--- a/packages/plugins/block/src/BlockGuide.vue
+++ b/packages/plugins/block/src/BlockGuide.vue
@@ -6,7 +6,7 @@
   </video-guide>
 </template>
 
-<script>
+<script lang="ts">
 import { VideoGuide } from '@opentiny/tiny-engine-common'
 
 export default {
diff --git a/packages/plugins/block/src/BlockProperty.vue b/packages/plugins/block/src/BlockProperty.vue
index 36418f67..7a315460 100644
--- a/packages/plugins/block/src/BlockProperty.vue
+++ b/packages/plugins/block/src/BlockProperty.vue
@@ -16,7 +16,7 @@
   </block-guide>
 </template>
 
-<script>
+<script lang="ts">
 import { computed } from 'vue'
 import BlockGuide from './BlockGuide.vue'
 import BlockPropertyList from './BlockPropertyList.vue'
diff --git a/packages/plugins/block/src/BlockPropertyForm.vue b/packages/plugins/block/src/BlockPropertyForm.vue
index bf5f0639..a303d5bf 100644
--- a/packages/plugins/block/src/BlockPropertyForm.vue
+++ b/packages/plugins/block/src/BlockPropertyForm.vue
@@ -112,7 +112,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { computed, ref, watch } from 'vue'
 import {
   Input as TinyInput,
diff --git a/packages/plugins/block/src/BlockPropertyList.vue b/packages/plugins/block/src/BlockPropertyList.vue
index e2e90825..30924ee4 100644
--- a/packages/plugins/block/src/BlockPropertyList.vue
+++ b/packages/plugins/block/src/BlockPropertyList.vue
@@ -18,7 +18,7 @@
   </meta-list-items>
 </template>
 
-<script>
+<script lang="ts">
 import { computed } from 'vue'
 import { Button as TinyButton } from '@opentiny/vue'
 import { remove } from '@opentiny/vue-renderless/common/array'
diff --git a/packages/plugins/block/src/BlockSetting.vue b/packages/plugins/block/src/BlockSetting.vue
index 4833e4e2..c3424f07 100644
--- a/packages/plugins/block/src/BlockSetting.vue
+++ b/packages/plugins/block/src/BlockSetting.vue
@@ -85,7 +85,7 @@
   ></block-deploy-dialog>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { reactive, ref, watch, watchEffect, computed } from 'vue'
 import { Button as TinyButton, Collapse as TinyCollapse, CollapseItem as TinyCollapseItem } from '@opentiny/vue'
 import {
diff --git a/packages/plugins/block/src/CategoryEdit.vue b/packages/plugins/block/src/CategoryEdit.vue
index 2b9af32b..9f96b47b 100644
--- a/packages/plugins/block/src/CategoryEdit.vue
+++ b/packages/plugins/block/src/CategoryEdit.vue
@@ -36,7 +36,7 @@
   </tiny-dialog-box>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { defineProps, defineEmits, ref, reactive, computed, watch } from 'vue'
 import { pinyin } from 'pinyin-pro'
 import {
diff --git a/packages/plugins/block/src/Main.vue b/packages/plugins/block/src/Main.vue
index e0a5b8b9..9584437f 100644
--- a/packages/plugins/block/src/Main.vue
+++ b/packages/plugins/block/src/Main.vue
@@ -121,7 +121,7 @@
   <save-new-block :boxVisibility="boxVisibility" @close="close"></save-new-block>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { ref, reactive, computed, watch, provide } from 'vue'
 import {
   Search as TinySearch,
diff --git a/packages/plugins/block/src/SaveNewBlock.vue b/packages/plugins/block/src/SaveNewBlock.vue
index ce051e77..10b8d972 100644
--- a/packages/plugins/block/src/SaveNewBlock.vue
+++ b/packages/plugins/block/src/SaveNewBlock.vue
@@ -40,7 +40,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, computed, ref } from 'vue'
 import { Input, Form, FormItem, Button, DialogBox, Select } from '@opentiny/vue'
 import { useBlock, useLayout, useCanvas, useModal } from '@opentiny/tiny-engine-meta-register'
diff --git a/packages/plugins/block/src/composable/index.js b/packages/plugins/block/src/composable/index.ts
similarity index 100%
rename from packages/plugins/block/src/composable/index.js
rename to packages/plugins/block/src/composable/index.ts
diff --git a/packages/plugins/block/src/composable/useBlock.js b/packages/plugins/block/src/composable/useBlock.ts
similarity index 98%
rename from packages/plugins/block/src/composable/useBlock.js
rename to packages/plugins/block/src/composable/useBlock.ts
index 7b8ca981..750e8523 100644
--- a/packages/plugins/block/src/composable/useBlock.js
+++ b/packages/plugins/block/src/composable/useBlock.ts
@@ -128,7 +128,7 @@ const setSelectedGroup = (selected) => {
 
 const copyCss = (css, classNameList) => {
   classNameList = Array.from(new Set(classNameList)).map((item) => '.' + item)
-  let cssObject = getCssObjectFromStyleStr(css)
+  const cssObject = getCssObjectFromStyleStr(css)
   let styleStr = ''
 
   Object.entries(cssObject).forEach(([key, value]) => {
@@ -144,9 +144,9 @@ const copyCss = (css, classNameList) => {
 const copySchema = (schema, contentList, methods) => {
   const content = schema?.properties?.[0]?.content || []
   let emitList = []
-  let emitListCopies = {}
+  const emitListCopies = {}
   Object.keys(methods).forEach((key) => {
-    let item = JSON.stringify(methods[key].value).match(/emit..*?\)/g)
+    const item = JSON.stringify(methods[key].value).match(/emit..*?\)/g)
 
     if (item?.length) {
       emitList = [...emitList, ...item]
@@ -195,7 +195,7 @@ const copyMethods = (schema) => {
 }
 
 const copyState = (stateObj = {}, methodsObj = {}) => {
-  let stateCopies = {}
+  const stateCopies = {}
   const stateKey = Object.keys(stateObj).map((e) => `state.${e} `)
 
   stateKey.forEach((e) => {
@@ -632,7 +632,7 @@ const getDateFromNow = (timeStamp) => {
     ['更久以前', () => '']
   ])
 
-  for (let [key, value] of dateMap) {
+  for (const [key, value] of dateMap) {
     if (timeStamp >= value()) {
       return key
     }
diff --git a/packages/plugins/block/src/js/blockPropertyForm.js b/packages/plugins/block/src/js/blockPropertyForm.ts
similarity index 100%
rename from packages/plugins/block/src/js/blockPropertyForm.js
rename to packages/plugins/block/src/js/blockPropertyForm.ts
diff --git a/packages/plugins/block/src/js/blockSetting.jsx b/packages/plugins/block/src/js/blockSetting.tsx
similarity index 100%
rename from packages/plugins/block/src/js/blockSetting.jsx
rename to packages/plugins/block/src/js/blockSetting.tsx
diff --git a/packages/plugins/block/src/js/http.js b/packages/plugins/block/src/js/http.ts
similarity index 100%
rename from packages/plugins/block/src/js/http.js
rename to packages/plugins/block/src/js/http.ts
diff --git a/packages/plugins/block/test/test.js b/packages/plugins/block/test/test.ts
similarity index 100%
rename from packages/plugins/block/test/test.js
rename to packages/plugins/block/test/test.ts
diff --git a/packages/plugins/block/vite.config.js b/packages/plugins/block/vite.config.ts
similarity index 90%
rename from packages/plugins/block/vite.config.js
rename to packages/plugins/block/vite.config.ts
index dbabf02f..39b85191 100644
--- a/packages/plugins/block/vite.config.js
+++ b/packages/plugins/block/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-block',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/robot/index.js b/packages/plugins/bridge/index.ts
similarity index 94%
rename from packages/plugins/robot/index.js
rename to packages/plugins/bridge/index.ts
index 9b16408a..5efbd88c 100644
--- a/packages/plugins/robot/index.js
+++ b/packages/plugins/bridge/index.ts
@@ -11,7 +11,7 @@
  */
 
 import entry from './src/Main.vue'
-import metaData from './meta.js'
+import metaData from './meta'
 import './src/styles/vars.less'
 
 export default {
diff --git a/packages/plugins/bridge/mock/test.js b/packages/plugins/bridge/mock/test.ts
similarity index 100%
rename from packages/plugins/bridge/mock/test.js
rename to packages/plugins/bridge/mock/test.ts
diff --git a/packages/plugins/bridge/src/BridgeManage.vue b/packages/plugins/bridge/src/BridgeManage.vue
index 8282df4f..8b4637a3 100644
--- a/packages/plugins/bridge/src/BridgeManage.vue
+++ b/packages/plugins/bridge/src/BridgeManage.vue
@@ -28,7 +28,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { watchEffect, ref, reactive } from 'vue'
 import { Search } from '@opentiny/vue'
 import { iconSearch } from '@opentiny/vue-icon'
diff --git a/packages/plugins/bridge/src/BridgeSetting.vue b/packages/plugins/bridge/src/BridgeSetting.vue
index be222b88..ed0de209 100644
--- a/packages/plugins/bridge/src/BridgeSetting.vue
+++ b/packages/plugins/bridge/src/BridgeSetting.vue
@@ -87,7 +87,7 @@
   </plugin-setting>
 </template>
 
-<script>
+<script lang="ts">
 import { computed, onMounted, reactive, ref, watchEffect, nextTick, watch } from 'vue'
 import {
   Input as TinyInput,
diff --git a/packages/plugins/bridge/src/Main.vue b/packages/plugins/bridge/src/Main.vue
index 5ecd9964..32b4c52c 100644
--- a/packages/plugins/bridge/src/Main.vue
+++ b/packages/plugins/bridge/src/Main.vue
@@ -16,7 +16,7 @@
   </plugin-panel>
 </template>
 
-<script>
+<script lang="ts">
 import { ref, reactive, computed, provide } from 'vue'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
 import { useLayout } from '@opentiny/tiny-engine-meta-register'
diff --git a/packages/plugins/bridge/src/http.js b/packages/plugins/bridge/src/http.ts
similarity index 100%
rename from packages/plugins/bridge/src/http.js
rename to packages/plugins/bridge/src/http.ts
diff --git a/packages/plugins/bridge/src/js/resource.js b/packages/plugins/bridge/src/js/resource.ts
similarity index 100%
rename from packages/plugins/bridge/src/js/resource.js
rename to packages/plugins/bridge/src/js/resource.ts
diff --git a/packages/plugins/bridge/test/test.js b/packages/plugins/bridge/test/test.ts
similarity index 100%
rename from packages/plugins/bridge/test/test.js
rename to packages/plugins/bridge/test/test.ts
diff --git a/packages/plugins/bridge/vite.config.js b/packages/plugins/bridge/vite.config.ts
similarity index 90%
rename from packages/plugins/bridge/vite.config.js
rename to packages/plugins/bridge/vite.config.ts
index 5b2ea008..612554ed 100644
--- a/packages/plugins/bridge/vite.config.js
+++ b/packages/plugins/bridge/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-bridge',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/datasource/index.js b/packages/plugins/datasource/index.ts
similarity index 96%
rename from packages/plugins/datasource/index.js
rename to packages/plugins/datasource/index.ts
index 2183f1bb..0ff22d3b 100644
--- a/packages/plugins/datasource/index.js
+++ b/packages/plugins/datasource/index.ts
@@ -12,7 +12,7 @@
 
 import { fetchDataSourceList, fetchDataSourceDetail } from './src/js/http'
 import entry from './src/Main.vue'
-import metaData from './meta.js'
+import metaData from './meta'
 import { DataSourceService } from './src/composable'
 import './src/styles/vars.less'
 
diff --git a/packages/plugins/datasource/src/DataSourceField.vue b/packages/plugins/datasource/src/DataSourceField.vue
index 9a8ddb9a..da9f0d48 100644
--- a/packages/plugins/datasource/src/DataSourceField.vue
+++ b/packages/plugins/datasource/src/DataSourceField.vue
@@ -32,7 +32,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, ref, watchEffect, nextTick } from 'vue'
 import { Button } from '@opentiny/vue'
 import DataSourceFieldList from './DataSourceFieldList.vue'
diff --git a/packages/plugins/datasource/src/DataSourceFieldCheck.vue b/packages/plugins/datasource/src/DataSourceFieldCheck.vue
index 11fe7c5a..387fdae0 100644
--- a/packages/plugins/datasource/src/DataSourceFieldCheck.vue
+++ b/packages/plugins/datasource/src/DataSourceFieldCheck.vue
@@ -16,7 +16,7 @@
   </tiny-form-item>
 </template>
 
-<script>
+<script lang="ts">
 import { computed, inject } from 'vue'
 import DataSourceFieldCheckMultipleLine from './DataSourceFieldCheckMultipleLine.vue'
 import DataSourceFieldCheckRanger from './DataSourceFieldCheckRanger.vue'
diff --git a/packages/plugins/datasource/src/DataSourceFieldCheckMultipleLine.vue b/packages/plugins/datasource/src/DataSourceFieldCheckMultipleLine.vue
index 8a742878..add6a3bc 100644
--- a/packages/plugins/datasource/src/DataSourceFieldCheckMultipleLine.vue
+++ b/packages/plugins/datasource/src/DataSourceFieldCheckMultipleLine.vue
@@ -9,7 +9,7 @@
   </tiny-form-item>
 </template>
 
-<script>
+<script lang="ts">
 import { inject } from 'vue'
 import { Radio, FormItem } from '@opentiny/vue'
 import { formDataInjectionSymbols } from './DataSourceFieldForm.vue'
diff --git a/packages/plugins/datasource/src/DataSourceFieldCheckRanger.vue b/packages/plugins/datasource/src/DataSourceFieldCheckRanger.vue
index 8032add5..2f4360cf 100644
--- a/packages/plugins/datasource/src/DataSourceFieldCheckRanger.vue
+++ b/packages/plugins/datasource/src/DataSourceFieldCheckRanger.vue
@@ -22,7 +22,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { inject } from 'vue'
 import { Numeric, FormItem } from '@opentiny/vue'
 import { formDataInjectionSymbols } from './DataSourceFieldForm.vue'
diff --git a/packages/plugins/datasource/src/DataSourceFieldForm.vue b/packages/plugins/datasource/src/DataSourceFieldForm.vue
index 7459e544..651c89cb 100644
--- a/packages/plugins/datasource/src/DataSourceFieldForm.vue
+++ b/packages/plugins/datasource/src/DataSourceFieldForm.vue
@@ -33,7 +33,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watchEffect, ref, provide, computed } from 'vue'
 import { Button, Input, FormItem, Form } from '@opentiny/vue'
 import { ButtonGroup, I18nInput } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/datasource/src/DataSourceFieldList.vue b/packages/plugins/datasource/src/DataSourceFieldList.vue
index 6e7ae510..16242490 100644
--- a/packages/plugins/datasource/src/DataSourceFieldList.vue
+++ b/packages/plugins/datasource/src/DataSourceFieldList.vue
@@ -29,7 +29,7 @@
   </data-source-field-form>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watchEffect } from 'vue'
 import fieldTypes from './config'
 import DataSourceFieldForm from './DataSourceFieldForm.vue'
diff --git a/packages/plugins/datasource/src/DataSourceFieldType.vue b/packages/plugins/datasource/src/DataSourceFieldType.vue
index a065bd46..36c8c47d 100644
--- a/packages/plugins/datasource/src/DataSourceFieldType.vue
+++ b/packages/plugins/datasource/src/DataSourceFieldType.vue
@@ -20,7 +20,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, ref } from 'vue'
 import { iconArrowDown } from '@opentiny/vue-icon'
 import fieldTypes from './config'
diff --git a/packages/plugins/datasource/src/DataSourceForm.vue b/packages/plugins/datasource/src/DataSourceForm.vue
index 8054e26c..ebc38299 100644
--- a/packages/plugins/datasource/src/DataSourceForm.vue
+++ b/packages/plugins/datasource/src/DataSourceForm.vue
@@ -32,7 +32,7 @@
   </plugin-setting>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { reactive, ref, watch, computed } from 'vue'
 import { Form, Button } from '@opentiny/vue'
 import { ButtonGroup, PluginSetting, SvgButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/datasource/src/DataSourceGlobalDataHandler.vue b/packages/plugins/datasource/src/DataSourceGlobalDataHandler.vue
index bc0cc917..450c1006 100644
--- a/packages/plugins/datasource/src/DataSourceGlobalDataHandler.vue
+++ b/packages/plugins/datasource/src/DataSourceGlobalDataHandler.vue
@@ -24,7 +24,7 @@
   </plugin-setting>
 </template>
 
-<script>
+<script lang="ts">
 import DataHandlerEditor from './RemoteDataAdapterForm.vue'
 import { watch, ref, nextTick, reactive, computed } from 'vue'
 import { requestGlobalDataHandler } from './js/http'
diff --git a/packages/plugins/datasource/src/DataSourceList.vue b/packages/plugins/datasource/src/DataSourceList.vue
index d69b27ce..260ce28d 100644
--- a/packages/plugins/datasource/src/DataSourceList.vue
+++ b/packages/plugins/datasource/src/DataSourceList.vue
@@ -40,7 +40,7 @@
   ></data-source-record-list>
 </template>
 
-<script>
+<script lang="ts">
 import { onMounted, reactive, ref } from 'vue'
 import { useDataSource, useResource, getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
 import { close as closeRemotePanel } from './DataSourceRemotePanel.vue'
diff --git a/packages/plugins/datasource/src/DataSourceName.vue b/packages/plugins/datasource/src/DataSourceName.vue
index e69e44b0..85bcdc61 100644
--- a/packages/plugins/datasource/src/DataSourceName.vue
+++ b/packages/plugins/datasource/src/DataSourceName.vue
@@ -15,7 +15,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watchEffect, ref } from 'vue'
 import { Form, FormItem, Input } from '@opentiny/vue'
 
diff --git a/packages/plugins/datasource/src/DataSourceRecordForm.vue b/packages/plugins/datasource/src/DataSourceRecordForm.vue
index 0541b4f0..0978de94 100644
--- a/packages/plugins/datasource/src/DataSourceRecordForm.vue
+++ b/packages/plugins/datasource/src/DataSourceRecordForm.vue
@@ -45,7 +45,7 @@
   </plugin-setting>
 </template>
 
-<script>
+<script lang="ts">
 import { computed, reactive, ref, watch } from 'vue'
 import { Button, Input, Numeric, DatePicker, Form, FormItem, Switch, Slider } from '@opentiny/vue'
 import { PluginSetting } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/datasource/src/DataSourceRecordList.vue b/packages/plugins/datasource/src/DataSourceRecordList.vue
index 67871415..1fcb5670 100644
--- a/packages/plugins/datasource/src/DataSourceRecordList.vue
+++ b/packages/plugins/datasource/src/DataSourceRecordList.vue
@@ -79,7 +79,7 @@
   ></data-source-record-upload>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { reactive, ref, watchEffect, watch, computed } from 'vue'
 import { camelize, capitalize } from '@vue/shared'
 import { Grid, Pager, Input, Numeric, DatePicker, Switch, Slider, Link, Button } from '@opentiny/vue'
@@ -158,6 +158,7 @@ export default {
           message: '复制失败，请尝试手动复制',
           type: 'error'
         })
+        throw new Error(e)
       }
     }
 
diff --git a/packages/plugins/datasource/src/DataSourceRecordUpload.vue b/packages/plugins/datasource/src/DataSourceRecordUpload.vue
index d64ee16a..ea5b8a7b 100644
--- a/packages/plugins/datasource/src/DataSourceRecordUpload.vue
+++ b/packages/plugins/datasource/src/DataSourceRecordUpload.vue
@@ -68,7 +68,7 @@
   </tiny-modal>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watch } from 'vue'
 import { Button, Modal, FileUpload } from '@opentiny/vue'
 import { getDataFromFile } from './js/datasource'
diff --git a/packages/plugins/datasource/src/DataSourceRemoteAutoload.vue b/packages/plugins/datasource/src/DataSourceRemoteAutoload.vue
index 0324fb3d..96e030a0 100644
--- a/packages/plugins/datasource/src/DataSourceRemoteAutoload.vue
+++ b/packages/plugins/datasource/src/DataSourceRemoteAutoload.vue
@@ -5,7 +5,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive } from 'vue'
 import { Checkbox } from '@opentiny/vue'
 
diff --git a/packages/plugins/datasource/src/DataSourceRemoteDataAdapter.vue b/packages/plugins/datasource/src/DataSourceRemoteDataAdapter.vue
index 02544802..e5016503 100644
--- a/packages/plugins/datasource/src/DataSourceRemoteDataAdapter.vue
+++ b/packages/plugins/datasource/src/DataSourceRemoteDataAdapter.vue
@@ -34,7 +34,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, ref, watch } from 'vue'
 import { Popover } from '@opentiny/vue'
 import { iconHelpCircle } from '@opentiny/vue-icon'
diff --git a/packages/plugins/datasource/src/DataSourceRemoteDataResult.vue b/packages/plugins/datasource/src/DataSourceRemoteDataResult.vue
index af142c24..0e2a3e85 100644
--- a/packages/plugins/datasource/src/DataSourceRemoteDataResult.vue
+++ b/packages/plugins/datasource/src/DataSourceRemoteDataResult.vue
@@ -21,7 +21,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watchEffect, ref } from 'vue'
 import { VueMonaco as MonacoEditor } from '@opentiny/tiny-engine-common'
 import { Button as TinyButton } from '@opentiny/vue'
@@ -62,6 +62,7 @@ export default {
       try {
         await toClipboard(state.value)
       } catch (e) {
+        throw new Error(e)
         // do nothing
       }
 
diff --git a/packages/plugins/datasource/src/DataSourceRemoteForm.vue b/packages/plugins/datasource/src/DataSourceRemoteForm.vue
index a73936a5..55a45238 100644
--- a/packages/plugins/datasource/src/DataSourceRemoteForm.vue
+++ b/packages/plugins/datasource/src/DataSourceRemoteForm.vue
@@ -27,7 +27,7 @@
   </tiny-form>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watchEffect, ref } from 'vue'
 import { Form, FormItem, Input, Select } from '@opentiny/vue'
 
diff --git a/packages/plugins/datasource/src/DataSourceRemoteMapping.vue b/packages/plugins/datasource/src/DataSourceRemoteMapping.vue
index c586bdb4..ba6445cc 100644
--- a/packages/plugins/datasource/src/DataSourceRemoteMapping.vue
+++ b/packages/plugins/datasource/src/DataSourceRemoteMapping.vue
@@ -30,7 +30,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watchEffect, ref } from 'vue'
 import { Input, Select, Checkbox } from '@opentiny/vue'
 import { PluginSetting } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/datasource/src/DataSourceRemotePanel.vue b/packages/plugins/datasource/src/DataSourceRemotePanel.vue
index a2f8d73c..780e23ef 100644
--- a/packages/plugins/datasource/src/DataSourceRemotePanel.vue
+++ b/packages/plugins/datasource/src/DataSourceRemotePanel.vue
@@ -52,7 +52,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watch, ref, computed } from 'vue'
 import { Collapse, CollapseItem, Tabs, TabItem, Button } from '@opentiny/vue'
 import { PluginSetting } from '@opentiny/tiny-engine-common'
@@ -183,7 +183,7 @@ export default {
         // await validate() 如果验证不通过会抛出异常，而不是返回 false
         await getServiceForm().validate()
       } catch (error) {
-        return
+        throw new Error(`请先完成表单验证: ${error?.message || ''}`)
       }
 
       const options = { ...state.remoteData.options }
diff --git a/packages/plugins/datasource/src/DataSourceRemoteParameter.vue b/packages/plugins/datasource/src/DataSourceRemoteParameter.vue
index f755179e..9ce8c50f 100644
--- a/packages/plugins/datasource/src/DataSourceRemoteParameter.vue
+++ b/packages/plugins/datasource/src/DataSourceRemoteParameter.vue
@@ -2,7 +2,7 @@
   <monaco-editor :value="modelValue" class="monaco-editor" :options="options" @change="change" />
 </template>
 
-<script>
+<script lang="ts">
 import { VueMonaco } from '@opentiny/tiny-engine-common'
 
 export default {
diff --git a/packages/plugins/datasource/src/DataSourceTemplate.vue b/packages/plugins/datasource/src/DataSourceTemplate.vue
index bf899795..8a46ae4d 100644
--- a/packages/plugins/datasource/src/DataSourceTemplate.vue
+++ b/packages/plugins/datasource/src/DataSourceTemplate.vue
@@ -15,7 +15,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, onMounted } from 'vue'
 import { Button } from '@opentiny/vue'
 import { getMergeMeta } from '@opentiny/tiny-engine-meta-register'
diff --git a/packages/plugins/datasource/src/DataSourceType.vue b/packages/plugins/datasource/src/DataSourceType.vue
index 73be7f94..8c535614 100644
--- a/packages/plugins/datasource/src/DataSourceType.vue
+++ b/packages/plugins/datasource/src/DataSourceType.vue
@@ -16,7 +16,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { watch, ref } from 'vue'
 import { Form, FormItem, RadioGroup, Radio } from '@opentiny/vue'
 
diff --git a/packages/plugins/datasource/src/Main.vue b/packages/plugins/datasource/src/Main.vue
index 848a9cb3..a47cd0a4 100644
--- a/packages/plugins/datasource/src/Main.vue
+++ b/packages/plugins/datasource/src/Main.vue
@@ -48,7 +48,7 @@
   <data-source-global-data-handler></data-source-global-data-handler>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watch, provide } from 'vue'
 import { Button } from '@opentiny/vue'
 import DataSourceList, { refresh as refreshDataSourceList, clearActive } from './DataSourceList.vue'
diff --git a/packages/plugins/datasource/src/RemoteDataAdapterForm.vue b/packages/plugins/datasource/src/RemoteDataAdapterForm.vue
index d97ec96c..3a7ac486 100644
--- a/packages/plugins/datasource/src/RemoteDataAdapterForm.vue
+++ b/packages/plugins/datasource/src/RemoteDataAdapterForm.vue
@@ -5,7 +5,7 @@
   <monaco-editor ref="editor" :value="modelValue" class="monaco-editor" :options="options" @change="change" />
 </template>
 
-<script>
+<script lang="ts">
 import { ref } from 'vue'
 import { VueMonaco } from '@opentiny/tiny-engine-common'
 
diff --git a/packages/plugins/datasource/src/composable/index.js b/packages/plugins/datasource/src/composable/index.ts
similarity index 100%
rename from packages/plugins/datasource/src/composable/index.js
rename to packages/plugins/datasource/src/composable/index.ts
diff --git a/packages/plugins/datasource/src/composable/useDataSource.js b/packages/plugins/datasource/src/composable/useDataSource.ts
similarity index 97%
rename from packages/plugins/datasource/src/composable/useDataSource.js
rename to packages/plugins/datasource/src/composable/useDataSource.ts
index 9a06d924..70fefc62 100644
--- a/packages/plugins/datasource/src/composable/useDataSource.js
+++ b/packages/plugins/datasource/src/composable/useDataSource.ts
@@ -48,8 +48,7 @@ const compareData = () => {
 const handleConfirmSave = (dataSourceState, isRecordSame, resolve, isDataSourceSame, callback) => {
   let {
     name,
-    id,
-    data: { data, columns, type }
+    data: { data, columns }
   } = dataSourceState.dataSource
 
   if (!isRecordSame) {
@@ -79,6 +78,11 @@ const handleConfirmSave = (dataSourceState, isRecordSame, resolve, isDataSourceS
     name = dataSourceState.dataSourceColumn?.name
   }
 
+  const {
+    id,
+    data: { type }
+  } = dataSourceState.dataSource
+
   const requestData = { name, data: { columns, data, type } }
 
   callback(id, requestData).then((data) => {
diff --git a/packages/plugins/datasource/src/config.js b/packages/plugins/datasource/src/config.ts
similarity index 100%
rename from packages/plugins/datasource/src/config.js
rename to packages/plugins/datasource/src/config.ts
diff --git a/packages/plugins/datasource/src/js/datasource.js b/packages/plugins/datasource/src/js/datasource.ts
similarity index 100%
rename from packages/plugins/datasource/src/js/datasource.js
rename to packages/plugins/datasource/src/js/datasource.ts
diff --git a/packages/plugins/datasource/src/js/http.js b/packages/plugins/datasource/src/js/http.ts
similarity index 100%
rename from packages/plugins/datasource/src/js/http.js
rename to packages/plugins/datasource/src/js/http.ts
diff --git a/packages/plugins/datasource/vite.config.js b/packages/plugins/datasource/vite.config.js
index 9da0289f..e92cc9d0 100644
--- a/packages/plugins/datasource/vite.config.js
+++ b/packages/plugins/datasource/vite.config.js
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-datasource',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/i18n/index.js b/packages/plugins/i18n/index.ts
similarity index 87%
rename from packages/plugins/i18n/index.js
rename to packages/plugins/i18n/index.ts
index 133b46f4..ca0a0ea3 100644
--- a/packages/plugins/i18n/index.js
+++ b/packages/plugins/i18n/index.ts
@@ -10,8 +10,8 @@
  *
  */
 import entry from './src/Main.vue'
-import metaData from './meta.js'
-import { TranslateService } from './src/composable'
+import metaData from './meta'
+import { TranslateService } from './src/composable/index.js'
 import './src/styles/vars.less'
 
 export default {
diff --git a/packages/plugins/i18n/src/Main.vue b/packages/plugins/i18n/src/Main.vue
index a778f53d..67b55329 100644
--- a/packages/plugins/i18n/src/Main.vue
+++ b/packages/plugins/i18n/src/Main.vue
@@ -119,7 +119,7 @@
   </plugin-panel>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { computed, ref, watchEffect, reactive, onMounted, nextTick, resolveComponent, watch, provide } from 'vue'
 import useClipboard from 'vue-clipboard3'
 import { Grid, GridColumn, Input, Popover, Button, FileUpload, Loading, Tooltip, Select } from '@opentiny/vue'
@@ -350,6 +350,8 @@ export default {
         copyTipContent.value = '复制成功'
       } catch (e) {
         copyTipContent.value = '复制失败'
+        // eslint-disable-next-line no-console
+        console.error('Clipboard operation failed:', e)
       } finally {
         setTimeout(() => {
           copyRowIndex.value = ''
diff --git a/packages/plugins/i18n/src/composable/index.js b/packages/plugins/i18n/src/composable/index.ts
similarity index 100%
rename from packages/plugins/i18n/src/composable/index.js
rename to packages/plugins/i18n/src/composable/index.ts
diff --git a/packages/plugins/i18n/src/composable/useTranslate.js b/packages/plugins/i18n/src/composable/useTranslate.ts
similarity index 99%
rename from packages/plugins/i18n/src/composable/useTranslate.js
rename to packages/plugins/i18n/src/composable/useTranslate.ts
index b1634083..24e300c9 100644
--- a/packages/plugins/i18n/src/composable/useTranslate.js
+++ b/packages/plugins/i18n/src/composable/useTranslate.ts
@@ -102,6 +102,7 @@ const ensureI18n = (obj, send) => {
 
     useCanvas().canvasApi.value?.setLocales(messages, true)
   } catch (e) {
+    throw new Error(e)
     // 不需要处理，有报错的词条会在画布初始化的时候统一调setLocales这个方法
   }
 
diff --git a/packages/plugins/i18n/vite.config.js b/packages/plugins/i18n/vite.config.ts
similarity index 90%
rename from packages/plugins/i18n/vite.config.js
rename to packages/plugins/i18n/vite.config.ts
index d31ee025..023f1a5c 100644
--- a/packages/plugins/i18n/vite.config.js
+++ b/packages/plugins/i18n/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-i18n',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/materials/index.js b/packages/plugins/materials/index.ts
similarity index 87%
rename from packages/plugins/materials/index.js
rename to packages/plugins/materials/index.ts
index 6ca4126f..93c5672c 100644
--- a/packages/plugins/materials/index.js
+++ b/packages/plugins/materials/index.ts
@@ -11,11 +11,11 @@
  */
 
 import entry from './src/Main.vue'
-import metaData from './meta.js'
-import { ResourceService, MaterialService } from './src/composable'
-import MaterialLayout from './src/meta/layout'
-import MaterialBlock from './src/meta/block'
-import MaterialComponent from './src/meta/component'
+import metaData from './meta'
+import { ResourceService, MaterialService } from './src/composable/index'
+import MaterialLayout from './src/meta/layout/index'
+import MaterialBlock from './src/meta/block/index'
+import MaterialComponent from './src/meta/component/index'
 import MaterialHeader from './src/components/header/Main.vue'
 import { basePropertyOptions } from './src/js/options'
 import './src/styles/vars.less'
diff --git a/packages/plugins/materials/mock/test.js b/packages/plugins/materials/mock/test.ts
similarity index 100%
rename from packages/plugins/materials/mock/test.js
rename to packages/plugins/materials/mock/test.ts
diff --git a/packages/plugins/materials/src/Main.vue b/packages/plugins/materials/src/Main.vue
index b4270798..122ab733 100644
--- a/packages/plugins/materials/src/Main.vue
+++ b/packages/plugins/materials/src/Main.vue
@@ -2,7 +2,7 @@
   <component :is="layout.entry" :registryData="registryData" class="plugin-materials"></component>
 </template>
 
-<script>
+<script lang="ts">
 import { getMergeRegistry } from '@opentiny/tiny-engine-meta-register'
 import meta from '../meta'
 export default {
diff --git a/packages/plugins/materials/src/components/header/Main.vue b/packages/plugins/materials/src/components/header/Main.vue
index 5a8632be..76cf099e 100644
--- a/packages/plugins/materials/src/components/header/Main.vue
+++ b/packages/plugins/materials/src/components/header/Main.vue
@@ -7,7 +7,7 @@
   ></svg-button>
 </template>
 
-<script>
+<script lang="ts">
 import { computed } from 'vue'
 import { SvgButton } from '@opentiny/tiny-engine-common'
 import { useLayout } from '@opentiny/tiny-engine-meta-register'
diff --git a/packages/plugins/materials/src/composable/block-compile.js b/packages/plugins/materials/src/composable/block-compile.ts
similarity index 100%
rename from packages/plugins/materials/src/composable/block-compile.js
rename to packages/plugins/materials/src/composable/block-compile.ts
diff --git a/packages/plugins/materials/src/composable/index.js b/packages/plugins/materials/src/composable/index.ts
similarity index 100%
rename from packages/plugins/materials/src/composable/index.js
rename to packages/plugins/materials/src/composable/index.ts
diff --git a/packages/plugins/materials/src/composable/useMaterial.js b/packages/plugins/materials/src/composable/useMaterial.ts
similarity index 100%
rename from packages/plugins/materials/src/composable/useMaterial.js
rename to packages/plugins/materials/src/composable/useMaterial.ts
diff --git a/packages/plugins/materials/src/composable/useResource.js b/packages/plugins/materials/src/composable/useResource.ts
similarity index 100%
rename from packages/plugins/materials/src/composable/useResource.js
rename to packages/plugins/materials/src/composable/useResource.ts
diff --git a/packages/plugins/materials/src/js/options.js b/packages/plugins/materials/src/js/options.ts
similarity index 100%
rename from packages/plugins/materials/src/js/options.js
rename to packages/plugins/materials/src/js/options.ts
diff --git a/packages/plugins/materials/src/meta/block/index.js b/packages/plugins/materials/src/meta/block/index.ts
similarity index 100%
rename from packages/plugins/materials/src/meta/block/index.js
rename to packages/plugins/materials/src/meta/block/index.ts
diff --git a/packages/plugins/materials/src/meta/block/src/BlockDetail.vue b/packages/plugins/materials/src/meta/block/src/BlockDetail.vue
index b6b58c8d..c884b146 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockDetail.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockDetail.vue
@@ -35,7 +35,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { Button } from '@opentiny/vue'
 import { IconDel, iconDoubleRight } from '@opentiny/vue-icon'
 import { inject } from 'vue'
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroup.vue b/packages/plugins/materials/src/meta/block/src/BlockGroup.vue
index 6c2f6d37..cffc3bfc 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroup.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroup.vue
@@ -124,7 +124,7 @@
   </tiny-dialog-box>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { inject, reactive, ref, nextTick } from 'vue'
 import {
   Input,
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupArrange.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupArrange.vue
index b51e2952..2013d1b2 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroupArrange.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroupArrange.vue
@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, inject } from 'vue'
 import { Tabs, TabItem } from '@opentiny/vue'
 
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupFilters.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupFilters.vue
index caaa281e..0ac24c8d 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroupFilters.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroupFilters.vue
@@ -36,7 +36,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { computed, reactive } from 'vue'
 import { CheckboxGroup, Checkbox, Select, Option } from '@opentiny/vue'
 
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue
index 7077bb87..1131ddf0 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroupPanel.vue
@@ -33,7 +33,7 @@
     </template>
   </plugin-setting>
 </template>
-<script>
+<script lang="ts">
 import { reactive, watch, provide, inject, ref, computed } from 'vue'
 import { Search } from '@opentiny/vue'
 import { iconSearch } from '@opentiny/vue-icon'
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupSort.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupSort.vue
index f493b3fb..ad31caba 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroupSort.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroupSort.vue
@@ -27,7 +27,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive } from 'vue'
 import { Popover } from '@opentiny/vue'
 import { iconDeltaDown } from '@opentiny/vue-icon'
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupTransfer.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupTransfer.vue
index d5d9045c..ad5c14ea 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroupTransfer.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroupTransfer.vue
@@ -32,14 +32,14 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { computed, onMounted, provide, reactive, watch } from 'vue'
 import { useBlock, useModal } from '@opentiny/tiny-engine-meta-register'
 import { SelectAll } from '@opentiny/tiny-engine-common'
 import BlockList from './BlockList.vue'
 import BlockGroupArrange from './BlockGroupArrange.vue'
 import { Select, Option } from '@opentiny/vue'
-import { fetchBlockById } from './http.js'
+import { fetchBlockById } from './http'
 
 export default {
   components: {
diff --git a/packages/plugins/materials/src/meta/block/src/BlockGroupTransferPanel.vue b/packages/plugins/materials/src/meta/block/src/BlockGroupTransferPanel.vue
index 00385794..c73dbe10 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockGroupTransferPanel.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockGroupTransferPanel.vue
@@ -17,7 +17,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import BlockList from './BlockList.vue'
 
 export default {
diff --git a/packages/plugins/materials/src/meta/block/src/BlockList.vue b/packages/plugins/materials/src/meta/block/src/BlockList.vue
index cb22c7ae..1414cb8c 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockList.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockList.vue
@@ -20,7 +20,7 @@
   ></plugin-block-list>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { computed, inject, reactive, ref } from 'vue'
 import {
   useBlock,
diff --git a/packages/plugins/materials/src/meta/block/src/BlockPanel.vue b/packages/plugins/materials/src/meta/block/src/BlockPanel.vue
index ad1fd323..8973a7a5 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockPanel.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockPanel.vue
@@ -15,7 +15,7 @@
   </teleport>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { onMounted, reactive, watch, provide, computed } from 'vue'
 import { Search } from '@opentiny/vue'
 import { iconSearch } from '@opentiny/vue-icon'
diff --git a/packages/plugins/materials/src/meta/block/src/BlockVersionSelect.vue b/packages/plugins/materials/src/meta/block/src/BlockVersionSelect.vue
index 71779db8..67d3f4b5 100644
--- a/packages/plugins/materials/src/meta/block/src/BlockVersionSelect.vue
+++ b/packages/plugins/materials/src/meta/block/src/BlockVersionSelect.vue
@@ -24,7 +24,7 @@
   </plugin-setting>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, watch, ref } from 'vue'
 import { Grid, GridColumn, Button } from '@opentiny/vue'
 import { format } from '@opentiny/vue-renderless/common/date'
diff --git a/packages/plugins/materials/src/meta/block/src/Main.vue b/packages/plugins/materials/src/meta/block/src/Main.vue
index 1120ea35..539a3922 100644
--- a/packages/plugins/materials/src/meta/block/src/Main.vue
+++ b/packages/plugins/materials/src/meta/block/src/Main.vue
@@ -2,7 +2,7 @@
   <block-panel v-if="existBlockModule" v-bind="$attrs"></block-panel>
 </template>
 
-<script>
+<script lang="ts">
 import { getMergeMeta } from '@opentiny/tiny-engine-meta-register'
 import BlockPanel from './BlockPanel.vue'
 
diff --git a/packages/plugins/materials/src/meta/block/src/http.js b/packages/plugins/materials/src/meta/block/src/http.ts
similarity index 99%
rename from packages/plugins/materials/src/meta/block/src/http.js
rename to packages/plugins/materials/src/meta/block/src/http.ts
index 74187b39..135a7e6a 100644
--- a/packages/plugins/materials/src/meta/block/src/http.js
+++ b/packages/plugins/materials/src/meta/block/src/http.ts
@@ -15,7 +15,7 @@ import { getMergeMeta } from '@opentiny/tiny-engine-meta-register'
 
 const getParams = (obj) => {
   let result = ''
-  for (let item in obj) {
+  for (const item in obj) {
     if (obj[item] instanceof Array) {
       obj[item].forEach((i) => {
         result += `&${item}=${i}`
diff --git a/packages/plugins/materials/src/meta/block/src/js/usePanel.js b/packages/plugins/materials/src/meta/block/src/js/usePanel.ts
similarity index 100%
rename from packages/plugins/materials/src/meta/block/src/js/usePanel.js
rename to packages/plugins/materials/src/meta/block/src/js/usePanel.ts
diff --git a/packages/plugins/materials/src/meta/component/index.js b/packages/plugins/materials/src/meta/component/index.ts
similarity index 100%
rename from packages/plugins/materials/src/meta/component/index.js
rename to packages/plugins/materials/src/meta/component/index.ts
diff --git a/packages/plugins/materials/src/meta/component/src/Main.vue b/packages/plugins/materials/src/meta/component/src/Main.vue
index 56dda345..b9b085d5 100644
--- a/packages/plugins/materials/src/meta/component/src/Main.vue
+++ b/packages/plugins/materials/src/meta/component/src/Main.vue
@@ -34,7 +34,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { inject, onMounted, reactive, ref } from 'vue'
 import { Collapse, CollapseItem, Search } from '@opentiny/vue'
 import { SearchEmpty, CanvasDragItem } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/materials/src/meta/layout/index.js b/packages/plugins/materials/src/meta/layout/index.ts
similarity index 100%
rename from packages/plugins/materials/src/meta/layout/index.js
rename to packages/plugins/materials/src/meta/layout/index.ts
diff --git a/packages/plugins/materials/src/meta/layout/src/Main.vue b/packages/plugins/materials/src/meta/layout/src/Main.vue
index 1874dd5a..20b735fb 100644
--- a/packages/plugins/materials/src/meta/layout/src/Main.vue
+++ b/packages/plugins/materials/src/meta/layout/src/Main.vue
@@ -17,7 +17,7 @@
   </plugin-panel>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, provide, ref, computed } from 'vue'
 import { Tabs, TabItem } from '@opentiny/vue'
 import { META_APP as PLUGIN_NAME, getMergeMeta } from '@opentiny/tiny-engine-meta-register'
diff --git a/packages/plugins/materials/test/test.js b/packages/plugins/materials/test/test.ts
similarity index 100%
rename from packages/plugins/materials/test/test.js
rename to packages/plugins/materials/test/test.ts
diff --git a/packages/plugins/materials/vite.config.js b/packages/plugins/materials/vite.config.ts
similarity index 90%
rename from packages/plugins/materials/vite.config.js
rename to packages/plugins/materials/vite.config.ts
index ef82cda2..d0419c88 100644
--- a/packages/plugins/materials/vite.config.js
+++ b/packages/plugins/materials/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   publicDir: false,
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-materials',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/page/index.js b/packages/plugins/page/index.ts
similarity index 91%
rename from packages/plugins/page/index.js
rename to packages/plugins/page/index.ts
index de9674e4..8d654de6 100644
--- a/packages/plugins/page/index.js
+++ b/packages/plugins/page/index.ts
@@ -11,8 +11,8 @@
  */
 
 import entry, { api } from './src/Main.vue'
-import metaData from './meta.js'
-import { PageService } from './src/composable'
+import metaData from './meta'
+import { PageService } from './src/composable/index'
 import PageGeneral from './src/PageGeneral.vue'
 import './src/styles/vars.less'
 
diff --git a/packages/plugins/page/mock/test.js b/packages/plugins/page/mock/test.ts
similarity index 100%
rename from packages/plugins/page/mock/test.js
rename to packages/plugins/page/mock/test.ts
diff --git a/packages/plugins/page/src/LayerLines.vue b/packages/plugins/page/src/LayerLines.vue
index d9fd026b..f725a77d 100644
--- a/packages/plugins/page/src/LayerLines.vue
+++ b/packages/plugins/page/src/LayerLines.vue
@@ -8,7 +8,7 @@
   </span>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { defineProps } from 'vue'
 
 defineProps({
diff --git a/packages/plugins/page/src/Main.vue b/packages/plugins/page/src/Main.vue
index 7cf7fa62..34624368 100644
--- a/packages/plugins/page/src/Main.vue
+++ b/packages/plugins/page/src/Main.vue
@@ -41,7 +41,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { reactive, ref, watchEffect, provide } from 'vue'
 import { useCanvas, usePage, useHelp, useModal, useNotify, useLayout } from '@opentiny/tiny-engine-meta-register'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
@@ -121,6 +121,7 @@ export default {
           group
         }
       } catch (error) {
+        throw new Error(error)
         // console.error('Failed to create new page:', error)
       }
       pageSettingState.currentPageDataCopy = extend(true, {}, pageSettingState.currentPageData)
diff --git a/packages/plugins/page/src/PageFolderSetting.vue b/packages/plugins/page/src/PageFolderSetting.vue
index a4be61f2..e58fcfc3 100644
--- a/packages/plugins/page/src/PageFolderSetting.vue
+++ b/packages/plugins/page/src/PageFolderSetting.vue
@@ -32,7 +32,7 @@
   </plugin-setting>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, ref, computed } from 'vue'
 import { Button, Collapse, CollapseItem } from '@opentiny/vue'
 import { PluginSetting, SvgButton, ButtonGroup } from '@opentiny/tiny-engine-common'
@@ -48,7 +48,7 @@ import {
 import { isEqual } from '@opentiny/vue-renderless/common/object'
 import throttle from '@opentiny/vue-renderless/common/deps/throttle'
 import meta from '../meta'
-import http from './http.js'
+import http from './http'
 
 const isShow = ref(false)
 export const openFolderSettingPanel = () => {
diff --git a/packages/plugins/page/src/PageGeneral.vue b/packages/plugins/page/src/PageGeneral.vue
index f7cd4110..4782d5a2 100644
--- a/packages/plugins/page/src/PageGeneral.vue
+++ b/packages/plugins/page/src/PageGeneral.vue
@@ -77,7 +77,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { ref, computed, watchEffect, reactive } from 'vue'
 import { Form, FormItem, Input, Select, Radio } from '@opentiny/vue'
 import { iconFile } from '@opentiny/vue-icon'
diff --git a/packages/plugins/page/src/PageHistory.vue b/packages/plugins/page/src/PageHistory.vue
index 901276f2..3e211214 100644
--- a/packages/plugins/page/src/PageHistory.vue
+++ b/packages/plugins/page/src/PageHistory.vue
@@ -2,13 +2,13 @@
   <block-history-list :history="list" @preview="previewHistory" @restore="restoreHistory"></block-history-list>
 </template>
 
-<script>
+<script lang="ts">
 import { ref, watchEffect } from 'vue'
 import { BlockHistoryList } from '@opentiny/tiny-engine-common'
 import { previewPage } from '@opentiny/tiny-engine-common/js/preview'
 import { usePage, useBlock, useModal, getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
 import { getMergeMeta } from '@opentiny/tiny-engine-meta-register'
-import { fetchPageHistory } from './http.js'
+import { fetchPageHistory } from './http'
 
 export default {
   components: {
diff --git a/packages/plugins/page/src/PageHome.vue b/packages/plugins/page/src/PageHome.vue
index 96d61259..e407cf76 100644
--- a/packages/plugins/page/src/PageHome.vue
+++ b/packages/plugins/page/src/PageHome.vue
@@ -10,13 +10,13 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { computed, reactive, watchEffect, inject } from 'vue'
 import { Checkbox } from '@opentiny/vue'
 import { usePage, useModal, useNotify } from '@opentiny/tiny-engine-meta-register'
 import { isVsCodeEnv } from '@opentiny/tiny-engine-common/js/environments'
 import { generateRouter } from '@opentiny/tiny-engine-common/js/vscodeGenerateFile'
-import http from './http.js'
+import http from './http'
 
 export default {
   components: {
diff --git a/packages/plugins/page/src/PageInputOutput.vue b/packages/plugins/page/src/PageInputOutput.vue
index 36322550..1922954b 100644
--- a/packages/plugins/page/src/PageInputOutput.vue
+++ b/packages/plugins/page/src/PageInputOutput.vue
@@ -36,7 +36,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { ref, watchEffect, computed } from 'vue'
 import { Checkbox } from '@opentiny/vue'
 import { MetaCodeEditor } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/page/src/PageSetting.vue b/packages/plugins/page/src/PageSetting.vue
index f4525a9a..6dfde292 100644
--- a/packages/plugins/page/src/PageSetting.vue
+++ b/packages/plugins/page/src/PageSetting.vue
@@ -81,7 +81,7 @@ import { generatePage } from '@opentiny/tiny-engine-common/js/vscodeGenerateFile
 import PageHistory from './PageHistory.vue'
 import PageInputOutput from './PageInputOutput.vue'
 import meta from '../meta'
-import http from './http.js'
+import http from './http'
 
 const { COMPONENT_NAME } = constants
 const isShow = ref(false)
diff --git a/packages/plugins/page/src/PageTree.vue b/packages/plugins/page/src/PageTree.vue
index db95dea0..2c509f45 100644
--- a/packages/plugins/page/src/PageTree.vue
+++ b/packages/plugins/page/src/PageTree.vue
@@ -55,7 +55,7 @@
   </tiny-collapse>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { reactive, onMounted, onUnmounted } from 'vue'
 import { Search, Collapse, CollapseItem, Popover } from '@opentiny/vue'
 import { IconFolderOpened, IconFolderClosed, IconSearch } from '@opentiny/vue-icon'
@@ -74,7 +74,7 @@ import { handlePageUpdate } from '@opentiny/tiny-engine-common/js/http'
 import { constants } from '@opentiny/tiny-engine-utils'
 import { closePageSettingPanel } from './PageSetting.vue'
 import { closeFolderSettingPanel } from './PageFolderSetting.vue'
-import http from './http.js'
+import http from './http'
 import DraggableTree from './Tree.vue'
 import { SvgButton } from '@opentiny/tiny-engine-common'
 
diff --git a/packages/plugins/page/src/Tree.vue b/packages/plugins/page/src/Tree.vue
index 2a9ea409..68e1af86 100644
--- a/packages/plugins/page/src/Tree.vue
+++ b/packages/plugins/page/src/Tree.vue
@@ -37,7 +37,7 @@
   </div>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { computed, defineEmits, defineProps, ref } from 'vue'
 import LayerLines from './LayerLines.vue'
 
diff --git a/packages/plugins/page/src/composable/index.js b/packages/plugins/page/src/composable/index.ts
similarity index 100%
rename from packages/plugins/page/src/composable/index.js
rename to packages/plugins/page/src/composable/index.ts
diff --git a/packages/plugins/page/src/composable/usePage.js b/packages/plugins/page/src/composable/usePage.ts
similarity index 99%
rename from packages/plugins/page/src/composable/usePage.js
rename to packages/plugins/page/src/composable/usePage.ts
index f69795fc..b0175c06 100644
--- a/packages/plugins/page/src/composable/usePage.js
+++ b/packages/plugins/page/src/composable/usePage.ts
@@ -452,6 +452,7 @@ const fetchPageDetailIfNeeded = async (page) => {
       page.page_content = pageDetail.page_content
     } catch (error) {
       page.page_content = {}
+      throw new Error(error)
     }
   }
 }
diff --git a/packages/plugins/page/src/http.js b/packages/plugins/page/src/http.ts
similarity index 100%
rename from packages/plugins/page/src/http.js
rename to packages/plugins/page/src/http.ts
diff --git a/packages/plugins/page/test/test.js b/packages/plugins/page/test/test.ts
similarity index 100%
rename from packages/plugins/page/test/test.js
rename to packages/plugins/page/test/test.ts
diff --git a/packages/plugins/page/vite.config.js b/packages/plugins/page/vite.config.ts
similarity index 90%
rename from packages/plugins/page/vite.config.js
rename to packages/plugins/page/vite.config.ts
index 787a5e6d..b0df82a7 100644
--- a/packages/plugins/page/vite.config.js
+++ b/packages/plugins/page/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-page',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/schema/index.js b/packages/plugins/robot/index.ts
similarity index 94%
rename from packages/plugins/schema/index.js
rename to packages/plugins/robot/index.ts
index 9b16408a..5efbd88c 100644
--- a/packages/plugins/schema/index.js
+++ b/packages/plugins/robot/index.ts
@@ -11,7 +11,7 @@
  */
 
 import entry from './src/Main.vue'
-import metaData from './meta.js'
+import metaData from './meta'
 import './src/styles/vars.less'
 
 export default {
diff --git a/packages/plugins/robot/mock/test.js b/packages/plugins/robot/mock/test.ts
similarity index 100%
rename from packages/plugins/robot/mock/test.js
rename to packages/plugins/robot/mock/test.ts
diff --git a/packages/plugins/robot/src/Main.vue b/packages/plugins/robot/src/Main.vue
index 627d0086..c599421c 100644
--- a/packages/plugins/robot/src/Main.vue
+++ b/packages/plugins/robot/src/Main.vue
@@ -111,7 +111,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { ref, onMounted, watchEffect } from 'vue'
 import { TinyLayout, TinyRow, TinyCol, TinyButton, TinyInput, Notify, Loading, TinyPopover } from '@opentiny/vue'
 import { useCanvas, useHistory, usePage, useModal, getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
diff --git a/packages/plugins/robot/src/RobotSettingPopover.vue b/packages/plugins/robot/src/RobotSettingPopover.vue
index 1be2eb2c..3d448523 100644
--- a/packages/plugins/robot/src/RobotSettingPopover.vue
+++ b/packages/plugins/robot/src/RobotSettingPopover.vue
@@ -26,7 +26,7 @@
     </div>
   </div>
 </template>
-<script>
+<script lang="ts">
 import { ref, reactive } from 'vue'
 import { TinyForm, TinyFormItem, TinyInput, TinyButton, TinySelect, TinyTooltip } from '@opentiny/vue'
 import { AIModelOptions } from './js/robotSetting'
diff --git a/packages/plugins/robot/src/js/robotSetting.js b/packages/plugins/robot/src/js/robotSetting.ts
similarity index 97%
rename from packages/plugins/robot/src/js/robotSetting.js
rename to packages/plugins/robot/src/js/robotSetting.ts
index 69352d92..918f61ce 100644
--- a/packages/plugins/robot/src/js/robotSetting.js
+++ b/packages/plugins/robot/src/js/robotSetting.ts
@@ -65,5 +65,6 @@ export const initBlockList = async () => {
     setBlockContent(list)
   } catch (err) {
     // 捕获错误
+    throw new Error('获取block列表失败', { cause: err })
   }
 }
diff --git a/packages/plugins/robot/test/test.js b/packages/plugins/robot/test/test.ts
similarity index 100%
rename from packages/plugins/robot/test/test.js
rename to packages/plugins/robot/test/test.ts
diff --git a/packages/plugins/robot/vite.config.js b/packages/plugins/robot/vite.config.ts
similarity index 90%
rename from packages/plugins/robot/vite.config.js
rename to packages/plugins/robot/vite.config.ts
index 16365a77..bdcec617 100644
--- a/packages/plugins/robot/vite.config.js
+++ b/packages/plugins/robot/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   publicDir: false,
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-robot',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/state/index.js b/packages/plugins/schema/index.ts
similarity index 94%
rename from packages/plugins/state/index.js
rename to packages/plugins/schema/index.ts
index 9b16408a..5efbd88c 100644
--- a/packages/plugins/state/index.js
+++ b/packages/plugins/schema/index.ts
@@ -11,7 +11,7 @@
  */
 
 import entry from './src/Main.vue'
-import metaData from './meta.js'
+import metaData from './meta'
 import './src/styles/vars.less'
 
 export default {
diff --git a/packages/plugins/schema/mock/test.js b/packages/plugins/schema/mock/test.ts
similarity index 100%
rename from packages/plugins/schema/mock/test.js
rename to packages/plugins/schema/mock/test.ts
diff --git a/packages/plugins/schema/src/Main.vue b/packages/plugins/schema/src/Main.vue
index 03825063..1e95e2bc 100644
--- a/packages/plugins/schema/src/Main.vue
+++ b/packages/plugins/schema/src/Main.vue
@@ -39,7 +39,7 @@
   </plugin-panel>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { nextTick, reactive, getCurrentInstance, onActivated, ref, onDeactivated, provide } from 'vue'
 import { Popover, Button } from '@opentiny/vue'
 import { VueMonaco, PluginPanel } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/schema/test/test.js b/packages/plugins/schema/test/test.ts
similarity index 100%
rename from packages/plugins/schema/test/test.js
rename to packages/plugins/schema/test/test.ts
diff --git a/packages/plugins/schema/vite.config.js b/packages/plugins/schema/vite.config.ts
similarity index 90%
rename from packages/plugins/schema/vite.config.js
rename to packages/plugins/schema/vite.config.ts
index d0948969..62c6c37b 100644
--- a/packages/plugins/schema/vite.config.js
+++ b/packages/plugins/schema/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-schema',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/script/index.js b/packages/plugins/script/index.ts
similarity index 94%
rename from packages/plugins/script/index.js
rename to packages/plugins/script/index.ts
index a20178a8..221641b5 100644
--- a/packages/plugins/script/index.js
+++ b/packages/plugins/script/index.ts
@@ -11,7 +11,7 @@
  */
 
 import entry, { api } from './src/Main.vue'
-import metaData from './meta.js'
+import metaData from './meta'
 import './src/styles/vars.less'
 
 export default {
diff --git a/packages/plugins/script/mock/test.js b/packages/plugins/script/mock/test.ts
similarity index 100%
rename from packages/plugins/script/mock/test.js
rename to packages/plugins/script/mock/test.ts
diff --git a/packages/plugins/script/src/Main.vue b/packages/plugins/script/src/Main.vue
index bf72e84e..2f735f22 100644
--- a/packages/plugins/script/src/Main.vue
+++ b/packages/plugins/script/src/Main.vue
@@ -29,7 +29,7 @@
   </plugin-panel>
 </template>
 
-<script>
+<script lang="ts">
 import { onBeforeUnmount, reactive, provide } from 'vue'
 import { Button } from '@opentiny/vue'
 import { VueMonaco, PluginPanel } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/script/src/js/method.js b/packages/plugins/script/src/js/method.ts
similarity index 100%
rename from packages/plugins/script/src/js/method.js
rename to packages/plugins/script/src/js/method.ts
diff --git a/packages/plugins/script/test/test.js b/packages/plugins/script/test/test.ts
similarity index 100%
rename from packages/plugins/script/test/test.js
rename to packages/plugins/script/test/test.ts
diff --git a/packages/plugins/script/vite.config.js b/packages/plugins/script/vite.config.ts
similarity index 90%
rename from packages/plugins/script/vite.config.js
rename to packages/plugins/script/vite.config.ts
index bf4c1225..da88c6bd 100644
--- a/packages/plugins/script/vite.config.js
+++ b/packages/plugins/script/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-script',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/bridge/index.js b/packages/plugins/state/index.ts
similarity index 94%
rename from packages/plugins/bridge/index.js
rename to packages/plugins/state/index.ts
index 9b16408a..5efbd88c 100644
--- a/packages/plugins/bridge/index.js
+++ b/packages/plugins/state/index.ts
@@ -11,7 +11,7 @@
  */
 
 import entry from './src/Main.vue'
-import metaData from './meta.js'
+import metaData from './meta'
 import './src/styles/vars.less'
 
 export default {
diff --git a/packages/plugins/state/mock/test.js b/packages/plugins/state/mock/test.ts
similarity index 100%
rename from packages/plugins/state/mock/test.js
rename to packages/plugins/state/mock/test.ts
diff --git a/packages/plugins/state/src/CreateRemoteAPI.vue b/packages/plugins/state/src/CreateRemoteAPI.vue
index f1f6fe4b..f7ba2c01 100644
--- a/packages/plugins/state/src/CreateRemoteAPI.vue
+++ b/packages/plugins/state/src/CreateRemoteAPI.vue
@@ -89,7 +89,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { getCurrentInstance, reactive } from 'vue'
 import { ButtonGroup, Form, FormItem, Input, Popover, Switch, Button } from '@opentiny/vue'
 import { VueMonaco as MonacoEditor, MetaDescription } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/state/src/CreateRemoteFunction.vue b/packages/plugins/state/src/CreateRemoteFunction.vue
index 3612f87e..b636baae 100644
--- a/packages/plugins/state/src/CreateRemoteFunction.vue
+++ b/packages/plugins/state/src/CreateRemoteFunction.vue
@@ -6,7 +6,7 @@
   <monaco-editor ref="functionEditor" class="function-editor" :value="state.value" :options="state.options" />
 </template>
 
-<script>
+<script lang="ts">
 import { getCurrentInstance, reactive } from 'vue'
 import { VueMonaco } from '@opentiny/tiny-engine-common'
 import { iconDel } from '@opentiny/vue-icon'
diff --git a/packages/plugins/state/src/CreateStore.vue b/packages/plugins/state/src/CreateStore.vue
index 716718ab..3834df84 100644
--- a/packages/plugins/state/src/CreateStore.vue
+++ b/packages/plugins/state/src/CreateStore.vue
@@ -66,7 +66,7 @@
   </tiny-form>
 </template>
 
-<script>
+<script lang="ts">
 import { getCurrentInstance, reactive, ref, computed, watch } from 'vue'
 import { Form, FormItem, Input, Collapse as TinyCollapse, CollapseItem as TinyCollapseItem } from '@opentiny/vue'
 import { MonacoEditor } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/state/src/CreateVariable.vue b/packages/plugins/state/src/CreateVariable.vue
index 241ef517..a4557f66 100644
--- a/packages/plugins/state/src/CreateVariable.vue
+++ b/packages/plugins/state/src/CreateVariable.vue
@@ -87,7 +87,7 @@
   </tiny-form>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, ref, computed, watch, onBeforeUnmount } from 'vue'
 import {
   Form,
diff --git a/packages/plugins/state/src/DataSourceList.vue b/packages/plugins/state/src/DataSourceList.vue
index 728a721b..b319e3fd 100644
--- a/packages/plugins/state/src/DataSourceList.vue
+++ b/packages/plugins/state/src/DataSourceList.vue
@@ -20,7 +20,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script lang="tsx">
 import { computed } from 'vue'
 import { useModal, useResource } from '@opentiny/tiny-engine-meta-register'
 import { findExpressionInAppSchema } from '@opentiny/tiny-engine-common/js/ast'
diff --git a/packages/plugins/state/src/DataSourceRightPanel.vue b/packages/plugins/state/src/DataSourceRightPanel.vue
index 2510f893..0ddfea15 100644
--- a/packages/plugins/state/src/DataSourceRightPanel.vue
+++ b/packages/plugins/state/src/DataSourceRightPanel.vue
@@ -26,7 +26,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, toRefs, getCurrentInstance } from 'vue'
 import { Button } from '@opentiny/vue'
 import CreateRemote from './CreateRemoteAPI.vue'
diff --git a/packages/plugins/state/src/EditorI18nTool.vue b/packages/plugins/state/src/EditorI18nTool.vue
index 248af1ef..902ef785 100644
--- a/packages/plugins/state/src/EditorI18nTool.vue
+++ b/packages/plugins/state/src/EditorI18nTool.vue
@@ -38,7 +38,7 @@
   </tiny-popover>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, ref, computed } from 'vue'
 import { Button, Popover, Tooltip } from '@opentiny/vue'
 import { iconClose } from '@opentiny/vue-icon'
diff --git a/packages/plugins/state/src/Main.vue b/packages/plugins/state/src/Main.vue
index ab44f223..6eaffdf7 100644
--- a/packages/plugins/state/src/Main.vue
+++ b/packages/plugins/state/src/Main.vue
@@ -77,7 +77,7 @@
   </plugin-panel>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, ref, computed, onActivated, watch, provide } from 'vue'
 import { Button, Search, Tabs, TabItem } from '@opentiny/vue'
 import {
diff --git a/packages/plugins/state/src/StateFullscreenHead.vue b/packages/plugins/state/src/StateFullscreenHead.vue
index 75978bba..d6e97027 100644
--- a/packages/plugins/state/src/StateFullscreenHead.vue
+++ b/packages/plugins/state/src/StateFullscreenHead.vue
@@ -4,7 +4,7 @@
     <close-icon @close="close"></close-icon>
   </div>
 </template>
-<script>
+<script lang="ts">
 import { CloseIcon } from '@opentiny/tiny-engine-common'
 export default {
   props: {
diff --git a/packages/plugins/state/src/js/common.js b/packages/plugins/state/src/js/common.ts
similarity index 100%
rename from packages/plugins/state/src/js/common.js
rename to packages/plugins/state/src/js/common.ts
diff --git a/packages/plugins/state/src/js/constants.js b/packages/plugins/state/src/js/constants.ts
similarity index 100%
rename from packages/plugins/state/src/js/constants.js
rename to packages/plugins/state/src/js/constants.ts
diff --git a/packages/plugins/state/src/js/http.js b/packages/plugins/state/src/js/http.ts
similarity index 100%
rename from packages/plugins/state/src/js/http.js
rename to packages/plugins/state/src/js/http.ts
diff --git a/packages/plugins/state/test/test.js b/packages/plugins/state/test/test.ts
similarity index 100%
rename from packages/plugins/state/test/test.js
rename to packages/plugins/state/test/test.ts
diff --git a/packages/plugins/state/vite.config.js b/packages/plugins/state/vite.config.ts
similarity index 90%
rename from packages/plugins/state/vite.config.js
rename to packages/plugins/state/vite.config.ts
index caccb26a..26b84926 100644
--- a/packages/plugins/state/vite.config.js
+++ b/packages/plugins/state/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-state',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/tree/index.js b/packages/plugins/tree/index.js
deleted file mode 100644
index 9b16408a..00000000
--- a/packages/plugins/tree/index.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Copyright (c) 2023 - present TinyEngine Authors.
- * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-
-import entry from './src/Main.vue'
-import metaData from './meta.js'
-import './src/styles/vars.less'
-
-export default {
-  ...metaData,
-  entry
-}
diff --git a/packages/plugins/tree/index.ts b/packages/plugins/tree/index.ts
new file mode 100644
index 00000000..5efbd88c
--- /dev/null
+++ b/packages/plugins/tree/index.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+import entry from './src/Main.vue'
+import metaData from './meta'
+import './src/styles/vars.less'
+
+export default {
+  ...metaData,
+  entry
+}
diff --git a/packages/plugins/tree/mock/test.js b/packages/plugins/tree/mock/test.ts
similarity index 100%
rename from packages/plugins/tree/mock/test.js
rename to packages/plugins/tree/mock/test.ts
diff --git a/packages/plugins/tree/src/DraggableTree.vue b/packages/plugins/tree/src/DraggableTree.vue
index 3adfc1a4..43ef46ec 100644
--- a/packages/plugins/tree/src/DraggableTree.vue
+++ b/packages/plugins/tree/src/DraggableTree.vue
@@ -49,7 +49,7 @@
   </div>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { computed, defineEmits, defineProps, reactive, ref } from 'vue'
 
 const props = defineProps({
diff --git a/packages/plugins/tree/src/Main.vue b/packages/plugins/tree/src/Main.vue
index 00ad20dc..b778af6f 100644
--- a/packages/plugins/tree/src/Main.vue
+++ b/packages/plugins/tree/src/Main.vue
@@ -37,7 +37,7 @@
   </plugin-panel>
 </template>
 
-<script>
+<script lang="ts">
 import {
   reactive,
   watch,
diff --git a/packages/plugins/tree/test/test.js b/packages/plugins/tree/test/test.ts
similarity index 100%
rename from packages/plugins/tree/test/test.js
rename to packages/plugins/tree/test/test.ts
diff --git a/packages/plugins/tree/vite.config.js b/packages/plugins/tree/vite.config.ts
similarity index 90%
rename from packages/plugins/tree/vite.config.js
rename to packages/plugins/tree/vite.config.ts
index 778212cc..22a48490 100644
--- a/packages/plugins/tree/vite.config.js
+++ b/packages/plugins/tree/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-tree',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {
diff --git a/packages/plugins/tutorial/index.js b/packages/plugins/tutorial/index.ts
similarity index 94%
rename from packages/plugins/tutorial/index.js
rename to packages/plugins/tutorial/index.ts
index ca2edddb..9442fa53 100644
--- a/packages/plugins/tutorial/index.js
+++ b/packages/plugins/tutorial/index.ts
@@ -11,7 +11,7 @@
  */
 
 import entry, { api } from './src/Main.vue'
-import metaData from './meta.js'
+import metaData from './meta'
 import './src/styles/vars.less'
 
 export default {
diff --git a/packages/plugins/tutorial/mock/test.js b/packages/plugins/tutorial/mock/test.ts
similarity index 100%
rename from packages/plugins/tutorial/mock/test.js
rename to packages/plugins/tutorial/mock/test.ts
diff --git a/packages/plugins/tutorial/src/Main.vue b/packages/plugins/tutorial/src/Main.vue
index 36e91471..d9c68f95 100644
--- a/packages/plugins/tutorial/src/Main.vue
+++ b/packages/plugins/tutorial/src/Main.vue
@@ -41,7 +41,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { onMounted, reactive, ref } from 'vue'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
 import { IconChevronRight } from '@opentiny/vue-icon'
diff --git a/packages/plugins/tutorial/src/TutorialVideoPanel.vue b/packages/plugins/tutorial/src/TutorialVideoPanel.vue
index 45dffb65..4e84627a 100644
--- a/packages/plugins/tutorial/src/TutorialVideoPanel.vue
+++ b/packages/plugins/tutorial/src/TutorialVideoPanel.vue
@@ -16,7 +16,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import { reactive, ref, watchEffect, onMounted } from 'vue'
 import { PluginSetting, CloseIcon } from '@opentiny/tiny-engine-common'
 import { marked } from 'marked'
diff --git a/packages/plugins/tutorial/src/js/http.js b/packages/plugins/tutorial/src/js/http.ts
similarity index 100%
rename from packages/plugins/tutorial/src/js/http.js
rename to packages/plugins/tutorial/src/js/http.ts
diff --git a/packages/plugins/tutorial/test/test.js b/packages/plugins/tutorial/test/test.ts
similarity index 100%
rename from packages/plugins/tutorial/test/test.js
rename to packages/plugins/tutorial/test/test.ts
diff --git a/packages/plugins/tutorial/vite.config.js b/packages/plugins/tutorial/vite.config.ts
similarity index 90%
rename from packages/plugins/tutorial/vite.config.js
rename to packages/plugins/tutorial/vite.config.ts
index bc566cd4..ca0c7d2d 100644
--- a/packages/plugins/tutorial/vite.config.js
+++ b/packages/plugins/tutorial/vite.config.ts
@@ -23,9 +23,9 @@ export default defineConfig({
   resolve: {},
   build: {
     lib: {
-      entry: path.resolve(__dirname, './index.js'),
+      entry: path.resolve(__dirname, './index.ts'),
       name: 'plugin-tutorial',
-      fileName: () => 'index.js',
+      fileName: (_format, entryName) => `${entryName}.js`,
       formats: ['es']
     },
     rollupOptions: {