@douyinfe/semi-ui 2.1.0-beta.0 → 2.1.0-next.0

package/lib/cjs/card/index.js

@@ -0,0 +1,222 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _lodashEs = require("lodash-es");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/card/constants");
+
+require("@douyinfe/semi-foundation/lib/cjs/card/card.css");
+
+var _meta = _interopRequireDefault(require("./meta"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _skeleton = _interopRequireDefault(require("../skeleton"));
+
+var _typography = _interopRequireDefault(require("../typography"));
+
+var _space = _interopRequireDefault(require("../space"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+const prefixcls = _constants.cssClasses.PREFIX;
+
+class Card extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+
+    this.renderHeader = () => {
+      const {
+        title,
+        headerExtraContent,
+        header,
+        headerLine,
+        headerStyle
+      } = this.props;
+      const headerCls = (0, _classnames.default)("".concat(prefixcls, "-header"), {
+        ["".concat(prefixcls, "-header-bordered")]: Boolean(headerLine)
+      });
+      const headerWrapperCls = (0, _classnames.default)("".concat(prefixcls, "-header-wrapper"));
+      const titleCls = (0, _classnames.default)("".concat(prefixcls, "-header-wrapper-title"), {
+        ["".concat(prefixcls, "-header-wrapper-spacing")]: Boolean(headerExtraContent)
+      });
+
+      if (header || headerExtraContent || title) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          style: headerStyle,
+          className: headerCls
+        }, header ||
+        /*#__PURE__*/
+        // Priority of header over title and headerExtraContent
+        _react.default.createElement("div", {
+          className: headerWrapperCls
+        }, headerExtraContent && /*#__PURE__*/_react.default.createElement("div", {
+          className: "".concat(prefixcls, "-header-wrapper-extra")
+        }, headerExtraContent), title && /*#__PURE__*/_react.default.createElement("div", {
+          className: titleCls
+        }, (0, _lodashEs.isString)(title) ? /*#__PURE__*/_react.default.createElement(_typography.default.Title, {
+          heading: 6,
+          ellipsis: {
+            showTooltip: true,
+            rows: 1
+          }
+        }, title) : title)));
+      }
+
+      return null;
+    };
+
+    this.renderCover = () => {
+      const {
+        cover
+      } = this.props;
+      const coverCls = (0, _classnames.default)("".concat(prefixcls, "-cover"));
+      return cover && /*#__PURE__*/_react.default.createElement("div", {
+        className: coverCls
+      }, cover);
+    };
+
+    this.renderBody = () => {
+      const {
+        bodyStyle,
+        children,
+        actions,
+        loading
+      } = this.props;
+      const bodyCls = (0, _classnames.default)("".concat(prefixcls, "-body"));
+      const actionsCls = (0, _classnames.default)("".concat(prefixcls, "-body-actions"));
+      const actionsItemCls = (0, _classnames.default)("".concat(prefixcls, "-body-actions-item"));
+
+      const placeholder = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_skeleton.default.Title, null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_skeleton.default.Paragraph, {
+        rows: 3
+      }));
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        style: bodyStyle,
+        className: bodyCls
+      }, children && /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+        placeholder: placeholder,
+        loading: loading,
+        active: true
+      }, children), (0, _isArray.default)(actions) && /*#__PURE__*/_react.default.createElement("div", {
+        className: actionsCls
+      }, /*#__PURE__*/_react.default.createElement(_space.default, {
+        spacing: 12
+      }, (0, _map.default)(actions).call(actions, (item, idx) => /*#__PURE__*/_react.default.createElement("div", {
+        key: idx,
+        className: actionsItemCls
+      }, item)))));
+    };
+
+    this.renderFooter = () => {
+      const {
+        footer,
+        footerLine,
+        footerStyle
+      } = this.props;
+      const footerCls = (0, _classnames.default)("".concat(prefixcls, "-footer"), {
+        ["".concat(prefixcls, "-footer-bordered")]: footerLine
+      });
+      return footer && /*#__PURE__*/_react.default.createElement("div", {
+        style: footerStyle,
+        className: footerCls
+      }, footer);
+    };
+  }
+
+  render() {
+    var _context;
+
+    const _a = this.props,
+          {
+      bordered,
+      shadows,
+      style,
+      className
+    } = _a,
+          otherProps = __rest(_a, ["bordered", "shadows", "style", "className"]);
+
+    const others = (0, _lodashEs.omit)(otherProps, ['actions', 'bodyStyle', 'cover', 'headerExtraContent', 'footer', 'footerLine', 'footerStyle', 'header', 'headerLine', 'headerStyle', 'loading', 'title']);
+    const cardCls = (0, _classnames.default)(prefixcls, className, {
+      ["".concat(prefixcls, "-bordered")]: bordered,
+      ["".concat(prefixcls, "-shadows")]: shadows,
+      [(0, _concat.default)(_context = "".concat(prefixcls, "-shadows-")).call(_context, shadows)]: shadows
+    });
+    return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, others, {
+      className: cardCls,
+      style: style
+    }), this.renderHeader(), this.renderCover(), this.renderBody(), this.renderFooter());
+  }
+
+}
+
+Card.Meta = _meta.default;
+Card.propTypes = {
+  actions: _propTypes.default.array,
+  bodyStyle: _propTypes.default.object,
+  bordered: _propTypes.default.bool,
+  children: _propTypes.default.node,
+  className: _propTypes.default.string,
+  cover: _propTypes.default.node,
+  footer: _propTypes.default.node,
+  footerLine: _propTypes.default.bool,
+  footerStyle: _propTypes.default.object,
+  header: _propTypes.default.node,
+  headerExtraContent: _propTypes.default.node,
+  headerLine: _propTypes.default.bool,
+  headerStyle: _propTypes.default.object,
+  loading: _propTypes.default.bool,
+  shadows: _propTypes.default.oneOf(_constants.strings.SHADOWS),
+  style: _propTypes.default.object,
+  title: _propTypes.default.node
+};
+Card.defaultProps = {
+  bordered: true,
+  footerLine: false,
+  headerLine: true,
+  loading: false
+};
+var _default = Card;
+exports.default = _default;

