diff --git a/src/views/interface/ThemeList.vue b/src/views/interface/ThemeList.vue
index 4e7c4d566..440d8de54 100644
--- a/src/views/interface/ThemeList.vue
+++ b/src/views/interface/ThemeList.vue
@@ -56,12 +56,6 @@
       </a-col>
     </a-row>
 
-    <ThemeSettingDrawer
-      v-model="themeSettingDrawer.visible"
-      :theme="themeSettingDrawer.selected"
-      @close="onThemeSettingsDrawerClose"
-    />
-
     <ThemeDeleteConfirmModal
       :theme="themeDeleteModal.selected"
       :visible.sync="themeDeleteModal.visible"
@@ -81,17 +75,18 @@
 </template>
 
 <script>
-import ThemeSettingDrawer from './components/ThemeSettingDrawer'
+// components
 import ThemeDeleteConfirmModal from './components/ThemeDeleteConfirmModal'
 import ThemeLocalUpgradeModal from './components/ThemeLocalUpgradeModal'
 import ThemeInstallModal from './components/ThemeInstallModal.vue'
 import { PageView } from '@/layouts'
+
+// libs
 import apiClient from '@/utils/api-client'
 
 export default {
   components: {
     PageView,
-    ThemeSettingDrawer,
     ThemeDeleteConfirmModal,
     ThemeLocalUpgradeModal,
     ThemeInstallModal
@@ -115,11 +110,6 @@ export default {
       themeDeleteModal: {
         visible: false,
         selected: {}
-      },
-
-      themeSettingDrawer: {
-        visible: false,
-        selected: {}
       }
     }
   },
@@ -192,10 +182,6 @@ export default {
           }
         }
       })
-    },
-    onThemeSettingsDrawerClose() {
-      this.themeSettingDrawer.visible = false
-      this.themeSettingDrawer.selected = {}
     }
   }
 }
