artalk 2.3.0 → 2.3.3

package/src/style/editor.less

@@ -23,7 +23,7 @@
       font-size: 14px;
       background: transparent;
       border: 2px solid transparent;
-      border-radius: calc(@block-radius / 2);
+      border-radius: (@block-radius / 2);
       padding: 6px 5px;
       resize: none;
       outline: none;
@@ -44,7 +44,7 @@
       font-size: 15px;
       background-color: var(--at-color-bg);
       border: 2px solid transparent;
-      border-radius: calc(@block-radius / 2);
+      border-radius: (@block-radius / 2);
       width: 100%;
       min-height: 120px;
       margin-top: 2px;
@@ -61,6 +61,7 @@
       background-color: var(--at-color-bg);
       border-top: 1px solid var(--at-color-border);
       padding: 5px 15px;
+      margin-top: 10px;
       // background: repeating-linear-gradient(145deg, #f2f2f2, #f2f2f2 15px, #fff 0, #fff 30px);
     }
 
@@ -68,8 +69,8 @@
       z-index: 2;
       position: absolute;
       right: 7px;
-      bottom: 8px;
-      max-width: calc(100% - 20px);
+      bottom: 2px;
+      max-width: (100% - 20px);
       height: 30px;
       line-height: 30px;
       font-size: 14px;
@@ -79,7 +80,7 @@
       text-overflow: ellipsis;
       white-space: nowrap;
       cursor: pointer;
-      border-radius: @block-radius;
+      border-radius: (@block-radius / 2);
 
       .atk-text {
       }
@@ -125,11 +126,12 @@
 
     .atk-plug-btn {
       padding: 0 8px;
+      line-height: 24px;
       cursor: pointer;
       color: var(--at-color-grey);
       font-size: @font-size;
       user-select: none;
-      border-radius: @block-radius;
+      border-radius: (@block-radius / 2);
 
       &:not(:last-child) {
         margin-right: 2px;
@@ -169,7 +171,7 @@
       cursor: pointer;
       transition: opacity 0.3s ease-in-out;
       outline: none;
-      border-radius: @block-radius;
+      border-radius: (@block-radius / 2);
 
       &:active {
         opacity: 0.9;

package/src/style/list.less

@@ -22,7 +22,7 @@
         border-left: 3px solid transparent;
         border-right: 3px solid transparent;
         margin-top: -1px;
-        margin-left: 0.4rem;
+        margin-left: 0.8rem;
         display: inline-block;
       }
 
@@ -46,7 +46,7 @@
         padding: 0.6rem 0;
         border: 1px solid var(--at-color-border);
         text-align: center;
-        border-radius: 0.25rem;
+        border-radius: @block-radius;
         white-space: nowrap;
         margin: 0;
         list-style: none;

package/src/style/main.less

@@ -7,9 +7,7 @@
 }
 
 .artalk, .atk-layer-wrap {
-  line-height: @line-height;
   color: var(--at-color-font);
-  font-family: @font-family;
   word-wrap: break-word;
   word-break: break-all;
 
@@ -64,6 +62,7 @@
     padding: 10px 20px 10px 20px;
     background: var(--at-color-bg-grey);
     border-left: 4px solid #687a86;
+    color: var(--at-color-font);
   }
 
   p:first-child {
@@ -311,10 +310,10 @@ i.atk-icon {
 
       input {
         width: 100%;
-        line-height: calc(@formInputHeight + 4px);
+        line-height: (@formInputHeight + 4px);
         background-color: var(--at-color-bg);
         border: 1px solid var(--at-color-border);
-        border-radius: calc(@block-radius / 2);
+        border-radius: (@block-radius / 2);
         outline: none;
         padding: 0 6px;
         display: block;
@@ -335,7 +334,7 @@ i.atk-icon {
         border: 1px solid var(--at-color-main);
         background: transparent;
         color: var(--at-color-main);
-        border-radius: calc(@block-radius / 2);
+        border-radius: (@block-radius / 2);
         padding: 0 15px;
         line-height: @formInputHeight;
         outline: none;
@@ -405,10 +404,10 @@ i.atk-icon {
   overflow: hidden;
   background-color: #2c2c2c;
   color: #FFF;
-  border-radius: 2px;
+  border-radius: (@block-radius / 2);
   cursor: pointer;
   font-size: 14px;
-  padding: 4px 15px;
+  padding: 5px 15px;
 
   &:not(:last-child) {
     margin-bottom: 3px;

package/test/ArtalkCount.html

@@ -0,0 +1,16 @@
+<script src="../dist/Artalk.js"></script>
+
+<div class="pv" data-page-key="https://artalk.js.org/">0</div>
+<div class="pv" data-page-key="https://artalk.js.org/guide/intro.html">0</div>
+
+<div class="count" data-page-key="https://artalk.js.org/">0</div>
+<div class="count" data-page-key="https://artalk.js.org/guide/intro.html">0</div>
+
+<script>
+  var artalk = Artalk.LoadCountWidget({
+    server: 'http://localhost:23366',
+    site: 'ArtalkDocs',
+    pvEl: '.pv',
+    countEl: ".count",
+  });
+</script>

package/test/ArtalkI18n.html

@@ -0,0 +1,15 @@
+<link rel="stylesheet" href="../dist/Artalk.css">
+<script src="../dist/Artalk.js"></script>
+
+<div id="comments"></div>
+
+<script>
+  var artalk = new Artalk({
+    el: '#comments',
+    pageKey: 'https://artalk.js.org/',
+    pageTitle: 'Artalk Home',
+    server: 'http://localhost:23366',
+    site: 'ArtalkDocs',
+    locale: 'auto',
+  });
+</script>

package/test/ArtalkLite.html

@@ -1,15 +1,15 @@
-<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<!-- <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> -->
 <link rel="stylesheet" href="../dist/ArtalkLite.css">
 <script src="../dist/ArtalkLite.js"></script>
 
 <div id="comments"></div>
 
 <script>
-    var artalk = new Artalk({
-      el: '#comments',
-      pageKey: 'https://artalk.js.org/',
-      pageTitle: 'Artalk Home',
-      server: 'http://localhost:23366',
-      site: 'ArtalkDocs',
-    });
+  var artalk = new Artalk({
+    el: '#comments',
+    pageKey: 'https://artalk.js.org/',
+    pageTitle: 'Artalk Home',
+    server: 'http://localhost:23366',
+    site: 'ArtalkDocs',
+  });
 </script>

package/types/artalk-config.d.ts

@@ -98,7 +98,7 @@ export default interface ArtalkConfig {
   imgUpload: boolean
 
   /** 图片上传器 */
-  imgUploader?: (file: File) => Promise<{ img_url: string }>
+  imgUploader?: (file: File) => Promise<string>
 
   /** 版本检测 */
   versionCheck: boolean

package/types/plug.d.ts

@@ -0,0 +1,4 @@
+import ContextApi from './context'
+
+type ArtalkPlug = (ctx: ContextApi) => void
+export default ArtalkPlug