iglooform 2.5.52 → 3.0.0-alpha

package/lib/checkbox/index.js

@@ -1,92 +1,61 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CheckboxGroup = void 0;
-
-require("antd/es/col/style");
-
-var _col = _interopRequireDefault(require("antd/es/col"));
-
-require("antd/es/row/style");
-
-var _row = _interopRequireDefault(require("antd/es/row"));
-
-require("antd/es/checkbox/style");
-
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _react = require("react");
-
+var _antd = require("antd");
 var _typography = _interopRequireDefault(require("../typography"));
-
 var _formMethods = _interopRequireDefault(require("../utils/form-methods"));
-
 var _omit = _interopRequireDefault(require("omit.js"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _optionUtils = require("../utils/option-utils");
-
 var _localeContext = _interopRequireDefault(require("../locale/locale-context"));
-
 var _empty = _interopRequireDefault(require("../radio/style/empty.svg"));
-
 require("./style/index.less");
-
+var _jsxRuntime = require("react/jsx-runtime");
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 // 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 (0, _jsxRuntime.jsx)(_checkbox.default, _objectSpread({}, (0, _omit.default)(props, _formMethods.default)));
+  var className = props.className,
+    rest = _objectWithoutProperties(props, _excluded2);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, _objectSpread(_objectSpread({}, (0, _omit.default)(rest, _formMethods.default)), {}, {
+    className: (0, _classnames.default)(className, 'igloo-checkbox')
+  }));
 };
-
 IglooCheckbox.formItemPropsHandler = function (config) {
   return {
     getValueFromEvent: function getValueFromEvent(e) {
@@ -95,31 +64,25 @@ IglooCheckbox.formItemPropsHandler = function (config) {
     valuePropName: 'checked'
   };
 };
-
 var _default = IglooCheckbox;
 exports.default = _default;
-
 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 = (0, _react.useState)(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
   var originOptions = (0, _react.useRef)(options);
-
   var _useContext = (0, _react.useContext)(_localeContext.default),
-      formatMessage = _useContext.formatMessage;
-
+    formatMessage = _useContext.formatMessage;
   (0, _react.useEffect)(function () {
     typeof rest.onChange === 'function' && value !== selected && rest.onChange(selected);
   }, [selected]);
@@ -128,7 +91,6 @@ var InnerCheckboxGroup = function InnerCheckboxGroup(_ref2) {
   }, [value]);
   (0, _react.useEffect)(function () {
     var setFieldValue = rest.setFieldValue;
-
     if ((0, _optionUtils.compareOptions)(options, originOptions.current)) {
       if (clearWhenOptionsUpdated) {
         typeof setFieldValue === 'function' && setFieldValue();
@@ -136,75 +98,70 @@ 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 (0, _optionUtils.previewSelectedOptions)(options, value);
-  return (0, _jsxRuntime.jsxs)(_checkbox.default.Group, _objectSpread(_objectSpread({}, (0, _omit.default)(rest, _formMethods.default)), {}, {
+  return options.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox.Group, _objectSpread(_objectSpread({}, (0, _omit.default)(rest, _formMethods.default)), {}, {
     className: (0, _classnames.default)('igloo-checkbox-group', className),
     value: value,
-    children: [(0, _jsxRuntime.jsx)(_row.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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 (0, _jsxRuntime.jsxs)(_col.default, {
+          key = _ref3.value,
+          extraInfo = _ref3.extraInfo,
+          rest = _objectWithoutProperties(_ref3, _excluded4);
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Col, {
           span: 24,
           className: 'igloo-checkbox-group-normal',
-          children: [(0, _jsxRuntime.jsx)(_checkbox.default, _objectSpread(_objectSpread({
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IglooCheckbox, _objectSpread(_objectSpread({
             value: key
           }, rest), {}, {
-            children: (0, _jsxRuntime.jsx)(_typography.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
               level: "body1",
               children: label
             })
-          })), (0, _jsxRuntime.jsx)("div", {
+          })), /*#__PURE__*/(0, _jsxRuntime.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 && (0, _jsxRuntime.jsxs)("div", {
+    })
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      background: '#f9f9f9',
+      padding: 16,
+      alignItems: 'center'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: _empty.default,
+      style: {
+        width: 32,
+        height: 24
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
+      level: "h5",
       style: {
-        display: 'flex',
-        flexDirection: 'column',
-        background: '#f9f9f9',
-        padding: 16,
-        alignItems: 'center'
+        color: '#212121',
+        marginTop: 8
       },
-      children: [(0, _jsxRuntime.jsx)("img", {
-        src: _empty.default,
-        style: {
-          width: 32,
-          height: 24
-        }
-      }), (0, _jsxRuntime.jsx)(_typography.default, {
-        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'
+      })
     })]
-  }));
+  });
 };
-
 var CheckboxGroup = (0, _optionUtils.optionsHOC)(InnerCheckboxGroup);
 exports.CheckboxGroup = CheckboxGroup;
 CheckboxGroup.isPreviewSupport = true;
-
 CheckboxGroup.formItemPropsHandler = function () {
   return {};
 };

package/lib/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/lib/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;