tntd 2.8.53 → 2.8.54

package/lib/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/lib/time-picker/TimePicker.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TimePickerProps as AntdTimePickerProps } from 'antd/es/time-picker';
+export * from 'antd/es/time-picker';
+declare const TimePicker: React.FC<AntdTimePickerProps & {
+    theme?: string;
+    readonly?: boolean;
+}>;
+export default TimePicker;
+//# sourceMappingURL=TimePicker.d.ts.map

package/lib/time-picker/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../src/time-picker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAIjF,cAAc,qBAAqB,CAAA;AACnC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAqBtF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/time-picker/TimePicker.js

@@ -0,0 +1,47 @@
+"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 __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 react_1 = __importDefault(require("react"));
+const icon_1 = __importDefault(require("../icon"));
+const config_provider_1 = require("antd/es/config-provider");
+const time_picker_1 = __importDefault(require("antd/es/time-picker"));
+const classnames_1 = __importDefault(require("classnames"));
+__exportStar(require("antd/es/time-picker"), exports);
+const TimePicker = (props) => {
+    //theme样式类型 outline | fill  默认 outline
+    const { theme = 'outline', className, suffixIcon } = props, restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+    const defaultIcon = react_1.default.createElement(icon_1.default, { type: "clock-circle" });
+    return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('time-picker');
+        return (react_1.default.createElement(time_picker_1.default, Object.assign({ suffixIcon: suffixIcon || defaultIcon, className: (0, classnames_1.default)(className, `${prefixCls}-${theme}`) }, restProps)));
+    }));
+};
+exports.default = TimePicker;
+//# sourceMappingURL=TimePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/time-picker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAuC;AACvC,mDAA0B;AAE1B,6DAAwD;AACxD,sEAA+C;AAC/C,4DAAmC;AACnC,sDAAmC;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,8BAAC,cAAI,IAAC,IAAI,EAAC,cAAc,GAAG,CAAA;IAEhD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,8BAAC,qBAAa,kBACZ,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,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/lib/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/lib/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/lib/tntd-select/index.less

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "2.8.53",
+    "version": "2.8.54",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",