@antv/dumi-theme-antv 0.8.0-beta.2 → 0.8.0-beta.4

package/dist/slots/CodeEditor/index.module.less

@@ -12,9 +12,11 @@
 
 .drawer{
   margin-top: 36px;
+
   :global {
     .ant-drawer-content {
       background: #f8f9fc;
+
       div.ant-drawer-header {
         padding-bottom: unset;
         border-bottom: unset;
@@ -24,6 +26,7 @@
           flex: unset;
         }
       }
+
       .ant-drawer-body{
         display: flex;
         flex-direction: column;

package/dist/slots/CodePreview/index.module.less

@@ -2,10 +2,8 @@
   width: 100%;
   height: 100%;
   position: relative;
-
   padding: 24px;
   overflow: auto;
-
   display: flex;
   flex-direction: column;
 
@@ -46,7 +44,6 @@
       position: absolute;
       top: 0;
       left: 0;
-
       background: #fff;
     }
   }

package/dist/slots/CodeRunner/index.js

@@ -32,7 +32,9 @@ var CodeRunner = function CodeRunner(_ref) {
     replaceId = _ref.replaceId,
     isPlayground = _ref.isPlayground,
     _ref$notFound = _ref.notFound,
-    notFound = _ref$notFound === void 0 ? /*#__PURE__*/React.createElement(NotFound, null) : _ref$notFound;
+    notFound = _ref$notFound === void 0 ? /*#__PURE__*/React.createElement(NotFound, null) : _ref$notFound,
+    _ref$showAI = _ref.showAI,
+    showAI = _ref$showAI === void 0 ? true : _ref$showAI;
   var demoInfo = getDemoInfo(exampleTopics, topic, example, demo);
 
   // 找不到，啥也别干了，404 页面
@@ -80,7 +82,8 @@ var CodeRunner = function CodeRunner(_ref) {
     onDestroy: noop,
     onReady: noop,
     playground: playground,
-    title: ic(title)
+    title: ic(title),
+    showAI: showAI
   }))));
 };
 export default CodeRunner;

package/dist/slots/ContentTable/index.module.less

