tntd 2.7.29-beta.1 → 2.7.30

package/es/_util/context.js

@@ -1,14 +1,12 @@
 import React from 'react';
 const defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
-    if (customizePrefixCls)
-        return customizePrefixCls;
-    return `tnt-${suffixCls}`;
+  if (customizePrefixCls) return customizePrefixCls;
+  return `tnt-${suffixCls}`;
 };
 export const defaultIconPrefixCls = 'anticon';
 // zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
 export const ConfigContext = React.createContext({
-    // We provide a default function for Context without provider
-    getPrefixCls: defaultGetPrefixCls,
+  // We provide a default function for Context without provider
+  getPrefixCls: defaultGetPrefixCls
 });
-export const ConfigConsumer = ConfigContext.Consumer;
-//# sourceMappingURL=context.js.map
+export const ConfigConsumer = ConfigContext.Consumer;

package/es/_util/defaultRenderEmpty.js

@@ -8,13 +8,24 @@
 import * as React from 'react';
 import { ConfigConsumer } from './context';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
-const defaultRenderEmpty = (componentName) => (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
-    const prefix = getPrefixCls('empty');
-    return (React.createElement(LocaleReceiver, { componentName: "TntdSelect" }, (locale) => {
-        return (React.createElement("div", { className: `tntd-select-no-data-wrapper ${prefix}` },
-            React.createElement("img", { style: { width: 80, height: 50 }, src: require('../img/no-data-s.png').default }),
-            React.createElement("div", { className: "tntd-select-no-data-content" }, locale.noData)));
-    }));
-}));
-export default defaultRenderEmpty;
-//# sourceMappingURL=defaultRenderEmpty.js.map
+const defaultRenderEmpty = componentName => React.createElement(ConfigConsumer, null, ({
+  getPrefixCls
+}) => {
+  const prefix = getPrefixCls('empty');
+  return React.createElement(LocaleReceiver, {
+    componentName: "TntdSelect"
+  }, locale => {
+    return React.createElement("div", {
+      className: `tntd-select-no-data-wrapper ${prefix}`
+    }, React.createElement("img", {
+      style: {
+        width: 80,
+        height: 50
+      },
+      src: require('../img/no-data-s.png').default
+    }), React.createElement("div", {
+      className: "tntd-select-no-data-content"
+    }, locale.noData));
+  });
+});
+export default defaultRenderEmpty;

package/es/_util/hooks/useFlexGapSupport.js

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { detectFlexGapSupported } from '../styleChecker';
-export default () => {
-    const [flexible, setFlexible] = React.useState(false);
-    React.useEffect(() => {
-        setFlexible(detectFlexGapSupported());
-    }, []);
-    return flexible;
-};
-//# sourceMappingURL=useFlexGapSupport.js.map
+export default (() => {
+  const [flexible, setFlexible] = React.useState(false);
+  React.useEffect(() => {
+    setFlexible(detectFlexGapSupported());
+  }, []);
+  return flexible;
+});

package/es/_util/hooks/useForceUpdate.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
 export default function useForceUpdate() {
-    const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
-    return forceUpdate;
-}
-//# sourceMappingURL=useForceUpdate.js.map
+  const [, forceUpdate] = React.useReducer(x => x + 1, 0);
+  return forceUpdate;
+}

package/es/_util/motion.js

@@ -1,38 +1,47 @@
 import { tuple } from './type';
 // ================== Collapse Motion ==================
