@chaoswise/ui 3.1.0 → 3.1.2

package/lib/Antd5/app/style/index.js

@@ -14,7 +14,8 @@ var genBaseStyle = function genBaseStyle(token) {
     color: colorText,
     fontSize: fontSize,
     lineHeight: lineHeight,
-    fontFamily: fontFamily
+    fontFamily: fontFamily,
+    height: "100%"
   }, "&".concat(componentCls, "-rtl"), {
     direction: 'rtl'
   }));

package/lib/Antd5/breadcrumb/style/index.js

@@ -34,7 +34,7 @@ var genBreadcrumbStyle = function genBreadcrumbStyle(token) {
       color: token.linkHoverColor,
       backgroundColor: token.colorBgTextHover
     }
-  }, genFocusStyle(token))), 'li:last-child', {
+  }, genFocusStyle(token))), "li:last-child", {
     color: token.lastItemColor
   }), "".concat(componentCls, "-separator"), {
     marginInline: token.separatorMargin,

package/lib/Antd5/checkbox/Checkbox.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled"];
+var _excluded = ["prefixCls", "className", "rootClassName", "children", "indeterminate", "style", "onMouseEnter", "onMouseLeave", "skipGroup", "disabled", "type", "render", "option"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -13,7 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
 import RcCheckbox from 'rc-checkbox';
@@ -27,6 +27,10 @@ import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import { FormItemInputContext } from '../form/context';
 import GroupContext from './GroupContext';
 import useStyle from './style';
+// @ts-ignore
+import Duigou01 from "./assets/duigou1";
+// @ts-ignore
+import Duigou02 from "./assets/duigou2";
 var InternalCheckbox = function InternalCheckbox(props, ref) {
   var _ref;
   var customizePrefixCls = props.prefixCls,
@@ -41,12 +45,16 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     _props$skipGroup = props.skipGroup,
     skipGroup = _props$skipGroup === void 0 ? false : _props$skipGroup,
     disabled = props.disabled,
+    type = props.type,
+    render = props.render,
+    option = props.option,
     restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
     direction = _React$useContext.direction,
     checkbox = _React$useContext.checkbox;
   var checkboxGroup = React.useContext(GroupContext);
+  var newTypeExist = type == "checkbox_" ? true : false;
   var _React$useContext2 = React.useContext(FormItemInputContext),
     isFormItemInput = _React$useContext2.isFormItemInput;
   var contextDisabled = React.useContext(DisabledContext);
@@ -103,8 +111,15 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     checkboxProps.name = checkboxGroup.name;
     checkboxProps.checked = checkboxGroup.value.includes(restProps.value);
   }
-  var classString = classNames("".concat(prefixCls, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), "".concat(prefixCls, "-wrapper-disabled"), mergedDisabled), "".concat(prefixCls, "-wrapper-in-form-item"), isFormItemInput), checkbox === null || checkbox === void 0 ? void 0 : checkbox.className, className, rootClassName, cssVarCls, rootCls, hashId);
+  var classString = classNames("".concat(prefixCls, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), "".concat(prefixCls, "-wrapper-disabled"), mergedDisabled), "".concat(prefixCls, "-wrapper-in-form-item"), isFormItemInput), "".concat(prefixCls, "-checkbox_-wrapper"), newTypeExist), "".concat(prefixCls, "-checkbox_-wrapper-checked"), checkboxProps.checked && newTypeExist), "".concat(prefixCls, "-checkbox_-wrapper-disabled"), mergedDisabled && newTypeExist), "".concat(prefixCls, "-checkbox_-wrapper-custom"), render), checkbox === null || checkbox === void 0 ? void 0 : checkbox.className, className, rootClassName, cssVarCls, rootCls, hashId);
   var checkboxClass = classNames(_defineProperty({}, "".concat(prefixCls, "-indeterminate"), indeterminate), TARGET_CLS, hashId);
