iglooform 2.5.52 → 3.0.0-alpha

package/es/card-detail/card.js

@@ -1,63 +1,52 @@
-import "antd/es/card/style";
-import _Card from "antd/es/card";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["title", "contentTitle", "contentStatus", "className"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Space } from 'antd';
 import classnames from 'classnames';
-import { DealWithCardItem } from './utils';
-import Typography from '../typography';
-import './style/index';
-
+import { DealWithCardItem } from "./utils";
+import Typography from "../typography";
+import "./style/index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var IglooCard = function IglooCard(props) {
   var children = props.children;
-
   var title = props.title,
-      contentTitle = props.contentTitle,
-      contentStatus = props.contentStatus,
-      className = props.className,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var cardTitle = _jsx(_Space, {
+    contentTitle = props.contentTitle,
+    contentStatus = props.contentStatus,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var cardTitle = /*#__PURE__*/_jsx(Space, {
     size: 8,
-    children: _jsx(Typography, {
+    children: /*#__PURE__*/_jsx(Typography, {
       level: "h3b",
       children: title
     })
   });
-
-  var contentTitleDom = _jsxs(_Space, {
+  var contentTitleDom = /*#__PURE__*/_jsxs(Space, {
     size: 8,
-    children: [_jsx(Typography, {
+    children: [/*#__PURE__*/_jsx(Typography, {
       level: "h4",
       children: contentTitle
     }), contentStatus]
   });
-
-  return _jsx(_Card, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Card, _objectSpread(_objectSpread({
     type: "inner",
     title: cardTitle
   }, rest), {}, {
     className: classnames('igloo-form-card-container', className),
-    children: _jsxs("div", {
-      children: [contentTitle && _jsx("div", {
+    children: /*#__PURE__*/_jsxs("div", {
+      children: [contentTitle && /*#__PURE__*/_jsx("div", {
         className: "igloo-form-card-container-title",
         children: contentTitleDom
       }), DealWithCardItem(children, false)]
     })
   }));
 };
-
 IglooCard.displayName = 'IglooCard';
 export default IglooCard;

package/es/card-detail/index.js

@@ -1,4 +1,4 @@
-export { default as CardPage } from './card-page';
-export { default as Card } from './card';
-export { default as CardGroup } from './card-group';
-export { default as CardItem } from './card-item';
+export { default as CardPage } from "./card-page";
+export { default as Card } from "./card";
+export { default as CardGroup } from "./card-group";
+export { default as CardItem } from "./card-item";

package/es/card-detail/style/index.js

@@ -1 +1 @@
-import './index.less';
+import "./index.less";

package/es/card-detail/style/index.less

@@ -60,10 +60,10 @@
     .igloo-card-detail-top-group-with-head,
     .igloo-card-detail-customize-content-wraper {
       .igloofrom-card-detail-item {
-        color: #212121;
+        color:  @text-color;
 
         .card-item-title {
-          color: #666666;
+          color:  @icon-color;
           margin-bottom: 4px;
         }
       }
@@ -118,10 +118,10 @@
 
       .igloo-form-card-container-group {
         .igloofrom-card-detail-item {
-          color: #212121;
+          color:  @text-color;
 
           .card-item-title {
-            color: #666666;
+            color:  @icon-color;
             margin-bottom: 4px;
           }
         }

package/es/card-detail/utils.d.ts

@@ -1,5 +1,5 @@
 import { ReactComponentElement } from 'react';
 import './style/index';
 export declare function findCardItem(children?: ReactComponentElement<any>[]): any[];
-export declare function wrapCardItem(children?: ReactComponentElement<any>[], hasCustomizeWrap?: boolean): (JSX.Element | null)[];
-export declare function DealWithCardItem(children: any, hasCustomizeWrap?: boolean): (JSX.Element | null)[];
+export declare function wrapCardItem(children?: ReactComponentElement<any>[], hasCustomizeWrap?: boolean): (import("react/jsx-runtime").JSX.Element | null)[];
+export declare function DealWithCardItem(children: any, hasCustomizeWrap?: boolean): (import("react/jsx-runtime").JSX.Element | null)[];

package/es/card-detail/utils.js

@@ -1,16 +1,14 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import CardGroup from './card-group';
+import CardGroup from "./card-group";
 import classnames from 'classnames';
-import './style/index';
+import "./style/index";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function findCardItem() {
   var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var tempArr = [];
@@ -24,10 +22,8 @@ export function findCardItem() {
   });
   return filterBoolean.reduce(function (finalDom, current, index) {
     var _current$type;
-
     if ((current === null || current === void 0 ? void 0 : (_current$type = current.type) === null || _current$type === void 0 ? void 0 : _current$type.displayName) === 'IglooCardItem') {
       tempArr.push(current);
-
       if (tempIndex === -1) {
         tempIndex = finalDom.length;
         finalDom.push([]);
@@ -37,17 +33,16 @@ export function findCardItem() {
       finalDom[tempIndex] = tempArr;
       tempArr = [];
       tempIndex = -1;
-    } // 处理只有cardItem 的情况
-
-
+    }
+    // 处理只有cardItem 的情况
     if (index === filterBoolean.length - 1 && tempIndex !== -1) {
       finalDom[tempIndex] = tempArr;
     }
-
     return finalDom;
   }, []);
-} //hasCustomizeWrap 存在的情况都是针对 page中出现 cardItem来处理的
+}
 
+//hasCustomizeWrap 存在的情况都是针对 page中出现 cardItem来处理的
 export function wrapCardItem() {
   var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var hasCustomizeWrap = arguments.length > 1 ? arguments[1] : undefined;
@@ -55,18 +50,19 @@ export function wrapCardItem() {
     if (Array.isArray(item)) {
       if (!item.length) return null;
       var padding = hasCustomizeWrap ? "24px 24px 32px 24px" : "".concat(index ? 24 : 0, "px 0px 24px 0px");
-      return item[0].type.displayName === 'IglooCardItem' ? _jsx(CardGroup, {
+      return item[0].type.displayName === 'IglooCardItem' ? /*#__PURE__*/_jsx(CardGroup, {
         style: {
           padding: padding
         },
         children: item
       }, index) : item;
-    } // 对齐样式
-
+    }
 
+    // 对齐样式
     if (item.type.displayName !== 'IglooCard' && hasCustomizeWrap) {
-      var className = item.props.className; // 因为group的样式也分了两种这里统一处理
+      var className = item.props.className;
 
+      // 因为group的样式也分了两种这里统一处理
       if (item.type.displayName === 'IglooCardGroup') {
         var subHeading = item.props.subHeading;
         return /*#__PURE__*/React.cloneElement(item, _objectSpread(_objectSpread({}, item.props), {}, {
@@ -78,13 +74,11 @@ export function wrapCardItem() {
           className: classnames(className, subHeading ? 'igloo-card-detail-top-group-with-head' : 'igloo-card-detail-top-group-no-head')
         }));
       }
-
       return /*#__PURE__*/React.cloneElement(item, _objectSpread(_objectSpread({}, item.props), {}, {
         key: index,
         className: classnames(className, 'igloo-card-detail-customize-content-wraper')
       }));
     }
-
     return item;
   });
 }

package/es/checkbox/index.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { CheckboxProps, CheckboxGroupProps } from 'antd/es/checkbox';
-import { FC, IglooComponentProps } from '@/types';
+import { FC, IglooComponentProps } from "../types";
 import { ComponentProps } from '../utils/option-utils';
 import { DefaultOptionType } from 'rc-select/lib/Select';
 import './style/index.less';
@@ -20,4 +21,4 @@ export interface IProps extends IglooComponentProps, Omit<CheckboxGroupProps, 'o
 }
 declare const IglooCheckbox: FC<Props>;
 export default IglooCheckbox;
-export declare const CheckboxGroup: FC<import("../utils/option-utils").HOCProps & IProps>;
+export declare const CheckboxGroup: FC<import("react").PropsWithChildren<import("../utils/option-utils").HOCProps & IProps>>;

package/es/checkbox/index.js

@@ -1,67 +1,56 @@
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["value"],
-    _excluded2 = ["className", "options", "value", "clearWhenOptionsUpdated", "preview", "mutuallyExclusions"],
-    _excluded3 = ["label", "value", "extraInfo"];
-
+  _excluded2 = ["className"],
+  _excluded3 = ["className", "options", "value", "clearWhenOptionsUpdated", "preview", "mutuallyExclusions"],
+  _excluded4 = ["label", "value", "extraInfo"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useContext } from 'react';
-import Typography from '../typography';
-import formMethods from '../utils/form-methods';
+import { Checkbox, Col, Row } from 'antd';
+import Typography from "../typography";
+import formMethods from "../utils/form-methods";
 import omit from 'omit.js';
 import classnames from 'classnames';
-import { compareOptions, optionsHOC, previewSelectedOptions } from '../utils/option-utils';
-import LocaleContext from '../locale/locale-context';
-import emptyIcon from '../radio/style/empty.svg';
-import './style/index.less'; // add disabled attributes to checkbox options based on mutually exclusion config
-
+import { compareOptions, optionsHOC, previewSelectedOptions } from "../utils/option-utils";
+import LocaleContext from "../locale/locale-context";
+import emptyIcon from "../radio/style/empty.svg";
+import "./style/index.less";
+import classNames from 'classnames';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// add disabled attributes to checkbox options based on mutually exclusion config
 var addDisabledAttr = function addDisabledAttr(options, mutuallyExclusions, checkedValues) {
-  if (!mutuallyExclusions || !Object.keys(mutuallyExclusions).length || !(checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.length)) return options;
+  if (!mutuallyExclusions || !Object.keys(mutuallyExclusions).length || !(checkedValues !== null && checkedValues !== void 0 && checkedValues.length)) return options;
   return options.map(function (_ref) {
     var value = _ref.value,
-        rest = _objectWithoutProperties(_ref, _excluded);
-
+      rest = _objectWithoutProperties(_ref, _excluded);
     return _objectSpread(_objectSpread({}, rest), {}, {
       value: value,
-      disabled: !!(value && (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.some(function (v) {
+      disabled: !!(value && checkedValues !== null && checkedValues !== void 0 && checkedValues.some(function (v) {
         var _mutuallyExclusions$S, _mutuallyExclusions$v;
-
         return v !== value && (((_mutuallyExclusions$S = mutuallyExclusions[String(v)]) === null || _mutuallyExclusions$S === void 0 ? void 0 : _mutuallyExclusions$S.includes(String(value))) || ((_mutuallyExclusions$v = mutuallyExclusions[value]) === null || _mutuallyExclusions$v === void 0 ? void 0 : _mutuallyExclusions$v.includes(String(v))));
-      })))
+      }))
     });
   });
 };
-
 var IglooCheckbox = function IglooCheckbox(props) {
-  return _jsx(_Checkbox, _objectSpread({}, omit(props, formMethods)));
+  var className = props.className,
+    rest = _objectWithoutProperties(props, _excluded2);
+  return /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({}, omit(rest, formMethods)), {}, {
+    className: classNames(className, 'igloo-checkbox')
+  }));
 };
-
 IglooCheckbox.formItemPropsHandler = function (config) {
   return {
     getValueFromEvent: function getValueFromEvent(e) {
@@ -70,30 +59,24 @@ IglooCheckbox.formItemPropsHandler = function (config) {
     valuePropName: 'checked'
   };
 };
-
 export default IglooCheckbox;
-
 var InnerCheckboxGroup = function InnerCheckboxGroup(_ref2) {
   var className = _ref2.className,
-      _ref2$options = _ref2.options,
-      options = _ref2$options === void 0 ? [] : _ref2$options,
-      value = _ref2.value,
-      _ref2$clearWhenOption = _ref2.clearWhenOptionsUpdated,
-      clearWhenOptionsUpdated = _ref2$clearWhenOption === void 0 ? false : _ref2$clearWhenOption,
-      preview = _ref2.preview,
-      mutuallyExclusions = _ref2.mutuallyExclusions,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
+    _ref2$options = _ref2.options,
+    options = _ref2$options === void 0 ? [] : _ref2$options,
+    value = _ref2.value,
+    _ref2$clearWhenOption = _ref2.clearWhenOptionsUpdated,
+    clearWhenOptionsUpdated = _ref2$clearWhenOption === void 0 ? false : _ref2$clearWhenOption,
+    preview = _ref2.preview,
+    mutuallyExclusions = _ref2.mutuallyExclusions,
+    rest = _objectWithoutProperties(_ref2, _excluded3);
   var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
   var originOptions = useRef(options);
-
   var _useContext = useContext(LocaleContext),
-      formatMessage = _useContext.formatMessage;
-
+    formatMessage = _useContext.formatMessage;
   useEffect(function () {
     typeof rest.onChange === 'function' && value !== selected && rest.onChange(selected);
   }, [selected]);
@@ -102,7 +85,6 @@ var InnerCheckboxGroup = function InnerCheckboxGroup(_ref2) {
   }, [value]);
   useEffect(function () {
     var setFieldValue = rest.setFieldValue;
-
     if (compareOptions(options, originOptions.current)) {
       if (clearWhenOptionsUpdated) {
         typeof setFieldValue === 'function' && setFieldValue();
@@ -110,74 +92,69 @@ var InnerCheckboxGroup = function InnerCheckboxGroup(_ref2) {
         var foundValue = options.find(function (option) {
           return Array.isArray(value) ? value.includes(option.value) : option.value === value;
         });
-
         if (!foundValue && value !== undefined) {
           typeof setFieldValue === 'function' && setFieldValue();
         }
       }
-
       originOptions.current = options;
     }
   }, [options]);
   if (preview) return previewSelectedOptions(options, value);
-  return _jsxs(_Checkbox.Group, _objectSpread(_objectSpread({}, omit(rest, formMethods)), {}, {
+  return options.length ? /*#__PURE__*/_jsx(Checkbox.Group, _objectSpread(_objectSpread({}, omit(rest, formMethods)), {}, {
     className: classnames('igloo-checkbox-group', className),
     value: value,
-    children: [_jsx(_Row, {
+    children: /*#__PURE__*/_jsx(Row, {
       gutter: [8, 8],
       children: addDisabledAttr(options, mutuallyExclusions, value).map(function (_ref3) {
         var label = _ref3.label,
-            key = _ref3.value,
-            extraInfo = _ref3.extraInfo,
-            rest = _objectWithoutProperties(_ref3, _excluded3);
-
-        return _jsxs(_Col, {
+          key = _ref3.value,
+          extraInfo = _ref3.extraInfo,
+          rest = _objectWithoutProperties(_ref3, _excluded4);
+        return /*#__PURE__*/_jsxs(Col, {
           span: 24,
           className: 'igloo-checkbox-group-normal',
-          children: [_jsx(_Checkbox, _objectSpread(_objectSpread({
+          children: [/*#__PURE__*/_jsx(IglooCheckbox, _objectSpread(_objectSpread({
             value: key
           }, rest), {}, {
-            children: _jsx(Typography, {
+            children: /*#__PURE__*/_jsx(Typography, {
               level: "body1",
               children: label
             })
-          })), _jsx("div", {
+          })), /*#__PURE__*/_jsx("div", {
             className: "igloo-checkbox-extra",
             children: extraInfo && (extraInfo.shownTrigger === 'all' || extraInfo.shownTrigger === 'checked' && value === key || extraInfo.shownTrigger === 'unchecked' && value !== key) && extraInfo.content
           })]
         }, key);
       })
-    }), !options.length && _jsxs("div", {
+    })
+  })) : /*#__PURE__*/_jsxs("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      background: '#f9f9f9',
+      padding: 16,
+      alignItems: 'center'
+    },
+    children: [/*#__PURE__*/_jsx("img", {
+      src: emptyIcon,
+      style: {
+        width: 32,
+        height: 24
+      }
+    }), /*#__PURE__*/_jsx(Typography, {
+      level: "h5",
       style: {
-        display: 'flex',
-        flexDirection: 'column',
-        background: '#f9f9f9',
-        padding: 16,
-        alignItems: 'center'
+        color: '#212121',
+        marginTop: 8
       },
-      children: [_jsx("img", {
-        src: emptyIcon,
-        style: {
-          width: 32,
-          height: 24
-        }
-      }), _jsx(Typography, {
-        level: "h5",
-        style: {
-          color: '#212121',
-          marginTop: 8
-        },
-        children: formatMessage({
-          id: 'There are no options available currently'
-        })
-      })]
+      children: formatMessage({
+        id: 'There are no options available currently'
+      })
     })]
-  }));
+  });
 };
-
 export var CheckboxGroup = optionsHOC(InnerCheckboxGroup);
 CheckboxGroup.isPreviewSupport = true;
-
 CheckboxGroup.formItemPropsHandler = function () {
   return {};
 };

package/es/checkbox/style/index.js

@@ -1 +1 @@
-import './index.less';
+import "./index.less";

package/es/checkbox/style/index.less

@@ -1,3 +1,6 @@
+@checkbox-border-color: @stone;
+@checkbox-disabled-opacity: @disabled-opacity;
+
 .igloo-checkbox-group {
   width: 100%;
 
@@ -24,31 +27,50 @@
   }
 }
 
-.ant-checkbox-checked .ant-checkbox-inner {
-  border-width: 0;
-  transition: none;
-  background-image: data-uri('image/svg+xml;charset=UTF-8', './checked.svg');
-  background-color: @primary-color;
-  background-position: center;
-  background-repeat: no-repeat;
+.igloo-checkbox {
+  top: 0;
 
-  &::after {
-    display: none;
+  &:not(.ant-checkbox-wrapper-disabled):hover {
+    .ant-checkbox-checked:not(.ant-checkbox-disabled) {
+      &::after {
+        display: none;
+      }
+      .ant-checkbox-inner {
+        background-color: @primary-color;
+      }
+    }
   }
-}
 
-.ant-checkbox-inner {
-  border: 2px solid #999999;
-}
+  .ant-checkbox {
+    align-self: flex-start;
 
-.ant-checkbox-disabled {
-  opacity: 0.3;
-}
+    .ant-checkbox-inner {
+      border: 2px solid @checkbox-border-color;
+      width: 20px;
+      height: 20px;
+      line-height: 24px;
+    }
+  }
 
-.ant-checkbox-wrapper {
-  top: 0;
+  .ant-checkbox-checked {
+    .ant-checkbox-inner {
+      transition: none;
+      background-image: data-uri(
+        'image/svg+xml;charset=UTF-8',
+        './checked.svg'
+      );
+      background-color: @primary-color;
+      border-color: @primary-color;
+      background-position: center;
+      background-repeat: no-repeat;
+
+      &::after {
+        display: none;
+      }
+    }
+  }
 
-  .ant-checkbox + span {
-    line-height: 24px;
+  .ant-checkbox-disabled {
+    opacity: @checkbox-disabled-opacity;
   }
 }

package/es/claim-list/index.d.ts

@@ -44,5 +44,5 @@ interface ClaimList {
     mobileTagRender?: (record?: IClaimDateSource) => any;
     mobileExtraRender?: () => any;
 }
-declare const ClaimList: (props: ClaimList) => JSX.Element;
+declare const ClaimList: (props: ClaimList) => import("react/jsx-runtime").JSX.Element;
 export default ClaimList;