vft 0.0.142 → 0.0.144

package/theme-style/src/md/code.scss

@@ -7,7 +7,7 @@
 
 // 代码块
 code {
-  padding: 0px 5px;
+  padding: 0 5px;
   color: #ff502c;
   background-color: getCompCssVar('code-bg-color');
   border-radius: 3px;
@@ -24,7 +24,7 @@ code {
   }
 
   &::after {
-    content: "";
+    content: '';
     position: absolute;
     top: 0;
     left: 0;
@@ -40,10 +40,8 @@ code {
     position: absolute;
     top: 0;
     left: 0;
-
     width: getCompCssVar(line-numbers-width);
     padding: 1rem 0;
-
     color: getCssVar('text-regular-color');
 
     // WARNING: Safari only support integer pixels for `<pre>` tag line-height
@@ -51,7 +49,6 @@ code {
     line-height: 1.375;
     counter-reset: line-number;
     text-align: center;
-
     transition: color getCssVar(color-transition);
 
     // This is a hacky fix to align line number with code line
@@ -97,7 +94,7 @@ code {
     transition: background getCompCssVar('color-transition');
 
     &::before {
-      content: " ";
+      content: ' ';
       position: absolute;
       top: 0;
       left: 0;
@@ -114,7 +111,7 @@ div[class*='language-'] {
   position: relative;
   border-radius: 6px;
   background: #ecf4fa;
-  transition: background .3s ease;
+  transition: background 0.3s ease;
 
   &::before {
     content: attr(data-ext);
@@ -123,11 +120,12 @@ div[class*='language-'] {
     right: 1em;
     z-index: 3;
     color: rgb(0, 64, 80);
-    font-size: .75rem;
-    transition: color .3s ease;
+    font-size: 0.75rem;
+    transition: color 0.3s ease;
   }
 
-  pre, pre[class*="language-"] {
+  pre,
+  pre[class*='language-'] {
     position: relative;
     z-index: 1;
     direction: ltr;
@@ -139,7 +137,7 @@ div[class*='language-'] {
     line-height: 1.375;
     display: block;
     white-space: pre;
-    margin: 14px 0 14px 0px;
+    margin: 14px 0;
 
     code {
       background: none;
@@ -152,10 +150,10 @@ div[class*='language-'] {
       word-wrap: normal;
       word-break: normal;
       -webkit-hyphens: none;
-      font-size: .85em;
+      font-size: 0.85em;
       -webkit-font-smoothing: auto;
       hyphens: none;
-      transition: color .3s ease;
+      transition: color 0.3s ease;
     }
   }
 
@@ -168,7 +166,7 @@ div[class*='language-'] {
   button.copy {
     border: none;
     position: absolute;
-    top: 0px;
+    top: 0;
     right: 40px;
     z-index: 3;
     display: block;
@@ -193,7 +191,7 @@ div[class*='language-'] {
     left: -45px;
     font-size: 12px;
     font-weight: 500;
-    color: rgba(56, 58, 66, .67);
+    color: rgba(56, 58, 66, 0.67);
     background-color: transparent;
     white-space: nowrap;
     content: 'Copied';

package/theme-style/src/md/demo-block.scss

@@ -10,7 +10,8 @@
 
 .hint-container {
   position: relative;
-  transition: background getCssVar(transition-color), border-color getCssVar(transition-color), color getCssVar(transition-color);
+  transition: background getCssVar(transition-color),
+    border-color getCssVar(transition-color), color getCssVar(transition-color);
 
   @media print {
     page-break-inside: avoid;
@@ -163,7 +164,8 @@
   border-radius: 0.5rem;
   background: getCompCssVar(detail-bg-color);
   color: getCompCssVar(detail-text-color);
-  transition: background getCssVar(transition-color), color getCssVar(transition-color);
+  transition: background getCssVar(transition-color),
+    color getCssVar(transition-color);
 
   @media print {
     display: none;
@@ -226,7 +228,8 @@
     &::before {
       border-radius: 50%;
       background: #ccc;
-      transition: background getCssVar(transition-color), transform getCssVar(transition-color);
+      transition: background getCssVar(transition-color),
+        transform getCssVar(transition-color);
     }
 
     &::after {

package/theme-style/src/md/helper.scss

@@ -1,4 +1,4 @@
-@use "sass:color";
+@use 'sass:color';
 
 @mixin color($codeColor, $codeBgColor) {
   --code-color: #{$codeColor};

package/theme-style/src/md/link.scss

@@ -21,12 +21,13 @@ a {
     height: 12px;
     width: 12px;
     margin-left: 5px;
-    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjc0NTU1ODY1NjQyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU2NjIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTkxMiAxMDA4LjUxMkgxNS40ODhWMTEyaDQ0OC4yNTZ2OTZIMTExLjQ4OHY3MDQuNTEySDgxNlY1NjAuMjU2aDk2eiIgcC1pZD0iNTY2MyIgZmlsbD0iIzk5OTk5OSI+PC9wYXRoPjxwYXRoIGQ9Ik05MTguMjA4IDM3Ljg4OGw2Ny45MDQgNjcuOTA0TDU0NS45ODQgNTQ1LjkybC02Ny45MDQtNjcuODR6IiBwLWlkPSI1NjY0IiBmaWxsPSIjOTk5OTk5Ij48L3BhdGg+PHBhdGggZD0iTTEwMDcuMTY4IDMxMC42NTZoLTk2VjExMmgtMjA4VjE2aDMwNHoiIHAtaWQ9IjU2NjUiIGZpbGw9IiM5OTk5OTkiPjwvcGF0aD48L3N2Zz4=");
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjc0NTU1ODY1NjQyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU2NjIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTkxMiAxMDA4LjUxMkgxNS40ODhWMTEyaDQ0OC4yNTZ2OTZIMTExLjQ4OHY3MDQuNTEySDgxNlY1NjAuMjU2aDk2eiIgcC1pZD0iNTY2MyIgZmlsbD0iIzk5OTk5OSI+PC9wYXRoPjxwYXRoIGQ9Ik05MTguMjA4IDM3Ljg4OGw2Ny45MDQgNjcuOTA0TDU0NS45ODQgNTQ1LjkybC02Ny45MDQtNjcuODR6IiBwLWlkPSI1NjY0IiBmaWxsPSIjOTk5OTk5Ij48L3BhdGg+PHBhdGggZD0iTTEwMDcuMTY4IDMxMC42NTZoLTk2VjExMmgtMjA4VjE2aDMwNHoiIHAtaWQ9IjU2NjUiIGZpbGw9IiM5OTk5OTkiPjwvcGF0aD48L3N2Zz4=');
     background-size: 100% 100%;
   }
 
   // 隐藏箭头
-  &.header-anchor, &:has(> img) {
+  &.header-anchor,
+  &:has(> img) {
     &::after {
       content: '';
       display: none;
@@ -42,14 +43,17 @@ a {
     margin-top: 0.125em;
     margin-left: -0.87em;
     padding-right: 0.23em;
-    font-size: .85em;
+    font-size: 0.85em;
     opacity: 0;
-    transition: opacity .2s;
+    transition: opacity 0.2s;
   }
 }
 
-h1:hover .header-anchor, h2:hover .header-anchor, h3:hover .header-anchor, h4:hover .header-anchor, h5:hover .header-anchor, h6:hover .header-anchor {
+h1:hover .header-anchor,
+h2:hover .header-anchor,
+h3:hover .header-anchor,
+h4:hover .header-anchor,
+h5:hover .header-anchor,
+h6:hover .header-anchor {
   opacity: 1;
 }
-
-

package/theme-style/src/md/one-light.scss

@@ -4,10 +4,10 @@
  * Copied from https://github.com/PrismJS/prism-themes/blob/master/themes/prism-one-light.css
  */
 
-@import "helper";
+@import 'helper';
 
-code[class*="language-"],
-pre[class*="language-"] {
+code[class*='language-'],
+pre[class*='language-'] {
   // tab size
   -moz-tab-size: 2;
   -o-tab-size: 2;

package/theme-style/src/md/pswp.scss

@@ -1,10 +1,7 @@
 .pswp {
   --pswp-bg: #000;
   --pswp-placeholder-bg: #222;
-
-
   --pswp-root-z-index: 100000;
-
   --pswp-preloader-color: rgba(79, 79, 79, 0.4);
   --pswp-preloader-secondary-color: rgba(255, 255, 255, 0.9);
 
@@ -15,11 +12,9 @@
   --pswp-icon-secondary-color: #4f4f4f;
   --pswp-icon-stroke-color: #4f4f4f;
   --pswp-icon-stroke-width: 2px;
-
   --pswp-error-text-color: var(--pswp-icon-color);
 }
 
-
 /*
   Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
 */
@@ -121,7 +116,6 @@
   cursor: zoom-out;
 }
 
-
 /* Prevent selection and tap highlights */
 .pswp__container,
 .pswp__img,
@@ -152,7 +146,6 @@
   pointer-events: auto;
 }
 
-
 /*
 
   PhotoSwipe UI
@@ -182,7 +175,8 @@ and show (for example fade in) when PhotoSwipe is opened
 .pswp .pswp__hide-on-close {
   opacity: 0.005;
   will-change: opacity;
-  transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
+  transition: opacity var(--pswp-transition-duration)
+    cubic-bezier(0.4, 0, 0.22, 1);
   z-index: 10; /* always overlap slide content */
   pointer-events: none; /* hidden elements should not be clickable */
 }
@@ -279,12 +273,12 @@ div.pswp__img--placeholder,
 
 .pswp__top-bar > * {
   pointer-events: auto;
+
   /* this makes transition significantly more smooth,
      even though inner elements are not animated */
   will-change: opacity;
 }
 
-
 /*
 
   Close button
@@ -294,7 +288,6 @@ div.pswp__img--placeholder,
   margin-right: 6px;
 }
 
-
 /*
 
   Arrow buttons
@@ -339,16 +332,17 @@ div.pswp__img--placeholder,
 
 .pswp__button--arrow--prev {
   right: auto;
-  left: 0px;
+  left: 0;
 }
 
 .pswp__button--arrow--next {
-  right: 0px;
+  right: 0;
 }
 
 .pswp__button--arrow--next .pswp__icn {
   left: auto;
   right: 14px;
+
   /* flip horizontally */
   transform: scale(-1, 1);
 }
@@ -371,7 +365,6 @@ div.pswp__img--placeholder,
   display: none;
 }
 
-
 /*
 
   Loading indicator
@@ -396,10 +389,14 @@ div.pswp__img--placeholder,
 }
 
 @keyframes pswp-clockwise {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
+  0% {
+    transform: rotate(0deg);
+  }
 
+  100% {
+    transform: rotate(360deg);
+  }
+}
 
 /*
 

package/theme-style/src/md/svg.scss

@@ -48,5 +48,14 @@
 @function str-replace($string, $search, $replace: '') {
   $index: string.index($string, $search);
 
-  @return if($index, string.slice($string, 1, $index - 1) + $replace + str-replace(string.slice($string, $index + string.length($search)), $search, $replace), $string);
+  @return if(
+    $index,
+    string.slice($string, 1, $index - 1) + $replace +
+      str-replace(
+        string.slice($string, $index + string.length($search)),
+        $search,
+        $replace
+      ),
+    $string
+  );
 }

package/theme-style/src/md/table.scss

@@ -30,7 +30,6 @@ table {
     }
   }
 
-
   td:first-child {
     font-weight: bold;
   }

package/theme-style/src/md/tasklist.scss

@@ -1,45 +1,36 @@
-input[type="checkbox"].task-list-item-checkbox {
+input[type='checkbox'].task-list-item-checkbox {
   position: relative;
   width: 0;
   margin-inline-end: 1.5em;
   cursor: pointer;
 
   &::after {
-    content: " ";
-
+    content: ' ';
     position: absolute;
     top: 0;
-
     display: inline-block;
-
     box-sizing: border-box;
-
     width: 1em;
     height: 1em;
     padding-inline-start: 0;
     border: 1px solid #ddd;
     border-radius: 2px;
-
     background: #fff;
-
     text-align: center;
-
     visibility: visible;
-
     transition: background var(--t-color, 0.3s ease),
       border-color var(--t-color, 0.3s ease);
   }
 
   &:checked {
     &::after {
-      content: "";
+      content: '';
       border-color: #3eaf7c;
       background: #3eaf7c;
     }
 
     &::before {
-      content: "";
-
+      content: '';
       position: absolute;
       top: 3px;
 
@@ -47,21 +38,19 @@ input[type="checkbox"].task-list-item-checkbox {
       left: 0.4em;
       inset-inline-start: 0.4em;
       z-index: 1;
-
       width: 4px;
       height: 9px;
       border: solid white;
       border-width: 0 0.15em 0.15em 0;
-
       transform: rotate(45deg);
     }
   }
 }
 
-input[type="checkbox" i] {
-    background-color: initial;
-    cursor: default;
-    margin: 3px 3px 3px 4px;
-    padding: initial;
-    border: initial;
+input[type='checkbox' i] {
+  background-color: initial;
+  cursor: default;
+  margin: 3px 3px 3px 4px;
+  padding: initial;
+  border: initial;
 }

package/theme-style/src/md/title.scss

@@ -1,5 +1,6 @@
 // 大标题 H2/3 的下划线
-h2, h3 {
+h2,
+h3 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.15);
 }
 

package/theme-style/src/md/toc.scss

@@ -69,9 +69,9 @@ $headings: (2, 3, 4, 5, 6);
     position: relative;
     margin: 0;
     padding: 0;
-    &::before {
-      content: " ";
 
+    &::before {
+      content: ' ';
       position: absolute;
       top: 0;
       bottom: 0;
@@ -84,6 +84,13 @@ $headings: (2, 3, 4, 5, 6);
   }
 
   .toc-link {
+    @each $heading in $headings {
+      &.level#{$heading} {
+        padding-inline-start: ($heading * 8 - 16) * 1px;
+        font-size: (16 - $heading) * 1px;
+      }
+    }
+
     position: relative;
     display: block;
     overflow: hidden;
@@ -92,30 +99,18 @@ $headings: (2, 3, 4, 5, 6);
     line-height: inherit;
     text-overflow: ellipsis;
     white-space: nowrap;
-
-    @each $heading in $headings {
-      &.level#{$heading} {
-        padding-inline-start: ($heading * 8 - 16) * 1px;
-        font-size: (16 - $heading) * 1px;
-      }
-    }
   }
 
   .toc-item {
     position: relative;
-
     box-sizing: border-box;
-
     height: 1.7rem;
     padding: 0 0.5rem;
-
     list-style: none;
-
     line-height: 1.7rem;
 
     &::before {
-      content: " ";
-
+      content: ' ';
       position: absolute;
       top: 0;
       bottom: 0;
@@ -124,9 +119,7 @@ $headings: (2, 3, 4, 5, 6);
       left: -8px;
       inset-inline-start: -8px;
       z-index: 2;
-
       width: 2px;
-
       background: transparent;
     }
 

package/theme-style/src/md-code-demo.scss

@@ -17,8 +17,10 @@ $name: md-code-demo;
     box-shadow: 0 2px 12px var(--card-shadow);
   }
 
-  .code-demo-jsfiddle, .code-demo-codepen {
+  .code-demo-jsfiddle,
+  .code-demo-codepen {
     cursor: pointer;
+
     button {
       border: none;
       background: none;
@@ -40,32 +42,30 @@ $name: md-code-demo;
 
   .code-demo-header {
     position: relative;
-
     display: flex;
     align-items: center;
     justify-content: space-between;
-
     padding: 8px 12px;
     border-radius: 8px 8px 0 0;
-
     background: var(--code-demo-header-bg-color);
-
     text-align: start;
 
     .toggle-button {
-
       position: relative;
-
       margin: 8px 12px 8px 8px;
       border-color: transparent;
       border-radius: 50%;
-
       background-color: #ccc;
       outline: none;
-
       font-size: 24px;
-
       cursor: pointer;
+      display: inline-block;
+      vertical-align: middle;
+      width: 1em;
+      height: 1em;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
+      line-height: normal;
+      transition: all 0.3s;
 
       @media print {
         display: none;
@@ -75,18 +75,6 @@ $name: md-code-demo;
         background-color: #aaa;
       }
 
-      display: inline-block;
-      vertical-align: middle;
-
-      width: 1em;
-      height: 1em;
-
-      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
-
-      line-height: normal;
-
-      transition: all 0.3s;
-
       &.down {
         transform: rotate(180deg);
       }
@@ -104,7 +92,6 @@ $name: md-code-demo;
       display: inline-block;
       vertical-align: top;
       flex: 1;
-
       font-weight: 500;
       font-size: 1.25rem;
       line-height: 2.5rem;
@@ -118,15 +105,12 @@ $name: md-code-demo;
     .jsfiddle-button {
       position: relative;
       cursor: pointer;
-
       box-sizing: content-box;
-
       width: 1.25rem;
       height: 1.25rem;
       margin: 0 4px;
       padding: 4px;
       border-radius: 50%;
-
       background: #ccc;
       outline: none;
 
@@ -138,17 +122,13 @@ $name: md-code-demo;
         width: 1.25rem;
         height: 1.25rem;
         fill: #777;
-
       }
 
       &:hover {
         background: #aaa;
 
-
         svg {
           fill: #333;
-
-
         }
       }
     }
@@ -156,9 +136,7 @@ $name: md-code-demo;
 
   .code-demo-container {
     position: relative;
-
     overflow: auto;
-
     max-height: 400px;
     padding: 20px;
     border-bottom: 1px solid var(--c-border, #eaecef);
@@ -178,10 +156,9 @@ $name: md-code-demo;
       margin: 0.75rem;
     }
 
-    > div[class*="language-"] {
+    > div[class*='language-'] {
       border-radius: 0;
 
-
       &:first-child pre {
         margin-top: 0 !important;
       }
@@ -197,7 +174,6 @@ $name: md-code-demo;
       button.copy-code-button {
         right: 0;
         bottom: 0;
-
         width: 28px;
         height: 28px;
         border-radius: 50% 10% 0;
@@ -214,5 +190,3 @@ $name: md-code-demo;
     }
   }
 }
-
-