-const getCollapsedHeight = () => ({ height: 0, opacity: 0 });
-const getRealHeight = (node) => {
-    const { scrollHeight } = node;
-    return { height: scrollHeight, opacity: 1 };
+const getCollapsedHeight = () => ({
+  height: 0,
+  opacity: 0
+});
+const getRealHeight = node => {
+  const {
+    scrollHeight
+  } = node;
+  return {
+    height: scrollHeight,
+    opacity: 1
+  };
 };
-const getCurrentHeight = (node) => ({ height: node ? node.offsetHeight : 0 });
+const getCurrentHeight = node => ({
+  height: node ? node.offsetHeight : 0
+});
 const skipOpacityTransition = (_, event) => (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
 const collapseMotion = {
-    motionName: 'ant-motion-collapse',
-    onAppearStart: getCollapsedHeight,
-    onEnterStart: getCollapsedHeight,
-    onAppearActive: getRealHeight,
-    onEnterActive: getRealHeight,
-    onLeaveStart: getCurrentHeight,
-    onLeaveActive: getCollapsedHeight,
-    onAppearEnd: skipOpacityTransition,
-    onEnterEnd: skipOpacityTransition,
-    onLeaveEnd: skipOpacityTransition,
-    motionDeadline: 500,
+  motionName: 'ant-motion-collapse',
+  onAppearStart: getCollapsedHeight,
+  onEnterStart: getCollapsedHeight,
+  onAppearActive: getRealHeight,
+  onEnterActive: getRealHeight,
+  onLeaveStart: getCurrentHeight,
+  onLeaveActive: getCollapsedHeight,
+  onAppearEnd: skipOpacityTransition,
+  onEnterEnd: skipOpacityTransition,
+  onLeaveEnd: skipOpacityTransition,
+  motionDeadline: 500
 };
 const SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
-const getTransitionDirection = (placement) => {
-    if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {
-        return `slide-down`;
-    }
-    return `slide-up`;
+const getTransitionDirection = placement => {
+  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {
+    return `slide-down`;
+  }
+  return `slide-up`;
 };
 const getTransitionName = (rootPrefixCls, motion, transitionName) => {
-    if (transitionName !== undefined) {
-        return transitionName;
-    }
-    return `${rootPrefixCls}-${motion}`;
+  if (transitionName !== undefined) {
+    return transitionName;
+  }
+  return `${rootPrefixCls}-${motion}`;
 };
 export { getTransitionName, getTransitionDirection };
-export default collapseMotion;
-//# sourceMappingURL=motion.js.map
+export default collapseMotion;

package/es/_util/reactNode.js

@@ -1,15 +1,16 @@
 import * as React from 'react';
-export const { isValidElement } = React;
+export const {
+  isValidElement
+} = React;
 export function isFragment(child) {
-    return child && isValidElement(child) && child.type === React.Fragment;
+  return child && isValidElement(child) && child.type === React.Fragment;
 }
 export function replaceElement(element, replacement, props) {
-    if (!isValidElement(element)) {
-        return replacement;
-    }
-    return React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
+  if (!isValidElement(element)) {
+    return replacement;
+  }
+  return React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
 }
 export function cloneElement(element, props) {
-    return replaceElement(element, element, props);
-}
-//# sourceMappingURL=reactNode.js.map
+  return replaceElement(element, element, props);
+}

package/es/_util/responsiveObserve.js

@@ -1,58 +1,59 @@
 export const responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
 export const responsiveMap = {
-    xs: '(max-width: 575px)',
-    sm: '(min-width: 576px)',
-    md: '(min-width: 768px)',
-    lg: '(min-width: 992px)',
-    xl: '(min-width: 1200px)',
-    xxl: '(min-width: 1600px)',
+  xs: '(max-width: 575px)',
+  sm: '(min-width: 576px)',
+  md: '(min-width: 768px)',
+  lg: '(min-width: 992px)',
+  xl: '(min-width: 1200px)',
+  xxl: '(min-width: 1600px)'
 };
 const subscribers = new Map();
 let subUid = -1;
 let screens = {};
 const responsiveObserve = {
-    matchHandlers: {},
-    dispatch(pointMap) {
-        screens = pointMap;
-        subscribers.forEach((func) => func(screens));
-        return subscribers.size >= 1;
-    },
-    subscribe(func) {
-        if (!subscribers.size)
-            this.register();
-        subUid += 1;
-        subscribers.set(subUid, func);
-        func(screens);
-        return subUid;
-    },
-    unsubscribe(token) {
-        subscribers.delete(token);
-        if (!subscribers.size)
-            this.unregister();
-    },
-    unregister() {
-        Object.keys(responsiveMap).forEach((screen) => {
-            const matchMediaQuery = responsiveMap[screen];
-            const handler = this.matchHandlers[matchMediaQuery];
-            handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
-        });
-        subscribers.clear();
-    },
-    register() {
-        Object.keys(responsiveMap).forEach((screen) => {
-            const matchMediaQuery = responsiveMap[screen];
-            const listener = ({ matches }) => {
-                this.dispatch(Object.assign(Object.assign({}, screens), { [screen]: matches }));
-            };
-            const mql = window.matchMedia(matchMediaQuery);
-            mql.addListener(listener);
-            this.matchHandlers[matchMediaQuery] = {
-                mql,
-                listener,
-            };
-            listener(mql);
-        });
-    },
+  matchHandlers: {},
+  dispatch(pointMap) {
+    screens = pointMap;
+    subscribers.forEach(func => func(screens));
+    return subscribers.size >= 1;
+  },
+  subscribe(func) {
+    if (!subscribers.size) this.register();
+    subUid += 1;
+    subscribers.set(subUid, func);
+    func(screens);
+    return subUid;
+  },
+  unsubscribe(token) {
+    subscribers.delete(token);
+    if (!subscribers.size) this.unregister();
+  },
+  unregister() {
+    Object.keys(responsiveMap).forEach(screen => {
+      const matchMediaQuery = responsiveMap[screen];
+      const handler = this.matchHandlers[matchMediaQuery];
+      handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
+    });
+    subscribers.clear();
+  },
+  register() {
+    Object.keys(responsiveMap).forEach(screen => {
+      const matchMediaQuery = responsiveMap[screen];
+      const listener = ({
+        matches
+      }) => {
+        this.dispatch(Object.assign(Object.assign({}, screens), {
+          [screen]: matches
+        }));
+      };
+      const mql = window.matchMedia(matchMediaQuery);
+      mql.addListener(listener);
+      this.matchHandlers[matchMediaQuery] = {
+        mql,
+        listener
+      };
+      listener(mql);
+    });
+  }
 };
-export default responsiveObserve;
-//# sourceMappingURL=responsiveObserve.js.map
+export default responsiveObserve;

package/es/_util/styleChecker.js

@@ -4,24 +4,23 @@ export const canUseDocElement = () => canUseDom() && window.document.documentEle
 export { isStyleSupport };
 let flexGapSupported;
 export const detectFlexGapSupported = () => {
-    if (!canUseDocElement()) {
-        return false;
-    }
-    if (flexGapSupported !== undefined) {
-        return flexGapSupported;
-    }
-    // create flex container with row-gap set
-    const flex = document.createElement('div');
-    flex.style.display = 'flex';
-    flex.style.flexDirection = 'column';
-    flex.style.rowGap = '1px';
-    // create two, elements inside it
-    flex.appendChild(document.createElement('div'));
-    flex.appendChild(document.createElement('div'));
-    // append to the DOM (needed to obtain scrollHeight)
-    document.body.appendChild(flex);
-    flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
-    document.body.removeChild(flex);
+  if (!canUseDocElement()) {
+    return false;
+  }
+  if (flexGapSupported !== undefined) {
     return flexGapSupported;
-};
-//# sourceMappingURL=styleChecker.js.map
+  }
+  // create flex container with row-gap set
+  const flex = document.createElement('div');
+  flex.style.display = 'flex';
+  flex.style.flexDirection = 'column';
+  flex.style.rowGap = '1px';
+  // create two, elements inside it
+  flex.appendChild(document.createElement('div'));
+  flex.appendChild(document.createElement('div'));
+  // append to the DOM (needed to obtain scrollHeight)
+  document.body.appendChild(flex);
+  flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
+  document.body.removeChild(flex);
+  return flexGapSupported;
+};

package/es/_util/type.js

@@ -1,4 +1,3 @@
 // https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead
 export const tuple = (...args) => args;
-export const tupleNum = (...args) => args;
-//# sourceMappingURL=type.js.map
+export const tupleNum = (...args) => args;

package/es/_util/warning.js

@@ -1,6 +1,5 @@
 import warning, { resetWarned } from 'rc-util/lib/warning';
 export { resetWarned };
-export default (valid, component, message) => {
-    warning(valid, `[antd: ${component}] ${message}`);
-};
-//# sourceMappingURL=warning.js.map
+export default ((valid, component, message) => {
+  warning(valid, `[antd: ${component}] ${message}`);
+});

package/es/actions/index.js

@@ -1,12 +1,26 @@
 import classNames from 'classnames';
 import React from 'react';
 import './index.less';
-const ProCardActions = (props) => {
-    const { actions, prefixCls } = props;
-    if (Array.isArray(actions) && (actions === null || actions === void 0 ? void 0 : actions.length)) {
-        return (React.createElement("ul", { className: classNames(`${prefixCls}-actions`) }, actions.map((action, index) => (React.createElement("li", { style: { width: `${100 / actions.length}%`, padding: 0, margin: 0 }, key: `action-${index}`, className: classNames(`${prefixCls}-actions-item`) }, action)))));
-    }
-    return React.createElement("ul", { className: classNames(`${prefixCls}-actions`) }, actions);
+const ProCardActions = props => {
+  const {
+    actions,
+    prefixCls
+  } = props;
+  if (Array.isArray(actions) && (actions === null || actions === void 0 ? void 0 : actions.length)) {
+    return React.createElement("ul", {
+      className: classNames(`${prefixCls}-actions`)
+    }, actions.map((action, index) => React.createElement("li", {
+      style: {
+        width: `${100 / actions.length}%`,
+        padding: 0,
+        margin: 0
+      },
+      key: `action-${index}`,
+      className: classNames(`${prefixCls}-actions-item`)
+    }, action)));
+  }
+  return React.createElement("ul", {
+    className: classNames(`${prefixCls}-actions`)
+  }, actions);
 };
-export default ProCardActions;
-//# sourceMappingURL=index.js.map
+export default ProCardActions;

package/es/affix/index.js

@@ -1,5 +1,4 @@
 import Affix from 'antd/es/affix';
 import 'antd/es/affix/style';
 export * from 'antd/es/affix';
-export default Affix;
-//# sourceMappingURL=index.js.map
+export default Affix;

package/es/affix/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/affix/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/affix/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/affix/style/index.less

@@ -0,0 +1,6 @@
+@import '../../style/themes/index';
+
+.@{ant-prefix}-affix {
+  position: fixed;
+  z-index: @zindex-affix;
+}

package/es/alert/index.js

@@ -1,5 +1,4 @@
 import Alert from 'antd/es/alert';
 import 'antd/es/alert/style';
 export * from 'antd/es/alert';
-export default Alert;
-//# sourceMappingURL=index.js.map
+export default Alert;

package/es/alert/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/alert/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/alert/style/index.less

@@ -0,0 +1,188 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@alert-prefix-cls: ~'@{ant-prefix}-alert';
+
+@alert-message-color: @heading-color;
+@alert-text-color: @text-color;
+@alert-close-color: @text-color-secondary;
+@alert-close-hover-color: @icon-color-hover;
+
+.@{alert-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+  padding: 8px 15px 8px 37px;
+  word-wrap: break-word;
+  border-radius: @border-radius-base;
+
+  &&-no-icon {
+    padding: 8px 15px;
+  }
+
+  &&-closable {
+    padding-right: 30px;
+  }
+
+  &-icon {
+    position: absolute;
+    top: calc(8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2);
+    left: 16px;
+  }
+
+  &-description {
+    display: none;
+    font-size: @font-size-base;
+    line-height: 22px;
+  }
+
+  &-success {
+    background-color: @alert-success-bg-color;
+    border: @border-width-base @border-style-base @alert-success-border-color;
+    .@{alert-prefix-cls}-icon {
+      color: @alert-success-icon-color;
+    }
+  }
+
+  &-info {
+    background-color: @alert-info-bg-color;
+    border: @border-width-base @border-style-base @alert-info-border-color;
+    .@{alert-prefix-cls}-icon {
+      color: @alert-info-icon-color;
+    }
+  }
+
+  &-warning {
+    background-color: @alert-warning-bg-color;
+    border: @border-width-base @border-style-base @alert-warning-border-color;
+    .@{alert-prefix-cls}-icon {
+      color: @alert-warning-icon-color;
+    }
+  }
+
+  &-error {
+    background-color: @alert-error-bg-color;
+    border: @border-width-base @border-style-base @alert-error-border-color;
+    .@{alert-prefix-cls}-icon {
+      color: @alert-error-icon-color;
+    }
+  }
+
+  &-close-icon {
+    position: absolute;
+    top: 8px;
+    right: 16px;
+    padding: 0;
+    overflow: hidden;
+    font-size: @font-size-sm;
+    line-height: 22px;
+    background-color: transparent;
+    border: none;
+    outline: none;
+    cursor: pointer;
+
+    .@{iconfont-css-prefix}-close {
+      color: @alert-close-color;
+      transition: color 0.3s;
+      &:hover {
+        color: @alert-close-hover-color;
+      }
+    }
+  }
+
+  &-close-text {
+    color: @alert-close-color;
+    transition: color 0.3s;
+    &:hover {
+      color: @alert-close-hover-color;
+    }
+  }
+
+  &-with-description {
+    position: relative;
+    padding: 15px 15px 15px 64px;
+    color: @alert-text-color;
+    line-height: @line-height-base;
+    border-radius: @border-radius-base;
+  }
+
+  &-with-description&-no-icon {
+    padding: 15px;
+  }
+
+  &-with-description &-icon {
+    position: absolute;
+    top: 16px;
+    left: 24px;
+    font-size: 24px;
+  }
+
+  &-with-description &-close-icon {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    font-size: @font-size-base;
+    cursor: pointer;
+  }
+
+  &-with-description &-message {
+    display: block;
+    margin-bottom: 4px;
+    color: @alert-message-color;
+    font-size: @font-size-lg;
+  }
+
+  &-message {
+    color: @alert-message-color;
+  }
+
+  &-with-description &-description {
+    display: block;
+  }
+
+  &&-closing {
+    height: 0 !important;
+    margin: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    transform-origin: 50% 0;
+    transition: all 0.3s @ease-in-out-circ;
+  }
+
+  &-slide-up-leave {
+    animation: antAlertSlideUpOut 0.3s @ease-in-out-circ;
+    animation-fill-mode: both;
+  }
+
+  &-banner {
+    margin-bottom: 0;
+    border: 0;
+    border-radius: 0;
+  }
+}
+
+@keyframes antAlertSlideUpIn {
+  0% {
+    transform: scaleY(0);
+    transform-origin: 0% 0%;
+    opacity: 0;
+  }
+  100% {
+    transform: scaleY(1);
+    transform-origin: 0% 0%;
+    opacity: 1;
+  }
+}
+
+@keyframes antAlertSlideUpOut {
+  0% {
+    transform: scaleY(1);
+    transform-origin: 0% 0%;
+    opacity: 1;
+  }
+  100% {
+    transform: scaleY(0);
+    transform-origin: 0% 0%;
+    opacity: 0;
+  }
+}

package/es/anchor/index.js

@@ -1,5 +1,4 @@
 import Anchor from 'antd/es/anchor';
 import 'antd/es/anchor/style';
 export * from 'antd/es/anchor';
-export default Anchor;
-//# sourceMappingURL=index.js.map
+export default Anchor;

package/es/anchor/style/index.js

@@ -0,0 +1,4 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../affix/style';

package/es/anchor/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,qBAAqB;AACrB,OAAO,mBAAmB,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n\n// style dependencies\nimport '../../affix/style'\n"]}