tntd 3.0.0-beta.1 → 3.0.0-beta.2

package/es/tntd-cascader/rc-cascader/Cascader.js

@@ -1,13 +1,10 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
 import { BaseSelect } from 'rc-select';
 import useId from 'rc-select/lib/hooks/useId';
@@ -28,247 +25,267 @@ import warningProps, { warningNullOptions } from './utils/warningPropsUtil';
 import './context';
 import './index.less';
 function isMultipleValue(value) {
-    return Array.isArray(value) && Array.isArray(value[0]);
+  return Array.isArray(value) && Array.isArray(value[0]);
 }
 function toRawValues(value) {
-    if (!value) {
-        return [];
-    }
-    if (isMultipleValue(value)) {
-        return value;
-    }
-    return (value.length === 0 ? [] : [value]).map((val) => (Array.isArray(val) ? val : [val]));
+  if (!value) {
+    return [];
+  }
+  if (isMultipleValue(value)) {
+    return value;
+  }
+  return (value.length === 0 ? [] : [value]).map(val => Array.isArray(val) ? val : [val]);
 }
 const Cascader = React.forwardRef((props, ref) => {
-    const { 
+  const {
+      // MISC
+      id,
+      prefixCls = 'rc-cascader',
+      fieldNames,
+      // Value
+      defaultValue,
+      value,
+      changeOnSelect,
+      onChange,
+      displayRender,
+      checkable,
+      // Search
+      searchValue,
+      onSearch,
+      showSearch,
+      // Trigger
+      expandTrigger,
+      // Options
+      options,
+      dropdownPrefixCls,
+      loadData,
+      // Open
+      popupVisible,
+      open,
+      popupClassName,
+      dropdownClassName,
+      dropdownMenuColumnStyle,
+      popupPlacement,
+      placement,
+      onDropdownVisibleChange,
+      onPopupVisibleChange,
+      renderItem,
+      // Icon
+      expandIcon = '>',
+      loadingIcon,
+      // Children
+      children,
+      dropdownMatchSelectWidth = false,
+      showCheckedStrategy = SHOW_PARENT
+    } = props,
+    restProps = __rest(props, ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "checkable", "searchValue", "onSearch", "showSearch", "expandTrigger", "options", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "renderItem", "expandIcon", "loadingIcon", "children", "dropdownMatchSelectWidth", "showCheckedStrategy"]);
+  const mergedId = useId(id);
+  const multiple = !!checkable;
+  const [dropdownVisible, setDropdownVisible] = React.useState(false);
+  // =========================== Values ===========================
+  const [rawValues, setRawValues] = useMergedState(defaultValue, {
+    value,
+    postState: toRawValues
+  });
+  // ========================= FieldNames =========================
+  const mergedFieldNames = React.useMemo(() => fillFieldNames(fieldNames), /* eslint-disable react-hooks/exhaustive-deps */
+  [JSON.stringify(fieldNames)]
+  /* eslint-enable react-hooks/exhaustive-deps */);
+  // =========================== Option ===========================
+  const mergedOptions = React.useMemo(() => options || [], [options]);
+  // Only used in multiple mode, this fn will not call in single mode
+  const getPathKeyEntities = useEntities(mergedOptions, mergedFieldNames);
+  /** Convert path key back to value format */
+  const getValueByKeyPath = React.useCallback(pathKeys => {
+    const keyPathEntities = getPathKeyEntities();
+    return pathKeys.map(pathKey => {
+      const {
+        nodes
+      } = keyPathEntities[pathKey];
+      return nodes.map(node => node[mergedFieldNames.value]);
+    });
+  }, [getPathKeyEntities, mergedFieldNames]);
+  // =========================== Search ===========================
+  const [mergedSearchValue, setSearchValue] = useMergedState('', {
+    value: searchValue,
+    postState: search => search || ''
+  });
+  const onInternalSearch = (searchText, info) => {
+    setSearchValue(searchText);
+    if (info.source !== 'blur' && onSearch) {
+      onSearch(searchText);
+    }
+  };
+  const [mergedShowSearch, searchConfig] = useSearchConfig(showSearch);
+  const searchOptions = useSearchOptions(mergedSearchValue, mergedOptions, mergedFieldNames, dropdownPrefixCls || prefixCls, searchConfig, changeOnSelect);
+  // =========================== Values ===========================
+  const getMissingValues = useMissingValues(mergedOptions, mergedFieldNames);
+  // Fill `rawValues` with checked conduction values
+  const [checkedValues, halfCheckedValues, missingCheckedValues] = React.useMemo(() => {
+    const [existValues, missingValues] = getMissingValues(rawValues);
+    if (!multiple || !rawValues.length) {
+      return [existValues, [], missingValues];
+    }
+    const keyPathValues = toPathKeys(existValues);
+    const keyPathEntities = getPathKeyEntities();
+    const {
+      checkedKeys,
+      halfCheckedKeys
+    } = conductCheck(keyPathValues, true, keyPathEntities);
+    // Convert key back to value cells
+    return [getValueByKeyPath(checkedKeys), getValueByKeyPath(halfCheckedKeys), missingValues];
+  }, [multiple, rawValues, getPathKeyEntities, getValueByKeyPath, getMissingValues]);
+  const deDuplicatedValues = React.useMemo(() => {
+    const checkedKeys = toPathKeys(checkedValues);
+    const deduplicateKeys = formatStrategyValues(checkedKeys, getPathKeyEntities, showCheckedStrategy);
+    return [...missingCheckedValues, ...getValueByKeyPath(deduplicateKeys)];
+  }, [checkedValues, getPathKeyEntities, getValueByKeyPath, missingCheckedValues, showCheckedStrategy]);
+  const displayValues = useDisplayValues(deDuplicatedValues, mergedOptions, mergedFieldNames, multiple, displayRender);
+  // =========================== Change ===========================
+  const triggerChange = useRefFunc(nextValues => {
+    setRawValues(nextValues);
+    // Save perf if no need trigger event
+    if (onChange) {
+      const nextRawValues = toRawValues(nextValues);
+      const valueOptions = nextRawValues.map(valueCells => toPathOptions(valueCells, mergedOptions, mergedFieldNames).map(valueOpt => valueOpt.option));
+      const triggerValues = multiple ? nextRawValues : nextRawValues[0];
+      const triggerOptions = multiple ? valueOptions : valueOptions[0];
+      onChange(triggerValues, triggerOptions);
+    }
+  });
+  // =========================== Select ===========================
+  const onInternalSelect = useRefFunc(valuePath => {
+    setSearchValue('');
+    if (!multiple) {
+      triggerChange(valuePath);
+    } else {
+      // Prepare conduct required info
+      const pathKey = toPathKey(valuePath);
+      const checkedPathKeys = toPathKeys(checkedValues);
+      const halfCheckedPathKeys = toPathKeys(halfCheckedValues);
+      const existInChecked = checkedPathKeys.includes(pathKey);
+      const existInMissing = missingCheckedValues.some(valueCells => toPathKey(valueCells) === pathKey);
+      // Do update
+      let nextCheckedValues = checkedValues;
+      let nextMissingValues = missingCheckedValues;
+      if (existInMissing && !existInChecked) {
+        // Missing value only do filter
+        nextMissingValues = missingCheckedValues.filter(valueCells => toPathKey(valueCells) !== pathKey);
+      } else {
+        // Update checked key first
+        const nextRawCheckedKeys = existInChecked ? checkedPathKeys.filter(key => key !== pathKey) : [...checkedPathKeys, pathKey];
+        const pathKeyEntities = getPathKeyEntities();
+        // Conduction by selected or not
+        let checkedKeys;
+        if (existInChecked) {
+          ;
+          ({
+            checkedKeys
+          } = conductCheck(nextRawCheckedKeys, {
+            checked: false,
+            halfCheckedKeys: halfCheckedPathKeys
+          }, pathKeyEntities));
+        } else {
+          ;
+          ({
+            checkedKeys
+          } = conductCheck(nextRawCheckedKeys, true, pathKeyEntities));
+        }
+        // Roll up to parent level keys
+        const deDuplicatedKeys = formatStrategyValues(checkedKeys, getPathKeyEntities, showCheckedStrategy);
+        nextCheckedValues = getValueByKeyPath(deDuplicatedKeys);
+      }
+      triggerChange([...nextMissingValues, ...nextCheckedValues]);
+    }
+  });
+  // Display Value change logic
+  const onDisplayValuesChange = (_, info) => {
+    if (info.type === 'clear') {
+      triggerChange([]);
+      return;
+    }
+    // Cascader do not support `add` type. Only support `remove`
+    const {
+      valueCells
+    } = info.values[0];
+    onInternalSelect(valueCells);
+  };
+  // ============================ Open ============================
+  const mergedOpen = open !== undefined ? open : popupVisible;
+  const mergedDropdownClassName = dropdownClassName || popupClassName;
+  const mergedPlacement = placement || popupPlacement;
+  const onInternalDropdownVisibleChange = nextVisible => {
+    onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextVisible);
+    onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(nextVisible);
+    setDropdownVisible(nextVisible);
+  };
+  // ========================== Warning ===========================
+  if (process.env.NODE_ENV !== 'production') {
+    warningProps(props);
+    warningNullOptions(mergedOptions, mergedFieldNames);
+  }
+  // ========================== Context ===========================
+  const cascaderContext = React.useMemo(() => ({
+    options: mergedOptions,
+    fieldNames: mergedFieldNames,
+    values: checkedValues,
+    halfValues: halfCheckedValues,
+    changeOnSelect,
+    onSelect: onInternalSelect,
+    checkable,
+    searchOptions,
+    dropdownPrefixCls,
+    loadData,
+    expandTrigger,
+    expandIcon,
+    loadingIcon,
+    dropdownMenuColumnStyle,
+    renderItem,
+    dropdownVisible
+  }), [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, searchOptions, dropdownPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, renderItem, dropdownVisible]);
+  // ==============================================================
+  // ==                          Render                          ==
+  // ==============================================================
+  const emptyOptions = !(mergedSearchValue ? searchOptions : mergedOptions).length;
+  const dropdownStyle =
+  // Search to match width
+  mergedSearchValue && searchConfig.matchInputWidth ||
+  // Empty keep the width
+  emptyOptions ? {} : {
+    minWidth: 'auto'
+  };
+  return React.createElement(CascaderContext.Provider, {
+    value: cascaderContext
+  }, React.createElement(BaseSelect, Object.assign({}, restProps, {
     // MISC
-    id, prefixCls = 'rc-cascader', fieldNames, 
+    ref: ref,
+    id: mergedId,
+    prefixCls: prefixCls,
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth,
+    dropdownStyle: dropdownStyle,
     // Value
-    defaultValue, value, changeOnSelect, onChange, displayRender, checkable, 
+    displayValues: displayValues,
+    onDisplayValuesChange: onDisplayValuesChange,
+    mode: multiple ? 'multiple' : undefined,
     // Search
-    searchValue, onSearch, showSearch, 
-    // Trigger
-    expandTrigger, 
+    searchValue: mergedSearchValue,
+    onSearch: onInternalSearch,
+    showSearch: mergedShowSearch,
     // Options
-    options, dropdownPrefixCls, loadData, 
+    OptionList: OptionList,
+    emptyOptions: emptyOptions,
     // Open
-    popupVisible, open, popupClassName, dropdownClassName, dropdownMenuColumnStyle, popupPlacement, placement, onDropdownVisibleChange, onPopupVisibleChange, renderItem, 
-    // Icon
-    expandIcon = '>', loadingIcon, 
+    open: mergedOpen,
+    dropdownClassName: mergedDropdownClassName,
+    placement: mergedPlacement,
+    onDropdownVisibleChange: onInternalDropdownVisibleChange,
     // Children
-    children, dropdownMatchSelectWidth = false, showCheckedStrategy = SHOW_PARENT } = props, restProps = __rest(props, ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "checkable", "searchValue", "onSearch", "showSearch", "expandTrigger", "options", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "renderItem", "expandIcon", "loadingIcon", "children", "dropdownMatchSelectWidth", "showCheckedStrategy"]);
-    const mergedId = useId(id);
-    const multiple = !!checkable;
-    const [dropdownVisible, setDropdownVisible] = React.useState(false);
-    // =========================== Values ===========================
-    const [rawValues, setRawValues] = useMergedState(defaultValue, {
-        value,
-        postState: toRawValues,
-    });
-    // ========================= FieldNames =========================
-    const mergedFieldNames = React.useMemo(() => fillFieldNames(fieldNames), 
-    /* eslint-disable react-hooks/exhaustive-deps */
-    [JSON.stringify(fieldNames)]
-    /* eslint-enable react-hooks/exhaustive-deps */
-    );
-    // =========================== Option ===========================
-    const mergedOptions = React.useMemo(() => options || [], [options]);
-    // Only used in multiple mode, this fn will not call in single mode
-    const getPathKeyEntities = useEntities(mergedOptions, mergedFieldNames);
-    /** Convert path key back to value format */
-    const getValueByKeyPath = React.useCallback((pathKeys) => {
-        const keyPathEntities = getPathKeyEntities();
-        return pathKeys.map((pathKey) => {
-            const { nodes } = keyPathEntities[pathKey];
-            return nodes.map((node) => node[mergedFieldNames.value]);
-        });
-    }, [getPathKeyEntities, mergedFieldNames]);
-    // =========================== Search ===========================
-    const [mergedSearchValue, setSearchValue] = useMergedState('', {
-        value: searchValue,
-        postState: (search) => search || '',
-    });
-    const onInternalSearch = (searchText, info) => {
-        setSearchValue(searchText);
-        if (info.source !== 'blur' && onSearch) {
-            onSearch(searchText);
-        }
-    };
-    const [mergedShowSearch, searchConfig] = useSearchConfig(showSearch);
-    const searchOptions = useSearchOptions(mergedSearchValue, mergedOptions, mergedFieldNames, dropdownPrefixCls || prefixCls, searchConfig, changeOnSelect);
-    // =========================== Values ===========================
-    const getMissingValues = useMissingValues(mergedOptions, mergedFieldNames);
-    // Fill `rawValues` with checked conduction values
-    const [checkedValues, halfCheckedValues, missingCheckedValues] = React.useMemo(() => {
-        const [existValues, missingValues] = getMissingValues(rawValues);
-        if (!multiple || !rawValues.length) {
-            return [existValues, [], missingValues];
-        }
-        const keyPathValues = toPathKeys(existValues);
-        const keyPathEntities = getPathKeyEntities();
-        const { checkedKeys, halfCheckedKeys } = conductCheck(keyPathValues, true, keyPathEntities);
-        // Convert key back to value cells
-        return [getValueByKeyPath(checkedKeys), getValueByKeyPath(halfCheckedKeys), missingValues];
-    }, [multiple, rawValues, getPathKeyEntities, getValueByKeyPath, getMissingValues]);
-    const deDuplicatedValues = React.useMemo(() => {
-        const checkedKeys = toPathKeys(checkedValues);
-        const deduplicateKeys = formatStrategyValues(checkedKeys, getPathKeyEntities, showCheckedStrategy);
-        return [...missingCheckedValues, ...getValueByKeyPath(deduplicateKeys)];
-    }, [
-        checkedValues,
-        getPathKeyEntities,
-        getValueByKeyPath,
-        missingCheckedValues,
-        showCheckedStrategy,
-    ]);
-    const displayValues = useDisplayValues(deDuplicatedValues, mergedOptions, mergedFieldNames, multiple, displayRender);
-    // =========================== Change ===========================
-    const triggerChange = useRefFunc((nextValues) => {
-        setRawValues(nextValues);
-        // Save perf if no need trigger event
-        if (onChange) {
-            const nextRawValues = toRawValues(nextValues);
-            const valueOptions = nextRawValues.map((valueCells) => toPathOptions(valueCells, mergedOptions, mergedFieldNames).map((valueOpt) => valueOpt.option));
-            const triggerValues = multiple ? nextRawValues : nextRawValues[0];
-            const triggerOptions = multiple ? valueOptions : valueOptions[0];
-            onChange(triggerValues, triggerOptions);
-        }
-    });
-    // =========================== Select ===========================
-    const onInternalSelect = useRefFunc((valuePath) => {
-        setSearchValue('');
-        if (!multiple) {
-            triggerChange(valuePath);
-        }
-        else {
-            // Prepare conduct required info
-            const pathKey = toPathKey(valuePath);
-            const checkedPathKeys = toPathKeys(checkedValues);
-            const halfCheckedPathKeys = toPathKeys(halfCheckedValues);
-            const existInChecked = checkedPathKeys.includes(pathKey);
-            const existInMissing = missingCheckedValues.some((valueCells) => toPathKey(valueCells) === pathKey);
-            // Do update
-            let nextCheckedValues = checkedValues;
-            let nextMissingValues = missingCheckedValues;
-            if (existInMissing && !existInChecked) {
-                // Missing value only do filter
-                nextMissingValues = missingCheckedValues.filter((valueCells) => toPathKey(valueCells) !== pathKey);
-            }
-            else {
-                // Update checked key first
-                const nextRawCheckedKeys = existInChecked
-                    ? checkedPathKeys.filter((key) => key !== pathKey)
-                    : [...checkedPathKeys, pathKey];
-                const pathKeyEntities = getPathKeyEntities();
-                // Conduction by selected or not
-                let checkedKeys;
-                if (existInChecked) {
-                    ;
-                    ({ checkedKeys } = conductCheck(nextRawCheckedKeys, { checked: false, halfCheckedKeys: halfCheckedPathKeys }, pathKeyEntities));
-                }
-                else {
-                    ;
-                    ({ checkedKeys } = conductCheck(nextRawCheckedKeys, true, pathKeyEntities));
-                }
-                // Roll up to parent level keys
-                const deDuplicatedKeys = formatStrategyValues(checkedKeys, getPathKeyEntities, showCheckedStrategy);
-                nextCheckedValues = getValueByKeyPath(deDuplicatedKeys);
-            }
-            triggerChange([...nextMissingValues, ...nextCheckedValues]);
-        }
-    });
-    // Display Value change logic
-    const onDisplayValuesChange = (_, info) => {
-        if (info.type === 'clear') {
-            triggerChange([]);
-            return;
-        }
-        // Cascader do not support `add` type. Only support `remove`
-        const { valueCells } = info.values[0];
-        onInternalSelect(valueCells);
-    };
-    // ============================ Open ============================
-    const mergedOpen = open !== undefined ? open : popupVisible;
-    const mergedDropdownClassName = dropdownClassName || popupClassName;
-    const mergedPlacement = placement || popupPlacement;
-    const onInternalDropdownVisibleChange = (nextVisible) => {
-        onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextVisible);
-        onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(nextVisible);
-        setDropdownVisible(nextVisible);
-    };
-    // ========================== Warning ===========================
-    if (process.env.NODE_ENV !== 'production') {
-        warningProps(props);
-        warningNullOptions(mergedOptions, mergedFieldNames);
-    }
-    // ========================== Context ===========================
-    const cascaderContext = React.useMemo(() => ({
-        options: mergedOptions,
-        fieldNames: mergedFieldNames,
-        values: checkedValues,
-        halfValues: halfCheckedValues,
-        changeOnSelect,
-        onSelect: onInternalSelect,
-        checkable,
-        searchOptions,
-        dropdownPrefixCls,
-        loadData,
-        expandTrigger,
-        expandIcon,
-        loadingIcon,
-        dropdownMenuColumnStyle,
-        renderItem,
-        dropdownVisible,
-    }), [
-        mergedOptions,
-        mergedFieldNames,
-        checkedValues,
-        halfCheckedValues,
-        changeOnSelect,
-        onInternalSelect,
-        checkable,
-        searchOptions,
-        dropdownPrefixCls,
-        loadData,
-        expandTrigger,
-        expandIcon,
-        loadingIcon,
-        dropdownMenuColumnStyle,
-        renderItem,
-        dropdownVisible,
-    ]);
-    // ==============================================================
-    // ==                          Render                          ==
-    // ==============================================================
-    const emptyOptions = !(mergedSearchValue ? searchOptions : mergedOptions).length;
-    const dropdownStyle = 
-    // Search to match width
-    (mergedSearchValue && searchConfig.matchInputWidth) ||
-        // Empty keep the width
-        emptyOptions
-        ? {}
-        : {
-            minWidth: 'auto',
-        };
-    return (React.createElement(CascaderContext.Provider, { value: cascaderContext },
-        React.createElement(BaseSelect, Object.assign({}, restProps, { 
-            // MISC
-            ref: ref, id: mergedId, prefixCls: prefixCls, dropdownMatchSelectWidth: dropdownMatchSelectWidth, dropdownStyle: dropdownStyle, 
-            // Value
-            displayValues: displayValues, onDisplayValuesChange: onDisplayValuesChange, mode: multiple ? 'multiple' : undefined, 
-            // Search
-            searchValue: mergedSearchValue, onSearch: onInternalSearch, showSearch: mergedShowSearch, 
-            // Options
-            OptionList: OptionList, emptyOptions: emptyOptions, 
-            // Open
-            open: mergedOpen, dropdownClassName: mergedDropdownClassName, placement: mergedPlacement, onDropdownVisibleChange: onInternalDropdownVisibleChange, 
-            // Children
-            getRawInputElement: () => children }))));
+    getRawInputElement: () => children
+  })));
 });
 if (process.env.NODE_ENV !== 'production') {
-    Cascader.displayName = 'Cascader';
+  Cascader.displayName = 'Cascader';
 }
 Cascader.SHOW_PARENT = SHOW_PARENT;
 Cascader.SHOW_CHILD = SHOW_CHILD;