@@ -1,8 +1,9 @@
 :global {
   ul.dumi-default-toc {
     > li {
-      margin-left: 0px !important;
+      margin-left: 0 !important;
     }
+
     .active {
       color: #873bf4 !important;
       border-left: 3px solid #873bf4 !important;

package/dist/slots/Detail/News.module.less

@@ -1,9 +1,9 @@
 .news {
   width: 50%;
   margin-right: 2%;
-  background-color: #ffffff;
+  background-color: #fff;
   border: 1px solid #e5e8ef;
-  box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 5%);
   border-radius: 16px;
   height: 100%;
   font-size: 14px;
@@ -91,13 +91,13 @@
 @keyframes showAndHide0 {
   0% {
     opacity: 1;
-    top: 0px;
+    top: 0;
     z-index: 1;
   }
 
   33.3% {
     opacity: 0;
-    top: 0px;
+    top: 0;
     z-index: 0;
   }
 
@@ -109,7 +109,7 @@
 
   100% {
     opacity: 1;
-    top: 0px;
+    top: 0;
     z-index: 1;
   }
 }
@@ -123,13 +123,13 @@
 
   33.3% {
     opacity: 1;
-    top: 0px;
+    top: 0;
     z-index: 1;
   }
 
   66.6% {
     opacity: 0;
-    top: 0px;
+    top: 0;
     z-index: 0;
   }
 
@@ -155,13 +155,13 @@
 
   66.6% {
     opacity: 1;
-    top: 0px;
+    top: 0;
     z-index: 1;
   }
 
   100% {
     opacity: 0;
-    top: 0px;
+    top: 0;
     z-index: 0;
   }
 }

package/dist/slots/Detail/index.module.less

@@ -3,13 +3,14 @@
 .wrapper {
   min-height: 1000px;
   max-height: 1150px;
-  background: linear-gradient(225deg, #ffffff, #f0f5ff);
+  background: linear-gradient(225deg, #fff, #f0f5ff);
   height: calc(94vh);
   position: relative;
   overflow: hidden;
 
   .content {
     .container1440();
+
     height: 100%;
     position: relative;
   }
@@ -28,7 +29,7 @@
 
     .title {
       font-size: 3.4em; //2.875em;
-      color: rgba(0, 0, 0, 1);
+      color: rgba(0, 0, 0, 100%);
       position: relative;
       font-family: AlibabaPuHuiTiRHeavy;
 
@@ -39,8 +40,7 @@
 
     .description {
       margin-top: 0.83%; //12px;
-      margin-bottom: 0px;
-      color: rgba(106, 123, 140, 1);
+      margin-bottom: 0;
       font-weight: 200;
       position: relative;
       width: 40%;
@@ -52,7 +52,7 @@
       overflow: hidden;
       text-overflow: ellipsis;
       -webkit-line-clamp: 4;
-      display: -webkit-box;
+      display: box;
       -webkit-box-orient: vertical;
     }
 
@@ -64,7 +64,6 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        cursor: pointer;
         border-radius: 12px;
         z-index: 10;
         position: relative;
@@ -73,13 +72,12 @@
         height: 54px;
         min-width: 166px;
         padding: 0 10px;
-        box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
         background-color: #691eff;
         font-size: 18px;
         cursor: pointer;
         box-shadow: 0 8px 28px 0 #f2f2f2;
         margin-right: 20px;
-        color: #ffffff;
+        color: #fff;
         overflow: hidden;
 
         .icon {
@@ -94,8 +92,7 @@
         }
 
         &.primary {
-          color: #fff;
-          background-color: #ffffff;
+          background-color: #fff;
           color: #000;
           border: 1px solid #e8e8e8;
 
@@ -123,8 +120,8 @@
             display: flex;
             height: 54px;
             cursor: pointer;
-            box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.05);
-            background-color: #ffffff;
+            box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 5%);
+            background-color: #fff;
             border: 1px solid #e8e8e8;
             justify-content: center;
             align-items: center;
@@ -146,6 +143,7 @@
 
             .gh-btn {
               padding: 16px;
+
               .gh-ico {
                 display: block;
                 width: 20px;
@@ -172,7 +170,7 @@
               margin-left: -8px;
               color: #1d2129;
               letter-spacing: 0;
-              font-family: AlibabaSans102-Medium;
+              font-family: "AlibabaSans102-Medium";
             }
           }
         }
@@ -195,7 +193,6 @@
     display: flex;
     position: absolute;
     right: 0;
-    margin-top: -300px;
     width: 32%;
     max-width: 598px;
     height: 324px;

package/dist/slots/ExampleSider/index.module.less

@@ -11,7 +11,7 @@
     z-index: 1;
     top: 0;
     height: 100%;
-    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0);
+    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0%);
     width: 1px;
     transition: all 0.3s;
   }
@@ -45,7 +45,7 @@
   user-select: none;
   background-color: #fff;
 
-  &:after {
+  &::after {
     transition: all 0.3s;
     background-color: transparent;
     border: 1px solid transparent;
@@ -60,7 +60,7 @@
   &:hover {
     border-color: var(--primary-color);
 
-    &:before {
+    &::before {
       transition: all 0.3s;
       content: '';
       position: absolute;
@@ -127,7 +127,6 @@
     display: inline-block;
     width: 100%;
     vertical-align: bottom;
-
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;

package/dist/slots/Footer/index.module.less

@@ -36,7 +36,7 @@
     display: flex;
     justify-content: center;
     font-size: 14px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+    border-bottom: 1px solid rgba(255, 255, 255, 25%);
     margin-bottom: 16px;
     box-sizing: border-box;
     padding-bottom: 16px;
@@ -72,7 +72,7 @@
     :global(.anticon),
     a {
       margin-right: 8px;
-      color: rgba(255, 255, 255, 0.6);
+      color: rgba(255, 255, 255, 60%);
     }
 
     &.light {

package/dist/slots/Header/Products/Product.module.less

@@ -57,7 +57,7 @@
   ul {
     list-style: none;
     padding: 0;
-    margin: 0 0 20px 0;
+    margin: 0 0 20px;
 
     &:last-child {
       margin-bottom: 32px;
@@ -87,7 +87,7 @@
         margin-bottom: 4px;
         font-size: 14px;
         line-height: 22px;
-        color: rgba(0, 0, 0, 0.85);
+        color: rgba(0, 0, 0, 85%);
         transition: all 0.3s;
 
         &:hover {

package/dist/slots/Header/Search/SearchResult.js

@@ -3,6 +3,8 @@ import React from 'react';
 import styles from "./SearchResult.module.less";
 import classnames from "classnames";
 import { createNewSession } from "../../../model/AIChat";
+import { authStore, showLoginModal } from "../../../model/auth";
+import { useSnapshot } from "valtio";
 var getHighlightInfo = function getHighlightInfo(textSegments) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, textSegments.map(function (segment) {
     return /*#__PURE__*/React.createElement("span", {
@@ -21,6 +23,7 @@ export var SearchResult = function SearchResult(_ref) {
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
   var intl = useIntl();
+  var authSnap = useSnapshot(authStore);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.searchResult
   }, /*#__PURE__*/React.createElement("div", {
@@ -35,6 +38,10 @@ export var SearchResult = function SearchResult(_ref) {
   }), /*#__PURE__*/React.createElement("a", {
     className: styles.result,
     onClick: function onClick() {
+      if (!authSnap.isAuthenticated) {
+        showLoginModal();
+        return;
+      }
       createNewSession({
         promptText: keywords,
         mode: "solve",

package/dist/slots/Header/Search/SearchResult.module.less

@@ -51,6 +51,7 @@
         color: rgb(160, 161, 167);
         max-height: 55px;
         overflow: hidden;
+
         .segment {
           padding-left: 1px;
           padding-right: 1px;

package/dist/slots/Header/index.module.less

@@ -65,7 +65,7 @@
     .container {
       max-width: 100%;
       padding: 0 20px;
-      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      border-bottom: 1px solid rgba(0, 0, 0, 10%);
     }
 
     .nav {
@@ -87,7 +87,7 @@
 
             &:hover {
               background: #fff;
-              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
+              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 10%);
             }
           }
         }
@@ -174,11 +174,11 @@
       font-size: 18px;
 
       a {
-        color: rgba(0, 0, 0, 0.85);
+        color: rgba(0, 0, 0, 85%);
         transition: all 0.3s;
 
         &:hover {
-          color: rgba(0, 0, 0, 1);
+          color: rgba(0, 0, 0, 100%);
         }
       }
     }
@@ -400,7 +400,7 @@
 }
 
 .remindHref {
-  margin: 0px 6px 0px 5px;
+  margin: 0 6px 0 5px;
 }
 
 .modalContent {

package/dist/slots/LiveExample/index.module.less

@@ -54,7 +54,7 @@
     display: block;
     color: #fb1716;
     padding: 0.25rem 0;
-    border-left: 3px solid #ff0000;
+    border-left: 3px solid #f00;
     padding-left: 12px;
   }
 }

package/dist/slots/Loading/index.module.less

@@ -15,8 +15,10 @@
       top: 50%;
       margin: -50px 0 0 -120px;
     }
+
     .loader {
       --duration: 3s;
+
       width: 44px;
       height: 44px;
       position: relative;
@@ -24,7 +26,7 @@
       margin: 0 16px;
     }
 
-    .loader:before {
+    .loader::before {
       content: ' ';
       width: 6px;
       height: 6px;
@@ -34,9 +36,9 @@
       background: #ff700a;
       top: 37px;
       left: 19px;
-      -webkit-transform: translate(-18px, -18px);
       transform: translate(-18px, -18px);
-      -webkit-animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      transform: translate(-18px, -18px);
+      animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
@@ -58,21 +60,21 @@
     .loader svg polygon {
       stroke-dasharray: 145 76 145 76;
       stroke-dashoffset: 0;
-      -webkit-animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
     .loader svg rect {
       stroke-dasharray: 192 64 192 64;
       stroke-dashoffset: 0;
-      -webkit-animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
     .loader svg circle {
       stroke-dasharray: 150 50 150 50;
       stroke-dashoffset: 75;
-      -webkit-animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
@@ -80,11 +82,11 @@
       width: 48px;
     }
 
-    .loader.triangle:before {
+    .loader.triangle::before {
       left: 21px;
-      -webkit-transform: translate(-10px, -18px);
       transform: translate(-10px, -18px);
-      -webkit-animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
+      transform: translate(-10px, -18px);
+      animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
       animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
     }
 
@@ -99,7 +101,7 @@
   }
 }
 
-@-webkit-keyframes ~":global(pathTriangle)" {
+@keyframes ~":global(pathTriangle)" {
   33% {
     stroke-dashoffset: 74;
   }
@@ -127,41 +129,41 @@
   }
 }
 
-@-webkit-keyframes ~":global(dotTriangle)" {
+@keyframes ~":global(dotTriangle)" {
   33% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   66% {
-    -webkit-transform: translate(10px, -18px);
+    transform: translate(10px, -18px);
     transform: translate(10px, -18px);
   }
 
   100% {
-    -webkit-transform: translate(-10px, -18px);
+    transform: translate(-10px, -18px);
     transform: translate(-10px, -18px);
   }
 }
 
 @keyframes ~":global(dotTriangle)" {
   33% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   66% {
-    -webkit-transform: translate(10px, -18px);
+    transform: translate(10px, -18px);
     transform: translate(10px, -18px);
   }
 
   100% {
-    -webkit-transform: translate(-10px, -18px);
+    transform: translate(-10px, -18px);
     transform: translate(-10px, -18px);
   }
 }
 
-@-webkit-keyframes ~":global(pathRect)" {
+@keyframes ~":global(pathRect)" {
   25% {
     stroke-dashoffset: 64;
   }
@@ -197,51 +199,51 @@
   }
 }
 
-@-webkit-keyframes ~":global(dotRect)" {
+@keyframes ~":global(dotRect)" {
   25% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   50% {
-    -webkit-transform: translate(18px, -18px);
+    transform: translate(18px, -18px);
     transform: translate(18px, -18px);
   }
 
   75% {
-    -webkit-transform: translate(0, -36px);
+    transform: translate(0, -36px);
     transform: translate(0, -36px);
   }
 
   100% {
-    -webkit-transform: translate(-18px, -18px);
+    transform: translate(-18px, -18px);
     transform: translate(-18px, -18px);
   }
 }
 
 @keyframes ~":global(dotRect)" {
   25% {
-    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
     transform: translate(0, 0);
   }
 
   50% {
-    -webkit-transform: translate(18px, -18px);
+    transform: translate(18px, -18px);
     transform: translate(18px, -18px);
   }
 
   75% {
-    -webkit-transform: translate(0, -36px);
+    transform: translate(0, -36px);
     transform: translate(0, -36px);
   }
 
   100% {
-    -webkit-transform: translate(-18px, -18px);
+    transform: translate(-18px, -18px);
     transform: translate(-18px, -18px);
   }
 }
 
-@-webkit-keyframes ~":global(pathCircle)" {
+@keyframes ~":global(pathCircle)" {
   25% {
     stroke-dashoffset: 125;
   }