fix(popeditor): add three slot to popeditor (opentiny#3416)

Author: shenjunjian

examples/sites/demos/apis/popeditor.js

@@ -444,6 +444,36 @@ export default {
       ],
       methods: [],
       slots: [
+        {
+          name: 'title-selection',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '已选择数据标题插槽',
+            'en-US': ''
+          },
+          mode: ['pc'],
+          pcDemo: ''
+        },
+        {
+          name: 'title-history',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '历史数据标题插槽',
+            'en-US': ''
+          },
+          mode: ['pc'],
+          pcDemo: ''
+        },
+        {
+          name: 'title-source',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '所有数据标题插槽',
+            'en-US': ''
+          },
+          mode: ['pc'],
+          pcDemo: ''
+        },
         {
           name: 'footer',
           defaultValue: '',

packages/vue/src/popeditor/src/pc.vue

@@ -151,15 +151,19 @@
                       'tiny-popeditor__tabs-selected': state.activeName === 'history'
                     }"
                   >
-                    <span>{{ t('ui.popeditor.historyLists') }}</span>
+                    <slot name="title-history">
+                      <span>{{ t('ui.popeditor.historyLists') }}</span>
+                    </slot>
                   </li>
                   <li
                     @click="state.activeName = 'source'"
                     :class="{
                       'tiny-popeditor__tabs-selected': state.activeName === 'source'
                     }"
                   >
-                    <span>{{ t('ui.popeditor.sourceLists') }}</span>
+                    <slot name="title-source">
+                      <span>{{ t('ui.popeditor.sourceLists') }}</span>
+                    </slot>
                   </li>
                 </ul>
               </div>
@@ -227,7 +231,9 @@
               <div class="tiny-popeditor__tabs-head">
                 <ul>
                   <li class="tiny-popeditor__tabs-selected">
-                    <span>{{ t('ui.popeditor.selectionLists') }}</span>
+                    <slot name="title-selection">
+                      <span>{{ t('ui.popeditor.selectionLists') }}</span>
+                    </slot>
                   </li>
                 </ul>
               </div>