From 7c0dda007b64e10121e6d29388f8a9b1da5ce998 Mon Sep 17 00:00:00 2001
From: vdpAdmin <vdpadmin@163.com>
Date: Wed, 22 Dec 2021 18:27:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B7=A5=E5=85=B7=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=8F=92=E6=A7=BD=E9=80=8F=E4=BC=A0=E6=96=B9=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E4=BB=A5=E8=A7=A3=E5=86=B3CDN=E5=BC=95=E5=85=A5VForm?=
 =?UTF-8?q?=E5=90=8E=E6=8F=92=E6=A7=BD=E4=B8=8D=E6=94=AF=E6=8C=81=E6=9C=80?=
 =?UTF-8?q?=E6=96=B0v-slot=E8=AF=AD=E6=B3=95=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                          | 7 ++++++-
 src/components/form-designer/index.vue               | 9 ++++++++-
 src/components/form-designer/toolbar-panel/index.vue | 4 +++-
 vue.config.js                                        | 1 +
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1dd7893..edae4ae 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,11 @@
 <template>
   <div id="app">
-    <VFormDesigner />
+    <VFormDesigner>
+      <!-- 自定义按钮插槽演示 -->
+      <template #customToolButtons>
+        <el-button type="text">test</el-button>
+	    </template>
+    </VFormDesigner>
   </div>
 </template>
 
diff --git a/src/components/form-designer/index.vue b/src/components/form-designer/index.vue
index a3b7208..dc519bd 100644
--- a/src/components/form-designer/index.vue
+++ b/src/components/form-designer/index.vue
@@ -38,7 +38,9 @@
       <el-container class="center-layout-container">
         <el-header class="toolbar-header">
           <toolbar-panel :designer="designer" ref="toolbarRef">
-            <template #toolButtons><slot name="customToolButtons"></slot></template>
+            <template v-for="(idx, slotName) in $slots" #[slotName]>
+              <slot :name="slotName"></slot>
+            </template>
           </toolbar-panel>
         </el-header>
         <el-main class="form-widget-main">
@@ -143,6 +145,11 @@
       this.caseName = getQueryParam('case')
     },
     mounted() {
+      console.error('slot=====', this.$slots.customToolButtons)
+      console.info('slot=====2222', this.$slots.customToolButtons)
+      console.info('slot=====3333', this.$slots)
+      console.info('test info: ', 'aaaaaaaaaaaaaa')
+
       this.initLocale()
 
       this.scrollerHeight = window.innerHeight - 56 - 36 + 'px'
diff --git a/src/components/form-designer/toolbar-panel/index.vue b/src/components/form-designer/toolbar-panel/index.vue
index f1b0e40..77a9764 100644
--- a/src/components/form-designer/toolbar-panel/index.vue
+++ b/src/components/form-designer/toolbar-panel/index.vue
@@ -36,7 +36,9 @@
         {{i18nt('designer.toolbar.exportCode')}}</el-button>
       <el-button v-if="showToolButton('generateSFCButton')" type="text" @click="generateSFC">
         <svg-icon icon-class="vue-sfc" />{{i18nt('designer.toolbar.generateSFC')}}</el-button>
-      <slot name="toolButtons"></slot>
+      <template v-for="(idx, slotName) in $slots">
+        <slot :name="slotName"></slot>
+      </template>
     </div>
 
     <el-dialog :title="i18nt('designer.toolbar.preview')" :visible.sync="showPreviewDialogFlag" v-if="showPreviewDialogFlag"
diff --git a/vue.config.js b/vue.config.js
index df0604f..f0cc663 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -31,6 +31,7 @@ if (IS_PROD && buildProdFlag) {
 
 
 module.exports = {
+  publicPath: './',
   assetsDir: './',
 
   /* 开启vue运行时模板编译功能！！ */