npm - @kne-components/info-page - Versions diffs - 0.1.26 → 0.1.27 - Mend

@kne-components/info-page 0.1.26 → 0.1.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/build/static/js/{872.f9d385e5.chunk.js.map → 491.64062f85.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static/js/872.f9d385e5.chunk.js","mappings":"iLAYA,MAk9DA,EAl9DqB,CACjBA,KAAM,YACNC,QAAS,wyJA+DTC,YAAa,yLACbC,YAAa,iBACbC,IAAK,6zoBA0iCLC,QAAS,CACLC,QAAQ,EACRC,UAAW,kBACXC,MAAO,GACPC,KAAM,CAAC,CACXC,MAAO,WACPR,YAAa,mDACbS,KAAM,o5BAkCNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,UACPR,YAAa,yDACbS,KAAM,ysGAsDNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,eACPR,YAAa,mDACbS,KAAM,8kGA4ENC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,iBACPR,YAAa,ipBACbS,KAAM,qwDA2CNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,YACPR,YAAa,GACbS,KAAM,6+EAqFNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,YACPR,YAAa,GACbS,KAAM,yiDAqENC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,GACb,CACEb,KAAM,eACNG,YAAa,qBACbU,U,UACF,CACEb,KAAM,YACNG,YAAa,oBACbU,U,YAEF,CACEH,MAAO,OACPR,YAAa,GACbS,KAAM,mjJA+GNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,SACPR,YAAa,GACbS,KAAM,47sBA8RNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,O","sources":["../../README.md"],"sourcesContent":["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';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport * as component_9 from '@kne/remote-loader';\nimport * as component_10 from '@ant-design/icons';\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<h3><em><code>Descriptions</code></em> 何时使用</h3>\n<p>用于展示多个只读字段，常见于详情页的关键信息展示。每个字段占据一行，标签和内容分列展示，适合展示较为重要的信息。</p>\n<h3>特点</h3>\n<ul>\n<li>支持自定义布局（通过 isFull 属性）</li>\n<li>支持条件显示（通过 display 属性）</li>\n<li>支持自定义渲染（通过 itemRender 属性）</li>\n</ul>\n<h3><em><code>Flow</code></em> 何时使用</h3>\n<p>用于展示步骤流程，适用于需要展示任务进度、操作步骤或业务流程的场景。</p>\n<h3>特点</h3>\n<ul>\n<li>基于 Ant Design Steps 组件构建</li>\n<li>支持自定义步骤状态</li>\n<li>支持步骤标题、副标题和描述</li>\n<li>支持步骤内容的自定义展示</li>\n</ul>\n<h3><em><code>Report</code></em> 何时使用</h3>\n<p>用于生成标准化的报告展示，适用于需要展示评估结果、分析报告或总结文档的场景。</p>\n<h3>特点</h3>\n<ul>\n<li>支持多种报告组件（List、Result、Table、Part、Score）</li>\n<li>支持自定义布局和样式</li>\n<li>支持分页打印（通过 PrintPageBreak 组件）</li>\n<li>支持数据分组和汇总</li>\n</ul>\n<h3><em><code>SplitLine</code></em> 何时使用</h3>\n<p>用于在水平或垂直方向上展示一系列带有标签和内容的项目，常用于信息分割展示。</p>\n<h3>特点</h3>\n<ul>\n<li>支持水平和垂直两种布局方向</li>\n<li>支持自定义标签和内容</li>\n<li>基于 Ant Design Space 和 Flex 组件构建</li>\n</ul>\n<h3><em><code>TableView</code></em> 何时使用</h3>\n<p>用于展示结构化的表格数据，适用于需要展示、操作多条记录的场景。</p>\n<h3>特点</h3>\n<ul>\n<li>支持自定义列配置</li>\n<li>支持行选择功能</li>\n<li>支持空值处理和占位符</li>\n<li>支持自定义渲染和格式化</li>\n</ul>\n<h3><em><code>CentralContent</code></em> 何时使用</h3>\n<p>用于在页面中央区域展示内容，提供了一个基于栅格系统的布局容器。</p>\n<h3>特点</h3>\n<ul>\n<li>基于 Ant Design Row 和 Col 组件构建</li>\n<li>提供灵活的布局控制</li>\n<li>支持自定义样式和类名</li>\n</ul>`,\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<tr>\n<td>isFull</td>\n<td>是否使用完整布局（标签占8列）</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>className</td>\n<td>自定义类名</td>\n<td>string</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<h3>Flow</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>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>style</td>\n<td>自定义样式</td>\n<td>CSSProperties</td>\n<td>-</td>\n</tr>\n<tr>\n<td>steps</td>\n<td>步骤配置</td>\n<td>Step[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>current</td>\n<td>当前步骤</td>\n<td>number</td>\n<td>0</td>\n</tr>\n</tbody>\n</table>\n<h4>Step</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>title</td>\n<td>标题</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subTitle</td>\n<td>副标题</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>description</td>\n<td>描述</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>status</td>\n<td>状态</td>\n<td>'wait' \| 'process' \| 'finish' \| 'error'</td>\n<td>'wait'</td>\n</tr>\n<tr>\n<td>content</td>\n<td>步骤内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>CentralContent</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>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>style</td>\n<td>自定义样式</td>\n<td>CSSProperties</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>SplitLine</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>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>style</td>\n<td>自定义样式</td>\n<td>CSSProperties</td>\n<td>-</td>\n</tr>\n<tr>\n<td>direction</td>\n<td>排列方向</td>\n<td>'horizontal' \| 'vertical'</td>\n<td>'horizontal'</td>\n</tr>\n<tr>\n<td>items</td>\n<td>项目配置</td>\n<td>SplitLineItem[]</td>\n<td>[]</td>\n</tr>\n</tbody>\n</table>\n<h4>SplitLineItem</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>label</td>\n<td>标签</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TableView</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>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource</td>\n<td>数据源</td>\n<td>any[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>columns</td>\n<td>列配置</td>\n<td>Column[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>rowKey</td>\n<td>行数据的唯一标识字段</td>\n<td>string \| ((record: any) => string)</td>\n<td>'id'</td>\n</tr>\n<tr>\n<td>rowSelection</td>\n<td>行选择配置</td>\n<td>RowSelection</td>\n<td>-</td>\n</tr>\n<tr>\n<td>valueIsEmpty</td>\n<td>判断值是否为空的函数</td>\n<td>(value: any) => boolean</td>\n<td>isEmpty</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>空值占位符</td>\n<td>ReactNode</td>\n<td>'-'</td>\n</tr>\n<tr>\n<td>emptyIsPlaceholder</td>\n<td>是否显示空值占位符</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>无数据时的展示内容</td>\n<td>ReactNode</td>\n<td><code><Empty /></code></td>\n</tr>\n<tr>\n<td>onRowSelect</td>\n<td>行选择回调</td>\n<td>(record: any, info: { columns: Column[], dataSource: any[] }) => void</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>行选择 (Row Selection) 配置</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>选择类型</td>\n<td>string</td>\n<td>-</td>\n<td>'checkbox' / 'radio'</td>\n</tr>\n<tr>\n<td>selectedRowKeys</td>\n<td>当前选中的行key数组</td>\n<td>array</td>\n<td>[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>选择变化时的回调函数</td>\n<td>function(selectedRowKeys)</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>isSelectedAll</td>\n<td>是否全选</td>\n<td>boolean</td>\n<td>false</td>\n<td>true/false</td>\n</tr>\n</tbody>\n</table>\n<h4>列配置 (Columns)</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>列标识</td>\n<td>string</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>列标题</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>span</td>\n<td>列宽度（24栅格）</td>\n<td>number</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>align</td>\n<td>对齐方式</td>\n<td>string</td>\n<td>'top'</td>\n<td>'top' / 'middle' / 'bottom'</td>\n</tr>\n<tr>\n<td>justify</td>\n<td>水平对齐方式</td>\n<td>string</td>\n<td>'flex-start'</td>\n<td>'flex-start' / 'center' / 'flex-end'</td>\n</tr>\n<tr>\n<td>getValueOf</td>\n<td>获取列值的函数</td>\n<td>function</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>format</td>\n<td>格式化函数或格式化字符串</td>\n<td>function \| string</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>render</td>\n<td>自定义渲染函数</td>\n<td>function</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>renderPlaceholder</td>\n<td>自定义空值渲染函数</td>\n<td>function</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>valueIsEmpty</td>\n<td>判断值是否为空的函数</td>\n<td>function</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>emptyIsPlaceholder</td>\n<td>是否显示空值占位符</td>\n<td>boolean</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>列空值占位符</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Report</h3>\n<h4>基础属性 (Props)</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>主标题</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>任意可渲染节点</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>副标题</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>任意可渲染节点</td>\n</tr>\n<tr>\n<td>extra</td>\n<td>标题区域额外内容</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>任意可渲染节点</td>\n</tr>\n<tr>\n<td>border</td>\n<td>是否显示边框</td>\n<td>boolean</td>\n<td>true</td>\n<td>true/false</td>\n</tr>\n<tr>\n<td>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>内容区域</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.List</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report</td>\n<td>报告数据对象</td>\n<td>object</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>report.list</td>\n<td>列表数据数组</td>\n<td>array</td>\n<td>[]</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h5>listItem</h5>\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>label</td>\n<td>列表项标签</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>列表项内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.Part</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report</td>\n<td>分区数据对象</td>\n<td>object</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>report.list</td>\n<td>分区数据数组</td>\n<td>array</td>\n<td>[]</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h5>listItem</h5>\n<table>\n<thead>\n<tr>\n<th>属性</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>备注</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>label</td>\n<td>分区标签</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>必填</td>\n</tr>\n<tr>\n<td>content</td>\n<td>分区内容</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>必填</td>\n</tr>\n<tr>\n<td>hasBgColor</td>\n<td>是否有背景色</td>\n<td>boolean</td>\n<td>false</td>\n<td>控制内容区域背景</td>\n</tr>\n<tr>\n<td>...props</td>\n<td>其他HTML属性</td>\n<td>object</td>\n<td>-</td>\n<td>会传递给外层div</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.Result</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>必填</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report</td>\n<td>结果数据对象</td>\n<td>object</td>\n<td>-</td>\n<td>是</td>\n</tr>\n</tbody>\n</table>\n<h5>report</h5>\n<table>\n<thead>\n<tr>\n<th>属性</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>必填</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report.total</td>\n<td>总分数据</td>\n<td>object</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.total.score</td>\n<td>总分值</td>\n<td>number/string</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.total.label</td>\n<td>总分标签</td>\n<td>string</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.list</td>\n<td>分项结果列表</td>\n<td>array</td>\n<td>[]</td>\n<td>否</td>\n</tr>\n</tbody>\n</table>\n<h5>listItem</h5>\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>label</td>\n<td>分项标签</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>分项内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>score</td>\n<td>分项得分</td>\n<td>number/string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.Score</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\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>自定义类名</td>\n<td>string</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>value</td>\n<td>当前得分值</td>\n<td>number</td>\n<td>-</td>\n<td>0-5</td>\n</tr>\n<tr>\n<td>total</td>\n<td>总分值/星星总数</td>\n<td>number</td>\n<td>5</td>\n<td>任意正整数</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.Table</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>必填</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report</td>\n<td>表格数据对象</td>\n<td>object</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.list</td>\n<td>表格数据数组</td>\n<td>array</td>\n<td>[]</td>\n<td>否</td>\n</tr>\n<tr>\n<td>report.columns</td>\n<td>列配置数组</td>\n<td>array</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.group</td>\n<td>分组配置数组</td>\n<td>array</td>\n<td>-</td>\n<td>否</td>\n</tr>\n<tr>\n<td>report.groupName</td>\n<td>分组字段名</td>\n<td>string</td>\n<td>-</td>\n<td>否</td>\n</tr>\n</tbody>\n</table>\n<h5>columns</h5>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>示例</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>列字段名</td>\n<td>string</td>\n<td>-</td>\n<td>\"username\"</td>\n</tr>\n<tr>\n<td>title</td>\n<td>列标题</td>\n<td>string</td>\n<td>-</td>\n<td>\"用户名\"</td>\n</tr>\n<tr>\n<td>span</td>\n<td>列宽度比例</td>\n<td>number</td>\n<td>-</td>\n<td>6</td>\n</tr>\n<tr>\n<td>isSubTitle</td>\n<td>是否作为子标题</td>\n<td>boolean</td>\n<td>false</td>\n<td>true</td>\n</tr>\n</tbody>\n</table>\n<h5>group</h5>\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>name</td>\n<td>分组名称</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.PrintPageBreak</h4>\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>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>style</td>\n<td>自定义样式</td>\n<td>CSSProperties</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: `CentralContent`,\n description: `请尽量使用该组件代替Descriptions组件。该组件比Descriptions组件添加了数据格式化和灵活的空判断和自定义空展示，并且优化了排列，可以实现任何栅格大小的数据项复杂组合。实现了尾行优化，使你不必担心末尾项的宽度问题，程序会自动计算并占满该行。`,\n code: `const { CentralContent } = _InfoPage;\n\nconst BaseExample = () => {\n return (<CentralContent 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-useGrouping:false-suffix:个'\n }, {\n name: 'count2', title: '百分比', format: 'number-percent money-百分比'\n }, {\n name: 'count3', title: '万元', format: 'number-suffix:万元--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};\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: ``,\n code: `const { TableView } = _InfoPage;\nconst { Flex } = antd;\nconst { useState } = React;\n\nconst 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 id: 'RC00102',\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 id: 'RC00103',\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 id: 'RC00104',\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\nconst columns = [{\n name: 'id', title: 'ID'\n}, {\n name: 'name', title: '姓名'\n}, {\n name: 'birthday', title: '出生日期', format: 'date'\n}, {\n name: 'addTime', title: '添加时间', format: 'datetime-YY(_)MM(_)DD()HH'\n}, {\n name: 'count', title: '数量', format: 'number'\n}, {\n name: 'description', title: '描述', span: 10\n}];\n\nconst WithCheckbox = () => {\n const [selectKeys, setSelectKeys] = useState([]);\n return <TableView dataSource={dataSource} columns={columns} rowSelection={{\n type: 'checkbox', allowSelectedAll: true, selectedRowKeys: selectKeys, onChange: setSelectKeys\n }} />;\n};\n\nconst WithSelected = () => {\n const [selectKeys, setSelectKeys] = useState([]);\n return <TableView dataSource={dataSource} columns={columns} rowSelection={{\n selectedRowKeys: selectKeys, onChange: setSelectKeys\n }} />;\n};\n\nconst BaseExample = () => {\n return <Flex vertical gap={10}>\n <TableView dataSource={dataSource} columns={columns} />\n <WithCheckbox />\n <WithSelected />\n <TableView dataSource={[]} columns={columns} />\n <TableView style={{\n height: '200px', overflowY: 'scroll'\n }} dataSource={dataSource} columns={columns} sticky/>\n </Flex>;\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: `SplitLine`,\n description: ``,\n code: `const { createWithRemoteLoader } = remoteLoader;\nconst { SplitLine } = _InfoPage;\nconst { Flex } = antd;\nconst { MobileOutlined, CompassOutlined } = antdIcons;\n\nconst BaseExample = () => {\n return (\n <Flex vertical gap={10}>\n <SplitLine\n dataSource={{\n name: '张三',\n birthday: '1990-01-01',\n phone: '13800000000',\n address: '北京市海淀区'\n }}\n columns={[\n {\n name: 'name',\n title: '姓名'\n },\n {\n name: 'birthday',\n title: '生日'\n },\n {\n name: 'phone',\n icon: <MobileOutlined />\n },\n {\n name: 'address',\n icon: <CompassOutlined />\n }\n ]}\n />\n\n <SplitLine\n labelMode=\"vertical\"\n dataSource={{\n name: '张三',\n birthday: '1990-01-01',\n phone: '13800000000',\n address: '北京市海淀区'\n }}\n columns={[\n {\n name: 'name',\n title: '姓名'\n },\n {\n name: 'birthday',\n title: '生日'\n },\n {\n name: 'phone',\n icon: <MobileOutlined />\n },\n {\n name: 'address',\n icon: <CompassOutlined />\n }\n ]}\n />\n </Flex>\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 name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_9\n},{\n name: \"antdIcons\",\n packageName: \"@ant-design/icons\",\n component: component_10\n}]\n},{\n title: `Flow`,\n description: ``,\n code: `const {Space, Flex, Divider} = antd;\nconst {Flow} = _InfoPage;\nconst BaseExample = () => {\n return <Flex vertical gap={8}>\n <Flow\n current={2}\n dataSource={[{\n title: 'title1',\n description: 'This is a description.',\n createTime: '2022-08-15 10:29',\n descriptionContent: [{\n name: '王建国1', action: '添加了备注', time: '2023-08-15 10:30', content: 'test'\n }, {\n name: '王建国2', action: '添加了备注', time: '2023-08-15 10:31', content: 'test'\n }]\n }, {\n title: '自定义DescriptionContentItem渲染样式',\n description: 'This is a description.',\n descriptionContent: [{\n name: '王建国3', action: '添加了备注', time: '08-15 10:30', content: 'test'\n }, {\n name: '王建国4', action: '添加了备注', time: '08-15 10:31', content: 'test'\n }]\n }, {title: 'title3', description: 'This is a description.'}, {\n title: 'title4', description: 'This is a description.'\n }]}\n columns={[{\n name: 'title'\n }, {\n name: 'description'\n }, {\n type: 'subTitle', name: 'createTime', format: 'datetime'\n }, {\n name: 'status'\n }, {\n type: 'actionList', name: 'descriptionContent', children: [{\n name: 'name'\n }, {\n name: 'action'\n }, {\n type: 'options', name: 'time', format: 'datetime'\n }, {\n name: 'content', render: (item, {target}) => {\n return \\`@@@@@\\${target.name}-\\${target.action}-\\${target.content}\\`;\n }\n }]\n }]}\n />\n <Flow\n current={2}\n dataSource={[{\n title: 'title1', description: 'This is a description.', createTime: '2022-08-15 10:29'\n }, {\n title: '自定义DescriptionContentItem渲染样式', description: 'This is a description.'\n }, {title: 'title3', description: 'This is a description.'}, {\n title: 'title4', description: 'This is a description.'\n }]}\n columns={[{\n type: 'content', name: 'content', valueIsEmpty: (item, {index}) => {\n return index !== 2;\n }, render: (item, {target}) => {\n return '小西西西西';\n }\n }]}\n />\n\n <Flow\n direction=\"horizontal\"\n progressDot\n dataSource={[{\n title: 'finish', description: 'This is a description.', status: 'finish'\n }, {\n title: 'process', description: 'This is a description.', status: 'process'\n }, {\n title: 'error', description: 'This is a description.', status: 'error'\n }, {\n title: 'wait', description: 'This is a description.', status: 'wait'\n }]}\n />\n\n <Flow\n direction=\"vertical\"\n progressDot\n dataSource={[{\n title: 'finish', description: 'This is a description.', status: 'finish'\n }, {\n title: 'process', description: 'This is a description.', status: 'process'\n }, {\n title: 'error', description: 'This is a description.', status: 'error'\n }, {\n title: 'wait', description: 'This is a description.', status: 'wait'\n }]}\n />\n <Flow\n dataSource={[{\n title: 'finish', description: 'This is a description.', subTitle: '2023-08-15 10:29', status: 'finish'\n }, {\n title: 'process', description: 'This is a description.', status: 'process'\n }, {\n title: 'error', description: 'This is a description.', status: 'error'\n }, {\n title: 'wait', description: 'This is a description.', status: 'wait'\n }]}\n columns={[{name: 'subTitle', format: 'datetime'}]}\n />\n </Flex>;\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: `Report`,\n description: ``,\n code: `const { Report } = _InfoPage;\nconst { Space } = antd;\nconst BaseExample = () => {\n return (\n <div className=\"outer\">\n <Space direction=\"vertical\" size={24}>\n <Report title=\"报告概述\">\n <Report.List\n report={{\n list: [\n {\n label: '目的',\n content: '本报告旨在评估招聘顾问使用AI工具进行候选人初次沟通的能力，特别是在理解候选人需求、传达职位信息以及建立初步信任关系的效果。'\n },\n {\n label: '测评对象',\n content: '姓名：张伟'\n },\n {\n label: '测评工具',\n content: \\`AI模拟系统：提供基于语音和文本的交互模拟环境。\\n评分标准：沟通技巧、信息传达清晰度、候选人反馈、建立关系的能力。\\`\n },\n {\n label: '任务目标',\n content: (\n <ul>\n <li>完整呈现初次沟通话术，展现每个关键动作和沟通顺序。</li>\n <li>收集候选人信息：了解候选人工作背景，技术能力及其薪资要求。</li>\n <li>挖掘需求：全面了解候选人求职动态和需求，从而掌握候选人存在的顾虑及。</li>\n <li>有效推荐：根据候选人求职需求链接职位优势，强化技术吸引点，妥善处理候选人疑虑。</li>\n <li>建立信任关系：使用沟通技巧，态度诚恳，和候选人站在一起，而非“博弈”关系。</li>\n </ul>\n )\n }\n ]\n }}\n />\n </Report>\n <Report title=\"测评结果\">\n <Report.Result\n report={{\n total: {\n score: '81.8',\n label: '综合得分'\n },\n list: [\n {\n label: '沟通程序指引及话术',\n score: '86',\n content:\n '张伟在这一部分的表现总体上是专业且有条理的，能够按照一定的流程顺利开展对话。他表现出的礼貌和专业性在询问是否方便通话时得到了完美的体现，得到了满分。然而，他在介绍职位时未能充分利用机会强调职位的吸引点，可能影响候选人的兴趣。'\n },\n {\n label: '收集信息（现状\\$&\\$期望）',\n score: '90',\n content: '张伟在收集候选人的现状和期望方面做得相对完善，能够获得关于候选人当前工作和技术栈的重要信息。但对于候选人的项目经验和薪资结构的探讨不够深入，这可能会影响到后续的职位匹配和期望管理。'\n },\n {\n label: '挖掘需求',\n score: '70',\n content: '张伟在挖掘候选人需求方面还有提升空间。虽然基本了解了候选人的职业期望，但在探索候选人的非薪酬动机和深层次需求方面表现不够充分，这是建立有效推荐和深度关系的关键。'\n },\n {\n label: '有效推荐',\n score: '73',\n content: '在有效推荐职位方面，张伟需要加强与候选人需求的匹配度和说服力。虽然提到了职位的技术优势，但未根据候选人的具体技术背景进行个性化强调，可能减少候选人的兴趣。'\n },\n {\n label: '建立信任关系',\n score: '84',\n content: '张伟能够通过有效的沟通建立信任关系，使用开放性问题和积极肯定候选人的表现。然而，需要提高在换位思考和理解候选人深层需求方面的能力，确保信任关系的深度和真实性。'\n }\n ]\n }}\n />\n </Report>\n <Report title=\"评分细节\">\n <Report.Table\n report={{\n columns: [\n {\n title: '评估维度',\n name: 'group',\n isSubTitle: true\n },\n {\n title: '评分项',\n name: 'item',\n span: 10\n },\n {\n title: '得分',\n name: 'score',\n span: 4,\n valueOf: value => <div className=\"score\">{value}</div>\n },\n {\n title: '描述',\n name: 'description',\n span: 10\n }\n ],\n group: [\n {\n name: 'group1',\n label: '沟通程序指引及话术'\n },\n {\n name: 'group2',\n label: '收集信息（现状&期望）'\n },\n {\n name: 'group3',\n label: '挖掘需求'\n },\n {\n name: 'group4',\n label: '有效推荐'\n },\n {\n name: 'group5',\n label: '建立信任关系'\n }\n ],\n list: [\n {\n group: 'group1',\n item: '专业开场',\n score: <Report.Score value={4}/>,\n description: '开场专业，语气友好，略显急促。'\n },\n {\n group: 'group1',\n item: '询问是否方便通话',\n score: <Report.Score value={5}/>,\n description: '表现出极好的礼貌和考虑。'\n },\n {\n group: 'group1',\n item: '先了解候选人整体情况',\n score: <Report.Score value={3}/>,\n description: '详细询问了技术和动机，未深入个人发展。'\n },\n {\n group: 'group1',\n item: '后介绍推荐OD职位',\n score: <Report.Score value={4}/>,\n description: '介绍清晰，未充分突出职位吸引力。'\n },\n {\n group: 'group1',\n item: '介绍整体面试流程',\n score: <Report.Score value={1}/>,\n description: '详尽介绍流程，缺少机考准备细节说明。'\n },\n {\n group: 'group1',\n item: '交换联系方式',\n score: <Report.Score value={5}/>,\n description: '有效且自然，确保双方畅通无阻。'\n },\n {\n group: 'group2',\n item: '了解候选人目前就业状态',\n score: <Report.Score value={5}/>,\n description: '详尽了解候选人的当前就业状况。'\n },\n {\n group: 'group2',\n item: '了解候选人技术栈及项目经验',\n score: <Report.Score value={4}/>,\n description: '详细询问技术栈，对项目经验探讨不足。'\n },\n {\n group: 'group2',\n item: '了解候选人薪资情况与结构',\n score: <Report.Score value={4}/>,\n description: '了解薪资期望清晰，未详细探讨薪资构成。'\n },\n {\n group: 'group3',\n item: '了解候选人对下一份工作的期望',\n score: <Report.Score value={3}/>,\n description: '探讨了职业规划，但未深挖发展意愿。'\n },\n {\n group: 'group3',\n item: '探索非薪资求职动机',\n score: <Report.Score value={2}/>,\n description: '基本了解求职动机，缺乏深度和细节。'\n },\n {\n group: 'group3',\n item: '识别并处理顾虑',\n score: <Report.Score value={4}/>,\n description: '识别了顾虑，回应稍显模糊。'\n },\n {\n group: 'group4',\n item: '链接职位优势与求职动机',\n score: <Report.Score value={3}/>,\n description: '提及职位相关性，缺乏说服力。'\n },\n {\n group: 'group4',\n item: '强化项目技术吸引点',\n score: <Report.Score value={3}/>,\n description: '提及技术优势，未针对候选人背景定制。'\n },\n {\n group: 'group4',\n item: '关注并处理候选人顾虑',\n score: <Report.Score value={4}/>,\n description: '正面回应顾虑，但解决方案不具体。'\n },\n {\n group: 'group5',\n item: '应用开放性提问',\n score: <Report.Score value={0}/>,\n description: '使用开放性问题促进了对话深入。'\n },\n {\n group: 'group5',\n item: '换位思考与表达同理心',\n score: <Report.Score value={1}/>,\n description: '表达了同理心，但部分回答未完全站在候选人角度。'\n },\n {\n group: 'group5',\n item: '表达肯定和欣赏',\n score: <Report.Score value={5}/>,\n description: '非常好地肯定了候选人的能力和经验。'\n },\n {\n group: 'group5',\n item: '清晰表达观点',\n score: <Report.Score value={2}/>,\n description: '观点主要清晰，偶有不够准确的情况。'\n },\n {\n group: 'group5',\n item: '有效倾听与理解',\n score: <Report.Score value={3}/>,\n description: '倾听良好，但有时未能完全抓住候选人的意图。'\n }\n ]\n }}\n />\n </Report>\n <Report title=\"结论与建议\">\n <Report.Part\n report={{\n list: [\n {\n label: '结论',\n hasBgColor: true,\n content:\n '在此次AI情景模拟测评中，李四表现出了较强的沟通能力和专业性，尤其是在程序指引及话术方面。他成功地收集了候选人的基本信息并建立了初步的信任关系。然而，他在深入挖掘候选人需求和个性化推荐职位方面的表现还有待提高。总体而言，李四的表现良好，显示出了他作为招聘顾问的潜力。'\n },\n {\n label: '建议',\n style: { '--marker-color': '#027A48', '--label-bg-color': '#027A481a' },\n content: (\n <ol>\n <li>增强职位介绍的吸引力，特别是将职位优势与候选人的需求直接关联，突出表现职位的独特之处。</li>\n <li>对候选人的项目经验进行更详细的询问，尤其是关于如何在项目中解决问题和技术应用的具体情况。</li>\n <li>在讨论薪资时，应详细了解候选人的薪资构成和期望，确保提供的职位与候选人的薪资期望相匹配。</li>\n <li>在交流中穿插探讨候选人的个人兴趣和长期职业目标，以便更好地理解其动机。</li>\n <li>根据候选人的技术能力和职业兴趣定制职位推荐，突出职位的技术挑战和成长机会。</li>\n <li>加强同理心的表达，尤其在讨论候选人关切的问题时，从其角度出发提供解决方案。</li>\n </ol>\n )\n }\n ]\n }}\n />\n </Report>\n <Report title=\"结论与建议\">自定义 area</Report>\n </Space>\n </div>\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"],"names":["name","summary","description","packageName","api","example","isFull","className","style","list","title","code","scope","component"],"sourceRoot":""}
1	+ {"version":3,"file":"static/js/491.64062f85.chunk.js","mappings":"iLAYA,MAk9DA,EAl9DqB,CACjBA,KAAM,YACNC,QAAS,wyJA+DTC,YAAa,yLACbC,YAAa,iBACbC,IAAK,6zoBA0iCLC,QAAS,CACLC,QAAQ,EACRC,UAAW,kBACXC,MAAO,GACPC,KAAM,CAAC,CACXC,MAAO,WACPR,YAAa,mDACbS,KAAM,o5BAkCNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,UACPR,YAAa,yDACbS,KAAM,ysGAsDNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,eACPR,YAAa,mDACbS,KAAM,8kGA4ENC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,iBACPR,YAAa,ipBACbS,KAAM,qwDA2CNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,YACPR,YAAa,GACbS,KAAM,6+EAqFNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,YACPR,YAAa,GACbS,KAAM,yiDAqENC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,GACb,CACEb,KAAM,eACNG,YAAa,qBACbU,U,UACF,CACEb,KAAM,YACNG,YAAa,oBACbU,U,YAEF,CACEH,MAAO,OACPR,YAAa,GACbS,KAAM,mjJA+GNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,SACPR,YAAa,GACbS,KAAM,47sBA8RNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,O","sources":["../../README.md"],"sourcesContent":["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';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport '@kne/current-lib_info-page/dist/index.css';\nimport * as component_9 from '@kne/remote-loader';\nimport * as component_10 from '@ant-design/icons';\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<h3><em><code>Descriptions</code></em> 何时使用</h3>\n<p>用于展示多个只读字段，常见于详情页的关键信息展示。每个字段占据一行，标签和内容分列展示，适合展示较为重要的信息。</p>\n<h3>特点</h3>\n<ul>\n<li>支持自定义布局（通过 isFull 属性）</li>\n<li>支持条件显示（通过 display 属性）</li>\n<li>支持自定义渲染（通过 itemRender 属性）</li>\n</ul>\n<h3><em><code>Flow</code></em> 何时使用</h3>\n<p>用于展示步骤流程，适用于需要展示任务进度、操作步骤或业务流程的场景。</p>\n<h3>特点</h3>\n<ul>\n<li>基于 Ant Design Steps 组件构建</li>\n<li>支持自定义步骤状态</li>\n<li>支持步骤标题、副标题和描述</li>\n<li>支持步骤内容的自定义展示</li>\n</ul>\n<h3><em><code>Report</code></em> 何时使用</h3>\n<p>用于生成标准化的报告展示，适用于需要展示评估结果、分析报告或总结文档的场景。</p>\n<h3>特点</h3>\n<ul>\n<li>支持多种报告组件（List、Result、Table、Part、Score）</li>\n<li>支持自定义布局和样式</li>\n<li>支持分页打印（通过 PrintPageBreak 组件）</li>\n<li>支持数据分组和汇总</li>\n</ul>\n<h3><em><code>SplitLine</code></em> 何时使用</h3>\n<p>用于在水平或垂直方向上展示一系列带有标签和内容的项目，常用于信息分割展示。</p>\n<h3>特点</h3>\n<ul>\n<li>支持水平和垂直两种布局方向</li>\n<li>支持自定义标签和内容</li>\n<li>基于 Ant Design Space 和 Flex 组件构建</li>\n</ul>\n<h3><em><code>TableView</code></em> 何时使用</h3>\n<p>用于展示结构化的表格数据，适用于需要展示、操作多条记录的场景。</p>\n<h3>特点</h3>\n<ul>\n<li>支持自定义列配置</li>\n<li>支持行选择功能</li>\n<li>支持空值处理和占位符</li>\n<li>支持自定义渲染和格式化</li>\n</ul>\n<h3><em><code>CentralContent</code></em> 何时使用</h3>\n<p>用于在页面中央区域展示内容，提供了一个基于栅格系统的布局容器。</p>\n<h3>特点</h3>\n<ul>\n<li>基于 Ant Design Row 和 Col 组件构建</li>\n<li>提供灵活的布局控制</li>\n<li>支持自定义样式和类名</li>\n</ul>`,\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<tr>\n<td>isFull</td>\n<td>是否使用完整布局（标签占8列）</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>className</td>\n<td>自定义类名</td>\n<td>string</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<h3>Flow</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>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>style</td>\n<td>自定义样式</td>\n<td>CSSProperties</td>\n<td>-</td>\n</tr>\n<tr>\n<td>steps</td>\n<td>步骤配置</td>\n<td>Step[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>current</td>\n<td>当前步骤</td>\n<td>number</td>\n<td>0</td>\n</tr>\n</tbody>\n</table>\n<h4>Step</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>title</td>\n<td>标题</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subTitle</td>\n<td>副标题</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>description</td>\n<td>描述</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>status</td>\n<td>状态</td>\n<td>'wait' \| 'process' \| 'finish' \| 'error'</td>\n<td>'wait'</td>\n</tr>\n<tr>\n<td>content</td>\n<td>步骤内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>CentralContent</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>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>style</td>\n<td>自定义样式</td>\n<td>CSSProperties</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>SplitLine</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>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>style</td>\n<td>自定义样式</td>\n<td>CSSProperties</td>\n<td>-</td>\n</tr>\n<tr>\n<td>direction</td>\n<td>排列方向</td>\n<td>'horizontal' \| 'vertical'</td>\n<td>'horizontal'</td>\n</tr>\n<tr>\n<td>items</td>\n<td>项目配置</td>\n<td>SplitLineItem[]</td>\n<td>[]</td>\n</tr>\n</tbody>\n</table>\n<h4>SplitLineItem</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>label</td>\n<td>标签</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TableView</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>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>dataSource</td>\n<td>数据源</td>\n<td>any[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>columns</td>\n<td>列配置</td>\n<td>Column[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>rowKey</td>\n<td>行数据的唯一标识字段</td>\n<td>string \| ((record: any) => string)</td>\n<td>'id'</td>\n</tr>\n<tr>\n<td>rowSelection</td>\n<td>行选择配置</td>\n<td>RowSelection</td>\n<td>-</td>\n</tr>\n<tr>\n<td>valueIsEmpty</td>\n<td>判断值是否为空的函数</td>\n<td>(value: any) => boolean</td>\n<td>isEmpty</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>空值占位符</td>\n<td>ReactNode</td>\n<td>'-'</td>\n</tr>\n<tr>\n<td>emptyIsPlaceholder</td>\n<td>是否显示空值占位符</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>无数据时的展示内容</td>\n<td>ReactNode</td>\n<td><code><Empty /></code></td>\n</tr>\n<tr>\n<td>onRowSelect</td>\n<td>行选择回调</td>\n<td>(record: any, info: { columns: Column[], dataSource: any[] }) => void</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>行选择 (Row Selection) 配置</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>选择类型</td>\n<td>string</td>\n<td>-</td>\n<td>'checkbox' / 'radio'</td>\n</tr>\n<tr>\n<td>selectedRowKeys</td>\n<td>当前选中的行key数组</td>\n<td>array</td>\n<td>[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>选择变化时的回调函数</td>\n<td>function(selectedRowKeys)</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>isSelectedAll</td>\n<td>是否全选</td>\n<td>boolean</td>\n<td>false</td>\n<td>true/false</td>\n</tr>\n</tbody>\n</table>\n<h4>列配置 (Columns)</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>列标识</td>\n<td>string</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>列标题</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>span</td>\n<td>列宽度（24栅格）</td>\n<td>number</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>align</td>\n<td>对齐方式</td>\n<td>string</td>\n<td>'top'</td>\n<td>'top' / 'middle' / 'bottom'</td>\n</tr>\n<tr>\n<td>justify</td>\n<td>水平对齐方式</td>\n<td>string</td>\n<td>'flex-start'</td>\n<td>'flex-start' / 'center' / 'flex-end'</td>\n</tr>\n<tr>\n<td>getValueOf</td>\n<td>获取列值的函数</td>\n<td>function</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>format</td>\n<td>格式化函数或格式化字符串</td>\n<td>function \| string</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>render</td>\n<td>自定义渲染函数</td>\n<td>function</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>renderPlaceholder</td>\n<td>自定义空值渲染函数</td>\n<td>function</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>valueIsEmpty</td>\n<td>判断值是否为空的函数</td>\n<td>function</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>emptyIsPlaceholder</td>\n<td>是否显示空值占位符</td>\n<td>boolean</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>列空值占位符</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Report</h3>\n<h4>基础属性 (Props)</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>主标题</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>任意可渲染节点</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>副标题</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>任意可渲染节点</td>\n</tr>\n<tr>\n<td>extra</td>\n<td>标题区域额外内容</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>任意可渲染节点</td>\n</tr>\n<tr>\n<td>border</td>\n<td>是否显示边框</td>\n<td>boolean</td>\n<td>true</td>\n<td>true/false</td>\n</tr>\n<tr>\n<td>className</td>\n<td>自定义类名</td>\n<td>string</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>内容区域</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.List</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report</td>\n<td>报告数据对象</td>\n<td>object</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>report.list</td>\n<td>列表数据数组</td>\n<td>array</td>\n<td>[]</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h5>listItem</h5>\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>label</td>\n<td>列表项标签</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>列表项内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.Part</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>可选值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report</td>\n<td>分区数据对象</td>\n<td>object</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>report.list</td>\n<td>分区数据数组</td>\n<td>array</td>\n<td>[]</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h5>listItem</h5>\n<table>\n<thead>\n<tr>\n<th>属性</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>备注</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>label</td>\n<td>分区标签</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>必填</td>\n</tr>\n<tr>\n<td>content</td>\n<td>分区内容</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>必填</td>\n</tr>\n<tr>\n<td>hasBgColor</td>\n<td>是否有背景色</td>\n<td>boolean</td>\n<td>false</td>\n<td>控制内容区域背景</td>\n</tr>\n<tr>\n<td>...props</td>\n<td>其他HTML属性</td>\n<td>object</td>\n<td>-</td>\n<td>会传递给外层div</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.Result</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>必填</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report</td>\n<td>结果数据对象</td>\n<td>object</td>\n<td>-</td>\n<td>是</td>\n</tr>\n</tbody>\n</table>\n<h5>report</h5>\n<table>\n<thead>\n<tr>\n<th>属性</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>必填</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report.total</td>\n<td>总分数据</td>\n<td>object</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.total.score</td>\n<td>总分值</td>\n<td>number/string</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.total.label</td>\n<td>总分标签</td>\n<td>string</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.list</td>\n<td>分项结果列表</td>\n<td>array</td>\n<td>[]</td>\n<td>否</td>\n</tr>\n</tbody>\n</table>\n<h5>listItem</h5>\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>label</td>\n<td>分项标签</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>content</td>\n<td>分项内容</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>score</td>\n<td>分项得分</td>\n<td>number/string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.Score</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\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>自定义类名</td>\n<td>string</td>\n<td>-</td>\n<td>-</td>\n</tr>\n<tr>\n<td>value</td>\n<td>当前得分值</td>\n<td>number</td>\n<td>-</td>\n<td>0-5</td>\n</tr>\n<tr>\n<td>total</td>\n<td>总分值/星星总数</td>\n<td>number</td>\n<td>5</td>\n<td>任意正整数</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.Table</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>必填</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>report</td>\n<td>表格数据对象</td>\n<td>object</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.list</td>\n<td>表格数据数组</td>\n<td>array</td>\n<td>[]</td>\n<td>否</td>\n</tr>\n<tr>\n<td>report.columns</td>\n<td>列配置数组</td>\n<td>array</td>\n<td>-</td>\n<td>是</td>\n</tr>\n<tr>\n<td>report.group</td>\n<td>分组配置数组</td>\n<td>array</td>\n<td>-</td>\n<td>否</td>\n</tr>\n<tr>\n<td>report.groupName</td>\n<td>分组字段名</td>\n<td>string</td>\n<td>-</td>\n<td>否</td>\n</tr>\n</tbody>\n</table>\n<h5>columns</h5>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n<th>示例</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>列字段名</td>\n<td>string</td>\n<td>-</td>\n<td>\"username\"</td>\n</tr>\n<tr>\n<td>title</td>\n<td>列标题</td>\n<td>string</td>\n<td>-</td>\n<td>\"用户名\"</td>\n</tr>\n<tr>\n<td>span</td>\n<td>列宽度比例</td>\n<td>number</td>\n<td>-</td>\n<td>6</td>\n</tr>\n<tr>\n<td>isSubTitle</td>\n<td>是否作为子标题</td>\n<td>boolean</td>\n<td>false</td>\n<td>true</td>\n</tr>\n</tbody>\n</table>\n<h5>group</h5>\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>name</td>\n<td>分组名称</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h4>Report.PrintPageBreak</h4>\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>自定义类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>style</td>\n<td>自定义样式</td>\n<td>CSSProperties</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: `CentralContent`,\n description: `请尽量使用该组件代替Descriptions组件。该组件比Descriptions组件添加了数据格式化和灵活的空判断和自定义空展示，并且优化了排列，可以实现任何栅格大小的数据项复杂组合。实现了尾行优化，使你不必担心末尾项的宽度问题，程序会自动计算并占满该行。`,\n code: `const { CentralContent } = _InfoPage;\n\nconst BaseExample = () => {\n return (<CentralContent 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-useGrouping:false-suffix:个'\n }, {\n name: 'count2', title: '百分比', format: 'number-percent money-百分比'\n }, {\n name: 'count3', title: '万元', format: 'number-suffix:万元--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};\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: ``,\n code: `const { TableView } = _InfoPage;\nconst { Flex } = antd;\nconst { useState } = React;\n\nconst 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 id: 'RC00102',\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 id: 'RC00103',\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 id: 'RC00104',\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\nconst columns = [{\n name: 'id', title: 'ID'\n}, {\n name: 'name', title: '姓名'\n}, {\n name: 'birthday', title: '出生日期', format: 'date'\n}, {\n name: 'addTime', title: '添加时间', format: 'datetime-YY(_)MM(_)DD()HH'\n}, {\n name: 'count', title: '数量', format: 'number'\n}, {\n name: 'description', title: '描述', span: 10\n}];\n\nconst WithCheckbox = () => {\n const [selectKeys, setSelectKeys] = useState([]);\n return <TableView dataSource={dataSource} columns={columns} rowSelection={{\n type: 'checkbox', allowSelectedAll: true, selectedRowKeys: selectKeys, onChange: setSelectKeys\n }} />;\n};\n\nconst WithSelected = () => {\n const [selectKeys, setSelectKeys] = useState([]);\n return <TableView dataSource={dataSource} columns={columns} rowSelection={{\n selectedRowKeys: selectKeys, onChange: setSelectKeys\n }} />;\n};\n\nconst BaseExample = () => {\n return <Flex vertical gap={10}>\n <TableView dataSource={dataSource} columns={columns} />\n <WithCheckbox />\n <WithSelected />\n <TableView dataSource={[]} columns={columns} />\n <TableView style={{\n height: '200px', overflowY: 'scroll'\n }} dataSource={dataSource} columns={columns} sticky/>\n </Flex>;\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: `SplitLine`,\n description: ``,\n code: `const { createWithRemoteLoader } = remoteLoader;\nconst { SplitLine } = _InfoPage;\nconst { Flex } = antd;\nconst { MobileOutlined, CompassOutlined } = antdIcons;\n\nconst BaseExample = () => {\n return (\n <Flex vertical gap={10}>\n <SplitLine\n dataSource={{\n name: '张三',\n birthday: '1990-01-01',\n phone: '13800000000',\n address: '北京市海淀区'\n }}\n columns={[\n {\n name: 'name',\n title: '姓名'\n },\n {\n name: 'birthday',\n title: '生日'\n },\n {\n name: 'phone',\n icon: <MobileOutlined />\n },\n {\n name: 'address',\n icon: <CompassOutlined />\n }\n ]}\n />\n\n <SplitLine\n labelMode=\"vertical\"\n dataSource={{\n name: '张三',\n birthday: '1990-01-01',\n phone: '13800000000',\n address: '北京市海淀区'\n }}\n columns={[\n {\n name: 'name',\n title: '姓名'\n },\n {\n name: 'birthday',\n title: '生日'\n },\n {\n name: 'phone',\n icon: <MobileOutlined />\n },\n {\n name: 'address',\n icon: <CompassOutlined />\n }\n ]}\n />\n </Flex>\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 name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_9\n},{\n name: \"antdIcons\",\n packageName: \"@ant-design/icons\",\n component: component_10\n}]\n},{\n title: `Flow`,\n description: ``,\n code: `const {Space, Flex, Divider} = antd;\nconst {Flow} = _InfoPage;\nconst BaseExample = () => {\n return <Flex vertical gap={8}>\n <Flow\n current={2}\n dataSource={[{\n title: 'title1',\n description: 'This is a description.',\n createTime: '2022-08-15 10:29',\n descriptionContent: [{\n name: '王建国1', action: '添加了备注', time: '2023-08-15 10:30', content: 'test'\n }, {\n name: '王建国2', action: '添加了备注', time: '2023-08-15 10:31', content: 'test'\n }]\n }, {\n title: '自定义DescriptionContentItem渲染样式',\n description: 'This is a description.',\n descriptionContent: [{\n name: '王建国3', action: '添加了备注', time: '08-15 10:30', content: 'test'\n }, {\n name: '王建国4', action: '添加了备注', time: '08-15 10:31', content: 'test'\n }]\n }, {title: 'title3', description: 'This is a description.'}, {\n title: 'title4', description: 'This is a description.'\n }]}\n columns={[{\n name: 'title'\n }, {\n name: 'description'\n }, {\n type: 'subTitle', name: 'createTime', format: 'datetime'\n }, {\n name: 'status'\n }, {\n type: 'actionList', name: 'descriptionContent', children: [{\n name: 'name'\n }, {\n name: 'action'\n }, {\n type: 'options', name: 'time', format: 'datetime'\n }, {\n name: 'content', render: (item, {target}) => {\n return \\`@@@@@\\${target.name}-\\${target.action}-\\${target.content}\\`;\n }\n }]\n }]}\n />\n <Flow\n current={2}\n dataSource={[{\n title: 'title1', description: 'This is a description.', createTime: '2022-08-15 10:29'\n }, {\n title: '自定义DescriptionContentItem渲染样式', description: 'This is a description.'\n }, {title: 'title3', description: 'This is a description.'}, {\n title: 'title4', description: 'This is a description.'\n }]}\n columns={[{\n type: 'content', name: 'content', valueIsEmpty: (item, {index}) => {\n return index !== 2;\n }, render: (item, {target}) => {\n return '小西西西西';\n }\n }]}\n />\n\n <Flow\n direction=\"horizontal\"\n progressDot\n dataSource={[{\n title: 'finish', description: 'This is a description.', status: 'finish'\n }, {\n title: 'process', description: 'This is a description.', status: 'process'\n }, {\n title: 'error', description: 'This is a description.', status: 'error'\n }, {\n title: 'wait', description: 'This is a description.', status: 'wait'\n }]}\n />\n\n <Flow\n direction=\"vertical\"\n progressDot\n dataSource={[{\n title: 'finish', description: 'This is a description.', status: 'finish'\n }, {\n title: 'process', description: 'This is a description.', status: 'process'\n }, {\n title: 'error', description: 'This is a description.', status: 'error'\n }, {\n title: 'wait', description: 'This is a description.', status: 'wait'\n }]}\n />\n <Flow\n dataSource={[{\n title: 'finish', description: 'This is a description.', subTitle: '2023-08-15 10:29', status: 'finish'\n }, {\n title: 'process', description: 'This is a description.', status: 'process'\n }, {\n title: 'error', description: 'This is a description.', status: 'error'\n }, {\n title: 'wait', description: 'This is a description.', status: 'wait'\n }]}\n columns={[{name: 'subTitle', format: 'datetime'}]}\n />\n </Flex>;\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: `Report`,\n description: ``,\n code: `const { Report } = _InfoPage;\nconst { Space } = antd;\nconst BaseExample = () => {\n return (\n <div className=\"outer\">\n <Space direction=\"vertical\" size={24}>\n <Report title=\"报告概述\">\n <Report.List\n report={{\n list: [\n {\n label: '目的',\n content: '本报告旨在评估招聘顾问使用AI工具进行候选人初次沟通的能力，特别是在理解候选人需求、传达职位信息以及建立初步信任关系的效果。'\n },\n {\n label: '测评对象',\n content: '姓名：张伟'\n },\n {\n label: '测评工具',\n content: \\`AI模拟系统：提供基于语音和文本的交互模拟环境。\\n评分标准：沟通技巧、信息传达清晰度、候选人反馈、建立关系的能力。\\`\n },\n {\n label: '任务目标',\n content: (\n <ul>\n <li>完整呈现初次沟通话术，展现每个关键动作和沟通顺序。</li>\n <li>收集候选人信息：了解候选人工作背景，技术能力及其薪资要求。</li>\n <li>挖掘需求：全面了解候选人求职动态和需求，从而掌握候选人存在的顾虑及。</li>\n <li>有效推荐：根据候选人求职需求链接职位优势，强化技术吸引点，妥善处理候选人疑虑。</li>\n <li>建立信任关系：使用沟通技巧，态度诚恳，和候选人站在一起，而非“博弈”关系。</li>\n </ul>\n )\n }\n ]\n }}\n />\n </Report>\n <Report title=\"测评结果\">\n <Report.Result\n report={{\n total: {\n score: '81.8',\n label: '综合得分'\n },\n list: [\n {\n label: '沟通程序指引及话术',\n score: '86',\n content:\n '张伟在这一部分的表现总体上是专业且有条理的，能够按照一定的流程顺利开展对话。他表现出的礼貌和专业性在询问是否方便通话时得到了完美的体现，得到了满分。然而，他在介绍职位时未能充分利用机会强调职位的吸引点，可能影响候选人的兴趣。'\n },\n {\n label: '收集信息（现状\\$&\\$期望）',\n score: '90',\n content: '张伟在收集候选人的现状和期望方面做得相对完善，能够获得关于候选人当前工作和技术栈的重要信息。但对于候选人的项目经验和薪资结构的探讨不够深入，这可能会影响到后续的职位匹配和期望管理。'\n },\n {\n label: '挖掘需求',\n score: '70',\n content: '张伟在挖掘候选人需求方面还有提升空间。虽然基本了解了候选人的职业期望，但在探索候选人的非薪酬动机和深层次需求方面表现不够充分，这是建立有效推荐和深度关系的关键。'\n },\n {\n label: '有效推荐',\n score: '73',\n content: '在有效推荐职位方面，张伟需要加强与候选人需求的匹配度和说服力。虽然提到了职位的技术优势，但未根据候选人的具体技术背景进行个性化强调，可能减少候选人的兴趣。'\n },\n {\n label: '建立信任关系',\n score: '84',\n content: '张伟能够通过有效的沟通建立信任关系，使用开放性问题和积极肯定候选人的表现。然而，需要提高在换位思考和理解候选人深层需求方面的能力，确保信任关系的深度和真实性。'\n }\n ]\n }}\n />\n </Report>\n <Report title=\"评分细节\">\n <Report.Table\n report={{\n columns: [\n {\n title: '评估维度',\n name: 'group',\n isSubTitle: true\n },\n {\n title: '评分项',\n name: 'item',\n span: 10\n },\n {\n title: '得分',\n name: 'score',\n span: 4,\n valueOf: value => <div className=\"score\">{value}</div>\n },\n {\n title: '描述',\n name: 'description',\n span: 10\n }\n ],\n group: [\n {\n name: 'group1',\n label: '沟通程序指引及话术'\n },\n {\n name: 'group2',\n label: '收集信息（现状&期望）'\n },\n {\n name: 'group3',\n label: '挖掘需求'\n },\n {\n name: 'group4',\n label: '有效推荐'\n },\n {\n name: 'group5',\n label: '建立信任关系'\n }\n ],\n list: [\n {\n group: 'group1',\n item: '专业开场',\n score: <Report.Score value={4}/>,\n description: '开场专业，语气友好，略显急促。'\n },\n {\n group: 'group1',\n item: '询问是否方便通话',\n score: <Report.Score value={5}/>,\n description: '表现出极好的礼貌和考虑。'\n },\n {\n group: 'group1',\n item: '先了解候选人整体情况',\n score: <Report.Score value={3}/>,\n description: '详细询问了技术和动机，未深入个人发展。'\n },\n {\n group: 'group1',\n item: '后介绍推荐OD职位',\n score: <Report.Score value={4}/>,\n description: '介绍清晰，未充分突出职位吸引力。'\n },\n {\n group: 'group1',\n item: '介绍整体面试流程',\n score: <Report.Score value={1}/>,\n description: '详尽介绍流程，缺少机考准备细节说明。'\n },\n {\n group: 'group1',\n item: '交换联系方式',\n score: <Report.Score value={5}/>,\n description: '有效且自然，确保双方畅通无阻。'\n },\n {\n group: 'group2',\n item: '了解候选人目前就业状态',\n score: <Report.Score value={5}/>,\n description: '详尽了解候选人的当前就业状况。'\n },\n {\n group: 'group2',\n item: '了解候选人技术栈及项目经验',\n score: <Report.Score value={4}/>,\n description: '详细询问技术栈，对项目经验探讨不足。'\n },\n {\n group: 'group2',\n item: '了解候选人薪资情况与结构',\n score: <Report.Score value={4}/>,\n description: '了解薪资期望清晰，未详细探讨薪资构成。'\n },\n {\n group: 'group3',\n item: '了解候选人对下一份工作的期望',\n score: <Report.Score value={3}/>,\n description: '探讨了职业规划，但未深挖发展意愿。'\n },\n {\n group: 'group3',\n item: '探索非薪资求职动机',\n score: <Report.Score value={2}/>,\n description: '基本了解求职动机，缺乏深度和细节。'\n },\n {\n group: 'group3',\n item: '识别并处理顾虑',\n score: <Report.Score value={4}/>,\n description: '识别了顾虑，回应稍显模糊。'\n },\n {\n group: 'group4',\n item: '链接职位优势与求职动机',\n score: <Report.Score value={3}/>,\n description: '提及职位相关性，缺乏说服力。'\n },\n {\n group: 'group4',\n item: '强化项目技术吸引点',\n score: <Report.Score value={3}/>,\n description: '提及技术优势，未针对候选人背景定制。'\n },\n {\n group: 'group4',\n item: '关注并处理候选人顾虑',\n score: <Report.Score value={4}/>,\n description: '正面回应顾虑，但解决方案不具体。'\n },\n {\n group: 'group5',\n item: '应用开放性提问',\n score: <Report.Score value={0}/>,\n description: '使用开放性问题促进了对话深入。'\n },\n {\n group: 'group5',\n item: '换位思考与表达同理心',\n score: <Report.Score value={1}/>,\n description: '表达了同理心，但部分回答未完全站在候选人角度。'\n },\n {\n group: 'group5',\n item: '表达肯定和欣赏',\n score: <Report.Score value={5}/>,\n description: '非常好地肯定了候选人的能力和经验。'\n },\n {\n group: 'group5',\n item: '清晰表达观点',\n score: <Report.Score value={2}/>,\n description: '观点主要清晰，偶有不够准确的情况。'\n },\n {\n group: 'group5',\n item: '有效倾听与理解',\n score: <Report.Score value={3}/>,\n description: '倾听良好，但有时未能完全抓住候选人的意图。'\n }\n ]\n }}\n />\n </Report>\n <Report title=\"结论与建议\">\n <Report.Part\n report={{\n list: [\n {\n label: '结论',\n hasBgColor: true,\n content:\n '在此次AI情景模拟测评中，李四表现出了较强的沟通能力和专业性，尤其是在程序指引及话术方面。他成功地收集了候选人的基本信息并建立了初步的信任关系。然而，他在深入挖掘候选人需求和个性化推荐职位方面的表现还有待提高。总体而言，李四的表现良好，显示出了他作为招聘顾问的潜力。'\n },\n {\n label: '建议',\n style: { '--marker-color': '#027A48', '--label-bg-color': '#027A481a' },\n content: (\n <ol>\n <li>增强职位介绍的吸引力，特别是将职位优势与候选人的需求直接关联，突出表现职位的独特之处。</li>\n <li>对候选人的项目经验进行更详细的询问，尤其是关于如何在项目中解决问题和技术应用的具体情况。</li>\n <li>在讨论薪资时，应详细了解候选人的薪资构成和期望，确保提供的职位与候选人的薪资期望相匹配。</li>\n <li>在交流中穿插探讨候选人的个人兴趣和长期职业目标，以便更好地理解其动机。</li>\n <li>根据候选人的技术能力和职业兴趣定制职位推荐，突出职位的技术挑战和成长机会。</li>\n <li>加强同理心的表达，尤其在讨论候选人关切的问题时，从其角度出发提供解决方案。</li>\n </ol>\n )\n }\n ]\n }}\n />\n </Report>\n <Report title=\"结论与建议\">自定义 area</Report>\n </Space>\n </div>\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"],"names":["name","summary","description","packageName","api","example","isFull","className","style","list","title","code","scope","component"],"sourceRoot":""}

package/build/static/js/{72.f4632e2d.chunk.js → 72.b20e63c4.chunk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_kne_components_info_page=self.webpackChunk_kne_components_info_page||[]).push([[72],{11448:(e,t,o)=>{var n=o(89379),s=(o(94922),o(87558)),r=o(55199),a=o(94312),l=o(13050),p=o(89261);window.PUBLIC_URL="/info-page";const c={url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build"};var m=o(65457),u=o(53986),i=o(94679),d=o(66964),f=(o(91296),o(46446));const g=["globalPreset"],k=d.Ay.ExampleRoutes,h=e=>{let{globalPreset:t}=e,o=(0,u.A)(e,g);return(0,p.jsx)(i.HashRouter,{children:(0,p.jsx)(k,(0,n.A)((0,n.A)({},o),{},{paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:t,themeToken:t.themeToken,readme:f.default,pageProps:{menu:null}}))})},A=m.createRoot(document.getElementById("root"));(async e=>{const t=await(async()=>{const e=(0,a.A)({errorHandler:e=>r.message.error(e)}),t=(0,n.A)((0,n.A)({},c),{},{remote:"components-core",defaultVersion:"0.4.3"});return(0,l.preset)({remotes:{default:t,"components-core":t,"components-iconfont":(0,n.A)((0,n.A)({},c),{},{remote:"components-iconfont",defaultVersion:"0.2.1"}),"info-page":(0,n.A)((0,n.A)({},c),{},{remote:"info-page",defaultVersion:"0.1.26"})}}),(0,s.preset)({ajax:e,loading:(0,p.jsx)(r.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,p.jsx)(r.Empty,{}),transformResponse:e=>{const{data:t}=e;return e.data={code:0===t.code?200:t.code,msg:t.msg,results:t.data},e}}),{ajax:e,enums:{},apis:{},themeToken:{colorPrimary:"#4183F0"}}})();A.render((0,p.jsx)(e,{themeToken:t.themeToken,globalPreset:t}))})(h)}}]);
-//# sourceMappingURL=72.f4632e2d.chunk.js.map
+"use strict";(self.webpackChunk_kne_components_info_page=self.webpackChunk_kne_components_info_page||[]).push([[72],{11448:(e,t,o)=>{var n=o(89379),s=(o(94922),o(87558)),r=o(55199),a=o(94312),l=o(13050),p=o(89261);window.PUBLIC_URL="/info-page";const c={url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build"};var m=o(65457),u=o(53986),i=o(94679),d=o(66964),f=(o(91296),o(46446));const g=["globalPreset"],k=d.Ay.ExampleRoutes,h=e=>{let{globalPreset:t}=e,o=(0,u.A)(e,g);return(0,p.jsx)(i.HashRouter,{children:(0,p.jsx)(k,(0,n.A)((0,n.A)({},o),{},{paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:t,themeToken:t.themeToken,readme:f.default,pageProps:{menu:null}}))})},A=m.createRoot(document.getElementById("root"));(async e=>{const t=await(async()=>{const e=(0,a.A)({errorHandler:e=>r.message.error(e)}),t=(0,n.A)((0,n.A)({},c),{},{remote:"components-core",defaultVersion:"0.4.3"});return(0,l.preset)({remotes:{default:t,"components-core":t,"components-iconfont":(0,n.A)((0,n.A)({},c),{},{remote:"components-iconfont",defaultVersion:"0.2.1"}),"info-page":(0,n.A)((0,n.A)({},c),{},{remote:"info-page",defaultVersion:"0.1.27"})}}),(0,s.preset)({ajax:e,loading:(0,p.jsx)(r.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,p.jsx)(r.Empty,{}),transformResponse:e=>{const{data:t}=e;return e.data={code:0===t.code?200:t.code,msg:t.msg,results:t.data},e}}),{ajax:e,enums:{},apis:{},themeToken:{colorPrimary:"#4183F0"}}})();A.render((0,p.jsx)(e,{themeToken:t.themeToken,globalPreset:t}))})(h)}}]);
+//# sourceMappingURL=72.b20e63c4.chunk.js.map

package/build/static/js/{72.f4632e2d.chunk.js.map → 72.b20e63c4.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static/js/72.~~f4632e2d~~.chunk.js","mappings":"sNAMAA,OAAOC,WAAaC,aAOpB,MAAMC,EAAW,CACfC,IAAK,yBAA0BC,IAAK,iE,+FCThCC,EAAgBC,EAAAA,GAAYD,cAuBlC,EArBYE,IAAiC,IAAhC,aAAEC,GAAwBD,EAAPE,GAAKC,EAAAA,EAAAA,GAAAH,EAAAI,GACnC,OACIC,EAAAA,EAAAA,KAACC,EAAAA,WAAU,CAAAC,UACTF,EAAAA,EAAAA,KAACP,GAAaU,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACNN,GAAK,IACTO,MAAO,CACL,CACEC,IAAK,aACLC,KAAM,IACNC,MAAO,iBAGXC,OAAQZ,EACRa,WAAYb,EAAaa,WACzBC,OAAQA,EAAAA,QACRC,UAAW,CAAEC,KAAM,YCjBzBC,EAAOC,EAAAA,WAAoBC,SAASC,eAAe,SAEtCC,WACjB,MAAMrB,OFSkBqB,WACxB,MAAMC,GAAOC,EAAAA,EAAAA,GAAW,CACtBC,aAAcC,GAASC,EAAAA,QAAQD,MAAMA,KAGjCE,GAAoBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACrBb,GAAQ,IAAEkC,OAAQ,kBAAmBC,eAAgB,UAgC1D,OA7BAC,EAAAA,EAAAA,QAAmB,CACjBC,QAAS,CACPC,QAASL,EAAsB,kBAAmBA,EAAsB,uBAAqBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACxFb,GAAQ,IAAEkC,OAAQ,sBAAuBC,eAAgB,UAC3D,aAEFtB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACIb,GAAQ,IAAEkC,OAAQ,YAAaC,eAAgBpC,eAMxDwC,EAAAA,EAAAA,QAAY,CACVX,OAAMY,SAAS9B,EAAAA,EAAAA,KAAC+B,EAAAA,KAAI,CAACC,MAAO,IACPC,MAAO,CACLC,SAAU,WACVC,KAAM,MACNC,QAAS,OACTC,UAAW,sBACNhB,MAAO,KAAMiB,OAAOtC,EAAAA,EAAAA,KAACuC,EAAAA,MAAK,IAAKC,kBAAoBC,IAC7E,MAAM,KAAEC,GAASD,EAIjB,OAHAA,EAASC,KAAO,CACdC,KAAoB,IAAdD,EAAKC,KAAa,IAAMD,EAAKC,KAAMC,IAAKF,EAAKE,IAAKC,QAASH,EAAKA,MAEjED,KAIJ,CACLvB,OAAM4B,MAAO,CAAC,EAAGC,KAAM,CAAC,EAAGtC,WAAY,CACrCuC,aAAc,aEjDSC,GACpBpC,EAAKqC,QAAOlD,EAAAA,EAAAA,KAACmD,EAAG,CAAC1C,WAAYb,EAAaa,WAAYb,aAAcA,MAG7EwD,CAAWD,E","sources":["preset.js","App.js","bootstrap.js"],"sourcesContent":["import React from 'react';\nimport { preset as fetchPreset } from '@kne/react-fetch';\nimport { Spin, Empty, message } from 'antd';\nimport createAjax from '@kne/axios-fetch';\nimport { preset as remoteLoaderPreset } from '@kne/remote-loader';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\n// url: 'https://registry.npmmirror.com',\n// tpl: '{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build',\n\n// url: 'https://cdn.jsdelivr.net', tpl: '{{url}}/npm/@kne-components/{{remote}}@{{version}}/build'\n\nconst registry = {\n url: 'https://uc.fatalent.cn', tpl: '{{url}}/packages/@kne-components/{{remote}}/{{version}}/build'\n};\n\nexport const globalInit = async () => {\n const ajax = createAjax({\n errorHandler: error => message.error(error)\n });\n\n const componentsCoreRemote = {\n ...registry, remote: 'components-core', defaultVersion: '0.4.3'\n };\n\n remoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n ...registry, remote: 'components-iconfont', defaultVersion: '0.2.1'\n }, 'info-page': process.env.NODE_ENV === 'development' ? {\n remote: 'info-page', url: '/', tpl: '{{url}}'\n } : {\n ...registry, remote: 'info-page', defaultVersion: process.env.DEFAULT_VERSION\n }\n }\n });\n\n\n fetchPreset({\n ajax, loading: <Spin delay={500}\n style={{\n position: 'absolute',\n left: '50%',\n padding: '10px',\n transform: 'translateX(-50%)'\n }} />, error: null, empty: <Empty />, 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\n return {\n ajax, enums: {}, apis: {}, themeToken: {\n colorPrimary: '#4183F0'\n }\n };\n};\n","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry.modern\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ globalPreset, ...props }) => {\n return (\n <HashRouter>\n <ExampleRoutes\n {...props}\n paths={[\n {\n key: \"components\",\n path: \"/\",\n title: \"首页\",\n },\n ]}\n preset={globalPreset}\n themeToken={globalPreset.themeToken}\n readme={readme}\n pageProps={{ menu: null }}\n />\n </HashRouter>\n );\n};\n\nexport default App;\n","import { globalInit } 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 renderRoot = async (App) => {\n const globalPreset = await globalInit();\n return root.render(<App themeToken={globalPreset.themeToken} globalPreset={globalPreset} />);\n};\n\nrenderRoot(App);\n"],"names":["window","PUBLIC_URL","process","registry","url","tpl","ExampleRoutes","createEntry","_ref","globalPreset","props","_objectWithoutProperties","_excluded","_jsx","HashRouter","children","_objectSpread","paths","key","path","title","preset","themeToken","readme","pageProps","menu","root","ReactDOM","document","getElementById","async","ajax","createAjax","errorHandler","error","message","componentsCoreRemote","remote","defaultVersion","remoteLoaderPreset","remotes","default","fetchPreset","loading","Spin","delay","style","position","left","padding","transform","empty","Empty","transformResponse","response","data","code","msg","results","enums","apis","colorPrimary","globalInit","render","App","renderRoot"],"sourceRoot":""}
1	+ {"version":3,"file":"static/js/72.b20e63c4.chunk.js","mappings":"sNAMAA,OAAOC,WAAaC,aAOpB,MAAMC,EAAW,CACfC,IAAK,yBAA0BC,IAAK,iE,+FCThCC,EAAgBC,EAAAA,GAAYD,cAuBlC,EArBYE,IAAiC,IAAhC,aAAEC,GAAwBD,EAAPE,GAAKC,EAAAA,EAAAA,GAAAH,EAAAI,GACnC,OACIC,EAAAA,EAAAA,KAACC,EAAAA,WAAU,CAAAC,UACTF,EAAAA,EAAAA,KAACP,GAAaU,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACNN,GAAK,IACTO,MAAO,CACL,CACEC,IAAK,aACLC,KAAM,IACNC,MAAO,iBAGXC,OAAQZ,EACRa,WAAYb,EAAaa,WACzBC,OAAQA,EAAAA,QACRC,UAAW,CAAEC,KAAM,YCjBzBC,EAAOC,EAAAA,WAAoBC,SAASC,eAAe,SAEtCC,WACjB,MAAMrB,OFSkBqB,WACxB,MAAMC,GAAOC,EAAAA,EAAAA,GAAW,CACtBC,aAAcC,GAASC,EAAAA,QAAQD,MAAMA,KAGjCE,GAAoBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACrBb,GAAQ,IAAEkC,OAAQ,kBAAmBC,eAAgB,UAgC1D,OA7BAC,EAAAA,EAAAA,QAAmB,CACjBC,QAAS,CACPC,QAASL,EAAsB,kBAAmBA,EAAsB,uBAAqBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACxFb,GAAQ,IAAEkC,OAAQ,sBAAuBC,eAAgB,UAC3D,aAEFtB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACIb,GAAQ,IAAEkC,OAAQ,YAAaC,eAAgBpC,eAMxDwC,EAAAA,EAAAA,QAAY,CACVX,OAAMY,SAAS9B,EAAAA,EAAAA,KAAC+B,EAAAA,KAAI,CAACC,MAAO,IACPC,MAAO,CACLC,SAAU,WACVC,KAAM,MACNC,QAAS,OACTC,UAAW,sBACNhB,MAAO,KAAMiB,OAAOtC,EAAAA,EAAAA,KAACuC,EAAAA,MAAK,IAAKC,kBAAoBC,IAC7E,MAAM,KAAEC,GAASD,EAIjB,OAHAA,EAASC,KAAO,CACdC,KAAoB,IAAdD,EAAKC,KAAa,IAAMD,EAAKC,KAAMC,IAAKF,EAAKE,IAAKC,QAASH,EAAKA,MAEjED,KAIJ,CACLvB,OAAM4B,MAAO,CAAC,EAAGC,KAAM,CAAC,EAAGtC,WAAY,CACrCuC,aAAc,aEjDSC,GACpBpC,EAAKqC,QAAOlD,EAAAA,EAAAA,KAACmD,EAAG,CAAC1C,WAAYb,EAAaa,WAAYb,aAAcA,MAG7EwD,CAAWD,E","sources":["preset.js","App.js","bootstrap.js"],"sourcesContent":["import React from 'react';\nimport { preset as fetchPreset } from '@kne/react-fetch';\nimport { Spin, Empty, message } from 'antd';\nimport createAjax from '@kne/axios-fetch';\nimport { preset as remoteLoaderPreset } from '@kne/remote-loader';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\n// url: 'https://registry.npmmirror.com',\n// tpl: '{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build',\n\n// url: 'https://cdn.jsdelivr.net', tpl: '{{url}}/npm/@kne-components/{{remote}}@{{version}}/build'\n\nconst registry = {\n url: 'https://uc.fatalent.cn', tpl: '{{url}}/packages/@kne-components/{{remote}}/{{version}}/build'\n};\n\nexport const globalInit = async () => {\n const ajax = createAjax({\n errorHandler: error => message.error(error)\n });\n\n const componentsCoreRemote = {\n ...registry, remote: 'components-core', defaultVersion: '0.4.3'\n };\n\n remoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n ...registry, remote: 'components-iconfont', defaultVersion: '0.2.1'\n }, 'info-page': process.env.NODE_ENV === 'development' ? {\n remote: 'info-page', url: '/', tpl: '{{url}}'\n } : {\n ...registry, remote: 'info-page', defaultVersion: process.env.DEFAULT_VERSION\n }\n }\n });\n\n\n fetchPreset({\n ajax, loading: <Spin delay={500}\n style={{\n position: 'absolute',\n left: '50%',\n padding: '10px',\n transform: 'translateX(-50%)'\n }} />, error: null, empty: <Empty />, 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\n return {\n ajax, enums: {}, apis: {}, themeToken: {\n colorPrimary: '#4183F0'\n }\n };\n};\n","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry.modern\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ globalPreset, ...props }) => {\n return (\n <HashRouter>\n <ExampleRoutes\n {...props}\n paths={[\n {\n key: \"components\",\n path: \"/\",\n title: \"首页\",\n },\n ]}\n preset={globalPreset}\n themeToken={globalPreset.themeToken}\n readme={readme}\n pageProps={{ menu: null }}\n />\n </HashRouter>\n );\n};\n\nexport default App;\n","import { globalInit } 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 renderRoot = async (App) => {\n const globalPreset = await globalInit();\n return root.render(<App themeToken={globalPreset.themeToken} globalPreset={globalPreset} />);\n};\n\nrenderRoot(App);\n"],"names":["window","PUBLIC_URL","process","registry","url","tpl","ExampleRoutes","createEntry","_ref","globalPreset","props","_objectWithoutProperties","_excluded","_jsx","HashRouter","children","_objectSpread","paths","key","path","title","preset","themeToken","readme","pageProps","menu","root","ReactDOM","document","getElementById","async","ajax","createAjax","errorHandler","error","message","componentsCoreRemote","remote","defaultVersion","remoteLoaderPreset","remotes","default","fetchPreset","loading","Spin","delay","style","position","left","padding","transform","empty","Empty","transformResponse","response","data","code","msg","results","enums","apis","colorPrimary","globalInit","render","App","renderRoot"],"sourceRoot":""}

package/build/static/js/{784.84506fda.chunk.js → 784.200f1b81.chunk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_kne_components_info_page=self.webpackChunk_kne_components_info_page||[]).push([[784],{8151:(e,n,o)=>{o.r(n),o.d(n,{default:()=>a,manifest:()=>p});const a={InfoPage:o(58872).A},p={name:"info-page",version:"0.1.26","open-version":!0,"public-url":"/info-page",modules:[{name:"info-page",baseDir:"/home/runner/work/info-page/info-page",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"}]}}}]);
-//# sourceMappingURL=784.84506fda.chunk.js.map
+"use strict";(self.webpackChunk_kne_components_info_page=self.webpackChunk_kne_components_info_page||[]).push([[784],{8151:(e,n,o)=>{o.r(n),o.d(n,{default:()=>a,manifest:()=>p});const a={InfoPage:o(58872).A},p={name:"info-page",version:"0.1.27","open-version":!0,"public-url":"/info-page",modules:[{name:"info-page",baseDir:"/home/runner/work/info-page/info-page",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"}]}}}]);
+//# sourceMappingURL=784.200f1b81.chunk.js.map

package/build/static/js/{784.84506fda.chunk.js.map → 784.200f1b81.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static/js/784.~~84506fda~~.chunk.js","mappings":"kLAAuD,SAAgBA,S,SAAQA,GAClEC,EAAW,CAAC,KAAO,YAAY,QAAU,SAAS,gBAAe,EAAK,aAAa,aAAa,QAAU,CAAC,CAAC,KAAO,YAAY,QAAU,wCAAwC,YAAc,yLAAwC,YAAc,mB","sources":["../node_modules/readme/modules.js"],"sourcesContent":["import InfoPage from '@components/info-page/README.md';export default {InfoPage};\nexport const manifest = {\"name\":\"info-page\",\"version\":\"0.1.26\",\"open-version\":true,\"public-url\":\"/info-page\",\"modules\":[{\"name\":\"info-page\",\"baseDir\":\"/home/runner/work/info-page/info-page\",\"description\":\"一般用在复杂的详情展示页面，InfoPage提供了一个标准的展示信息的格式\",\"packageName\":\"@kne/info-page\"}]};"],"names":["InfoPage","manifest"],"sourceRoot":""}
1	+ {"version":3,"file":"static/js/784.200f1b81.chunk.js","mappings":"kLAAuD,SAAgBA,S,SAAQA,GAClEC,EAAW,CAAC,KAAO,YAAY,QAAU,SAAS,gBAAe,EAAK,aAAa,aAAa,QAAU,CAAC,CAAC,KAAO,YAAY,QAAU,wCAAwC,YAAc,yLAAwC,YAAc,mB","sources":["../node_modules/readme/modules.js"],"sourcesContent":["import InfoPage from '@components/info-page/README.md';export default {InfoPage};\nexport const manifest = {\"name\":\"info-page\",\"version\":\"0.1.27\",\"open-version\":true,\"public-url\":\"/info-page\",\"modules\":[{\"name\":\"info-page\",\"baseDir\":\"/home/runner/work/info-page/info-page\",\"description\":\"一般用在复杂的详情展示页面，InfoPage提供了一个标准的展示信息的格式\",\"packageName\":\"@kne/info-page\"}]};"],"names":["InfoPage","manifest"],"sourceRoot":""}

package/build/static/js/830.eee6704e.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunk_kne_components_info_page=self.webpackChunk_kne_components_info_page\|\|[]).push([[830],{71830:(e,t,n)=>{n.r(t),n.d(t,{CentralContent:()=>U,Content:()=>T,Descriptions:()=>z,Flow:()=>gt,Report:()=>Et,SplitLine:()=>mt,TableView:()=>it,computeColumnsDisplay:()=>J,computeColumnsValue:()=>Q,computeDisplay:()=>q,default:()=>j,defaultFormat:()=>W,formatView:()=>G});var a=n(28833),r=n(54159),l=n.n(r),s=n(94922),o=n.n(s),i=n(67823),c=n(33227),u=n.n(c),m=n(80263),p=n.n(m),d=n(12097),h=n.n(d),f=n(9211),g=n.n(f),y=n(81400);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},b.apply(null,arguments)}function v(e,t){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;n[a]=e[a]}return n}var E="_EF-mG",w="_UvOXW",_="_Y6tlk",N="_9qijI",x="_x-xqc";const S=["children","className"],C=e=>{let{children:t,className:n}=e,r=v(e,S);return o().createElement(a.Collapse,b({},r,{className:l()(N,"collapse",n)}),t)};C.Panel=a.Collapse.Panel;const O=["className","title","subtitle","extra","children"],k=["className","children"],j=e=>{let{className:t,children:n}=e,r=v(e,k);return o().createElement(a.Flex,b({},r,{className:t,vertical:!0,gap:24}),n)};j.Part=e=>{let{className:t,title:n,subtitle:r,extra:s,children:i}=e,c=v(e,O);return o().createElement(a.Card,b({className:l()(E,"part",t,{"no-title":!n,[w]:!n}),variant:"borderless",title:n&&o().createElement(o().Fragment,null,o().createElement("div",{className:l()("part-title",_)},n),r&&o().createElement("div",{className:l()("part-title-sub",x)},r)),extra:s},c),i)},j.Collapse=C;var M="_jJxbe",I="_kPr34",P="_eWQHM",R="_qu1Kv",A="_BYIiF";const H=e=>{let{className:t,children:n,setWidth:a}=e;const r=(0,s.useRef)(null);return(0,s.useRef)(a).current=a,(0,s.useLayoutEffect)(()=>{const e=()=>{if(!r.current)return;const{width:e}=r.current.getBoundingClientRect();a(e)},t=new ResizeObserver(e);return t.observe(r.current),e(),()=>{t.disconnect()}},[a]),o().createElement("div",{ref:r,className:t},n,"\uff1a")},T=e=>{let{list:t=[],labelAlign:n="left",col:r=1,gutter:i=0,className:c,size:u,itemRender:m}=e;const p=(0,s.useRef)([]),[d,h]=(0,s.useState)(0);return o().createElement(a.Row,{"data-testid":"components-core-content",className:l()(M,"content",c,{[I]:"small"===u}),gutter:i},t.filter(e=>"function"===typeof e.display?e.display(e,t):!1!==e.display).map((e,t)=>{const{label:s,content:i,block:c}=e,u=o().createElement(a.Col,{span:!0===c?24:24/r,key:t,className:A},o().createElement(a.Space,{key:t,className:l()(A,"content-item")},s?o().createElement("div",{style:d&&"auto"!==n?{minWidth:d,textAlign:n}:null},o().createElement(H,{className:l()(P,"content-label"),setWidth:e=>{p.current[t]=e,h(Math.max(...p.current))}},s)):null,o().createElement("div",{className:l()(R,"content-content")},i)));return"function"===typeof m?m(u,Object.assign({},e,{index:t})):u}))};var L={descriptions:"_zlaoe","descriptions-item":"_vLWNB","col-label":"_GlPGX","col-content":"_pSZvO"};const D=["dataSource","isFull","className","itemRender"],z=e=>{let{dataSource:t,isFull:n,className:r,itemRender:s}=e,i=v(e,D);return o().createElement(a.Row,b({},i,{className:l()(L.descriptions,r)}),t.map((e,r)=>{const i=e.slice(0,2).filter(e=>"function"===typeof e.display?e.display(e,t):!1!==e.display);return i.slice(0,2).map((e,t)=>{const{label:c,content:u}=e,m=o().createElement(a.Col,{span:24/i.length,className:l()(L["col-item"],"descriptions-col-item"),key:"".concat(r,"-").concat(t)},o().createElement(a.Row,{wrap:!1,className:l()(L["descriptions-item"],"descriptions-item")},o().createElement(a.Col,{span:n?8:4i.length,className:l()(L["col-label"],"descriptions-col-label")},c),o().createElement(a.Col,{span:n?16:24-4i.length,className:l()(L["col-content"],"descriptions-col-content")},u)));return"function"===typeof s?s(m,Object.assign({},e,{index:t})):m})}))};var F="_32LIS",V="_GuXL-",B="_MZhtU",K="_p9jxy",Y="_9gvEW";const W={date:(e,t)=>{let{args:n}=t;const a=n[0]\|\|"YYYY-MM-DD";return p()(e).format(a)},datetime:(e,t)=>{let{args:n}=t;const a=n[0]\|\|"YYYY-MM-DD HH:mm:ss";return p()(e).format(a)},dateRange:(e,t)=>{let{args:n}=t;const a=n[0]\|\|"YYYY-MM-DD",r=n[1];return(0,i.isEmpty)(e[0])\|\|(0,i.isEmpty)(e[1])?"allow"!==r\|\|(0,i.isEmpty)(e[0])?"allow"!==r\|\|(0,i.isEmpty)(e[1])?"":"".concat(p()(e[1]).format(a),"\u4ee5\u524d"):"".concat(p()(e[0]).format(a),"\u4ee5\u540e"):"".concat(p()(e[0]).format(a),"~").concat(p()(e[1]).format(a))},boolean:(e,t)=>{let{args:n}=t;const a=n[0]\|\|"true";return(e\|\|"").toString()===a?"\u662f":"\u5426"},number:(e,t)=>{let{args:n}=t;const{style:a,unit:r,maximumFractionDigits:l,useGrouping:s,roundingMode:o,suffix:i}=((e,t)=>{const{attr:n,normal:a}=h()(e,e=>/^.+:.+$/.test(e)?"attr":"normal"),r={},l=(e,t)=>"string"===t?String(e):"number"===t?Number(e):"boolean"===t?"true"===e:e;return(a\|\|[]).forEach((e,n)=>{const a=Object.assign({},{type:"string",defaultValue:""},u()(t,n));a.name&&e&&(r[a.name]=l(e,a.type))}),(n\|\|[]).forEach(e=>{const[n,a]=e.split(":"),s=t.find(e=>e.name===n);if(!s)return;const{name:o,type:i}=Object.assign({},{type:"string",defaultValue:""},s);r[o]=l(a,i)}),Object.assign({},g()(t,(e,t)=>{t.name&&t.hasOwnProperty("defaultValue")&&(e[t.name]=t.defaultValue)},{}),r)})(n,[{name:"style",type:"string",defaultValue:"decimal"},{name:"unit",type:"number",defaultValue:1},{name:"maximumFractionDigits",type:"number",defaultValue:2},{name:"useGrouping",type:"boolean",defaultValue:!0},{name:"roundingMode",type:"string",defaultValue:"halfExpand"},{name:"suffix",type:"string",defaultValue:""}]);return new Intl.NumberFormat({},{style:a,maximumFractionDigits:l,roundingMode:o,useGrouping:s}).format(e/r)+i},money:(e,t)=>{let{args:n}=t;const a=n[0]\|\|"\u5143";return"".concat(e).concat(a)}},G=(e,t,n)=>{if(!t)return e;const a=t.split(" ").filter(e=>!!e);return a.length>0?a.reduce((e,t)=>{const[a,...r]=t.split("-");return"function"===typeof W[a]?W[a](e,Object.assign({},n,{args:r.map(e=>e&&e.replace(//g," ").replace(/$_$/g,"-"))})):e},e):void 0},Q=e=>{let{columns:t,emptyIsPlaceholder:n,valueIsEmpty:a,removeEmpty:r=!0,dataSource:l,context:s}=e;return o=t.map(e=>{const t="function"===typeof e.getValueOf?e.getValueOf(l,{column:e,context:s}):u()(l,e.name),r=(t=>{if("function"===typeof e.format)return e.format(t,{dataSource:l,column:e,context:s});if("string"===typeof e.format){const n=G(t,e.format,{dataSource:l,column:e,context:s});if(n)return n}return t})(t),o=(e.valueIsEmpty\|\|a)(t);return!1===e.display\|\|"function"===typeof e.display&&!1===e.display(t,{dataSource:l,column:e,context:s})\|\|!(e.hasOwnProperty("emptyIsPlaceholder")?e.emptyIsPlaceholder:n)&&o?null:Object.assign({},e,{isEmpty:o,value:r})}),r?o.filter(e=>!!e):o;var o},q=e=>{let{column:t,dataSource:n,placeholder:a,context:r}=e;return t.isEmpty?"function"===typeof t.renderPlaceholder?t.renderPlaceholder({column:t,dataSource:n,placeholder:a,context:r}):t.placeholder\|\|a:"function"===typeof t.render?t.render(t.value,{column:t,dataSource:n,context:r}):t.value},J=e=>{let{columns:t,emptyIsPlaceholder:n,valueIsEmpty:a,removeEmpty:r,dataSource:l,placeholder:s,context:o}=e;return Q({columns:t,emptyIsPlaceholder:n,valueIsEmpty:a,removeEmpty:r,dataSource:l,context:o}).map(e=>q({column:e,placeholder:s,dataSource:l,context:o}))};Q.computeDisplay=q,Q.computeColumnsDisplay=J;const U=e=>{const{dataSource:t,columns:n,col:r,valueIsEmpty:c,emptyIsPlaceholder:u,placeholder:m,className:p}=Object.assign({dataSource:{},columns:[],col:2,valueIsEmpty:i.isEmpty,placeholder:"-",emptyIsPlaceholder:!0},e),d=(0,s.useMemo)(()=>((e,t)=>{const n=[];return e.forEach((a,r)=>{const l=a.block?24:a.span?a.span:24/(a.col\|\|t);0===n.length&&n.push([]);let s=n[n.length-1],o=24-s.reduce((e,t)=>e+t.span,0);o<l&&(s[s.length-1].span+=o,n.push([]),o=24,s=n[n.length-1]);const i=r===e.length-1;s.push(Object.assign({},a,{span:i?o:l}))}),n.reduce((e,t)=>e.concat(t),[])})(Q({dataSource:t,columns:n,valueIsEmpty:c,emptyIsPlaceholder:u}),r),[n,r]);return o().createElement(a.Row,{className:l()(F,p)},d.map((e,t)=>o().createElement(a.Col,{className:l()(V,"table-view-col"),key:"".concat(e.name,"-").concat(t),style:{"--col-width":"".concat(100e.span/24,"%")}},o().createElement(a.Row,{className:l()(B,"table-view-item"),wrap:!1},o().createElement(a.Col,{className:l()(K,"table-view-label"),style:{"--col-label-width":"".concat(800/(re.span),"%")}},e.title),o().createElement(a.Col,{className:l()(Y,"table-view-content")},Q.computeDisplay({column:e,placeholder:m}))))))},Z=e=>{let{className:t,children:n,onChange:a}=e;const r=(0,s.useRef)(null),l=(0,y.A)(a);return(0,s.useLayoutEffect)(()=>{const e=()=>{r.current&&l(r.current.getBoundingClientRect())},t=new ResizeObserver(e);return t.observe(r.current),e(),()=>{t.disconnect()}},[l]),o().createElement("span",{ref:r,className:t},n)};var X="_lZgIW",$="_d1qN5",ee="_KNy4z",te="_9qon1",ne="_6Zjyt",ae="_f2i1e",re="_n3V6m",le="_AfmkR",se="_HT5Rr",oe="_9UAoL",ie="_SRI8Q";const ce=e=>{const{dataSource:t,columns:n,defaultSpan:r,rowKey:s,rowSelection:i,colsSize:c,setColsSize:m,sticky:p}=Object.assign({},{rowKey:"id"},e);return o().createElement(a.Row,{wrap:!1,className:l()($,{[ne]:p},"info-page-table-header")},i&&"checkbox"===i.type&&o().createElement(a.Col,{className:l()(ee,"info-page-table-col")},o().createElement("span",{className:l()(se,"info-page-table-col-content")},i.allowSelectedAll?(()=>{const e=i.isSelectedAll\|\|t&&t.every(e=>i.selectedRowKeys&&i.selectedRowKeys.indexOf(u()(e,"function"===typeof s?s(e):s))>-1);return o().createElement(a.Checkbox,{checked:e,indeterminate:i.selectedRowKeys&&i.selectedRowKeys.length>0&&!e,onChange:e=>{e.target.checked?"function"===typeof i.onIsSelectAllChange?i.onIsSelectAllChange(!0):t&&t.length>0&&i.onChange(t.map(e=>u()(e,"function"===typeof s?s(e):s))):"function"===typeof i.onIsSelectAllChange?i.onIsSelectAllChange(!1):i.onChange([])}})})():o().createElement(a.Checkbox,{style:{visibility:"hidden"}}))),o().createElement(a.Col,{flex:1},o().createElement(a.Row,{wrap:!1},n.map(e=>{const{name:t,title:n,span:s,width:i}=e;return o().createElement(a.Col,{key:t,style:{"--col-width":"".concat(c[t]\|\|0,"px"),"--col-span":"".concat(s\|\|r),"--col-align":e.align\|\|"top","--col-justify":e.justify\|\|"flex-start"},className:l()(ee,"info-page-table-col")},o().createElement(Z,{className:se,onChange:e=>{m(n=>Object.assign({},n,{[t]:Math.max(e.width,i\|\|0)}))}},n))}))),i&&"checkbox"!==i.type&&o().createElement(a.Col,{className:l()(ee,oe,"info-page-table-col")}))};var ue=(0,s.createContext)({});function me(){return me=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},me.apply(null,arguments)}function pe(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function de(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=n){var a,r,l,s,o=[],i=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(a=l.call(n)).done)&&(o.push(a.value),o.length!==t);i=!0);}catch(e){c=!0,r=e}finally{try{if(!i&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return o}}(e,t)\|\|function(e,t){if(e){if("string"==typeof e)return pe(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n\|\|"Set"===n?Array.from(e):"Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)?pe(e,t):void 0}}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function he(e){return he="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},he(e)}function fe(e){var t=function(e,t){if("object"!=he(e)\|\|!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t\|\|"default");if("object"!=he(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==he(t)?t:t+""}function ge(e,t,n){return(t=fe(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ye(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}const be=Math.round;function ve(e,t){const n=e.replace(/^[^(]$(.)/,"$1").replace(/$./,"").match(/\d\.?\d+%?/g)\|\|[],a=n.map(e=>parseFloat(e));for(let r=0;r<3;r+=1)a[r]=t(a[r]\|\|0,n[r]\|\|"",r);return n[3]?a[3]=n[3].includes("%")?a[3]/100:a[3]:a[3]=1,a}const Ee=(e,t,n)=>0===n?e:e/100;function we(e,t){const n=t\|\|255;return e>n?n:e<0?0:e}class _e{constructor(e){function t(t){return t[0]in e&&t[1]in e&&t[2]in e}if(ge(this,"isValid",!0),ge(this,"r",0),ge(this,"g",0),ge(this,"b",0),ge(this,"a",1),ge(this,"_h",void 0),ge(this,"_s",void 0),ge(this,"_l",void 0),ge(this,"_v",void 0),ge(this,"_max",void 0),ge(this,"_min",void 0),ge(this,"_brightness",void 0),e)if("string"===typeof e){const n=e.trim();function a(e){return n.startsWith(e)}/^#?[A-F\d]{3,8}$/i.test(n)?this.fromHexString(n):a("rgb")?this.fromRgbString(n):a("hsl")?this.fromHslString(n):(a("hsv")\|\|a("hsb"))&&this.fromHsvString(n)}else if(e instanceof _e)this.r=e.r,this.g=e.g,this.b=e.b,this.a=e.a,this._h=e._h,this._s=e._s,this._l=e._l,this._v=e._v;else if(t("rgb"))this.r=we(e.r),this.g=we(e.g),this.b=we(e.b),this.a="number"===typeof e.a?we(e.a,1):1;else if(t("hsl"))this.fromHsl(e);else{if(!t("hsv"))throw new Error("@ant-design/fast-color: unsupported input "+JSON.stringify(e));this.fromHsv(e)}else;}setR(e){return this._sc("r",e)}setG(e){return this._sc("g",e)}setB(e){return this._sc("b",e)}setA(e){return this._sc("a",e,1)}setHue(e){const t=this.toHsv();return t.h=e,this._c(t)}getLuminance(){function e(e){const t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)}return.2126e(this.r)+.7152e(this.g)+.0722e(this.b)}getHue(){if("undefined"===typeof this._h){const e=this.getMax()-this.getMin();this._h=0===e?0:be(60(this.r===this.getMax()?(this.g-this.b)/e+(this.g<this.b?6:0):this.g===this.getMax()?(this.b-this.r)/e+2:(this.r-this.g)/e+4))}return this._h}getSaturation(){if("undefined"===typeof this._s){const e=this.getMax()-this.getMin();this._s=0===e?0:e/this.getMax()}return this._s}getLightness(){return"undefined"===typeof this._l&&(this._l=(this.getMax()+this.getMin())/510),this._l}getValue(){return"undefined"===typeof this._v&&(this._v=this.getMax()/255),this._v}getBrightness(){return"undefined"===typeof this._brightness&&(this._brightness=(299this.r+587this.g+114this.b)/1e3),this._brightness}darken(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;const t=this.getHue(),n=this.getSaturation();let a=this.getLightness()-e/100;return a<0&&(a=0),this._c({h:t,s:n,l:a,a:this.a})}lighten(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;const t=this.getHue(),n=this.getSaturation();let a=this.getLightness()+e/100;return a>1&&(a=1),this._c({h:t,s:n,l:a,a:this.a})}mix(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:50;const n=this._c(e),a=t/100,r=e=>(n[e]-this[e])a+this[e],l={r:be(r("r")),g:be(r("g")),b:be(r("b")),a:be(100r("a"))/100};return this._c(l)}tint(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;return this.mix({r:255,g:255,b:255,a:1},e)}shade(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;return this.mix({r:0,g:0,b:0,a:1},e)}onBackground(e){const t=this._c(e),n=this.a+t.a(1-this.a),a=e=>be((this[e]this.a+t[e]t.a(1-this.a))/n);return this._c({r:a("r"),g:a("g"),b:a("b"),a:n})}isDark(){return this.getBrightness()<128}isLight(){return this.getBrightness()>=128}equals(e){return this.r===e.r&&this.g===e.g&&this.b===e.b&&this.a===e.a}clone(){return this._c(this)}toHexString(){let e="#";const t=(this.r\|\|0).toString(16);e+=2===t.length?t:"0"+t;const n=(this.g\|\|0).toString(16);e+=2===n.length?n:"0"+n;const a=(this.b\|\|0).toString(16);if(e+=2===a.length?a:"0"+a,"number"===typeof this.a&&this.a>=0&&this.a<1){const t=be(255this.a).toString(16);e+=2===t.length?t:"0"+t}return e}toHsl(){return{h:this.getHue(),s:this.getSaturation(),l:this.getLightness(),a:this.a}}toHslString(){const e=this.getHue(),t=be(100this.getSaturation()),n=be(100this.getLightness());return 1!==this.a?"hsla(".concat(e,",").concat(t,"%,").concat(n,"%,").concat(this.a,")"):"hsl(".concat(e,",").concat(t,"%,").concat(n,"%)")}toHsv(){return{h:this.getHue(),s:this.getSaturation(),v:this.getValue(),a:this.a}}toRgb(){return{r:this.r,g:this.g,b:this.b,a:this.a}}toRgbString(){return 1!==this.a?"rgba(".concat(this.r,",").concat(this.g,",").concat(this.b,",").concat(this.a,")"):"rgb(".concat(this.r,",").concat(this.g,",").concat(this.b,")")}toString(){return this.toRgbString()}_sc(e,t,n){const a=this.clone();return a[e]=we(t,n),a}_c(e){return new this.constructor(e)}getMax(){return"undefined"===typeof this._max&&(this._max=Math.max(this.r,this.g,this.b)),this._max}getMin(){return"undefined"===typeof this._min&&(this._min=Math.min(this.r,this.g,this.b)),this._min}fromHexString(e){const t=e.replace("#","");function n(e,n){return parseInt(t[e]+t[n\|\|e],16)}t.length<6?(this.r=n(0),this.g=n(1),this.b=n(2),this.a=t[3]?n(3)/255:1):(this.r=n(0,1),this.g=n(2,3),this.b=n(4,5),this.a=t[6]?n(6,7)/255:1)}fromHsl(e){let{h:t,s:n,l:a,a:r}=e;if(this._h=t%360,this._s=n,this._l=a,this.a="number"===typeof r?r:1,n<=0){const e=be(255a);this.r=e,this.g=e,this.b=e}let l=0,s=0,o=0;const i=t/60,c=(1-Math.abs(2a-1))n,u=c(1-Math.abs(i%2-1));i>=0&&i<1?(l=c,s=u):i>=1&&i<2?(l=u,s=c):i>=2&&i<3?(s=c,o=u):i>=3&&i<4?(s=u,o=c):i>=4&&i<5?(l=u,o=c):i>=5&&i<6&&(l=c,o=u);const m=a-c/2;this.r=be(255(l+m)),this.g=be(255(s+m)),this.b=be(255(o+m))}fromHsv(e){let{h:t,s:n,v:a,a:r}=e;this._h=t%360,this._s=n,this._v=a,this.a="number"===typeof r?r:1;const l=be(255a);if(this.r=l,this.g=l,this.b=l,n<=0)return;const s=t/60,o=Math.floor(s),i=s-o,c=be(a(1-n)255),u=be(a(1-ni)255),m=be(a(1-n(1-i))255);switch(o){case 0:this.g=m,this.b=c;break;case 1:this.r=u,this.b=c;break;case 2:this.r=c,this.b=m;break;case 3:this.r=c,this.g=u;break;case 4:this.r=m,this.g=c;break;default:this.g=c,this.b=u}}fromHsvString(e){const t=ve(e,Ee);this.fromHsv({h:t[0],s:t[1],v:t[2],a:t[3]})}fromHslString(e){const t=ve(e,Ee);this.fromHsl({h:t[0],s:t[1],l:t[2],a:t[3]})}fromRgbString(e){const t=ve(e,(e,t)=>t.includes("%")?be(e/100255):e);this.r=t[0],this.g=t[1],this.b=t[2],this.a=t[3]}}var Ne=[{index:7,amount:15},{index:6,amount:25},{index:5,amount:30},{index:5,amount:45},{index:5,amount:65},{index:5,amount:85},{index:4,amount:90},{index:3,amount:95},{index:2,amount:97},{index:1,amount:98}];function xe(e,t,n){var a;return(a=Math.round(e.h)>=60&&Math.round(e.h)<=240?n?Math.round(e.h)-2t:Math.round(e.h)+2t:n?Math.round(e.h)+2t:Math.round(e.h)-2t)<0?a+=360:a>=360&&(a-=360),a}function Se(e,t,n){return 0===e.h&&0===e.s?e.s:((a=n?e.s-.16t:4===t?e.s+.16:e.s+.05t)>1&&(a=1),n&&5===t&&a>.1&&(a=.1),a<.06&&(a=.06),Math.round(100a)/100);var a}function Ce(e,t,n){var a;return a=n?e.v+.05t:e.v-.15t,a=Math.max(0,Math.min(1,a)),Math.round(100a)/100}var Oe=["#e6f4ff","#bae0ff","#91caff","#69b1ff","#4096ff","#1677ff","#0958d9","#003eb3","#002c8c","#001d66"];function ke(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function je(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ke(Object(n),!0).forEach(function(t){ge(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ke(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}Oe.primary=Oe[5];var Me="data-rc-order",Ie="data-rc-priority",Pe=new Map;function Re(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).mark;return e?e.startsWith("data-")?e:"data-".concat(e):"rc-util-key"}function Ae(e){return e.attachTo?e.attachTo:document.querySelector("head")\|\|document.body}function He(e){return Array.from((Pe.get(e)\|\|e).children).filter(function(e){return"STYLE"===e.tagName})}function Te(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("undefined"===typeof window\|\|!window.document\|\|!window.document.createElement)return null;var n=t.csp,a=t.prepend,r=t.priority,l=void 0===r?0:r,s=function(e){return"queue"===e?"prependQueue":e?"prepend":"append"}(a),o="prependQueue"===s,i=document.createElement("style");i.setAttribute(Me,s),o&&l&&i.setAttribute(Ie,"".concat(l)),null!==n&&void 0!==n&&n.nonce&&(i.nonce=null===n\|\|void 0===n?void 0:n.nonce),i.innerHTML=e;var c=Ae(t),u=c.firstChild;if(a){if(o){var m=(t.styles\|\|He(c)).filter(function(e){if(!["prepend","prependQueue"].includes(e.getAttribute(Me)))return!1;var t=Number(e.getAttribute(Ie)\|\|0);return l>=t});if(m.length)return c.insertBefore(i,m[m.length-1].nextSibling),i}c.insertBefore(i,u)}else c.appendChild(i);return i}function Le(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=Ae(n),r=He(a),l=je(je({},n),{},{styles:r});!function(e,t){var n=Pe.get(e);if(!n\|\|!function(e,t){if(!e)return!1;if(e.contains)return e.contains(t);for(var n=t;n;){if(n===e)return!0;n=n.parentNode}return!1}(document,n)){var a=Te("",t),r=a.parentNode;Pe.set(e,r),e.removeChild(a)}}(a,l);var s=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Ae(t);return(t.styles\|\|He(n)).find(function(n){return n.getAttribute(Re(t))===e})}(t,l);if(s){var o,i,c;if(null!==(o=l.csp)&&void 0!==o&&o.nonce&&s.nonce!==(null===(i=l.csp)\|\|void 0===i?void 0:i.nonce))s.nonce=null===(c=l.csp)\|\|void 0===c?void 0:c.nonce;return s.innerHTML!==e&&(s.innerHTML=e),s}var u=Te(e,l);return u.setAttribute(Re(l),t),u}function De(e){var t;return null===e\|\|void 0===e\|\|null===(t=e.getRootNode)\|\|void 0===t?void 0:t.call(e)}function ze(e){return function(e){return De(e)instanceof ShadowRoot}(e)?De(e):null}var Fe={},Ve=[];function Be(e,t){}function Ke(e,t){}function Ye(e,t,n){t\|\|Fe[n]\|\|(e(!1,n),Fe[n]=!0)}function We(e,t){Ye(Be,e,t)}function Ge(e){return"object"===he(e)&&"string"===typeof e.name&&"string"===typeof e.theme&&("object"===he(e.icon)\|\|"function"===typeof e.icon)}function Qe(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.keys(e).reduce(function(t,n){var a,r=e[n];if("class"===n)t.className=r,delete t.class;else delete t[n],t[(a=n,a.replace(/-(.)/g,function(e,t){return t.toUpperCase()}))]=r;return t},{})}function qe(e,t,n){return n?o().createElement(e.tag,je(je({key:t},Qe(e.attrs)),n),(e.children\|\|[]).map(function(n,a){return qe(n,"".concat(t,"-").concat(e.tag,"-").concat(a))})):o().createElement(e.tag,je({key:t},Qe(e.attrs)),(e.children\|\|[]).map(function(n,a){return qe(n,"".concat(t,"-").concat(e.tag,"-").concat(a))}))}function Je(e){return function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=[],a=new _e(e),r=a.toHsv(),l=5;l>0;l-=1){var s=new _e({h:xe(r,l,!0),s:Se(r,l,!0),v:Ce(r,l,!0)});n.push(s)}n.push(a);for(var o=1;o<=4;o+=1){var i=new _e({h:xe(r,o),s:Se(r,o),v:Ce(r,o)});n.push(i)}return"dark"===t.theme?Ne.map(function(e){var a=e.index,r=e.amount;return new _e(t.backgroundColor\|\|"#141414").mix(n[a],r).toHexString()}):n.map(function(e){return e.toHexString()})}(e)[0]}function Ue(e){return e?Array.isArray(e)?e:[e]:[]}We.preMessage=function(e){Ve.push(e)},We.resetWarned=function(){Fe={}},We.noteOnce=function(e,t){Ye(Ke,e,t)};var Ze=["icon","className","onClick","style","primaryColor","secondaryColor"],Xe={primaryColor:"#333",secondaryColor:"#E6E6E6",calculated:!1};var $e=function(e){var t,n,a=e.icon,r=e.className,l=e.onClick,o=e.style,i=e.primaryColor,c=e.secondaryColor,u=ye(e,Ze),m=s.useRef(),p=Xe;if(i&&(p={primaryColor:i,secondaryColor:c\|\|Je(i)}),function(e){var t=(0,s.useContext)(ue),n=t.csp,a=t.prefixCls,r=t.layer,l="\n.anticon {\n display: inline-flex;\n align-items: center;\n color: inherit;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > {\n line-height: 1;\n}\n\n.anticon svg {\n display: inline-block;\n}\n\n.anticon::before {\n display: none;\n}\n\n.anticon .anticon-icon {\n display: block;\n}\n\n.anticon[tabindex] {\n cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n display: inline-block;\n -webkit-animation: loadingCircle 1s infinite linear;\n animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes loadingCircle {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n";a&&(l=l.replace(/anticon/g,a)),r&&(l="@layer ".concat(r," {\n").concat(l,"\n}")),(0,s.useEffect)(function(){var t=ze(e.current);Le(l,"@ant-design-icons",{prepend:!r,csp:n,attachTo:t})},[])}(m),t=Ge(a),n="icon should be icon definiton, but got ".concat(a),We(t,"[@ant-design/icons] ".concat(n)),!Ge(a))return null;var d=a;return d&&"function"===typeof d.icon&&(d=je(je({},d),{},{icon:d.icon(p.primaryColor,p.secondaryColor)})),qe(d.icon,"svg-".concat(d.name),je(je({className:r,onClick:l,style:o,"data-icon":d.name,width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},u),{},{ref:m}))};$e.displayName="IconReact",$e.getTwoToneColors=function(){return je({},Xe)},$e.setTwoToneColors=function(e){var t=e.primaryColor,n=e.secondaryColor;Xe.primaryColor=t,Xe.secondaryColor=n\|\|Je(t),Xe.calculated=!!n};var et=$e;function tt(e){var t=de(Ue(e),2),n=t[0],a=t[1];return et.setTwoToneColors({primaryColor:n,secondaryColor:a})}var nt=["className","icon","spin","rotate","tabIndex","onClick","twoToneColor"];tt(Oe.primary);var at=s.forwardRef(function(e,t){var n=e.className,a=e.icon,r=e.spin,o=e.rotate,i=e.tabIndex,c=e.onClick,u=e.twoToneColor,m=ye(e,nt),p=s.useContext(ue),d=p.prefixCls,h=void 0===d?"anticon":d,f=p.rootClassName,g=l()(f,h,ge(ge({},"".concat(h,"-").concat(a.name),!!a.name),"".concat(h,"-spin"),!!r\|\|"loading"===a.name),n),y=i;void 0===y&&c&&(y=-1);var b=o?{msTransform:"rotate(".concat(o,"deg)"),transform:"rotate(".concat(o,"deg)")}:void 0,v=de(Ue(u),2),E=v[0],w=v[1];return s.createElement("span",me({role:"img","aria-label":a.name},m,{ref:t,tabIndex:y,onClick:c,className:g}),s.createElement(et,{icon:a,primaryColor:E,secondaryColor:w,style:b}))});at.displayName="AntdIcon",at.getTwoToneColor=function(){var e=et.getTwoToneColors();return e.calculated?[e.primaryColor,e.secondaryColor]:e.primaryColor},at.setTwoToneColor=tt;var rt=at,lt={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"}}]},name:"check",theme:"outlined"};var st=s.forwardRef(function(e,t){return s.createElement(rt,me({},e,{ref:t,icon:lt}))});const ot=["className","dataSource","columns","rowKey","rowSelection","valueIsEmpty","emptyIsPlaceholder","placeholder","empty","onRowSelect","render","context","sticky"],it=e=>{const[t,n]=(0,s.useState)({}),r=Object.assign({},{rowKey:"id",valueIsEmpty:i.isEmpty,placeholder:"-",emptyIsPlaceholder:!0,empty:o().createElement(a.Empty,null)},e),{className:c,dataSource:m,columns:p,rowKey:d,rowSelection:h,valueIsEmpty:f,emptyIsPlaceholder:g,placeholder:y,empty:E,onRowSelect:w,render:_,context:N,sticky:x}=r,S=v(r,ot),C=(0,s.useRef)(new Map),O=(0,s.useMemo)(()=>{const e=p.reduce((e,t)=>e+(t.span\|\|0),0),t=p.filter(e=>!e.span).length;return Math.round(Math.max(24-e,0)/t)},[p]),k=o().createElement(ce,b({},r,{sticky:x,defaultSpan:O,colsSize:t,setColsSize:n})),j=(e,n)=>e&&e.length>0?e.map(r=>{const s=(e=>u()(e,"function"===typeof d?d(e):d))(r);C.current.set(s,r);const i=(null==h?void 0:h.selectedRowKeys)&&h.selectedRowKeys.indexOf(s)>-1,c=Q({columns:p,emptyIsPlaceholder:g,valueIsEmpty:f,removeEmpty:!1,dataSource:r,placeholder:y,context:n});return o().createElement(a.Row,{wrap:!1,key:s,className:l()(te,"info-page-table-row",[{[ae]:null==h?void 0:h.isSelectedAll,[re]:i,[le]:r.disabled}]),onClick:()=>{if(!r.disabled&&(w&&w(r,{columns:p,dataSource:e}),h&&!h.isSelectedAll))if("checkbox"===h.type){const e=(h.selectedRowKeys\|\|[]).slice(0);i?e.splice(h.selectedRowKeys.indexOf(s),1):e.push(s),h.onChange(e,e.map(e=>C.current.get(e)))}else{const e=h.selectedRowKeys.length&&h.selectedRowKeys[0]===s?[]:[s];h.onChange(e,e.map(e=>C.current.get(e)))}}},h&&"checkbox"===h.type&&o().createElement(a.Col,{className:l()(ee,"info-page-table-col")},o().createElement("span",{className:l()(se,"info-page-table-col-content")},o().createElement(a.Checkbox,{disabled:r.disabled\|\|h.isSelectedAll,checked:h.isSelectedAll&&!r.disabled\|\|i}))),o().createElement(a.Col,{flex:1},o().createElement(a.Row,{className:l()("info-page-table-row-content"),wrap:!1},c.map(e=>{const{name:s,span:i}=e;return o().createElement(a.Col,{key:s,style:{"--col-width":"".concat(t[s]\|\|0,"px"),"--col-span":"".concat(i\|\|O),"--col-align":e.align\|\|"top","--col-justify":e.justify\|\|"flex-start"},className:l()(ee,"info-page-table-col")},o().createElement("span",{className:se},q({column:e,placeholder:y,dataSource:r,context:n})))}))),h&&"checkbox"!==h.type&&o().createElement(a.Col,{className:l()(ee,oe,"info-page-table-col")},i&&o().createElement(st,null)))}):o().createElement("div",{className:ie},E);return"function"===typeof _?_(b({},S,{header:k,renderBody:j})):o().createElement("div",b({},S,{className:l()(X,"info-page-table",c)}),k,o().createElement("div",{className:l()("info-page-table-body")},j(m,N)))};it.Header=ce;var ct={"split-line-label":"_Ur0pn","label-horizontal":"_QdQ1T"};const ut=["className","dataSource","columns","valueIsEmpty","placeholder","emptyIsPlaceholder","size","labelGap","labelMode","split"],mt=e=>{let{className:t,dataSource:n,columns:r,valueIsEmpty:s=i.isEmpty,placeholder:c="-",emptyIsPlaceholder:u=!1,size:m=0,labelGap:p=4,labelMode:d="horizontal",split:h=o().createElement(a.Divider,{type:"vertical"})}=e,f=v(e,ut);return o().createElement(a.Space,b({},f,{split:h,size:m,className:l()(ct["split-line"],"split-line",t)}),Q({columns:r,emptyIsPlaceholder:u,valueIsEmpty:s,dataSource:n,placeholder:c}).map((e,t)=>o().createElement(a.Flex,{key:e.key\|\|t,flex:e.flex\|\|1,className:"split-line-item",gap:p,justify:"space-between",align:"center",vertical:"vertical"===d},e.title&&o().createElement("div",{className:l()("split-line-label",ct["split-line-label"],{[ct["label-vertical"]]:"vertical"===d,[ct["label-horizontal"]]:"horizontal"===d})},e.title),o().createElement(a.Flex,{className:"split-line-content",gap:4},e.icon&&o().createElement("div",{className:"split-line-icon"},e.icon),Q.computeDisplay({column:e,placeholder:c})))))};var pt={steps:"_ggDon","steps-dot":"_9NtHr","ant-steps-icon-dot":"_zg9Xb","steps-default":"_TLQ5c","steps-small":"_U2prR","steps-record":"_9w0bC","step-content-wrap":"_HanGk","step-left":"_hdt8O","step-name":"_l07Q2","step-action":"_YVQHf","step-action-time":"_yVPAD","step-content":"_gWNSh"};const dt=["className","dataSource","size","columns","empty","valueIsEmpty","placeholder","emptyIsPlaceholder"],ht=["actionList"],ft=e=>{let{name:t,action:n,options:r,content:s}=e;return o().createElement("div",{className:l()("step-content-wrap",pt["step-content-wrap"])},o().createElement(a.Space,{align:"center"},o().createElement(a.Col,{className:l()("step-left",pt["step-left"])},o().createElement("span",{className:l()("step-name",pt["step-name"])},t),o().createElement("span",{className:l()("step-action",pt["step-action"])},n)),o().createElement(a.Col,{className:l()("step-action-time",pt["step-action-time"])},r)),o().createElement("div",{className:l()("step-content",pt["step-content"])},s))},gt=e=>{const t=Object.assign({},{size:"small",progressDot:!1,labelPlacement:"vertical",direction:"vertical",dataSource:[],columns:[],empty:o().createElement(a.Empty,null),valueIsEmpty:i.isEmpty,placeholder:"-",emptyIsPlaceholder:!1},e),{className:n,dataSource:r,size:c,columns:m,empty:p,valueIsEmpty:d,placeholder:h,emptyIsPlaceholder:f}=t,y=v(t,dt),E=(0,s.useMemo)(()=>{const e=t=>new Map(t.map(t=>[t.type\|\|t.name,Array.isArray(t.children)&&t.children.length>0?Object.assign({},t,{children:e(t.children)}):t]));return e(m)},[m]);return r&&r.length>0?o().createElement(a.Steps,b({},y,{items:r.map((e,t)=>{const n=(e,t,n)=>{const a="function"===typeof e.getValueOf?e.getValueOf(t,Object.assign({},n,{dataSource:r,column:e})):u()(t,e.name),l=(a=>{if("function"===typeof e.format)return e.format(a,Object.assign({},n,{dataSource:r,column:e,target:t}));if("string"===typeof e.format){const l=G(a,e.format,Object.assign({},n,{dataSource:r,column:e,target:t}));if(l)return l}return a})(a),s=(e.valueIsEmpty\|\|d)(a,n);return!1===e.display\|\|"function"===typeof e.display&&!1===e.display(a,Object.assign({},n,{dataSource:r,column:e,target:t}))\|\|!(e.hasOwnProperty("emptyIsPlaceholder")?e.emptyIsPlaceholder:f)&&s?null:s?"function"===typeof e.renderPlaceholder?e.renderPlaceholder(Object.assign({},n,{column:e,dataSource:r,placeholder:h})):e.placeholder\|\|h:"function"===typeof e.render?e.render(l,Object.assign({},n,{column:e,dataSource:r,target:t})):l},a=g()(["title","subTitle","description","status","content","actionList"],(a,r)=>{const l=E.get(r)\|\|{name:r};if(l.children instanceof Map&&"actionList"!==r)console.warn("\u53ea\u6709actionList\u5141\u8bb8\u5305\u542bchildren");else{if(l.children instanceof Map&&"actionList"===r){const s=n(l,e,{index:t});return Array.isArray(s)&&s.length>0?void(a[r]=s.map((e,a)=>g()(["name","action","options","content"],(r,o)=>{const i=l.children.get(o)\|\|{name:o};r[o]=n(i,e,{parent:s,targetIndex:a,index:t})},{}))):s}a[r]=n(l,e,{index:t})}},{}),{actionList:s}=a,i=v(a,ht);return s&&s.length>0?Object.assign({},i,{description:o().createElement(o().Fragment,null,i.description,s.map((e,t)=>o().createElement(ft,b({},Object.assign({},e),{key:t}))))}):i.content?Object.assign({},i,{description:o().createElement(o().Fragment,null,i.description,o().createElement("div",{className:l()("step-content-wrap",pt["step-content-wrap"])},o().createElement("div",{className:l()("step-content",pt["step-content"])},i.content)))}):i}),className:l()(n,pt.steps,pt["steps-".concat(c)],{"steps-dot":y.progressDot,[pt["steps-dot"]]:y.progressDot})})):p};var yt={"report-view":"_aWiLm","no-border":"_JbHxx","no-title":"_Og-CT","title-outer":"_g0q-Z",title:"_9DKai",subtitle:"_bDU7F","list-label-col":"_36-x5","list-label":"_ELGe2","list-content-col":"_Jvuo5","list-content":"_wBJQl","result-total-col":"_Aq9ms","result-total":"_AkqII","result-total-score":"_P8-Me","result-total-label":"_-dSIp","result-list":"_meAKy","result-item":"_OStSP","result-item-label":"_B2lLu","result-item-score":"_b9IHe","result-item-content":"_bisLb","table-view":"_n-WOz","table-header":"_0JXZY","table-sub-header":"_JAEJ3","table-group-label":"_WHUg-","table-header-col-item":"_dNOrD","table-row-item":"_O6xsA","table-col-item":"_Zwg1J","table-col-item-description":"_l1u8a","part-label":"_gi7ot","part-content":"_zFzms","has-bg-color":"_wJbUs",score:"_-yYpL","score-item-col":"_QQdDa","score-item":"_D7vEh","is-grey":"_0-jr0","low-score":"_h3yPV","middle-score":"_NgGY6","high-score":"_EWjqB","print-page-break":"_tPpgs"};const bt=["label","content","hasBgColor"],vt=e=>{let{score:t,staticScore:n}=e;return t=Number.isNaN(t)?0:Number(t),o().createElement("div",{className:l()("score-item",yt["score-item"],{[yt["is-grey"]]:n>t,[yt["low-score"]]:t<3,[yt["middle-score"]]:3===t,[yt["high-score"]]:t>3})})},Et=e=>{let{title:t,subtitle:n,extra:r,className:s,border:i,children:c}=e;return o().createElement("div",{className:l()(yt["report-view"],"report-view",{[yt["no-title"]]:!(t\|\|r),[yt["no-border"]]:!1===i},s)},o().createElement(a.Flex,{className:l()("title-outer",yt["title-outer"]),justify:"space-between"},t&&o().createElement(a.Flex,{vertical:!0},o().createElement("div",{className:l()("title",yt.title)},t),n&&o().createElement("div",{className:l()("subtitle",yt.subtitle)},n)),r&&o().createElement("div",{className:l()("title-extra",yt["title-extra"])},r)),c)};Et.List=e=>{let{className:t,report:n}=e;return o().createElement(a.Flex,{vertical:!0,gap:16,className:l()("list-view",t)},u()(n,"list",[]).map((e,t)=>{let{label:n,content:r}=e;return o().createElement(a.Row,{wrap:!1,key:t},o().createElement(a.Col,{span:3,className:l()("list-label-col",yt["list-label-col"])},o().createElement("div",{className:l()("list-label",yt["list-label"])},n)),o().createElement(a.Col,{span:21,className:l()("list-content-col",yt["list-content-col"])},o().createElement("div",{className:l()("list-content",yt["list-content"])},r)))}))},Et.Result=e=>{let{className:t,report:n}=e;const r=u()(n,"total.score"),s=u()(n,"total.label"),i=u()(n,"list",[]);return o().createElement(a.Row,{wrap:!1,gutter:16,className:l()("result-view",t,yt["result-view"])},o().createElement(a.Col,{span:3,className:l()("result-total-col",yt["result-total-col"])},o().createElement("div",{className:l()("result-total",yt["result-total"])},o().createElement("div",{className:l()("result-total-score",yt["result-total-score"])},r),o().createElement("div",{className:l()("result-total-label",yt["result-total-label"])},s))),o().createElement(a.Col,{span:21},o().createElement("div",{className:l()("result-list",yt["result-list"])},i.map((e,t)=>{let{label:n,content:a,score:r}=e;return o().createElement("div",{className:l()("result-item",yt["result-item"]),key:t},o().createElement("div",{className:l()("result-item-label",yt["result-item-label"])},n,"\uff1a",o().createElement("span",{className:l()("result-item-score",yt["result-item-score"])},r)),o().createElement("div",{className:l()("result-item-content",yt["result-item-content"])},a))}))))},Et.Table=e=>{let{className:t,report:n}=e;const{columns:r,list:i,group:c,groupName:u,footer:m}=Object.assign({},{columns:[],group:[],groupName:"group",list:[]},n),{groupList:p,groupColumn:d,otherColumns:f}=(0,s.useMemo)(()=>{const e=h()(i,u),t=r.findIndex(e=>e.name===u),n=r.slice(0),a=r[t];return t>-1&&n.splice(t,1),{groupList:e,groupColumn:a,otherColumns:new Map(n.map(e=>[e.name,e]))}},[r,i,u]),g=(0,s.useMemo)(()=>new Map(c.map(e=>[e.name,e])),[c]);return o().createElement(a.Flex,{vertical:!0,gap:null!=d&&d.isSubTitle?10:32,className:l()("table-view",t,yt["table-view"])},o().createElement(a.Row,{wrap:!1,className:l()("table-header",yt["table-header"])},null!=d&&d.isSubTitle\|\|!d?null:o().createElement(a.Col,{span:null==d?void 0:d.span},o().createElement("div",{className:l()("table-header-col-item",yt["table-header-col-item"])},null==d?void 0:d.title,"-")),o().createElement(a.Col,{span:null!=d&&d.isSubTitle\|\|!d?24:24-(null==d?void 0:d.span)},o().createElement(a.Row,{wrap:!1},Array.from(f.values()).map(e=>{let{title:t,name:n,span:r}=e;return o().createElement(a.Col,{span:r,key:n},o().createElement("div",{className:l()("table-header-col-item",yt["table-header-col-item"])},t))})))),o().createElement(a.Space,{direction:"vertical"},Object.keys(p).map((e,t)=>{const n=p[e],r=g.get(e),s=null!=d&&d.isSubTitle\|\|!d?24:24-d.span,i=Object.values(p).slice(0,t).reduce((e,t)=>e+t.length,0);return o().createElement("div",{key:e},null!=d&&d.isSubTitle&&r?o().createElement(a.Divider,null,r.label):null,o().createElement(a.Row,{wrap:!1},o().createElement(a.Col,{span:s},n.map((e,t)=>o().createElement(a.Flex,{vertical:!0,gap:8,key:t},o().createElement(a.Row,{wrap:!1,className:l()("table-row-item",{[yt["table-row-item"]]:t!==(null==n?void 0:n.length)-1})},Array.from(f.values()).map(t=>{let{name:n}=t;const r=f.get(n);return o().createElement(a.Col,{span:r.span,key:n},o().createElement("div",{className:l()("table-col-item",yt["table-col-item"],{[yt["table-col-item-description"]]:"description"===n})},r.hasOwnProperty("valueOf")&&"function"===typeof r.valueOf?r.valueOf(e[n],e):e[n]))})),m&&("function"===typeof m?m(e,i+t):m))))))})))},Et.Part=e=>{let{className:t,report:n}=e;return o().createElement(a.Space,{direction:"vertical",size:32,className:l()("part-view",t)},u()(n,"list",[]).map((e,t)=>{let{label:n,content:a,hasBgColor:r}=e,s=v(e,bt);return o().createElement("div",b({},s,{key:t}),o().createElement("div",{className:l()("part-label",yt["part-label"])},n),o().createElement("div",{className:l()("part-content",yt["part-content"],{[yt["has-bg-color"]]:r})},a))}))},Et.Score=e=>{let{className:t,value:n,total:r=5}=e;return o().createElement(a.Row,{justify:"space-between",gutter:[4,0],className:l()(t,"score-view",yt.score),wrap:!1,flex:1},Array.from({length:r}).map((e,t)=>o().createElement(a.Col,{key:t+1,span:5,className:l()("score-item-col",yt["score-item-col"])},o().createElement(vt,{score:n,staticScore:t+1}))))},Et.PrintPageBreak=()=>o().createElement("div",{className:yt["print-page-break"]})}}]);
2	+ //# sourceMappingURL=830.eee6704e.chunk.js.map