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

package/es/table/table.stories.js

@@ -1,163 +1,154 @@
 import React from 'react';
 import Tag from '../tag';
 import { Table } from './';
-const {
-  Column,
-  ColumnGroup
-} = Table;
+const { Column, ColumnGroup } = Table;
 export default {
-  component: Table,
-  title: 'Table',
-  parameters: {
-    backgrounds: {
-      default: 'gary',
-      values: [{
-        name: 'gary',
-        value: '#f1f2f5'
-      }]
-    }
-  }
+    component: Table,
+    title: 'Table',
+    parameters: {
+        backgrounds: {
+            default: 'gary',
+            values: [{ name: 'gary', value: '#f1f2f5' }],
+        },
+    },
 };
-const Template = args => React.createElement("div", {
-  style: {
-    marginTop: '20px'
-  }
-}, React.createElement(Table, Object.assign({}, args)));
+const Template = (args) => (React.createElement("div", { style: {
+        marginTop: '20px',
+    } },
+    React.createElement(Table, Object.assign({}, args))));
 export const Empty = Template.bind({});
 Empty.args = {
-  columns: [{
-    title: '姓名',
-    dataIndex: 'name',
-    key: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age',
-    key: 'age'
-  }, {
-    title: '住址',
-    dataIndex: 'address',
-    key: 'address'
-  }]
+    columns: [
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+        },
+        {
+            title: '住址',
+            dataIndex: 'address',
+            key: 'address',
+        },
+    ],
 };
 export const Loading = Template.bind({});
 Loading.args = {
-  columns: [{
-    title: '姓名',
-    dataIndex: 'name',
-    key: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age',
-    key: 'age'
-  }, {
-    title: '住址',
-    dataIndex: 'address',
-    key: 'address'
-  }],
-  loading: true
+    columns: [
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+        },
+        {
+            title: '住址',
+            dataIndex: 'address',
+            key: 'address',
+        },
+    ],
+    loading: true,
 };
 export const Default = Template.bind({});
 Default.args = {
-  columns: [{
-    title: '姓名',
-    dataIndex: 'name',
-    key: 'name'
-  }, {
-    title: '年龄',
-    dataIndex: 'age',
-    key: 'age',
-    render: cellData => React.createElement(Tag, {
-      color: "green"
-    }, cellData)
-  }, {
-    title: '住址',
-    dataIndex: 'address',
-    key: 'address'
-  }],
-  dataSource: [{
-    key: '1',
-    name: '胡彦斌',
-    age: 32,
-    address: '西湖区湖底公园1号'
-  }, {
-    key: '2',
-    name: '胡彦祖',
-    age: 42,
-    address: '西湖区湖底公园1号'
-  }],
-  pagination: {
-    total: 50,
-    position: 'bottom',
-    showSizeChanger: true,
-    showQuickJumper: true,
-    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`
-  },
-  loading: false
+    columns: [
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+            render: (cellData) => React.createElement(Tag, { color: "green" }, cellData),
+        },
+        {
+            title: '住址',
+            dataIndex: 'address',
+            key: 'address',
+        },
+    ],
+    dataSource: [
+        {
+            key: '1',
+            name: '胡彦斌',
+            age: 32,
+            address: '西湖区湖底公园1号',
+        },
+        {
+            key: '2',
+            name: '胡彦祖',
+            age: 42,
+            address: '西湖区湖底公园1号',
+        },
+    ],
+    pagination: {
+        total: 50,
+        position: 'bottom',
+        showSizeChanger: true,
+        showQuickJumper: true,
+        showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,
+    },
+    loading: false,
 };
-export const ColumnFilter = args => React.createElement("div", {
-  style: {
-    marginTop: '20px'
-  }
-}, React.createElement(Table, Object.assign({}, args), React.createElement(ColumnGroup, {
-  title: "Name"
-}, React.createElement(Column, {
-  title: "First Name",
-  dataIndex: "firstName",
-  key: "firstName"
-}), React.createElement(Column, {
-  title: "Last Name",
-  dataIndex: "lastName",
-  key: "lastName"
-})), React.createElement(Column, {
-  title: "Age",
-  dataIndex: "age",
-  key: "age"
-}), React.createElement(Column, {
-  title: "Address",
-  dataIndex: "address",
-  key: "address"
-}), React.createElement(Column, {
-  title: "Tags",
-  dataIndex: "tags",
-  key: "tags",
-  render: tags => React.createElement("span", null, tags.map(tag => React.createElement(Tag, {
-    color: "blue",
-    key: tag
-  }, tag)))
-}), React.createElement(Column, {
-  title: "Action",
-  key: "action",
-  render: (_, record) => React.createElement("span", null, React.createElement("a", null, "Invite ", record.lastName), React.createElement("a", null, "Delete"))
-})));
+export const ColumnFilter = (args) => (React.createElement("div", { style: {
+        marginTop: '20px',
+    } },
+    React.createElement(Table, Object.assign({}, args),
+        React.createElement(ColumnGroup, { title: "Name" },
+            React.createElement(Column, { title: "First Name", dataIndex: "firstName", key: "firstName" }),
+            React.createElement(Column, { title: "Last Name", dataIndex: "lastName", key: "lastName" })),
+        React.createElement(Column, { title: "Age", dataIndex: "age", key: "age" }),
+        React.createElement(Column, { title: "Address", dataIndex: "address", key: "address" }),
+        React.createElement(Column, { title: "Tags", dataIndex: "tags", key: "tags", render: (tags) => (React.createElement("span", null, tags.map((tag) => (React.createElement(Tag, { color: "blue", key: tag }, tag))))) }),
+        React.createElement(Column, { title: "Action", key: "action", render: (_, record) => (React.createElement("span", null,
+                React.createElement("a", null,
+                    "Invite ",
+                    record.lastName),
+                React.createElement("a", null, "Delete"))) }))));
 ColumnFilter.args = {
-  dataSource: [{
-    key: '1',
-    firstName: 'John',
-    lastName: 'Brown',
-    age: 32,
-    address: 'New York No. 1 Lake Park',
-    tags: ['nice', 'developer']
-  }, {
-    key: '2',
-    firstName: 'Jim',
-    lastName: 'Green',
-    age: 42,
-    address: 'London No. 1 Lake Park',
-    tags: ['loser']
-  }, {
-    key: '3',
-    firstName: 'Joe',
-    lastName: 'Black',
-    age: 32,
-    address: 'Sidney No. 1 Lake Park',
-    tags: ['cool', 'teacher']
-  }],
-  pagination: {
-    total: 50,
-    position: 'bottom',
-    showSizeChanger: true,
-    showQuickJumper: true,
-    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`
-  },
-  loading: false
-};
+    dataSource: [
+        {
+            key: '1',
+            firstName: 'John',
+            lastName: 'Brown',
+            age: 32,
+            address: 'New York No. 1 Lake Park',
+            tags: ['nice', 'developer'],
+        },
+        {
+            key: '2',
+            firstName: 'Jim',
+            lastName: 'Green',
+            age: 42,
+            address: 'London No. 1 Lake Park',
+            tags: ['loser'],
+        },
+        {
+            key: '3',
+            firstName: 'Joe',
+            lastName: 'Black',
+            age: 32,
+            address: 'Sidney No. 1 Lake Park',
+            tags: ['cool', 'teacher'],
+        },
+    ],
+    pagination: {
+        total: 50,
+        position: 'bottom',
+        showSizeChanger: true,
+        showQuickJumper: true,
+        showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,
+    },
+    loading: false,
+};
+//# sourceMappingURL=table.stories.js.map

