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

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

@@ -1,13 +1,15 @@
-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;
+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';
@@ -20,199 +22,126 @@ 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',
     });
-  }
-  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;
+    // ==================== 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" });
     }
-    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
-  }));
+    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;
+export default Cascader;
+//# sourceMappingURL=index.js.map

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

@@ -306,8 +306,7 @@
   animation-fill-mode: forwards;
   border-radius: inherit;
   bottom: 0;
-  box-shadow: 0 0 0 0 #126bfb;
-  box-shadow: 0 0 0 0 #126bfb;
+  box-shadow: 0 0 0 0 @blue-6;
   content: "";
   display: block;
   left: 0;
@@ -320,9 +319,9 @@
 
 @keyframes waveEffect {
   to {
-    box-shadow: 0 0 0 #126bfb;
-    box-shadow: 0 0 0 6px #126bfb;
-    box-shadow: 0 0 0 6px #126bfb
+    box-shadow: 0 0 0 @blue-6;
+    box-shadow: 0 0 0 6px @blue-6;
+    box-shadow: 0 0 0 6px @blue-6
   }
 }
 
@@ -1012,13 +1011,13 @@
 .tntd-cascader-checkbox-input:focus+.tntd-cascader-checkbox-inner,
 .tntd-cascader-checkbox-wrapper:hover .tntd-cascader-checkbox-inner,
 .tntd-cascader-checkbox:hover .tntd-cascader-checkbox-inner {
-  border-color: #126bfb
+  border-color: @blue-6
 }
 
 .tntd-cascader-checkbox-checked:after {
   animation: antCheckboxEffect .36s ease-in-out;
   animation-fill-mode: backwards;
-  border: 1px solid #126bfb;
+  border: 1px solid @blue-6;
   border-radius: 2px;
   content: "";
   height: 100%;
@@ -1035,7 +1034,7 @@
 }
 
 .tntd-cascader-checkbox-inner {
-  background-color: #fff;
+  background-color: @white;
   border: 1px solid @checkbox-border;
   border-collapse: initial;
   border-radius: 2px;
@@ -1050,7 +1049,7 @@
 }
 
 .tntd-cascader-checkbox-inner:after {
-  border: 1px solid #fff;
+  border: 1px solid @white;
   border-left: 0;
   border-top: 0;
   content: " ";
@@ -1079,7 +1078,7 @@
 }
 
 .tntd-cascader-checkbox-checked .tntd-cascader-checkbox-inner:after {
-  border: 1px solid #fff;
+  border: 1px solid @white;
   border-left: 0;
   border-top: 0;
   content: " ";
@@ -1091,8 +1090,8 @@
 }
 
 .tntd-cascader-checkbox-checked .tntd-cascader-checkbox-inner {
-  background-color: #126bfb;
-  border-color: #126bfb
+  background-color: @blue-6;
+  border-color: @blue-6
 }
 
 .tntd-cascader-checkbox-disabled {
@@ -1197,12 +1196,12 @@
 }
 
 .tntd-cascader-checkbox-indeterminate .tntd-cascader-checkbox-inner {
-  background-color: #fff;
+  background-color: @white;
   border-color: @checkbox-border;
 }
 
 .tntd-cascader-checkbox-indeterminate .tntd-cascader-checkbox-inner:after {
-  background-color: #126bfb;
+  background-color: @blue-6;
   border: 0;
   content: " ";
   height: 8px;
@@ -1430,7 +1429,7 @@
 }
 
 .tntd-empty-img-default-g {
-  fill: #fff
+  fill: @white
 }
 
 .tntd-empty-img-simple-ellipse {
@@ -1658,7 +1657,8 @@
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
-  user-select: none
+  user-select: none;
+  border-radius: @border-radius-lg;
 }
 
 .tntd-select-disabled.tntd-select-multiple .tntd-select-selection-item {
@@ -1821,7 +1821,7 @@
 }
 
 .tntd-select-status-error.tntd-select:not(.tntd-select-disabled):not(.tntd-select-customize-input):not(.tntd-pagination-size-changer) .tntd-select-selector {
-  background-color: #fff;
+  background-color: @white;
   border-color: @error-color !important
 }
 
@@ -1834,7 +1834,7 @@
 }
 
 .tntd-select-status-warning.tntd-select:not(.tntd-select-disabled):not(.tntd-select-customize-input):not(.tntd-pagination-size-changer) .tntd-select-selector {
-  background-color: #fff;
+  background-color: @white;
   border-color: @warning-color !important
 }
 
@@ -1876,9 +1876,9 @@
 }
 
 .tntd-select:not(.tntd-select-customize-input) .tntd-select-selector {
-  background-color: #fff;
+  background-color: @white;
   border: 1px solid @grey-d;
-  border-radius: 2px;
+  border-radius: @border-radius-base;
   position: relative;
   transition: all .3s cubic-bezier(.645, .045, .355, 1)
 }
@@ -1896,7 +1896,7 @@
 }
 
 .tntd-select-focused:not(.tntd-select-disabled).tntd-select:not(.tntd-select-customize-input) .tntd-select-selector {
-  border-color: #126bfb;
+  border-color: @blue-6;
   border-right-width: 1px;
   outline: 0
 }
@@ -1932,7 +1932,7 @@
 }
 
 .tntd-select:not(.tntd-select-disabled):hover .tntd-select-selector {
-  border-color: #126bfb;
+  border-color: @blue-6;
   border-right-width: 1px;
   cursor: pointer;
 }
@@ -2033,7 +2033,7 @@
 }
 
 .tntd-select-clear {
-  background: #fff;
+  background: @white;
   color: rgba(0, 0, 0, .25);
   cursor: pointer;
   display: inline-block;
@@ -2068,7 +2068,7 @@
 
 .tntd-select-dropdown {
   font-feature-settings: "tnum", "tnum", ;
-  background-color: #fff;
+  background-color: @white;
   border-radius: 2px;
   box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
   box-sizing: border-box;
@@ -2085,7 +2085,8 @@
   padding: 4px 0;
   position: absolute;
   top: -9999px;
-  z-index: 1050
+  z-index: 1050;
+  border-radius: @border-radius-lg;
 }
 
 .tntd-select-dropdown.tntd-slide-up-appear.tntd-slide-up-appear-active.tntd-select-dropdown-placement-bottomLeft,
@@ -2168,7 +2169,7 @@
 }
 
 .tntd-select-item-option-selected:not(.tntd-select-item-option-disabled) .tntd-select-item-option-state {
-  color: #126bfb
+  color: @blue-6
 }
 
 .tntd-select-item-option-disabled {
@@ -2322,7 +2323,7 @@
 .tntd-cascader-no-data-content{
     font-family: PingFangSC-Regular;
     font-size: 14px;
-    color: #454F64;
+    color: @border-color-secondary;
     margin-top: 6
 }
 

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

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

package/es/tntd-cascader/index.js

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