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

package/dist/builtins/Playground/index.module.less

@@ -2,7 +2,6 @@
   width: 100%;
   height: 400px;
   position: relative;
-
   margin: 0;
   padding: 0;
   border: 1px solid #f0f0f0;

package/dist/components/AI/HomeDialog/AntVBanner/index.module.less

@@ -27,9 +27,9 @@
 
   .slogan {
     background: linear-gradient(to right, #6d81ba, #6475ff);
-    -webkit-background-clip: text;
+    background-clip: text;
     -webkit-text-fill-color: transparent;
-    margin: 0px;
+    margin: 0;
     font-size: 16px;
   }
 }

package/dist/components/AI/HomeDialog/ModeSelector/index.module.less

@@ -21,11 +21,10 @@
   display: flex;
   flex-direction: row;
   gap: 6px;
-
   backdrop-filter: blur(12px);
   padding: 4px;
   border-radius: 26px;
-  box-shadow: inset 1px -1px 0 0 rgba(255, 255, 255, 0.89);
+  box-shadow: inset 1px -1px 0 0 rgba(255, 255, 255, 89%);
 
   &::before {
     border-radius: 26px;
@@ -40,12 +39,12 @@
     opacity: 0.75;
     background-image: linear-gradient(
       90deg,
-      rgba(255, 255, 255, 0.02) 0%,
-      rgba(217, 217, 217, 0.06) 50%,
-      rgba(29, 33, 41, 0) 100%
+      rgba(255, 255, 255, 2%) 0%,
+      rgba(217, 217, 217, 6%) 50%,
+      rgba(29, 33, 41, 0%) 100%
     );
-    box-shadow: inset 1px -1px 0 0 rgba(255, 255, 255, 0.89);
-    background: rgba(255, 255, 255, 0.5);
+    box-shadow: inset 1px -1px 0 0 rgba(255, 255, 255, 89%);
+    background: rgba(255, 255, 255, 50%);
   }
 
   .switchBtn {
@@ -53,7 +52,6 @@
     align-items: center;
     justify-content: center;
     gap: 8px;
-
     width: 120px;
     height: 38px;
     cursor: pointer;
@@ -68,42 +66,48 @@
     &.active {
       color: #1d2129;
       font-weight: 500;
-
-      background: #ffffff;
+      background: #fff;
       border-color: #eeeef0;
-      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
+      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 8%);
     }
   }
 }
 
 .datasetSelectorModal {
-  top: 0px;
-  padding-bottom: 0px;
+  top: 0;
+  padding-bottom: 0;
 
   .listItemContent {
     cursor: pointer;
     border: none;
     line-height: 22px;
+
     &.disabled {
       color: #86909c;
       cursor: not-allowed;
     }
+
     &:hover {
       background: #1677ff1a;
     }
+
     &:not(.disabled):hover {
       color: #1677ff;
     }
+
     padding: 7px 16px 7px 7px;
+
     &--multiline {
       padding: 4px 16px 4px 7px;
     }
   }
+
   .selected {
     background: #1677ff1a;
     font-weight: 500;
     color: #1677ff;
   }
+
   .nameWrapper {
     flex: 1 1;
     min-width: 0;
@@ -122,20 +126,24 @@
         min-width: 0;
       }
     }
+
     .desc {
       font-size: 12px;
       color: #86909ccc;
       line-height: 22px;
     }
   }
