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

package/es/_util/context.js

@@ -1,12 +1,14 @@
 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;
+export const ConfigConsumer = ConfigContext.Consumer;
+//# sourceMappingURL=context.js.map

package/es/_util/defaultRenderEmpty.js

@@ -8,24 +8,13 @@
 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;
+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

package/es/_util/hooks/useFlexGapSupport.js

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

package/es/_util/hooks/useForceUpdate.js

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

package/es/_util/motion.js

@@ -1,47 +1,38 @@
 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;
+export default collapseMotion;
+//# sourceMappingURL=motion.js.map

package/es/_util/reactNode.js

@@ -1,16 +1,15 @@
 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);
-}
+    return replaceElement(element, element, props);
+}
+//# sourceMappingURL=reactNode.js.map

package/es/_util/responsiveObserve.js

@@ -1,59 +1,58 @@
 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;
+export default responsiveObserve;
+//# sourceMappingURL=responsiveObserve.js.map

package/es/_util/styleChecker.js

@@ -4,23 +4,24 @@ export const canUseDocElement = () => canUseDom() && window.document.documentEle
 export { isStyleSupport };
 let flexGapSupported;
 export const detectFlexGapSupported = () => {
-  if (!canUseDocElement()) {
-    return false;
-  }
-  if (flexGapSupported !== undefined) {
+    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);
     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);
-  return flexGapSupported;
-};
+};
+//# sourceMappingURL=styleChecker.js.map

package/es/_util/type.js

@@ -1,3 +1,4 @@
 // 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;
+export const tupleNum = (...args) => args;
+//# sourceMappingURL=type.js.map

package/es/_util/warning.js

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

package/es/actions/index.js

@@ -1,26 +1,12 @@
 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;
+export default ProCardActions;
+//# sourceMappingURL=index.js.map

package/es/affix/index.js

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

package/es/affix/style/index.js

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+//# sourceMappingURL=index.js.map

package/es/alert/alert.js

@@ -0,0 +1,58 @@
+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;
+};
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-03-21 19:43:36
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-03-21 19:46:23
+ * @FilePath: /tntd/packages/tntd/src/alert/alert.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import React, { forwardRef } from 'react';
+import Icon from 'antd/es/icon';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import { default as AntdAlert } from 'antd/es/alert';
+import classname from 'classnames';
+export * from 'antd/es/alert';
+const prefix = 'tnt-alert';
+export const Alert = forwardRef((_a, ref) => {
+    var { action, message } = _a, rest = __rest(_a, ["action", "message"]);
+    const fragment = (React.createElement(React.Fragment, null,
+        message,
+        !!action && React.createElement("span", { className: "action-btn" }, action)));
+    const iconTheme = 'filled';
+    let iconType = 'default';
+    switch (rest === null || rest === void 0 ? void 0 : rest.type) {
+        case 'success':
+            iconType = 'check-circle';
+            break;
+        case 'info':
+            iconType = 'info-circle';
+            break;
+        case 'error':
+            iconType = 'close-circle';
+            break;
+        case 'warning':
+            iconType = 'exclamation-circle';
+            break;
+        default:
+            iconType = 'default';
+    }
+    const iconNode = rest.type ? (React.createElement(Icon, { className: `${prefix}-icon`, type: iconType, theme: iconTheme })) : null;
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        return (React.createElement(AntdAlert, Object.assign({ ref: ref }, rest, { message: fragment, icon: iconNode, className: classname(rest === null || rest === void 0 ? void 0 : rest.className, 'tnt-alert', {
+                [`${prefix}-with-action`]: action,
+            }) })));
+    }));
+});
+export default Alert;
+//# sourceMappingURL=alert.js.map

