antd-mobile 5.0.0-rc.9 → 5.2.0

package/2x/es/components/cascader-view/cascader-view.css

@@ -16,15 +16,13 @@
 
 .adm-cascader-view-content {
   height: var(--height);
-  padding-top: 8px;
-  box-sizing: border-box;
+  overflow-y: auto;
 }
 
-.adm-cascader-view-content.adm-list {
+.adm-cascader-view-content > .adm-check-list {
   --border-inner: none;
   --border-bottom: none;
   --border-top: none;
-  overflow-y: auto;
 }
 
 .adm-cascader-view-item {
@@ -37,4 +35,23 @@
 
 .adm-cascader-view .adm-list-inner {
   margin-bottom: 0;
+}
+
+.adm-cascader-view-skeleton {
+  padding: 32px 24px;
+}
+
+.adm-cascader-view-skeleton .adm-skeleton {
+  margin-bottom: 32px;
+  --height: 36px;
+  --width: 80%;
+  --border-radius: 4px;
+}
+
+.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-3 {
+  --width: 90%;
+}
+
+.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-4 {
+  --width: 60%;
 }

package/2x/es/components/cascader-view/cascader-view.js

@@ -1,9 +1,3 @@
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate 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; }
-
 import React, { useState, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import Tabs from '../tabs';
@@ -13,60 +7,46 @@ import { mergeProps } from '../../utils/with-default-props';
 import { usePropsValue } from '../../utils/use-props-value';
 import { useCascaderValueExtend } from './use-cascader-value-extend';
 import { useConfig } from '../config-provider';
-var classPrefix = "adm-cascader-view";
-var defaultProps = {
+import { optionSkeleton } from './option-skeleton';
+import Skeleton from '../skeleton';
+const classPrefix = `adm-cascader-view`;
+const defaultProps = {
   defaultValue: []
 };
-export var CascaderView = function CascaderView(p) {
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
-  var props = mergeProps(defaultProps, {
+export const CascaderView = p => {
+  const {
+    locale
+  } = useConfig();
+  const props = mergeProps(defaultProps, {
     placeholder: locale.Cascader.placeholder
   }, p);
-
-  var _usePropsValue = usePropsValue(Object.assign(Object.assign({}, props), {
-    onChange: function onChange(val) {
+  const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
+    onChange: val => {
       var _a;
 
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, generateValueExtend(val));
     }
-  })),
-      value = _usePropsValue[0],
-      setValue = _usePropsValue[1];
-
-  var _useState = useState(0),
-      tabActiveKey = _useState[0],
-      setTabActiveKey = _useState[1];
-
-  var generateValueExtend = useCascaderValueExtend(props.options);
-  var levels = useMemo(function () {
-    var ret = [];
-    var currentOptions = props.options;
-    var reachedEnd = false;
-
-    var _loop = function _loop() {
-      var v = _step.value;
-      var target = currentOptions.find(function (option) {
-        return option.value === v;
-      });
+  }));
+  const [tabActiveKey, setTabActiveKey] = useState(0);
+  const generateValueExtend = useCascaderValueExtend(props.options);
+  const levels = useMemo(() => {
+    const ret = [];
+    let currentOptions = props.options;
+    let reachedEnd = false;
+
+    for (const v of value) {
+      const target = currentOptions.find(option => option.value === v);
       ret.push({
         selected: target,
         options: currentOptions
       });
 
-      if (!target || !target.children || target.children.length === 0) {
+      if (!target || !target.children) {
         reachedEnd = true;
-        return "break";
+        break;
       }
 
       currentOptions = target.children;
-    };
-
-    for (var _iterator = _createForOfIteratorHelperLoose(value), _step; !(_step = _iterator()).done;) {
-      var _ret = _loop();
-
-      if (_ret === "break") break;
     }
 
     if (!reachedEnd) {
@@ -78,12 +58,12 @@ export var CascaderView = function CascaderView(p) {
 
     return ret;
   }, [value, props.options]);
-  useEffect(function () {
+  useEffect(() => {
     setTabActiveKey(levels.length - 1);
   }, [value]);
 
-  var onItemSelect = function onItemSelect(selectValue, depth) {
-    var next = value.slice(0, depth);
+  const onItemSelect = (selectValue, depth) => {
+    const next = value.slice(0, depth);
 
     if (selectValue !== undefined) {
       next[depth] = selectValue;
@@ -92,39 +72,50 @@ export var CascaderView = function CascaderView(p) {
     setValue(next);
   };
 
-  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+  return withNativeProps(props, React.createElement("div", {
     className: classPrefix
-  }, /*#__PURE__*/React.createElement(Tabs, {
+  }, React.createElement(Tabs, {
     activeKey: tabActiveKey.toString(),
-    onChange: function onChange(key) {
-      return setTabActiveKey(parseInt(key));
-    },
+    onChange: key => setTabActiveKey(parseInt(key)),
     stretch: false,
-    className: classPrefix + "-tabs"
-  }, levels.map(function (level, index) {
-    var selected = level.selected;
-    return /*#__PURE__*/React.createElement(Tabs.Tab, {
+    className: `${classPrefix}-tabs`
+  }, levels.map((level, index) => {
+    const selected = level.selected;
+    return React.createElement(Tabs.Tab, {
       key: index,
-      title: /*#__PURE__*/React.createElement("div", {
-        className: classPrefix + "-header-title"
+      title: React.createElement("div", {
+        className: `${classPrefix}-header-title`
       }, selected ? selected.label : props.placeholder),
       forceRender: true
-    }, /*#__PURE__*/React.createElement(CheckList, {
+    }, React.createElement("div", {
+      className: `${classPrefix}-content`
+    }, level.options === optionSkeleton ? React.createElement("div", {
+      className: `${classPrefix}-skeleton`
+    }, React.createElement(Skeleton, {
+      className: `${classPrefix}-skeleton-line-1`,
+      animated: true
+    }), React.createElement(Skeleton, {
+      className: `${classPrefix}-skeleton-line-2`,
+      animated: true
+    }), React.createElement(Skeleton, {
+      className: `${classPrefix}-skeleton-line-3`,
+      animated: true
+    }), React.createElement(Skeleton, {
+      className: `${classPrefix}-skeleton-line-4`,
+      animated: true
+    })) : React.createElement(CheckList, {
       value: [value[index]],
-      onChange: function onChange(selectValue) {
-        return onItemSelect(selectValue[0], index);
-      },
-      className: classPrefix + "-content"
-    }, level.options.map(function (option) {
-      var _classNames;
-
-      var active = value[index] === option.value;
-      return /*#__PURE__*/React.createElement(CheckList.Item, {
+      onChange: selectValue => onItemSelect(selectValue[0], index)
+    }, level.options.map(option => {
+      const active = value[index] === option.value;
+      return React.createElement(CheckList.Item, {
         value: option.value,
         key: option.value,
         disabled: option.disabled,
-        className: classNames(classPrefix + "-item", (_classNames = {}, _classNames[classPrefix + "-item-active"] = active, _classNames))
+        className: classNames(`${classPrefix}-item`, {
+          [`${classPrefix}-item-active`]: active
+        })
       }, option.label);
-    })));
+    }))));
   }))));
 };

package/2x/es/components/cascader-view/index.d.ts

@@ -1,4 +1,7 @@
+/// <reference types="react" />
 import './cascader-view.less';
-import { CascaderView } from './cascader-view';
 export type { CascaderViewProps, CascaderValue, CascaderValueExtend, CascaderOption, } from './cascader-view';
-export default CascaderView;
+declare const _default: import("react").FC<import("./cascader-view").CascaderViewProps> & {
+    optionSkeleton: import("./cascader-view").CascaderOption[];
+};
+export default _default;

package/2x/es/components/cascader-view/index.js

@@ -1,3 +1,7 @@
 import "./cascader-view.css";
 import { CascaderView } from './cascader-view';
-export default CascaderView;
+import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
+import { optionSkeleton } from './option-skeleton';
+export default attachPropertiesToComponent(CascaderView, {
+  optionSkeleton
+});

package/2x/es/components/cascader-view/option-skeleton.d.ts

@@ -0,0 +1,2 @@
+import type { CascaderOption } from './cascader-view';
+export declare const optionSkeleton: CascaderOption[];

package/2x/es/components/cascader-view/option-skeleton.js

@@ -0,0 +1 @@
+export const optionSkeleton = [];

package/2x/es/components/cascader-view/use-cascader-value-extend.js

@@ -1,42 +1,25 @@
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate 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; }
-
 import { useMemo } from 'react';
 import memoize from 'lodash/memoize';
 export function useCascaderValueExtend(options) {
-  var generateItems = useMemo(function () {
-    return memoize(function (val) {
-      var ret = [];
-      var currentOptions = options;
+  const generateItems = useMemo(() => {
+    return memoize(val => {
+      const ret = [];
+      let currentOptions = options;
 
-      var _loop = function _loop() {
-        var v = _step.value;
-        var target = currentOptions.find(function (option) {
-          return option.value === v;
-        });
+      for (const v of val) {
+        const target = currentOptions.find(option => option.value === v);
 
         if (!target) {
-          return "break";
+          break;
         }
 
         ret.push(target);
-        if (!target.children) return "break";
+        if (!target.children) break;
         currentOptions = target.children;
-      };
-
-      for (var _iterator = _createForOfIteratorHelperLoose(val), _step; !(_step = _iterator()).done;) {
-        var _ret = _loop();
-
-        if (_ret === "break") break;
       }
 
       return ret;
-    }, function (val) {
-      return JSON.stringify(val);
-    });
+    }, val => JSON.stringify(val));
   }, [options]);
 
   function generateValueExtend(val) {

package/2x/es/components/check-list/check-list-item.js

@@ -4,28 +4,26 @@ import { withNativeProps } from '../../utils/native-props';
 import { CheckListContext } from './context';
 import { devWarning } from '../../utils/dev-log';
 import classNames from 'classnames';
-var classPrefix = "adm-check-list-item";
-export var CheckListItem = function CheckListItem(props) {
-  var _classNames;
-
-  var context = useContext(CheckListContext);
+const classPrefix = `adm-check-list-item`;
+export const CheckListItem = props => {
+  const context = useContext(CheckListContext);
 
   if (context === null) {
     devWarning('CheckList.Item', 'CheckList.Item can only be used inside CheckList.');
     return null;
   }
 
-  var active = context.value.includes(props.value);
-  var readOnly = props.readOnly || context.readOnly;
-  var extra = /*#__PURE__*/React.createElement("div", {
-    className: classPrefix + "-extra"
+  const active = context.value.includes(props.value);
+  const readOnly = props.readOnly || context.readOnly;
+  const extra = React.createElement("div", {
+    className: `${classPrefix}-extra`
   }, active ? context.activeIcon : null);
-  return withNativeProps(props, /*#__PURE__*/React.createElement(List.Item, {
+  return withNativeProps(props, React.createElement(List.Item, {
     title: props.title,
-    className: classNames((_classNames = {}, _classNames[classPrefix + "-readonly"] = readOnly, _classNames)),
+    className: classNames(classPrefix, readOnly && `${classPrefix}-readonly`),
     description: props.description,
     prefix: props.prefix,
-    onClick: function onClick(e) {
+    onClick: e => {
       var _a;
 
       if (readOnly) return;

package/2x/es/components/check-list/check-list.css

@@ -1,5 +1,6 @@
 .adm-check-list-item-extra {
   font-size: 32px;
+  line-height: 1;
   color: var(--adm-color-primary);
 }
 

package/2x/es/components/check-list/check-list.js

@@ -5,45 +5,44 @@ import { mergeProps } from '../../utils/with-default-props';
 import { CheckListContext } from './context';
 import { usePropsValue } from '../../utils/use-props-value';
 import { CheckOutline } from 'antd-mobile-icons';
-var defaultProps = {
+const classPrefix = 'adm-check-list';
+const defaultProps = {
   multiple: false,
   defaultValue: [],
-  activeIcon: /*#__PURE__*/React.createElement(CheckOutline, null)
+  activeIcon: React.createElement(CheckOutline, null)
 };
-export var CheckList = function CheckList(p) {
-  var props = mergeProps(defaultProps, p);
-
-  var _usePropsValue = usePropsValue(props),
-      value = _usePropsValue[0],
-      setValue = _usePropsValue[1];
+export const CheckList = p => {
+  const props = mergeProps(defaultProps, p);
+  const [value, setValue] = usePropsValue(props);
 
   function check(val) {
     if (props.multiple) {
-      setValue([].concat(value, [val]));
+      setValue([...value, val]);
     } else {
       setValue([val]);
     }
   }
 
   function uncheck(val) {
-    setValue(value.filter(function (item) {
-      return item !== val;
-    }));
+    setValue(value.filter(item => item !== val));
   }
 
-  var activeIcon = props.activeIcon,
-      disabled = props.disabled,
-      readOnly = props.readOnly;
-  return /*#__PURE__*/React.createElement(CheckListContext.Provider, {
+  const {
+    activeIcon,
+    disabled,
+    readOnly
+  } = props;
+  return React.createElement(CheckListContext.Provider, {
     value: {
-      value: value,
-      check: check,
-      uncheck: uncheck,
-      activeIcon: activeIcon,
-      disabled: disabled,
-      readOnly: readOnly
+      value,
+      check,
+      uncheck,
+      activeIcon,
+      disabled,
+      readOnly
     }
-  }, withNativeProps(props, /*#__PURE__*/React.createElement(List, {
-    mode: props.mode
+  }, withNativeProps(props, React.createElement(List, {
+    mode: props.mode,
+    className: classPrefix
   }, props.children)));
 };

package/2x/es/components/check-list/context.js

@@ -1,2 +1,2 @@
 import { createContext } from 'react';
-export var CheckListContext = /*#__PURE__*/createContext(null);
+export const CheckListContext = createContext(null);

package/2x/es/components/checkbox/check-icon.js

@@ -1,19 +1,10 @@
 import React, { memo } from 'react';
 import { withNativeProps } from '../../utils/native-props';
-export var CheckIcon = /*#__PURE__*/memo(function (props) {
-  return withNativeProps(props, /*#__PURE__*/React.createElement("svg", {
-    viewBox: '0 0 24 16'
-  }, /*#__PURE__*/React.createElement("g", {
-    stroke: 'none',
-    strokeWidth: '1',
-    fill: 'none',
-    fillRule: 'evenodd'
-  }, /*#__PURE__*/React.createElement("g", {
-    transform: 'translate(-35.000000, -40.000000)',
+export const CheckIcon = memo(props => {
+  return withNativeProps(props, React.createElement("svg", {
+    viewBox: '0 0 40 40'
+  }, React.createElement("path", {
+    d: 'M31.5541766,15 L28.0892433,15 L28.0892434,15 C27.971052,15 27.8576674,15.044522 27.7740471,15.1239792 L18.2724722,24.1625319 L13.2248725,19.3630279 L13.2248725,19.3630279 C13.1417074,19.2834412 13.0287551,19.2384807 12.9107898,19.2380079 L9.44474455,19.2380079 L9.44474454,19.2380079 C9.19869815,19.2384085 8.99957935,19.4284738 9,19.66253 C9,19.7747587 9.04719253,19.8823283 9.13066188,19.9616418 L17.0907466,27.5338228 C17.4170809,27.8442545 17.8447695,28 18.2713393,28 L18.2980697,28 C18.7168464,27.993643 19.133396,27.8378975 19.4530492,27.5338228 L31.8693384,15.7236361 L31.8693384,15.7236361 C32.0434167,15.5582251 32.0435739,15.2898919 31.8696892,15.1242941 C31.7860402,15.0446329 31.6725052,15 31.5541421,15 L31.5541766,15 Z',
     fill: 'currentColor'
-  }, /*#__PURE__*/React.createElement("g", {
-    transform: 'translate(24.000000, 26.000000)'
-  }, /*#__PURE__*/React.createElement("path", {
-    d: 'M18.8574375,25.9363304 L14.4138058,21.4926987 C13.8001225,20.8790154 12.8051453,20.8790154 12.1914621,21.4926987 C11.5777807,22.10638 11.5777807,23.1013541 12.1914621,23.7150354 C12.1914632,23.7150366 12.1914644,23.7150377 12.1914656,23.7150389 L17.4442507,28.9677909 C18.225314,29.7488091 19.4916285,29.7488141 20.2726979,28.9678021 L21.0808125,28.1597054 L21.0808125,28.1597054 L32.5627182,16.6759191 C33.176366,16.0621709 33.1763252,15.0671824 32.5626272,14.4534844 C31.948944,13.8398011 30.9539668,13.8398011 30.3402835,14.4534844 L18.8574375,25.9363304 L18.8574375,25.9363304 Z'
-  }))))));
+  })));
 });

package/2x/es/components/checkbox/checkbox.css

@@ -15,20 +15,18 @@
 
 .adm-checkbox .adm-checkbox-icon {
   flex: none;
-  border: 2px solid #ccc;
+  border: 2px solid var(--adm-color-light);
   border-radius: var(--icon-size);
   box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  align-items: center;
   width: var(--icon-size);
   height: var(--icon-size);
-  color: #ffffff;
+  color: var(--adm-color-white);
 }
 
-.adm-checkbox .adm-checkbox-icon-checked {
-  width: 65%;
-  height: 65%;
+.adm-checkbox .adm-checkbox-icon > svg {
+  display: block;
+  width: 100%;
+  height: 100%;
 }
 
 .adm-checkbox.adm-checkbox-block {
@@ -45,22 +43,13 @@
 }
 
 .adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {
-  color: var(--adm-color-weak);
+  opacity: 0.4;
 }
 
-.adm-checkbox.adm-checkbox-disabled.adm-checkbox-indeterminate .adm-checkbox-icon {
-  color: #ccc;
-  border-color: #ccc;
-  background-color: #ebedf0;
-}
-
-.adm-checkbox.adm-checkbox-disabled.adm-checkbox-checked .adm-checkbox-icon {
-  color: #ccc;
-}
-
-.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon {
-  border-color: #ccc;
-  background-color: #ebedf0;
+.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
+  color: #b7b7b7;
+  border-color: var(--adm-color-light);
+  background-color: #f5f5f5;
 }
 
 .adm-checkbox .adm-checkbox-custom-icon {
@@ -68,18 +57,10 @@
 }
 
 .adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {
-  border-color: var(--adm-color-primary);
   background-color: #ffffff;
   color: var(--adm-color-primary);
 }
 
-.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-indeterminate-checked {
-  width: 60%;
-  height: 60%;
-  border-radius: 100%;
-  background-color: currentColor;
-}
-
 .adm-checkbox-content {
   flex: 0 1 auto;
   font-size: var(--font-size);

package/2x/es/components/checkbox/checkbox.js

@@ -6,44 +6,40 @@ import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
 import { devWarning } from '../../utils/dev-log';
 import { CheckIcon } from './check-icon';
-var classPrefix = "adm-checkbox";
-var defaultProps = {
+import { IndeterminateIcon } from './indeterminate-icon';
+import { isDev } from '../../utils/is-dev';
+const classPrefix = `adm-checkbox`;
+const defaultProps = {
   defaultChecked: false,
   indeterminate: false
 };
-export var Checkbox = function Checkbox(p) {
-  var _classNames;
-
-  var groupContext = useContext(CheckboxGroupContext);
-  var props = mergeProps(defaultProps, p);
-
-  var _usePropsValue = usePropsValue({
+export const Checkbox = p => {
+  const groupContext = useContext(CheckboxGroupContext);
+  const props = mergeProps(defaultProps, p);
+  let [checked, setChecked] = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
     onChange: props.onChange
-  }),
-      checked = _usePropsValue[0],
-      setChecked = _usePropsValue[1];
-
-  var disabled = props.disabled;
+  });
+  let disabled = props.disabled;
+  const {
+    value
+  } = props;
 
-  var usageWarning = function usageWarning() {
-    if (p.checked !== undefined) {
-      devWarning('Checkbox', 'When used with `Checkbox.Group`, the `checked` prop of `Checkbox` will not work if `value` prop of `Checkbox` is not undefined.');
-    }
+  if (groupContext && value !== undefined) {
+    if (isDev) {
+      if (p.checked !== undefined) {
+        devWarning('Checkbox', 'When used within `Checkbox.Group`, the `checked` prop of `Checkbox` will not work.');
+      }
 
-    if (p.defaultChecked !== undefined) {
-      devWarning('Checkbox', 'When used with `Checkbox.Group`, the `defaultChecked` prop of `Checkbox` will not work if `value` prop of `Checkbox` is not undefined.');
+      if (p.defaultChecked !== undefined) {
+        devWarning('Checkbox', 'When used within `Checkbox.Group`, the `defaultChecked` prop of `Checkbox` will not work.');
+      }
     }
-  };
 
-  var value = props.value;
-
-  if (groupContext && value !== undefined) {
-    usageWarning();
     checked = groupContext.value.includes(value);
 
-    setChecked = function setChecked(checked) {
+    setChecked = checked => {
       var _a;
 
       if (checked) {
@@ -58,37 +54,38 @@ export var Checkbox = function Checkbox(p) {
     disabled = disabled || groupContext.disabled;
   }
 
-  var renderIcon = function renderIcon() {
+  const renderIcon = () => {
     if (props.icon) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classPrefix + "-custom-icon"
+      return React.createElement("div", {
+        className: `${classPrefix}-custom-icon`
       }, props.icon(checked, props.indeterminate));
     }
 
-    return /*#__PURE__*/React.createElement("div", {
-      className: classPrefix + "-icon"
-    }, props.indeterminate ? /*#__PURE__*/React.createElement("div", {
-      className: classPrefix + "-indeterminate-checked"
-    }) : checked && /*#__PURE__*/React.createElement(CheckIcon, {
-      className: classPrefix + "-icon-checked"
-    }));
+    return React.createElement("div", {
+      className: `${classPrefix}-icon`
+    }, props.indeterminate ? React.createElement(IndeterminateIcon, null) : checked && React.createElement(CheckIcon, null));
   };
 
-  return withNativeProps(props, /*#__PURE__*/React.createElement("label", {
-    className: classNames(classPrefix, (_classNames = {}, _classNames[classPrefix + "-checked"] = checked, _classNames[classPrefix + "-indeterminate"] = props.indeterminate, _classNames[classPrefix + "-disabled"] = disabled, _classNames[classPrefix + "-block"] = props.block, _classNames))
-  }, /*#__PURE__*/React.createElement("input", {
+  return withNativeProps(props, React.createElement("label", {
+    className: classNames(classPrefix, {
+      [`${classPrefix}-checked`]: checked && !props.indeterminate,
+      [`${classPrefix}-indeterminate`]: props.indeterminate,
+      [`${classPrefix}-disabled`]: disabled,
+      [`${classPrefix}-block`]: props.block
+    })
+  }, React.createElement("input", {
     type: 'checkbox',
     checked: checked,
-    onChange: function onChange(e) {
+    onChange: e => {
       setChecked(e.target.checked);
     },
-    onClick: function onClick(e) {
+    onClick: e => {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
     },
     disabled: disabled,
     id: props.id
-  }), renderIcon(), props.children && /*#__PURE__*/React.createElement("div", {
-    className: classPrefix + "-content"
+  }), renderIcon(), props.children && React.createElement("div", {
+    className: `${classPrefix}-content`
   }, props.children)));
 };

package/2x/es/components/checkbox/group-context.js

@@ -1,2 +1,2 @@
 import { createContext } from 'react';
-export var CheckboxGroupContext = /*#__PURE__*/createContext(null);
+export const CheckboxGroupContext = createContext(null);