package/lib/cjs/card/meta.d.ts

@@ -0,0 +1,26 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+export declare type Shadows = 'hover' | 'show';
+export interface MetaProps {
+    /** Avatar */
+    avatar?: React.ReactNode;
+    /** Style class name */
+    className?: string;
+    /** Description */
+    description?: React.ReactNode;
+    /** Inline style */
+    style?: React.CSSProperties;
+    /** Title */
+    title?: React.ReactNode;
+}
+declare class Meta extends PureComponent<MetaProps> {
+    static propTypes: {
+        avatar: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        style: PropTypes.Requireable<object>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}
+export default Meta;

package/lib/cjs/card/meta.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/card/constants");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+const prefixcls = _constants.cssClasses.PREFIX;
+
+class Meta extends _react.PureComponent {
+  render() {
+    const _a = this.props,
+          {
+      avatar,
+      className,
+      description,
+      style,
+      title
+    } = _a,
+          others = __rest(_a, ["avatar", "className", "description", "style", "title"]);
+
+    const metaCls = (0, _classnames.default)("".concat(prefixcls, "-meta"), className);
+
+    const avatarNode = avatar && /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixcls, "-meta-avatar")
+    }, avatar);
+
+    const titleNode = title && /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixcls, "-meta-wrapper-title")
+    }, title);
+
+    const descriptionNode = description && /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixcls, "-meta-wrapper-description")
+    }, description);
+
+    const wrapper = title || description ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixcls, "-meta-wrapper")
+    }, titleNode, descriptionNode) : null;
+    return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, others, {
+      className: metaCls,
+      style: style
+    }), avatarNode, wrapper);
+  }
+
+}
+
+Meta.propTypes = {
+  avatar: _propTypes.default.node,
+  className: _propTypes.default.string,
+  description: _propTypes.default.node,
+  style: _propTypes.default.object,
+  title: _propTypes.default.node
+};
+var _default = Meta;
+exports.default = _default;