+  function renderImg() {
+    return checkboxProps.checked ? checkboxProps.disabled ? _jsx(Duigou02, {
+      className: "".concat(prefixCls, "-content-img")
+    }) : _jsx(Duigou01, {
+      className: "".concat(prefixCls, "-content-img")
+    }) : null;
+  }
   return wrapCSSVar(_jsx(Wave, {
     component: "Checkbox",
     disabled: mergedDisabled,
@@ -118,9 +133,22 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: checkboxClass,
         disabled: mergedDisabled,
         ref: mergedRef
-      })), children !== undefined && _jsx("span", {
+      })), newTypeExist ? render ? _jsxs("div", {
+        children: [render(option), " ", renderImg()]
+      }) : _jsxs(_Fragment, {
+        children: [_jsxs("div", {
+          className: "".concat(prefixCls, "-content"),
+          children: [_jsx("p", {
+            className: classNames("".concat(prefixCls, "-content-title"), _defineProperty({}, "".concat(prefixCls, "-content-no-title"), !(children || option !== null && option !== void 0 && option.label))),
+            children: children ? children : option !== null && option !== void 0 && option.label ? option === null || option === void 0 ? void 0 : option.label : null
+          }), (option === null || option === void 0 ? void 0 : option.describe) && _jsx("div", {
+            className: "".concat(prefixCls, "-content-description"),
+            children: option === null || option === void 0 ? void 0 : option.describe
+          })]
+        }), renderImg()]
+      }) : children !== undefined ? _jsx("span", {
         children: children
-      })]
+      }) : null]
     })
   }));
 };

package/lib/Antd5/checkbox/Group.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"];
+var _excluded = ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange", "type", "render"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -36,6 +36,8 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rootClassName = props.rootClassName,
     style = props.style,
     onChange = props.onChange,
+    type = props.type,
+    render = props.render,
     restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -120,6 +122,9 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       title: option.title,
       id: option.id,
       required: option.required,
+      type: type,
+      option: option,
+      render: render,
       children: option.label
     }, option.value.toString());
   }) : children;
@@ -132,7 +137,7 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     registerValue: registerValue,
     cancelValue: cancelValue
   };
-  var classString = classNames(groupPrefixCls, _defineProperty({}, "".concat(groupPrefixCls, "-rtl"), direction === 'rtl'), className, rootClassName, cssVarCls, rootCls, hashId);
+  var classString = classNames(groupPrefixCls, _defineProperty(_defineProperty({}, "".concat(groupPrefixCls, "-rtl"), direction === 'rtl'), "".concat(groupPrefixCls, "-").concat(type), type === "checkbox_"), className, rootClassName, cssVarCls, rootCls, hashId);
   return wrapCSSVar(_jsx("div", _objectSpread(_objectSpread({
     className: classString,
     style: style

package/lib/Antd5/checkbox/assets/duigou1.js

@@ -0,0 +1,29 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import * as React from "react";
+import { useToken } from "../../theme/internal";
+var SvgDuigou1 = function SvgDuigou1(props) {
+  var _useToken = useToken(),
+    _useToken2 = _slicedToArray(_useToken, 2),
+    token = _useToken2[1];
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M24 0v22a2 2 0 0 1-2 2H0l.003-.397C.215 10.531 10.878 0 24 0Z",
+    fill: token["colorPrimary"]
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m19.07 10.856-6.089 6.639a.623.623 0 0 1-.885 0L8.731 14.12a.625.625 0 0 1 .885-.882l2.923 2.93 5.646-6.195a.624.624 0 1 1 .885.883Z",
+    fill: token["colorWhite"]
+  })));
+};
+export default SvgDuigou1;

package/lib/Antd5/checkbox/assets/duigou2.js

@@ -0,0 +1,29 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import * as React from "react";
+import { useToken } from "../../theme/internal";
+var SvgDuigou2 = function SvgDuigou2(props) {
+  var _useToken = useToken(),
+    _useToken2 = _slicedToArray(_useToken, 2),
+    token = _useToken2[1];
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M24 0v22a2 2 0 0 1-2 2H0l.003-.397C.215 10.531 10.878 0 24 0Z",
+    fill: token["colorPrimaryBorder"]
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m19.07 10.856-6.089 6.639a.623.623 0 0 1-.885 0L8.731 14.12a.625.625 0 0 1 .885-.882l2.923 2.93 5.646-6.195a.624.624 0 1 1 .885.883Z",
+    fill: token["colorWhite"]
+  })));
+};
+export default SvgDuigou2;

