artalk 2.1.4 → 2.1.7

package/src/components/sidebar.ts

@@ -1,293 +0,0 @@
-import '../style/sidebar.less'
-
-import MD5 from '../lib/md5'
-import Context from '../context'
-import Component from '../lib/component'
-import * as Utils from '../lib/utils'
-import * as Ui from '../lib/ui'
-import Comment  from './comment'
-import SidebarHTML from './html/sidebar.html?raw'
-import Layer from './layer'
-
-import SidebarView from './sidebar-view'
-import CommentsView from './sidebar-views/comments-view'
-import PagesView from './sidebar-views/pages-view'
-import SitesView from './sidebar-views/sites-view'
-import TransferView from './sidebar-views/transfer-view'
-import { SiteData } from '~/types/artalk-data'
-import Api from '../api'
-import SiteListFloater from './admin/site-list-floater'
-import SettingView from './sidebar-views/setting-view'
-
-const DEFAULT_VIEW = 'comments'
-const REGISTER_VIEWS: (typeof SidebarView)[] = [
-  CommentsView, PagesView, SitesView, TransferView, // SettingView
-]
-
-export default class Sidebar extends Component {
-  public layer?: Layer
-
-  public $header: HTMLElement
-  public $headerMenu: HTMLElement
-  public $title: HTMLElement
-  public $avatar: HTMLElement
-  public $siteLogo?: HTMLElement
-  public $closeBtn: HTMLElement
-  public $nav: HTMLElement
-  public $curtViewBtn: HTMLElement
-  public $curtViewBtnIcon: HTMLElement
-  public $curtViewBtnText: HTMLElement
-  public $navTabs: HTMLElement
-  public $navViews: HTMLElement
-  public $viewWrap: HTMLElement
-  public siteSwitcher?: SiteListFloater
-
-  private get isAdmin() { return this.ctx.user.data.isAdmin }
-  public curtSite?: string
-  public curtView: string = DEFAULT_VIEW
-  public get curtViewInstance() {
-    return this.curtView ? this.viewInstances[this.curtView] : undefined
-  }
-  public curtTab?: string
-
-  public viewInstances: {[name: string]: SidebarView} = {}
-
-  private viewSwitcherShow = false
-
-  constructor(ctx: Context) {
-    super(ctx)
-
-    // initial elements
-    this.$el = Utils.createElement(SidebarHTML)
-    this.$header = this.$el.querySelector('.atk-sidebar-header')!
-    this.$headerMenu = this.$header.querySelector('.atk-menu')!
-    this.$title = this.$header.querySelector('.atk-sidebar-title')!
-    this.$avatar = this.$header.querySelector('.atk-avatar')!
-    this.$closeBtn = this.$header.querySelector('.atk-sidebar-close')!
-
-    this.$nav = this.$el.querySelector('.atk-sidebar-nav')!
-    this.$curtViewBtn = this.$nav.querySelector('.akt-curt-view-btn')!
-    this.$curtViewBtnIcon = this.$curtViewBtn.querySelector('.atk-icon')!
-    this.$curtViewBtnText = this.$curtViewBtn.querySelector('.atk-text')!
-    this.$navTabs = this.$nav.querySelector('.atk-tabs')!
-    this.$navViews = this.$nav.querySelector('.atk-views')!
-
-    this.$viewWrap = this.$el.querySelector('.atk-sidebar-view-wrap')!
-
-    // init UI
-    this.initViewSwitcher()
-
-    this.$closeBtn.onclick = () => {
-      this.hide()
-    }
-
-    // event
-    this.ctx.on('sidebar-show', () => (this.show()))
-    this.ctx.on('sidebar-hide', () => (this.hide()))
-    this.ctx.on('user-changed', () => { this.firstShow = true })
-  }
-
-  /** 初始化 view 切换器 */
-  private initViewSwitcher() {
-    this.$curtViewBtn.onclick = () => {
-      this.toggleViewSwitcher()
-    }
-
-    this.$navViews.innerHTML = ''
-    REGISTER_VIEWS.forEach(view => {
-      const $item = Utils.createElement(`<div class="atk-tab-item"></div>`)
-      this.$navViews.append($item)
-      $item.setAttribute('data-name', view.viewName)
-      $item.innerText = view.viewTitle
-      if (view.viewName === this.curtView) {
-        $item.classList.add('atk-active')
-        this.$curtViewBtnText.innerText = view.viewTitle
-      }
-      $item.onclick = () => {
-        // 切换 view
-        this.switchView(view.viewName)
-
-        this.toggleViewSwitcher()
-      }
-    })
-  }
-
-  /** 显示/隐藏 view 切换器 */
-  private toggleViewSwitcher() {
-    if (!this.viewSwitcherShow) {
-      // 显示
-      this.$navViews.style.display = ''
-      this.$navTabs.style.display = 'none'
-      this.$curtViewBtnIcon.classList.add('atk-arrow')
-      // this.$curtViewBtnText.style.display = 'none'
-    } else {
-      // 隐藏
-      this.$navViews.style.display = 'none'
-      this.$navTabs.style.display = ''
-      this.$curtViewBtnIcon.classList.remove('atk-arrow')
-      // this.$curtViewBtnText.style.display = ''
-    }
-
-    this.viewSwitcherShow = !this.viewSwitcherShow
-  }
-
-  private firstShow = true
-
-  /** 显示 */
-  public async show() {
-    this.$el.style.transform = '' // 动画清除，防止二次打开失效
-
-    // 获取 Layer
-    this.layer = new Layer(this.ctx, 'sidebar', this.$el)
-    this.layer.afterHide = () => {
-      // 防止评论框被吞
-      if (this.ctx.conf.editorTravel === true) {
-        this.ctx.trigger('editor-travel-back')
-      }
-    }
-    this.layer.show()
-
-    // viewWrap 滚动条归位
-    this.$viewWrap.scrollTo(0, 0)
-
-    // 执行动画
-    setTimeout(() => {
-      this.$el.style.transform = 'translate(0, 0)'
-    }, 20)
-
-    // 第一次加载
-    if (this.firstShow) {
-      ///////////////////
-      //// IMPORTANT ////
-      ///////////////////
-
-      // 用户权限检测
-      if (this.isAdmin) {
-        // 是管理员
-        this.$title.innerText = '控制中心'
-        this.$curtViewBtn.style.display = ''
-
-        if (!this.siteSwitcher) {
-          // 初始化站点切换器
-          this.siteSwitcher = new SiteListFloater(this.ctx, {
-            onSwitchSite: (siteName) => { this.switchSite(siteName) },
-            onClickSitesViewBtn: () => { this.switchView('sites') }
-          })
-          this.$viewWrap.before(this.siteSwitcher.$el)
-          this.$avatar.onclick = (evt) => {
-            if (!this.isAdmin) return
-            this.siteSwitcher?.show(evt.target as any)
-          }
-
-        }
-
-        this.curtSite = this.conf.site
-
-        Ui.showLoading(this.$el)
-        try {
-          await this.siteSwitcher!.load(this.curtSite)
-        } catch (err: any) {
-          const $err = Utils.createElement(`<span>加载失败：${err.msg || '网络错误'}<br/></span>`)
-          const $retryBtn = Utils.createElement('<span style="cursor:pointer;">点击重新获取</span>')
-          $err.appendChild($retryBtn)
-          $retryBtn.onclick = () => { Ui.setError(this.$el, null); this.show() }
-          Ui.setError(this.$el, $err)
-          return
-        } finally { Ui.hideLoading(this.$el) }
-
-        // 站点图像
-        this.$avatar.innerHTML = ''
-        this.$siteLogo = Utils.createElement('<div class="atk-site-logo"></div>')
-        this.$siteLogo.innerText = (this.curtSite || '').substr(0, 1)
-        this.$avatar.append(this.$siteLogo)
-      } else {
-        // 不是管理员
-        this.$title.innerText = '通知中心'
-        this.$curtViewBtn.style.display = 'none' // 隐藏 view 切换器
-        this.curtSite = this.conf.site // 第一次 show 使用当前站点数据
-
-        // 头像
-        const $avatarImg = document.createElement('img') as HTMLImageElement
-        $avatarImg.src = Utils.getGravatarURL(this.ctx, MD5(this.ctx.user.data.email.toLowerCase()))
-        this.$avatar.innerHTML = ''
-        this.$avatar.append($avatarImg)
-      }
-
-      this.switchView(DEFAULT_VIEW) // 打开默认 view
-      this.firstShow = false
-    }
-  }
-
-  /** 隐藏 */
-  public hide() {
-    // 执行动画
-    this.$el.style.transform = ''
-
-    this.layer?.hide()
-  }
-
-  /** 切换 View */
-  public switchView(viewName: string) {
-    let view = this.viewInstances[viewName]
-    if (!view) {
-      // 初始化 View
-      const View = REGISTER_VIEWS.find(o => o.viewName === viewName)!
-      view = new View(this.ctx, this.$viewWrap)
-      this.viewInstances[viewName] = view
-    }
-
-    // init view
-    view.mount(this.curtSite!)
-
-    this.curtView = viewName
-    this.curtTab = view.viewActiveTab
-
-    // update view indicator
-    this.$curtViewBtnText.innerText = (view.constructor as typeof SidebarView).viewTitle
-    this.$navViews.querySelectorAll('.atk-tab-item').forEach((e) => {
-      if (e.getAttribute('data-name') === viewName) {
-        e.classList.add('atk-active')
-      } else {
-        e.classList.remove('atk-active')
-      }
-    })
-
-    // update tabs
-    this.loadViewTabs(view)
-
-    // load element
-    this.$viewWrap.innerHTML = ''
-    this.$viewWrap.append(view.$el)
-    this.$viewWrap.classList.forEach((c) => {
-      if (c.startsWith('atk-view-name-'))
-        this.$viewWrap.classList.remove(c)
-    })
-    this.$viewWrap.classList.add(`atk-view-name-${(view.constructor as typeof SidebarView).viewName}`)
-  }
-
-  private loadViewTabs(view: SidebarView) {
-    this.$navTabs.innerHTML = ''
-    Object.entries<string>(view.viewTabs).forEach(([tabName, label]) => {
-      const $tab = Utils.createElement(`<div class="atk-tab-item"></div>`)
-      this.$navTabs.append($tab)
-      $tab.innerText = label
-      if (view.viewActiveTab === tabName) $tab.classList.add('atk-active')
-
-      // 切换 tab
-      $tab.onclick = () => {
-        if (view.switchTab(tabName, this.curtSite!) === false) { return }
-        this.$navTabs.querySelectorAll('.atk-active').forEach(e => e.classList.remove('atk-active'))
-        $tab.classList.add('atk-active')
-        this.curtTab = tabName
-      }
-    })
-  }
-
-  /** 切换站点 */
-  private switchSite(siteName: string) {
-    this.curtSite = siteName
-    const curtView = this.curtViewInstance
-    curtView?.switchTab(this.curtTab!, siteName)
-    if (this.$siteLogo) this.$siteLogo.innerText = this.curtSite.substr(0, 1)
-  }
-}

