@waline/client 2.15.8 → 3.0.0-alpha.2

package/src/styles/panel.scss

@@ -1,286 +0,0 @@
-.wl-comment {
-  position: relative;
-  display: flex;
-  margin-bottom: 0.75em;
-}
-
-.wl-close {
-  position: absolute;
-  top: -4px;
-  inset-inline-end: -4px;
-
-  padding: 0;
-  border: none;
-
-  background: transparent;
-
-  line-height: 1;
-
-  cursor: pointer;
-}
-
-.wl-login-info {
-  max-width: 80px;
-  margin-top: 0.75em;
-  text-align: center;
-}
-
-.wl-logout-btn {
-  position: absolute;
-  top: -10px;
-  inset-inline-end: -10px;
-
-  padding: 3px;
-  border: none;
-
-  background: transparent;
-
-  line-height: 0;
-
-  cursor: pointer;
-}
-
-.wl-avatar {
-  position: relative;
-
-  width: var(--waline-avatar-size);
-  height: var(--waline-avatar-size);
-  margin: 0 auto;
-  border: var(--waline-border);
-  border-radius: var(--waline-avatar-radius);
-
-  @media (max-width: 720px) {
-    width: var(--waline-m-avatar-size);
-    height: var(--waline-m-avatar-size);
-  }
-
-  img {
-    width: 100%;
-    height: 100%;
-    border-radius: var(--waline-avatar-radius);
-  }
-}
-
-.wl-login-nick {
-  display: block;
-  color: var(--waline-theme-color);
-  font-size: 0.75em;
-  word-break: break-all;
-}
-
-.wl-panel {
-  position: relative;
-
-  flex-shrink: 1;
-
-  width: 100%;
-  margin: 0.5em;
-  border: var(--waline-border);
-  border-radius: 0.75em;
-
-  background: var(--waline-bgcolor);
-  box-shadow: var(--waline-box-shadow);
-}
-
-.wl-header {
-  display: flex;
-
-  overflow: hidden;
-
-  padding: 0 4px;
-  border-bottom: 2px dashed var(--waline-border-color);
-  border-top-left-radius: 0.75em;
-  border-top-right-radius: 0.75em;
-
-  @media (max-width: 580px) {
-    display: block;
-  }
-
-  label {
-    min-width: 40px;
-    padding: 0.75em 0.5em;
-
-    color: var(--waline-color);
-
-    font-size: 0.75em;
-    text-align: center;
-  }
-
-  input {
-    flex: 1;
-
-    width: 0;
-    padding: 0.5em;
-
-    background: transparent;
-
-    font-size: 0.625em;
-
-    resize: none;
-  }
-}
-
-.wl-header-item {
-  display: flex;
-  flex: 1;
-
-  &:not(:last-child) {
-    @media (max-width: 580px) {
-      border-bottom: 2px dashed var(--waline-border-color);
-    }
-  }
-
-  .wl-header-1 & {
-    width: 100%;
-  }
-
-  .wl-header-2 & {
-    width: 50%;
-
-    @media (max-width: 580px) {
-      flex: 0;
-      width: 100%;
-    }
-  }
-
-  .wl-header-3 & {
-    width: 33.33%;
-
-    @media (max-width: 580px) {
-      width: 100%;
-    }
-  }
-}
-
-.wl-editor {
-  position: relative;
-
-  width: calc(100% - 1em);
-  min-height: 8.75em;
-  margin: 0.75em 0.5em;
-  border-radius: 0.5em;
-
-  background: transparent;
-
-  font-size: 0.875em;
-
-  resize: vertical;
-}
-
-.wl-editor,
-.wl-input {
-  max-width: 100%;
-  border: none;
-
-  color: var(--waline-color);
-  outline: none;
-
-  transition: all 0.25s ease;
-
-  &:focus {
-    background: var(--waline-bgcolor-light);
-  }
-}
-
-.wl-preview {
-  padding: 0 0.5em 0.5em;
-
-  h4 {
-    margin: 0.25em;
-    font-weight: bold;
-    font-size: 0.9375em;
-  }
-
-  .wl-content {
-    min-height: 1.25em;
-    padding: 0.25em;
-    word-break: break-word;
-    hyphens: auto;
-
-    > *:first-child {
-      margin-top: 0;
-    }
-
-    > *:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
-
-.wl-footer {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0.5em 0.75em;
-}
-
-.wl-actions {
-  display: flex;
-  flex: 2;
-  align-items: center;
-}
-
-.wl-action {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 1.5em;
-  height: 1.5em;
-  margin: 2px;
-  padding: 0;
-  border: none;
-
-  background: transparent;
-  color: var(--waline-color);
-
-  font-size: 16px;
-
-  cursor: pointer;
-
-  &:hover {
-    color: var(--waline-theme-color);
-  }
-
-  &.active {
-    color: var(--waline-active-color);
-  }
-}
-
-#wl-image-upload {
-  display: none;
-
-  &:focus + label {
-    color: var(--waline-color);
-  }
-
-  &:focus-visible + label {
-    outline: -webkit-focus-ring-color auto 1px;
-  }
-}
-
-.wl-info {
-  display: flex;
-  flex: 3;
-  align-items: center;
-  justify-content: flex-end;
-
-  .wl-text-number {
-    color: var(--waline-info-color);
-    font-size: 0.75em;
-
-    .illegal {
-      color: #f00;
-    }
-  }
-
-  button {
-    margin-inline-start: 0.75em;
-
-    svg {
-      display: block;
-      margin: 0 auto;
-      line-height: 18px;
-    }
-  }
-}

package/src/styles/reaction.scss

@@ -1,103 +0,0 @@
-.wl-reaction {
-  overflow: auto hidden;
-  margin-bottom: 1.75em;
-  text-align: center;
-
-  img {
-    width: 100%;
-    height: 100%;
-    transition: all 250ms ease-in-out;
-  }
-}
-
-.wl-reaction-title {
-  margin: 16px auto;
-  font-weight: bold;
-  font-size: 18px;
-}
-
-.wl-reaction-list {
-  display: flex;
-  flex-direction: row;
-  gap: 16px;
-  justify-content: center;
-
-  margin: 0;
-  padding: 8px;
-
-  list-style-type: none;
-
-  @media (max-width: 580px) {
-    gap: 12px;
-  }
-
-  // normalize reset
-  [data-waline] & {
-    margin-inline-start: 0;
-  }
-}
-
-.wl-reaction-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  cursor: pointer;
-
-  &:hover img,
-  &.active img {
-    transform: scale(1.15);
-  }
-}
-
-.wl-reaction-img {
-  position: relative;
-  width: 42px;
-  height: 42px;
-
-  @media (max-width: 580px) {
-    width: 32px;
-    height: 32px;
-  }
-}
-
-.wl-reaction-loading {
-  position: absolute;
-  top: -4px;
-  inset-inline-end: -5px;
-
-  width: 18px;
-  height: 18px;
-
-  color: var(--waline-theme-color);
-}
-
-.wl-reaction-votes {
-  position: absolute;
-  top: -9px;
-  inset-inline-end: -9px;
-
-  min-width: 1em;
-  padding: 2px;
-  border: 1px solid var(--waline-theme-color);
-  border-radius: 1em;
-
-  background: var(--waline-bgcolor);
-  color: var(--waline-theme-color);
-
-  font-weight: 700;
-  font-size: 0.75em;
-  line-height: 1;
-
-  .wl-reaction-item.active & {
-    background: var(--waline-theme-color);
-    color: var(--waline-bgcolor);
-  }
-}
-
-.wl-reaction-text {
-  font-size: 0.875em;
-
-  .wl-reaction-item.active & {
-    color: var(--waline-theme-color);
-  }
-}