package/es/table/total-shower.js

@@ -1,10 +1,6 @@
 import React from 'react';
 import { simpleTemplate } from '../utils';
-export const TotalShower = ({
-  total,
-  locale
-}) => {
-  return React.createElement(React.Fragment, null, simpleTemplate(locale.total, {
-    total
-  }));
-};
+export const TotalShower = ({ total, locale, }) => {
+    return React.createElement(React.Fragment, null, simpleTemplate(locale.total, { total }));
+};
+//# sourceMappingURL=total-shower.js.map

package/es/table/utils.js

@@ -1,19 +1,20 @@
 import React from 'react';
 export function normalizeColumns(elements) {
-  const columns = [];
-  React.Children.forEach(elements, element => {
-    if (!React.isValidElement(element)) {
-      return;
-    }
-    const column = Object.assign({}, element.props);
-    if (element.key) {
-      column.key = element.key;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if (element.type && element.type.__ANT_TABLE_COLUMN_GROUP) {
-      column.children = normalizeColumns(column.children);
-    }
-    columns.push(column);
-  });
-  return columns;
-}
+    const columns = [];
+    React.Children.forEach(elements, (element) => {
+        if (!React.isValidElement(element)) {
+            return;
+        }
+        const column = Object.assign({}, element.props);
+        if (element.key) {
+            column.key = element.key;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (element.type && element.type.__ANT_TABLE_COLUMN_GROUP) {
+            column.children = normalizeColumns(column.children);
+        }
+        columns.push(column);
+    });
+    return columns;
+}
+//# sourceMappingURL=utils.js.map

package/es/tabs/index.js

@@ -1,4 +1,6 @@
 import './style';
+import './tabs.less';
 import { Tabs } from './tabs';
 export * from './tabs';
-export default Tabs;
+export default Tabs;
+//# sourceMappingURL=index.js.map

package/es/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA","sourcesContent":["import './style'\nimport { Tabs } from './tabs'\n\nexport * from './tabs'\n\nexport default Tabs\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,aAAa,CAAA;AACpB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA","sourcesContent":["import './style'\nimport './tabs.less'\nimport { Tabs } from './tabs'\n\nexport * from './tabs'\n\nexport default Tabs\n"]}

package/es/tabs/style/index.js

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

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

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

package/es/tabs/style/index.less

@@ -1,6 +1,7 @@
 @import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import './card-style';
+// @import './ladder-card';
 
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
 

package/es/tabs/tabPane.js

@@ -1 +1,2 @@
-"use strict";
+"use strict";
+//# sourceMappingURL=tabPane.js.map

package/es/tabs/tabs.js

@@ -1,10 +1,13 @@
-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;
 };
 /*
  * @Author: 周泽飞 zefei.zhou@tongdun.net
@@ -14,43 +17,47 @@ var __rest = this && this.__rest || function (s, e) {
  * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdTabs } from 'antd/es/tabs';
 import { doUpperTitle } from '../utils';
+import classname from 'classnames';
 export * from 'antd/es/tabs';
 export const Tabs = forwardRef((_a, ref) => {
-  var {
-      children,
-      upperCaseIgnore
-    } = _a,
-    rest = __rest(_a, ["children", "upperCaseIgnore"]);
-  let newChildren = children;
-  if (Array.isArray(newChildren)) {
-    newChildren = newChildren === null || newChildren === void 0 ? void 0 : newChildren.map(child => {
-      var _a, _b;
-      if (React.isValidElement(child)) {
-        const upperIgnore = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.upperIgnore;
-        const tab = (_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.tab;
-        return Object.assign(Object.assign({}, child), {
-          props: Object.assign(Object.assign({}, child === null || child === void 0 ? void 0 : child.props), {
-            tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore)
-          })
+    var { children, upperCaseIgnore, type } = _a, rest = __rest(_a, ["children", "upperCaseIgnore", "type"]);
+    let newChildren = children;
+    if (Array.isArray(newChildren)) {
+        newChildren = newChildren === null || newChildren === void 0 ? void 0 : newChildren.map((child) => {
+            var _a, _b;
+            if (React.isValidElement(child)) {
+                const upperIgnore = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.upperIgnore;
+                const tab = (_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.tab;
+                return Object.assign(Object.assign({}, child), { props: Object.assign(Object.assign({}, child === null || child === void 0 ? void 0 : child.props), { tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore) }) });
+            }
+            if (typeof child === 'string') {
+                return doUpperTitle(child, upperCaseIgnore);
+            }
+            return child;
         });
-      }
-      if (typeof child === 'string') {
-        return doUpperTitle(child, upperCaseIgnore);
-      }
-      return child;
-    });
-  }
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    return React.createElement(AntdTabs, Object.assign({}, rest, {
-      children: newChildren,
-      ref: ref
+    }
+    const newType = useMemo(() => {
+        let newType = type;
+        if (type === 'ladder-card') {
+            newType = 'card';
+        }
+        else if (type === 'editable-ladder-card') {
+            newType = 'editable-card';
+        }
+        return newType;
+    }, [type]);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefix = getPrefixCls('tabs');
+        const className = classname(rest === null || rest === void 0 ? void 0 : rest.className, {
+            'tnt-tabs': true,
+            [`${prefix}-ladder-card`]: type === 'ladder-card' || type === 'editable-ladder-card'
+        });
+        return (React.createElement(AntdTabs, Object.assign({}, rest, { children: newChildren, ref: ref, type: newType, className: className })));
     }));
-  });
 });
-Tabs.TabPane = AntdTabs.TabPane;
+Tabs.TabPane = AntdTabs.TabPane;
+//# sourceMappingURL=tabs.js.map

package/es/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,cAAc,cAAc,CAAA;AAW5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,QAAQ,EAAE,eAAe,OAAW,EAAN,IAAI,cAApC,+BAAsC,CAAF;IACnC,IAAI,WAAW,GAA6B,QAAQ,CAAA;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE;;YACjE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,MAAM,WAAW,GAAY,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,WAAW,CAAA;gBACtD,MAAM,GAAG,GAA6B,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAA;gBACvD,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KACf,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,OAE9D;aACF;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;aAC5C;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAChE,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACe,CAAA;AAElB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.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 { TabsProps as AntdTabsProps } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends AntdTabsProps {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return <AntdTabs {...rest} children={newChildren} ref={ref} />\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,cAAc,cAAc,CAAA;AAY5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,OAAW,EAAN,IAAI,cAA1C,uCAA4C,CAAF;IACzC,IAAI,WAAW,GAA6B,QAAQ,CAAA;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE;;YACjE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,MAAM,WAAW,GAAY,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,WAAW,CAAA;gBACtD,MAAM,GAAG,GAA6B,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAA;gBACvD,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KACf,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,OAE9D;aACF;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;aAC5C;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;KACH;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,OAAO,GAAG,IAAI,CAAA;QAClB,IAAI,IAAI,KAAK,aAAa,EAAE;YAC1B,OAAO,GAAG,MAAM,CAAA;SACjB;aAAM,IAAI,IAAI,KAAK,sBAAsB,EAAE;YAC1C,OAAO,GAAG,eAAe,CAAA;SAC1B;QACD,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QACnC,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE;YAC3C,UAAU,EAAE,IAAI;YAChB,CAAC,GAAG,MAAM,cAAc,CAAC,EAAE,IAAI,KAAK,aAAa,IAAI,IAAI,KAAK,sBAAsB;SACrF,CAAC,CAAA;QAEF,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAmB,EACzB,SAAS,EAAE,SAAS,IACpB,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACe,CAAA;AAElB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef, useMemo } from 'react'\nimport type { TabsProps as AntdTabsProps, TabsType } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nimport classname from 'classnames'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends Omit<AntdTabsProps, 'type'> {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n  type?: TabsType | 'ladder-card' | 'editable-ladder-card'\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, type, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    const newType = useMemo(() => {\n      let newType = type\n      if (type === 'ladder-card') {\n        newType = 'card'\n      } else if (type === 'editable-ladder-card') {\n        newType = 'editable-card'\n      }      \n      return newType\n    }, [type])\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {          \n          const prefix = getPrefixCls('tabs')\n          const className = classname(rest?.className, {\n            'tnt-tabs': true,\n            [`${prefix}-ladder-card`]: type === 'ladder-card' || type === 'editable-ladder-card'\n          })\n\n          return (\n            <AntdTabs\n              {...rest}\n              children={newChildren}\n              ref={ref}\n              type={newType as TabsType}\n              className={className}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}

package/es/tabs/tabs.less

@@ -0,0 +1,114 @@
+// 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}-tab {
+    position: relative;
+    min-width: 106px;
+    height: 40px;
+    line-height: 40px;
+    border-top-left-radius: @border-radius-lg;
+    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.10));
+    box-shadow: 0px 0px 2px -5px rgba(0, 0, 0, 0.05);
+    border: none;
+    margin: 0px 30px 0px 0px;
+    padding: 0px 12px 0;
+    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');
+    }
+
+  }
+
+  .@{tab-prefix-cls}-nav {
+    margin-top: 12px;
+    padding-left: 12px;
+  }
+
+  .@{tab-prefix-cls}-nav-container {
+    height: auto;
+    position: relative;
+    left: -12px;
+    width: calc(100% + 12px);
+  }
+
+  .@{tab-prefix-cls}-bar.@{tab-prefix-cls}-top-bar.@{tab-prefix-cls}-card-bar {
+    border-bottom: none;
+    margin-bottom: 0;
+  }
+  
+      
+  // 鼠标选中时，active状态在上层
+  .@{tab-prefix-cls}-tab-active {
+    z-index: 3;
+    background: @tabs-active-background;
+  }
+
+  .@{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}-bar {
+      border-bottom: none !important;
+    }
+
+    .@{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;
+    }
+
+    .@{tab-prefix-cls}-tab:hover{
+      border-color: @border-color-secondary;
+    }
+}
+
+.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;
+    }
+  }
+}