tntd 3.0.0-beta → 3.0.0-beta.1

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

@@ -1,11 +1,14 @@
 // 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';
@@ -24,135 +27,77 @@ 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;
+    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;
     }
-    if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
-      return 'combobox';
+    else if (mode === 'combobox') {
+        mergedNotFound = null;
     }
-    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;
+    else {
+        mergedNotFound = (renderEmpty || defaultRenderEmpty)('Select');
     }
-    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
-  }));
+    // ===================== 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 })));
 };
 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;
+export default TntdRcSelect;
+//# sourceMappingURL=index.js.map

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

@@ -3,50 +3,27 @@ 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));
-  });
-}
+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

package/es/tntd-select/DropDownWrap.js

@@ -1,79 +1,58 @@
 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%'
+    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,
         };
-      }
-    });
-    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
-      });
     }
-  }
-  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;
+    componentDidUpdate(prevProps) {
+        if (this.props.allHeight !== prevProps.allHeight) {
+            this.setState({ allHeight: this.props.allHeight });
         }
-        return React.cloneElement(item, {
-          style: Object.assign(Object.assign({}, item.props.style), style)
+    }
+    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' }),
         });
-      }),
-      dropdownMenuStyle: Object.assign(Object.assign({}, menu.props.dropdownMenuStyle), {
-        height: allHeight,
-        maxHeight: allHeight,
-        overflow: 'hidden'
-      })
-    });
-    return cloneMenu;
-  }
-}
+        return cloneMenu;
+    }
+}
+//# sourceMappingURL=DropDownWrap.js.map