diff --git a/src/views/interface/components/ThemeSettingDrawer.vue b/src/views/interface/components/ThemeSettingDrawer.vue
deleted file mode 100644
index ff5bdf743..000000000
--- a/src/views/interface/components/ThemeSettingDrawer.vue
+++ /dev/null
@@ -1,294 +0,0 @@
-<template>
-  <a-drawer
-    :afterVisibleChange="handleAfterVisibleChanged"
-    :title="`${theme.name} 主题设置`"
-    :visible="visible"
-    closable
-    destroyOnClose
-    placement="right"
-    width="100%"
-    @close="onClose"
-  >
-    <a-row :gutter="12" type="flex">
-      <a-col v-if="!viewMode" :lg="12" :md="12" :sm="24" :xl="12" :xs="24">
-        <a-card :bordered="false">
-          <img slot="cover" :alt="theme.name" :src="theme.screenshots" />
-          <a-card-meta :description="theme.description">
-            <template slot="title">
-              <a :href="author.website" target="_blank">{{ author.name }}</a>
-            </template>
-            <a-avatar v-if="theme.logo" slot="avatar" :src="theme.logo" size="large" />
-            <a-avatar v-else slot="avatar" size="large">{{ author.name }}</a-avatar>
-          </a-card-meta>
-        </a-card>
-      </a-col>
-      <a-col :lg="formColValue" :md="formColValue" :sm="24" :xl="formColValue" :xs="24" style="padding-bottom: 50px">
-        <a-spin :spinning="settingLoading">
-          <div v-if="themeConfigurations.length > 0" class="card-container">
-            <a-tabs defaultActiveKey="0" type="card">
-              <a-tab-pane v-for="(group, index) in themeConfigurations" :key="index.toString()" :tab="group.label">
-                <a-form :wrapperCol="wrapperCol" layout="vertical">
-                  <a-form-item v-for="(item, index1) in group.items" :key="index1" :label="item.label + '：'">
-                    <p v-if="item.description && item.description !== ''" slot="help" v-html="item.description"></p>
-                    <a-input
-                      v-if="item.type === 'TEXT'"
-                      v-model="themeSettings[item.name]"
-                      :defaultValue="item.defaultValue"
-                      :placeholder="item.placeholder"
-                    />
-                    <a-input
-                      v-else-if="item.type === 'TEXTAREA'"
-                      v-model="themeSettings[item.name]"
-                      :autoSize="{ minRows: 5 }"
-                      :placeholder="item.placeholder"
-                      type="textarea"
-                    />
-                    <a-radio-group
-                      v-else-if="item.type === 'RADIO'"
-                      v-model="themeSettings[item.name]"
-                      v-decorator="['radio-group']"
-                      :defaultValue="item.defaultValue"
-                    >
-                      <a-radio v-for="(option, index2) in item.options" :key="index2" :value="option.value"
-                        >{{ option.label }}
-                      </a-radio>
-                    </a-radio-group>
-                    <a-select
-                      v-else-if="item.type === 'SELECT'"
-                      v-model="themeSettings[item.name]"
-                      :defaultValue="item.defaultValue"
-                    >
-                      <a-select-option v-for="option in item.options" :key="option.value" :value="option.value"
-                        >{{ option.label }}
-                      </a-select-option>
-                    </a-select>
-                    <verte
-                      v-else-if="item.type === 'COLOR'"
-                      v-model="themeSettings[item.name]"
-                      :defaultValue="item.defaultValue"
-                      model="hex"
-                      picker="square"
-                      style="display: inline-block; height: 24px"
-                    ></verte>
-                    <a-input
-                      v-else-if="item.type === 'ATTACHMENT'"
-                      v-model="themeSettings[item.name]"
-                      :defaultValue="item.defaultValue"
-                    >
-                      <a slot="addonAfter" href="javascript:void(0);" @click="handleShowSelectAttachment(item.name)">
-                        <a-icon type="picture" />
-                      </a>
-                    </a-input>
-                    <a-input-number
-                      v-else-if="item.type === 'NUMBER'"
-                      v-model="themeSettings[item.name]"
-                      :defaultValue="item.defaultValue"
-                      style="width: 100%"
-                    />
-                    <a-switch
-                      v-else-if="item.type === 'SWITCH'"
-                      v-model="themeSettings[item.name]"
-                      :defaultChecked="item.defaultValue"
-                    />
-                    <a-input
-                      v-else
-                      v-model="themeSettings[item.name]"
-                      :defaultValue="item.defaultValue"
-                      :placeholder="item.placeholder"
-                    />
-                  </a-form-item>
-                </a-form>
-              </a-tab-pane>
-            </a-tabs>
-          </div>
-          <a-empty v-if="themeConfigurations.length <= 0 && !settingLoading" description="当前主题暂无设置选项" />
-        </a-spin>
-      </a-col>
-
-      <a-col v-if="viewMode" :lg="20" :md="20" :sm="24" :xl="20" :xs="24" style="padding-bottom: 50px">
-        <a-card :bodyStyle="{ padding: 0 }" :bordered="true">
-          <iframe
-            id="themeViewIframe"
-            :height="clientHeight - 165"
-            :src="options.blog_url"
-            border="0"
-            frameborder="0"
-            scrolling="auto"
-            title="主题预览"
-            width="100%"
-          >
-          </iframe>
-        </a-card>
-      </a-col>
-    </a-row>
-
-    <AttachmentSelectModal
-      :multiSelect="false"
-      :visible.sync="attachmentSelectVisible"
-      @confirm="handleSelectAttachment"
-    />
-
-    <footer-tool-bar v-if="themeConfigurations.length > 0" class="w-full">
-      <a-space>
-        <a-button v-if="!this.isMobile() && theme.activated && viewMode" ghost type="primary" @click="toggleViewMode"
-          >普通模式
-        </a-button>
-        <a-button v-else-if="!this.isMobile() && theme.activated && !viewMode" type="dashed" @click="toggleViewMode"
-          >预览模式
-        </a-button>
-        <ReactiveButton
-          :errored="saveErrored"
-          :loading="saving"
-          erroredText="保存失败"
-          loadedText="保存成功"
-          text="保存"
-          type="primary"
-          @callback="saveErrored = false"
-          @click="handleSaveSettings"
-        ></ReactiveButton>
-      </a-space>
-    </footer-tool-bar>
-  </a-drawer>
-</template>
-<script>
-import { mixin, mixinDevice } from '@/mixins/mixin.js'
-import { mapGetters } from 'vuex'
-import FooterToolBar from '@/components/FooterToolbar'
-import Verte from 'verte'
-import 'verte/dist/verte.css'
-import apiClient from '@/utils/api-client'
-
-export default {
-  name: 'ThemeSetting',
-  mixins: [mixin, mixinDevice],
-  components: {
-    FooterToolBar,
-    Verte
-  },
-  data() {
-    return {
-      attachmentSelectVisible: false,
-      themeConfigurations: [],
-      themeSettings: [],
-      settingLoading: true,
-      selectedField: '',
-      wrapperCol: {
-        xl: { span: 12 },
-        lg: { span: 12 },
-        sm: { span: 24 },
-        xs: { span: 24 }
-      },
-      viewMode: false,
-      formColValue: 12,
-      clientHeight: document.documentElement.clientHeight,
-      saving: false,
-      saveErrored: false
-    }
-  },
-  model: {
-    prop: 'visible',
-    event: 'close'
-  },
-  props: {
-    theme: {
-      type: Object,
-      required: true,
-      default: () => {}
-    },
-    visible: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  computed: {
-    ...mapGetters(['options']),
-    author() {
-      if (this.theme.author) {
-        return this.theme.author
-      }
-      return {}
-    }
-  },
-  methods: {
-    async handleFetchConfiguration() {
-      this.settingLoading = true
-      await apiClient.theme.listConfigurations(this.theme.id).then(response => {
-        this.themeConfigurations = response.data
-      })
-      this.handleFetchSettings()
-    },
-    handleFetchSettings() {
-      apiClient.theme
-        .listSettings(this.theme.id)
-        .then(response => {
-          this.themeSettings = response.data
-        })
-        .finally(() => {
-          this.settingLoading = false
-        })
-    },
-    handleSaveSettings() {
-      this.saving = true
-      apiClient.theme
-        .saveSettings(this.theme.id, this.themeSettings)
-        .then(() => {
-          if (this.viewMode) {
-            document.getElementById('themeViewIframe').contentWindow.location.reload(true)
-          }
-        })
-        .catch(() => {
-          this.saveErrored = true
-        })
-        .finally(() => {
-          setTimeout(() => {
-            this.saving = false
-          }, 400)
-        })
-    },
-    onClose() {
-      this.$emit('close', false)
-    },
-    handleShowSelectAttachment(field) {
-      this.selectedField = field
-      this.attachmentSelectVisible = true
-    },
-    handleSelectAttachment({ raw }) {
-      if (raw.length) {
-        this.$set(this.themeSettings, this.selectedField, encodeURI(raw[0].path))
-      }
-      // this.themeSettings[this.selectedField] = encodeURI(data.path)
-      this.attachmentSelectVisible = false
-    },
-    handleAfterVisibleChanged(visible) {
-      if (visible) {
-        this.handleFetchConfiguration()
-      } else {
-        this.themeConfigurations = []
-        this.themeSettings = []
-        this.settingLoading = true
-      }
-    },
-    toggleViewMode() {
-      this.viewMode = !this.viewMode
-      if (this.viewMode) {
-        this.formColValue = 4
-        this.wrapperCol = {
-          xl: { span: 24 },
-          lg: { span: 24 },
-          sm: { span: 24 },
-          xs: { span: 24 }
-        }
-      } else {
-        this.formColValue = 12
-        this.wrapperCol = {
-          xl: { span: 12 },
-          lg: { span: 12 },
-          sm: { span: 24 },
-          xs: { span: 24 }
-        }
-      }
-    }
-  }
-}
-</script>
diff --git a/src/views/sheet/components/SheetSettingDrawer.vue b/src/views/sheet/components/SheetSettingDrawer.vue
deleted file mode 100644
index 935a80a11..000000000
--- a/src/views/sheet/components/SheetSettingDrawer.vue
+++ /dev/null
@@ -1,430 +0,0 @@
-<template>
-  <a-drawer
-    :afterVisibleChange="handleAfterVisibleChanged"
-    :visible="visible"
-    :width="isMobile() ? '100%' : '480'"
-    closable
-    destroyOnClose
-    placement="right"
-    title="页面设置"
-    @close="onClose"
-  >
-    <div class="post-setting-drawer-content">
-      <div class="mb-4">
-        <h3 class="post-setting-drawer-title">基本设置</h3>
-        <div class="post-setting-drawer-item">
-          <a-form>
-            <a-form-item v-if="needTitle" label="页面标题：">
-              <a-input v-model="selectedSheet.title" />
-            </a-form-item>
-            <a-form-item :help="fullPath" label="页面别名：">
-              <a-input v-model="selectedSheet.slug">
-                <template #addonAfter>
-                  <a-popconfirm
-                    cancel-text="取消"
-                    ok-text="确定"
-                    placement="left"
-                    title="是否确定根据标题重新生成别名？"
-                    @confirm="handleSetPinyinSlug"
-                  >
-                    <a-icon class="cursor-pointer" type="sync" />
-                  </a-popconfirm>
-                </template>
-              </a-input>
-            </a-form-item>
-            <a-form-item label="发表时间：">
-              <a-date-picker
-                :defaultValue="pickerDefaultValue"
-                format="YYYY-MM-DD HH:mm:ss"
-                placeholder="选择页面发表时间"
-                showTime
-                @change="onSheetDateChange"
-                @ok="onSheetDateOk"
-              />
-            </a-form-item>
-            <a-form-item label="开启评论：">
-              <a-radio-group v-model="selectedSheet.disallowComment" :defaultValue="false">
-                <a-radio :value="false">开启</a-radio>
-                <a-radio :value="true">关闭</a-radio>
-              </a-radio-group>
-            </a-form-item>
-            <a-form-item v-if="customTpls.length > 0" label="自定义模板：">
-              <a-select v-model="selectedSheet.template" :loading="customTplsLoading">
-                <a-select-option key="" value="">无</a-select-option>
-                <a-select-option v-for="tpl in customTpls" :key="tpl" :value="tpl">{{ tpl }}</a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-form>
-        </div>
-      </div>
-      <a-divider />
-
-      <div class="mb-4">
-        <h3 class="post-setting-drawer-title">摘要</h3>
-        <div class="post-setting-drawer-item">
-          <a-form>
-            <a-form-item>
-              <a-input
-                v-model="selectedSheet.summary"
-                :autoSize="{ minRows: 5 }"
-                placeholder="不填写则会自动生成"
-                type="textarea"
-              />
-            </a-form-item>
-          </a-form>
-        </div>
-      </div>
-      <a-divider />
-
-      <div class="mb-4">
-        <h3 class="post-setting-drawer-title">封面图</h3>
-        <div class="post-setting-drawer-item">
-          <div class="sheet-thumb">
-            <a-space direction="vertical">
-              <img
-                :src="selectedSheet.thumbnail || '/images/placeholder.jpg'"
-                class="img"
-                @click="thumbDrawerVisible = true"
-              />
-              <a-input v-model="selectedSheet.thumbnail" placeholder="点击封面图选择图片，或者输入外部链接"></a-input>
-              <a-button type="dashed" @click="selectedSheet.thumbnail = null">移除</a-button>
-            </a-space>
-          </div>
-        </div>
-      </div>
-      <a-divider class="divider-transparent" />
-    </div>
-
-    <AttachmentSelectModal :multiSelect="false" :visible.sync="thumbDrawerVisible" @confirm="handleSelectSheetThumb" />
-    <a-drawer
-      :visible="advancedVisible"
-      :width="isMobile() ? '100%' : '480'"
-      closable
-      destroyOnClose
-      placement="right"
-      title="高级设置"
-      @close="advancedVisible = false"
-    >
-      <div class="post-setting-drawer-content">
-        <div class="mb-4">
-          <h3 class="post-setting-drawer-title">SEO 设置</h3>
-          <div class="post-setting-drawer-item">
-            <a-form>
-              <a-form-item label="自定义关键词：">
-                <a-input v-model="selectedSheet.metaKeywords" placeholder="多个关键词以英文逗号隔开" />
-              </a-form-item>
-              <a-form-item label="自定义描述：">
-                <a-input
-                  v-model="selectedSheet.metaDescription"
-                  :autoSize="{ minRows: 5 }"
-                  placeholder="如不填写，会从页面中自动截取"
-                  type="textarea"
-                />
-              </a-form-item>
-            </a-form>
-          </div>
-        </div>
-        <a-divider />
-        <div class="mb-4">
-          <h3 class="post-setting-drawer-title">元数据</h3>
-          <a-form>
-            <a-form-item v-for="(meta, index) in selectedMetas" :key="index" :prop="'meta.' + index + '.value'">
-              <a-row :gutter="5">
-                <a-col :span="12">
-                  <a-input v-model="meta.key"><i slot="addonBefore">K</i></a-input>
-                </a-col>
-                <a-col :span="12">
-                  <a-input v-model="meta.value">
-                    <i slot="addonBefore">V</i>
-                    <a slot="addonAfter" href="javascript:void(0);" @click.prevent="handleRemoveSheetMeta(meta)">
-                      <a-icon type="close" />
-                    </a>
-                  </a-input>
-                </a-col>
-              </a-row>
-            </a-form-item>
-            <a-form-item>
-              <a-button type="dashed" @click="handleInsertSheetMeta()">新增</a-button>
-            </a-form-item>
-          </a-form>
-        </div>
-        <a-divider class="divider-transparent" />
-      </div>
-      <div class="bottom-control">
-        <a-space>
-          <a-button type="primary" @click="advancedVisible = false">返回</a-button>
-        </a-space>
-      </div>
-    </a-drawer>
-
-    <div class="bottom-control">
-      <a-space>
-        <a-button type="dashed" @click="advancedVisible = true">高级</a-button>
-        <ReactiveButton
-          v-if="saveDraftButton"
-          :errored="draftSaveErrored"
-          :loading="draftSaving"
-          erroredText="保存失败"
-          loadedText="保存成功"
-          text="保存草稿"
-          type="danger"
-          @callback="handleSavedCallback"
-          @click="handleDraftClick"
-        ></ReactiveButton>
-        <ReactiveButton
-          :errored="saveErrored"
-          :erroredText="`${selectedSheet.id ? '保存' : '发布'}失败`"
-          :loadedText="`${selectedSheet.id ? '保存' : '发布'}成功`"
-          :loading="saving"
-          :text="`${selectedSheet.id ? '保存' : '发布'}`"
-          @callback="handleSavedCallback"
-          @click="handlePublishClick()"
-        ></ReactiveButton>
-      </a-space>
-    </div>
-  </a-drawer>
-</template>
-<script>
-// libs
-import { mixin, mixinDevice } from '@/mixins/mixin.js'
-import { datetimeFormat } from '@/utils/datetime'
-import { mapGetters } from 'vuex'
-import pinyin from 'tiny-pinyin'
-
-// apis
-import apiClient from '@/utils/api-client'
-
-export default {
-  name: 'SheetSettingDrawer',
-  mixins: [mixin, mixinDevice],
-  data() {
-    return {
-      thumbDrawerVisible: false,
-      advancedVisible: false,
-      customTplsLoading: false,
-      selectedSheet: this.sheet,
-      customTpls: [],
-      saving: false,
-      saveErrored: false,
-      draftSaving: false,
-      draftSaveErrored: false
-    }
-  },
-  props: {
-    sheet: {
-      type: Object,
-      required: true
-    },
-    metas: {
-      type: Array,
-      required: true
-    },
-    needTitle: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    saveDraftButton: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    visible: {
-      type: Boolean,
-      required: false,
-      default: true
-    }
-  },
-  watch: {
-    sheet(val) {
-      this.selectedSheet = val
-    },
-    selectedSheet(val) {
-      this.$emit('onRefreshSheet', val)
-    },
-    selectedMetas(val) {
-      this.$emit('onRefreshSheetMetas', val)
-    }
-  },
-  computed: {
-    ...mapGetters(['options']),
-    selectedMetas() {
-      return this.metas
-    },
-    pickerDefaultValue() {
-      if (this.selectedSheet.createTime) {
-        const date = new Date(this.selectedSheet.createTime)
-        return datetimeFormat(date, 'YYYY-MM-DD HH:mm:ss')
-      }
-      return datetimeFormat(new Date(), 'YYYY-MM-DD HH:mm:ss')
-    },
-    fullPath() {
-      const permalinkType = this.options.sheet_permalink_type
-      const blogUrl = this.options.blog_url
-      const sheetPrefix = this.options.sheet_prefix
-      const pathSuffix = this.options.path_suffix ? this.options.path_suffix : ''
-      switch (permalinkType) {
-        case 'SECONDARY':
-          return `${blogUrl}/${sheetPrefix}/${
-            this.selectedSheet.slug ? this.selectedSheet.slug : '{slug}'
-          }${pathSuffix}`
-        case 'ROOT':
-          return `${blogUrl}/${this.selectedSheet.slug ? this.selectedSheet.slug : '{slug}'}${pathSuffix}`
-        default:
-          return ''
-      }
-    }
-  },
-  methods: {
-    handleAfterVisibleChanged(visible) {
-      if (visible) {
-        this.handleListCustomTpls()
-        this.handleListPresetMetasField()
-        if (!this.selectedSheet.slug && !this.selectedSheet.id) {
-          this.handleSetPinyinSlug()
-        }
-      }
-    },
-    handleListPresetMetasField() {
-      if (this.metas.length <= 0) {
-        apiClient.theme.getActivatedTheme().then(response => {
-          const fields = response.data.sheetMetaField
-          if (fields && fields.length > 0) {
-            for (let i = 0, len = fields.length; i < len; i++) {
-              this.selectedMetas.push({
-                value: '',
-                key: fields[i]
-              })
-            }
-          }
-        })
-      }
-    },
-    handleListCustomTpls() {
-      this.customTplsLoading = true
-      apiClient.theme
-        .listCustomSheetTemplates()
-        .then(response => {
-          this.customTpls = response.data
-        })
-        .finally(() => {
-          this.customTplsLoading = false
-        })
-    },
-    handleSelectSheetThumb({ raw }) {
-      if (raw.length) {
-        this.selectedSheet.thumbnail = encodeURI(raw[0].path)
-      }
-      this.thumbDrawerVisible = false
-    },
-    handlePublishClick() {
-      this.selectedSheet.status = 'PUBLISHED'
-      this.createOrUpdateSheet()
-    },
-    handleDraftClick() {
-      this.selectedSheet.status = 'DRAFT'
-      this.createOrUpdateSheet()
-    },
-    createOrUpdateSheet() {
-      if (!this.selectedSheet.title) {
-        this.$notification['error']({
-          message: '提示',
-          description: '页面标题不能为空！'
-        })
-        return
-      }
-      this.selectedSheet.metas = this.selectedMetas
-      if (this.selectedSheet.status === 'DRAFT') {
-        this.draftSaving = true
-      } else {
-        this.saving = true
-      }
-      if (this.selectedSheet.id) {
-        apiClient.sheet
-          .update(this.selectedSheet.id, this.selectedSheet)
-          .catch(() => {
-            if (this.selectedSheet.status === 'DRAFT') {
-              this.draftSaveErrored = true
-            } else {
-              this.saveErrored = true
-            }
-          })
-          .finally(() => {
-            setTimeout(() => {
-              this.saving = false
-              this.draftSaving = false
-            }, 400)
-          })
-      } else {
-        apiClient.sheet
-          .create(this.selectedSheet)
-          .catch(() => {
-            if (this.selectedSheet.status === 'DRAFT') {
-              this.draftSaveErrored = true
-            } else {
-              this.saveErrored = true
-            }
-          })
-          .then(response => {
-            this.selectedSheet = response.data
-          })
-          .finally(() => {
-            setTimeout(() => {
-              this.saving = false
-              this.draftSaving = false
-            }, 400)
-          })
-      }
-    },
-    handleSavedCallback() {
-      if (this.draftSaveErrored || this.saveErrored) {
-        this.draftSaveErrored = false
-        this.saveErrored = false
-      } else {
-        this.$emit('onSaved', true)
-        this.$router.push({ name: 'SheetList', query: { activeKey: 'custom' } })
-      }
-    },
-    onClose() {
-      this.$emit('close', false)
-    },
-    onSheetDateChange(value) {
-      this.selectedSheet.createTime = value.valueOf()
-    },
-    onSheetDateOk(value) {
-      this.selectedSheet.createTime = value.valueOf()
-    },
-    handleRemoveSheetMeta(item) {
-      const index = this.selectedMetas.indexOf(item)
-      if (index !== -1) {
-        this.selectedMetas.splice(index, 1)
-      }
-    },
-    handleInsertSheetMeta() {
-      this.selectedMetas.push({
-        value: '',
-        key: ''
-      })
-    },
-    handleSetPinyinSlug() {
-      if (this.selectedSheet.title) {
-        if (pinyin.isSupported()) {
-          let result = ''
-          const tokens = pinyin.parse(this.selectedSheet.title.replace(/\s+/g, '').toLowerCase())
-          let lastToken
-          tokens.forEach(token => {
-            if (token.type === 2) {
-              const target = token.target ? token.target.toLowerCase() : ''
-              result += result && !/\n|\s/.test(lastToken.target) ? '-' + target : target
-            } else {
-              result += (lastToken && lastToken.type === 2 ? '-' : '') + token.target
-            }
-            lastToken = token
-          })
-          this.$set(this.selectedSheet, 'slug', result)
-        }
-      }
-    }
-  }
-}
-</script>