tntd 2.8.0-beta.14 → 2.8.0-beta.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/descriptions/descriptions.js +83 -40
- package/es/descriptions/descriptions.js.map +1 -1
- package/es/descriptions/descriptions.less +57 -60
- package/es/handle-icon/index.js +35 -17
- package/es/handle-icon/index.js.map +1 -1
- package/es/handle-icon/index.less +28 -15
- package/es/modal/style/modal.less +1 -1
- package/es/table/style/index.less +47 -23
- package/es/table/style_/index.js +10 -0
- package/es/table/style_/index.js.map +1 -0
- package/es/table/style_antd/index.js +10 -0
- package/es/table/style_antd/index.js.map +1 -0
- package/es/table/table.less +5 -5
- package/es/table/table.stories.js +413 -2
- package/es/table/table.stories.js.map +1 -1
- package/es/table-container/index.less +10 -10
- package/lib/descriptions/descriptions.d.ts +11 -6
- package/lib/descriptions/descriptions.d.ts.map +1 -1
- package/lib/descriptions/descriptions.js +84 -41
- package/lib/descriptions/descriptions.js.map +1 -1
- package/lib/descriptions/descriptions.less +57 -60
- package/lib/handle-icon/index.d.ts.map +1 -1
- package/lib/handle-icon/index.js +29 -10
- package/lib/handle-icon/index.js.map +1 -1
- package/lib/handle-icon/index.less +28 -15
- package/lib/modal/style/modal.less +1 -1
- package/lib/table/style/index.less +47 -23
- package/lib/table/style_/index.d.ts +9 -0
- package/lib/table/style_/index.d.ts.map +1 -0
- package/lib/table/style_/index.js +10 -0
- package/lib/table/style_/index.js.map +1 -0
- package/lib/table/style_antd/index.d.ts +9 -0
- package/lib/table/style_antd/index.d.ts.map +1 -0
- package/lib/table/style_antd/index.js +10 -0
- package/lib/table/style_antd/index.js.map +1 -0
- package/lib/table/table.less +5 -5
- package/lib/table/table.stories.d.ts +106 -29
- package/lib/table/table.stories.d.ts.map +1 -1
- package/lib/table/table.stories.js +426 -3
- package/lib/table/table.stories.js.map +1 -1
- package/lib/table-container/index.less +10 -10
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/table/table.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, Story } from '@tntd/storybook-react-storykit'\nimport React from 'react'\n\nimport Tag from '../tag'\nimport { Table, TableProps } from './'\n\nconst { Column, ColumnGroup } = Table\n\nexport default {\n component: Table,\n title: 'Table',\n parameters: {\n backgrounds: {\n default: 'gary',\n values: [{ name: 'gary', value: '#f1f2f5' }],\n },\n },\n} as Meta\n\nconst Template: Story<\n TableProps<{\n key: string\n name: string\n age: number\n address: string\n }>\n> = (args) => (\n <div\n style={{\n marginTop: '20px',\n }}\n >\n <Table {...args} />\n </div>\n)\n\nexport const Empty = Template.bind({})\n\nEmpty.args = {\n columns: [\n {\n title: '姓名',\n dataIndex: 'name',\n key: 'name',\n },\n {\n title: '年龄',\n dataIndex: 'age',\n key: 'age',\n },\n {\n title: '住址',\n dataIndex: 'address',\n key: 'address',\n },\n ],\n}\n\nexport const Loading = Template.bind({})\n\nLoading.args = {\n columns: [\n {\n title: '姓名',\n dataIndex: 'name',\n key: 'name',\n },\n {\n title: '年龄',\n dataIndex: 'age',\n key: 'age',\n },\n {\n title: '住址',\n dataIndex: 'address',\n key: 'address',\n },\n ],\n loading: true,\n}\n\nexport const Default = Template.bind({})\n\nDefault.args = {\n columns: [\n {\n title: '姓名',\n dataIndex: 'name',\n key: 'name',\n },\n {\n title: '年龄',\n dataIndex: 'age',\n key: 'age',\n render: (cellData) => <Tag color=\"green\">{cellData}</Tag>,\n },\n {\n title: '住址',\n dataIndex: 'address',\n key: 'address',\n },\n ],\n dataSource: [\n {\n key: '1',\n name: '胡彦斌',\n age: 32,\n address: '西湖区湖底公园1号',\n },\n {\n key: '2',\n name: '胡彦祖',\n age: 42,\n address: '西湖区湖底公园1号',\n },\n ],\n pagination: {\n total: 50,\n position: 'bottom',\n showSizeChanger: true,\n showQuickJumper: true,\n showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,\n },\n loading: false,\n}\n\ninterface MockData {\n key: string\n age: number\n address: string\n firstName: string\n lastName: string\n tags: string[]\n}\n\nexport const ColumnFilter: Story<TableProps<MockData>> = (args) => (\n <div\n style={{\n marginTop: '20px',\n }}\n >\n <Table {...args}>\n <ColumnGroup title=\"Name\">\n <Column title=\"First Name\" dataIndex=\"firstName\" key=\"firstName\" />\n <Column title=\"Last Name\" dataIndex=\"lastName\" key=\"lastName\" />\n </ColumnGroup>\n <Column title=\"Age\" dataIndex=\"age\" key=\"age\" />\n <Column title=\"Address\" dataIndex=\"address\" key=\"address\" />\n <Column\n title=\"Tags\"\n dataIndex=\"tags\"\n key=\"tags\"\n render={(tags: string[]) => (\n <span>\n {tags.map((tag) => (\n <Tag color=\"blue\" key={tag}>\n {tag}\n </Tag>\n ))}\n </span>\n )}\n />\n <Column\n title=\"Action\"\n key=\"action\"\n render={(_, record: MockData) => (\n <span>\n <a>Invite {record.lastName}</a>\n <a>Delete</a>\n </span>\n )}\n />\n </Table>\n </div>\n)\n\nColumnFilter.args = {\n dataSource: [\n {\n key: '1',\n firstName: 'John',\n lastName: 'Brown',\n age: 32,\n address: 'New York No. 1 Lake Park',\n tags: ['nice', 'developer'],\n },\n {\n key: '2',\n firstName: 'Jim',\n lastName: 'Green',\n age: 42,\n address: 'London No. 1 Lake Park',\n tags: ['loser'],\n },\n {\n key: '3',\n firstName: 'Joe',\n lastName: 'Black',\n age: 32,\n address: 'Sidney No. 1 Lake Park',\n tags: ['cool', 'teacher'],\n },\n ],\n pagination: {\n total: 50,\n position: 'bottom',\n showSizeChanger: true,\n showQuickJumper: true,\n showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,\n },\n loading: false,\n}\n"]}
|
|
1
|
+
{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/table/table.stories.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\n\nimport Tag from '../tag'\nimport { Table, TableProps } from '.'\n\nconst { Column, ColumnGroup } = Table\n\nexport default {\n component: Table,\n title: 'Table',\n parameters: {\n backgrounds: {\n default: 'gary',\n values: [{ name: 'gary', value: '#f1f2f5' }],\n },\n },\n}\n\nconst Template = (args) => (\n <div\n style={{\n marginTop: '20px',\n }}\n >\n <Table {...args} />\n </div>\n)\n\nexport const Empty = Template.bind({})\n\nEmpty.args = {\n columns: [\n {\n title: '姓名',\n dataIndex: 'name',\n key: 'name',\n },\n {\n title: '年龄',\n dataIndex: 'age',\n key: 'age',\n },\n {\n title: '住址',\n dataIndex: 'address',\n key: 'address',\n },\n ],\n}\n\nexport const Loading = Template.bind({})\n\nLoading.args = {\n columns: [\n {\n title: '姓名',\n dataIndex: 'name',\n key: 'name',\n },\n {\n title: '年龄',\n dataIndex: 'age',\n key: 'age',\n },\n {\n title: '住址',\n dataIndex: 'address',\n key: 'address',\n },\n ],\n loading: true,\n}\n\nexport const Default = Template.bind({})\n\nDefault.args = {\n columns: [\n {\n title: '姓名',\n dataIndex: 'name',\n key: 'name',\n },\n {\n title: '年龄',\n dataIndex: 'age',\n key: 'age',\n render: (cellData) => <Tag color=\"green\">{cellData}</Tag>,\n },\n {\n title: '住址',\n dataIndex: 'address',\n key: 'address',\n },\n ],\n dataSource: [\n {\n key: '1',\n name: '胡彦斌',\n age: 32,\n address: '西湖区湖底公园1号',\n },\n {\n key: '2',\n name: '胡彦祖',\n age: 42,\n address: '西湖区湖底公园1号',\n },\n ],\n pagination: {\n total: 50,\n position: 'bottom',\n showSizeChanger: true,\n showQuickJumper: true,\n showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,\n },\n loading: false,\n}\n\nexport const ColumnFilter = (args) => (\n <div\n style={{\n marginTop: '20px',\n }}\n >\n <Table {...args}>\n <ColumnGroup title=\"Name\">\n <Column title=\"First Name\" dataIndex=\"firstName\" key=\"firstName\" />\n <Column title=\"Last Name\" dataIndex=\"lastName\" key=\"lastName\" />\n </ColumnGroup>\n <Column title=\"Age\" dataIndex=\"age\" key=\"age\" />\n <Column title=\"Address\" dataIndex=\"address\" key=\"address\" />\n <Column\n title=\"Tags\"\n dataIndex=\"tags\"\n key=\"tags\"\n render={(tags) => (\n <span>\n {tags.map((tag) => (\n <Tag color=\"blue\" key={tag}>\n {tag}\n </Tag>\n ))}\n </span>\n )}\n />\n <Column\n title=\"Action\"\n key=\"action\"\n render={(_, record) => (\n <span>\n <a>Invite {record.lastName}</a>\n <a>Delete</a>\n </span>\n )}\n />\n </Table>\n </div>\n)\n\nColumnFilter.args = {\n dataSource: [\n {\n key: '1',\n firstName: 'John',\n lastName: 'Brown',\n age: 32,\n address: 'New York No. 1 Lake Park',\n tags: ['nice', 'developer'],\n },\n {\n key: '2',\n firstName: 'Jim',\n lastName: 'Green',\n age: 42,\n address: 'London No. 1 Lake Park',\n tags: ['loser'],\n },\n {\n key: '3',\n firstName: 'Joe',\n lastName: 'Black',\n age: 32,\n address: 'Sidney No. 1 Lake Park',\n tags: ['cool', 'teacher'],\n },\n ],\n pagination: {\n total: 50,\n position: 'bottom',\n showSizeChanger: true,\n showQuickJumper: true,\n showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,\n },\n loading: false,\n}\n\nexport const All = () => {\n const dataSource = [\n {\n key: '1',\n name: '胡彦斌',\n age: 32,\n address: '西湖区湖底公园1号',\n },\n {\n key: '2',\n name: '胡彦祖',\n age: 42,\n address: '西湖区湖底公园1号',\n },\n ]\n const dataSource2 = [\n {\n key: 1,\n name: 'John Brown sr.',\n age: 60,\n address: 'New York No. 1 Lake Park',\n children: [\n {\n key: 11,\n name: 'John Brown',\n age: 42,\n address: 'New York No. 2 Lake Park',\n },\n {\n key: 12,\n name: 'John Brown jr.',\n age: 30,\n address: 'New York No. 3 Lake Park',\n children: [\n {\n key: 121,\n name: 'Jimmy Brown',\n age: 16,\n address: 'New York No. 3 Lake Park',\n },\n ],\n },\n {\n key: 13,\n name: 'Jim Green sr.',\n age: 72,\n address: 'London No. 1 Lake Park',\n children: [\n {\n key: 131,\n name: 'Jim Green',\n age: 42,\n address: 'London No. 2 Lake Park',\n children: [\n {\n key: 1311,\n name: 'Jim Green jr.',\n age: 25,\n address: 'London No. 3 Lake Park',\n },\n {\n key: 1312,\n name: 'Jimmy Green sr.',\n age: 18,\n address: 'London No. 4 Lake Park',\n },\n ],\n },\n ],\n },\n ],\n },\n {\n key: 2,\n name: 'Joe Black',\n age: 32,\n address: 'Sidney No. 1 Lake Park',\n },\n ]\n const dataSource3 = []\n for (let i = 0; i < 100; i++) {\n dataSource3.push({\n key: i,\n name: `Edward King ${i}`,\n age: 32,\n address: `London, Park Lane no. ${i}`,\n })\n }\n\n const columns = [\n {\n title: '姓名',\n dataIndex: 'name',\n key: 'name',\n },\n {\n title: '年龄',\n dataIndex: 'age',\n key: 'age',\n },\n {\n title: '住址',\n dataIndex: 'address',\n key: 'address',\n },\n ]\n // const columns2 = [\n // {\n // title: 'Full Name',\n // width: 100,\n // dataIndex: 'name',\n // key: 'name',\n // fixed: 'left',\n // },\n // {\n // title: 'Age',\n // width: 100,\n // dataIndex: 'age',\n // key: 'age',\n // fixed: 'left',\n // },\n // { title: 'Column 1', dataIndex: 'address', key: '1' },\n // { title: 'Column 2', dataIndex: 'address', key: '2' },\n // { title: 'Column 3', dataIndex: 'address', key: '3' },\n // { title: 'Column 4', dataIndex: 'address', key: '4' },\n // { title: 'Column 5', dataIndex: 'address', key: '5' },\n // { title: 'Column 6', dataIndex: 'address', key: '6' },\n // { title: 'Column 7', dataIndex: 'address', key: '7' },\n // { title: 'Column 8', dataIndex: 'address', key: '8' },\n // {\n // title: 'Action',\n // key: 'operation',\n // fixed: 'right',\n // width: 100,\n // render: () => <a>action</a>,\n // },\n // ]\n const columns1 = [\n { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n ]\n const columns2 = [\n { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n ]\n const columns3 = [\n { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n ]\n const columns4 = [\n { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n ]\n const style = { marginBottom: 20 }\n const propsMap = {\n bordered: [true, false],\n // bordered: [true],\n showCellBorders: [true, false],\n // showCellBorders: [true],\n striped: [true, false],\n shadowed: [true, false],\n // scroll: [{ x: 1600 }, { y: 240 }, { x: 1600, y: 300 }],\n scroll: [{ x: 1600 }, { x: 1600, y: 300 }],\n columns: [columns1, columns2, columns3, columns4],\n // size: ['default', 'middle', 'small'],\n size: ['default'],\n dataSource: [dataSource3, []],\n // dataSource: [[]],\n }\n const propsList = Object.keys(propsMap).reduce((arr, key) => {\n const data = propsMap[key]\n if (arr.length === 0) {\n return data.map((value) => ({ [key]: value }))\n } else {\n let back = []\n for (let i = 0; i < data.length; i++) {\n const value = data[i]\n for (let j = 0; j < arr.length; j++) {\n const item = arr[j]\n back.push({ ...item, [key]: value })\n }\n }\n return back\n }\n }, [])\n\n return (\n <div style={{ background: '#fff', padding: 20 }}>\n {propsList.map((props, i) => (\n <Table {...props} key={i} style={style} pagination={{ pageSize: 5 }} />\n ))}\n {/* <Table\n dataSource={dataSource}\n columns={columns}\n rowSelection={{\n onChange: (selectedRowKeys, selectedRows) => {\n console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n },\n }}\n style={style}\n />\n <Table dataSource={[]} columns={columns} style={style} />\n\n <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} />\n\n <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} />\n\n <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} bordered />\n\n <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} bordered />\n\n <Table\n columns={columns}\n dataSource={dataSource}\n bordered\n title={() => 'Header'}\n footer={() => 'Footer'}\n style={style}\n />\n\n <Table\n columns={columns}\n dataSource={[]}\n bordered\n title={() => 'Header'}\n footer={() => 'Footer'}\n style={style}\n />\n\n <Table columns={columns} dataSource={dataSource} bordered style={style} />\n\n <Table columns={columns} dataSource={[]} bordered style={style} />\n\n <Table columns={columns} dataSource={dataSource} shadowed style={style} />\n\n <Table columns={columns} dataSource={[]} shadowed style={style} />\n\n <Table\n columns={columns}\n expandedRowRender={(record) => <p style={{ margin: 0 }}>{record.address}</p>}\n dataSource={dataSource}\n style={style}\n />\n\n <Table columns={columns} dataSource={dataSource} bordered showCellBorders style={style} />\n\n <Table\n columns={columns}\n rowSelection={{\n onChange: (selectedRowKeys, selectedRows) => {\n console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n },\n }}\n dataSource={dataSource2}\n style={style}\n />\n\n <Table\n columns={columns}\n dataSource={dataSource3}\n pagination={{ pageSize: 50 }}\n scroll={{ y: 240 }}\n style={style}\n />\n\n <Table columns={columns2} dataSource={dataSource3} scroll={{ x: 1300 }} style={style} />\n\n <Table\n columns={columns3}\n dataSource={dataSource3}\n scroll={{ x: 1500, y: 300 }}\n style={style}\n />\n\n <Table\n columns={columns2}\n dataSource={dataSource3}\n scroll={{ x: 1300 }}\n bordered\n style={style}\n pagination={{ pageSize: 5 }}\n />\n\n <Table\n columns={columns2}\n dataSource={dataSource3}\n scroll={{ x: 1300 }}\n bordered\n showCellBorders\n style={style}\n pagination={{ pageSize: 5 }}\n /> */}\n </div>\n )\n}\nAll.args = {}\n\n/*\nbordered 边框 2\nstriped 斑马线 2\nshadowed 阴影 2\nshowCellBorders 单元格边框 2\nscroll 滚动 3\nfixed 是否固定 3\nsize: 3\n*/\n"]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
.tnt-table-v-container.tnt-current-v3 {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
border-radius: 16px;
|
|
3
|
+
background: #fff !important;
|
|
4
|
+
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
|
|
5
|
+
padding: 20px 16px 16px 16px;
|
|
6
|
+
max-height: calc(-84px + 100vh) !important;
|
|
7
|
+
overflow-y: auto;
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
.tnt-querylistscene-content {
|
|
10
|
+
padding: 0;
|
|
11
|
+
background: transparent;
|
|
12
|
+
}
|
|
13
13
|
}
|
|
@@ -4,16 +4,21 @@ import type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/li
|
|
|
4
4
|
import { default as AntdDescriptions } from 'antd/lib/descriptions';
|
|
5
5
|
export * from 'antd/lib/descriptions';
|
|
6
6
|
export interface DescriptionsProps extends AntdDescriptionsProps {
|
|
7
|
-
tdType
|
|
8
|
-
ellipsis
|
|
9
|
-
|
|
7
|
+
tdType?: boolean;
|
|
8
|
+
ellipsis?: boolean;
|
|
9
|
+
ellipsisLine?: number;
|
|
10
|
+
hideTooltip?: boolean;
|
|
11
|
+
undoUpper?: boolean;
|
|
12
|
+
upperCaseIgnore?: Array<string>;
|
|
13
|
+
titleType?: string;
|
|
14
|
+
titleWeight?: boolean;
|
|
10
15
|
}
|
|
11
16
|
export interface DescriptionsItemProps extends AntdDescriptionsItemProps {
|
|
12
|
-
|
|
13
|
-
theme: string;
|
|
17
|
+
labelPrefix?: React.ReactNode;
|
|
14
18
|
}
|
|
19
|
+
declare const DescriptionsItem: React.FC<DescriptionsItemProps>;
|
|
15
20
|
interface DescriptionsComponent extends React.ForwardRefExoticComponent<DescriptionsProps & React.RefAttributes<AntdDescriptions>> {
|
|
16
|
-
Item: typeof
|
|
21
|
+
Item: typeof DescriptionsItem;
|
|
17
22
|
}
|
|
18
23
|
export declare const Descriptions: DescriptionsComponent;
|
|
19
24
|
//# sourceMappingURL=descriptions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AACtF,OAAO,KAAK,EAAE,qBAAqB,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAI9F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAMlE,cAAc,sBAAsB,CAAA;AAEpC,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAED,OAAO,CAAC,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAA;AAC/D,UAAU,qBACR,SAAQ,KAAK,CAAC,yBAAyB,CACrC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC1D;IACD,IAAI,EAAE,OAAO,gBAAgB,CAAA;CAC9B;AAED,eAAO,MAAM,YAAY,uBA2IC,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -9,8 +8,8 @@ var _exportNames = {
|
|
|
9
8
|
};
|
|
10
9
|
exports.Descriptions = void 0;
|
|
11
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
require("antd/lib/locale-provider/LocaleReceiver");
|
|
13
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
+
var _toArray = _interopRequireDefault(require("rc-util/es/Children/toArray"));
|
|
14
13
|
var _configProvider = require("antd/lib/config-provider");
|
|
15
14
|
var _descriptions = _interopRequireWildcard(require("antd/lib/descriptions"));
|
|
16
15
|
Object.keys(_descriptions).forEach(function (key) {
|
|
@@ -25,9 +24,15 @@ Object.keys(_descriptions).forEach(function (key) {
|
|
|
25
24
|
});
|
|
26
25
|
});
|
|
27
26
|
var _ellipsis = _interopRequireDefault(require("../ellipsis"));
|
|
27
|
+
var _utils = require("../utils");
|
|
28
|
+
var _prevLocale = require("../prev-locale");
|
|
28
29
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
30
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
30
31
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
32
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
33
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
34
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
35
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
31
36
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
32
37
|
var t = {};
|
|
33
38
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
@@ -38,9 +43,9 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
38
43
|
};
|
|
39
44
|
/*
|
|
40
45
|
* @Author: 周泽飞 zefei.zhou@tongdun.net
|
|
41
|
-
* @Date:
|
|
46
|
+
* @Date: 2024-06-08 11:59:04
|
|
42
47
|
* @LastEditors: 周泽飞 zefei.zhou@tongdun.net
|
|
43
|
-
* @LastEditTime: 2024-
|
|
48
|
+
* @LastEditTime: 2024-06-08 13:39:25
|
|
44
49
|
* @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx
|
|
45
50
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
46
51
|
*/
|
|
@@ -49,53 +54,91 @@ var Descriptions = exports.Descriptions = (0, _react.forwardRef)(function (_a, r
|
|
|
49
54
|
var className = _a.className,
|
|
50
55
|
_a$tdType = _a.tdType,
|
|
51
56
|
tdType = _a$tdType === void 0 ? true : _a$tdType,
|
|
52
|
-
|
|
57
|
+
titleWeight = _a.titleWeight,
|
|
58
|
+
titleType = _a.titleType,
|
|
53
59
|
colon = _a.colon,
|
|
54
60
|
children = _a.children,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
+
_a$undoUpper = _a.undoUpper,
|
|
62
|
+
undoUpper = _a$undoUpper === void 0 ? false : _a$undoUpper,
|
|
63
|
+
_a$upperCaseIgnore = _a.upperCaseIgnore,
|
|
64
|
+
upperCaseIgnore = _a$upperCaseIgnore === void 0 ? [] : _a$upperCaseIgnore,
|
|
65
|
+
title = _a.title,
|
|
66
|
+
rest = __rest(_a, ["className", "tdType", "titleWeight", "titleType", "colon", "children", "undoUpper", "upperCaseIgnore", "title"]);
|
|
67
|
+
return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
|
|
68
|
+
var getPrefixCls = _ref.getPrefixCls;
|
|
69
|
+
var prefixCls = getPrefixCls('descriptions');
|
|
70
|
+
var _ref2 = rest || {},
|
|
71
|
+
layout = _ref2.layout,
|
|
72
|
+
ellipsis = _ref2.ellipsis,
|
|
73
|
+
_ref2$ellipsisLine = _ref2.ellipsisLine,
|
|
74
|
+
ellipsisLine = _ref2$ellipsisLine === void 0 ? 1 : _ref2$ellipsisLine,
|
|
75
|
+
_ref2$hideTooltip = _ref2.hideTooltip,
|
|
76
|
+
hideTooltip = _ref2$hideTooltip === void 0 ? false : _ref2$hideTooltip,
|
|
77
|
+
bordered = _ref2.bordered;
|
|
61
78
|
// 非垂直 且 同盾
|
|
62
79
|
var tdDescriptions = layout !== 'vertical' && tdType;
|
|
63
|
-
var
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
if (type && type === _react["default"].Fragment) {
|
|
68
|
-
return _react["default"].Children.map(props.children, function (child) {
|
|
69
|
-
return decorateNoBorderChild(child);
|
|
70
|
-
});
|
|
71
|
-
} else {
|
|
72
|
-
var label = props.label;
|
|
73
|
-
return _react["default"].createElement("div", null, _react["default"].createElement(_ellipsis["default"], {
|
|
74
|
-
className: "tntd-description-item",
|
|
75
|
-
prefix: _react["default"].createElement("div", {
|
|
76
|
-
className: "tntd-description-label-title"
|
|
77
|
-
}, label),
|
|
78
|
-
title: element
|
|
79
|
-
}));
|
|
80
|
-
}
|
|
80
|
+
var tntPrefixCls = 'tnt-descriptions';
|
|
81
|
+
var flattenChildren = function flattenChildren(children) {
|
|
82
|
+
if (!children) {
|
|
83
|
+
return [];
|
|
81
84
|
}
|
|
82
|
-
return
|
|
85
|
+
return (0, _toArray["default"])(children).reduce(function (flatChildren, child) {
|
|
86
|
+
if (child && child.type === _react["default"].Fragment) {
|
|
87
|
+
return flatChildren.concat(flattenChildren(child.props.children));
|
|
88
|
+
}
|
|
89
|
+
flatChildren.push(child);
|
|
90
|
+
return flatChildren;
|
|
91
|
+
}, []);
|
|
83
92
|
};
|
|
93
|
+
children = flattenChildren(children);
|
|
84
94
|
return _react["default"].createElement(_descriptions["default"], Object.assign({
|
|
85
|
-
className: (0, _classnames["default"])("
|
|
86
|
-
|
|
87
|
-
}, {
|
|
88
|
-
'tntd-descriptions': tdDescriptions
|
|
89
|
-
}, {
|
|
90
|
-
'tntd-descriptions-ellipsis': ellipsis
|
|
91
|
-
}, className)
|
|
95
|
+
className: (0, _classnames["default"])("".concat(prefixCls, "-").concat((0, _prevLocale.getLanguage)()), _defineProperty({}, tntPrefixCls, tdDescriptions), "".concat(tntPrefixCls, "-title-theme").concat(titleType ? '-' + titleType : ''), _defineProperty({}, tntPrefixCls + '-title-weight', titleWeight), _defineProperty({}, tntPrefixCls + '-ellipsis', ellipsis), className),
|
|
96
|
+
title: undoUpper ? title : (0, _utils.doUpperTitle)(title, upperCaseIgnore)
|
|
92
97
|
}, rest, {
|
|
93
|
-
colon: tdDescriptions
|
|
94
|
-
|
|
98
|
+
colon: tdDescriptions ? false : colon,
|
|
99
|
+
ref: ref
|
|
100
|
+
}), tdDescriptions && !bordered && !hideTooltip && _react["default"].Children.map(children, function (child) {
|
|
101
|
+
if (_react["default"].isValidElement(child)) {
|
|
102
|
+
var childProps = child.props || {};
|
|
103
|
+
var label = childProps.label,
|
|
104
|
+
labelPrefix = childProps.labelPrefix,
|
|
105
|
+
childContext = childProps.children;
|
|
106
|
+
return _react["default"].createElement("div", null, _react["default"].createElement(_ellipsis["default"], {
|
|
107
|
+
lines: ellipsisLine,
|
|
108
|
+
className: "tnt-descriptions-item",
|
|
109
|
+
prefix: _react["default"].createElement("div", {
|
|
110
|
+
className: "tnt-descriptions-label-title"
|
|
111
|
+
}, _react["default"].createElement(_ellipsis["default"], {
|
|
112
|
+
prefix: labelPrefix ? _react["default"].createElement("span", {
|
|
113
|
+
className: "tnt-descriptions-label-tag"
|
|
114
|
+
}, labelPrefix) : null,
|
|
115
|
+
lines: ellipsisLine,
|
|
116
|
+
title: label
|
|
117
|
+
})),
|
|
118
|
+
title: childContext
|
|
119
|
+
}));
|
|
120
|
+
}
|
|
121
|
+
}), tdDescriptions && bordered && ellipsis && !hideTooltip && _react["default"].Children.map(children, function (child) {
|
|
95
122
|
if (_react["default"].isValidElement(child)) {
|
|
96
|
-
|
|
123
|
+
var childProps = child.props || {};
|
|
124
|
+
var label = childProps.label,
|
|
125
|
+
labelPrefix = childProps.labelPrefix,
|
|
126
|
+
childContext = childProps.children;
|
|
127
|
+
return _react["default"].cloneElement(child, Object.assign(Object.assign({}, child.props), {
|
|
128
|
+
label: _react["default"].createElement(_ellipsis["default"], {
|
|
129
|
+
prefix: labelPrefix ? _react["default"].createElement("span", {
|
|
130
|
+
className: "tnt-descriptions-label-tag"
|
|
131
|
+
}, labelPrefix) : null,
|
|
132
|
+
lines: ellipsisLine,
|
|
133
|
+
title: label
|
|
134
|
+
}),
|
|
135
|
+
children: _react["default"].createElement(_ellipsis["default"], {
|
|
136
|
+
lines: ellipsisLine,
|
|
137
|
+
title: childContext
|
|
138
|
+
})
|
|
139
|
+
}));
|
|
97
140
|
}
|
|
98
|
-
})
|
|
141
|
+
}), (!tdDescriptions || bordered && !ellipsis || hideTooltip) && children);
|
|
99
142
|
});
|
|
100
143
|
});
|
|
101
144
|
Descriptions.Item = _descriptions["default"].Item;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AACzC,kDAAmE;AAGnE,4DAAmC;AACnC,6DAAwD;AACxD,wEAAkE;AAElE,2DAAkC;AAElC,uDAAoC;AAoBvB,QAAA,YAAY,GAAG,IAAA,kBAAU,EAGpC,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA3D,qDAA6D,CAAF;IAC5D,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;QACjD,aAAa;QACb,MAAM,cAAc,GAAG,MAAM,KAAK,UAAU,IAAI,MAAM,CAAA;QAEtD,MAAM,qBAAqB,GAAG,CAAC,OAA2B,EAAsB,EAAE;YAChF,IAAI,eAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBACjC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,OAAmC,CAAA;gBAC3D,IAAI,IAAI,IAAI,IAAI,KAAK,eAAK,CAAC,QAAQ,EAAE;oBACnC,OAAO,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClD,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAA;oBACrC,CAAC,CAAC,CAAA;iBACH;qBAAM;oBACL,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;oBACvB,OAAO,CACL;wBACE,8BAAC,kBAAQ,IACP,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAE,uCAAK,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAO,EACnE,KAAK,EAAE,OAAO,GACd,CACE,CACP,CAAA;iBACF;aACF;YACD,OAAO,OAAO,CAAA;QAChB,CAAC,CAAA;QAED,OAAO,CACL,8BAAC,sBAAgB,kBACf,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,EACjD;gBACE,6BAA6B,EAAE,CAAC,QAAQ;aACzC,EACD;gBACE,mBAAmB,EAAE,cAAc;aACpC,EACD;gBACE,4BAA4B,EAAE,QAAQ;aACvC,EACD,SAAS,CACV,IACG,IAAI,IACR,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,KAGjD,cAAc,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBACrC,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;oBAC/B,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAA;iBACpC;YACH,CAAC,CAAC;YACJ,CAAC,CAAC,QAAQ,CACK,CACpB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAA0B,CAAA;AAE3B,oBAAY,CAAC,IAAI,GAAG,sBAAgB,CAAC,IAAI,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-05-05 15:48:09\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-01-18 15:27:45\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { DescriptionsProps as AntdDescriptionsProps } from 'antd/lib/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/lib/descriptions'\nimport classNames from 'classnames'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdDescriptions } from 'antd/lib/descriptions'\n\nimport Ellipsis from '../ellipsis'\n\nexport * from 'antd/lib/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n tdType: boolean\n ellipsis: boolean\n theme: string\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n tdType: boolean\n theme: string\n}\n\ninterface DescriptionsComponent\n extends React.ForwardRefExoticComponent<\n DescriptionsProps & React.RefAttributes<AntdDescriptions>\n > {\n Item: typeof AntdDescriptions.Item\n}\n\nexport const Descriptions = forwardRef<\n AntdDescriptions,\n DescriptionsProps & { capitalize?: boolean }\n>(({ className, tdType = true, theme, colon, children, ...rest }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n const { layout, ellipsis, bordered } = rest || {}\n // 非垂直 且 同盾\n const tdDescriptions = layout !== 'vertical' && tdType\n\n const decorateNoBorderChild = (element: React.ReactElement): React.ReactElement => {\n if (React.isValidElement(element)) {\n const { type, props } = element as React.ReactElement | any\n if (type && type === React.Fragment) {\n return React.Children.map(props.children, (child) => {\n return decorateNoBorderChild(child)\n })\n } else {\n const { label } = props\n return (\n <div>\n <Ellipsis\n className=\"tntd-description-item\"\n prefix={<div className=\"tntd-description-label-title\">{label}</div>}\n title={element}\n />\n </div>\n )\n }\n }\n return element\n }\n\n return (\n <AntdDescriptions\n className={classNames(\n `theme-${theme || (bordered ? 'line' : 'block')}`,\n {\n 'tntd-descriptions-no-border': !bordered,\n },\n {\n 'tntd-descriptions': tdDescriptions,\n },\n {\n 'tntd-descriptions-ellipsis': ellipsis,\n },\n className\n )}\n {...rest}\n colon={tdDescriptions && !bordered ? false : colon}\n >\n {/* 非边框的同盾内置样式 */}\n {tdDescriptions && !bordered\n ? React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return decorateNoBorderChild(child)\n }\n })\n : children}\n </AntdDescriptions>\n )\n }}\n </ConfigConsumer>\n )\n}) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}
|
|
1
|
+
{"version":3,"file":"descriptions.js","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AAGzC,4DAAmC;AACnC,0EAAiD;AACjD,6DAAwD;AACxD,wEAAkE;AAElE,2DAAkC;AAClC,oCAAuC;AACvC,gDAA4C;AAE5C,uDAAoC;AAyBvB,QAAA,YAAY,GAAG,IAAA,kBAAU,EAIpC,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,MAAM,GAAG,IAAI,EACb,WAAW,EACX,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,EAAE,EACpB,KAAK,OAEN,EADI,IAAI,cAVT,iHAWC,CADQ;IAIT,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;QAC9C,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE,CAAA;QACxF,aAAa;QACb,MAAM,cAAc,GAAG,MAAM,KAAK,UAAU,IAAI,MAAM,CAAA;QAEtD,MAAM,YAAY,GAAG,kBAAkB,CAAA;QAEvC,MAAM,eAAe,GAAG,CAAC,QAAyB,EAAqB,EAAE;YACvE,IAAI,CAAC,QAAQ,EAAE;gBACb,OAAO,EAAE,CAAA;aACV;YACD,OAAO,IAAA,iBAAO,EAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAC9B,YAA+B,EAC/B,KAAsB;gBAEtB,IAAI,KAAK,IAAK,KAAa,CAAC,IAAI,KAAK,eAAK,CAAC,QAAQ,EAAE;oBACnD,OAAO,YAAY,CAAC,MAAM,CAAC,eAAe,CAAE,KAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;iBAC3E;gBAED,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBACxB,OAAO,YAAY,CAAA;YACrB,CAAC,EACD,EAAE,CAAC,CAAA;QACL,CAAC,CAAA;QAED,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;QAEpC,OAAO,CACL,8BAAC,sBAAgB,kBACf,SAAS,EAAE,IAAA,oBAAU,EACnB,GAAG,SAAS,IAAI,IAAA,yBAAW,GAAE,EAAE,EAC/B;gBACE,CAAC,YAAY,CAAC,EAAE,cAAc;aAC/B,EACD,GAAG,YAAY,eAAe,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAChE;gBACE,CAAC,YAAY,GAAG,eAAe,CAAC,EAAE,WAAW;aAC9C,EACD;gBACE,CAAC,YAAY,GAAG,WAAW,CAAC,EAAE,QAAQ;aACvC,EACD,SAAS,CACV,EACD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,oBAAY,EAAC,KAAK,EAAE,eAAe,CAAC,IAC3D,IAAI,IACR,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACrC,GAAG,EAAE,GAAG;YAGP,cAAc;gBACb,CAAC,QAAQ;gBACT,CAAC,WAAW;gBACZ,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBACrC,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;wBAC/B,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAQ,CAAA;wBAC7C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,UAAU,CAAA;wBACjE,OAAO,CACL;4BACE,8BAAC,kBAAQ,IACP,KAAK,EAAE,YAAY,EACnB,SAAS,EAAC,uBAAuB,EACjC,MAAM,EACJ,uCAAK,SAAS,EAAC,8BAA8B;oCAC3C,8BAAC,kBAAQ,IACP,MAAM,EACJ,WAAW,CAAC,CAAC,CAAC,CACZ,wCAAM,SAAS,EAAC,4BAA4B,IACzC,WAAW,CACP,CACR,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,KAAK,GACZ,CACE,EAER,KAAK,EAAE,YAAY,GACnB,CACE,CACP,CAAA;qBACF;gBACH,CAAC,CAAC;YAGH,cAAc;gBACb,QAAQ;gBACR,QAAQ;gBACR,CAAC,WAAW;gBACZ,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBACrC,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;wBAC/B,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAQ,CAAA;wBAC7C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,UAAU,CAAA;wBACjE,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,kCAC1B,KAAK,CAAC,KAAK,KACd,KAAK,EAAE,CACL,8BAAC,kBAAQ,IACP,MAAM,EACJ,WAAW,CAAC,CAAC,CAAC,CACZ,wCAAM,SAAS,EAAC,4BAA4B,IAAE,WAAW,CAAQ,CAClE,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,KAAK,GACZ,CACH,EACD,QAAQ,EAAE,8BAAC,kBAAQ,IAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,GAAI,IAChE,CAAA;qBACH;gBACH,CAAC,CAAC;YAEH,CAAC,CAAC,cAAc,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAC,IAAI,QAAQ,CACvD,CACpB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACuB,CAAA;AAE1B,oBAAY,CAAC,IAAI,GAAG,sBAAgB,CAAC,IAAI,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-06-08 11:59:04\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-06-08 13:39:25\n * @FilePath: /tntd/packages/tntd/src/descriptions/descriptions.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 { DescriptionsProps as AntdDescriptionsProps } from 'antd/lib/descriptions'\nimport type { DescriptionsItemProps as AntdDescriptionsItemProps } from 'antd/lib/descriptions'\nimport classNames from 'classnames'\nimport toArray from 'rc-util/es/Children/toArray'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdDescriptions } from 'antd/lib/descriptions'\n\nimport Ellipsis from '../ellipsis'\nimport { doUpperTitle } from '../utils'\nimport { getLanguage } from '../prev-locale'\n\nexport * from 'antd/lib/descriptions'\n\nexport interface DescriptionsProps extends AntdDescriptionsProps {\n tdType?: boolean\n ellipsis?: boolean\n ellipsisLine?: number\n hideTooltip?: boolean\n undoUpper?: boolean\n upperCaseIgnore?: Array<string>\n titleType?: string\n titleWeight?: boolean\n}\n\nexport interface DescriptionsItemProps extends AntdDescriptionsItemProps {\n labelPrefix?: React.ReactNode\n}\n\ndeclare const DescriptionsItem: React.FC<DescriptionsItemProps>\ninterface DescriptionsComponent\n extends React.ForwardRefExoticComponent<\n DescriptionsProps & React.RefAttributes<AntdDescriptions>\n > {\n Item: typeof DescriptionsItem\n}\n\nexport const Descriptions = forwardRef<\n AntdDescriptions,\n DescriptionsProps & { capitalize?: boolean }\n>(\n (\n {\n className,\n tdType = true,\n titleWeight,\n titleType,\n colon,\n children,\n undoUpper = false,\n upperCaseIgnore = [],\n title,\n ...rest\n },\n ref\n ) => {\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('descriptions')\n const { layout, ellipsis, ellipsisLine = 1, hideTooltip = false, bordered } = rest || {}\n // 非垂直 且 同盾\n const tdDescriptions = layout !== 'vertical' && tdType\n\n const tntPrefixCls = 'tnt-descriptions'\n\n const flattenChildren = (children: React.ReactNode): React.ReactNode[] => {\n if (!children) {\n return []\n }\n return toArray(children).reduce(function (\n flatChildren: React.ReactNode[],\n child: React.ReactNode\n ) {\n if (child && (child as any).type === React.Fragment) {\n return flatChildren.concat(flattenChildren((child as any).props.children))\n }\n\n flatChildren.push(child)\n return flatChildren\n },\n [])\n }\n\n children = flattenChildren(children)\n\n return (\n <AntdDescriptions\n className={classNames(\n `${prefixCls}-${getLanguage()}`,\n {\n [tntPrefixCls]: tdDescriptions,\n },\n `${tntPrefixCls}-title-theme${titleType ? '-' + titleType : ''}`,\n {\n [tntPrefixCls + '-title-weight']: titleWeight,\n },\n {\n [tntPrefixCls + '-ellipsis']: ellipsis,\n },\n className\n )}\n title={undoUpper ? title : doUpperTitle(title, upperCaseIgnore)} // 默认转大写\n {...rest}\n colon={tdDescriptions ? false : colon}\n ref={ref}\n >\n {/*同盾描述框 非边框 开启默认tooltip */}\n {tdDescriptions &&\n !bordered &&\n !hideTooltip &&\n React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n const childProps = (child.props || {}) as any\n const { label, labelPrefix, children: childContext } = childProps\n return (\n <div>\n <Ellipsis\n lines={ellipsisLine}\n className=\"tnt-descriptions-item\"\n prefix={\n <div className=\"tnt-descriptions-label-title\">\n <Ellipsis\n prefix={\n labelPrefix ? (\n <span className=\"tnt-descriptions-label-tag\">\n {labelPrefix}\n </span>\n ) : null\n }\n lines={ellipsisLine}\n title={label}\n />\n </div>\n }\n title={childContext}\n />\n </div>\n )\n }\n })}\n\n {/*同盾描述框 有边框 不换行 开启默认tooltip */}\n {tdDescriptions &&\n bordered &&\n ellipsis &&\n !hideTooltip &&\n React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n const childProps = (child.props || {}) as any\n const { label, labelPrefix, children: childContext } = childProps\n return React.cloneElement(child, {\n ...child.props,\n label: (\n <Ellipsis\n prefix={\n labelPrefix ? (\n <span className=\"tnt-descriptions-label-tag\">{labelPrefix}</span>\n ) : null\n }\n lines={ellipsisLine}\n title={label}\n />\n ),\n children: <Ellipsis lines={ellipsisLine} title={childContext} />,\n })\n }\n })}\n {/* 非同盾模式下 或者 带边框但换行 或者 不开启默认tooltip 走默认逻辑 */}\n {(!tdDescriptions || (bordered && !ellipsis) || hideTooltip) && children}\n </AntdDescriptions>\n )\n }}\n </ConfigConsumer>\n )\n }\n) as DescriptionsComponent\n\nDescriptions.Item = AntdDescriptions.Item\n"]}
|
|
@@ -5,94 +5,90 @@
|
|
|
5
5
|
@descriptions-small-padding: 8px 16px;
|
|
6
6
|
@descriptions-bg: #e1e6ee;
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
.tnt-descriptions{
|
|
9
|
+
&.@{descriptions-prefix-cls} {
|
|
10
|
+
// 加粗的头部
|
|
11
|
+
&.tnt-descriptions-title-weight{
|
|
12
|
+
>.@{descriptions-prefix-cls}-title{
|
|
13
|
+
font-weight: 600 !important;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
// label中有标签前缀
|
|
18
|
+
.tnt-descriptions-label-tag{
|
|
19
|
+
color:@primary-color;
|
|
20
|
+
margin-right: 4px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
// title样式
|
|
24
|
+
&[class*="tnt-descriptions-title-theme"]{
|
|
13
25
|
// 默认色主题
|
|
14
|
-
|
|
26
|
+
>.@{descriptions-prefix-cls}-title{
|
|
15
27
|
font-size:@font-size-base;
|
|
16
28
|
position: relative;
|
|
17
29
|
margin-bottom:12px;
|
|
18
30
|
padding-left:12px;
|
|
31
|
+
font-weight: 400;
|
|
19
32
|
&::before{
|
|
20
33
|
content: '';
|
|
21
34
|
width: 4px;
|
|
22
35
|
height: 12px;
|
|
23
36
|
background-color: @primary-color;
|
|
24
|
-
border-radius: 8px;
|
|
37
|
+
border-radius: @border-radius-base;//8px;
|
|
25
38
|
position: absolute;
|
|
26
39
|
top:6px;
|
|
27
40
|
left:0;
|
|
28
41
|
}
|
|
29
42
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
43
|
+
// 默认没有前面的线条展示
|
|
44
|
+
&.title-theme-none{
|
|
45
|
+
>.@{descriptions-prefix-cls}-title{
|
|
46
|
+
padding-left:0;
|
|
34
47
|
&::before{
|
|
35
48
|
content: '';
|
|
36
|
-
|
|
49
|
+
display: none;
|
|
37
50
|
}
|
|
38
51
|
}
|
|
39
52
|
}
|
|
40
|
-
|
|
41
53
|
}
|
|
42
54
|
|
|
43
|
-
//
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
font-size:@font-size-base;
|
|
47
|
-
max-width: 100%;
|
|
48
|
-
display: inline-block;
|
|
49
|
-
padding: 6px 20px 6px 16px;
|
|
50
|
-
border-radius: 8px 20px 20px 0px;
|
|
51
|
-
background: linear-gradient(0deg, rgba(18, 107, 251, 0.16) 0%, rgba(18, 107, 251, 0.08) 76.56%);
|
|
52
|
-
margin-right: 4px;
|
|
53
|
-
margin-bottom:8px;
|
|
54
|
-
white-space: nowrap;
|
|
55
|
-
overflow: hidden;
|
|
56
|
-
text-overflow: ellipsis;
|
|
57
|
-
font-weight: 600;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
&-bordered {
|
|
63
|
-
&.tntd-descriptions {
|
|
64
|
-
&.tntd-descriptions-ellipsis{
|
|
55
|
+
// 带边框
|
|
56
|
+
&-bordered {
|
|
57
|
+
&.tnt-descriptions-ellipsis{
|
|
65
58
|
.@{descriptions-prefix-cls}-item-label,
|
|
66
59
|
.@{descriptions-prefix-cls}-item-content {
|
|
67
|
-
white-space: nowrap;
|
|
68
60
|
overflow: hidden;
|
|
69
61
|
text-overflow: ellipsis;
|
|
62
|
+
-webkit-box-orient: vertical;
|
|
70
63
|
}
|
|
71
|
-
|
|
72
64
|
.@{descriptions-prefix-cls}-item-label{
|
|
73
|
-
width: 180px;
|
|
65
|
+
width: 180px; // 其他语言模式默认180
|
|
66
|
+
background-color: @fill-color-quaternary; //#F8F9FB;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
&.@{descriptions-prefix-cls}-cn{
|
|
70
|
+
.@{descriptions-prefix-cls}-item-label{
|
|
71
|
+
width: 160px; // 中文160
|
|
74
72
|
}
|
|
75
73
|
}
|
|
76
74
|
.@{descriptions-prefix-cls}-view > table {
|
|
77
75
|
table-layout: fixed;
|
|
78
76
|
}
|
|
77
|
+
.@{descriptions-prefix-cls}-item-label{
|
|
78
|
+
background-color: fade(@descriptions-bg, 40%); ;
|
|
79
|
+
}
|
|
80
|
+
.@{descriptions-prefix-cls}-item-label,
|
|
81
|
+
.@{descriptions-prefix-cls}-item-content {
|
|
82
|
+
padding: @descriptions-small-padding;
|
|
83
|
+
}
|
|
79
84
|
}
|
|
80
|
-
.@{descriptions-prefix-cls}-item-label{
|
|
81
|
-
background-color: fade(@descriptions-bg, 40%); ;
|
|
82
|
-
}
|
|
83
|
-
.@{descriptions-prefix-cls}-item-label,
|
|
84
|
-
.@{descriptions-prefix-cls}-item-content {
|
|
85
|
-
padding: 10px 16px;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
85
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
height:
|
|
93
|
-
line-height:
|
|
86
|
+
// 不带边框
|
|
87
|
+
&:not(.@{descriptions-prefix-cls}-bordered ){
|
|
88
|
+
.@{descriptions-prefix-cls}-item{
|
|
89
|
+
height: 30px;
|
|
90
|
+
line-height: 30px;
|
|
94
91
|
position: relative;
|
|
95
|
-
padding-right: 12px;
|
|
96
92
|
padding:0;
|
|
97
93
|
&:not(:first-of-type){
|
|
98
94
|
padding-left: 12px;
|
|
@@ -101,29 +97,30 @@
|
|
|
101
97
|
left:0;
|
|
102
98
|
position: absolute;
|
|
103
99
|
width:1px;
|
|
104
|
-
background-color:
|
|
100
|
+
background-color: @descriptions-bg;
|
|
105
101
|
height:16px;
|
|
106
102
|
top: 50%;
|
|
107
103
|
margin-top:-8px;
|
|
108
104
|
}
|
|
109
105
|
}
|
|
110
|
-
|
|
106
|
+
.@{descriptions-prefix-cls}-item-no-label{
|
|
111
107
|
display: none;
|
|
112
108
|
}
|
|
113
|
-
|
|
109
|
+
.@{descriptions-prefix-cls}-item-content{
|
|
114
110
|
display: flex;
|
|
115
111
|
width: 100%;
|
|
116
|
-
&>.tntd-ellipsis{
|
|
112
|
+
&>.tntd-ellipsis,>.tnt-ellipsis{
|
|
117
113
|
width: 100%;
|
|
118
|
-
.
|
|
114
|
+
.tnt-descriptions-label-title{
|
|
119
115
|
max-width: 70%;
|
|
120
116
|
margin-right: 4px;
|
|
121
|
-
color
|
|
122
|
-
white-space: nowrap;
|
|
117
|
+
color: tint(@bg-color-spotilight, 50%);//#8B919E;
|
|
123
118
|
overflow: hidden;
|
|
124
119
|
text-overflow: ellipsis;
|
|
125
|
-
|
|
120
|
+
-webkit-box-orient: vertical;
|
|
121
|
+
&+.tnt-descriptions-item{
|
|
126
122
|
flex:1;
|
|
123
|
+
padding-right: 8px;
|
|
127
124
|
}
|
|
128
125
|
}
|
|
129
126
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";AAWA,2DAiJC;;IAED,+BA4DC"}
|