@zat-design/sisyphus-react-mcp 4.5.8-beta.3 → 4.5.8-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/meta/components.json +1 -1
- package/meta/examples.json +2 -2
- package/meta/manifest.json +5 -5
- package/meta/props.json +1 -1
- package/meta/types.json +1 -1
- package/package.json +1 -1
package/meta/components.json
CHANGED
package/meta/examples.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": 2,
|
|
3
|
-
"version": "4.5.8-beta.
|
|
3
|
+
"version": "4.5.8-beta.4",
|
|
4
4
|
"examples": [
|
|
5
5
|
{
|
|
6
6
|
"id": "ProCollapse/demos/collapse.tsx",
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
"file": "demos/tabsProStep.tsx",
|
|
185
185
|
"title": "标签页模式 + ProStep 避让",
|
|
186
186
|
"note": "",
|
|
187
|
-
"source": "/**\n * iframe: 600\n * title: 标签页与 ProStep 对齐\n * desc: |\n * ProStep 仅绑定“投保单录入”标签（含 sticky ProHeader），其它标签使用普通内容，并保留 Ant Design 原生溢出菜单\n */\n\
|
|
187
|
+
"source": "/**\n * iframe: 600\n * title: 标签页与 ProStep 对齐\n * desc: |\n * ProStep 仅绑定“投保单录入”标签（含 sticky ProHeader），其它标签使用普通内容，并保留 Ant Design 原生溢出菜单\n */\n\nimport { useToggle } from 'ahooks';\nimport { Avatar, Button, Card, Dropdown } from 'antd';\nimport type { MenuProps } from 'antd';\nimport { ProHeader, ProLayout, ProStep } from '@zat-design/sisyphus-react';\nimport menusData from './data/menusTabsData';\n\nconst PRO_STEP_TAB_CODE = 'PolicyInput';\n\nconst initialTabs = [\n { code: 'PolicyInput', name: '投保单录入' },\n { code: 'PolicyInput1', name: '投保单录入-1' },\n { code: 'PolicyInput2', name: '投保单录入-2' },\n { code: 'PolicyInput3', name: '投保单录入-3' },\n { code: 'PolicyInput4', name: '投保单录入-4' },\n { code: 'PolicyInput5', name: '投保单录入-5' },\n { code: 'PolicyInput6', name: '投保单录入-6' },\n { code: 'PolicyInput7', name: '投保单录入-7' },\n { code: 'PolicyInput8', name: '投保单录入-8' },\n];\n\nconst StandardTabContent = () => (\n <Card title=\"普通标签页\" size=\"small\">\n 当前标签页不使用 ProStep。\n </Card>\n);\n\nconst PolicyInputStepContent = () => (\n <ProStep targetOffset={128}>\n <ProHeader\n fixedTop=\"var(--pro-layout-content-sticky-top, 0px)\"\n breadcrumbColumns={[\n {\n type: 'breadcrumb',\n value: '比例调整',\n tag: '版本号2.0',\n },\n ]}\n actionRender={[<Button type=\"link\">分保意见</Button>, <Button type=\"link\">操作日志</Button>]}\n describeColumns={[\n {\n label: '投保单号',\n value: 'T1306C01202200000211034',\n copyable: true,\n link: 'https://procomponents.zhongan.tech/',\n },\n {\n label: '产品名称',\n value: '产品 06C3-综合意外New产品名称',\n tag: '版本号2.0',\n },\n ]}\n subDescribeColumns={[\n {\n label: '起保日期',\n value: '2022-08-30 00:00:00',\n },\n {\n label: '终保日期',\n value: '2022-08-30 00:00:00',\n },\n {\n label: '总保额',\n value: '1,000,799,999.00',\n },\n {\n label: '总签单保费(含税)',\n value: '200,300.00',\n },\n {\n label: '总签单保费(不含税)',\n value: '200,300.00',\n },\n {\n label: '保单币种',\n value: 'CNY',\n },\n {\n label: '总投保人数',\n value: '1000',\n },\n ]}\n />\n <ProStep.Item id=\"base-info\" title=\"基本信息\">\n <Card title=\"基本信息\" size=\"small\">\n ProStep 仅绑定“投保单录入”标签，并复用 ProLayout 的内容区固定偏移。\n </Card>\n </ProStep.Item>\n <ProStep.Item id=\"policy-info\" title=\"保单信息\">\n <Card title=\"保单信息\" size=\"small\" style={{ marginTop: 16 }}>\n 切换到其它标签时 ProStep 随当前 pane 隐藏，切回后保留已有状态。\n </Card>\n </ProStep.Item>\n <ProStep.Item id=\"confirm-info\" title=\"确认信息\">\n <Card title=\"确认信息\" size=\"small\" style={{ marginTop: 16, minHeight: 320 }}>\n 标签数量超过可用宽度时，继续使用 Ant Design Tabs 原生“更多”菜单切换标签。\n </Card>\n </ProStep.Item>\n </ProStep>\n);\n\nconst resolveTabComponent = (code: string) =>\n code === PRO_STEP_TAB_CODE ? PolicyInputStepContent : StandardTabContent;\n\nconst TabsProStepDemo = () => {\n const userName = menusData.userInfo.simpleCname;\n const [collapsed] = useToggle(false);\n\n const items: MenuProps['items'] = [\n {\n key: 'logout',\n label: '退出登录',\n },\n ];\n\n return (\n <ProLayout\n title=\"标签页与 ProStep 对齐演示\"\n logo={\n <img src=\"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg\" alt=\"logo\" />\n }\n iconfontUrl=\"//at.alicdn.com/t/font_3000529_v88n7r0v7ae.js\"\n dataSource={menusData}\n collapsed={collapsed}\n pathPrefix=\"/property-frame-ui\"\n mode=\"tabs\"\n tabs={{\n storage: 'sessionStorage',\n cacheKey: 'tabs-pro-step-regular-demo',\n initialTabs,\n activeComponent: resolveTabComponent,\n }}\n rightContentRender={\n <Dropdown menu={{ items }}>\n <span>\n <Avatar>{userName.substring(0, 1)}</Avatar>\n <span style={{ marginLeft: 8 }}>{userName}</span>\n </span>\n </Dropdown>\n }\n >\n <StandardTabContent />\n </ProLayout>\n );\n};\n\nexport default TabsProStepDemo;\n"
|
|
188
188
|
},
|
|
189
189
|
{
|
|
190
190
|
"id": "ProLayout/demos/tabsSubView.tsx",
|
package/meta/manifest.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": 2,
|
|
3
|
-
"version": "4.5.8-beta.
|
|
3
|
+
"version": "4.5.8-beta.4",
|
|
4
4
|
"counts": {
|
|
5
5
|
"components": 29,
|
|
6
6
|
"examples": 281,
|
|
7
7
|
"types": 64
|
|
8
8
|
},
|
|
9
9
|
"files": {
|
|
10
|
-
"components.json": "
|
|
11
|
-
"props.json": "
|
|
12
|
-
"examples.json": "
|
|
13
|
-
"types.json": "
|
|
10
|
+
"components.json": "ab69cc10cc7b10e70016d6be090e06dba95e24f37be046588cead4d2b2ffcf4d",
|
|
11
|
+
"props.json": "0ed4b0c39a09fb533aeec8ceb2249ea749ef9bfe45ef2cd3814ecd32375bdaa3",
|
|
12
|
+
"examples.json": "b2a86952428cfd65eb6904d7ffcd334b02d85259a4d0613a2349510e58cc9d83",
|
|
13
|
+
"types.json": "d4360c7895f4faa9cc80d1641c04f553f05f0c93ae84b8dc9d50107b823e0dac"
|
|
14
14
|
}
|
|
15
15
|
}
|
package/meta/props.json
CHANGED
package/meta/types.json
CHANGED