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

package/es/tntd-cascader/AntdCascader/index.js

@@ -1,15 +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;
+import "antd/es/icon/style";
+import _Icon from "antd/es/icon";
+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 { Icon } from 'antd';
 import classNames from 'classnames';
 import RcCascader from '../rc-cascader';
 import omit from 'rc-util/lib/omit';
@@ -22,126 +20,199 @@ import { SizeContext } from './component/SizeContext';
 import { useCompactItemContext } from './component/useCompactItemContext';
 import { FormItemInputContext } from './component/FormItemInputContext';
 import getIcons from './component/getIcons';
-import { getTransitionDirection, getTransitionName, getMergedStatus, getStatusClassNames, } from './config/utils';
+import { getTransitionDirection, getTransitionName, getMergedStatus, getStatusClassNames } from './config/utils';
 import warning from './config/warning';
 import './index.less';
-const { SHOW_CHILD, SHOW_PARENT } = RcCascader;
+const {
+  SHOW_CHILD,
+  SHOW_PARENT
+} = RcCascader;
 function highlightKeyword(str, lowerKeyword, prefixCls) {
-    const cells = str
-        .toLowerCase()
-        .split(lowerKeyword)
-        .reduce((list, cur, index) => (index === 0 ? [cur] : [...list, lowerKeyword, cur]), []);
-    const fillCells = [];
-    let start = 0;
-    cells.forEach((cell, index) => {
-        const end = start + cell.length;
-        let originWorld = str.slice(start, end);
-        start = end;
-        if (index % 2 === 1) {
-            originWorld = (React.createElement("span", { className: `${prefixCls}-menu-item-keyword`, key: `seperator-${index}` }, originWorld));
-        }
-        fillCells.push(originWorld);
-    });
-    return fillCells;
+  const cells = str.toLowerCase().split(lowerKeyword).reduce((list, cur, index) => index === 0 ? [cur] : [...list, lowerKeyword, cur], []);
+  const fillCells = [];
+  let start = 0;
+  cells.forEach((cell, index) => {
+    const end = start + cell.length;
+    let originWorld = str.slice(start, end);
+    start = end;
+    if (index % 2 === 1) {
+      originWorld = React.createElement("span", {
+        className: `${prefixCls}-menu-item-keyword`,
+        key: `seperator-${index}`
+      }, originWorld);
+    }
+    fillCells.push(originWorld);
+  });
+  return fillCells;
 }
 const defaultSearchRender = (inputValue, path, prefixCls, fieldNames) => {
-    const optionList = [];
-    // We do lower here to save perf
-    const lower = inputValue.toLowerCase();
-    path.forEach((node, index) => {
-        if (index !== 0) {
-            optionList.push(' / ');
-        }
-        let label = node[fieldNames.label];
-        const type = typeof label;
-        if (type === 'string' || type === 'number') {
-            label = highlightKeyword(String(label), lower, prefixCls);
-        }
-        optionList.push(label);
-    });
-    return optionList;
+  const optionList = [];
+  // We do lower here to save perf
+  const lower = inputValue.toLowerCase();
+  path.forEach((node, index) => {
+    if (index !== 0) {
+      optionList.push(' / ');
+    }
+    let label = node[fieldNames.label];
+    const type = typeof label;
+    if (type === 'string' || type === 'number') {
+      label = highlightKeyword(String(label), lower, prefixCls);
+    }
+    optionList.push(label);
+  });
+  return optionList;
 };
 const Cascader = React.forwardRef((props, ref) => {
-    const { prefixCls: customizePrefixCls, size: customizeSize, disabled: customDisabled, className, multiple, bordered = true, transitionName, choiceTransitionName = '', popupClassName, dropdownClassName, expandIcon, placement, showSearch, allowClear = true, notFoundContent, direction, getPopupContainer, status: customStatus, showArrow } = props, rest = __rest(props, ["prefixCls", "size", "disabled", "className", "multiple", "bordered", "transitionName", "choiceTransitionName", "popupClassName", "dropdownClassName", "expandIcon", "placement", "showSearch", "allowClear", "notFoundContent", "direction", "getPopupContainer", "status", "showArrow"]);
-    const restProps = omit(rest, ['suffixIcon']);
-    const { getPopupContainer: getContextPopupContainer, getPrefixCls, renderEmpty, direction: rootDirection,
+  const {
+      prefixCls: customizePrefixCls,
+      size: customizeSize,
+      disabled: customDisabled,
+      className,
+      multiple,
+      bordered = true,
+      transitionName,
+      choiceTransitionName = '',
+      popupClassName,
+      dropdownClassName,
+      expandIcon,
+      placement,
+      showSearch,
+      allowClear = true,
+      notFoundContent,
+      direction,
+      getPopupContainer,
+      status: customStatus,
+      showArrow
+    } = props,
+    rest = __rest(props, ["prefixCls", "size", "disabled", "className", "multiple", "bordered", "transitionName", "choiceTransitionName", "popupClassName", "dropdownClassName", "expandIcon", "placement", "showSearch", "allowClear", "notFoundContent", "direction", "getPopupContainer", "status", "showArrow"]);
+  const restProps = omit(rest, ['suffixIcon']);
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    renderEmpty,
+    direction: rootDirection
     // virtual,
     // dropdownMatchSelectWidth,
-     } = useContext(ConfigContext);
-    const mergedDirection = direction || rootDirection;
-    const isRtl = mergedDirection === 'rtl';
-    // =================== Form =====================
-    const { status: contextStatus, hasFeedback, isFormItemInput, feedbackIcon, } = useContext(FormItemInputContext);
-    const mergedStatus = getMergedStatus(contextStatus, customStatus);
-    // =================== Warning =====================
-    warning(!dropdownClassName, 'Cascader', '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.');
-    warning(!multiple || !props.displayRender, 'Cascader', '`displayRender` not work on `multiple`. Please use `tagRender` instead.');
-    // =================== No Found ====================
-    const mergedNotFoundContent = notFoundContent || (renderEmpty || defaultRenderEmpty)('Cascader');
-    // ==================== Prefix =====================
-    const rootPrefixCls = getPrefixCls();
-    const prefixCls = getPrefixCls('select', customizePrefixCls);
-    const cascaderPrefixCls = getPrefixCls('cascader', customizePrefixCls);
-    const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
-    // =================== Dropdown ====================
-    const mergedDropdownClassName = classNames(popupClassName || dropdownClassName, `${cascaderPrefixCls}-dropdown`, {
-        [`${cascaderPrefixCls}-dropdown-rtl`]: mergedDirection === 'rtl',
-    });
-    // ==================== Search =====================
-    const mergedShowSearch = React.useMemo(() => {
-        if (!showSearch) {
-            return showSearch;
-        }
-        let searchConfig = {
-            render: defaultSearchRender,
-        };
-        if (typeof showSearch === 'object') {
-            searchConfig = Object.assign(Object.assign({}, searchConfig), showSearch);
-        }
-        return searchConfig;
-    }, [showSearch]);
-    // ===================== Size ======================
-    const size = React.useContext(SizeContext);
-    const mergedSize = compactSize || customizeSize || size;
-    // ===================== Disabled =====================
-    const disabled = React.useContext(DisabledContext);
-    const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-    // ===================== Icon ======================
-    let mergedExpandIcon = expandIcon;
-    if (!expandIcon) {
-        mergedExpandIcon = isRtl ? React.createElement(Icon, { type: "left" }) : React.createElement(Icon, { type: "right" });
+  } = useContext(ConfigContext);
+  const mergedDirection = direction || rootDirection;
+  const isRtl = mergedDirection === 'rtl';
+  // =================== Form =====================
+  const {
+    status: contextStatus,
+    hasFeedback,
+    isFormItemInput,
+    feedbackIcon
+  } = useContext(FormItemInputContext);
+  const mergedStatus = getMergedStatus(contextStatus, customStatus);
+  // =================== Warning =====================
+  warning(!dropdownClassName, 'Cascader', '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.');
+  warning(!multiple || !props.displayRender, 'Cascader', '`displayRender` not work on `multiple`. Please use `tagRender` instead.');
+  // =================== No Found ====================
+  const mergedNotFoundContent = notFoundContent || (renderEmpty || defaultRenderEmpty)('Cascader');
+  // ==================== Prefix =====================
+  const rootPrefixCls = getPrefixCls();
+  const prefixCls = getPrefixCls('select', customizePrefixCls);
+  const cascaderPrefixCls = getPrefixCls('cascader', customizePrefixCls);
+  const {
+    compactSize,
+    compactItemClassnames
+  } = useCompactItemContext(prefixCls, direction);
+  // =================== Dropdown ====================
+  const mergedDropdownClassName = classNames(popupClassName || dropdownClassName, `${cascaderPrefixCls}-dropdown`, {
+    [`${cascaderPrefixCls}-dropdown-rtl`]: mergedDirection === 'rtl'
+  });
+  // ==================== Search =====================
+  const mergedShowSearch = React.useMemo(() => {
+    if (!showSearch) {
+      return showSearch;
     }
-    const loadingIcon = (React.createElement("span", { className: `${prefixCls}-menu-item-loading-icon` },
-        React.createElement(Icon, { type: "loading" })));
-    // =================== Multiple ====================
-    const checkable = React.useMemo(() => (multiple ? React.createElement("span", { className: `${cascaderPrefixCls}-checkbox-inner` }) : false), [multiple]);
-    // ===================== Icons =====================
-    const mergedShowArrow = showArrow !== undefined ? showArrow : props.loading || !multiple;
-    const { suffixIcon, removeIcon, clearIcon } = getIcons(Object.assign(Object.assign({}, props), { hasFeedback,
-        feedbackIcon, showArrow: mergedShowArrow, multiple,
-        prefixCls }));
-    // ===================== Placement =====================
-    const getPlacement = () => {
-        if (placement !== undefined) {
-            return placement;
-        }
-        return direction === 'rtl'
-            ? 'bottomRight'
-            : 'bottomLeft';
+    let searchConfig = {
+      render: defaultSearchRender
     };
-    // ==================== Render =====================
-    return (React.createElement(RcCascader, Object.assign({ prefixCls: prefixCls, className: classNames(!customizePrefixCls && cascaderPrefixCls, {
-            [`${prefixCls}-lg`]: mergedSize === 'large',
-            [`${prefixCls}-sm`]: mergedSize === 'small',
-            [`${prefixCls}-rtl`]: isRtl,
-            [`${prefixCls}-borderless`]: !bordered,
-            [`${prefixCls}-in-form-item`]: isFormItemInput,
-        }, getStatusClassNames(prefixCls, mergedStatus, hasFeedback), compactItemClassnames, className), disabled: mergedDisabled }, restProps, { direction: mergedDirection, placement: getPlacement(), notFoundContent: mergedNotFoundContent, allowClear: allowClear, showSearch: mergedShowSearch, expandIcon: mergedExpandIcon, inputIcon: suffixIcon, removeIcon: removeIcon, clearIcon: clearIcon, loadingIcon: loadingIcon, checkable: checkable, dropdownClassName: mergedDropdownClassName, dropdownPrefixCls: customizePrefixCls || cascaderPrefixCls, choiceTransitionName: getTransitionName(rootPrefixCls, '', choiceTransitionName), transitionName: getTransitionName(rootPrefixCls, getTransitionDirection(placement), transitionName), getPopupContainer: getPopupContainer || getContextPopupContainer, ref: ref, showArrow: hasFeedback || showArrow })));
+    if (typeof showSearch === 'object') {
+      searchConfig = Object.assign(Object.assign({}, searchConfig), showSearch);
+    }
+    return searchConfig;
+  }, [showSearch]);
+  // ===================== Size ======================
+  const size = React.useContext(SizeContext);
+  const mergedSize = compactSize || customizeSize || size;
+  // ===================== Disabled =====================
+  const disabled = React.useContext(DisabledContext);
+  const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  // ===================== Icon ======================
+  let mergedExpandIcon = expandIcon;
+  if (!expandIcon) {
+    mergedExpandIcon = isRtl ? React.createElement(_Icon, {
+      type: "left"
+    }) : React.createElement(_Icon, {
+      type: "right"
+    });
+  }
+  const loadingIcon = React.createElement("span", {
+    className: `${prefixCls}-menu-item-loading-icon`
+  }, React.createElement(_Icon, {
+    type: "loading"
+  }));
+  // =================== Multiple ====================
+  const checkable = React.useMemo(() => multiple ? React.createElement("span", {
+    className: `${cascaderPrefixCls}-checkbox-inner`
+  }) : false, [multiple]);
+  // ===================== Icons =====================
+  const mergedShowArrow = showArrow !== undefined ? showArrow : props.loading || !multiple;
+  const {
+    suffixIcon,
+    removeIcon,
+    clearIcon
+  } = getIcons(Object.assign(Object.assign({}, props), {
+    hasFeedback,
+    feedbackIcon,
+    showArrow: mergedShowArrow,
+    multiple,
+    prefixCls
+  }));
+  // ===================== Placement =====================
+  const getPlacement = () => {
+    if (placement !== undefined) {
+      return placement;
+    }
+    return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
+  };
+  // ==================== Render =====================
+  return React.createElement(RcCascader, Object.assign({
+    prefixCls: prefixCls,
+    className: classNames(!customizePrefixCls && cascaderPrefixCls, {
+      [`${prefixCls}-lg`]: mergedSize === 'large',
+      [`${prefixCls}-sm`]: mergedSize === 'small',
+      [`${prefixCls}-rtl`]: isRtl,
+      [`${prefixCls}-borderless`]: !bordered,
+      [`${prefixCls}-in-form-item`]: isFormItemInput
+    }, getStatusClassNames(prefixCls, mergedStatus, hasFeedback), compactItemClassnames, className),
+    disabled: mergedDisabled
+  }, restProps, {
+    direction: mergedDirection,
+    placement: getPlacement(),
+    notFoundContent: mergedNotFoundContent,
+    allowClear: allowClear,
+    showSearch: mergedShowSearch,
+    expandIcon: mergedExpandIcon,
+    inputIcon: suffixIcon,
+    removeIcon: removeIcon,
+    clearIcon: clearIcon,
+    loadingIcon: loadingIcon,
+    checkable: checkable,
+    dropdownClassName: mergedDropdownClassName,
+    dropdownPrefixCls: customizePrefixCls || cascaderPrefixCls,
+    choiceTransitionName: getTransitionName(rootPrefixCls, '', choiceTransitionName),
+    transitionName: getTransitionName(rootPrefixCls, getTransitionDirection(placement), transitionName),
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    ref: ref,
+    showArrow: hasFeedback || showArrow
+  }));
 });
 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=index.js.map
+export default Cascader;

package/es/tntd-cascader/AntdCascader/interface.js

@@ -1,5 +1,4 @@
 export const tuple = (...args) => args;
 const ValidateStatuses = tuple('success', 'warning', 'error', 'validating', '');
 const SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
-const InputStatuses = tuple('warning', 'error', '');
-//# sourceMappingURL=interface.js.map
+const InputStatuses = tuple('warning', 'error', '');

package/es/tntd-cascader/index.js

@@ -1,2 +1 @@
-export { default } from './AntdCascader';
-//# sourceMappingURL=index.js.map
+export { default } from './AntdCascader';