tntd 2.8.53 → 2.8.54

package/es/tabs/tabs.less

@@ -0,0 +1,125 @@
+// Tabs 自定义梯形页签样式
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-ladder-card.@{tab-prefix-cls}-top {
+  padding: 0 12px;
+  position: relative;
+  left: -12px;
+  padding-bottom: 20px;
+
+  > .@{tab-prefix-cls}-top-bar {
+    border-bottom: none;
+    margin-bottom: 0;
+    .@{tab-prefix-cls}-tab {
+      // display: inline-block;
+      vertical-align: bottom;
+      // position: relative;
+      min-width: 106px;
+      height: 40px;
+      line-height: 40px;
+      border-top-left-radius: @border-radius-lg;
+      filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
+      box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
+      border: none;
+      margin: 0px 30px 0px 0px;
+      padding: 0px 12px 0 48px;
+      // background: @fill-color-quaternary;
+      text-align: right;
+      // color: @text-color-secondary;
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: -52px;
+        height: 100%;
+        width: 64px;
+        z-index: 1;
+        background: inherit;
+        clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
+      }
+
+      // 兼容clip-path 属性
+      @supports not (clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z')) {
+        & {
+          padding: 0px 22px 0 48px !important;
+          margin-right: 12px;
+        }
+        &::after {
+          top: 17px !important;
+          right: -54px !important;
+          width: 93px !important;
+          z-index: -1 !important;
+          height: 45px !important;
+          border-top-right-radius: 24px !important;
+          border-top-left-radius: 26px !important;
+          transform: rotate(50deg) !important;
+        }
+      }
+      @supports (clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z')) {
+        &::after {
+          clip-path: path('M0 0H22.3875C28.4632 0 34.2094 2.76179 38.0049 7.5061L64 40H0V0Z');
+        }
+      }
+    }
+    .@{tab-prefix-cls}-nav {
+      margin-top: 12px;
+      padding-left: 12px;
+    }
+    .@{tab-prefix-cls}-nav-container {
+      height: auto;
+      position: relative;
+      left: -12px;
+    }
+    // 鼠标选中时，active状态在上层
+    .@{tab-prefix-cls}-tab-active {
+      z-index: 99 !important;
+      background: @tabs-active-background;
+    }
+  }
+
+  & > .@{tab-prefix-cls}-content {
+    & > .@{tab-prefix-cls}-tabpane {
+      background: @white;
+      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
+      padding: 20px 12px 12px;
+      border-bottom-right-radius: @border-radius-lg;
+      border-bottom-left-radius: @border-radius-lg;
+      border-top-right-radius: @border-radius-lg;
+    }
+  }
+}
+
+// // Tabs top类型 全局样式修改
+.tnt-tabs.@{tab-prefix-cls}.@{tab-prefix-cls}-top.@{tab-prefix-cls}-line {
+  .@{tab-prefix-cls}-nav-container {
+    margin-bottom: none;
+  }
+
+  .@{tab-prefix-cls}-tab {
+    border-bottom: 1px solid transparent;
+    margin-bottom: 1px;
+    height: 40px;
+    line-height: 37px;
+    padding: 2px 12px 0;
+  }
+}
+
+.tnt-tabs.@{tab-prefix-cls} {
+  .@{tab-prefix-cls}-nav {
+    .@{tab-prefix-cls}-tab {
+      color: @tabs-tab-color;
+      // 自定义图标默认都是 16px
+      i.anticon {
+        font-size: @font-size-lg;
+        margin-right: 4px;
+      }
+    }
+    .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab-active {
+      color: @tabs-active-color;
+    }
+    .@{tab-prefix-cls}-tab.@{tab-prefix-cls}-tab:hover {
+      color: @tabs-hover-color;
+    }
+  }
+}

package/es/time-picker/TimePicker.js