package/lib/cjs/cascader/index.d.ts

@@ -0,0 +1,178 @@
+import React, { ReactNode, CSSProperties, MouseEvent } from 'react';
+import PropTypes from 'prop-types';
+import { BasicCascaderInnerData, BasicCascaderProps, BasicTriggerRenderProps, BasicScrollPanelProps, CascaderAdapter, CascaderType } from '@douyinfe/semi-foundation/lib/cjs/cascader/foundation';
+import '@douyinfe/semi-foundation/lib/cjs/cascader/cascader.css';
+import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
+import Input from '../input/index';
+import { PopoverProps } from '../popover/index';
+import { CascaderData, Entities, Entity, Data } from './item';
+import { Motion } from '../_base/base';
+export { CascaderData, Entity, Data, CascaderItemProps } from './item';
+export interface ScrollPanelProps extends BasicScrollPanelProps {
+    activeNode: CascaderData;
+}
+export interface TriggerRenderProps extends BasicTriggerRenderProps {
+    componentProps: CascaderProps;
+    onClear: (e: React.MouseEvent) => void;
+}
+export declare type SimpleValueType = string | number | CascaderData;
+export declare type Value = SimpleValueType | Array<SimpleValueType> | Array<Array<SimpleValueType>>;
+export interface CascaderProps extends BasicCascaderProps {
+    arrowIcon?: ReactNode;
+    defaultValue?: Value;
+    dropdownStyle?: CSSProperties;
+    emptyContent?: ReactNode;
+    motion?: Motion;
+    treeData?: Array<CascaderData>;
+    restTagsPopoverProps?: PopoverProps;
+    children?: ReactNode;
+    value?: Value;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    insetLabel?: ReactNode;
+    style?: CSSProperties;
+    bottomSlot?: ReactNode;
+    topSlot?: ReactNode;
+    triggerRender?: (props: TriggerRenderProps) => ReactNode;
+    onListScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>, panel: ScrollPanelProps) => void;
+    loadData?: (selectOptions: CascaderData[]) => Promise<void>;
+    onLoad?: (newLoadedKeys: Set<string>, data: CascaderData) => void;
+    onChange?: (value: Value) => void;
+    onExceed?: (checkedItem: Entity[]) => void;
+    displayRender?: (selected: Array<string> | Entity, idx?: number) => ReactNode;
+    onBlur?: (e: MouseEvent) => void;
+    onFocus?: (e: MouseEvent) => void;
+    validateStatus?: ValidateStatus;
+}
+export interface CascaderState extends BasicCascaderInnerData {
+    keyEntities: Entities;
+    prevProps: CascaderProps;
+    treeData?: Array<CascaderData>;
+}
+declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
+    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static propTypes: {
+        arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        changeOnSelect: PropTypes.Requireable<boolean>;
+        defaultValue: PropTypes.Requireable<string | any[]>;
+        disabled: PropTypes.Requireable<boolean>;
+        dropdownClassName: PropTypes.Requireable<string>;
+        dropdownStyle: PropTypes.Requireable<object>;
+        emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        motion: PropTypes.Requireable<boolean | object>;
+        filterTreeNode: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+        filterLeafOnly: PropTypes.Requireable<boolean>;
+        placeholder: PropTypes.Requireable<string>;
+        searchPlaceholder: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<CascaderType>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        treeData: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string | number>;
+            label: PropTypes.Requireable<any>;
+        }>[]>;
+        treeNodeFilterProp: PropTypes.Requireable<string>;
+        suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        displayProp: PropTypes.Requireable<string>;
+        displayRender: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onSearch: PropTypes.Requireable<(...args: any[]) => any>;
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
+        zIndex: PropTypes.Requireable<number>;
+        value: PropTypes.Requireable<string | number | any[]>;
+        validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
+        showNext: PropTypes.Requireable<"hover" | "click">;
+        stopPropagation: PropTypes.Requireable<string | boolean>;
+        showClear: PropTypes.Requireable<boolean>;
+        defaultOpen: PropTypes.Requireable<boolean>;
+        autoAdjustOverflow: PropTypes.Requireable<boolean>;
+        onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
+        triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
+        onListScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeWithObject: PropTypes.Requireable<boolean>;
+        bottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        topSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        multiple: PropTypes.Requireable<boolean>;
+        autoMergeValue: PropTypes.Requireable<boolean>;
+        maxTagCount: PropTypes.Requireable<number>;
+        showRestTagsPopover: PropTypes.Requireable<boolean>;
+        restTagsPopoverProps: PropTypes.Requireable<object>;
+        max: PropTypes.Requireable<number>;
+        onExceed: PropTypes.Requireable<(...args: any[]) => any>;
+        onClear: PropTypes.Requireable<(...args: any[]) => any>;
+        loadData: PropTypes.Requireable<(...args: any[]) => any>;
+        onLoad: PropTypes.Requireable<(...args: any[]) => any>;
+        loadedKeys: PropTypes.Requireable<any[]>;
+        disableStrictly: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        arrowIcon: JSX.Element;
+        stopPropagation: boolean;
+        motion: boolean;
+        defaultOpen: boolean;
+        zIndex: number;
+        showClear: boolean;
+        autoClearSearchValue: boolean;
+        changeOnSelect: boolean;
+        disabled: boolean;
+        disableStrictly: boolean;
+        autoMergeValue: boolean;
+        multiple: boolean;
+        filterTreeNode: boolean;
+        filterLeafOnly: boolean;
+        showRestTagsPopover: boolean;
+        restTagsPopoverProps: {};
+        size: "default";
+        treeNodeFilterProp: "label";
+        displayProp: "label";
+        treeData: CascaderData[];
+        showNext: "click";
+        onExceed: (...args: any[]) => void;
+        onClear: (...args: any[]) => void;
+        onDropdownVisibleChange: (...args: any[]) => void;
+        onListScroll: (...args: any[]) => void;
+    };
+    options: any;
+    isEmpty: boolean;
+    inputRef: React.RefObject<typeof Input>;
+    triggerRef: React.RefObject<HTMLDivElement>;
+    optionsRef: React.RefObject<any>;
+    clickOutsideHandler: any;
+    constructor(props: CascaderProps);
+    get adapter(): CascaderAdapter;
+    static getDerivedStateFromProps(props: CascaderProps, prevState: CascaderState): Partial<CascaderState>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: CascaderProps): void;
+    handleInputChange: (value: string) => void;
+    handleTagRemove: (e: any, tagValuePath: Array<string | number>) => void;
+    renderTagItem: (value: string | Array<string>, idx: number, type: string) => React.ReactNode;
+    renderTagInput(): JSX.Element;
+    renderInput(): JSX.Element;
+    handleItemClick: (e: MouseEvent, item: Entity | Data) => void;
+    handleItemHover: (e: MouseEvent, item: Entity) => void;
+    onItemCheckboxClick: (item: Entity | Data) => void;
+    handleListScroll: (e: React.UIEvent<HTMLUListElement, UIEvent>, ind: number) => void;
+    renderContent: () => JSX.Element;
+    renderPlusN: (hiddenTag: Array<ReactNode>) => JSX.Element;
+    renderMultipleTags: () => JSX.Element;
+    renderSelectContent: () => JSX.Element;
+    renderSuffix: () => JSX.Element;
+    renderPrefix: () => JSX.Element;
+    renderCustomTrigger: () => JSX.Element;
+    handleMouseOver: () => void;
+    handleMouseLeave: () => void;
+    handleClear: (e: MouseEvent) => void;
+    showClearBtn: () => boolean;
+    renderClearBtn: () => JSX.Element;
+    renderArrow: () => JSX.Element;
+    renderSelection: () => JSX.Element;
+    render(): JSX.Element;
+}
+export default Cascader;