tntd 2.7.27 → 2.7.29

package/es/tntd-rc-select/index.js

@@ -1,14 +1,11 @@
 // TODO: 4.0 - codemod should help to change `filterOption` to support node props.
-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 classNames from 'classnames';
 import RcSelect, { OptGroup, Option } from 'rc-select';
@@ -27,77 +24,135 @@ import { useCompactItemContext } from './_util/useCompactItemContext';
 import './style/index.less';
 const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
 const InternalSelect = (_a, ref) => {
-    var { prefixCls: customizePrefixCls, bordered = true, className, getPopupContainer, dropdownClassName, popupClassName, listHeight = 256, placement, listItemHeight = 24, size: customizeSize, disabled: customDisabled, notFoundContent, 
-    // status: customStatus,
-    showArrow } = _a, props = __rest(_a, ["prefixCls", "bordered", "className", "getPopupContainer", "dropdownClassName", "popupClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "showArrow"]);
-    const { getPopupContainer: getContextPopupContainer, getPrefixCls, renderEmpty, direction, virtual, dropdownMatchSelectWidth, } = React.useContext(ConfigContext);
-    const size = React.useContext(SizeContext);
-    const prefixCls = getPrefixCls('select', customizePrefixCls);
-    const rootPrefixCls = getPrefixCls();
-    const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
-    const mode = React.useMemo(() => {
-        const { mode: m } = props;
-        if (m === 'combobox') {
-            return undefined;
-        }
-        if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
-            return 'combobox';
-        }
-        return m;
-    }, [props.mode]);
-    const isMultiple = mode === 'multiple' || mode === 'tags';
-    const mergedShowArrow = showArrow !== undefined ? showArrow : props.loading || !(isMultiple || mode === 'combobox');
-    // =================== Warning =====================
-    warning(!dropdownClassName, 'Select', '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.');
-    // ===================== Form Status =====================
-    const { status: contextStatus, hasFeedback, isFormItemInput, feedbackIcon, } = useContext(FormItemInputContext);
-    //   const mergedStatus = getMergedStatus(contextStatus, customStatus);
-    // ===================== Empty =====================
-    let mergedNotFound;
-    if (notFoundContent !== undefined) {
-        mergedNotFound = notFoundContent;
+  var {
+      prefixCls: customizePrefixCls,
+      bordered = true,
+      className,
+      getPopupContainer,
+      dropdownClassName,
+      popupClassName,
+      listHeight = 256,
+      placement,
+      listItemHeight = 24,
+      size: customizeSize,
+      disabled: customDisabled,
+      notFoundContent,
+      // status: customStatus,
+      showArrow
+    } = _a,
+    props = __rest(_a, ["prefixCls", "bordered", "className", "getPopupContainer", "dropdownClassName", "popupClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "showArrow"]);
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    renderEmpty,
+    direction,
+    virtual,
+    dropdownMatchSelectWidth
+  } = React.useContext(ConfigContext);
+  const size = React.useContext(SizeContext);
+  const prefixCls = getPrefixCls('select', customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  const {
+    compactSize,
+    compactItemClassnames
+  } = useCompactItemContext(prefixCls, direction);
+  const mode = React.useMemo(() => {
+    const {
+      mode: m
+    } = props;
+    if (m === 'combobox') {
+      return undefined;
     }
-    else if (mode === 'combobox') {
-        mergedNotFound = null;
+    if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
+      return 'combobox';
     }
-    else {
-        mergedNotFound = (renderEmpty || defaultRenderEmpty)('Select');
+    return m;
+  }, [props.mode]);
+  const isMultiple = mode === 'multiple' || mode === 'tags';
+  const mergedShowArrow = showArrow !== undefined ? showArrow : props.loading || !(isMultiple || mode === 'combobox');
+  // =================== Warning =====================
+  warning(!dropdownClassName, 'Select', '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.');
+  // ===================== Form Status =====================
+  const {
+    status: contextStatus,
+    hasFeedback,
+    isFormItemInput,
+    feedbackIcon
+  } = useContext(FormItemInputContext);
+  //   const mergedStatus = getMergedStatus(contextStatus, customStatus);
+  // ===================== Empty =====================
+  let mergedNotFound;
+  if (notFoundContent !== undefined) {
+    mergedNotFound = notFoundContent;
+  } else if (mode === 'combobox') {
+    mergedNotFound = null;
+  } else {
+    mergedNotFound = (renderEmpty || defaultRenderEmpty)('Select');
+  }
+  // ===================== Icons =====================
+  const {
+    suffixIcon,
+    itemIcon,
+    removeIcon,
+    clearIcon
+  } = getIcons(Object.assign(Object.assign({}, props), {
+    multiple: isMultiple,
+    hasFeedback,
+    feedbackIcon,
+    showArrow: mergedShowArrow,
+    prefixCls
+  }));
+  const selectProps = omit(props, ['suffixIcon', 'itemIcon']);
+  const rcSelectRtlDropdownClassName = classNames(popupClassName || dropdownClassName, {
+    [`${prefixCls}-dropdown-${direction}`]: direction === 'rtl'
+  });
+  const mergedSize = compactSize || customizeSize || size;
+  // ===================== Disabled =====================
+  const disabled = React.useContext(DisabledContext);
+  const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  const mergedClassName = classNames({
+    [`${prefixCls}-lg`]: mergedSize === 'large',
+    [`${prefixCls}-sm`]: mergedSize === 'small',
+    [`${prefixCls}-rtl`]: direction === 'rtl',
+    [`${prefixCls}-borderless`]: !bordered,
+    [`${prefixCls}-in-form-item`]: isFormItemInput
+  },
+  // prefixCls||hasFeedback,
+  // getStatusClassNames(prefixCls, mergedStatus, hasFeedback),
+  compactItemClassnames, className);
+  // ===================== Placement =====================
+  const getPlacement = () => {
+    if (placement !== undefined) {
+      return placement;
     }
-    // ===================== Icons =====================
-    const { suffixIcon, itemIcon, removeIcon, clearIcon } = getIcons(Object.assign(Object.assign({}, props), { multiple: isMultiple, hasFeedback,
-        feedbackIcon, showArrow: mergedShowArrow, prefixCls }));
-    const selectProps = omit(props, ['suffixIcon', 'itemIcon']);
-    const rcSelectRtlDropdownClassName = classNames(popupClassName || dropdownClassName, {
-        [`${prefixCls}-dropdown-${direction}`]: direction === 'rtl',
-    });
-    const mergedSize = compactSize || customizeSize || size;
-    // ===================== Disabled =====================
-    const disabled = React.useContext(DisabledContext);
-    const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-    const mergedClassName = classNames({
-        [`${prefixCls}-lg`]: mergedSize === 'large',
-        [`${prefixCls}-sm`]: mergedSize === 'small',
-        [`${prefixCls}-rtl`]: direction === 'rtl',
-        [`${prefixCls}-borderless`]: !bordered,
-        [`${prefixCls}-in-form-item`]: isFormItemInput,
-    }, 
-    // prefixCls||hasFeedback,
-    // getStatusClassNames(prefixCls, mergedStatus, hasFeedback),
-    compactItemClassnames, className);
-    // ===================== Placement =====================
-    const getPlacement = () => {
-        if (placement !== undefined) {
-            return placement;
-        }
-        return direction === 'rtl'
-            ? 'bottomRight'
-            : 'bottomLeft';
-    };
-    return (React.createElement(RcSelect, Object.assign({ ref: ref, virtual: virtual, dropdownMatchSelectWidth: dropdownMatchSelectWidth }, selectProps, { transitionName: getTransitionName(rootPrefixCls, getTransitionDirection(placement), props.transitionName), listHeight: listHeight, listItemHeight: listItemHeight, mode: mode, prefixCls: prefixCls, placement: getPlacement(), direction: direction, inputIcon: suffixIcon, menuItemSelectedIcon: itemIcon, removeIcon: removeIcon, clearIcon: clearIcon, notFoundContent: mergedNotFound, className: mergedClassName, getPopupContainer: getPopupContainer || getContextPopupContainer, dropdownClassName: rcSelectRtlDropdownClassName, showArrow: hasFeedback || showArrow, disabled: mergedDisabled })));
+    return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
+  };
+  return React.createElement(RcSelect, Object.assign({
+    ref: ref,
+    virtual: virtual,
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth
+  }, selectProps, {
+    transitionName: getTransitionName(rootPrefixCls, getTransitionDirection(placement), props.transitionName),
+    listHeight: listHeight,
+    listItemHeight: listItemHeight,
+    mode: mode,
+    prefixCls: prefixCls,
+    placement: getPlacement(),
+    direction: direction,
+    inputIcon: suffixIcon,
+    menuItemSelectedIcon: itemIcon,
+    removeIcon: removeIcon,
+    clearIcon: clearIcon,
+    notFoundContent: mergedNotFound,
+    className: mergedClassName,
+    getPopupContainer: getPopupContainer || getContextPopupContainer,
+    dropdownClassName: rcSelectRtlDropdownClassName,
+    showArrow: hasFeedback || showArrow,
+    disabled: mergedDisabled
+  }));
 };
 const TntdRcSelect = React.forwardRef(InternalSelect);
 TntdRcSelect.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
 TntdRcSelect.Option = Option;
 TntdRcSelect.OptGroup = OptGroup;
-export default TntdRcSelect;
-//# sourceMappingURL=index.js.map
+export default TntdRcSelect;

package/es/tntd-second-page/index.js

@@ -3,27 +3,50 @@ import cn from 'classnames';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import Icon from '../icon';
 import './index.less';
-const empty = () => { };
-export default function TntdSecondPage({ title, header, toolBar = null, footer, visible, destroyOnClose, onBack = empty, mode = 'default', inTab = false, children, className, }) {
-    if (!visible && destroyOnClose) {
-        return null;
-    }
-    return (React.createElement(LocaleReceiver, { componentName: "TntdSecondPage" }, (locale) => {
-        return (React.createElement("div", { className: cn('tntd-second-page', className, {
-                'tntd-second-page-intab': inTab,
-                'tntd-second-page-absolute': mode === 'absolute',
-                'tntd-second-page-fixed': mode === 'fixed',
-                'tntd-second-page-hidden': !visible,
-            }) },
-            React.createElement("div", { className: "tntd-second-page-header" }, header ? (header) : (React.createElement(React.Fragment, null,
-                React.createElement("a", { className: "tntd-second-page-header-back", onClick: onBack },
-                    React.createElement(Icon, { type: "left" }),
-                    locale.back),
-                React.createElement("span", { className: "tntd-second-page-header-title" }, title),
-                React.createElement("div", { className: "tntd-second-page-header-toolbar" }, toolBar)))),
-            React.createElement("div", { className: "tntd-second-page-body" },
-                React.createElement("div", { className: "tntd-second-page-inner" }, children)),
-            footer && React.createElement("div", { className: "tntd-second-page-footer" }, footer)));
-    }));
-}
-//# sourceMappingURL=index.js.map
+const empty = () => {};
+export default function TntdSecondPage({
+  title,
+  header,
+  toolBar = null,
+  footer,
+  visible,
+  destroyOnClose,
+  onBack = empty,
+  mode = 'default',
+  inTab = false,
+  children,
+  className
+}) {
+  if (!visible && destroyOnClose) {
+    return null;
+  }
+  return React.createElement(LocaleReceiver, {
+    componentName: "TntdSecondPage"
+  }, locale => {
+    return React.createElement("div", {
+      className: cn('tntd-second-page', className, {
+        'tntd-second-page-intab': inTab,
+        'tntd-second-page-absolute': mode === 'absolute',
+        'tntd-second-page-fixed': mode === 'fixed',
+        'tntd-second-page-hidden': !visible
+      })
+    }, React.createElement("div", {
+      className: "tntd-second-page-header"
+    }, header ? header : React.createElement(React.Fragment, null, React.createElement("a", {
+      className: "tntd-second-page-header-back",
+      onClick: onBack
+    }, React.createElement(Icon, {
+      type: "left"
+    }), locale.back), React.createElement("span", {
+      className: "tntd-second-page-header-title"
+    }, title), React.createElement("div", {
+      className: "tntd-second-page-header-toolbar"
+    }, toolBar))), React.createElement("div", {
+      className: "tntd-second-page-body"
+    }, React.createElement("div", {
+      className: "tntd-second-page-inner"
+    }, children)), footer && React.createElement("div", {
+      className: "tntd-second-page-footer"
+    }, footer));
+  });
+}

package/es/tntd-select/DropDownWrap.js

@@ -1,58 +1,79 @@
 import React, { PureComponent } from 'react';
 export default class DropDownWrap extends PureComponent {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "getItemStyle", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (i) => {
-                const { itemHeight } = this.props;
-                return {
-                    position: 'absolute',
-                    top: itemHeight * i,
-                    height: itemHeight,
-                    width: '100%',
-                };
-            }
-        });
-        Object.defineProperty(this, "reactList", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (allHeight, startIndex, endIndex) => this.setState({ allHeight, startIndex, endIndex })
-        });
-        const { allHeight, startIndex, endIndex } = props;
-        this.state = {
-            allHeight,
-            startIndex,
-            endIndex,
+  constructor(props) {
+    super(props);
+    Object.defineProperty(this, "getItemStyle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: i => {
+        const {
+          itemHeight
+        } = this.props;
+        return {
+          position: 'absolute',
+          top: itemHeight * i,
+          height: itemHeight,
+          width: '100%'
         };
+      }
+    });
+    Object.defineProperty(this, "reactList", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: (allHeight, startIndex, endIndex) => this.setState({
+        allHeight,
+        startIndex,
+        endIndex
+      })
+    });
+    const {
+      allHeight,
+      startIndex,
+      endIndex
+    } = props;
+    this.state = {
+      allHeight,
+      startIndex,
+      endIndex
+    };
+  }
+  componentDidUpdate(prevProps) {
+    if (this.props.allHeight !== prevProps.allHeight) {
+      this.setState({
+        allHeight: this.props.allHeight
+      });
     }
-    componentDidUpdate(prevProps) {
-        if (this.props.allHeight !== prevProps.allHeight) {
-            this.setState({ allHeight: this.props.allHeight });
+  }
+  render() {
+    const {
+      menu
+    } = this.props;
+    const {
+      startIndex,
+      endIndex,
+      allHeight
+    } = this.state;
+    // 截取 Select 下拉列表中需要显示的部分
+    const cloneMenu = React.cloneElement(menu, {
+      menuItems: menu.props.menuItems.slice(startIndex, endIndex).map((item, i) => {
+        const realIndex = (startIndex || 0) + Number(i);
+        const style = this.getItemStyle(realIndex);
+        // 未搜到数据提示高度使用默认高度
+        if (item.key === 'NOT_FOUND') {
+          delete style.height;
         }
-    }
-    render() {
-        const { menu } = this.props;
-        const { startIndex, endIndex, allHeight } = this.state;
-        // 截取 Select 下拉列表中需要显示的部分
-        const cloneMenu = React.cloneElement(menu, {
-            menuItems: menu.props.menuItems.slice(startIndex, endIndex).map((item, i) => {
-                const realIndex = (startIndex || 0) + Number(i);
-                const style = this.getItemStyle(realIndex);
-                // 未搜到数据提示高度使用默认高度
-                if (item.key === 'NOT_FOUND') {
-                    delete style.height;
-                }
-                return React.cloneElement(item, {
-                    style: Object.assign(Object.assign({}, item.props.style), style),
-                });
-            }),
-            dropdownMenuStyle: Object.assign(Object.assign({}, menu.props.dropdownMenuStyle), { height: allHeight, maxHeight: allHeight, overflow: 'hidden' }),
+        return React.cloneElement(item, {
+          style: Object.assign(Object.assign({}, item.props.style), style)
         });
-        return cloneMenu;
-    }
-}
-//# sourceMappingURL=DropDownWrap.js.map
+      }),
+      dropdownMenuStyle: Object.assign(Object.assign({}, menu.props.dropdownMenuStyle), {
+        height: allHeight,
+        maxHeight: allHeight,
+        overflow: 'hidden'
+      })
+    });
+    return cloneMenu;
+  }
+}