package/src/lib/md5.js

@@ -1,6 +0,0 @@
-/* eslint-disable */
-
-// https://stackoverflow.com/questions/14733374/how-to-generate-an-md5-file-hash-in-javascript-node-js#answer-33486055
-var MD5 = function(d){var r = M(V(Y(X(d),8*d.length)));return r.toLowerCase()};function M(d){for(var _,m="0123456789ABCDEF",f="",r=0;r<d.length;r++)_=d.charCodeAt(r),f+=m.charAt(_>>>4&15)+m.charAt(15&_);return f}function X(d){for(var _=Array(d.length>>2),m=0;m<_.length;m++)_[m]=0;for(m=0;m<8*d.length;m+=8)_[m>>5]|=(255&d.charCodeAt(m/8))<<m%32;return _}function V(d){for(var _="",m=0;m<32*d.length;m+=8)_+=String.fromCharCode(d[m>>5]>>>m%32&255);return _}function Y(d,_){d[_>>5]|=128<<_%32,d[14+(_+64>>>9<<4)]=_;for(var m=1732584193,f=-271733879,r=-1732584194,i=271733878,n=0;n<d.length;n+=16){var h=m,t=f,g=r,e=i;f=md5_ii(f=md5_ii(f=md5_ii(f=md5_ii(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_hh(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_gg(f=md5_ff(f=md5_ff(f=md5_ff(f=md5_ff(f,r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+0],7,-680876936),f,r,d[n+1],12,-389564586),m,f,d[n+2],17,606105819),i,m,d[n+3],22,-1044525330),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+4],7,-176418897),f,r,d[n+5],12,1200080426),m,f,d[n+6],17,-1473231341),i,m,d[n+7],22,-45705983),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+8],7,1770035416),f,r,d[n+9],12,-1958414417),m,f,d[n+10],17,-42063),i,m,d[n+11],22,-1990404162),r=md5_ff(r,i=md5_ff(i,m=md5_ff(m,f,r,i,d[n+12],7,1804603682),f,r,d[n+13],12,-40341101),m,f,d[n+14],17,-1502002290),i,m,d[n+15],22,1236535329),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+1],5,-165796510),f,r,d[n+6],9,-1069501632),m,f,d[n+11],14,643717713),i,m,d[n+0],20,-373897302),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+5],5,-701558691),f,r,d[n+10],9,38016083),m,f,d[n+15],14,-660478335),i,m,d[n+4],20,-405537848),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+9],5,568446438),f,r,d[n+14],9,-1019803690),m,f,d[n+3],14,-187363961),i,m,d[n+8],20,1163531501),r=md5_gg(r,i=md5_gg(i,m=md5_gg(m,f,r,i,d[n+13],5,-1444681467),f,r,d[n+2],9,-51403784),m,f,d[n+7],14,1735328473),i,m,d[n+12],20,-1926607734),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+5],4,-378558),f,r,d[n+8],11,-2022574463),m,f,d[n+11],16,1839030562),i,m,d[n+14],23,-35309556),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+1],4,-1530992060),f,r,d[n+4],11,1272893353),m,f,d[n+7],16,-155497632),i,m,d[n+10],23,-1094730640),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+13],4,681279174),f,r,d[n+0],11,-358537222),m,f,d[n+3],16,-722521979),i,m,d[n+6],23,76029189),r=md5_hh(r,i=md5_hh(i,m=md5_hh(m,f,r,i,d[n+9],4,-640364487),f,r,d[n+12],11,-421815835),m,f,d[n+15],16,530742520),i,m,d[n+2],23,-995338651),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+0],6,-198630844),f,r,d[n+7],10,1126891415),m,f,d[n+14],15,-1416354905),i,m,d[n+5],21,-57434055),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+12],6,1700485571),f,r,d[n+3],10,-1894986606),m,f,d[n+10],15,-1051523),i,m,d[n+1],21,-2054922799),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+8],6,1873313359),f,r,d[n+15],10,-30611744),m,f,d[n+6],15,-1560198380),i,m,d[n+13],21,1309151649),r=md5_ii(r,i=md5_ii(i,m=md5_ii(m,f,r,i,d[n+4],6,-145523070),f,r,d[n+11],10,-1120210379),m,f,d[n+2],15,718787259),i,m,d[n+9],21,-343485551),m=safe_add(m,h),f=safe_add(f,t),r=safe_add(r,g),i=safe_add(i,e)}return Array(m,f,r,i)}function md5_cmn(d,_,m,f,r,i){return safe_add(bit_rol(safe_add(safe_add(_,d),safe_add(f,i)),r),m)}function md5_ff(d,_,m,f,r,i,n){return md5_cmn(_&m|~_&f,d,_,r,i,n)}function md5_gg(d,_,m,f,r,i,n){return md5_cmn(_&f|m&~f,d,_,r,i,n)}function md5_hh(d,_,m,f,r,i,n){return md5_cmn(_^m^f,d,_,r,i,n)}function md5_ii(d,_,m,f,r,i,n){return md5_cmn(m^(_|~f),d,_,r,i,n)}function safe_add(d,_){var m=(65535&d)+(65535&_);return(d>>16)+(_>>16)+(m>>16)<<16|65535&m}function bit_rol(d,_){return d<<_|d>>>32-_}
-
-export default MD5

