tntd 2.8.0-beta.3 → 3.0.0-beta.1

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

@@ -1,10 +1,13 @@
-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';
@@ -25,267 +28,247 @@ 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]);
-}
-const Cascader = React.forwardRef((props, ref) => {
-  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];
+    if (!value) {
+        return [];
     }
-    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);
+    if (isMultipleValue(value)) {
+        return value;
     }
-  });
-  // =========================== 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, {
+    return (value.length === 0 ? [] : [value]).map((val) => (Array.isArray(val) ? val : [val]));
+}
+const Cascader = React.forwardRef((props, ref) => {
+    const { 
     // MISC
-    ref: ref,
-    id: mergedId,
-    prefixCls: prefixCls,
-    dropdownMatchSelectWidth: dropdownMatchSelectWidth,
-    dropdownStyle: dropdownStyle,
+    id, prefixCls = 'rc-cascader', fieldNames, 
     // Value
-    displayValues: displayValues,
-    onDisplayValuesChange: onDisplayValuesChange,
-    mode: multiple ? 'multiple' : undefined,
+    defaultValue, value, changeOnSelect, onChange, displayRender, checkable, 
     // Search
-    searchValue: mergedSearchValue,
-    onSearch: onInternalSearch,
-    showSearch: mergedShowSearch,
+    searchValue, onSearch, showSearch, 
+    // Trigger
+    expandTrigger, 
     // Options
-    OptionList: OptionList,
-    emptyOptions: emptyOptions,
+    options, dropdownPrefixCls, loadData, 
     // Open
-    open: mergedOpen,
-    dropdownClassName: mergedDropdownClassName,
-    placement: mergedPlacement,
-    onDropdownVisibleChange: onInternalDropdownVisibleChange,
+    popupVisible, open, popupClassName, dropdownClassName, dropdownMenuColumnStyle, popupPlacement, placement, onDropdownVisibleChange, onPopupVisibleChange, renderItem, 
+    // Icon
+    expandIcon = '>', loadingIcon, 
     // Children
-    getRawInputElement: () => 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 }))));
 });
 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;
+export default Cascader;
+//# sourceMappingURL=Cascader.js.map

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

@@ -1,24 +1,14 @@
 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);
-}
+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