package/es/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,cAAc,eAAe,CAAA;AAS7B,MAAM,MAAM,GAAG,WAAW,CAAA;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,CAAC,EAA4B,EAAE,GAAG,EAAE,EAAE;QAArC,EAAE,MAAM,EAAE,OAAO,OAAW,EAAN,IAAI,cAA1B,qBAA4B,CAAF;IAChF,MAAM,QAAQ,GAAG,CACf;QACG,OAAO;QACP,CAAC,CAAC,MAAM,IAAI,8BAAM,SAAS,EAAC,YAAY,IAAE,MAAM,CAAQ,CACxD,CACJ,CAAA;IAED,MAAM,SAAS,GAAc,QAAQ,CAAA;IACrC,IAAI,QAAQ,GAAG,SAAS,CAAA;IAExB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;QAClB,KAAK,SAAS;YACZ,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,MAAM;YACT,QAAQ,GAAG,aAAa,CAAA;YACxB,MAAK;QACP,KAAK,OAAO;YACV,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,SAAS;YACZ,QAAQ,GAAG,oBAAoB,CAAA;YAC/B,MAAK;QACP;YACE,QAAQ,GAAG,SAAS,CAAA;KACvB;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,MAAM,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CACxE,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE,WAAW,EAAE;gBACjD,CAAC,GAAG,MAAM,cAAc,CAAC,EAAE,MAAM;aAClC,CAAC,IACF,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAmB,CAAA;AAEpB,eAAe,KAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-21 19:43:36\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 19:46:23\n * @FilePath: /tntd/packages/tntd/src/alert/alert.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { AlertProps as AntdAlertProps } from 'antd/es/alert'\nimport type { ThemeType } from 'antd/es/icon'\nimport Icon from 'antd/es/icon'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdAlert } from 'antd/es/alert'\nimport classname from 'classnames'\nexport * from 'antd/es/alert'\n\nexport interface AlertProps extends AntdAlertProps {\n  action: React.ReactNode\n}\n\ninterface AlertComponent\n  extends React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<AntdAlert>> {}\n\nconst prefix = 'tnt-alert'\n\nexport const Alert = forwardRef<AntdAlert, AlertProps>(({ action, message, ...rest }, ref) => {\n  const fragment = (\n    <>\n      {message}\n      {!!action && <span className=\"action-btn\">{action}</span>}\n    </>\n  )\n\n  const iconTheme: ThemeType = 'filled'\n  let iconType = 'default'\n\n  switch (rest?.type) {\n    case 'success':\n      iconType = 'check-circle'\n      break\n    case 'info':\n      iconType = 'info-circle'\n      break\n    case 'error':\n      iconType = 'close-circle'\n      break\n    case 'warning':\n      iconType = 'exclamation-circle'\n      break\n    default:\n      iconType = 'default'\n  }\n\n  const iconNode = rest.type ? (\n    <Icon className={`${prefix}-icon`} type={iconType} theme={iconTheme} />\n  ) : null\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return (\n          <AntdAlert\n            ref={ref}\n            {...rest}\n            message={fragment}\n            icon={iconNode}\n            className={classname(rest?.className, 'tnt-alert', {\n              [`${prefix}-with-action`]: action,\n            })}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}) as AlertComponent\n\nexport default Alert\n"]}

package/es/alert/alert.less

@@ -0,0 +1,128 @@
+@alert-prefix-cls: ~'@{ant-prefix}-alert';
+@alert-description-color: @text-color-secondary;
+@tnt-alert-prefix-cls: ~'tnt-alert';
+
+
+.@{tnt-alert-prefix-cls} {
+
+  &.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon.@{alert-prefix-cls}-closable {
+    padding-right: 30px;
+  }
+
+  &.@{tnt-alert-prefix-cls}-with-action {
+    .@{alert-prefix-cls}-message {
+      display: flex;
+      justify-content: space-between;
+        > .action-btn {
+          flex: none;
+          margin-left: 36px;
+          margin-right: 12px;
+          font-size: @font-size-base;
+        }
+    }
+  }
+
+  &.@{alert-prefix-cls} {
+    border-radius: @border-radius-lg;
+    padding: 8px 15px 8px 44px;
+    & .anticon {
+      left: 20px;
+      top: 11px; // 与文字对齐
+    }
+
+  }
+  
+  .@{alert-prefix-cls}-message {
+    font-weight: 500;
+    color: @alert-description-color;
+  }
+
+  & .@{alert-prefix-cls}-close-icon {
+    font-size: @font-size-lg;
+  }
+
+  &.@{alert-prefix-cls}-with-description {
+    padding: 16px 20px 16px 48px;
+  }
+
+  &.@{alert-prefix-cls}.@{alert-prefix-cls}-no-icon {
+    padding: 8px 20px;
+  }
+
+  &.@{alert-prefix-cls}-with-description.@{alert-prefix-cls}-no-icon {
+    padding: 16px 20px;
+  }
+
+  &.@{alert-prefix-cls}-with-description i.@{alert-prefix-cls}-icon {
+    top: 18px;
+    font-size: @font-size-xl;
+  }
+}
+
+
+.@{alert-prefix-cls}-success {
+  .action-btn {
+    background-color: @alert-success-bg-color;
+    color: @green-6;
+    a {
+      color: @green-6;
+    }
+  }
+  .@{alert-prefix-cls}-close-icon {
+    .@{iconfont-css-prefix}-close {
+      color: @alert-success-icon-color;
+    }
+  }
+}
+
+.@{alert-prefix-cls}-info {
+.action-btn {
+  background-color: @alert-info-bg-color;
+  color: @alert-info-icon-color;
+  a {
+    color: @alert-info-icon-color;
+  }
+}
+.@{alert-prefix-cls}-close-icon {
+  .@{iconfont-css-prefix}-close {
+    color: @alert-info-icon-color;
+  }
+}
+}
+
+.@{alert-prefix-cls}-warning {
+  .action-btn {
+    background-color: @alert-warning-bg-color;
+    color: @gold-7;
+    a {
+      color: @gold-7;
+    }
+  }
+  .@{alert-prefix-cls}-close-icon {
+    .@{iconfont-css-prefix}-close {
+      color: @alert-warning-icon-color;
+    }
+  }
+}
+
+.@{alert-prefix-cls}-error {
+  .action-btn {
+    background-color: @alert-error-bg-color;
+    color: @red-6;
+    a {
+      color: @red-6;
+    }
+  }
+  .@{alert-prefix-cls}-close-icon {
+    .@{iconfont-css-prefix}-close {
+      color: @alert-error-icon-color;
+    }
+  }
+}
+
+.@{alert-prefix-cls} {
+  > 
+  .@{alert-prefix-cls}-icon {
+    font-size: @font-size-lg;
+  }
+}

package/es/alert/index.js

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

package/es/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,eAAe,CAAA;AAEjC,OAAO,SAAS,CAAA;AAEhB,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA","sourcesContent":["import Alert from 'antd/es/alert'\n\nimport './style'\n\nexport * from 'antd/es/alert'\n\nexport default Alert\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,SAAS,CAAA;AAEhB,cAAc,eAAe,CAAA;AAE7B,eAAe,KAAK,CAAA","sourcesContent":["import Alert from './alert'\n\nimport './style'\n\nexport * from 'antd/es/alert'\n\nexport default Alert\n"]}

package/es/alert/style/index.js

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+//# sourceMappingURL=index.js.map

package/es/alert/style/index.less

@@ -1,5 +1,6 @@
 @import '../../style/themes/index';
 @import '../../style/mixins/index';
+@import '../alert';
 
 @alert-prefix-cls: ~'@{ant-prefix}-alert';
 

package/es/anchor/index.js

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

package/es/anchor/style/index.js

@@ -1,4 +1,5 @@
 import '../../style/index.less';
 import './index.less';
 // style dependencies
-import '../../affix/style';
+import '../../affix/style';
+//# sourceMappingURL=index.js.map