diff --git a/data-room-ui/example/customDatasetComponents/jsDataSet/config.js b/data-room-ui/example/customDatasetComponents/jsDataSet/config.js
deleted file mode 100644
index bf75d59c..00000000
--- a/data-room-ui/example/customDatasetComponents/jsDataSet/config.js
+++ /dev/null
@@ -1,11 +0,0 @@
-const config = {
-  name: 'JS数据集',
-  datasetType: 'js',
-  className: 'com.gccloud.dataset.entity.config.JsDataSetConfig',
-  componentName: 'JsDataSet',
-  showOperate: true
-}
-
-export default {
-  config
-}
diff --git a/data-room-ui/example/customDatasetComponents/jsDataSet/FieldFillDialog.vue b/data-room-ui/packages/DataSetManagement/src/JsComponents/FieldFillDialog.vue
similarity index 96%
rename from data-room-ui/example/customDatasetComponents/jsDataSet/FieldFillDialog.vue
rename to data-room-ui/packages/DataSetManagement/src/JsComponents/FieldFillDialog.vue
index fc9f09b8..1d50f492 100644
--- a/data-room-ui/example/customDatasetComponents/jsDataSet/FieldFillDialog.vue
+++ b/data-room-ui/packages/DataSetManagement/src/JsComponents/FieldFillDialog.vue
@@ -72,7 +72,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../packages/assets/style/bsTheme.scss';
+@import '../../../assets/style/bsTheme.scss';
 
 ::v-deep .el-dialog__body {
     height: fit-content;
diff --git a/data-room-ui/example/customDatasetComponents/jsDataSet/OutputFieldDialog.vue b/data-room-ui/packages/DataSetManagement/src/JsComponents/OutputFieldDialog.vue
similarity index 97%
rename from data-room-ui/example/customDatasetComponents/jsDataSet/OutputFieldDialog.vue
rename to data-room-ui/packages/DataSetManagement/src/JsComponents/OutputFieldDialog.vue
index ed9495ea..02074428 100644
--- a/data-room-ui/example/customDatasetComponents/jsDataSet/OutputFieldDialog.vue
+++ b/data-room-ui/packages/DataSetManagement/src/JsComponents/OutputFieldDialog.vue
@@ -108,5 +108,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../packages/assets/style/bsTheme.scss';
+@import '../../../assets/style/bsTheme.scss';
 </style>
diff --git a/data-room-ui/example/customDatasetComponents/jsDataSet/ParamsSettingDialog.vue b/data-room-ui/packages/DataSetManagement/src/JsComponents/ParamsSettingDialog.vue
similarity index 99%
rename from data-room-ui/example/customDatasetComponents/jsDataSet/ParamsSettingDialog.vue
rename to data-room-ui/packages/DataSetManagement/src/JsComponents/ParamsSettingDialog.vue
index 9e63501d..f98d077f 100644
--- a/data-room-ui/example/customDatasetComponents/jsDataSet/ParamsSettingDialog.vue
+++ b/data-room-ui/packages/DataSetManagement/src/JsComponents/ParamsSettingDialog.vue
@@ -217,5 +217,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../packages/assets/style/bsTheme.scss';
+@import '../../../assets/style/bsTheme.scss';
 </style>
diff --git a/data-room-ui/example/customDatasetComponents/jsDataSet/index.vue b/data-room-ui/packages/DataSetManagement/src/JsEditForm.vue
similarity index 98%
rename from data-room-ui/example/customDatasetComponents/jsDataSet/index.vue
rename to data-room-ui/packages/DataSetManagement/src/JsEditForm.vue
index 1e410379..0d40ee99 100644
--- a/data-room-ui/example/customDatasetComponents/jsDataSet/index.vue
+++ b/data-room-ui/packages/DataSetManagement/src/JsEditForm.vue
@@ -352,16 +352,16 @@
 </template>
 
 <script>
-import ParamsSettingDialog from './ParamsSettingDialog.vue'
-import OutputFieldDialog from './OutputFieldDialog.vue'
-import FieldFillDialog from './FieldFillDialog.vue'
+import ParamsSettingDialog from './JsComponents/ParamsSettingDialog.vue'
+import OutputFieldDialog from './JsComponents/OutputFieldDialog.vue'
+import FieldFillDialog from './JsComponents/FieldFillDialog.vue'
 import { nameCheckRepeat, datasetAdd, datasetUpdate, getDataset, getCategoryTree } from 'data-room-ui/js/utils/datasetConfigService'
 import { codemirror } from 'vue-codemirror'
 import 'codemirror/mode/javascript/javascript'
 import 'codemirror/lib/codemirror.css'
 import 'codemirror/theme/nord.css'
 export default {
-  name: 'JsDataSet',
+  name: 'JsEditForm',
   components: {
     codemirror,
     FieldFillDialog,
@@ -742,7 +742,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../packages/assets/style/bsTheme.scss';
+@import '../../assets/style/bsTheme.scss';
 
 .data-set-scrollbar {
   height: 100%;
diff --git a/data-room-ui/packages/DataSetManagement/src/index.vue b/data-room-ui/packages/DataSetManagement/src/index.vue
index 653416cf..2d552979 100644
--- a/data-room-ui/packages/DataSetManagement/src/index.vue
+++ b/data-room-ui/packages/DataSetManagement/src/index.vue
@@ -239,6 +239,7 @@
 
 <script>
 import TypeTree from './TypeTree.vue'
+import JsEditForm from './JsEditForm.vue'
 import JsonEditForm from './JsonEditForm.vue'
 import table from 'data-room-ui/js/utils/table.js'
 import ScriptEditForm from './ScriptEditForm.vue'
@@ -261,7 +262,8 @@ export default {
     CustomEditForm,
     JsonEditForm,
     StoredProcedureEditForm,
-    ScriptEditForm
+    ScriptEditForm,
+    JsEditForm
   },
   mixins: [pageMixins],
   props: {
@@ -456,6 +458,8 @@ export default {
     },
     // 新增数据集-类型
     openAddForm (type, componentName) {
+      console.log('type', type)
+      console.log('componentName', componentName)
       this.datasetType = type
       this.componentData = this.getComponents(componentName)
       this.typeId = this.queryForm.typeId
@@ -465,16 +469,17 @@ export default {
       return this.getComponents(this.datasetTypeList.find(type => type.datasetType === datasetType)?.componentName)?.config?.showOperate ?? true
     },
     getComponents (componentName) {
+      const components = Object.values(this.$options.components)
+      let remoteComponentData = null
       if (window.BS_CONFIG?.customDatasetComponents && window.BS_CONFIG?.customDatasetComponents.length > 0) {
-        const components = Object.values(this.$options.components)
-        let remoteComponentData = null
         // 获取远程组件
         remoteComponentData = window.BS_CONFIG?.customDatasetComponents.find(item => item.config.componentName === componentName)
-        return {
-          component: components.find(component => component.name === componentName) || remoteComponentData?.vueFile,
-          config: remoteComponentData?.config || null,
-          key: new Date().getTime()
-        }
+      }
+
+      return {
+        component: components.find(component => component.name === componentName) || remoteComponentData?.vueFile,
+        config: remoteComponentData?.config || null,
+        key: new Date().getTime()
       }
     },
     // 初始化
@@ -496,7 +501,8 @@ export default {
         { name: '自助数据集', datasetType: 'custom', componentName: 'CustomEditForm' },
         { name: '存储过程数据集', datasetType: 'storedProcedure', componentName: 'StoredProcedureEditForm' },
         { name: 'JSON数据集', datasetType: 'json', componentName: 'JsonEditForm' },
-        { name: '脚本数据集', datasetType: 'script', componentName: 'ScriptEditForm' }
+        { name: '脚本数据集', datasetType: 'script', componentName: 'ScriptEditForm' },
+        { name: 'JS数据集', datasetType: 'js', componentName: 'JsEditForm' }
       ]
       if (this.dataSetList.length !== 0) {
         this.datasetTypeList = [{ name: '全部', datasetType: '' }, ...list.filter(item => this.dataSetList.findIndex(x => x === item.datasetType) !== -1)]
diff --git a/data-room-ui/vue.config.package.js b/data-room-ui/vue.config.package.js
index 03f7ae05..ec49392f 100644
--- a/data-room-ui/vue.config.package.js
+++ b/data-room-ui/vue.config.package.js
@@ -50,7 +50,7 @@ module.exports = {
     resolve: {
       alias: {
         '@': resolve('example'),
-        packages: resolve('packages')
+        'data-room-ui': resolve('packages')
       },
       fallback: {
         path: false,