+
   .list {
     background: #ffffffdb;
-    padding: 10px 18px 18px 18px;
+    padding: 10px 18px 18px;
+
     :global {
       .ant-input-affix-wrapper {
         margin-bottom: 8px;
         border-radius: 6px;
         color: #5a607f65;
+
         .ant-input-prefix {
           margin-right: 8px;
         }
@@ -148,13 +156,16 @@
     .ant-alert-info .ant-alert-icon {
       color: #1677ff;
     }
+
     .ant-modal-footer {
       button {
         box-shadow: none;
+
         &.ant-btn-primary {
           color: white;
           background: #1677ff;
         }
+
         background: none;
         border: none;
         border-radius: 6px;
@@ -162,15 +173,18 @@
         width: 60px;
         height: 32px;
         color: #4e5969e6;
+
         &:disabled {
           background: #4e59693c;
           color: white;
         }
       }
     }
+
     .ant-modal-close-x {
       display: none;
     }
+
     .ant-modal-body {
       padding: 0;
     }
@@ -178,21 +192,26 @@
     .ant-modal-header {
       border-radius: 8px 8px 0 0;
     }
+
     .ant-modal-content {
       border-radius: 8px;
     }
+
     .ant-modal-content {
       background-color: rgb(251, 252, 253);
     }
+
     .ant-tabs-nav {
       padding-left: 18px;
       padding-right: 18px;
       margin-bottom: 0;
     }
+
     .ant-tabs-tab {
       font-size: 14px;
-      padding: 14px 0 13px 0;
+      padding: 14px 0 13px;
     }
+
     .ant-alert {
       padding: 4px 15px;
     }
@@ -214,7 +233,6 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-
     font-size: 14px;
     color: #5a607fe0;
   }
@@ -230,17 +248,17 @@
     .switchBtn {
       width: 100px;
       border-radius: 12px;
-      background: #ffffff;
+      background: #fff;
       border: 1px solid #5a607fe0;
       opacity: 0.4;
-      box-shadow: 0px 3px 12px 0px #0000000a;
+      box-shadow: 0 3px 12px 0 #0000000a;
       font-size: 14px;
       color: #86909c;
       line-height: 24px;
       height: 24px;
 
       &.active {
-        background: #ffffff;
+        background: #fff;
         border: 1px solid #2d84ff;
         color: #1677ff;
         opacity: 1;
@@ -261,12 +279,11 @@
   border-radius: 4px;
   margin-left: 8px;
   flex-shrink: 0;
-
   color: #86909c;
-  background: rgba(0, 0, 0, 0.04);
+  background: rgba(0, 0, 0, 4%);
 
   &.primary {
     color: #f68b02;
-    background: rgba(246, 144, 61, 0.1);
+    background: rgba(246, 144, 61, 10%);
   }
 }

package/dist/components/AI/HomeDialog/PromptTextarea/DatasourceCard/index.module.less

@@ -3,11 +3,10 @@
   align-items: center;
   height: 32px;
   position: relative;
-
   padding-left: 8px;
   padding-right: 12px;
-  background: rgba(212, 215, 219, 0.4);
-  border: 1px solid rgba(222, 226, 241, 0.7);
+  background: rgba(212, 215, 219, 40%);
+  border: 1px solid rgba(222, 226, 241, 70%);
   border-radius: 8px;
 
   img {
@@ -24,6 +23,7 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+
   .desc {
     margin-left: 16px;
     font-size: 10px;

package/dist/components/AI/HomeDialog/PromptTextarea/index.js

@@ -10,23 +10,22 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { DatasourceCard } from "./DatasourceCard";
 import { useEventListener } from 'ahooks';
-import { Tooltip, Upload } from 'antd';
 import classnames from 'classnames';
 import _ from 'lodash';
 import React, { useState } from 'react';
 import styles from "./index.module.less";
 import { SendButton } from "./SendButton";
-import { AIMode, FileIcons } from "../../constant";
 import { ChooseLib } from "./ChooseLib";
 import { useSiteData, useIntl } from 'dumi';
 import { ic } from "../../../../slots/hooks";
 import { useTypewriter } from "../../../../hooks/useTypewriter";
-import { DataUploader } from "./Uploader/DataUploader";
+import { authStore, showLoginModal } from "../../../../model/auth";
+import { useSnapshot } from "valtio";
 var PLACEHOLDER = {
   implement: 'ai.placeholder.implement',
   solve: 'ai.placeholder.solve'
 };
-function PromptTextarea(props) {
+export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner(props) {
   var value = props.value,
     size = props.size,
     _onChange = props.onChange,
@@ -39,6 +38,7 @@ function PromptTextarea(props) {
     onLibChange = props.onLibChange,
     _props$showAction = props.showAction,
     showAction = _props$showAction === void 0 ? true : _props$showAction;
+  var authSnap = useSnapshot(authStore);
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
 
@@ -93,6 +93,10 @@ function PromptTextarea(props) {
   var datasourceNode = renderDatasourceCard();
   var promptTextValid = Boolean(value);
   var send = function send() {
+    if (!authSnap.isAuthenticated) {
+      showLoginModal();
+      return;
+    }
     if (promptTextValid) {
       onConfirm === null || onConfirm === void 0 || onConfirm();
     }
@@ -137,23 +141,7 @@ function PromptTextarea(props) {
     value: lib,
     onChange: onLibChange,
     size: size
-  }), mode === AIMode.implement && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DataUploader, {
-    onDataAnalyzed: handleDataAnalyzed,
-    isCompact: isCompact,
-    tooltipText: formatMessage({
-      id: 'ai.upload.tooltip'
-    })
-  }), /*#__PURE__*/React.createElement(Tooltip, {
-    title: isCompact ? formatMessage({
-      id: 'ai.upload.image'
-    }) : undefined
-  }, /*#__PURE__*/React.createElement(Upload, null, /*#__PURE__*/React.createElement("button", {
-    type: "button"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: FileIcons.IMAGE
-  }), " ", !isCompact && formatMessage({
-    id: 'ai.upload.image'
-  }))))))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: styles.actions
   }, loading ? /*#__PURE__*/React.createElement("img", {
     className: styles.actionBtn,
@@ -166,5 +154,4 @@ function PromptTextarea(props) {
       id: 'ai.msgbox.send.tip'
     }) : undefined
   }))));
