@ccs-ui/rc-pro 1.1.24-beta-19 → 1.1.25-beta-1

package/es/aj-captcha/index.js

@@ -14,14 +14,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Button, Modal, Spin } from 'antd';
-import "./index.less";
+import { Button, Modal, Spin, theme } from 'antd';
 import { useEffect, useRef, useState } from 'react';
 import { CloseOutlined, LeftOutlined, LoadingOutlined, ReloadOutlined, RightOutlined } from '@ant-design/icons';
 import { useEventListener } from 'ahooks';
+import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+var useToken = theme.useToken;
 function ShowMsg(_ref) {
   var msg = _ref.msg;
   var _useState = useState(true),
@@ -47,6 +48,7 @@ function AjCaptchaSliding(_ref2) {
     onCancel = _ref2.onCancel,
     onRefresh = _ref2.onRefresh;
   var sliderBarRef = useRef(null);
+  var sliderRef = useRef(null);
   var sliderImgRef = useRef(null);
   var moveRef = useRef({
     start: false,
@@ -89,7 +91,7 @@ function AjCaptchaSliding(_ref2) {
       onChangePosition(offsetX);
     }
   }, {
-    target: sliderBarRef
+    target: sliderRef
   });
 
   // 结束
@@ -102,15 +104,20 @@ function AjCaptchaSliding(_ref2) {
     }, 'sliding');
     moveRef.current.start = false;
   }, {
-    target: sliderBarRef
+    target: sliderRef
   });
 
   // 离开
-  useEventListener('mouseleave', function () {
-    moveRef.current.start = false;
-  }, {
-    target: sliderBarRef
-  });
+  // useEventListener(
+  //   'mouseleave',
+  //   () => {
+  //     moveRef.current.start = false;
+  //   },
+  //   { target: sliderBarRef },
+  // );
+
+  var _useToken = useToken(),
+    token = _useToken.token;
   return /*#__PURE__*/_jsxs(Spin, {
     indicator: /*#__PURE__*/_jsx(LoadingOutlined, {
       style: {
@@ -120,6 +127,9 @@ function AjCaptchaSliding(_ref2) {
     spinning: loadingImg,
     children: [/*#__PURE__*/_jsxs("div", {
       className: "ccs-aj-body",
+      style: {
+        background: token.colorBgContainerDisabled
+      },
       children: [/*#__PURE__*/_jsx("img", {
         className: "ccs-aj-bg",
         src: bgImg ? "data:image/png;base64,".concat(bgImg) : undefined,
@@ -151,12 +161,23 @@ function AjCaptchaSliding(_ref2) {
       })]
     }), /*#__PURE__*/_jsxs("div", {
       className: "ccs-aj-slider",
+      ref: sliderRef,
+      style: {
+        background: token.colorBgElevated
+      },
       children: [/*#__PURE__*/_jsx("div", {
         className: "ccs-aj-slider-track",
+        style: {
+          background: token.colorBgContainerDisabled
+        },
         children: "\u6309\u4F4F\u6ED1\u5757\uFF0C\u62D6\u52A8\u5B8C\u6210\u4E0A\u65B9\u62FC\u56FE"
       }), /*#__PURE__*/_jsx("div", {
         className: "ccs-aj-slider-bar",
         ref: sliderBarRef,
+        style: {
+          backgroundColor: token.colorBgBase,
+          border: "1px solid ".concat(token.colorBorder)
+        },
         children: loadingValid ? /*#__PURE__*/_jsx(LoadingOutlined, {}) : /*#__PURE__*/_jsxs(_Fragment, {
           children: [/*#__PURE__*/_jsx(LeftOutlined, {}), /*#__PURE__*/_jsx(RightOutlined, {})]
         })
@@ -196,6 +217,9 @@ function AjCaptchaWord(_ref3) {
       onValid(points, 'wordSelect');
     }
   }, [points.length]);
+  var _useToken2 = useToken(),
+    token = _useToken2.token;
+  console.log('token', token);
   return /*#__PURE__*/_jsxs(Spin, {
     indicator: /*#__PURE__*/_jsx(LoadingOutlined, {
       style: {
@@ -205,6 +229,9 @@ function AjCaptchaWord(_ref3) {
     spinning: loadingImg || loadingValid,
     children: [/*#__PURE__*/_jsxs("div", {
       className: "ccs-aj-body",
+      style: {
+        background: token.colorBgContainerDisabled
+      },
       children: [/*#__PURE__*/_jsx("img", {
         ref: bgImgRef,
         className: "ccs-aj-bg",
@@ -239,6 +266,10 @@ function AjCaptchaWord(_ref3) {
       })]
     }), /*#__PURE__*/_jsxs("div", {
       className: "ccs-aj-word-slider",
+      style: {
+        color: token.colorTextLabel,
+        border: "1px solid ".concat(token.colorTextLabel)
+      },
       children: ["\u8BF7\u4F9D\u6B21\u70B9\u51FB\u3010", words === null || words === void 0 ? void 0 : words.join(', '), "\u3011"]
     })]
   });

package/es/aj-captcha/index.less

@@ -17,7 +17,6 @@
 
   .ccs-aj-body {
     position: relative;
-    background-color: #f5f6f7;
   }
 
   .ccs-aj-btn {
@@ -48,13 +47,11 @@
   .ccs-aj-slider {
     position: relative;
     height: 40px;
-    background-color: #fff;
   }
 
   .ccs-aj-slider-track {
     height: 30px;
     margin-top: 10px;
-    background-color: #f5f6f7;
     text-align: center;
     line-height: 30px;
     border-radius: 15px;
@@ -66,16 +63,12 @@
     width: 40px;
     position: absolute;
     bottom: 5px;
-    background: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: gray;
     font-size: 12px;
-    box-shadow: 0 0 3px #ccc;
-    background-color: #f5f6f7;
-    border: 1px solid #e1e1e1;
     cursor: move;
 
     &:hover {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "1.1.24-beta-19",
-  "description": "修复table双滚动条问题;修复modal按钮无间距问题;修改antd组件过期参数使用问题;修复ccs date-picker插件bug;colorful 主题组件样式调整;添加单页布局模式;倒计时按钮组件添加实例方法;添加滑块验证码组件;",
+  "version": "1.1.25-beta-1",
+  "description": "验证码组件兼容暗黑模式;",
   "license": "MIT",
   "author": {
     "name": "Hong",