package/src/styles/recent.scss

@@ -1,3 +0,0 @@
-.wl-recent-item p {
-  display: inline;
-}

package/src/styles/user-list.scss

@@ -1,159 +0,0 @@
-.wl-user-list {
-  padding: 0;
-  list-style: none;
-
-  a,
-  a:hover,
-  a:visited {
-    color: var(--waline-color);
-    text-decoration: none;
-  }
-
-  .wl-user-avatar {
-    position: relative;
-
-    display: inline-block;
-
-    overflow: hidden;
-
-    margin-inline-end: 10px;
-    border-radius: 4px;
-
-    line-height: 0;
-
-    > img {
-      width: var(--waline-user-avatar-size, 48px);
-      height: var(--waline-user-avatar-size, 48px);
-    }
-  }
-
-  .wl-user-badge {
-    position: absolute;
-    bottom: 0;
-    inset-inline-end: 0;
-
-    min-width: 0.7em;
-    height: 1.5em;
-    padding: 0 0.4em;
-    border-radius: 4px;
-
-    background: var(--waline-info-bgcolor);
-    color: var(--waline-info-color);
-
-    font-weight: bold;
-    font-size: 10px;
-    line-height: 1.5em;
-    text-align: center;
-  }
-
-  .wl-user-item {
-    margin: 10px 0;
-
-    &:nth-child(1) .wl-user-badge {
-      background: var(--waline-rank-gold-bgcolor, #fa3939);
-      color: var(--waline-white);
-      font-weight: bold;
-    }
-
-    &:nth-child(2) .wl-user-badge {
-      background: var(--waline-rank-silver-bgcolor, #fb811c);
-      color: var(--waline-white);
-      font-weight: bold;
-    }
-
-    &:nth-child(3) .wl-user-badge {
-      background: var(--waline-rank-copper-bgcolor, #feb207);
-      color: var(--waline-white);
-    }
-  }
-
-  .wl-user-meta {
-    display: inline-block;
-    vertical-align: top;
-  }
-
-  .wl-badge {
-    display: inline-block;
-    vertical-align: text-top;
-
-    margin-inline-start: 0.5em;
-    padding: 0 0.3em;
-    border: 1px solid var(--waline-badge-color);
-    border-radius: 4px;
-
-    color: var(--waline-badge-color);
-
-    font-size: var(--waline-badge-font-size);
-  }
-}
-
-.wl-user-wall {
-  padding: 0;
-  list-style: none;
-
-  // stylelint-disable-next-line no-descending-specificity
-  .wl-user-badge,
-  .wl-user-meta {
-    display: none;
-  }
-
-  .wl-user-item {
-    position: relative;
-    display: inline-block;
-    transition: transform ease-in-out 0.2s;
-
-    &::before,
-    &::after {
-      position: absolute;
-      bottom: 100%;
-      left: 50%;
-      z-index: 10;
-
-      opacity: 0;
-      pointer-events: none;
-
-      transition: all 0.18s ease-out 0.18s;
-      transform: translate(-50%, 4px);
-      transform-origin: top;
-    }
-
-    &::before {
-      content: '';
-
-      width: 0;
-      height: 0;
-      border: 5px solid transparent;
-      border-top-color: rgb(16 16 16 / 95%);
-    }
-
-    &::after {
-      content: attr(aria-label);
-
-      margin-bottom: 10px;
-      padding: 0.5em 1em;
-      border-radius: 2px;
-
-      background: rgb(16 16 16 / 95%);
-      color: #fff;
-
-      font-size: 12px;
-      white-space: nowrap;
-    }
-
-    &:hover {
-      transform: scale(1.1);
-
-      &::before,
-      &::after {
-        opacity: 1;
-        pointer-events: none;
-        transform: translate(-50%, 0);
-      }
-    }
-
-    img {
-      width: var(--waline-user-avatar-size, 48px);
-      height: var(--waline-user-avatar-size, 48px);
-    }
-  }
-}

package/src/typings/base.ts

@@ -1,123 +0,0 @@
-export type WalineCommentSorting = 'latest' | 'oldest' | 'hottest';
-
-export type WalineEmojiPresets =
-  | `//${string}`
-  | `http://${string}`
-  | `https://${string}`;
-
-export interface WalineEmojiInfo {
-  /**
-   * 选项卡上的 Emoji 名称
-   *
-   * Emoji name show on tab
-   */
-  name: string;
-  /**
-   * 所在文件夹链接
-   *
-   * Current folder link
-   */
-  folder?: string;
-  /**
-   * Emoji 通用路径前缀
-   *
-   * Common prefix of Emoji icons
-   */
-  prefix?: string;
-  /**
-   * Emoji 图片的类型，会作为文件扩展名使用
-   *
-   * Type of Emoji icons, will be regarded as file extension
-   */
-  type?: string;
-  /**
-   * 选项卡显示的 Emoji 图标
-   *
-   * Emoji icon show on tab
-   */
-  icon: string;
-  /**
-   * Emoji 图片列表
-   *
-   * Emoji image list
-   */
-  items: string[];
-}
-
-export type WalineEmojiMaps = Record<string, string>;
-
-export type WalineLoginStatus = 'enable' | 'disable' | 'force';
-
-export interface WalineSearchImageData extends Record<string, unknown> {
-  /**
-   * 图片链接
-   *
-   * Image link
-   */
-  src: string;
-
-  /**
-   * 图片标题
-   *
-   * @description 用于图片的 alt 属性
-   *
-   * Image title
-   *
-   * @description Used for alt attribute of image
-   */
-  title?: string;
-
-  /**
-   * 图片缩略图
-   *
-   * @description 为了更好的加载性能，我们会优先在列表中使用此缩略图
-   *
-   * Image preview link
-   *
-   * @description For better loading performance, we will use this thumbnail first in the list
-   *
-   * @default src
-   */
-  preview?: string;
-}
-
-export type WalineSearchResult = WalineSearchImageData[];
-
-export interface WalineSearchOptions {
-  /**
-   * 搜索操作
-   *
-   * Search action
-   */
-  search: (word: string) => Promise<WalineSearchResult>;
-
-  /**
-   * 打开列表时展示的默认结果
-   *
-   * Default result when opening list
-   *
-   * @default () => search('')
-   */
-  default?: () => Promise<WalineSearchResult>;
-
-  /**
-   * 获取更多的操作
-   *
-   * @description 会在列表滚动到底部时触发，如果你的搜索服务支持分页功能，你应该设置此项实现无限滚动
-   *
-   * Fetch more action
-   *
-   * @description It will be triggered when the list scrolls to the bottom. If your search service supports paging, you should set this to achieve infinite scrolling
-   *
-   * @default (word) => search(word)
-   */
-  more?: (word: string, currentCount: number) => Promise<WalineSearchResult>;
-}
-
-export type WalineMeta = 'nick' | 'mail' | 'link';
-
-export type WalineImageUploader = (image: File) => Promise<string>;
-
-export type WalineHighlighter = (code: string, lang: string) => string;
-
-export type WalineTeXRenderer = (blockMode: boolean, tex: string) => string;