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.
Files changed (42) hide show
  1. package/es/descriptions/descriptions.js +83 -40
  2. package/es/descriptions/descriptions.js.map +1 -1
  3. package/es/descriptions/descriptions.less +57 -60
  4. package/es/handle-icon/index.js +35 -17
  5. package/es/handle-icon/index.js.map +1 -1
  6. package/es/handle-icon/index.less +28 -15
  7. package/es/modal/style/modal.less +1 -1
  8. package/es/table/style/index.less +47 -23
  9. package/es/table/style_/index.js +10 -0
  10. package/es/table/style_/index.js.map +1 -0
  11. package/es/table/style_antd/index.js +10 -0
  12. package/es/table/style_antd/index.js.map +1 -0
  13. package/es/table/table.less +5 -5
  14. package/es/table/table.stories.js +413 -2
  15. package/es/table/table.stories.js.map +1 -1
  16. package/es/table-container/index.less +10 -10
  17. package/lib/descriptions/descriptions.d.ts +11 -6
  18. package/lib/descriptions/descriptions.d.ts.map +1 -1
  19. package/lib/descriptions/descriptions.js +84 -41
  20. package/lib/descriptions/descriptions.js.map +1 -1
  21. package/lib/descriptions/descriptions.less +57 -60
  22. package/lib/handle-icon/index.d.ts.map +1 -1
  23. package/lib/handle-icon/index.js +29 -10
  24. package/lib/handle-icon/index.js.map +1 -1
  25. package/lib/handle-icon/index.less +28 -15
  26. package/lib/modal/style/modal.less +1 -1
  27. package/lib/table/style/index.less +47 -23
  28. package/lib/table/style_/index.d.ts +9 -0
  29. package/lib/table/style_/index.d.ts.map +1 -0
  30. package/lib/table/style_/index.js +10 -0
  31. package/lib/table/style_/index.js.map +1 -0
  32. package/lib/table/style_antd/index.d.ts +9 -0
  33. package/lib/table/style_antd/index.d.ts.map +1 -0
  34. package/lib/table/style_antd/index.js +10 -0
  35. package/lib/table/style_antd/index.js.map +1 -0
  36. package/lib/table/table.less +5 -5
  37. package/lib/table/table.stories.d.ts +106 -29
  38. package/lib/table/table.stories.d.ts.map +1 -1
  39. package/lib/table/table.stories.js +426 -3
  40. package/lib/table/table.stories.js.map +1 -1
  41. package/lib/table-container/index.less +10 -10
  42. 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
- border-radius: 16px;
3
- background: #fff;
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;
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
- .tnt-querylistscene-content {
10
- padding: 0;
11
- background: transparent;
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: boolean;
8
- ellipsis: boolean;
9
- theme: string;
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
- tdType: boolean;
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 AntdDescriptions.Item;
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;AAEzC,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AACtF,OAAO,KAAK,EAAE,qBAAqB,IAAI,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAG9F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAIlE,cAAc,sBAAsB,CAAA;AAEpC,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACtE,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,qBACR,SAAQ,KAAK,CAAC,yBAAyB,CACrC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC1D;IACD,IAAI,EAAE,OAAO,gBAAgB,CAAC,IAAI,CAAA;CACnC;AAED,eAAO,MAAM,YAAY,uBAiEE,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: 2023-05-05 15:48:09
46
+ * @Date: 2024-06-08 11:59:04
42
47
  * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
43
- * @LastEditTime: 2024-01-18 15:27:45
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
- theme = _a.theme,
57
+ titleWeight = _a.titleWeight,
58
+ titleType = _a.titleType,
53
59
  colon = _a.colon,
54
60
  children = _a.children,
55
- rest = __rest(_a, ["className", "tdType", "theme", "colon", "children"]);
56
- return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
57
- var _ref = rest || {},
58
- layout = _ref.layout,
59
- ellipsis = _ref.ellipsis,
60
- bordered = _ref.bordered;
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 decorateNoBorderChild = function decorateNoBorderChild(element) {
64
- if (_react["default"].isValidElement(element)) {
65
- var type = element.type,
66
- props = element.props;
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 element;
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"])("theme-".concat(theme || (bordered ? 'line' : 'block')), {
86
- 'tntd-descriptions-no-border': !bordered
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 && !bordered ? false : colon
94
- }), tdDescriptions && !bordered ? _react["default"].Children.map(children, function (child) {
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
- return decorateNoBorderChild(child);
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
- }) : children);
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":"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","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
- .@{descriptions-prefix-cls} {
9
- // title样式
10
- &.tntd-descriptions {
11
- // 线条模式
12
- &[class*="theme-line"]{
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
- >.ant-descriptions-title{
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
- &.theme-line-black{
33
- .ant-descriptions-title{
43
+ // 默认没有前面的线条展示
44
+ &.title-theme-none{
45
+ >.@{descriptions-prefix-cls}-title{
46
+ padding-left:0;
34
47
  &::before{
35
48
  content: '';
36
- background-color: @text-color;
49
+ display: none;
37
50
  }
38
51
  }
39
52
  }
40
-
41
53
  }
42
54
 
43
- // 区块模式
44
- &.theme-block{
45
- .ant-descriptions-title{
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
- &.tntd-descriptions-no-border{
90
- &.tntd-descriptions{
91
- .ant-descriptions-item{
92
- height: 34px;
93
- line-height: 34px;
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: #CBD4E2;
100
+ background-color: @descriptions-bg;
105
101
  height:16px;
106
102
  top: 50%;
107
103
  margin-top:-8px;
108
104
  }
109
105
  }
110
- .ant-descriptions-item-no-label{
106
+ .@{descriptions-prefix-cls}-item-no-label{
111
107
  display: none;
112
108
  }
113
- .ant-descriptions-item-content{
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
- .tntd-description-label-title{
114
+ .tnt-descriptions-label-title{
119
115
  max-width: 70%;
120
116
  margin-right: 4px;
121
- color:#8B919E;
122
- white-space: nowrap;
117
+ color: tint(@bg-color-spotilight, 50%);//#8B919E;
123
118
  overflow: hidden;
124
119
  text-overflow: ellipsis;
125
- &+.tntd-description-item{
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":";AASA,2DA+HC;;IAED,+BA4DC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";AAWA,2DAiJC;;IAED,+BA4DC"}