-export default Cascader;
-//# sourceMappingURL=Cascader.js.map
+export default Cascader;

package/es/tntd-cascader/rc-cascader/OptionList/Checkbox.js

@@ -1,14 +1,24 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import CascaderContext from '../context';
-export default function Checkbox({ prefixCls, checked, halfChecked, disabled, onClick, }) {
-    // @ts-ignore
-    const { checkable } = React.useContext(CascaderContext);
-    const customCheckbox = typeof checkable !== 'boolean' ? checkable : null;
-    return (React.createElement("span", { className: classNames(`${prefixCls}`, {
-            [`${prefixCls}-checked`]: checked,
-            [`${prefixCls}-indeterminate`]: !checked && halfChecked,
-            [`${prefixCls}-disabled`]: disabled,
-        }), onClick: onClick }, customCheckbox));
-}
-//# sourceMappingURL=Checkbox.js.map
+export default function Checkbox({
+  prefixCls,
+  checked,
+  halfChecked,
+  disabled,
+  onClick
+}) {
+  // @ts-ignore
+  const {
+    checkable
+  } = React.useContext(CascaderContext);
+  const customCheckbox = typeof checkable !== 'boolean' ? checkable : null;
+  return React.createElement("span", {
+    className: classNames(`${prefixCls}`, {
+      [`${prefixCls}-checked`]: checked,
+      [`${prefixCls}-indeterminate`]: !checked && halfChecked,
+      [`${prefixCls}-disabled`]: disabled
+    }),
+    onClick: onClick
+  }, customCheckbox);
+}