@waline/client 2.0.1 → 2.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@waline/client",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "client for waline comment system",
   "keywords": [
     "valine",

package/src/compact/convert.ts

@@ -51,7 +51,7 @@ export const covertOptions = (
     warning(`Option "${item}" is REMOVED and CAN NOT be polyfilled!`)
   );
 
-  // warnings with those which can no longr be handled
+  // warnings with those which is being polyfilled
   DROPPED_OPTIONS_WHICH_CAN_STILL_BE_POLYFILLED.filter(([oldOption]) =>
     Object.keys(options).includes(oldOption)
   ).forEach(([oldOption, newOption]) =>

package/src/components/CommentBox.vue

@@ -58,10 +58,8 @@
         @paste="onPaste"
       />
 
-      <div
-        class="wl-preview"
-        :style="{ display: showPreview ? 'block' : 'none' }"
-      >
+      <div class="wl-preview" v-show="showPreview">
+        <hr />
         <h4>{{ locale.preview }}:</h4>
         <div class="wl-content" v-html="previewText" />
       </div>

package/src/components/Waline.vue

@@ -18,7 +18,7 @@
       />
     </div>
 
-    <div v-if="status === 'error'" class="wl-action">
+    <div v-if="status === 'error'" class="wl-operation">
       <button
         type="button"
         class="wl-btn"
@@ -35,7 +35,7 @@
       <div v-else-if="!data.length" class="wl-empty" v-text="i18n.sofa" />
 
       <!-- Load more button -->
-      <div v-else-if="page < totalPages" class="wl-more">
+      <div v-else-if="page < totalPages" class="wl-operation">
         <button
           type="button"
           class="wl-btn"
@@ -226,12 +226,12 @@ export default defineComponent({
       //   }),
     },
 
-    texRender: {
+    texRenderer: {
       type: Function as PropType<WalineTexRenderer>,
       // default: (blockMode: boolean): string =>
       //   blockMode === true
-      //     ? '<p class="vtex">Tex is not available in preview</p>'
-      //     : '<span class="vtex">Tex is not available in preview</span>',
+      //     ? '<p class="wl-tex">Tex is not available in preview</p>'
+      //     : '<span class="wl-tex">Tex is not available in preview</span>',
     },
   },
 

package/src/config/default.ts

@@ -17,5 +17,5 @@ export const defaultUploadImage = (file: File): Promise<string> =>
 
 export const defaultTexRenderer = (blockMode: boolean): string =>
   blockMode === true
-    ? '<p class="vtex">Tex is not available in preview</p>'
-    : '<span class="vtex">Tex is not available in preview</span>';
+    ? '<p class="wl-tex">Tex is not available in preview</p>'
+    : '<span class="wl-tex">Tex is not available in preview</span>';

package/src/styles/layout.scss

@@ -62,7 +62,7 @@
   text-align: center;
 }
 
-.wl-more {
+.wl-operation {
   text-align: center;
 
   button {

package/src/styles/panel.scss

@@ -196,8 +196,6 @@
   .wl-content {
     min-height: 1.25em;
     padding: 0.25em;
-    border: var(--waline-border);
-    border-radius: 0.25em;
 
     word-break: break-word;
     hyphens: auto;

package/src/utils/markdown.ts

@@ -10,7 +10,7 @@ import type {
 export const parseEmoji = (text = '', emojiMap: WalineEmojiMaps = {}): string =>
   text.replace(/:(.+?):/g, (placeholder, key: string) =>
     emojiMap[key]
-      ? `<img class="vemoji" src="${emojiMap[key]}" alt="${key}">`
+      ? `<img class="wl-emoji" src="${emojiMap[key]}" alt="${key}">`
       : placeholder
   );
 

package/src/widgets/recentComments.ts

@@ -2,14 +2,42 @@ import { fetchRecentComment, getRoot, getUserInfo } from '../utils';
 
 import type { WalineComment } from '../typings';
 
-export interface RecentCommentsOptions {
+export interface WalineRecentCommentsOptions {
+  /**
+   * Waline 服务端地址
+   *
+   * Waline serverURL
+   */
   serverURL: string;
+
+  /**
+   * 获取最新评论的数量
+   *
+   * fetch number of latest comments
+   */
   count: number;
+
+  /**
+   * 需要挂载的元素
+   *
+   * Element to be mounted
+   */
   el?: string | HTMLElement;
 }
 
-export interface RecentCommentsResult {
+export interface WalineRecentCommentsResult {
+  /**
+   * 评论数据
+   *
+   * Comment Data
+   */
   comments: WalineComment[];
+
+  /**
+   * 取消挂载挂件
+   *
+   * Umount widget
+   */
   destroy: () => void;
 }
 
@@ -17,7 +45,7 @@ export const RecentComments = ({
   el,
   serverURL,
   count,
-}: RecentCommentsOptions): Promise<RecentCommentsResult> => {
+}: WalineRecentCommentsOptions): Promise<WalineRecentCommentsResult> => {
   const root = getRoot(el);
   const controller = new AbortController();