artalk 2.1.4 → 2.1.7

package/README.md

@@ -1,84 +0,0 @@
-<p align="center">
-<img src="https://user-images.githubusercontent.com/22412567/137740516-d9e97af0-fb3b-4dab-b331-671a9a2a3a63.png" alt="Artalk" width="100%">
-</p>
-
-# Artalk
-
-[![](https://img.shields.io/npm/v/artalk.svg?style=flat-square)](https://www.npmjs.com/package/artalk)
-[![](https://img.shields.io/npm/dt/artalk.svg?style=flat-square)](https://www.npmjs.com/package/artalk)
-[![](https://img.shields.io/github/last-commit/ArtalkJS/Artalk/master.svg?style=flat-square)](https://github.com/ArtalkJS/Artalk/commits/master)
-[![](https://img.shields.io/github/issues-raw/ArtalkJS/Artalk.svg?style=flat-square)](https://github.com/ArtalkJS/Artalk/issues)
-[![](https://img.shields.io/github/issues-pr-raw/ArtalkJS/Artalk.svg?style=flat-square)](https://github.com/ArtalkJS/Artalk/pulls)
-[![](https://img.shields.io/travis/com/ArtalkJS/Artalk?style=flat-square)](https://travis-ci.com/ArtalkJS/Artalk)
-[![](https://img.shields.io/github/license/ArtalkJS/Artalk.svg?style=flat-square)](./LICENSE)
-
-> 🌌 一款简洁的自托管评论系统 | A Selfhosted Comment System.
-
-前往：[“**官方文档**”](https://artalk.js.org)
-
----
-
-- 轻量 (~30kB gzipped)
-- 自托管 (隐私安全)
-- 简单易上手 (防秃顶)
-- Markdown 语法 (通用性)
-- Golang 后端 (易部署 / 跨平台)
-
-## 特性
-
-- 表 情 包 ：统一管理 / 链接替换
-- 通知中心：红点标记 / 已读记录
-- 身份验证：徽标自定义 / 密码验证
-- 站点隔离：多站点管理 / 站点管理员用户分配
-- 评论审核：反垃圾检测 / 验证码 / 提交频率限制
-- 邮件提醒：模版自定义 / 多管理员通知
-- 树洞模式：仅自己可见 / 说说功能
-- 页面管理：标题可显示 / 快速跳转
-- 无限层级：可切换为 “平铺模式”
-- 评论投票：赞同还是反对评论
-- 异步处理：邮件发送无需等待
-- 滚动加载：评论内容分页处置
-- 自动保存：用户输入防丢功能
-- 自动填充：用户链接自动填充
-- 暗黑模式：防止眼部疾病伤害
-- 评论折叠：这个不打算给你康
-- 数据备份：防止评论数据丢失
-- 数据迁移：在不同评论系统之间来回切换
-- 一页多评：一页多个评论区（似乎没啥用
-- TypeScript & Vanilla：纯天然无添加 / 无需依赖
-- [Vite](https://github.com/vitejs/vite)：开发者的极致体验
-
-## 食用方针
-
-前往：[“**文档 · 部署**”](https://artalk.js.org/guide/deploy.html)
-
-```sh
-$ yarn add artalk
-```
-
-```ts
-import Artalk from 'artalk'
-
-new Artalk({
-  el:        '#Comments',
-  pageKey:   '<页面链接>',
-  pageTitle: '<页面标题>',
-  server:    '<后端地址>',
-  site:      '<站点名称>',
-})
-```
-
-## 特别致谢
-
-感谢社区提供的帮助与反馈，若有好的建议与意见欢迎前往 [ISSUES](https://github.com/ArtalkJS/Artalk/issues) 随时告知。
-
-## Stargazers over time
-
-[![Stargazers over time](https://starchart.cc/ArtalkJS/Artalk.svg)](https://starchart.cc/ArtalkJS/Artalk)
-
-## License
-[GPL-3.0](./LICENSE)
-
-[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk?ref=badge_shield)
-
-[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk?ref=badge_large)

package/src/components/admin/page-list.ts

@@ -1,194 +0,0 @@
-import '@/style/page-list.less'
-
-import Context from '@/context'
-import Component from '@/lib/component'
-import * as Utils from '@/lib/utils'
-import * as Ui from '@/lib/ui'
-import { PageData } from '~/types/artalk-data'
-import ItemTextEditor from '../item-text-editor'
-import Api from '~/src/api'
-import ActionBtn from '../action-btn'
-
-export default class PageList extends Component {
-  $editor?: HTMLElement
-  $inputer?: HTMLElement
-
-  pages: PageData[] = []
-
-  constructor(ctx: Context) {
-    super(ctx)
-
-    this.$el = Utils.createElement(`<div class="atk-page-list"></div>`)
-  }
-
-  /** 清空所有 Pages */
-  clearAll() {
-    this.pages = []
-    this.$el.innerHTML = ''
-  }
-
-  /** 导入 Page 数据 */
-  importPages(pages: PageData[]) {
-    this.pages.push(...pages)
-
-    pages.forEach((page) => {
-      const $page = this.renderPage(page)
-      this.$el.append($page)
-    })
-  }
-
-  /** Page Element */
-  renderPage(page: PageData) {
-    const $page = Utils.createElement(
-      `<div class="atk-page-item">
-        <div class="atk-page-main">
-          <div class="atk-title"></div>
-          <div class="atk-sub"></div>
-        </div>
-        <div class="atk-page-actions">
-          <div class="atk-item atk-edit-btn">
-            <i class="atk-icon atk-icon-edit"></i>
-          </div>
-        </div>
-      </div>`)
-
-    const $main = $page.querySelector<HTMLElement>('.atk-page-main')!
-    const $title = $main.querySelector<HTMLElement>('.atk-title')!
-    const $sub = $main.querySelector<HTMLElement>('.atk-sub')!
-    const $editBtn = $page.querySelector<HTMLElement>('.atk-edit-btn')!
-
-    $title.innerText = page.title
-    $sub.innerText = page.url || page.key
-    $editBtn.onclick = () => this.showEditor(page, $page)
-
-    return $page
-  }
-
-  /** 显示编辑器 */
-  showEditor(page: PageData, $page: HTMLElement) {
-    this.closeEditor()
-
-    this.$editor = Utils.createElement(
-    `<div class="atk-page-edit-layer">
-      <div class="atk-page-main-actions">
-        <div class="atk-item atk-title-edit-btn">标题修改</div>
-        <div class="atk-item atk-key-edit-btn">KEY 变更</div>
-        <div class="atk-item atk-admin-only-btn"></div>
-      </div>
-      <div class="atk-page-actions">
-        <div class="atk-item atk-sync-btn">
-          <i class="atk-icon atk-icon-sync"></i>
-        </div>
-        <div class="atk-item atk-del-btn">
-          <i class="atk-icon atk-icon-del"></i>
-        </div>
-        <div class="atk-item atk-close-btn">
-          <i class="atk-icon atk-icon-close"></i>
-        </div>
-      </div>
-    </div>`)
-    $page.prepend(this.$editor)
-
-    const $titleEditBtn = this.$editor.querySelector<HTMLElement>('.atk-title-edit-btn')!
-    const $keyEditBtn = this.$editor.querySelector<HTMLElement>('.atk-key-edit-btn')!
-    const $adminOnlyBtn = this.$editor.querySelector<HTMLElement>('.atk-admin-only-btn')!
-    const $syncBtn = this.$editor.querySelector<HTMLElement>('.atk-sync-btn')!
-    const $delBtn = this.$editor.querySelector<HTMLElement>('.atk-del-btn')!
-    const $closeBtn = this.$editor.querySelector<HTMLElement>('.atk-close-btn')!
-    const showLoading = () => { Ui.showLoading(this.$editor!) }
-    const hideLoading = () => { Ui.hideLoading(this.$editor!) }
-    const showError = (msg: string) => { window.alert(msg) }
-
-    // 关闭编辑器
-    $closeBtn.onclick = () => this.closeEditor()
-
-    // 文本编辑
-    const openTextEditor = (key: string) => {
-      const textEditor = new ItemTextEditor({
-        initValue: page[key] || '',
-        onYes: async (val: string) => {
-          Ui.showLoading(textEditor.$el)
-          let p: PageData
-          try {
-            p = await new Api(this.ctx).pageEdit({ ...page, [key]: val })
-          } catch (err: any) {
-            showError(`修改失败：${err.msg || '未知错误'}`)
-            console.error(err)
-            return false
-          } finally { Ui.hideLoading(textEditor.$el) }
-          $page.replaceWith(this.renderPage(p))
-          return true
-        }
-      })
-      textEditor.appendTo(this.$editor!)
-    }
-
-    // 标题修改
-    $titleEditBtn.onclick = () => openTextEditor('title')
-
-    // Key 修改
-    $keyEditBtn.onclick = () => openTextEditor('key')
-
-    // 仅管理员可评
-    const adminOnlyActionBtn = new ActionBtn({
-      text: () => {
-        $adminOnlyBtn.classList.remove('atk-green', 'atk-yellow')
-        $adminOnlyBtn.classList.add(!page.admin_only ? 'atk-green' : 'atk-yellow')
-        return (!page.admin_only) ? '所有人可评' : '管理员可评'
-      }
-    }).appendTo($adminOnlyBtn)
-
-    $adminOnlyBtn.onclick = async () => {
-      showLoading()
-      let p: PageData
-      try {
-        p = await new Api(this.ctx).pageEdit({ ...page, admin_only: !page.admin_only })
-      } catch (err: any) {
-        showError(`修改失败：${err.msg || '未知错误'}`)
-        console.log(err)
-        return
-      } finally { hideLoading() }
-      page.admin_only = p.admin_only
-      adminOnlyActionBtn.updateText()
-    }
-
-    // 同步操作
-    $syncBtn.onclick = async () => {
-      showLoading()
-      let p: PageData
-      try {
-        p = await new Api(this.ctx).pageFetch(page.id)
-      } catch (err: any) {
-        showError(`同步失败：${err.msg || '未知错误'}`)
-        console.log(err)
-        return
-      } finally { hideLoading() }
-      $page.replaceWith(this.renderPage(p))
-    }
-
-    // 删除
-    $delBtn.onclick = () => {
-      const del = async () => {
-        showLoading()
-        try {
-          await new Api(this.ctx).pageDel(page.key, page.site_name)
-        } catch (err: any) {
-          console.log(err)
-          showError(`删除失败 ${String(err)}`)
-          return
-        } finally { hideLoading() }
-        $page.remove()
-      }
-      if (window.confirm(
-        `确认删除页面 "${page.title || page.key}"？将会删除所有相关数据`
-      )) del()
-    }
-  }
-
-  /** 关闭编辑器 */
-  public closeEditor() {
-    if (!this.$editor) return
-
-    this.$editor.remove()
-  }
-}

package/src/components/admin/site-list-floater.ts

@@ -1,98 +0,0 @@
-import '@/style/site-list.less'
-
-import Context from '@/context'
-import * as Utils from '@/lib/utils'
-import * as Ui from '@/lib/ui'
-import { SiteData } from '~/types/artalk-data'
-import Api from '~/src/api'
-
-interface SiteListFloaterConf {
-  onSwitchSite: (siteName: string) => boolean|void
-  onClickSitesViewBtn: () => void
-}
-
-export default class SiteListFloater {
-  ctx: Context
-  conf: SiteListFloaterConf
-  $el: HTMLElement
-  sites: SiteData[] = []
-  $sites: HTMLElement
-
-  constructor(ctx: Context, conf: SiteListFloaterConf) {
-    this.ctx = ctx
-    this.conf = conf
-    this.$el = Utils.createElement(
-    `<div class="atk-site-list-floater" style="display: none;">
-      <div class="atk-sites"></div>
-    </div>`)
-    this.$sites = this.$el.querySelector('.atk-sites')!
-  }
-
-  /** 装载 */
-  public async load(selectedSite?: string) {
-    this.$sites.innerHTML = ''
-
-    const renderSiteItem = (siteName: string, siteLogo: string, siteTarget?: string, onclick?: Function) => {
-      const $site = Utils.createElement(
-        `<div class="atk-site-item">
-          <div class="atk-site-logo"></div>
-          <div class="atk-site-name"></div>
-        </div>`)
-        $site.onclick = !onclick ? () => this.switch(siteTarget || siteName) : () => onclick()
-        $site.setAttribute('data-name', siteTarget || siteName)
-        const $siteLogo = $site.querySelector<HTMLElement>('.atk-site-logo')!
-        const $siteName = $site.querySelector<HTMLElement>('.atk-site-name')!
-        $siteLogo.innerText = siteLogo
-        $siteName.innerText = siteName
-        if (selectedSite === (siteTarget || siteName)) $site.classList.add('atk-active')
-        this.$sites.append($site)
-    }
-
-    renderSiteItem('所有站点', '_', '__ATK_SITE_ALL')
-
-    const sites = await new Api(this.ctx).siteGet()
-    sites.forEach((site) => {
-      renderSiteItem(site.name, site.name.substr(0, 1))
-    })
-
-    renderSiteItem('站点管理', '+', '', () => { this.conf.onClickSitesViewBtn();this.hide() })
-  }
-
-  /** 切换站点 */
-  private switch(siteName: string) {
-    if (this.conf.onSwitchSite(siteName) === false) { return }
-
-    // set active
-    this.$sites.querySelectorAll('.atk-site-item').forEach(e => {
-      if (e.getAttribute('data-name') !== siteName) {
-        e.classList.remove('atk-active')
-      } else {
-        e.classList.add('atk-active')
-      }
-    })
-
-    this.hide()
-  }
-
-  private outsideChecker?: (evt: MouseEvent) => void // outside checker
-
-  /** 显示 */
-  public show($trigger?: HTMLElement) {
-    this.$el.style.display = ''
-
-    // 点击外部隐藏
-    if ($trigger) {
-      this.outsideChecker = (evt: MouseEvent) => {
-        const isClickInside = $trigger.contains(evt.target as any)||this.$el.contains(evt.target as any)
-        if (!isClickInside) { this.hide() }
-      }
-      document.addEventListener('click', this.outsideChecker)
-    }
-  }
-
-  /** 隐藏 */
-  public hide() {
-    this.$el.style.display = 'none'
-    if (this.outsideChecker) document.removeEventListener('click', this.outsideChecker)
-  }
-}

package/src/components/admin/site-list.ts

@@ -1,289 +0,0 @@
-import '@/style/site-list.less'
-
-import Context from '@/context'
-import Component from '@/lib/component'
-import * as Utils from '@/lib/utils'
-import * as Ui from '@/lib/ui'
-import { SiteData } from '~/types/artalk-data'
-import ItemTextEditor from '../item-text-editor'
-import Api from '~/src/api'
-
-export default class SiteList extends Component {
-  sites: SiteData[] = []
-
-  $header: HTMLElement
-  $headerTitle: HTMLElement
-  $headerActions: HTMLElement
-  $rowsWrap: HTMLElement
-
-  $editor?: HTMLElement
-  activeSite: string = ''
-
-  $add?: HTMLElement
-
-  constructor(ctx: Context) {
-    super(ctx)
-
-    this.$el = Utils.createElement(
-    `<div class="atk-site-list">
-      <div class="atk-header">
-        <div class="atk-title"></div>
-        <div class="atk-actions">
-          <div class="atk-item atk-site-add-btn"><i class="atk-icon atk-icon-plus"></i></div>
-        </div>
-      </div>
-      <div class="atk-site-rows-wrap"></div>
-    </div>`)
-
-    this.$header = this.$el.querySelector('.atk-header')!
-    this.$headerTitle = this.$header.querySelector('.atk-title')!
-    this.$headerActions = this.$header.querySelector('.atk-actions')!
-    this.$rowsWrap = this.$el.querySelector('.atk-site-rows-wrap')!
-
-    // 标题
-    this.$headerTitle.innerText = `共 0 个站点`
-
-    // 新建站点按钮
-    const $addBtn = this.$headerActions.querySelector<HTMLElement>('.atk-site-add-btn')!
-    $addBtn.onclick = () => {
-      this.closeEditor()
-      this.showAdd()
-    }
-  }
-
-  public loadSites(sites: SiteData[]) {
-    this.sites = sites
-    this.activeSite = ''
-    this.$rowsWrap.innerHTML = ''
-    this.$headerTitle.innerText = `共 0 个站点`
-
-    let $row: HTMLElement
-
-    for (let i = 0; i < sites.length; i++) {
-      const site = sites[i]
-
-      if (i % 4 === 0) { // 每 4 个 item 为一行
-        $row = Utils.createElement('<div class="atk-site-row">')
-        this.$rowsWrap.append($row)
-      }
-
-      // 创建 site item
-      const $site = this.renderSite(site, $row!)
-      $row!.append($site)
-    }
-
-    this.$headerTitle.innerText = `共 ${sites.length} 个站点`
-  }
-
-  public renderSite(site: SiteData, $row: HTMLElement) {
-    const $site = Utils.createElement(
-      `<div class="atk-site-item">
-        <div class="atk-site-logo"></div>
-        <div class="atk-site-name"></div>
-      </div>`)
-
-    const $siteLogo = $site.querySelector<HTMLElement>('.atk-site-logo')!
-    const $siteName = $site.querySelector<HTMLElement>('.atk-site-name')!
-    const setActive = () => { $site.classList.add('atk-active') }
-
-    $siteLogo.innerText = site.name.substr(0, 1)
-    $siteName.innerText = site.name
-
-    // click
-    $site.onclick = () => {
-      this.closeEditor()
-      this.closeAdd()
-      setActive()
-      this.showEditor(site, $site, $row)
-    }
-
-    if (this.activeSite === site.name) { setActive() }
-
-    return $site
-  }
-
-  public showEditor(site: SiteData, $site: HTMLElement, $row: HTMLElement) {
-    this.activeSite = site.name
-    this.$editor = Utils.createElement(`
-    <div class="atk-site-edit">
-    <div class="atk-header">
-      <div class="atk-site-info">
-        <span class="atk-site-name"></span>
-        <span class="atk-site-urls"></span>
-      </div>
-      <div class="atk-close-btn">
-        <i class="atk-icon atk-icon-close"></i>
-      </div>
-    </div>
-    <div class="atk-main">
-      <div class="atk-site-text-actions">
-        <div class="atk-item atk-rename-btn">重命名</div>
-        <div class="atk-item atk-edit-url-btn">修改 URL</div>
-        <!--<div class="atk-item atk-export-btn">导出</div>
-        <div class="atk-item atk-import-btn">导入</div>-->
-      </div>
-      <div class="atk-site-btn-actions">
-        <div class="atk-item atk-del-btn">
-          <i class="atk-icon atk-icon-del"></i>
-        </div>
-      </div>
-    </div>
-    </div>`)
-
-    // 插入
-    $row.before(this.$editor)
-
-    // header
-    const $siteName = this.$editor.querySelector<HTMLElement>('.atk-site-name')!
-    const $siteUrls = this.$editor.querySelector<HTMLElement>('.atk-site-urls')!
-    const $closeBtn = this.$editor.querySelector<HTMLElement>('.atk-close-btn')!
-    $closeBtn.onclick = () => this.closeEditor()
-
-    const update = (s: SiteData) => {
-      site = s
-      $siteName.innerText = site.name
-      $siteName.onclick = () => { if (site.first_url) window.open(site.first_url) }
-      $siteUrls.innerHTML = ''
-      site.urls?.forEach(u => {
-        const $item = Utils.createElement('<span class="atk-url-item"></span>')
-        $siteUrls.append($item)
-        $item.innerText = (u || '').replace(/\/$/, '')
-        $item.onclick = () => { window.open(u) }
-      })
-    }
-    update(site)
-
-    // actions
-    const $main = this.$editor.querySelector<HTMLElement>('.atk-main')!
-    const $actions = this.$editor.querySelector<HTMLElement>('.atk-site-text-actions')!
-    const $renameBtn = $actions.querySelector<HTMLElement>('.atk-rename-btn')!
-    const $editUrlBtn = $actions.querySelector<HTMLElement>('.atk-edit-url-btn')!
-    // const $exportBtn = $actions.querySelector<HTMLElement>('.atk-export-btn')!
-    // const $importBtn = $actions.querySelector<HTMLElement>(`.atk-import-btn`)!
-    const $delBtn = this.$editor.querySelector<HTMLElement>('.atk-del-btn')!
-    const showLoading = () => { Ui.showLoading(this.$editor!) }
-    const hideLoading = () => { Ui.hideLoading(this.$editor!) }
-    const showError = (msg: string) => { window.alert(msg) }
-
-    // 文本编辑
-    const openTextEditor = (key: string) => {
-      let initValue = site[key] || ''
-      if (key === 'urls') initValue = site.urls_raw || ''
-      const textEditor = new ItemTextEditor({
-        initValue,
-        onYes: async (val: string) => {
-          Ui.showLoading(textEditor.$el)
-          let s: SiteData
-          try {
-            s = await new Api(this.ctx).siteEdit({ ...site, [key]: val })
-          } catch (err: any) {
-            showError(`修改失败：${err.msg || '未知错误'}`)
-            console.error(err)
-            return false
-          } finally { Ui.hideLoading(textEditor.$el) }
-          $site.replaceWith(this.renderSite(s, $row))
-          update(s)
-          return true
-        }
-      })
-      textEditor.appendTo($main)
-    }
-
-    // 重命名
-    $renameBtn.onclick = () => openTextEditor('name')
-
-    // 修改 URL
-    $editUrlBtn.onclick = () => openTextEditor('urls')
-
-    // 导出
-    // $exportBtn.onclick = () => {}
-
-    // // 导入
-    // $importBtn.onclick = () => {}
-
-    // 删除
-    $delBtn.onclick = () => {
-      const del = async () => {
-        showLoading()
-        try {
-          await new Api(this.ctx).siteDel(site.id, true)
-        } catch (err: any) {
-          console.log(err)
-          showError(`删除失败 ${String(err)}`)
-          return
-        } finally { hideLoading() }
-        this.closeEditor()
-        $site.remove()
-        this.sites = this.sites.filter(s => s.name !== site.name)
-      }
-      if (window.confirm(
-        `确认删除站点 "${site.name}"？将会删除所有相关数据`
-      )) del()
-    }
-  }
-
-  public closeEditor() {
-    if (!this.$editor) return
-
-    this.$editor.remove()
-    this.$rowsWrap.querySelectorAll('.atk-site-item').forEach((e) => e.classList.remove('atk-active'))
-    this.activeSite = ''
-  }
-
-  public showAdd() {
-    this.closeAdd()
-
-    this.$add = Utils.createElement(`
-    <div class="atk-site-add">
-    <div class="atk-header">
-      <div class="atk-title">新增站点</div>
-      <div class="atk-close-btn">
-        <i class="atk-icon atk-icon-close"></i>
-      </div>
-    </div>
-    <div class="atk-form">
-      <input type="text" name="AtkSiteName" placeholder="站点名称" autocomplete="off">
-      <input type="text" name="AtkSiteUrls" placeholder="站点 URL（多个用逗号隔开）" autocomplete="off">
-      <button class="atk-btn" name="AtkSubmit">创建</button>
-    </div>
-    </div>`)
-    this.$header.after(this.$add)
-
-    const $closeBtn = this.$add.querySelector<HTMLElement>('.atk-close-btn')!
-    $closeBtn.onclick = () => this.closeAdd()
-
-    const $siteName = this.$add.querySelector<HTMLInputElement>('[name="AtkSiteName"]')!
-    const $siteUrls = this.$add.querySelector<HTMLInputElement>('[name="AtkSiteUrls"]')!
-    const $submitBtn = this.$add.querySelector<HTMLButtonElement>('[name="AtkSubmit"]')!
-
-    $submitBtn.onclick = async () => {
-      const siteName = $siteName.value.trim()
-      const siteUrls = $siteUrls.value.trim()
-
-      if (siteName === '') { $siteName.focus(); return }
-
-      Ui.showLoading(this.$add!)
-      let s: SiteData
-      try {
-        s = await new Api(this.ctx).siteAdd(siteName, siteUrls)
-      } catch (err: any) {
-        window.alert(`创建失败：${err.msg || ''}`)
-        console.error(err)
-        return
-      } finally {  Ui.hideLoading(this.$add!) }
-
-      this.sites.push(s)
-      this.loadSites(this.sites)
-      this.closeAdd()
-    }
-
-    // 回车键提交
-    const keyDown = (evt: KeyboardEvent) => { if (evt.key === 'Enter') { $submitBtn.click() } }
-    $siteName.onkeyup = (evt) => keyDown(evt)
-    $siteUrls.onkeyup = (evt) => keyDown(evt)
-  }
-
-  public closeAdd() {
-    this.$add?.remove()
-  }
-}

package/src/components/html/sidebar.html

@@ -1,22 +0,0 @@
-<div class="atk-sidebar">
-  <div class="atk-sidebar-inner">
-    <div class="atk-sidebar-header">
-      <span class="atk-avatar">
-        <span class="atk-site-logo"></span>
-      </span>
-      <span class="atk-menu">
-        <span class="atk-item atk-active atk-sidebar-title">控制中心</span>
-      </span>
-      <div class="atk-sidebar-close"><i class="atk-icon atk-icon-close"></i></div>
-    </div>
-    <div class="atk-sidebar-nav">
-      <div class="akt-curt-view-btn">
-        <div class="atk-icon"><span></span><span></span><span></span></div>
-        <div class="atk-text"></div>
-      </div>
-      <div class="atk-tabs"></div>
-      <div class="atk-tabs atk-views" style="display: none;"></div>
-    </div>
-    <div class="atk-sidebar-view-wrap"></div>
-  </div>
-</div>