@@ -0,0 +1,28 @@
+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 React from 'react';
+import Icon from '../icon';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntTimePicker from 'antd/es/time-picker';
+import classNames from 'classnames';
+export * from 'antd/es/time-picker';
+const TimePicker = (props) => {
+    //theme样式类型 outline | fill  默认 outline
+    const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+    const defaultIcon = React.createElement(Icon, { type: "clock-circle" });
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('time-picker');
+        return (React.createElement(AntTimePicker, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: classNames(className, `${prefixCls}-${theme}`) }, restProps)));
+    }));
+};
+export default TimePicker;
+//# sourceMappingURL=TimePicker.js.map

package/es/time-picker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/time-picker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,MAAM,UAAU,GAA2E,CACzF,KAAK,EACL,EAAE;IACF,sCAAsC;IACtC,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlE,oCAA0D,CAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,CAAA;IAEhD,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,oBAAC,aAAa,kBACZ,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport Icon from '../icon'\nimport type { TimePickerProps as AntdTimePickerProps } from 'antd/es/time-picker'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntTimePicker from 'antd/es/time-picker'\nimport classNames from 'classnames'\nexport * from 'antd/es/time-picker'\nconst TimePicker: React.FC<AntdTimePickerProps & { theme?: string; readonly?: boolean }> = (\n  props\n) => {\n  //theme样式类型 outline | fill  默认 outline\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"clock-circle\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('time-picker')\n        return (\n          <AntTimePicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default TimePicker\n"]}

package/es/time-picker/index.less

@@ -0,0 +1,38 @@
+@import '../style/themes/index';
+
+@timepicker-prefix-cls: ~'@{ant-prefix}-time-picker';
+.@{timepicker-prefix-cls} {
+  input{
+    border-color: @border-color-secondary;
+  }
+  &:has(input:not([value=''])),&:hover {
+    .@{timepicker-prefix-cls}-icon{
+      i{
+        color: @text-color-secondary;
+      }
+    }
+  }
+  &:has(input[disabled]){
+    .@{timepicker-prefix-cls}-icon{
+      i{
+        color: @disabled-color;
+      }
+    }
+  }
+  &-fill{
+    input {
+      background-color: @fill-color-quaternary;
+      border-color: @fill-color-quaternary;
+      &[disabled] {
+        border: none;
+      }
+      &:focus{
+        background-color: @white;
+      }
+      &:not([value='']):hover {
+        background-color: @white;
+      }
+    }
+  }
+}
+

package/es/tntd-action/index.less

@@ -0,0 +1,114 @@
+.tnt-action {
+  position: fixed;
+  // bottom: 100px;
+  // width: @tnt-action-width;
+  // left: calc(50vw - @tnt-action-width / 2);
+  padding: 10px 16px;
+  background-color: @text-color;
+  border-radius: @border-radius-base;
+  z-index: 200;
+  cursor: grab;
+  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px #263354 inset;
+
+  &-text {
+    color: @white;
+    margin-left: 20px;
+    font-size: 14px;
+    user-select: none;
+
+    .num {
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+      background: #454f64;
+      border-radius: 8px;
+      font-size: 10px;
+      margin-right: 4px;
+      vertical-align: text-bottom;
+      text-align: center;
+    }
+  }
+
+  >.tnt-btn-tertiary {
+    opacity: 0.5;
+    background: #454f64;
+    color: @white;
+    border-width: 0;
+    width: @tnt-action-close-width;
+    height: @tnt-action-close-width;
+    min-width: @tnt-action-close-width;
+    line-height: @tnt-action-close-width;
+    margin-top: 4px;
+    font-size: 14px;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
+  .fr {
+    float: right;
+
+    .ant-btn {
+      margin-left: 10px;
+
+      .tntd-anticon {
+        margin-right: 4px;
+      }
+    }
+
+    .ant-btn:not(.ant-btn-danger) {
+      background: rgba(69, 79, 100, 0.5);
+      color: @white;
+      border-width: 0;
+
+      &:hover {
+        background: rgba(69, 79, 100, 0.8);
+      }
+    }
+  }
+
+  &-dropdown {
+    &-btn {
+      margin-left: 8px !important;
+      border-radius: @border-radius-base !important;
+    }
+
+    .ant-dropdown-menu-item {
+      .ant-btn {
+        display: block;
+        padding: 0;
+        height: auto;
+        border: none;
+        background-color: transparent;
+        color: inherit;
+        width: calc(100% + 24px);
+        text-align: left;
+        padding: 5px 12px;
+        margin: -5px -12px;
+
+        &:hover,
+        &:active {
+          color: inherit;
+        }
+
+        &[disabled] {
+          color: @disabled-color;
+
+          &:hover,
+          &:active {
+            color: @disabled-color;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 全局设置
+.ant-btn-group:has(.tnt-action-dropdown-btn) {
+  &>.ant-btn:nth-last-child(2) {
+    border-top-right-radius: @border-radius-base;
+    border-bottom-right-radius: @border-radius-base;
+  }
+}

package/es/tntd-select/index.less

@@ -0,0 +1,7 @@
+.tntd-select-empty-container {
+  padding: 5px 12px;
+
+  & > .ant-empty > .ant-empty-image > svg {
+    width: 100%;
+  }
+}

package/lib/alert/alert.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AlertProps as AntdAlertProps } from 'antd/es/alert';
+import { default as AntdAlert } from 'antd/es/alert';
+export * from 'antd/es/alert';
+export interface AlertProps extends AntdAlertProps {
+    action: React.ReactNode;
+}
+interface AlertComponent extends React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<AntdAlert>> {
+}
+export declare const Alert: AlertComponent;
+export default Alert;
+//# sourceMappingURL=alert.d.ts.map

package/lib/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAIjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAEpD,cAAc,eAAe,CAAA;AAE7B,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CAAG;AAI7F,eAAO,MAAM,KAAK,gBAmDC,CAAA;AAEnB,eAAe,KAAK,CAAA"}

package/lib/alert/alert.js

@@ -0,0 +1,91 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+/*
+ * @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
+ */
+const react_1 = __importStar(require("react"));
+const icon_1 = __importDefault(require("antd/es/icon"));
+const config_provider_1 = require("antd/es/config-provider");
+const alert_1 = __importDefault(require("antd/es/alert"));
+const classnames_1 = __importDefault(require("classnames"));
+__exportStar(require("antd/es/alert"), exports);
+const prefix = 'tnt-alert';
+exports.Alert = (0, react_1.forwardRef)((_a, ref) => {
+    var { action, message, icon } = _a, rest = __rest(_a, ["action", "message", "icon"]);
+    const fragment = (react_1.default.createElement(react_1.default.Fragment, null,
+        message,
+        !!action && react_1.default.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 = icon ||
+        (rest.type ? react_1.default.createElement(icon_1.default, { className: `${prefix}-icon`, type: iconType, theme: iconTheme }) : null);
+    return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
+        return (react_1.default.createElement(alert_1.default, Object.assign({ ref: ref }, rest, { message: fragment, icon: iconNode, className: (0, classnames_1.default)(rest === null || rest === void 0 ? void 0 : rest.className, 'tnt-alert', {
+                [`${prefix}-with-action`]: action,
+            }) })));
+    }));
+});
+exports.default = exports.Alert;
+//# sourceMappingURL=alert.js.map

package/lib/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AAGzC,wDAA+B;AAC/B,6DAAwD;AACxD,0DAAoD;AACpD,4DAAkC;AAClC,gDAA6B;AAS7B,MAAM,MAAM,GAAG,WAAW,CAAA;AAEb,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CAAC,EAAkC,EAAE,GAAG,EAAE,EAAE;QAA3C,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,OAAW,EAAN,IAAI,cAAhC,6BAAkC,CAAF;IAC/B,MAAM,QAAQ,GAAG,CACf;QACG,OAAO;QACP,CAAC,CAAC,MAAM,IAAI,wCAAM,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,GACZ,IAAI;QACJ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,SAAS,EAAE,GAAG,MAAM,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAE9F,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,8BAAC,eAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAA,oBAAS,EAAC,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,CACgB,CAAA;AAEnB,kBAAe,aAAK,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>(\n  ({ action, message, icon, ...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 =\n      icon ||\n      (rest.type ? <Icon className={`${prefix}-icon`} type={iconType} theme={iconTheme} /> : 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  }\n) as AlertComponent\n\nexport default Alert\n"]}

package/lib/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/lib/cascader/cascader.d.ts

@@ -0,0 +1,10 @@
+import type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader';
+import AntdCascader from 'antd/es/cascader';
+import React from 'react';
+export * from 'antd/es/cascader';
+export declare type CascaderProps = AntdCascaderProps & {
+    readonly?: boolean;
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<AntdCascaderProps & React.RefAttributes<AntdCascader>, "key" | keyof AntdCascaderProps> & React.RefAttributes<unknown>>;
+export default _default;
+//# sourceMappingURL=cascader.d.ts.map

package/lib/cascader/cascader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["../../src/cascader/cascader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC1E,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAG3C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,cAAc,kBAAkB,CAAA;AAEhC,oBAAY,aAAa,GAAG,iBAAiB,GAAG;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;;AAuBD,wBAAuE"}

package/lib/cascader/cascader.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const cascader_1 = __importDefault(require("antd/es/cascader"));
+const config_provider_1 = require("antd/es/config-provider");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const connect_1 = require("../connect");
+const preview_text_1 = require("../preview-text");
+__exportStar(require("antd/es/cascader"), exports);
+const tntPrefixCls = 'tnt-cascader';
+const Cascader = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, () => {
+        return (react_1.default.createElement(cascader_1.default, Object.assign({}, rest, { ref: ref, className: (0, classnames_1.default)(className, tntPrefixCls) }), children));
+    }));
+});
+exports.default = (0, connect_1.connectReadonlyComponent)(Cascader, preview_text_1.PreviewText.Cascader);
+//# sourceMappingURL=cascader.js.map

package/lib/cascader/cascader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader.js","sourceRoot":"","sources":["../../src/cascader/cascader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,gEAA2C;AAC3C,6DAAwD;AACxD,4DAAmC;AACnC,+CAAyC;AACzC,wCAAqD;AACrD,kDAA6C;AAE7C,mDAAgC;AAShC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,IAAA,kBAAU,EACzB,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,kBAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,YAAY,CAAC,KAC7E,QAAQ,CACI,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,kBAAe,IAAA,kCAAwB,EAAC,QAAQ,EAAE,0BAAW,CAAC,QAAQ,CAAC,CAAA","sourcesContent":["import type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport AntdCascader from 'antd/es/cascader'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport classNames from 'classnames'\nimport React, { forwardRef } from 'react'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\ninterface CascaderComponent\n  extends React.ForwardRefExoticComponent<AntdCascaderProps & React.RefAttributes<AntdCascader>> {}\n\nconst tntPrefixCls = 'tnt-cascader'\n\nconst Cascader = forwardRef<AntdCascader, AntdCascaderProps>(\n  ({ className, children, ...rest }, ref) => {\n    return (\n      <ConfigConsumer>\n        {() => {\n          return (\n            <AntdCascader {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n              {children}\n            </AntdCascader>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as CascaderComponent\n\nexport default connectReadonlyComponent(Cascader, PreviewText.Cascader)\n"]}

package/lib/cascader/cascader.less

@@ -0,0 +1,16 @@
+@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
+
+.tnt-cascader {
+  .@{cascader-prefix-cls}-picker {
+    &-clear {
+      width: 16px;
+      height: 16px;
+      font-size: initial;
+      margin-top: -8px;
+    }
+    &-arrow {
+      width: 16px;
+      height: 16px;
+    }
+  }
+}