package/lib/Antd5/checkbox/style/index.js

@@ -148,6 +148,109 @@ export var genCheckboxStyle = function genCheckboxStyle(token) {
     background: token.colorTextDisabled
   }))];
 };
+// Styles from checkbox-card
+var getCheckboxCardStyle = function getCheckboxCardStyle(token) {
+  var componentCls = token.componentCls,
+    borderRadius = token.borderRadius,
+    colorBgContainer = token.colorBgContainer,
+    lineWidth = token.lineWidth,
+    lineType = token.lineType,
+    colorPrimary = token.colorPrimary,
+    colorPrimaryHover = token.colorPrimaryHover,
+    colorPrimaryBorder = token.colorPrimaryBorder,
+    colorBorder = token.colorBorder,
+    colorTextDisabled = token.colorTextDisabled,
+    colorTextSecondary = token.colorTextSecondary,
+    colorTextDescription = token.colorTextDescription;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-group"), _defineProperty({}, "&".concat(componentCls, "-group-checkbox_"), {
+    display: "flex",
+    flexWrap: "wrap"
+  })), "".concat(componentCls, "-wrapper").concat(componentCls, "-checkbox_-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    cursor: "pointer",
+    width: "242px",
+    height: "100%",
+    background: colorBgContainer,
+    display: "flex",
+    padding: "15px 23px",
+    border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorBorder),
+    whiteSpace: "normal",
+    marginRight: "16px",
+    marginBottom: "12px",
+    boxSizing: "border-box",
+    borderRadius: borderRadius
+  }, "&:hover:not(".concat(componentCls, "-checkbox_-wrapper-disabled):not(").concat(componentCls, "-checkbox_-wrapper-checked)"), {
+    border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorPrimaryHover)
+  }), "&:after", {
+    height: 0,
+    overflow: "hidden"
+  }), "> ".concat(componentCls), _defineProperty({
+    display: "block",
+    width: 0,
+    height: 0,
+    "&-checked::after": {
+      width: 0,
+      height: 0,
+      border: 0
+    },
+    "&+*": {
+      padding: 0
+    }
+  }, "".concat(componentCls, "-inner, input[type='checkbox']"), {
+    width: 0,
+    height: 0,
+    opacity: 0,
+    border: 0,
+    pointerEvents: "none"
+  })), "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
+    display: "flex",
+    flexDirection: "column"
+  }, "".concat(componentCls, "-content-title"), {
+    fontSize: "16px",
+    height: "24px",
+    lineHeight: "24px",
+    marginBottom: 0,
+    fontWeight: 500,
+    color: colorTextSecondary,
+    overflow: "hidden"
+  }), "".concat(componentCls, "-content-description"), {
+    fontSize: "12px",
+    color: colorTextDescription,
+    marginTop: "8px",
+    flex: 1,
+    whiteSpace: "normal",
+    lineHeight: "20px"
+  }), "".concat(componentCls, "-content-no-title"), _defineProperty({
+    height: 0
+  }, "&+".concat(componentCls, "-content-description"), {
+    marginTop: 0
+  })))), "".concat(componentCls, "-wrapper").concat(componentCls, "-checkbox_-wrapper-checked"), _defineProperty({
+    position: "relative"
+  }, "".concat(componentCls, "-content-img"), {
+    position: "absolute",
+    bottom: "-1px",
+    right: "-1px",
+    width: "24px",
+    height: "24px"
+  })), "".concat(componentCls, "-wrapper").concat(componentCls, "-checkbox_-wrapper-checked:not(").concat(componentCls, "-checkbox_-wrapper-disabled)"), {
+    border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorPrimary)
+  }), "".concat(componentCls, "-wrapper").concat(componentCls, "-checkbox_-wrapper-disabled:not(").concat(componentCls, "-checkbox_-wrapper-checked)"), _defineProperty({
+    border: "".concat(unit(lineWidth), " ").concat(lineType, " rgba(0, 0, 0, 0.09)"),
+    cursor: "not-allowed"
+  }, "".concat(componentCls, "-content"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content-title"), {
+    color: colorTextDisabled
+  }), "".concat(componentCls, "-content-description"), {
+    color: colorTextDisabled
+  }))), "".concat(componentCls, "-wrapper").concat(componentCls, "-checkbox_-wrapper-checked").concat(componentCls, "-checkbox_-wrapper-disabled"), _defineProperty({
+    border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorPrimaryBorder),
+    cursor: "not-allowed",
+    position: "relative",
+    overflow: "hidden"
+  }, "".concat(componentCls, "-content"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content-title"), {
+    color: colorTextDisabled
+  }), "".concat(componentCls, "-content-description"), {
+    color: colorTextDisabled
+  })));
+};
 // ============================== Export ==============================
 export function getStyle(prefixCls, token) {
   var checkboxToken = mergeToken(token, {
@@ -156,7 +259,7 @@ export function getStyle(prefixCls, token) {
   });
   return [genCheckboxStyle(checkboxToken)];
 }
-export default genStyleHooks('Checkbox', function (token, _ref6) {
-  var prefixCls = _ref6.prefixCls;
-  return [getStyle(prefixCls, token)];
+export default genStyleHooks("Checkbox", function (token, _ref7) {
+  var prefixCls = _ref7.prefixCls;
+  return [getStyle(prefixCls, token), getCheckboxCardStyle(token)];
 });

package/lib/Antd5/message/PurePanel.js

@@ -1,10 +1,7 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["prefixCls", "className", "type", "icon", "content"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -13,18 +10,22 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
-import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
-import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
-import InfoCircleFilled from '@ant-design/icons/InfoCircleFilled';
-import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
-import classNames from 'classnames';
-import { Notice } from 'rc-notification';
-import { ConfigContext } from '../config-provider';
-import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
-import useStyle from './style';
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import CheckCircleFilled from "@ant-design/icons/CheckCircleFilled";
+import CloseCircleFilled from "@ant-design/icons/CloseCircleFilled";
+import ExclamationCircleFilled from "@ant-design/icons/ExclamationCircleFilled";
+import InfoCircleFilled from "@ant-design/icons/InfoCircleFilled";
+import LoadingOutlined from "@ant-design/icons/LoadingOutlined";
+import classNames from "classnames";
+import { Notice } from "rc-notification";
+import { ConfigContext } from "../config-provider";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls";
+import useStyle from "./style";
+import CloseSvg from "./assets/Close";
 export var TypeIcon = {
   info: _jsx(InfoCircleFilled, {}),
   success: _jsx(CheckCircleFilled, {}),
@@ -36,11 +37,28 @@ export var PureContent = function PureContent(_ref) {
   var prefixCls = _ref.prefixCls,
     type = _ref.type,
     icon = _ref.icon,
-    children = _ref.children;
-  return _jsxs("div", {
-    className: classNames("".concat(prefixCls, "-custom-content"), "".concat(prefixCls, "-").concat(type)),
-    children: [icon || TypeIcon[type], _jsx("span", {
-      children: children
+    children = _ref.children,
+    onClose = _ref.onClose,
+    closable = _ref.closable,
+    dec = _ref.dec;
+  return _jsxs(_Fragment, {
+    children: [_jsxs("div", {
+      className: classNames("".concat(prefixCls, "-custom-content"), "".concat(prefixCls, "-").concat(type), _defineProperty({}, "".concat(prefixCls, "-custom-content-has-dec"), dec)),
+      children: [icon || TypeIcon[type], _jsx("span", {
+        className: "".concat(prefixCls, "-custom-header-content"),
+        children: children
+      }), closable && _jsx("span", {
+        onClick: function onClick() {
+          onClose === null || onClose === void 0 || onClose();
+        },
+        className: "".concat(prefixCls, "-custom-header-close-wrapper"),
+        children: _jsx(CloseSvg, {
+          className: "".concat(prefixCls, "-custom-header-close")
+        })
+      })]
+    }), dec && _jsx("div", {
+      className: classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-custom-dec-wrapper"), true), "".concat(prefixCls, "-custom-dec-not-closable"), !closable)),
+      children: dec
     })]
   });
 };
@@ -54,7 +72,7 @@ var PurePanel = function PurePanel(props) {
     restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
-  var prefixCls = staticPrefixCls || getPrefixCls('message');
+  var prefixCls = staticPrefixCls || getPrefixCls("message");
   var rootCls = useCSSVarCls(prefixCls);
   var _useStyle = useStyle(prefixCls, rootCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),

package/lib/Antd5/message/assets/Close.js

@@ -0,0 +1,22 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+var SvgClose = function SvgClose(props) {
+  return _jsx("svg", _objectSpread(_objectSpread({
+    width: 8,
+    height: 8,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: _jsx("path", {
+      d: "M7.535 7.41a.5.5 0 0 1-.707 0L4 4.582 1.172 7.41a.5.5 0 1 1-.707-.707l2.828-2.828L.465 1.047A.5.5 0 0 1 1.172.34L4 3.168 6.828.34a.5.5 0 0 1 .707.707L4.707 3.875l2.828 2.828a.5.5 0 0 1 0 .707Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    })
+  }));
+};
+export default SvgClose;

package/lib/Antd5/message/style/index.js

@@ -51,24 +51,63 @@ var genMessageStyle = function genMessageStyle(token) {
       opacity: 0
     }
   });
-  var noticeStyle = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  var noticeStyle = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     padding: paddingXS,
     textAlign: 'center'
-  }, "".concat(componentCls, "-custom-content"), {
-    display: 'flex',
-    alignItems: 'center'
-  }), "".concat(componentCls, "-custom-content > ").concat(iconCls), {
+  }, "".concat(componentCls, "-custom-content > ").concat(iconCls), {
+    verticalAlign: 'text-bottom',
     marginInlineEnd: marginXS,
     // affected by ltr or rtl
     fontSize: fontSizeLG
-  }), "".concat(noticeCls, "-content"), {
+  }), "".concat(noticeCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
     display: 'inline-block',
     padding: contentPadding,
     background: contentBg,
     borderRadius: borderRadiusLG,
     boxShadow: boxShadow,
-    pointerEvents: 'all'
-  }), "".concat(componentCls, "-success > ").concat(iconCls), {
+    pointerEvents: 'all',
+    maxWidth: "400px"
+  }, "&:has(".concat(componentCls, "-custom-dec-wrapper)"), {
+    paddingBottom: "12px",
+    width: "400px"
+  }), "".concat(componentCls, "-custom-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    display: "flex",
+    lineHeight: "22px"
+  }, "> ".concat(iconCls), {
+    fontSize: "16px",
+    width: "16px",
+    height: "16px",
+    transform: "translateY(3px)"
+  }), "".concat(componentCls, "-custom-header-content"), {
+    display: "inline-block",
+    fontSize: "14px",
+    lineHeight: "22px",
+    flex: "1",
+    flexBasis: "auto",
+    textAlign: "left",
+    marginRight: "16px",
+    wordBreak: "break-all"
+  }), "".concat(componentCls, "-custom-header-close-wrapper"), {
+    display: "inline-block",
+    height: "22px",
+    lineHeight: "22px",
+    cursor: "pointer",
+    "&:hover": {
+      color: token.colorPrimaryHover
+    }
+  }), "&".concat(componentCls, "-custom-content-has-dec"), _defineProperty({}, "".concat(componentCls, "-custom-header-content"), {
+    fontWeight: "500"
+  }))), "".concat(componentCls, "-custom-dec-wrapper"), _defineProperty({
+    textAlign: "left",
+    paddingLeft: "24px",
+    paddingRight: "32px",
+    marginTop: "6px",
+    fontSize: "14px",
+    lineHeight: "22px",
+    wordBreak: "break-all"
+  }, "&".concat(componentCls, "-custom-dec-not-closable"), {
+    paddingRight: "16px"
+  }))), "".concat(componentCls, "-success > ").concat(iconCls), {
     color: colorSuccess
   }), "".concat(componentCls, "-error > ").concat(iconCls), {
     color: colorError

package/lib/Antd5/message/useMessage.js

@@ -1,4 +1,4 @@
-var _excluded = ["content", "icon", "type", "key", "className", "style", "onClose"];
+var _excluded = ["content", "icon", "type", "key", "className", "style", "onClose", "closable", "dec"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -151,12 +151,18 @@ export function useInternalMessage(messageConfig) {
         className = config.className,
         style = config.style,
         _onClose = config.onClose,
+        _config$closable = config.closable,
+        closable = _config$closable === void 0 ? true : _config$closable,
+        dec = config.dec,
         restConfig = _objectWithoutProperties(config, _excluded);
       var mergedKey = key;
       if (mergedKey === undefined || mergedKey === null) {
         keyIndex += 1;
         mergedKey = "antd-message-".concat(keyIndex);
       }
+      var onCloseCustom = function onCloseCustom() {
+        close(mergedKey);
+      };
       return wrapPromiseFn(function (resolve) {
         originOpen(_objectSpread(_objectSpread({}, restConfig), {}, {
           key: mergedKey,
@@ -164,6 +170,9 @@ export function useInternalMessage(messageConfig) {
             prefixCls: prefixCls,
             type: type,
             icon: icon,
+            onClose: onCloseCustom,
+            closable: closable,
+            dec: dec,
             children: content
           }),
           placement: 'top',
@@ -195,7 +204,8 @@ export function useInternalMessage(messageConfig) {
     };
     var keys = ['info', 'success', 'warning', 'error', 'loading'];
     keys.forEach(function (type) {
-      var typeOpen = function typeOpen(jointContent, duration, onClose) {
+      var typeOpen = function typeOpen(jointContent, duration, onClose, dec) {
+        var closable = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
         var config;
         if (jointContent && _typeof(jointContent) === 'object' && 'content' in jointContent) {
           config = jointContent;
@@ -215,7 +225,9 @@ export function useInternalMessage(messageConfig) {
         }
         var mergedConfig = _objectSpread(_objectSpread({
           onClose: mergedOnClose,
-          duration: mergedDuration
+          duration: mergedDuration,
+          dec: dec,
+          closable: closable
         }, config), {}, {
           type: type
         });

package/lib/Antd5/radio/radio.js

@@ -97,11 +97,7 @@ var InternalRadio = function InternalRadio(props, ref) {
         ref: mergedRef
       })), newTypeExist ? render ? render(option) : _jsxs(_Fragment, {
         children: [(option === null || option === void 0 ? void 0 : option.icon) && _jsx("div", {
-          className: classNames({
-            "cw-radio-icon-wrapper": true,
-            "cw-radio-icon-unchecked-disabled": radioProps.disabled && !radioProps.checked,
-            "cw-radio-icon-checked-disabled": radioProps.disabled && radioProps.checked
-          }),
+          className: classNames("".concat(prefixCls, "-icon-wrapper"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-icon-unchecked-disabled"), radioProps.disabled && !radioProps.checked), "".concat(prefixCls, "-icon-checked-disabled"), radioProps.disabled && radioProps.checked)),
           style: {
             background: option !== null && option !== void 0 && option.iconBackGround ? typeof (option === null || option === void 0 ? void 0 : option.iconBackGround) === "function" ? option === null || option === void 0 ? void 0 : option.iconBackGround({
               disabled: radioProps.disabled,
@@ -113,14 +109,12 @@ var InternalRadio = function InternalRadio(props, ref) {
             checked: radioProps.checked
           }) : option === null || option === void 0 ? void 0 : option.icon
         }), _jsxs("div", {
-          className: classNames("cw-radio-content"),
+          className: "".concat(prefixCls, "-content"),
           children: [children && _jsx("p", {
-            className: classNames("cw-radio-content-title"),
+            className: "".concat(prefixCls, "-content-title"),
             children: children
           }), (option === null || option === void 0 ? void 0 : option.describe) && _jsx("div", {
-            className: classNames("cw-radio-content-description", {
-              "cw-radio-content-description_": !children
-            }),
+            className: classNames("".concat(prefixCls, "-content-description"), _defineProperty({}, "".concat(prefixCls, "-content-description_"), !children)),
             children: option === null || option === void 0 ? void 0 : option.describe
           })]
         })]