@kne-components/info-page 0.1.2 → 0.1.4
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/build/asset-manifest.json +10 -10
- package/build/index.html +1 -1
- package/build/remoteEntry.js +1 -1
- package/build/remoteEntry.js.map +1 -1
- package/build/static/js/{268.61bf7394.chunk.js → 268.479200a1.chunk.js} +2 -2
- package/build/static/js/{268.61bf7394.chunk.js.map → 268.479200a1.chunk.js.map} +1 -1
- package/build/static/js/{414.cd32878d.chunk.js → 414.6b9bd28a.chunk.js} +2 -2
- package/build/static/js/{414.cd32878d.chunk.js.map → 414.6b9bd28a.chunk.js.map} +1 -1
- package/build/static/js/{830.a587bc49.chunk.js → 830.941fb552.chunk.js} +2 -2
- package/build/static/js/830.941fb552.chunk.js.map +1 -0
- package/build/static/js/{main.0a3327a4.js → main.21281387.js} +2 -2
- package/build/static/js/{main.0a3327a4.js.map → main.21281387.js.map} +1 -1
- package/package.json +1 -1
- package/build/static/js/830.a587bc49.chunk.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(self.webpackChunk_kne_components_info_page=self.webpackChunk_kne_components_info_page||[]).push([[414],{5764:n=>{function t(n){var t=new Error("Cannot find module '"+n+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=5764,n.exports=t},9666:(n,t,a)=>{"use strict";a.d(t,{A:()=>d});var e=a(1589),o=(a(2241),a(5199));const d={name:"info-page",summary:"<h3><em><code>InfoPage</code></em> \u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u4e00\u822c\u7528\u5728\u590d\u6742\u7684\u8be6\u60c5\u5c55\u793a\u9875\u9762\uff0c<code>InfoPage</code> \u63d0\u4f9b\u4e86\u4e00\u4e2a\u6807\u51c6\u7684\u5c55\u793a\u4fe1\u606f\u7684\u683c\u5f0f</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u652f\u6301 <code>Content</code> \u7ec4\u4ef6 <code>Descriptions</code> \u7ec4\u4ef6\u7684\u7ec4\u5408</li>\n<li>\u652f\u6301 <code>Collapse</code> \u7ec4\u4ef6\u7ec4\u5408</li>\n<li><code>InfoPage.Part</code>\u3001<code>InfoPage.Collapse</code> \u9700\u8981\u653e\u5728 <code>InfoPage</code> \u4e4b\u4e0b\uff0c<code>Content</code>\u3001<code>Descriptions</code> \u53ef\u4ee5\u4efb\u610f\u7ec4\u5408</li>\n</ul>\n<h3><em><code>Content</code></em> \u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6210\u7ec4\u5c55\u793a\u591a\u4e2a\u5b57\u6bb5\uff0c\u5e38\u89c1\u4e8e\u8be6\u60c5\u9875\u7684\u4fe1\u606f\u5c55\u793a</p>\n<h3>\u7279\u70b9</h3>\n<p>labelAlign \u4e0d\u4e3a auto \u65f6\u4f1a\u81ea\u52a8\u8ba1\u7b97 label \u7684\u6700\u5c0f\u5bbd\u5ea6\u4f7f\u6240\u6709 label \u7684\u5bbd\u5ea6\u7b49\u4e8e\u6700\u957f\u7684 label \u5bbd\u5ea6\uff0c\u4f7f\u89c6\u89c9\u4e0a\u66f4\u52a0\u6574\u9f50\u6709\u79e9\u5e8f\u611f</p>",description:"\u4e00\u822c\u7528\u5728\u590d\u6742\u7684\u8be6\u60c5\u5c55\u793a\u9875\u9762\uff0cInfoPage\u63d0\u4f9b\u4e86\u4e00\u4e2a\u6807\u51c6\u7684\u5c55\u793a\u4fe1\u606f\u7684\u683c\u5f0f",packageName:"@kne/info-page",api:'<h3>InfoPage</h3>\n<p>\u540c <a href="https://ant.design/components/Card#api"><code>Ant Design Card</code></a></p>\n<p>\u65b0\u589e\u53c2\u6570\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>InfoPage</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Part</h4>\n<p>\u540c <a href="https://ant.design/components/Card#api"><code>Ant Design Card</code></a></p>\n<p>\u65b0\u589e\u53c2\u6570\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Part</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Collapse</h4>\n<p>\u540c <a href="https://ant.design/components/Collapse#collapse"><code>Ant Design Collapse</code></a></p>\n<p>\u65b0\u589e\u53c2\u6570\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>className</td>\n<td><code>Part</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Content</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td><code>Content</code> \u7684\u5185\u5bb9\u5217\u8868</td>\n<td><code>listItemProps[]</code></td>\n<td>[]</td>\n</tr>\n<tr>\n<td>labelAlign</td>\n<td><code>label</code> \u7684\u5bf9\u9f50\u65b9\u5f0f\u53ef\u4ee5\u4f20\u5165\u7684\u503c <code>left,right,center,auto</code>,\u4e3a <code>auto</code> \u65f6 <code>label</code> \u4e0d\u8ba1\u7b97\u6700\u5c0f\u5bbd\u5ea6</td>\n<td>string</td>\n<td>left</td>\n</tr>\n<tr>\n<td>col</td>\n<td>\u5217\u6570</td>\n<td>number</td>\n<td>1</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u9ed8\u8ba4\u4e3a <code>14px</code>\uff0c\u53ef\u4ee5\u4f20\u503c\u4e3a <code>small</code>\uff0c<code>size</code> \u4e3a <code>small</code> \u65f6\u5b57\u53f7\u4e3a <code>12px</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>gutter</td>\n<td>\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\u6216\u652f\u6301\u54cd\u5e94\u5f0f\u7684\u5bf9\u8c61\u5199\u6cd5\u6765\u8bbe\u7f6e\u6c34\u5e73\u95f4\u9694 <code>{ xs: 8, sm: 16, md: 24}</code>\u3002\u6216\u8005\u4f7f\u7528\u6570\u7ec4\u5f62\u5f0f\u540c\u65f6\u8bbe\u7f6e [\u6c34\u5e73\u95f4\u8ddd, \u5782\u76f4\u95f4\u8ddd]</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Content</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>\u63a5\u6536 <code>Content Inner</code> \u548c <code>Inner</code> \u7684 <code>label, content, index</code>\uff0c\u53ef\u4ee5\u6839\u636e\u6570\u636e\u4fe1\u606f\u8fd4\u56de\u60f3\u8981\u6e32\u67d3\u7684\u5185\u5bb9</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>listItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>\u6570\u636e\u662f\u5426\u5c55\u793a\uff0c\u5f53\u4e3a <code>function</code> \u65f6\u53ef\u4ee5\u63a5\u6536\u5230 <code>item, list</code> \u53c2\u6570\uff0c<code>item</code> \u4e3a\u5f53\u524d\u9879\u914d\u7f6e\uff0c<code>dataSource</code> \u4e3a\u6574\u4e2a\u7ec4\u4ef6\u7684 <code>dataSource</code> \u914d\u7f6e</td>\n<td>boolean | function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>block</td>\n<td>\u662f\u5426\u5355\u884c\u663e\u793a\u8be5\u6761\u4fe1\u606f</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u6807\u9898</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>\u5185\u5bb9</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Descriptions</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>\u8be6\u60c5\u6570\u636e\u6e90\uff0c\u5185\u90e8\u6bcf\u4e2a\u6570\u7ec4\u4e3a\u4e00\u884c\u6570\u636e\uff0c\u6bcf\u884c\u6570\u636e\u4e2d\u6bcf\u4e2a\u5bf9\u8c61\u4e3a\u4e00\u5217\u6570\u636e\uff0c\u6bcf\u884c\u6700\u591a\u5305\u542b <code>2</code> \u5217\u5185\u5bb9\uff0c\u591a\u4f59\u7684\u4f1a\u88ab\u4e22\u5f03</td>\n<td><code>dataSourceItemProps[]</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>\u63a5\u6536 <code>Descriptions Inner</code> \u548c <code>Inner</code> \u7684 <code>label, content, displaty, index</code>\uff0c\u53ef\u4ee5\u6839\u636e\u6570\u636e\u4fe1\u606f\u8fd4\u56de\u60f3\u8981\u6e32\u67d3\u7684\u5185\u5bb9</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>dataSourceItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>\u6570\u636e\u662f\u5426\u5c55\u793a\uff0c\u5f53\u4e3a <code>function</code> \u65f6\u53ef\u4ee5\u63a5\u6536\u5230 <code>item, dataSource</code> \u53c2\u6570\uff0c<code>item</code> \u4e3a\u5f53\u524d\u9879\u914d\u7f6e\uff0c<code>dataSource</code> \u4e3a\u6574\u4e2a\u7ec4\u4ef6\u7684 <code>dataSource</code> \u914d\u7f6e</td>\n<td>boolean | function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u6570\u636e\u5c55\u793a\u7684\u6807\u9898</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>\u6570\u636e\u5c55\u793a\u7684\u5185\u5bb9</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>',example:{isFull:!1,className:"info_page_52434",style:"",list:[{title:"InfoPage",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const {default: InfoPage} = _InfoPage;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n return (\n <InfoPage>\n InfoPage\n <InfoPage.Part\n title=\"Part Title\"\n subtitle=\"\u6211\u662f\u4e00\u4e2asubtitle\"\n extra={<Button>\u64cd\u4f5c</Button>}\n >\n InfoPage.Part\n <InfoPage.Part\n title=\"Part Title\"\n subtitle=\"\u6211\u662f\u4e00\u4e2asubtitle\"\n extra={<Button>\u64cd\u4f5c</Button>}\n >\n InfoPage.InfoPage.Part\n </InfoPage.Part>\n </InfoPage.Part>\n <InfoPage.Collapse\n items={[\n {key: '1', label: 'This is default size panel header', children: <p>InfoPage.Collapse</p>},\n {key: '2', label: 'This is default size panel header2', children: <p>InfoPage.Collapse2</p>},\n ]}\n />\n </InfoPage>\n );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_InfoPage",packageName:"@kne/current-lib_info-page",component:e},{name:"antd",packageName:"antd",component:o}]},{title:"Content",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u57fa\u672c\u5185\u5bb9",code:"const { Content } = _InfoPage;\nconst {Space, Radio} = antd;\nconst {useState} = React;\n\nconst BaseExample = () => {\n const [listProps, setListProps] = useState({\n col: 1,\n size: 'default',\n labelAlign: 'left'\n });\n const onChange = (e, name) => {\n const val = e?.target.value;\n setListProps(prevState => Object.assign({}, prevState, {[name]: val}));\n };\n\n return (\n <Space direction='vertical' size={12}>\n <Radio.Group onChange={(e) => onChange(e, 'col')} value={listProps.col}>\n <Radio.Button value={1}>1\u5217</Radio.Button>\n <Radio.Button value={2}>2\u5217</Radio.Button>\n <Radio.Button value={3}>3\u5217</Radio.Button>\n </Radio.Group>\n <Radio.Group onChange={(e) => onChange(e, 'labelAlign')} value={listProps.labelAlign}>\n <Radio.Button value='left'>\u5de6\u5bf9\u9f50</Radio.Button>\n <Radio.Button value='center'>\u4e2d\u5fc3\u5bf9\u9f50</Radio.Button>\n <Radio.Button value='right'>\u53f3\u5bf9\u9f50</Radio.Button>\n <Radio.Button value='auto'>\u81ea\u9002\u5e94</Radio.Button>\n </Radio.Group>\n <Radio.Group onChange={(e) => onChange(e, 'size')} value={listProps.size}>\n <Radio.Button value='default'>\u9ed8\u8ba4</Radio.Button>\n <Radio.Button value='small'>small</Radio.Button>\n </Radio.Group>\n <Content\n {...listProps}\n list={[\n {label: '\u6807\u9898', content: '\u5185\u5bb9'},\n {label: '\u6807\u9898\u6807\u9898', content: '\u5185\u5bb9\u5185\u5bb9'},\n {label: '\u6807\u9898\u6807', content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n {\n label: '\u6807\u9898\u6807\u9898\u6807\u9898',\n content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'\n }\n ]}\n itemRender={(inner, other) => {\n return other?.index === 2 ? '\u6b64\u5904\u5185\u5bb9\u989d\u5916\u81ea\u5b9a\u4e49' : inner;\n }}\n />\n </Space>\n );\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_InfoPage",packageName:"@kne/current-lib_info-page",component:e},{name:"antd",packageName:"antd",component:o}]},{title:"Descriptions",description:"\u5c55\u793a\u4e00\u4e2a\u4fe1\u606f\u8be6\u60c5",code:'const {Descriptions} = _InfoPage;\n\nconst BaseExample = () => {\n return (\n <Descriptions\n dataSource={[\n [\n { label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" },\n {\n label: "\u53d1\u7968\u62ac\u5934",\n content: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n },\n ],\n [\n { label: "\u53d1\u7968\u7c7b\u578b", content: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968" },\n {\n label: "\u53d1\u7968\u5f00\u5177\u65e5\u671f",\n content: "2022-08-15",\n },\n ],\n [{ label: "\u9000\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n [\n {\n label: "\u53d1\u7968\u53f7",\n content: (\n <div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n </div>\n ),\n },\n ],\n [\n { label: "\u662f\u5426\u9700\u8981\u91cd\u5f00\u53d1\u7968", content: "\u5426" },\n {\n label: "\u662f\u5426\u6d89\u53ca\u91d1\u878d\u53d8\u52a8",\n content: "\u5426",\n },\n ],\n [\n { label: "\u662f\u5426\u9020\u6210\u5b9e\u8d28\u635f\u5931", content: "\u5426" },\n { label: "\u8d23\u4efb\u5f52\u5c5e", content: "\u5ba2\u6237\u539f\u56e0" },\n ],\n [\n {\n label: "\u9000\u7968\u539f\u56e0",\n content: "\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf",\n },\n ],\n [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n [\n {label: "\u64cd\u4f5c\u65f6\u95f4", content: "2022-08-01 16:32"},\n {label: "\u64cd\u4f5c\u4eba", content: "\u897f\u897f\u6b6a", display: false},\n ],\n [\n {\n label: "\u8d85\u957f\u5185\u5bb9",\n content:\n "\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9",\n },\n {\n label: "\u8d85\u957f\u82f1\u6587",\n content:\n "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",\n },\n ],\n ]}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@kne/current-lib_info-page",component:e},{name:"antd",packageName:"antd",component:o}]},{title:"TableView",description:"\u8bf7\u5c3d\u91cf\u4f7f\u7528\u8be5\u7ec4\u4ef6\u4ee3\u66ffDescriptions\u7ec4\u4ef6\u3002\u8be5\u7ec4\u4ef6\u6bd4Descriptions\u7ec4\u4ef6\u6dfb\u52a0\u4e86\u6570\u636e\u683c\u5f0f\u5316\u548c\u7075\u6d3b\u7684\u7a7a\u5224\u65ad\u548c\u81ea\u5b9a\u4e49\u7a7a\u5c55\u793a\uff0c\u5e76\u4e14\u4f18\u5316\u4e86\u6392\u5217\uff0c\u53ef\u4ee5\u5b9e\u73b0\u4efb\u4f55\u6805\u683c\u5927\u5c0f\u7684\u6570\u636e\u9879\u590d\u6742\u7ec4\u5408\u3002\u5b9e\u73b0\u4e86\u5c3e\u884c\u4f18\u5316\uff0c\u4f7f\u4f60\u4e0d\u5fc5\u62c5\u5fc3\u672b\u5c3e\u9879\u7684\u5bbd\u5ea6\u95ee\u9898\uff0c\u7a0b\u5e8f\u4f1a\u81ea\u52a8\u8ba1\u7b97\u5e76\u5360\u6ee1\u8be5\u884c\u3002",code:"const { TableView } = _InfoPage;\n\nconst BaseExample = () => {\n return (<TableView dataSource={{\n id: 'RC00101',\n name: '\u5f20\u4e09',\n birthday: '2020-03-03',\n addTime: new Date(),\n count: 2000.1322,\n count2: 0.01234565,\n count3: 1234523,\n description: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\n\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\n\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`,\n description2: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`\n }} col={3} columns={[{\n name: 'id', title: 'ID', block: true\n }, {\n name: 'name', title: '\u59d3\u540d', span: 10\n }, {\n name: 'birthday', title: '\u51fa\u751f\u65e5\u671f', format: 'date'\n }, {\n name: 'addTime', title: '\u6dfb\u52a0\u65f6\u95f4', format: 'datetime'\n }, {\n name: 'count', title: '\u6570\u91cf', format: 'number'\n }, {\n name: 'count2', title: '\u767e\u5206\u6bd4', format: 'number-percent'\n }, {\n name: 'count3', title: '\u4e07\u5143', format: 'number--10000'\n }, {\n name: 'empty', title: '\u7a7a\u503c\u663e\u793a'\n }, {\n name: 'empty2', title: '\u7a7a\u503c\u663e\u793a2', placeholder: '\u7a7a'\n }, {\n name: 'empty3', title: '\u7a7a\u503c\u663e\u793a3', emptyIsPlaceholder: false\n }, {\n name: 'description', title: '\u63cf\u8ff0'\n }, {\n name: 'description2', title: '\u63cf\u8ff0'\n }, {\n name: 'end', title: '\u5c3e\u884c\u4f18\u5316'\n }]} />);\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_InfoPage",packageName:"@kne/current-lib_info-page",component:e},{name:"antd",packageName:"antd",component:o}]}]}}},1448:(n,t,a)=>{"use strict";var e=a(4922),o=a.n(e),d=a(7558),c=a(5199),r=a(9946),l=a.n(r),i=a(3050),s=a(1488),p=a.n(s),m=a(9261);window.PUBLIC_URL="/info-page";const h={remote:"components-core",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.1.10"};(0,i.preset)({remotes:{default:h,"components-core":h,"components-iconfont":{remote:"components-iconfont",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.1.3"}}});const u=(()=>{const n=l().create({validateStatus:function(){return!0}});return t=>t.hasOwnProperty("loader")&&"function"===typeof t.loader?Promise.resolve(t.loader(p()(t,["loader"]))).then((n=>({data:{code:0,data:n}}))).catch((n=>(c.message.error(n.message||"\u8bf7\u6c42\u53d1\u751f\u9519\u8bef"),{data:{code:500,msg:n.message}}))):n(t)})();(0,d.preset)({ajax:u,loading:(0,m.jsx)(c.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,m.jsx)(c.Empty,{}),transformResponse:n=>{const{data:t}=n;return n.data={code:0===t.code?200:t.code,msg:t.msg,results:t.data},n}});var g=a(5457),b=a(4679),f=a(4152),P=a.n(f),I=(a(1296),a(6446));const R=P().ExampleRoutes,y=n=>{let{preset:t,themeToken:a,...e}=n;return(0,m.jsx)(b.HashRouter,{children:(0,m.jsx)(R,{...e,paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:t,themeToken:a,readme:I.default,pageProps:{menu:null}})})};g.createRoot(document.getElementById("root")).render((0,m.jsx)(o().StrictMode,{children:(0,m.jsx)(y,{preset:{ajax:u},themeToken:{colorPrimary:"#4F185A"}})}))},2241:()=>{}}]);
|
|
2
|
-
//# sourceMappingURL=414.
|
|
1
|
+
(self.webpackChunk_kne_components_info_page=self.webpackChunk_kne_components_info_page||[]).push([[414],{5764:n=>{function t(n){var t=new Error("Cannot find module '"+n+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=5764,n.exports=t},9666:(n,t,a)=>{"use strict";a.d(t,{A:()=>d});var e=a(1589),o=(a(2241),a(5199));const d={name:"info-page",summary:"<h3><em><code>InfoPage</code></em> \u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u4e00\u822c\u7528\u5728\u590d\u6742\u7684\u8be6\u60c5\u5c55\u793a\u9875\u9762\uff0c<code>InfoPage</code> \u63d0\u4f9b\u4e86\u4e00\u4e2a\u6807\u51c6\u7684\u5c55\u793a\u4fe1\u606f\u7684\u683c\u5f0f</p>\n<h3>\u7279\u70b9</h3>\n<ul>\n<li>\u652f\u6301 <code>Content</code> \u7ec4\u4ef6 <code>Descriptions</code> \u7ec4\u4ef6\u7684\u7ec4\u5408</li>\n<li>\u652f\u6301 <code>Collapse</code> \u7ec4\u4ef6\u7ec4\u5408</li>\n<li><code>InfoPage.Part</code>\u3001<code>InfoPage.Collapse</code> \u9700\u8981\u653e\u5728 <code>InfoPage</code> \u4e4b\u4e0b\uff0c<code>Content</code>\u3001<code>Descriptions</code> \u53ef\u4ee5\u4efb\u610f\u7ec4\u5408</li>\n</ul>\n<h3><em><code>Content</code></em> \u4f55\u65f6\u4f7f\u7528</h3>\n<p>\u6210\u7ec4\u5c55\u793a\u591a\u4e2a\u5b57\u6bb5\uff0c\u5e38\u89c1\u4e8e\u8be6\u60c5\u9875\u7684\u4fe1\u606f\u5c55\u793a</p>\n<h3>\u7279\u70b9</h3>\n<p>labelAlign \u4e0d\u4e3a auto \u65f6\u4f1a\u81ea\u52a8\u8ba1\u7b97 label \u7684\u6700\u5c0f\u5bbd\u5ea6\u4f7f\u6240\u6709 label \u7684\u5bbd\u5ea6\u7b49\u4e8e\u6700\u957f\u7684 label \u5bbd\u5ea6\uff0c\u4f7f\u89c6\u89c9\u4e0a\u66f4\u52a0\u6574\u9f50\u6709\u79e9\u5e8f\u611f</p>",description:"\u4e00\u822c\u7528\u5728\u590d\u6742\u7684\u8be6\u60c5\u5c55\u793a\u9875\u9762\uff0cInfoPage\u63d0\u4f9b\u4e86\u4e00\u4e2a\u6807\u51c6\u7684\u5c55\u793a\u4fe1\u606f\u7684\u683c\u5f0f",packageName:"@kne/info-page",api:'<h3>InfoPage</h3>\n<p>\u540c <a href="https://ant.design/components/Card#api"><code>Ant Design Card</code></a></p>\n<p>\u65b0\u589e\u53c2\u6570\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>InfoPage</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Part</h4>\n<p>\u540c <a href="https://ant.design/components/Card#api"><code>Ant Design Card</code></a></p>\n<p>\u65b0\u589e\u53c2\u6570\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Part</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Collapse</h4>\n<p>\u540c <a href="https://ant.design/components/Collapse#collapse"><code>Ant Design Collapse</code></a></p>\n<p>\u65b0\u589e\u53c2\u6570\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>className</td>\n<td><code>Part</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Content</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td><code>Content</code> \u7684\u5185\u5bb9\u5217\u8868</td>\n<td><code>listItemProps[]</code></td>\n<td>[]</td>\n</tr>\n<tr>\n<td>labelAlign</td>\n<td><code>label</code> \u7684\u5bf9\u9f50\u65b9\u5f0f\u53ef\u4ee5\u4f20\u5165\u7684\u503c <code>left,right,center,auto</code>,\u4e3a <code>auto</code> \u65f6 <code>label</code> \u4e0d\u8ba1\u7b97\u6700\u5c0f\u5bbd\u5ea6</td>\n<td>string</td>\n<td>left</td>\n</tr>\n<tr>\n<td>col</td>\n<td>\u5217\u6570</td>\n<td>number</td>\n<td>1</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u9ed8\u8ba4\u4e3a <code>14px</code>\uff0c\u53ef\u4ee5\u4f20\u503c\u4e3a <code>small</code>\uff0c<code>size</code> \u4e3a <code>small</code> \u65f6\u5b57\u53f7\u4e3a <code>12px</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>gutter</td>\n<td>\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\u6216\u652f\u6301\u54cd\u5e94\u5f0f\u7684\u5bf9\u8c61\u5199\u6cd5\u6765\u8bbe\u7f6e\u6c34\u5e73\u95f4\u9694 <code>{ xs: 8, sm: 16, md: 24}</code>\u3002\u6216\u8005\u4f7f\u7528\u6570\u7ec4\u5f62\u5f0f\u540c\u65f6\u8bbe\u7f6e [\u6c34\u5e73\u95f4\u8ddd, \u5782\u76f4\u95f4\u8ddd]</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Content</code> \u7684 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>\u63a5\u6536 <code>Content Inner</code> \u548c <code>Inner</code> \u7684 <code>label, content, index</code>\uff0c\u53ef\u4ee5\u6839\u636e\u6570\u636e\u4fe1\u606f\u8fd4\u56de\u60f3\u8981\u6e32\u67d3\u7684\u5185\u5bb9</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>listItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>\u6570\u636e\u662f\u5426\u5c55\u793a\uff0c\u5f53\u4e3a <code>function</code> \u65f6\u53ef\u4ee5\u63a5\u6536\u5230 <code>item, list</code> \u53c2\u6570\uff0c<code>item</code> \u4e3a\u5f53\u524d\u9879\u914d\u7f6e\uff0c<code>dataSource</code> \u4e3a\u6574\u4e2a\u7ec4\u4ef6\u7684 <code>dataSource</code> \u914d\u7f6e</td>\n<td>boolean | function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>block</td>\n<td>\u662f\u5426\u5355\u884c\u663e\u793a\u8be5\u6761\u4fe1\u606f</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u6807\u9898</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>\u5185\u5bb9</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Descriptions</h3>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>\u8be6\u60c5\u6570\u636e\u6e90\uff0c\u5185\u90e8\u6bcf\u4e2a\u6570\u7ec4\u4e3a\u4e00\u884c\u6570\u636e\uff0c\u6bcf\u884c\u6570\u636e\u4e2d\u6bcf\u4e2a\u5bf9\u8c61\u4e3a\u4e00\u5217\u6570\u636e\uff0c\u6bcf\u884c\u6700\u591a\u5305\u542b <code>2</code> \u5217\u5185\u5bb9\uff0c\u591a\u4f59\u7684\u4f1a\u88ab\u4e22\u5f03</td>\n<td><code>dataSourceItemProps[]</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>\u63a5\u6536 <code>Descriptions Inner</code> \u548c <code>Inner</code> \u7684 <code>label, content, displaty, index</code>\uff0c\u53ef\u4ee5\u6839\u636e\u6570\u636e\u4fe1\u606f\u8fd4\u56de\u60f3\u8981\u6e32\u67d3\u7684\u5185\u5bb9</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>dataSourceItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>\u6570\u636e\u662f\u5426\u5c55\u793a\uff0c\u5f53\u4e3a <code>function</code> \u65f6\u53ef\u4ee5\u63a5\u6536\u5230 <code>item, dataSource</code> \u53c2\u6570\uff0c<code>item</code> \u4e3a\u5f53\u524d\u9879\u914d\u7f6e\uff0c<code>dataSource</code> \u4e3a\u6574\u4e2a\u7ec4\u4ef6\u7684 <code>dataSource</code> \u914d\u7f6e</td>\n<td>boolean | function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u6570\u636e\u5c55\u793a\u7684\u6807\u9898</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>\u6570\u636e\u5c55\u793a\u7684\u5185\u5bb9</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>',example:{isFull:!1,className:"info_page_52434",style:"",list:[{title:"InfoPage",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const {default: InfoPage} = _InfoPage;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n return (\n <InfoPage>\n InfoPage\n <InfoPage.Part\n title=\"Part Title\"\n subtitle=\"\u6211\u662f\u4e00\u4e2asubtitle\"\n extra={<Button>\u64cd\u4f5c</Button>}\n >\n InfoPage.Part\n <InfoPage.Part\n title=\"Part Title\"\n subtitle=\"\u6211\u662f\u4e00\u4e2asubtitle\"\n extra={<Button>\u64cd\u4f5c</Button>}\n >\n InfoPage.InfoPage.Part\n </InfoPage.Part>\n </InfoPage.Part>\n <InfoPage.Collapse\n items={[\n {key: '1', label: 'This is default size panel header', children: <p>InfoPage.Collapse</p>},\n {key: '2', label: 'This is default size panel header2', children: <p>InfoPage.Collapse2</p>},\n ]}\n />\n </InfoPage>\n );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_InfoPage",packageName:"@kne/current-lib_info-page",component:e},{name:"antd",packageName:"antd",component:o}]},{title:"Content",description:"\u5c55\u793a\u4e86\u4e00\u4e2a\u57fa\u672c\u5185\u5bb9",code:"const { Content } = _InfoPage;\nconst {Space, Radio} = antd;\nconst {useState} = React;\n\nconst BaseExample = () => {\n const [listProps, setListProps] = useState({\n col: 1,\n size: 'default',\n labelAlign: 'left'\n });\n const onChange = (e, name) => {\n const val = e?.target.value;\n setListProps(prevState => Object.assign({}, prevState, {[name]: val}));\n };\n\n return (\n <Space direction='vertical' size={12}>\n <Radio.Group onChange={(e) => onChange(e, 'col')} value={listProps.col}>\n <Radio.Button value={1}>1\u5217</Radio.Button>\n <Radio.Button value={2}>2\u5217</Radio.Button>\n <Radio.Button value={3}>3\u5217</Radio.Button>\n </Radio.Group>\n <Radio.Group onChange={(e) => onChange(e, 'labelAlign')} value={listProps.labelAlign}>\n <Radio.Button value='left'>\u5de6\u5bf9\u9f50</Radio.Button>\n <Radio.Button value='center'>\u4e2d\u5fc3\u5bf9\u9f50</Radio.Button>\n <Radio.Button value='right'>\u53f3\u5bf9\u9f50</Radio.Button>\n <Radio.Button value='auto'>\u81ea\u9002\u5e94</Radio.Button>\n </Radio.Group>\n <Radio.Group onChange={(e) => onChange(e, 'size')} value={listProps.size}>\n <Radio.Button value='default'>\u9ed8\u8ba4</Radio.Button>\n <Radio.Button value='small'>small</Radio.Button>\n </Radio.Group>\n <Content\n {...listProps}\n list={[\n {label: '\u6807\u9898', content: '\u5185\u5bb9'},\n {label: '\u6807\u9898\u6807\u9898', content: '\u5185\u5bb9\u5185\u5bb9'},\n {label: '\u6807\u9898\u6807', content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'},\n {\n label: '\u6807\u9898\u6807\u9898\u6807\u9898',\n content: '\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9\u5185\u5bb9'\n }\n ]}\n itemRender={(inner, other) => {\n return other?.index === 2 ? '\u6b64\u5904\u5185\u5bb9\u989d\u5916\u81ea\u5b9a\u4e49' : inner;\n }}\n />\n </Space>\n );\n};\n\nrender(<BaseExample/>);\n\n",scope:[{name:"_InfoPage",packageName:"@kne/current-lib_info-page",component:e},{name:"antd",packageName:"antd",component:o}]},{title:"Descriptions",description:"\u5c55\u793a\u4e00\u4e2a\u4fe1\u606f\u8be6\u60c5",code:'const {Descriptions} = _InfoPage;\n\nconst BaseExample = () => {\n return (\n <Descriptions\n dataSource={[\n [\n { label: "\u5ba2\u6237\u540d\u79f0", content: "\u817e\u8baf" },\n {\n label: "\u53d1\u7968\u62ac\u5934",\n content: "\u817e\u8baf\u79d1\u6280\u516c\u53f8",\n },\n ],\n [\n { label: "\u53d1\u7968\u7c7b\u578b", content: "\u589e\u503c\u7a0e\u4e13\u7528\u53d1\u7968" },\n {\n label: "\u53d1\u7968\u5f00\u5177\u65e5\u671f",\n content: "2022-08-15",\n },\n ],\n [{ label: "\u9000\u7968\u91d1\u989d", content: "22000.00\u5143" }],\n [\n {\n label: "\u53d1\u7968\u53f7",\n content: (\n <div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n </div>\n ),\n },\n ],\n [\n { label: "\u662f\u5426\u9700\u8981\u91cd\u5f00\u53d1\u7968", content: "\u5426" },\n {\n label: "\u662f\u5426\u6d89\u53ca\u91d1\u878d\u53d8\u52a8",\n content: "\u5426",\n },\n ],\n [\n { label: "\u662f\u5426\u9020\u6210\u5b9e\u8d28\u635f\u5931", content: "\u5426" },\n { label: "\u8d23\u4efb\u5f52\u5c5e", content: "\u5ba2\u6237\u539f\u56e0" },\n ],\n [\n {\n label: "\u9000\u7968\u539f\u56e0",\n content: "\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf\u8ff0\u9000\u7968\u539f\u56e0\u7684\u63cf",\n },\n ],\n [{ label: "\u9644\u4ef6", content: "\u9644\u4ef6\u540d\u79f0" }],\n [\n {label: "\u64cd\u4f5c\u65f6\u95f4", content: "2022-08-01 16:32"},\n {label: "\u64cd\u4f5c\u4eba", content: "\u897f\u897f\u6b6a", display: false},\n ],\n [\n {\n label: "\u8d85\u957f\u5185\u5bb9",\n content:\n "\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9\u8d85\u957f\u5185\u5bb9",\n },\n {\n label: "\u8d85\u957f\u82f1\u6587",\n content:\n "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",\n },\n ],\n ]}\n />\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_InfoPage",packageName:"@kne/current-lib_info-page",component:e},{name:"antd",packageName:"antd",component:o}]},{title:"TableView",description:"\u8bf7\u5c3d\u91cf\u4f7f\u7528\u8be5\u7ec4\u4ef6\u4ee3\u66ffDescriptions\u7ec4\u4ef6\u3002\u8be5\u7ec4\u4ef6\u6bd4Descriptions\u7ec4\u4ef6\u6dfb\u52a0\u4e86\u6570\u636e\u683c\u5f0f\u5316\u548c\u7075\u6d3b\u7684\u7a7a\u5224\u65ad\u548c\u81ea\u5b9a\u4e49\u7a7a\u5c55\u793a\uff0c\u5e76\u4e14\u4f18\u5316\u4e86\u6392\u5217\uff0c\u53ef\u4ee5\u5b9e\u73b0\u4efb\u4f55\u6805\u683c\u5927\u5c0f\u7684\u6570\u636e\u9879\u590d\u6742\u7ec4\u5408\u3002\u5b9e\u73b0\u4e86\u5c3e\u884c\u4f18\u5316\uff0c\u4f7f\u4f60\u4e0d\u5fc5\u62c5\u5fc3\u672b\u5c3e\u9879\u7684\u5bbd\u5ea6\u95ee\u9898\uff0c\u7a0b\u5e8f\u4f1a\u81ea\u52a8\u8ba1\u7b97\u5e76\u5360\u6ee1\u8be5\u884c\u3002",code:"const { TableView } = _InfoPage;\n\nconst BaseExample = () => {\n return (<TableView dataSource={{\n id: 'RC00101',\n name: '\u5f20\u4e09',\n birthday: '2020-03-03',\n addTime: new Date(),\n count: 2000.1322,\n count2: 0.01234565,\n count3: 1234523,\n description: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\n\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\n\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`,\n description2: `\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0\u63cf\u8ff0`\n }} col={3} columns={[{\n name: 'id', title: 'ID', block: true\n }, {\n name: 'name', title: '\u59d3\u540d', span: 10\n }, {\n name: 'birthday', title: '\u51fa\u751f\u65e5\u671f', format: 'date'\n }, {\n name: 'addTime', title: '\u6dfb\u52a0\u65f6\u95f4', format: 'datetime'\n }, {\n name: 'count', title: '\u6570\u91cf', format: 'number'\n }, {\n name: 'count2', title: '\u767e\u5206\u6bd4', format: 'number-percent money-\u767e\u5206\u6bd4'\n }, {\n name: 'count3', title: '\u4e07\u5143', format: 'number--10000', render: (value) => `${value}\u4e07\u5143`\n }, {\n name: 'empty', title: '\u7a7a\u503c\u663e\u793a'\n }, {\n name: 'empty2', title: '\u7a7a\u503c\u663e\u793a2', placeholder: '\u7a7a'\n }, {\n name: 'empty3', title: '\u7a7a\u503c\u663e\u793a3', emptyIsPlaceholder: false\n }, {\n name: 'description', title: '\u63cf\u8ff0'\n }, {\n name: 'description2', title: '\u63cf\u8ff0'\n }, {\n name: 'end', title: '\u5c3e\u884c\u4f18\u5316'\n }]} />);\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_InfoPage",packageName:"@kne/current-lib_info-page",component:e},{name:"antd",packageName:"antd",component:o}]}]}}},1448:(n,t,a)=>{"use strict";var e=a(4922),o=a.n(e),d=a(7558),c=a(5199),r=a(9946),l=a.n(r),i=a(3050),s=a(1488),p=a.n(s),m=a(9261);window.PUBLIC_URL="/info-page";const u={remote:"components-core",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.1.10"};(0,i.preset)({remotes:{default:u,"components-core":u,"components-iconfont":{remote:"components-iconfont",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.1.3"}}});const h=(()=>{const n=l().create({validateStatus:function(){return!0}});return t=>t.hasOwnProperty("loader")&&"function"===typeof t.loader?Promise.resolve(t.loader(p()(t,["loader"]))).then((n=>({data:{code:0,data:n}}))).catch((n=>(c.message.error(n.message||"\u8bf7\u6c42\u53d1\u751f\u9519\u8bef"),{data:{code:500,msg:n.message}}))):n(t)})();(0,d.preset)({ajax:h,loading:(0,m.jsx)(c.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,m.jsx)(c.Empty,{}),transformResponse:n=>{const{data:t}=n;return n.data={code:0===t.code?200:t.code,msg:t.msg,results:t.data},n}});var g=a(5457),b=a(4679),f=a(4152),P=a.n(f),I=(a(1296),a(6446));const R=P().ExampleRoutes,y=n=>{let{preset:t,themeToken:a,...e}=n;return(0,m.jsx)(b.HashRouter,{children:(0,m.jsx)(R,{...e,paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:t,themeToken:a,readme:I.default,pageProps:{menu:null}})})};g.createRoot(document.getElementById("root")).render((0,m.jsx)(o().StrictMode,{children:(0,m.jsx)(y,{preset:{ajax:h},themeToken:{colorPrimary:"#4F185A"}})}))},2241:()=>{}}]);
|
|
2
|
+
//# sourceMappingURL=414.6b9bd28a.chunk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"static/js/414.cd32878d.chunk.js","mappings":"kHAAA,SAASA,EAAoBC,GAC5B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,CACP,CACAF,EAAoBK,KAAO,IAAM,GACjCL,EAAoBM,QAAUN,EAC9BA,EAAoBO,GAAK,KACzBC,EAAOC,QAAUT,C,iFCFjB,MAufA,EAvfqB,CACjBU,KAAM,YACNC,QAAS,isCAYTC,YAAa,yLACbC,YAAa,iBACbC,IAAK,06LA+NLC,QAAS,CACLC,QAAQ,EACRC,UAAW,kBACXC,MAAO,GACPC,KAAM,CAAC,CACXC,MAAO,WACPR,YAAa,mDACbR,KAAM,o5BAkCNiB,MAAO,CAAC,CACRX,KAAM,YACNG,YAAa,6BACbS,UAAW,GACb,CACEZ,KAAM,OACNG,YAAa,OACbS,UAAW,KAEb,CACEF,MAAO,UACPR,YAAa,yDACbR,KAAM,ysGAsDNiB,MAAO,CAAC,CACRX,KAAM,YACNG,YAAa,6BACbS,UAAW,GACb,CACEZ,KAAM,OACNG,YAAa,OACbS,UAAW,KAEb,CACEF,MAAO,eACPR,YAAa,mDACbR,KAAM,8kGA4ENiB,MAAO,CAAC,CACRX,KAAM,YACNG,YAAa,6BACbS,UAAW,GACb,CACEZ,KAAM,OACNG,YAAa,OACbS,UAAW,KAEb,CACEF,MAAO,YACPR,YAAa,ipBACbR,KAAM,0uDA6CNiB,MAAO,CAAC,CACRX,KAAM,YACNG,YAAa,6BACbS,UAAW,GACb,CACEZ,KAAM,OACNG,YAAa,OACbS,UAAW,O,mICjffC,OAAOC,WAAaC,aAEpB,MAAMC,EAAuB,CACzBC,OAAQ,kBACRC,IAAK,iCACLC,IAAK,+DACLC,eAAgB,WAGpBC,EAAAA,EAAAA,QAAmB,CACfC,QAAS,CACLC,QAASP,EAAsB,kBAAmBA,EAAsB,sBAAuB,CAC3FC,OAAQ,sBACRC,IAAK,iCACLC,IAAK,+DACLC,eAAgB,YAKrB,MAAMI,EAAO,MAChB,MAAMC,EAAWC,IAAAA,OAAa,CAC1BC,eAAgB,WACZ,OAAO,CACX,IAGJ,OAAQC,GACAA,EAAOC,eAAe,WAAsC,oBAAlBD,EAAOE,OAC1CC,QAAQnC,QAAQgC,EAAOE,OAAOE,IAAKJ,EAAQ,CAAC,aAAaK,MAAMC,IAAI,CACtEA,KAAM,CACFxC,KAAM,EAAGwC,YAEbC,OAAOC,IACPC,EAAAA,QAAQC,MAAMF,EAAIC,SAAW,wCACtB,CAACH,KAAM,CAACxC,KAAM,IAAK6C,IAAKH,EAAIC,aAGpCZ,EAASG,EAEvB,EApBmB,IAuBpBY,EAAAA,EAAAA,QAAY,CACRhB,OACAiB,SAASC,EAAAA,EAAAA,KAACC,EAAAA,KAAI,CAACC,MAAO,IACPpC,MAAO,CAACqC,SAAU,WAAYC,KAAM,MAAOC,QAAS,OAAQC,UAAW,sBACtFV,MAAO,KACPW,OAAOP,EAAAA,EAAAA,KAACQ,EAAAA,MAAK,IACbC,kBAAoBC,IAChB,MAAM,KAAClB,GAAQkB,EAIf,OAHAA,EAASlB,KAAO,CACZxC,KAAoB,IAAdwC,EAAKxC,KAAa,IAAMwC,EAAKxC,KAAM6C,IAAKL,EAAKK,IAAKc,QAASnB,EAAKA,MAEnEkB,CAAQ,I,+DCxDvB,MAAME,EAAgBC,IAAAA,cAuBtB,EArBYC,IAAuC,IAAtC,OAAEC,EAAM,WAAEC,KAAeC,GAAOH,EAC3C,OACId,EAAAA,EAAAA,KAACkB,EAAAA,WAAU,CAAAC,UACTnB,EAAAA,EAAAA,KAACY,EAAa,IACNK,EACJG,MAAO,CACL,CACEC,IAAK,aACLC,KAAM,IACNtD,MAAO,iBAGX+C,OAAQA,EACRC,WAAYA,EACZO,OAAQA,EAAAA,QACRC,UAAW,CAAEC,KAAM,SAEZ,ECnBNC,EAAAA,WAAoBC,SAASC,eAAe,SAMpDC,QACD7B,EAAAA,EAAAA,KAAC8B,IAAAA,WAAgB,CAAAX,UACfnB,EAAAA,EAAAA,KAAC+B,EAAG,CAAChB,OAAQ,CAAEjC,KAAK,GAAGkC,WANV,CACjBgB,aAAc,e","sources":["../node_modules/@babel/standalone|sync","../../README.md","preset.js","App.js","bootstrap.js"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = () => ([]);\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 5764;\nmodule.exports = webpackEmptyContext;","import * as component_1 from '@kne/current-lib_info-page';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport * as component_3 from 'antd';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport '@kne/current-lib_info-page/dist/index.css';\nconst readmeConfig = {\n name: `info-page`,\n summary: `<h3><em><code>InfoPage</code></em> 何时使用</h3>\n<p>一般用在复杂的详情展示页面,<code>InfoPage</code> 提供了一个标准的展示信息的格式</p>\n<h3>特点</h3>\n<ul>\n<li>支持 <code>Content</code> 组件 <code>Descriptions</code> 组件的组合</li>\n<li>支持 <code>Collapse</code> 组件组合</li>\n<li><code>InfoPage.Part</code>、<code>InfoPage.Collapse</code> 需要放在 <code>InfoPage</code> 之下,<code>Content</code>、<code>Descriptions</code> 可以任意组合</li>\n</ul>\n<h3><em><code>Content</code></em> 何时使用</h3>\n<p>成组展示多个字段,常见于详情页的信息展示</p>\n<h3>特点</h3>\n<p>labelAlign 不为 auto 时会自动计算 label 的最小宽度使所有 label 的宽度等于最长的 label 宽度,使视觉上更加整齐有秩序感</p>`,\n description: `一般用在复杂的详情展示页面,InfoPage提供了一个标准的展示信息的格式`,\n packageName: `@kne/info-page`,\n api: `<h3>InfoPage</h3>\n<p>同 <a href=\"https://ant.design/components/Card#api\"><code>Ant Design Card</code></a></p>\n<p>新增参数:</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>副标题</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>InfoPage</code> 的 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Part</h4>\n<p>同 <a href=\"https://ant.design/components/Card#api\"><code>Ant Design Card</code></a></p>\n<p>新增参数:</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>副标题</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Part</code> 的 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Collapse</h4>\n<p>同 <a href=\"https://ant.design/components/Collapse#collapse\"><code>Ant Design Collapse</code></a></p>\n<p>新增参数:</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>className</td>\n<td><code>Part</code> 的 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Content</h3>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td><code>Content</code> 的内容列表</td>\n<td><code>listItemProps[]</code></td>\n<td>[]</td>\n</tr>\n<tr>\n<td>labelAlign</td>\n<td><code>label</code> 的对齐方式可以传入的值 <code>left,right,center,auto</code>,为 <code>auto</code> 时 <code>label</code> 不计算最小宽度</td>\n<td>string</td>\n<td>left</td>\n</tr>\n<tr>\n<td>col</td>\n<td>列数</td>\n<td>number</td>\n<td>1</td>\n</tr>\n<tr>\n<td>size</td>\n<td>默认为 <code>14px</code>,可以传值为 <code>small</code>,<code>size</code> 为 <code>small</code> 时字号为 <code>12px</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>gutter</td>\n<td>栅格间隔,可以写成像素值或支持响应式的对象写法来设置水平间隔 <code>{ xs: 8, sm: 16, md: 24}</code>。或者使用数组形式同时设置 [水平间距, 垂直间距]</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Content</code> 的 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>接收 <code>Content Inner</code> 和 <code>Inner</code> 的 <code>label, content, index</code>,可以根据数据信息返回想要渲染的内容</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>listItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>数据是否展示,当为 <code>function</code> 时可以接收到 <code>item, list</code> 参数,<code>item</code> 为当前项配置,<code>dataSource</code> 为整个组件的 <code>dataSource</code> 配置</td>\n<td>boolean | function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>block</td>\n<td>是否单行显示该条信息</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>标题</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>内容</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Descriptions</h3>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>详情数据源,内部每个数组为一行数据,每行数据中每个对象为一列数据,每行最多包含 <code>2</code> 列内容,多余的会被丢弃</td>\n<td><code>dataSourceItemProps[]</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>接收 <code>Descriptions Inner</code> 和 <code>Inner</code> 的 <code>label, content, displaty, index</code>,可以根据数据信息返回想要渲染的内容</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>dataSourceItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>数据是否展示,当为 <code>function</code> 时可以接收到 <code>item, dataSource</code> 参数,<code>item</code> 为当前项配置,<code>dataSource</code> 为整个组件的 <code>dataSource</code> 配置</td>\n<td>boolean | function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>label</td>\n<td>数据展示的标题</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>数据展示的内容</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>`,\n example: {\n isFull: false,\n className: `info_page_52434`,\n style: ``,\n list: [{\n title: `InfoPage`,\n description: `这里填写示例说明`,\n code: `const {default: InfoPage} = _InfoPage;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n return (\n <InfoPage>\n InfoPage\n <InfoPage.Part\n title=\"Part Title\"\n subtitle=\"我是一个subtitle\"\n extra={<Button>操作</Button>}\n >\n InfoPage.Part\n <InfoPage.Part\n title=\"Part Title\"\n subtitle=\"我是一个subtitle\"\n extra={<Button>操作</Button>}\n >\n InfoPage.InfoPage.Part\n </InfoPage.Part>\n </InfoPage.Part>\n <InfoPage.Collapse\n items={[\n {key: '1', label: 'This is default size panel header', children: <p>InfoPage.Collapse</p>},\n {key: '2', label: 'This is default size panel header2', children: <p>InfoPage.Collapse2</p>},\n ]}\n />\n </InfoPage>\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_InfoPage\",\n packageName: \"@kne/current-lib_info-page\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_3\n}]\n},{\n title: `Content`,\n description: `展示了一个基本内容`,\n code: `const { Content } = _InfoPage;\nconst {Space, Radio} = antd;\nconst {useState} = React;\n\nconst BaseExample = () => {\n const [listProps, setListProps] = useState({\n col: 1,\n size: 'default',\n labelAlign: 'left'\n });\n const onChange = (e, name) => {\n const val = e?.target.value;\n setListProps(prevState => Object.assign({}, prevState, {[name]: val}));\n };\n\n return (\n <Space direction='vertical' size={12}>\n <Radio.Group onChange={(e) => onChange(e, 'col')} value={listProps.col}>\n <Radio.Button value={1}>1列</Radio.Button>\n <Radio.Button value={2}>2列</Radio.Button>\n <Radio.Button value={3}>3列</Radio.Button>\n </Radio.Group>\n <Radio.Group onChange={(e) => onChange(e, 'labelAlign')} value={listProps.labelAlign}>\n <Radio.Button value='left'>左对齐</Radio.Button>\n <Radio.Button value='center'>中心对齐</Radio.Button>\n <Radio.Button value='right'>右对齐</Radio.Button>\n <Radio.Button value='auto'>自适应</Radio.Button>\n </Radio.Group>\n <Radio.Group onChange={(e) => onChange(e, 'size')} value={listProps.size}>\n <Radio.Button value='default'>默认</Radio.Button>\n <Radio.Button value='small'>small</Radio.Button>\n </Radio.Group>\n <Content\n {...listProps}\n list={[\n {label: '标题', content: '内容'},\n {label: '标题标题', content: '内容内容'},\n {label: '标题标', content: '内容内容内容内容内容内容内容内容内容内容'},\n {\n label: '标题标题标题',\n content: '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'\n }\n ]}\n itemRender={(inner, other) => {\n return other?.index === 2 ? '此处内容额外自定义' : inner;\n }}\n />\n </Space>\n );\n};\n\nrender(<BaseExample/>);\n\n`,\n scope: [{\n name: \"_InfoPage\",\n packageName: \"@kne/current-lib_info-page\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_3\n}]\n},{\n title: `Descriptions`,\n description: `展示一个信息详情`,\n code: `const {Descriptions} = _InfoPage;\n\nconst BaseExample = () => {\n return (\n <Descriptions\n dataSource={[\n [\n { label: \"客户名称\", content: \"腾讯\" },\n {\n label: \"发票抬头\",\n content: \"腾讯科技公司\",\n },\n ],\n [\n { label: \"发票类型\", content: \"增值税专用发票\" },\n {\n label: \"发票开具日期\",\n content: \"2022-08-15\",\n },\n ],\n [{ label: \"退票金额\", content: \"22000.00元\" }],\n [\n {\n label: \"发票号\",\n content: (\n <div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n </div>\n ),\n },\n ],\n [\n { label: \"是否需要重开发票\", content: \"否\" },\n {\n label: \"是否涉及金融变动\",\n content: \"否\",\n },\n ],\n [\n { label: \"是否造成实质损失\", content: \"否\" },\n { label: \"责任归属\", content: \"客户原因\" },\n ],\n [\n {\n label: \"退票原因\",\n content: \"退票原因的描述退票原因的描述退票原因的描\",\n },\n ],\n [{ label: \"附件\", content: \"附件名称\" }],\n [\n {label: \"操作时间\", content: \"2022-08-01 16:32\"},\n {label: \"操作人\", content: \"西西歪\", display: false},\n ],\n [\n {\n label: \"超长内容\",\n content:\n \"超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容\",\n },\n {\n label: \"超长英文\",\n content:\n \"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa\",\n },\n ],\n ]}\n />\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_InfoPage\",\n packageName: \"@kne/current-lib_info-page\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_3\n}]\n},{\n title: `TableView`,\n description: `请尽量使用该组件代替Descriptions组件。该组件比Descriptions组件添加了数据格式化和灵活的空判断和自定义空展示,并且优化了排列,可以实现任何栅格大小的数据项复杂组合。实现了尾行优化,使你不必担心末尾项的宽度问题,程序会自动计算并占满该行。`,\n code: `const { TableView } = _InfoPage;\n\nconst BaseExample = () => {\n return (<TableView dataSource={{\n id: 'RC00101',\n name: '张三',\n birthday: '2020-03-03',\n addTime: new Date(),\n count: 2000.1322,\n count2: 0.01234565,\n count3: 1234523,\n description: \\`描述描述描述描述描述描述描述描述\\n描述描述描述描述描述描述描述描述\\n描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述\\`,\n description2: \\`描述描述描述描述描述描述描述描述\\`\n }} col={3} columns={[{\n name: 'id', title: 'ID', block: true\n }, {\n name: 'name', title: '姓名', span: 10\n }, {\n name: 'birthday', title: '出生日期', format: 'date'\n }, {\n name: 'addTime', title: '添加时间', format: 'datetime'\n }, {\n name: 'count', title: '数量', format: 'number'\n }, {\n name: 'count2', title: '百分比', format: 'number-percent'\n }, {\n name: 'count3', title: '万元', format: 'number--10000'\n }, {\n name: 'empty', title: '空值显示'\n }, {\n name: 'empty2', title: '空值显示2', placeholder: '空'\n }, {\n name: 'empty3', title: '空值显示3', emptyIsPlaceholder: false\n }, {\n name: 'description', title: '描述'\n }, {\n name: 'description2', title: '描述'\n }, {\n name: 'end', title: '尾行优化'\n }]} />);\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_InfoPage\",\n packageName: \"@kne/current-lib_info-page\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_3\n}]\n}]\n }\n};\nexport default readmeConfig;\n","import React from 'react';\nimport {preset as fetchPreset} from '@kne/react-fetch';\nimport {Spin, Empty, message} from 'antd';\nimport axios from 'axios';\nimport {preset as remoteLoaderPreset} from '@kne/remote-loader';\nimport omit from 'lodash/omit';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\nconst componentsCoreRemote = {\n remote: \"components-core\",\n url: \"https://registry.npmmirror.com\",\n tpl: \"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build\",\n defaultVersion: '0.1.10',\n};\n\nremoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n remote: \"components-iconfont\",\n url: \"https://registry.npmmirror.com\",\n tpl: \"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build\",\n defaultVersion: '0.1.3',\n }\n }\n});\n\nexport const ajax = (() => {\n const instance = axios.create({\n validateStatus: function () {\n return true;\n }\n });\n\n return (params) => {\n if (params.hasOwnProperty('loader') && typeof params.loader === 'function') {\n return Promise.resolve(params.loader(omit(params, ['loader']))).then((data) => ({\n data: {\n code: 0, data\n }\n })).catch((err) => {\n message.error(err.message || '请求发生错误');\n return {data: {code: 500, msg: err.message}};\n });\n }\n return instance(params);\n };\n})();\n\n\nfetchPreset({\n ajax,\n loading: <Spin delay={500}\n style={{position: 'absolute', left: '50%', padding: '10px', transform: 'translateX(-50%)'}}/>,\n error: null,\n empty: <Empty/>,\n transformResponse: (response) => {\n const {data} = response;\n response.data = {\n code: data.code === 0 ? 200 : data.code, msg: data.msg, results: data.data\n };\n return response;\n }\n});\n","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ preset, themeToken, ...props }) => {\n return (\n <HashRouter>\n <ExampleRoutes\n {...props}\n paths={[\n {\n key: \"components\",\n path: \"/\",\n title: \"首页\",\n },\n ]}\n preset={preset}\n themeToken={themeToken}\n readme={readme}\n pageProps={{ menu: null }}\n />\n </HashRouter>\n );\n};\n\nexport default App;\n","import { ajax } from \"./preset\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"./App\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\n\nconst themeToken = {\n colorPrimary: \"#4F185A\",\n};\n\nroot.render(\n <React.StrictMode>\n <App preset={{ ajax }} themeToken={themeToken} />\n </React.StrictMode>\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","name","summary","description","packageName","api","example","isFull","className","style","list","title","scope","component","window","PUBLIC_URL","process","componentsCoreRemote","remote","url","tpl","defaultVersion","remoteLoaderPreset","remotes","default","ajax","instance","axios","validateStatus","params","hasOwnProperty","loader","Promise","omit","then","data","catch","err","message","error","msg","fetchPreset","loading","_jsx","Spin","delay","position","left","padding","transform","empty","Empty","transformResponse","response","results","ExampleRoutes","createEntry","_ref","preset","themeToken","props","HashRouter","children","paths","key","path","readme","pageProps","menu","ReactDOM","document","getElementById","render","React","App","colorPrimary"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"static/js/414.6b9bd28a.chunk.js","mappings":"kHAAA,SAASA,EAAoBC,GAC5B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,CACP,CACAF,EAAoBK,KAAO,IAAM,GACjCL,EAAoBM,QAAUN,EAC9BA,EAAoBO,GAAK,KACzBC,EAAOC,QAAUT,C,iFCFjB,MAufA,EAvfqB,CACjBU,KAAM,YACNC,QAAS,isCAYTC,YAAa,yLACbC,YAAa,iBACbC,IAAK,06LA+NLC,QAAS,CACLC,QAAQ,EACRC,UAAW,kBACXC,MAAO,GACPC,KAAM,CAAC,CACXC,MAAO,WACPR,YAAa,mDACbR,KAAM,o5BAkCNiB,MAAO,CAAC,CACRX,KAAM,YACNG,YAAa,6BACbS,UAAW,GACb,CACEZ,KAAM,OACNG,YAAa,OACbS,UAAW,KAEb,CACEF,MAAO,UACPR,YAAa,yDACbR,KAAM,ysGAsDNiB,MAAO,CAAC,CACRX,KAAM,YACNG,YAAa,6BACbS,UAAW,GACb,CACEZ,KAAM,OACNG,YAAa,OACbS,UAAW,KAEb,CACEF,MAAO,eACPR,YAAa,mDACbR,KAAM,8kGA4ENiB,MAAO,CAAC,CACRX,KAAM,YACNG,YAAa,6BACbS,UAAW,GACb,CACEZ,KAAM,OACNG,YAAa,OACbS,UAAW,KAEb,CACEF,MAAO,YACPR,YAAa,ipBACbR,KAAM,8yDA6CNiB,MAAO,CAAC,CACRX,KAAM,YACNG,YAAa,6BACbS,UAAW,GACb,CACEZ,KAAM,OACNG,YAAa,OACbS,UAAW,O,mICjffC,OAAOC,WAAaC,aAEpB,MAAMC,EAAuB,CACzBC,OAAQ,kBACRC,IAAK,iCACLC,IAAK,+DACLC,eAAgB,WAGpBC,EAAAA,EAAAA,QAAmB,CACfC,QAAS,CACLC,QAASP,EAAsB,kBAAmBA,EAAsB,sBAAuB,CAC3FC,OAAQ,sBACRC,IAAK,iCACLC,IAAK,+DACLC,eAAgB,YAKrB,MAAMI,EAAO,MAChB,MAAMC,EAAWC,IAAAA,OAAa,CAC1BC,eAAgB,WACZ,OAAO,CACX,IAGJ,OAAQC,GACAA,EAAOC,eAAe,WAAsC,oBAAlBD,EAAOE,OAC1CC,QAAQnC,QAAQgC,EAAOE,OAAOE,IAAKJ,EAAQ,CAAC,aAAaK,MAAMC,IAAI,CACtEA,KAAM,CACFxC,KAAM,EAAGwC,YAEbC,OAAOC,IACPC,EAAAA,QAAQC,MAAMF,EAAIC,SAAW,wCACtB,CAACH,KAAM,CAACxC,KAAM,IAAK6C,IAAKH,EAAIC,aAGpCZ,EAASG,EAEvB,EApBmB,IAuBpBY,EAAAA,EAAAA,QAAY,CACRhB,OACAiB,SAASC,EAAAA,EAAAA,KAACC,EAAAA,KAAI,CAACC,MAAO,IACPpC,MAAO,CAACqC,SAAU,WAAYC,KAAM,MAAOC,QAAS,OAAQC,UAAW,sBACtFV,MAAO,KACPW,OAAOP,EAAAA,EAAAA,KAACQ,EAAAA,MAAK,IACbC,kBAAoBC,IAChB,MAAM,KAAClB,GAAQkB,EAIf,OAHAA,EAASlB,KAAO,CACZxC,KAAoB,IAAdwC,EAAKxC,KAAa,IAAMwC,EAAKxC,KAAM6C,IAAKL,EAAKK,IAAKc,QAASnB,EAAKA,MAEnEkB,CAAQ,I,+DCxDvB,MAAME,EAAgBC,IAAAA,cAuBtB,EArBYC,IAAuC,IAAtC,OAAEC,EAAM,WAAEC,KAAeC,GAAOH,EAC3C,OACId,EAAAA,EAAAA,KAACkB,EAAAA,WAAU,CAAAC,UACTnB,EAAAA,EAAAA,KAACY,EAAa,IACNK,EACJG,MAAO,CACL,CACEC,IAAK,aACLC,KAAM,IACNtD,MAAO,iBAGX+C,OAAQA,EACRC,WAAYA,EACZO,OAAQA,EAAAA,QACRC,UAAW,CAAEC,KAAM,SAEZ,ECnBNC,EAAAA,WAAoBC,SAASC,eAAe,SAMpDC,QACD7B,EAAAA,EAAAA,KAAC8B,IAAAA,WAAgB,CAAAX,UACfnB,EAAAA,EAAAA,KAAC+B,EAAG,CAAChB,OAAQ,CAAEjC,KAAK,GAAGkC,WANV,CACjBgB,aAAc,e","sources":["../node_modules/@babel/standalone|sync","../../README.md","preset.js","App.js","bootstrap.js"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = () => ([]);\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 5764;\nmodule.exports = webpackEmptyContext;","import * as component_1 from '@kne/current-lib_info-page';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport * as component_3 from 'antd';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport '@kne/current-lib_info-page/dist/index.css';\nconst readmeConfig = {\n name: `info-page`,\n summary: `<h3><em><code>InfoPage</code></em> 何时使用</h3>\n<p>一般用在复杂的详情展示页面,<code>InfoPage</code> 提供了一个标准的展示信息的格式</p>\n<h3>特点</h3>\n<ul>\n<li>支持 <code>Content</code> 组件 <code>Descriptions</code> 组件的组合</li>\n<li>支持 <code>Collapse</code> 组件组合</li>\n<li><code>InfoPage.Part</code>、<code>InfoPage.Collapse</code> 需要放在 <code>InfoPage</code> 之下,<code>Content</code>、<code>Descriptions</code> 可以任意组合</li>\n</ul>\n<h3><em><code>Content</code></em> 何时使用</h3>\n<p>成组展示多个字段,常见于详情页的信息展示</p>\n<h3>特点</h3>\n<p>labelAlign 不为 auto 时会自动计算 label 的最小宽度使所有 label 的宽度等于最长的 label 宽度,使视觉上更加整齐有秩序感</p>`,\n description: `一般用在复杂的详情展示页面,InfoPage提供了一个标准的展示信息的格式`,\n packageName: `@kne/info-page`,\n api: `<h3>InfoPage</h3>\n<p>同 <a href=\"https://ant.design/components/Card#api\"><code>Ant Design Card</code></a></p>\n<p>新增参数:</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>副标题</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>InfoPage</code> 的 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Part</h4>\n<p>同 <a href=\"https://ant.design/components/Card#api\"><code>Ant Design Card</code></a></p>\n<p>新增参数:</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>subtitle</td>\n<td>副标题</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Part</code> 的 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>InfoPage.Collapse</h4>\n<p>同 <a href=\"https://ant.design/components/Collapse#collapse\"><code>Ant Design Collapse</code></a></p>\n<p>新增参数:</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>className</td>\n<td><code>Part</code> 的 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Content</h3>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>list</td>\n<td><code>Content</code> 的内容列表</td>\n<td><code>listItemProps[]</code></td>\n<td>[]</td>\n</tr>\n<tr>\n<td>labelAlign</td>\n<td><code>label</code> 的对齐方式可以传入的值 <code>left,right,center,auto</code>,为 <code>auto</code> 时 <code>label</code> 不计算最小宽度</td>\n<td>string</td>\n<td>left</td>\n</tr>\n<tr>\n<td>col</td>\n<td>列数</td>\n<td>number</td>\n<td>1</td>\n</tr>\n<tr>\n<td>size</td>\n<td>默认为 <code>14px</code>,可以传值为 <code>small</code>,<code>size</code> 为 <code>small</code> 时字号为 <code>12px</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>gutter</td>\n<td>栅格间隔,可以写成像素值或支持响应式的对象写法来设置水平间隔 <code>{ xs: 8, sm: 16, md: 24}</code>。或者使用数组形式同时设置 [水平间距, 垂直间距]</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>Content</code> 的 <code>className</code></td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>接收 <code>Content Inner</code> 和 <code>Inner</code> 的 <code>label, content, index</code>,可以根据数据信息返回想要渲染的内容</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>listItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>数据是否展示,当为 <code>function</code> 时可以接收到 <code>item, list</code> 参数,<code>item</code> 为当前项配置,<code>dataSource</code> 为整个组件的 <code>dataSource</code> 配置</td>\n<td>boolean | function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>block</td>\n<td>是否单行显示该条信息</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>标题</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>内容</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Descriptions</h3>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>dataSource</td>\n<td>详情数据源,内部每个数组为一行数据,每行数据中每个对象为一列数据,每行最多包含 <code>2</code> 列内容,多余的会被丢弃</td>\n<td><code>dataSourceItemProps[]</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>itemRender</td>\n<td>接收 <code>Descriptions Inner</code> 和 <code>Inner</code> 的 <code>label, content, displaty, index</code>,可以根据数据信息返回想要渲染的内容</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>dataSourceItemProps</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>display</td>\n<td>数据是否展示,当为 <code>function</code> 时可以接收到 <code>item, dataSource</code> 参数,<code>item</code> 为当前项配置,<code>dataSource</code> 为整个组件的 <code>dataSource</code> 配置</td>\n<td>boolean | function</td>\n<td>true</td>\n</tr>\n<tr>\n<td>label</td>\n<td>数据展示的标题</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>数据展示的内容</td>\n<td>ReactNode | string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>`,\n example: {\n isFull: false,\n className: `info_page_52434`,\n style: ``,\n list: [{\n title: `InfoPage`,\n description: `这里填写示例说明`,\n code: `const {default: InfoPage} = _InfoPage;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n return (\n <InfoPage>\n InfoPage\n <InfoPage.Part\n title=\"Part Title\"\n subtitle=\"我是一个subtitle\"\n extra={<Button>操作</Button>}\n >\n InfoPage.Part\n <InfoPage.Part\n title=\"Part Title\"\n subtitle=\"我是一个subtitle\"\n extra={<Button>操作</Button>}\n >\n InfoPage.InfoPage.Part\n </InfoPage.Part>\n </InfoPage.Part>\n <InfoPage.Collapse\n items={[\n {key: '1', label: 'This is default size panel header', children: <p>InfoPage.Collapse</p>},\n {key: '2', label: 'This is default size panel header2', children: <p>InfoPage.Collapse2</p>},\n ]}\n />\n </InfoPage>\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_InfoPage\",\n packageName: \"@kne/current-lib_info-page\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_3\n}]\n},{\n title: `Content`,\n description: `展示了一个基本内容`,\n code: `const { Content } = _InfoPage;\nconst {Space, Radio} = antd;\nconst {useState} = React;\n\nconst BaseExample = () => {\n const [listProps, setListProps] = useState({\n col: 1,\n size: 'default',\n labelAlign: 'left'\n });\n const onChange = (e, name) => {\n const val = e?.target.value;\n setListProps(prevState => Object.assign({}, prevState, {[name]: val}));\n };\n\n return (\n <Space direction='vertical' size={12}>\n <Radio.Group onChange={(e) => onChange(e, 'col')} value={listProps.col}>\n <Radio.Button value={1}>1列</Radio.Button>\n <Radio.Button value={2}>2列</Radio.Button>\n <Radio.Button value={3}>3列</Radio.Button>\n </Radio.Group>\n <Radio.Group onChange={(e) => onChange(e, 'labelAlign')} value={listProps.labelAlign}>\n <Radio.Button value='left'>左对齐</Radio.Button>\n <Radio.Button value='center'>中心对齐</Radio.Button>\n <Radio.Button value='right'>右对齐</Radio.Button>\n <Radio.Button value='auto'>自适应</Radio.Button>\n </Radio.Group>\n <Radio.Group onChange={(e) => onChange(e, 'size')} value={listProps.size}>\n <Radio.Button value='default'>默认</Radio.Button>\n <Radio.Button value='small'>small</Radio.Button>\n </Radio.Group>\n <Content\n {...listProps}\n list={[\n {label: '标题', content: '内容'},\n {label: '标题标题', content: '内容内容'},\n {label: '标题标', content: '内容内容内容内容内容内容内容内容内容内容'},\n {\n label: '标题标题标题',\n content: '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'\n }\n ]}\n itemRender={(inner, other) => {\n return other?.index === 2 ? '此处内容额外自定义' : inner;\n }}\n />\n </Space>\n );\n};\n\nrender(<BaseExample/>);\n\n`,\n scope: [{\n name: \"_InfoPage\",\n packageName: \"@kne/current-lib_info-page\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_3\n}]\n},{\n title: `Descriptions`,\n description: `展示一个信息详情`,\n code: `const {Descriptions} = _InfoPage;\n\nconst BaseExample = () => {\n return (\n <Descriptions\n dataSource={[\n [\n { label: \"客户名称\", content: \"腾讯\" },\n {\n label: \"发票抬头\",\n content: \"腾讯科技公司\",\n },\n ],\n [\n { label: \"发票类型\", content: \"增值税专用发票\" },\n {\n label: \"发票开具日期\",\n content: \"2022-08-15\",\n },\n ],\n [{ label: \"退票金额\", content: \"22000.00元\" }],\n [\n {\n label: \"发票号\",\n content: (\n <div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n <div>00384895992774</div>\n </div>\n ),\n },\n ],\n [\n { label: \"是否需要重开发票\", content: \"否\" },\n {\n label: \"是否涉及金融变动\",\n content: \"否\",\n },\n ],\n [\n { label: \"是否造成实质损失\", content: \"否\" },\n { label: \"责任归属\", content: \"客户原因\" },\n ],\n [\n {\n label: \"退票原因\",\n content: \"退票原因的描述退票原因的描述退票原因的描\",\n },\n ],\n [{ label: \"附件\", content: \"附件名称\" }],\n [\n {label: \"操作时间\", content: \"2022-08-01 16:32\"},\n {label: \"操作人\", content: \"西西歪\", display: false},\n ],\n [\n {\n label: \"超长内容\",\n content:\n \"超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容超长内容\",\n },\n {\n label: \"超长英文\",\n content:\n \"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa\",\n },\n ],\n ]}\n />\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_InfoPage\",\n packageName: \"@kne/current-lib_info-page\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_3\n}]\n},{\n title: `TableView`,\n description: `请尽量使用该组件代替Descriptions组件。该组件比Descriptions组件添加了数据格式化和灵活的空判断和自定义空展示,并且优化了排列,可以实现任何栅格大小的数据项复杂组合。实现了尾行优化,使你不必担心末尾项的宽度问题,程序会自动计算并占满该行。`,\n code: `const { TableView } = _InfoPage;\n\nconst BaseExample = () => {\n return (<TableView dataSource={{\n id: 'RC00101',\n name: '张三',\n birthday: '2020-03-03',\n addTime: new Date(),\n count: 2000.1322,\n count2: 0.01234565,\n count3: 1234523,\n description: \\`描述描述描述描述描述描述描述描述\\n描述描述描述描述描述描述描述描述\\n描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述\\`,\n description2: \\`描述描述描述描述描述描述描述描述\\`\n }} col={3} columns={[{\n name: 'id', title: 'ID', block: true\n }, {\n name: 'name', title: '姓名', span: 10\n }, {\n name: 'birthday', title: '出生日期', format: 'date'\n }, {\n name: 'addTime', title: '添加时间', format: 'datetime'\n }, {\n name: 'count', title: '数量', format: 'number'\n }, {\n name: 'count2', title: '百分比', format: 'number-percent money-百分比'\n }, {\n name: 'count3', title: '万元', format: 'number--10000', render: (value) => \\`\\${value}万元\\`\n }, {\n name: 'empty', title: '空值显示'\n }, {\n name: 'empty2', title: '空值显示2', placeholder: '空'\n }, {\n name: 'empty3', title: '空值显示3', emptyIsPlaceholder: false\n }, {\n name: 'description', title: '描述'\n }, {\n name: 'description2', title: '描述'\n }, {\n name: 'end', title: '尾行优化'\n }]} />);\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_InfoPage\",\n packageName: \"@kne/current-lib_info-page\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_3\n}]\n}]\n }\n};\nexport default readmeConfig;\n","import React from 'react';\nimport {preset as fetchPreset} from '@kne/react-fetch';\nimport {Spin, Empty, message} from 'antd';\nimport axios from 'axios';\nimport {preset as remoteLoaderPreset} from '@kne/remote-loader';\nimport omit from 'lodash/omit';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\nconst componentsCoreRemote = {\n remote: \"components-core\",\n url: \"https://registry.npmmirror.com\",\n tpl: \"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build\",\n defaultVersion: '0.1.10',\n};\n\nremoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n remote: \"components-iconfont\",\n url: \"https://registry.npmmirror.com\",\n tpl: \"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build\",\n defaultVersion: '0.1.3',\n }\n }\n});\n\nexport const ajax = (() => {\n const instance = axios.create({\n validateStatus: function () {\n return true;\n }\n });\n\n return (params) => {\n if (params.hasOwnProperty('loader') && typeof params.loader === 'function') {\n return Promise.resolve(params.loader(omit(params, ['loader']))).then((data) => ({\n data: {\n code: 0, data\n }\n })).catch((err) => {\n message.error(err.message || '请求发生错误');\n return {data: {code: 500, msg: err.message}};\n });\n }\n return instance(params);\n };\n})();\n\n\nfetchPreset({\n ajax,\n loading: <Spin delay={500}\n style={{position: 'absolute', left: '50%', padding: '10px', transform: 'translateX(-50%)'}}/>,\n error: null,\n empty: <Empty/>,\n transformResponse: (response) => {\n const {data} = response;\n response.data = {\n code: data.code === 0 ? 200 : data.code, msg: data.msg, results: data.data\n };\n return response;\n }\n});\n","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ preset, themeToken, ...props }) => {\n return (\n <HashRouter>\n <ExampleRoutes\n {...props}\n paths={[\n {\n key: \"components\",\n path: \"/\",\n title: \"首页\",\n },\n ]}\n preset={preset}\n themeToken={themeToken}\n readme={readme}\n pageProps={{ menu: null }}\n />\n </HashRouter>\n );\n};\n\nexport default App;\n","import { ajax } from \"./preset\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"./App\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\n\nconst themeToken = {\n colorPrimary: \"#4F185A\",\n};\n\nroot.render(\n <React.StrictMode>\n <App preset={{ ajax }} themeToken={themeToken} />\n </React.StrictMode>\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","name","summary","description","packageName","api","example","isFull","className","style","list","title","scope","component","window","PUBLIC_URL","process","componentsCoreRemote","remote","url","tpl","defaultVersion","remoteLoaderPreset","remotes","default","ajax","instance","axios","validateStatus","params","hasOwnProperty","loader","Promise","omit","then","data","catch","err","message","error","msg","fetchPreset","loading","_jsx","Spin","delay","position","left","padding","transform","empty","Empty","transformResponse","response","results","ExampleRoutes","createEntry","_ref","preset","themeToken","props","HashRouter","children","paths","key","path","readme","pageProps","menu","ReactDOM","document","getElementById","render","React","App","colorPrimary"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(self.webpackChunk_kne_components_info_page=self.webpackChunk_kne_components_info_page||[]).push([[830],{1830:(t,e,r)=>{"use strict";r.r(e),r.d(e,{Content:()=>P,Descriptions:()=>k,TableView:()=>ue,default:()=>O});var n=r(5199),o=r(4922),a=r.n(o),c=r(7823),l=r(263),i=r.n(l);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(null,arguments)}function u(t,e){if(null==t)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(e.includes(n))continue;r[n]=t[n]}return r}var p="undefined"!==typeof globalThis?globalThis:"undefined"!==typeof window?window:"undefined"!==typeof r.g?r.g:"undefined"!==typeof self?self:{};var f=function(t){var e={exports:{}};return t(e,e.exports),e.exports}((function(t){!function(){var e={}.hasOwnProperty;function r(){for(var t="",e=0;e<arguments.length;e++){var r=arguments[e];r&&(t=o(t,n(r)))}return t}function n(t){if("string"===typeof t||"number"===typeof t)return t;if("object"!==typeof t)return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var n="";for(var a in t)e.call(t,a)&&t[a]&&(n=o(n,a));return n}function o(t,e){return e?t?t+" "+e:t+e:t}t.exports?(r.default=r,t.exports=r):window.classNames=r}()})),v="_EF-mG",y="_UvOXW",d="_Y6tlk",h="_9qijI",b="_x-xqc";const m=["children","className"],g=t=>{let{children:e,className:r}=t,o=u(t,m);return a().createElement(n.Collapse,s({},o,{className:f(h,"collapse",r)}),e)};g.Panel=n.Collapse.Panel;const _=["className","title","subtitle","extra","children"],j=["className","children"],O=t=>{let{className:e,children:r}=t,o=u(t,j);return a().createElement(n.Flex,s({},o,{className:e,vertical:!0,gap:24}),r)};O.Part=t=>{let{className:e,title:r,subtitle:o,extra:c,children:l}=t,i=u(t,_);return a().createElement(n.Card,s({className:f(v,"part",e,{"no-title":!r,[y]:!r}),bordered:!1,title:r&&a().createElement(a().Fragment,null,a().createElement("div",{className:f("part-title",d)},r),o&&a().createElement("div",{className:f("part-title-sub",b)},o)),extra:c},i),l)},O.Collapse=g;var x="_jJxbe",w="_kPr34",E="_eWQHM",N="_qu1Kv",S="_BYIiF";const A=t=>{let{className:e,children:r,setWidth:n}=t;const c=(0,o.useRef)(null);return(0,o.useRef)(n).current=n,(0,o.useLayoutEffect)((()=>{const t=()=>{if(!c.current)return;const{width:t}=c.current.getBoundingClientRect();n(t)},e=new ResizeObserver(t);return e.observe(c.current),t(),()=>{e.disconnect()}}),[n]),a().createElement("div",{ref:c,className:e},r,"\uff1a")},P=t=>{let{list:e,labelAlign:r,col:c,gutter:l,className:i,size:s,itemRender:u}=t;const p=(0,o.useRef)([]),[v,y]=(0,o.useState)(0);return a().createElement(n.Row,{"data-testid":"components-core-content",className:f(x,"content",i,{[w]:"small"===s}),gutter:l},e.filter((t=>"function"===typeof t.display?t.display(t,e):!1!==t.display)).map(((t,e)=>{const{label:o,content:l,block:i}=t,s=a().createElement(n.Col,{span:!0===i?24:24/c,key:e,className:S},a().createElement(n.Space,{key:e,className:f(S,"content-item")},o?a().createElement("div",{style:v&&"auto"!==r?{minWidth:v,textAlign:r}:null},a().createElement(A,{className:f(E,"content-label"),setWidth:t=>{p.current[e]=t,y(Math.max(...p.current))}},o)):null,a().createElement("div",{className:f(N,"content-content")},l)));return"function"===typeof u?u(s,Object.assign({},t,{index:e})):s})))};P.defaultProps={labelAlign:"left",col:1,gutter:0,list:[]};var F={descriptions:"_zlaoe","descriptions-item":"_vLWNB","col-label":"_GlPGX","col-content":"_pSZvO"};const C=["dataSource","isFull","className","itemRender"],k=t=>{let{dataSource:e,isFull:r,className:o,itemRender:c}=t,l=u(t,C);return a().createElement(n.Row,s({},l,{className:f(F.descriptions,o)}),e.map(((t,o)=>{const l=t.slice(0,2).filter((t=>"function"===typeof t.display?t.display(t,e):!1!==t.display));return l.slice(0,2).map(((t,e)=>{const{label:i,content:s}=t,u=a().createElement(n.Col,{span:24/l.length,className:f(F["col-item"],"descriptions-col-item"),key:`${o}-${e}`},a().createElement(n.Row,{wrap:!1,className:f(F["descriptions-item"],"descriptions-item")},a().createElement(n.Col,{span:r?8:4*l.length,className:f(F["col-label"],"descriptions-col-label")},i),a().createElement(n.Col,{span:r?16:24-4*l.length,className:f(F["col-content"],"descriptions-col-content")},s)));return"function"===typeof c?c(u,Object.assign({},t,{index:e})):u}))})))};var R=Array.isArray,z="object"==typeof p&&p&&p.Object===Object&&p,I="object"==typeof self&&self&&self.Object===Object&&self,T=z||I||Function("return this")(),$=T.Symbol,M=Object.prototype,D=M.hasOwnProperty,Y=M.toString,U=$?$.toStringTag:void 0;var B=function(t){var e=D.call(t,U),r=t[U];try{t[U]=void 0;var n=!0}catch(a){}var o=Y.call(t);return n&&(e?t[U]=r:delete t[U]),o},W=Object.prototype.toString;var q=function(t){return W.call(t)},G=$?$.toStringTag:void 0;var L=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":G&&G in Object(t)?B(t):q(t)};var V=function(t){return null!=t&&"object"==typeof t};var H=function(t){return"symbol"==typeof t||V(t)&&"[object Symbol]"==L(t)},X=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Z=/^\w*$/;var J=function(t,e){if(R(t))return!1;var r=typeof t;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=t&&!H(t))||(Z.test(t)||!X.test(t)||null!=e&&t in Object(e))};var K=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)};var Q=function(t){if(!K(t))return!1;var e=L(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},tt=T["__core-js_shared__"],et=function(){var t=/[^.]+$/.exec(tt&&tt.keys&&tt.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}();var rt=function(t){return!!et&&et in t},nt=Function.prototype.toString;var ot=function(t){if(null!=t){try{return nt.call(t)}catch(e){}try{return t+""}catch(e){}}return""},at=/^\[object .+?Constructor\]$/,ct=Function.prototype,lt=Object.prototype,it=ct.toString,st=lt.hasOwnProperty,ut=RegExp("^"+it.call(st).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var pt=function(t){return!(!K(t)||rt(t))&&(Q(t)?ut:at).test(ot(t))};var ft=function(t,e){return null==t?void 0:t[e]};var vt=function(t,e){var r=ft(t,e);return pt(r)?r:void 0},yt=vt(Object,"create");var dt=function(){this.__data__=yt?yt(null):{},this.size=0};var ht=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},bt=Object.prototype.hasOwnProperty;var mt=function(t){var e=this.__data__;if(yt){var r=e[t];return"__lodash_hash_undefined__"===r?void 0:r}return bt.call(e,t)?e[t]:void 0},gt=Object.prototype.hasOwnProperty;var _t=function(t){var e=this.__data__;return yt?void 0!==e[t]:gt.call(e,t)};var jt=function(t,e){var r=this.__data__;return this.size+=this.has(t)?0:1,r[t]=yt&&void 0===e?"__lodash_hash_undefined__":e,this};function Ot(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}Ot.prototype.clear=dt,Ot.prototype.delete=ht,Ot.prototype.get=mt,Ot.prototype.has=_t,Ot.prototype.set=jt;var xt=Ot;var wt=function(){this.__data__=[],this.size=0};var Et=function(t,e){return t===e||t!==t&&e!==e};var Nt=function(t,e){for(var r=t.length;r--;)if(Et(t[r][0],e))return r;return-1},St=Array.prototype.splice;var At=function(t){var e=this.__data__,r=Nt(e,t);return!(r<0)&&(r==e.length-1?e.pop():St.call(e,r,1),--this.size,!0)};var Pt=function(t){var e=this.__data__,r=Nt(e,t);return r<0?void 0:e[r][1]};var Ft=function(t){return Nt(this.__data__,t)>-1};var Ct=function(t,e){var r=this.__data__,n=Nt(r,t);return n<0?(++this.size,r.push([t,e])):r[n][1]=e,this};function kt(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}kt.prototype.clear=wt,kt.prototype.delete=At,kt.prototype.get=Pt,kt.prototype.has=Ft,kt.prototype.set=Ct;var Rt=kt,zt=vt(T,"Map");var It=function(){this.size=0,this.__data__={hash:new xt,map:new(zt||Rt),string:new xt}};var Tt=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var $t=function(t,e){var r=t.__data__;return Tt(e)?r["string"==typeof e?"string":"hash"]:r.map};var Mt=function(t){var e=$t(this,t).delete(t);return this.size-=e?1:0,e};var Dt=function(t){return $t(this,t).get(t)};var Yt=function(t){return $t(this,t).has(t)};var Ut=function(t,e){var r=$t(this,t),n=r.size;return r.set(t,e),this.size+=r.size==n?0:1,this};function Bt(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}Bt.prototype.clear=It,Bt.prototype.delete=Mt,Bt.prototype.get=Dt,Bt.prototype.has=Yt,Bt.prototype.set=Ut;var Wt=Bt;function qt(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var r=function(){var n=arguments,o=e?e.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var c=t.apply(this,n);return r.cache=a.set(o,c)||a,c};return r.cache=new(qt.Cache||Wt),r}qt.Cache=Wt;var Gt=qt;var Lt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Vt=/\\(\\)?/g,Ht=function(t){var e=Gt(t,(function(t){return 500===r.size&&r.clear(),t})),r=e.cache;return e}((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(Lt,(function(t,r,n,o){e.push(n?o.replace(Vt,"$1"):r||t)})),e}));var Xt=function(t,e){for(var r=-1,n=null==t?0:t.length,o=Array(n);++r<n;)o[r]=e(t[r],r,t);return o},Zt=$?$.prototype:void 0,Jt=Zt?Zt.toString:void 0;var Kt=function t(e){if("string"==typeof e)return e;if(R(e))return Xt(e,t)+"";if(H(e))return Jt?Jt.call(e):"";var r=e+"";return"0"==r&&1/e==-1/0?"-0":r};var Qt=function(t){return null==t?"":Kt(t)};var te=function(t,e){return R(t)?t:J(t,e)?[t]:Ht(Qt(t))};var ee=function(t){if("string"==typeof t||H(t))return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e};var re=function(t,e){for(var r=0,n=(e=te(e,t)).length;null!=t&&r<n;)t=t[ee(e[r++])];return r&&r==n?t:void 0};var ne=function(t,e,r){var n=null==t?void 0:re(t,e);return void 0===n?r:n};var oe="_jUPtD",ae="_cqj3b",ce="_gNu-X",le="_wy0rD",ie="_6Z5LG";const se={date:(t,e)=>{let{args:r}=e;const n=r[0]||"YYYY-MM-DD";return i()(t).format(n)},datetime:(t,e)=>{let{args:r}=e;const n=r[0]||"YYYY-MM-DD HH:mm:ss";return i()(t).format(n)},boolean:t=>t?"\u662f":"\u5426",number:(t,e)=>{let{args:r}=e;const n=r[0]||"decimal",o=r[1]||1,a=r[2]||2,c=r[3]||"halfExpand";return new Intl.NumberFormat({},{style:n,maximumFractionDigits:a,roundingMode:c}).format(t/o)}},ue=t=>{const{dataSource:e,columns:r,col:l,valueIsEmpty:i,emptyIsPlaceholder:s,placeholder:u,className:p}=Object.assign({dataSource:{},columns:[],col:2,valueIsEmpty:c.isEmpty,placeholder:"-",emptyIsPlaceholder:!0},t);(0,o.useRef)(0);const v=(0,o.useMemo)((()=>((t,e)=>{const r=[];return t.forEach(((n,o)=>{const a=n.block?24:n.span?n.span:24/(n.col||e);0===r.length&&r.push([]);let c=r[r.length-1];const l=24-c.reduce(((t,e)=>t+e.span),0);l<a&&(c[c.length-1].span+=l,r.push([]),c=r[r.length-1]);const i=o===t.length-1;c.push(Object.assign({},n,{span:i?l:a}))})),r.reduce(((t,e)=>t.concat(e)),[])})(r.map((t=>{const r="function"===typeof t.getValueOf?t.getValueOf(e,{column:t}):ne(e,t.name),n=(r=>{if("function"===typeof t.format)return t.format(r,{dataSource:e,column:t});if("string"===typeof t.format){const[n,...o]=t.format.split("-");if("function"===typeof se[n])return se[n](r,{dataSource:e,column:t,args:o})}return r})(r),o=(t.valueIsEmpty||i)(r);return!1===t.display||"function"===typeof t.display&&!1===t.display(r,{dataSource:e,column:t})||!(t.hasOwnProperty("emptyIsPlaceholder")?t.emptyIsPlaceholder:s)&&o?null:Object.assign({},t,{isEmpty:o,value:n})})).filter((t=>!!t)),l)),[r,l]);return a().createElement(n.Row,{className:f(oe,p)},v.map((t=>a().createElement(n.Col,{className:f(ae,"table-view-col"),key:t.name,style:{"--col-width":100*t.span/24+"%"}},a().createElement(n.Row,{className:f(ce,"table-view-item"),wrap:!1},a().createElement(n.Col,{className:f(le,"table-view-label"),style:{"--col-label-width":800/(l*t.span)+"%"}},t.title),a().createElement(n.Col,{className:f(ie,"table-view-content")},t.isEmpty?t.placeholder||u:t.value))))))}},7823:(t,e,r)=>{const n=r(4888),o=r(7497),a=r(6329),c=t=>{if(n(t)){const e=o(t);return e.length>0&&e.some((t=>c(t)))}return a(t)?t.length>0&&t.some((t=>c(t))):"number"===typeof t?!isNaN(t):!(void 0===t||null===t||""===t||0===t.length)},l=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(a(t))return t.map((t=>l(t))).filter(c);if(n(t)){const e={};return Object.keys(t).forEach((r=>{const n=l(t[r]);c(n)&&(e[r]=n)})),e}return t};t.exports={isEmpty:t=>!c(t),isNotEmpty:c,filterEmpty:l}},9266:(t,e,r)=>{var n=r(6382).Symbol;t.exports=n},406:(t,e,r)=>{var n=r(8745),o=r(2387),a=r(6329),c=r(7517),l=r(2976),i=r(5370),s=Object.prototype.hasOwnProperty;t.exports=function(t,e){var r=a(t),u=!r&&o(t),p=!r&&!u&&c(t),f=!r&&!u&&!p&&i(t),v=r||u||p||f,y=v?n(t.length,String):[],d=y.length;for(var h in t)!e&&!s.call(t,h)||v&&("length"==h||p&&("offset"==h||"parent"==h)||f&&("buffer"==h||"byteLength"==h||"byteOffset"==h)||l(h,d))||y.push(h);return y}},1959:t=>{t.exports=function(t,e){for(var r=-1,n=null==t?0:t.length,o=Array(n);++r<n;)o[r]=e(t[r],r,t);return o}},9635:(t,e,r)=>{var n=r(9266),o=r(3654),a=r(9789),c=n?n.toStringTag:void 0;t.exports=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":c&&c in Object(t)?o(t):a(t)}},1051:(t,e,r)=>{var n=r(9635),o=r(6003);t.exports=function(t){return o(t)&&"[object Arguments]"==n(t)}},3506:(t,e,r)=>{var n=r(9635),o=r(8680),a=r(6003),c={};c["[object Float32Array]"]=c["[object Float64Array]"]=c["[object Int8Array]"]=c["[object Int16Array]"]=c["[object Int32Array]"]=c["[object Uint8Array]"]=c["[object Uint8ClampedArray]"]=c["[object Uint16Array]"]=c["[object Uint32Array]"]=!0,c["[object Arguments]"]=c["[object Array]"]=c["[object ArrayBuffer]"]=c["[object Boolean]"]=c["[object DataView]"]=c["[object Date]"]=c["[object Error]"]=c["[object Function]"]=c["[object Map]"]=c["[object Number]"]=c["[object Object]"]=c["[object RegExp]"]=c["[object Set]"]=c["[object String]"]=c["[object WeakMap]"]=!1,t.exports=function(t){return a(t)&&o(t.length)&&!!c[n(t)]}},1907:(t,e,r)=>{var n=r(9810),o=r(4681),a=Object.prototype.hasOwnProperty;t.exports=function(t){if(!n(t))return o(t);var e=[];for(var r in Object(t))a.call(t,r)&&"constructor"!=r&&e.push(r);return e}},8745:t=>{t.exports=function(t,e){for(var r=-1,n=Array(t);++r<t;)n[r]=e(r);return n}},6484:t=>{t.exports=function(t){return function(e){return t(e)}}},6657:(t,e,r)=>{var n=r(1959);t.exports=function(t,e){return n(e,(function(e){return t[e]}))}},4807:(t,e,r)=>{var n="object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g;t.exports=n},6928:(t,e,r)=>{var n=r(9734)(Object.getPrototypeOf,Object);t.exports=n},3654:(t,e,r)=>{var n=r(9266),o=Object.prototype,a=o.hasOwnProperty,c=o.toString,l=n?n.toStringTag:void 0;t.exports=function(t){var e=a.call(t,l),r=t[l];try{t[l]=void 0;var n=!0}catch(i){}var o=c.call(t);return n&&(e?t[l]=r:delete t[l]),o}},2976:t=>{var e=/^(?:0|[1-9]\d*)$/;t.exports=function(t,r){var n=typeof t;return!!(r=null==r?9007199254740991:r)&&("number"==n||"symbol"!=n&&e.test(t))&&t>-1&&t%1==0&&t<r}},9810:t=>{var e=Object.prototype;t.exports=function(t){var r=t&&t.constructor;return t===("function"==typeof r&&r.prototype||e)}},4681:(t,e,r)=>{var n=r(9734)(Object.keys,Object);t.exports=n},1058:(t,e,r)=>{t=r.nmd(t);var n=r(4807),o=e&&!e.nodeType&&e,a=o&&t&&!t.nodeType&&t,c=a&&a.exports===o&&n.process,l=function(){try{var t=a&&a.require&&a.require("util").types;return t||c&&c.binding&&c.binding("util")}catch(e){}}();t.exports=l},9789:t=>{var e=Object.prototype.toString;t.exports=function(t){return e.call(t)}},9734:t=>{t.exports=function(t,e){return function(r){return t(e(r))}}},6382:(t,e,r)=>{var n=r(4807),o="object"==typeof self&&self&&self.Object===Object&&self,a=n||o||Function("return this")();t.exports=a},2387:(t,e,r)=>{var n=r(1051),o=r(6003),a=Object.prototype,c=a.hasOwnProperty,l=a.propertyIsEnumerable,i=n(function(){return arguments}())?n:function(t){return o(t)&&c.call(t,"callee")&&!l.call(t,"callee")};t.exports=i},6329:t=>{var e=Array.isArray;t.exports=e},2257:(t,e,r)=>{var n=r(6711),o=r(8680);t.exports=function(t){return null!=t&&o(t.length)&&!n(t)}},7517:(t,e,r)=>{t=r.nmd(t);var n=r(6382),o=r(9572),a=e&&!e.nodeType&&e,c=a&&t&&!t.nodeType&&t,l=c&&c.exports===a?n.Buffer:void 0,i=(l?l.isBuffer:void 0)||o;t.exports=i},6711:(t,e,r)=>{var n=r(9635),o=r(2316);t.exports=function(t){if(!o(t))return!1;var e=n(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}},8680:t=>{t.exports=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}},2316:t=>{t.exports=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},6003:t=>{t.exports=function(t){return null!=t&&"object"==typeof t}},4888:(t,e,r)=>{var n=r(9635),o=r(6928),a=r(6003),c=Function.prototype,l=Object.prototype,i=c.toString,s=l.hasOwnProperty,u=i.call(Object);t.exports=function(t){if(!a(t)||"[object Object]"!=n(t))return!1;var e=o(t);if(null===e)return!0;var r=s.call(e,"constructor")&&e.constructor;return"function"==typeof r&&r instanceof r&&i.call(r)==u}},5370:(t,e,r)=>{var n=r(3506),o=r(6484),a=r(1058),c=a&&a.isTypedArray,l=c?o(c):n;t.exports=l},9723:(t,e,r)=>{var n=r(406),o=r(1907),a=r(2257);t.exports=function(t){return a(t)?n(t):o(t)}},9572:t=>{t.exports=function(){return!1}},7497:(t,e,r)=>{var n=r(6657),o=r(9723);t.exports=function(t){return null==t?[]:n(t,o(t))}}}]);
|
|
2
|
-
//# sourceMappingURL=830.
|
|
1
|
+
(self.webpackChunk_kne_components_info_page=self.webpackChunk_kne_components_info_page||[]).push([[830],{1830:(t,e,r)=>{"use strict";r.r(e),r.d(e,{Content:()=>P,Descriptions:()=>k,TableView:()=>ue,default:()=>O});var n=r(5199),o=r(4922),a=r.n(o),c=r(7823),l=r(263),i=r.n(l);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)({}).hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(null,arguments)}function u(t,e){if(null==t)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(e.includes(n))continue;r[n]=t[n]}return r}var p="undefined"!==typeof globalThis?globalThis:"undefined"!==typeof window?window:"undefined"!==typeof r.g?r.g:"undefined"!==typeof self?self:{};var f=function(t){var e={exports:{}};return t(e,e.exports),e.exports}((function(t){!function(){var e={}.hasOwnProperty;function r(){for(var t="",e=0;e<arguments.length;e++){var r=arguments[e];r&&(t=o(t,n(r)))}return t}function n(t){if("string"===typeof t||"number"===typeof t)return t;if("object"!==typeof t)return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var n="";for(var a in t)e.call(t,a)&&t[a]&&(n=o(n,a));return n}function o(t,e){return e?t?t+" "+e:t+e:t}t.exports?(r.default=r,t.exports=r):window.classNames=r}()})),v="_EF-mG",y="_UvOXW",d="_Y6tlk",h="_9qijI",b="_x-xqc";const m=["children","className"],g=t=>{let{children:e,className:r}=t,o=u(t,m);return a().createElement(n.Collapse,s({},o,{className:f(h,"collapse",r)}),e)};g.Panel=n.Collapse.Panel;const _=["className","title","subtitle","extra","children"],j=["className","children"],O=t=>{let{className:e,children:r}=t,o=u(t,j);return a().createElement(n.Flex,s({},o,{className:e,vertical:!0,gap:24}),r)};O.Part=t=>{let{className:e,title:r,subtitle:o,extra:c,children:l}=t,i=u(t,_);return a().createElement(n.Card,s({className:f(v,"part",e,{"no-title":!r,[y]:!r}),bordered:!1,title:r&&a().createElement(a().Fragment,null,a().createElement("div",{className:f("part-title",d)},r),o&&a().createElement("div",{className:f("part-title-sub",b)},o)),extra:c},i),l)},O.Collapse=g;var x="_jJxbe",w="_kPr34",E="_eWQHM",N="_qu1Kv",S="_BYIiF";const A=t=>{let{className:e,children:r,setWidth:n}=t;const c=(0,o.useRef)(null);return(0,o.useRef)(n).current=n,(0,o.useLayoutEffect)((()=>{const t=()=>{if(!c.current)return;const{width:t}=c.current.getBoundingClientRect();n(t)},e=new ResizeObserver(t);return e.observe(c.current),t(),()=>{e.disconnect()}}),[n]),a().createElement("div",{ref:c,className:e},r,"\uff1a")},P=t=>{let{list:e,labelAlign:r,col:c,gutter:l,className:i,size:s,itemRender:u}=t;const p=(0,o.useRef)([]),[v,y]=(0,o.useState)(0);return a().createElement(n.Row,{"data-testid":"components-core-content",className:f(x,"content",i,{[w]:"small"===s}),gutter:l},e.filter((t=>"function"===typeof t.display?t.display(t,e):!1!==t.display)).map(((t,e)=>{const{label:o,content:l,block:i}=t,s=a().createElement(n.Col,{span:!0===i?24:24/c,key:e,className:S},a().createElement(n.Space,{key:e,className:f(S,"content-item")},o?a().createElement("div",{style:v&&"auto"!==r?{minWidth:v,textAlign:r}:null},a().createElement(A,{className:f(E,"content-label"),setWidth:t=>{p.current[e]=t,y(Math.max(...p.current))}},o)):null,a().createElement("div",{className:f(N,"content-content")},l)));return"function"===typeof u?u(s,Object.assign({},t,{index:e})):s})))};P.defaultProps={labelAlign:"left",col:1,gutter:0,list:[]};var F={descriptions:"_zlaoe","descriptions-item":"_vLWNB","col-label":"_GlPGX","col-content":"_pSZvO"};const C=["dataSource","isFull","className","itemRender"],k=t=>{let{dataSource:e,isFull:r,className:o,itemRender:c}=t,l=u(t,C);return a().createElement(n.Row,s({},l,{className:f(F.descriptions,o)}),e.map(((t,o)=>{const l=t.slice(0,2).filter((t=>"function"===typeof t.display?t.display(t,e):!1!==t.display));return l.slice(0,2).map(((t,e)=>{const{label:i,content:s}=t,u=a().createElement(n.Col,{span:24/l.length,className:f(F["col-item"],"descriptions-col-item"),key:`${o}-${e}`},a().createElement(n.Row,{wrap:!1,className:f(F["descriptions-item"],"descriptions-item")},a().createElement(n.Col,{span:r?8:4*l.length,className:f(F["col-label"],"descriptions-col-label")},i),a().createElement(n.Col,{span:r?16:24-4*l.length,className:f(F["col-content"],"descriptions-col-content")},s)));return"function"===typeof c?c(u,Object.assign({},t,{index:e})):u}))})))};var R=Array.isArray,z="object"==typeof p&&p&&p.Object===Object&&p,I="object"==typeof self&&self&&self.Object===Object&&self,T=z||I||Function("return this")(),$=T.Symbol,M=Object.prototype,D=M.hasOwnProperty,Y=M.toString,U=$?$.toStringTag:void 0;var B=function(t){var e=D.call(t,U),r=t[U];try{t[U]=void 0;var n=!0}catch(a){}var o=Y.call(t);return n&&(e?t[U]=r:delete t[U]),o},W=Object.prototype.toString;var q=function(t){return W.call(t)},G=$?$.toStringTag:void 0;var L=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":G&&G in Object(t)?B(t):q(t)};var V=function(t){return null!=t&&"object"==typeof t};var H=function(t){return"symbol"==typeof t||V(t)&&"[object Symbol]"==L(t)},X=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Z=/^\w*$/;var J=function(t,e){if(R(t))return!1;var r=typeof t;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=t&&!H(t))||(Z.test(t)||!X.test(t)||null!=e&&t in Object(e))};var K=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)};var Q=function(t){if(!K(t))return!1;var e=L(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},tt=T["__core-js_shared__"],et=function(){var t=/[^.]+$/.exec(tt&&tt.keys&&tt.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}();var rt=function(t){return!!et&&et in t},nt=Function.prototype.toString;var ot=function(t){if(null!=t){try{return nt.call(t)}catch(e){}try{return t+""}catch(e){}}return""},at=/^\[object .+?Constructor\]$/,ct=Function.prototype,lt=Object.prototype,it=ct.toString,st=lt.hasOwnProperty,ut=RegExp("^"+it.call(st).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var pt=function(t){return!(!K(t)||rt(t))&&(Q(t)?ut:at).test(ot(t))};var ft=function(t,e){return null==t?void 0:t[e]};var vt=function(t,e){var r=ft(t,e);return pt(r)?r:void 0},yt=vt(Object,"create");var dt=function(){this.__data__=yt?yt(null):{},this.size=0};var ht=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},bt=Object.prototype.hasOwnProperty;var mt=function(t){var e=this.__data__;if(yt){var r=e[t];return"__lodash_hash_undefined__"===r?void 0:r}return bt.call(e,t)?e[t]:void 0},gt=Object.prototype.hasOwnProperty;var _t=function(t){var e=this.__data__;return yt?void 0!==e[t]:gt.call(e,t)};var jt=function(t,e){var r=this.__data__;return this.size+=this.has(t)?0:1,r[t]=yt&&void 0===e?"__lodash_hash_undefined__":e,this};function Ot(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}Ot.prototype.clear=dt,Ot.prototype.delete=ht,Ot.prototype.get=mt,Ot.prototype.has=_t,Ot.prototype.set=jt;var xt=Ot;var wt=function(){this.__data__=[],this.size=0};var Et=function(t,e){return t===e||t!==t&&e!==e};var Nt=function(t,e){for(var r=t.length;r--;)if(Et(t[r][0],e))return r;return-1},St=Array.prototype.splice;var At=function(t){var e=this.__data__,r=Nt(e,t);return!(r<0)&&(r==e.length-1?e.pop():St.call(e,r,1),--this.size,!0)};var Pt=function(t){var e=this.__data__,r=Nt(e,t);return r<0?void 0:e[r][1]};var Ft=function(t){return Nt(this.__data__,t)>-1};var Ct=function(t,e){var r=this.__data__,n=Nt(r,t);return n<0?(++this.size,r.push([t,e])):r[n][1]=e,this};function kt(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}kt.prototype.clear=wt,kt.prototype.delete=At,kt.prototype.get=Pt,kt.prototype.has=Ft,kt.prototype.set=Ct;var Rt=kt,zt=vt(T,"Map");var It=function(){this.size=0,this.__data__={hash:new xt,map:new(zt||Rt),string:new xt}};var Tt=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var $t=function(t,e){var r=t.__data__;return Tt(e)?r["string"==typeof e?"string":"hash"]:r.map};var Mt=function(t){var e=$t(this,t).delete(t);return this.size-=e?1:0,e};var Dt=function(t){return $t(this,t).get(t)};var Yt=function(t){return $t(this,t).has(t)};var Ut=function(t,e){var r=$t(this,t),n=r.size;return r.set(t,e),this.size+=r.size==n?0:1,this};function Bt(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}Bt.prototype.clear=It,Bt.prototype.delete=Mt,Bt.prototype.get=Dt,Bt.prototype.has=Yt,Bt.prototype.set=Ut;var Wt=Bt;function qt(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var r=function(){var n=arguments,o=e?e.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var c=t.apply(this,n);return r.cache=a.set(o,c)||a,c};return r.cache=new(qt.Cache||Wt),r}qt.Cache=Wt;var Gt=qt;var Lt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Vt=/\\(\\)?/g,Ht=function(t){var e=Gt(t,(function(t){return 500===r.size&&r.clear(),t})),r=e.cache;return e}((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(Lt,(function(t,r,n,o){e.push(n?o.replace(Vt,"$1"):r||t)})),e}));var Xt=function(t,e){for(var r=-1,n=null==t?0:t.length,o=Array(n);++r<n;)o[r]=e(t[r],r,t);return o},Zt=$?$.prototype:void 0,Jt=Zt?Zt.toString:void 0;var Kt=function t(e){if("string"==typeof e)return e;if(R(e))return Xt(e,t)+"";if(H(e))return Jt?Jt.call(e):"";var r=e+"";return"0"==r&&1/e==-1/0?"-0":r};var Qt=function(t){return null==t?"":Kt(t)};var te=function(t,e){return R(t)?t:J(t,e)?[t]:Ht(Qt(t))};var ee=function(t){if("string"==typeof t||H(t))return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e};var re=function(t,e){for(var r=0,n=(e=te(e,t)).length;null!=t&&r<n;)t=t[ee(e[r++])];return r&&r==n?t:void 0};var ne=function(t,e,r){var n=null==t?void 0:re(t,e);return void 0===n?r:n};var oe="_jUPtD",ae="_cqj3b",ce="_gNu-X",le="_wy0rD",ie="_6Z5LG";const se={date:(t,e)=>{let{args:r}=e;const n=r[0]||"YYYY-MM-DD";return i()(t).format(n)},datetime:(t,e)=>{let{args:r}=e;const n=r[0]||"YYYY-MM-DD HH:mm:ss";return i()(t).format(n)},boolean:t=>t?"\u662f":"\u5426",number:(t,e)=>{let{args:r}=e;const n=r[0]||"decimal",o=r[1]||1,a=r[2]||2,c=r[3]||"halfExpand";return new Intl.NumberFormat({},{style:n,maximumFractionDigits:a,roundingMode:c}).format(t/o)},money:(t,e)=>{let{args:r}=e;return`${t}${r[0]||"\u5143"}`}},ue=t=>{const{dataSource:e,columns:r,col:l,valueIsEmpty:i,emptyIsPlaceholder:s,placeholder:u,className:p}=Object.assign({dataSource:{},columns:[],col:2,valueIsEmpty:c.isEmpty,placeholder:"-",emptyIsPlaceholder:!0},t),v=(0,o.useMemo)((()=>((t,e)=>{const r=[];return t.forEach(((n,o)=>{const a=n.block?24:n.span?n.span:24/(n.col||e);0===r.length&&r.push([]);let c=r[r.length-1],l=24-c.reduce(((t,e)=>t+e.span),0);l<a&&(c[c.length-1].span+=l,r.push([]),l=24,c=r[r.length-1]);const i=o===t.length-1;c.push(Object.assign({},n,{span:i?l:a}))})),r.reduce(((t,e)=>t.concat(e)),[])})(r.map((t=>{const r="function"===typeof t.getValueOf?t.getValueOf(e,{column:t}):ne(e,t.name),n=(r=>{if("function"===typeof t.format)return t.format(r,{dataSource:e,column:t});if("string"===typeof t.format){const n=t.format.split(" ").filter((t=>!!t));if(n.length>0)return n.reduce(((r,n)=>{const[o,...a]=n.split("-");return"function"===typeof se[o]?se[o](r,{dataSource:e,column:t,args:a}):r}),r)}return r})(r),o=(t.valueIsEmpty||i)(r);return!1===t.display||"function"===typeof t.display&&!1===t.display(r,{dataSource:e,column:t})||!(t.hasOwnProperty("emptyIsPlaceholder")?t.emptyIsPlaceholder:s)&&o?null:Object.assign({},t,{isEmpty:o,value:n})})).filter((t=>!!t)),l)),[r,l]);return a().createElement(n.Row,{className:f(oe,p)},v.map((t=>a().createElement(n.Col,{className:f(ae,"table-view-col"),key:t.name,style:{"--col-width":100*t.span/24+"%"}},a().createElement(n.Row,{className:f(ce,"table-view-item"),wrap:!1},a().createElement(n.Col,{className:f(le,"table-view-label"),style:{"--col-label-width":800/(l*t.span)+"%"}},t.title),a().createElement(n.Col,{className:f(ie,"table-view-content")},t.isEmpty?t.placeholder||u:"function"===typeof t.render?t.render(t.value):t.value))))))}},7823:(t,e,r)=>{const n=r(4888),o=r(7497),a=r(6329),c=t=>{if(n(t)){const e=o(t);return e.length>0&&e.some((t=>c(t)))}return a(t)?t.length>0&&t.some((t=>c(t))):"number"===typeof t?!isNaN(t):!(void 0===t||null===t||""===t||0===t.length)},l=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(a(t))return t.map((t=>l(t))).filter(c);if(n(t)){const e={};return Object.keys(t).forEach((r=>{const n=l(t[r]);c(n)&&(e[r]=n)})),e}return t};t.exports={isEmpty:t=>!c(t),isNotEmpty:c,filterEmpty:l}},9266:(t,e,r)=>{var n=r(6382).Symbol;t.exports=n},406:(t,e,r)=>{var n=r(8745),o=r(2387),a=r(6329),c=r(7517),l=r(2976),i=r(5370),s=Object.prototype.hasOwnProperty;t.exports=function(t,e){var r=a(t),u=!r&&o(t),p=!r&&!u&&c(t),f=!r&&!u&&!p&&i(t),v=r||u||p||f,y=v?n(t.length,String):[],d=y.length;for(var h in t)!e&&!s.call(t,h)||v&&("length"==h||p&&("offset"==h||"parent"==h)||f&&("buffer"==h||"byteLength"==h||"byteOffset"==h)||l(h,d))||y.push(h);return y}},1959:t=>{t.exports=function(t,e){for(var r=-1,n=null==t?0:t.length,o=Array(n);++r<n;)o[r]=e(t[r],r,t);return o}},9635:(t,e,r)=>{var n=r(9266),o=r(3654),a=r(9789),c=n?n.toStringTag:void 0;t.exports=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":c&&c in Object(t)?o(t):a(t)}},1051:(t,e,r)=>{var n=r(9635),o=r(6003);t.exports=function(t){return o(t)&&"[object Arguments]"==n(t)}},3506:(t,e,r)=>{var n=r(9635),o=r(8680),a=r(6003),c={};c["[object Float32Array]"]=c["[object Float64Array]"]=c["[object Int8Array]"]=c["[object Int16Array]"]=c["[object Int32Array]"]=c["[object Uint8Array]"]=c["[object Uint8ClampedArray]"]=c["[object Uint16Array]"]=c["[object Uint32Array]"]=!0,c["[object Arguments]"]=c["[object Array]"]=c["[object ArrayBuffer]"]=c["[object Boolean]"]=c["[object DataView]"]=c["[object Date]"]=c["[object Error]"]=c["[object Function]"]=c["[object Map]"]=c["[object Number]"]=c["[object Object]"]=c["[object RegExp]"]=c["[object Set]"]=c["[object String]"]=c["[object WeakMap]"]=!1,t.exports=function(t){return a(t)&&o(t.length)&&!!c[n(t)]}},1907:(t,e,r)=>{var n=r(9810),o=r(4681),a=Object.prototype.hasOwnProperty;t.exports=function(t){if(!n(t))return o(t);var e=[];for(var r in Object(t))a.call(t,r)&&"constructor"!=r&&e.push(r);return e}},8745:t=>{t.exports=function(t,e){for(var r=-1,n=Array(t);++r<t;)n[r]=e(r);return n}},6484:t=>{t.exports=function(t){return function(e){return t(e)}}},6657:(t,e,r)=>{var n=r(1959);t.exports=function(t,e){return n(e,(function(e){return t[e]}))}},4807:(t,e,r)=>{var n="object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g;t.exports=n},6928:(t,e,r)=>{var n=r(9734)(Object.getPrototypeOf,Object);t.exports=n},3654:(t,e,r)=>{var n=r(9266),o=Object.prototype,a=o.hasOwnProperty,c=o.toString,l=n?n.toStringTag:void 0;t.exports=function(t){var e=a.call(t,l),r=t[l];try{t[l]=void 0;var n=!0}catch(i){}var o=c.call(t);return n&&(e?t[l]=r:delete t[l]),o}},2976:t=>{var e=/^(?:0|[1-9]\d*)$/;t.exports=function(t,r){var n=typeof t;return!!(r=null==r?9007199254740991:r)&&("number"==n||"symbol"!=n&&e.test(t))&&t>-1&&t%1==0&&t<r}},9810:t=>{var e=Object.prototype;t.exports=function(t){var r=t&&t.constructor;return t===("function"==typeof r&&r.prototype||e)}},4681:(t,e,r)=>{var n=r(9734)(Object.keys,Object);t.exports=n},1058:(t,e,r)=>{t=r.nmd(t);var n=r(4807),o=e&&!e.nodeType&&e,a=o&&t&&!t.nodeType&&t,c=a&&a.exports===o&&n.process,l=function(){try{var t=a&&a.require&&a.require("util").types;return t||c&&c.binding&&c.binding("util")}catch(e){}}();t.exports=l},9789:t=>{var e=Object.prototype.toString;t.exports=function(t){return e.call(t)}},9734:t=>{t.exports=function(t,e){return function(r){return t(e(r))}}},6382:(t,e,r)=>{var n=r(4807),o="object"==typeof self&&self&&self.Object===Object&&self,a=n||o||Function("return this")();t.exports=a},2387:(t,e,r)=>{var n=r(1051),o=r(6003),a=Object.prototype,c=a.hasOwnProperty,l=a.propertyIsEnumerable,i=n(function(){return arguments}())?n:function(t){return o(t)&&c.call(t,"callee")&&!l.call(t,"callee")};t.exports=i},6329:t=>{var e=Array.isArray;t.exports=e},2257:(t,e,r)=>{var n=r(6711),o=r(8680);t.exports=function(t){return null!=t&&o(t.length)&&!n(t)}},7517:(t,e,r)=>{t=r.nmd(t);var n=r(6382),o=r(9572),a=e&&!e.nodeType&&e,c=a&&t&&!t.nodeType&&t,l=c&&c.exports===a?n.Buffer:void 0,i=(l?l.isBuffer:void 0)||o;t.exports=i},6711:(t,e,r)=>{var n=r(9635),o=r(2316);t.exports=function(t){if(!o(t))return!1;var e=n(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}},8680:t=>{t.exports=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}},2316:t=>{t.exports=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},6003:t=>{t.exports=function(t){return null!=t&&"object"==typeof t}},4888:(t,e,r)=>{var n=r(9635),o=r(6928),a=r(6003),c=Function.prototype,l=Object.prototype,i=c.toString,s=l.hasOwnProperty,u=i.call(Object);t.exports=function(t){if(!a(t)||"[object Object]"!=n(t))return!1;var e=o(t);if(null===e)return!0;var r=s.call(e,"constructor")&&e.constructor;return"function"==typeof r&&r instanceof r&&i.call(r)==u}},5370:(t,e,r)=>{var n=r(3506),o=r(6484),a=r(1058),c=a&&a.isTypedArray,l=c?o(c):n;t.exports=l},9723:(t,e,r)=>{var n=r(406),o=r(1907),a=r(2257);t.exports=function(t){return a(t)?n(t):o(t)}},9572:t=>{t.exports=function(){return!1}},7497:(t,e,r)=>{var n=r(6657),o=r(9723);t.exports=function(t){return null==t?[]:n(t,o(t))}}}]);
|
|
2
|
+
//# sourceMappingURL=830.941fb552.chunk.js.map
|