-}
-export { PromptTextarea };
+});

package/dist/components/AI/HomeDialog/PromptTextarea/index.module.less

@@ -7,10 +7,10 @@
   padding: 16px;
   gap: 16px;
   transition: all 0.2s;
-  border: 1px solid rgba(134, 144, 156, 0.2);
+  border: 1px solid rgba(134, 144, 156, 20%);
   border-radius: 16px;
-  background: #ffffff99;
-  box-shadow: 8px 8px 20px 0px #0000000a, inset 1px -1px 0 0px #ffffffe3;
+  background: #fff9;
+  box-shadow: 8px 8px 20px 0 #0000000a, inset 1px -1px 0 0 #ffffffe3;
   z-index: 10;
   display: flex;
   flex-direction: column;
@@ -52,8 +52,8 @@
 
           &.btn-error {
             color: #ff4d4f;
-            box-shadow: inset 1px -1px 0 0 rgba(255, 255, 255, 0.89),
-              0 0 12px 0 rgba(250, 16, 16, 0.23);
+            box-shadow: inset 1px -1px 0 0 rgba(255, 255, 255, 89%),
+              0 0 12px 0 rgba(250, 16, 16, 23%);
           }
 
           .btn-icon,
@@ -75,9 +75,9 @@
   }
 
   &.active {
-    background: #ffffff99;
+    background: #fff9;
     border: 1px solid #1677ff;
-    box-shadow: 0px 8px 20px 0px #1677ff29, inset 1px -1px 0 0px #ffffffe3;
+    box-shadow: 0 8px 20px 0 #1677ff29, inset 1px -1px 0 0 #ffffffe3;
 
     .promptTextarea::placeholder {
       color: transparent;
@@ -123,6 +123,6 @@
   background: transparent;
 
   &::placeholder {
-    color: rgba(122, 132, 153, 0.85);
+    color: rgba(122, 132, 153, 85%);
   }
 }

package/dist/components/AI/HomeDialog/RecommendCase/card.module.less

@@ -8,7 +8,7 @@
   overflow: hidden;
   position: relative;
   aspect-ratio: 292 / 208;
-  background: rgba(22, 119, 255, 0.06);
+  background: rgba(22, 119, 255, 6%);
 
   .typeTag {
     display: flex;

package/dist/components/AI/HomeDialog/RecommendCase/index.module.less

@@ -27,15 +27,15 @@
     display: flex;
     gap: 2px;
     align-items: center;
-
     font-size: 12px;
-    color: rgba(78, 89, 105, 0.6);
+    color: rgba(78, 89, 105, 60%);
   }
 }
 
 .listContainer {
   width: 100%;
 }