package/src/style/item-text-editor.less

@@ -1,35 +0,0 @@
-.atk-item-text-editor-layer {
-  z-index: 999;
-  background: var(--at-color-bg);
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-
-  .atk-edit-form {
-    flex: auto;
-    padding-left: 20px;
-
-    input {
-      font-size: 17px;
-      width: 100%;
-      padding: 3px 5px;
-      border: 0;
-      border-bottom: 1px solid var(--at-color-border);
-      outline: none;
-      background: transparent;
-
-      &.atk-invalid {}
-    }
-  }
-
-  .atk-actions {
-    .atk-list-btn-actions();
-
-    .atk-yes-btn.atk-disabled {}
-  }
-}

package/src/style/page-list.less

@@ -1,50 +0,0 @@
-.atk-page-list {
-  .atk-page-item {
-    display: flex;
-    flex-direction: row;
-    position: relative;
-    min-height: 120px;
-    align-items: center;
-
-    &:not(:last-child) {
-      border-bottom: 1px solid var(--at-color-border);
-    }
-  }
-
-  .atk-page-main {
-    display: flex;
-    flex-direction: column;
-    flex: auto;
-    padding: 20px 30px;
-
-    .atk-title {
-      color: var(--at-color-font);
-      font-size: 21px;
-      margin-bottom: 10px;
-    }
-
-    .atk-sub {
-      color: var(--at-color-sub);
-      font-size: 14px;
-    }
-  }
-
-  .atk-page-main-actions {
-    .atk-list-text-actions();
-  }
-
-  .atk-page-actions {
-    .atk-list-btn-actions();
-  }
-
-  .atk-page-edit-layer {
-    z-index: 999;
-    background: var(--at-color-bg);
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-}