+
 .list {
   display: grid;
   grid-template-columns: repeat(4, 1fr);

package/dist/components/Login/Captcha/index.js

@@ -0,0 +1,199 @@
+import { NC_SCENE } from "../utils";
+import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react'; // 图形验证码资源文件
+
+import { Form, Input } from 'antd';
+import cls from 'classnames';
+import { useIntl } from 'dumi';
+import "./index.less";
+
+// 图形验证码资源文件
+var NC_CSS_SOURCE = 'https://g.alicdn.com/sd/ncpc/nc.css?t=1514534550478';
+var NC_SCRIPT_SOURCE = 'https://g.alicdn.com/sd/ncpc/nc.js?t=1514534550478';
+var NC_NAME = 'NoCaptcha';
+var Captcha = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$ncName = _ref.ncName,
+    ncName = _ref$ncName === void 0 ? NC_NAME : _ref$ncName,
+    _ref$scene = _ref.scene,
+    scene = _ref$scene === void 0 ? NC_SCENE.login : _ref$scene,
+    form = _ref.form,
+    en = _ref.en,
+    _ref$onCallback = _ref.onCallback,
+    onCallback = _ref$onCallback === void 0 ? function () {} : _ref$onCallback,
+    className = _ref.className;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var ncInstance = useRef(null);
+  function reset() {
+    var _ncInstance$current;
+    form.setFieldsValue({
+      csessionid: '',
+      sig: '',
+      token: '',
+      scene: '',
+      captcha: null
+    });
+    (_ncInstance$current = ncInstance.current) === null || _ncInstance$current === void 0 || _ncInstance$current.reset(1);
+  }
+  function getValues() {
+    return form.getFieldsValue(['csessionid', 'sig', 'token', 'scene', 'captcha']);
+  }
+  useImperativeHandle(ref, function () {
+    return {
+      resetCaptcha: function resetCaptcha() {
+        reset();
+      },
+      getCaptchaValues: function getCaptchaValues() {
+        return getValues();
+      }
+    };
+  });
+  function loadCaptcha() {
+    var _document$getElementB, _ncInstance$current2;
+    if (!ncInstance.current) {
+      /* eslint no-undef:0 */
+      /* eslint new-cap:0 */
+      ncInstance.current = new window.noCaptcha();
+      window[ncName] = ncInstance.current;
+    }
+    var nc_appkey = 'FFFF000000000179A3AD';
+    var nc_token = [nc_appkey, new Date().getTime(), Math.random()].join(':');
+    var nc_scene = scene;
+    var nc_customWidth = ((_document$getElementB = document.getElementById("captcha_render_id_".concat(ncName))) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetWidth) || 300;
+    var nc_option = {
+      renderTo: "#captcha_render_id_".concat(ncName),
+      appkey: nc_appkey,
+      scene: nc_scene,
+      token: nc_token,
+      language: en ? 'en' : 'cn',
+      customWidth: nc_customWidth,
+      callback: function callback(data) {
+        // 校验成功回调
+        var setFieldsValue = form.setFieldsValue;
+        setFieldsValue({
+          csessionid: data.csessionid,
+          sig: data.sig,
+          token: nc_token,
+          scene: nc_scene,
+          captcha: 'true'
+        });
+        onCallback === null || onCallback === void 0 || onCallback();
+      }
+    };
+    (_ncInstance$current2 = ncInstance.current) === null || _ncInstance$current2 === void 0 || _ncInstance$current2.init(nc_option);
+    var lang = {
+      _startTEXT: en ? formatMessage({
+        id: 'login.captcha.drag.en'
+      }) : formatMessage({
+        id: 'login.captcha.drag'
+      }),
+      _yesTEXT: en ? formatMessage({
+        id: 'login.captcha.success.en'
+      }) : formatMessage({
+        id: 'login.captcha.success'
+      }),
+      _Loading: en ? formatMessage({
+        id: 'login.captcha.loading.en'
+      }) : formatMessage({
+        id: 'login.captcha.loading'
+      }),
+      _error300: en ? formatMessage({
+        id: 'login.captcha.error.wrong.en'
+      }) + ' <a href="javascript:__nc.reset()">' + formatMessage({
+        id: 'login.captcha.error.refresh.en'
+      }) + '</a>' : formatMessage({
+        id: 'login.captcha.error.wrong'
+      }) + ' <a href="javascript:__nc.reset()">' + formatMessage({
+        id: 'login.captcha.error.refresh'
+      }) + '</a>',
+      _errorNetwork: en ? formatMessage({
+        id: 'login.captcha.error.network.en'
+      }) + ' <a href="javascript:__nc.reset()">' + formatMessage({
+        id: 'login.captcha.error.refresh.en'
+      }) + '</a>' : formatMessage({
+        id: 'login.captcha.error.network'
+      }) + ' <a href="javascript:__nc.reset()">' + formatMessage({
+        id: 'login.captcha.error.refresh'
+      }) + '</a>'
+    };
+    if (en) {
+      var _ncInstance$current3;
+      (_ncInstance$current3 = ncInstance.current) === null || _ncInstance$current3 === void 0 || _ncInstance$current3.upLang('en', lang);
+    } else {
+      var _ncInstance$current4;
+      (_ncInstance$current4 = ncInstance.current) === null || _ncInstance$current4 === void 0 || _ncInstance$current4.upLang('cn', lang);
+    }
+  }
+  useEffect(function () {
+    var script = document.createElement('script');
+    script.src = NC_SCRIPT_SOURCE;
+    var link = document.createElement('link');
+    script.async = true;
+    link.href = NC_CSS_SOURCE;
+    link.rel = 'stylesheet';
+    link.type = 'text/css';
+
+    // 如果资源没有加载过，则添加到head中
+    document.head.appendChild(link);
+    if (!window.noCaptcha) {
+      document.head.appendChild(script);
+      script.onload = function () {
+        loadCaptcha();
+      };
+    } else {
+      loadCaptcha();
+    }
+    return function () {
+      try {
+        script.remove();
+        link.remove();
+        if (script.parentNode === document.body) {
+          document.body.removeChild(script);
+        }
+        if (link.parentNode === document.body) {
+          document.body.removeChild(link);
+        }
+      } catch (e) {
+        // ignore error
+      }
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cls('captcha', className)
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "captcha_render_id_".concat(ncName)
+  }), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "csessionid",
+    noStyle: true
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "hidden"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "sig",
+    noStyle: true
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "hidden"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "token",
+    noStyle: true
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "hidden"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "scene",
+    noStyle: true
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "hidden"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "captcha",
+    rules: [{
+      required: true,
+      message: en ? formatMessage({
+        id: 'login.captcha.required.en'
+      }) : formatMessage({
+        id: 'login.captcha.required'
+      })
+    }],
+    className: "captcha-tip"
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "hidden"
+  })));
+});
+export default Captcha;