From af8ea95b0d6bc3acd6d5ed2b339cc61ac7a98918 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=9C=E5=98=89?= Date: Mon, 20 Mar 2023 16:38:14 +0800 Subject: [PATCH 1/6] =?UTF-8?q?feat:=20pro-layout=20=E6=9B=BF=E6=8D=A2?= =?UTF-8?q?=E4=B8=BA=20layout?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../fusion-lowcode-materials/package.json | 2 +- .../fusion-ui/docs/src/.umi/core/history.ts | 2 +- .../fusion-ui/docs/src/.umi/core/plugin.ts | 2 +- .../fusion-ui/docs/src/.umi/core/routes.ts | 130 +++------ .../fusion-ui/docs/src/.umi/dumi/apis.json | 256 ++++++------------ .../fusion-ui/docs/src/.umi/dumi/config.json | 12 - .../docs/src/.umi/dumi/demos/index.ts | 134 ++++----- .../fusion-ui/docs/src/.umi/dumi/layout.tsx | 2 +- packages/fusion-ui/docs/src/.umi/umi.ts | 6 +- .../fusion-ui/docs/src/ProCard/actions.tsx | 59 ---- .../fusion-ui/docs/src/ProCard/collapse.tsx | 57 ---- packages/fusion-ui/docs/src/ProCard/index.md | 21 -- packages/fusion-ui/docs/src/ProCard/types.tsx | 92 ------- packages/fusion-ui/lowcode/pro-card/meta.ts | 105 ------- packages/fusion-ui/package.json | 6 +- .../pro-form/layouts/anchor-form/index.tsx | 7 +- packages/fusion-ui/src/index.scss | 2 +- packages/fusion-ui/src/index.tsx | 3 +- 18 files changed, 188 insertions(+), 710 deletions(-) delete mode 100644 packages/fusion-ui/docs/src/ProCard/actions.tsx delete mode 100644 packages/fusion-ui/docs/src/ProCard/collapse.tsx delete mode 100644 packages/fusion-ui/docs/src/ProCard/index.md delete mode 100644 packages/fusion-ui/docs/src/ProCard/types.tsx delete mode 100644 packages/fusion-ui/lowcode/pro-card/meta.ts diff --git a/packages/fusion-lowcode-materials/package.json b/packages/fusion-lowcode-materials/package.json index 14ddfcb3..c44fde98 100644 --- a/packages/fusion-lowcode-materials/package.json +++ b/packages/fusion-lowcode-materials/package.json @@ -72,4 +72,4 @@ }, "license": "MIT", "homepage": "https://unpkg.com/@alilc/lowcode-materials@1.1.0/build/index.html" -} \ No newline at end of file +} diff --git a/packages/fusion-ui/docs/src/.umi/core/history.ts b/packages/fusion-ui/docs/src/.umi/core/history.ts index fd06e4c0..9ee86366 100644 --- a/packages/fusion-ui/docs/src/.umi/core/history.ts +++ b/packages/fusion-ui/docs/src/.umi/core/history.ts @@ -1,5 +1,5 @@ // @ts-nocheck -import { createBrowserHistory, History } from '/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@umijs_runtime@3.5.35@@umijs/runtime'; +import { createBrowserHistory, History } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/runtime'; let options = { "basename": "/" diff --git a/packages/fusion-ui/docs/src/.umi/core/plugin.ts b/packages/fusion-ui/docs/src/.umi/core/plugin.ts index 471e4e33..d2d5738a 100644 --- a/packages/fusion-ui/docs/src/.umi/core/plugin.ts +++ b/packages/fusion-ui/docs/src/.umi/core/plugin.ts @@ -1,5 +1,5 @@ // @ts-nocheck -import { Plugin } from '/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@umijs_runtime@3.5.35@@umijs/runtime'; +import { Plugin } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/runtime'; const plugin = new Plugin({ validKeys: ['modifyClientRenderOpts','patchRoutes','rootContainer','render','onRouteChange','__mfsu',], diff --git a/packages/fusion-ui/docs/src/.umi/core/routes.ts b/packages/fusion-ui/docs/src/.umi/core/routes.ts index b3f0480b..056be1cb 100644 --- a/packages/fusion-ui/docs/src/.umi/core/routes.ts +++ b/packages/fusion-ui/docs/src/.umi/core/routes.ts @@ -1,6 +1,6 @@ // @ts-nocheck import React from 'react'; -import { ApplyPluginsType, dynamic } from '/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@umijs_runtime@3.5.35@@umijs/runtime'; +import { ApplyPluginsType, dynamic } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/runtime'; import * as umiExports from './umiExports'; import { plugin } from './plugin'; @@ -13,7 +13,7 @@ export function getRoutes() { "component": ((props) => dynamic({ loader: async () => { const React = await import('react'); - const { default: getDemoRenderArgs } = await import(/* webpackChunkName: 'dumi_demos' */ '/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@umijs_preset-dumi@1.1.50@@umijs/preset-dumi/lib/plugins/features/demo/getDemoRenderArgs'); + const { default: getDemoRenderArgs } = await import(/* webpackChunkName: 'dumi_demos' */ '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/preset-dumi/lib/plugins/features/demo/getDemoRenderArgs'); const { default: Previewer } = await import(/* webpackChunkName: 'dumi_demos' */ 'dumi-theme-default/es/builtins/Previewer'); const { usePrefersColor, context } = await import(/* webpackChunkName: 'dumi_demos' */ 'dumi/theme'); @@ -60,15 +60,15 @@ export function getRoutes() { "__dumiRoot": true, "layout": false, "path": "/", - "wrappers": [dynamic({ loader: () => import(/* webpackChunkName: 'wrappers' */'../dumi/layout')}), dynamic({ loader: () => import(/* webpackChunkName: 'wrappers' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/.dumi/theme/layout.tsx')})], + "wrappers": [dynamic({ loader: () => import(/* webpackChunkName: 'wrappers' */'../dumi/layout')}), dynamic({ loader: () => import(/* webpackChunkName: 'wrappers' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/.dumi/theme/layout.tsx')})], "routes": [ { "path": "/bar-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'BarChart__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/BarChart/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'BarChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/BarChart/index.md')}), "exact": true, "meta": { "filePath": "docs/src/BarChart/index.md", - "updatedTime": 1670557522298, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -97,11 +97,11 @@ export function getRoutes() { }, { "path": "/column-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ColumnChart__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ColumnChart/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'ColumnChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ColumnChart/index.md')}), "exact": true, "meta": { "filePath": "docs/src/ColumnChart/index.md", - "updatedTime": 1670557523422, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -130,11 +130,11 @@ export function getRoutes() { }, { "path": "/donut-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'DonutChart__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/DonutChart/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'DonutChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/DonutChart/index.md')}), "exact": true, "meta": { "filePath": "docs/src/DonutChart/index.md", - "updatedTime": 1670557522461, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -173,11 +173,11 @@ export function getRoutes() { }, { "path": "/edit-table", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'EditTable__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/EditTable/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'EditTable__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/EditTable/index.md')}), "exact": true, "meta": { "filePath": "docs/src/EditTable/index.md", - "updatedTime": 1670556271644, + "updatedTime": 1670561199000, "componentName": "EditTable", "slugs": [ { @@ -207,11 +207,11 @@ export function getRoutes() { }, { "path": "/expand-table", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ExpandTable__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ExpandTable/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'ExpandTable__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ExpandTable/index.md')}), "exact": true, "meta": { "filePath": "docs/src/ExpandTable/index.md", - "updatedTime": 1670556271644, + "updatedTime": 1670561199000, "componentName": "ExpandTable", "slugs": [ { @@ -241,11 +241,11 @@ export function getRoutes() { }, { "path": "/filter", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'Filter__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/Filter/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'Filter__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/Filter/index.md')}), "exact": true, "meta": { "filePath": "docs/src/Filter/index.md", - "updatedTime": 1670556271644, + "updatedTime": 1670561199000, "componentName": "Filter", "slugs": [ { @@ -275,11 +275,11 @@ export function getRoutes() { }, { "path": "/group-table", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'GroupTable__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/GroupTable/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'GroupTable__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/GroupTable/index.md')}), "exact": true, "meta": { "filePath": "docs/src/GroupTable/index.md", - "updatedTime": 1670556271644, + "updatedTime": 1670561199000, "componentName": "GroupTable", "slugs": [ { @@ -309,11 +309,11 @@ export function getRoutes() { }, { "path": "/line-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'LineChart__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/LineChart/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'LineChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/index.md')}), "exact": true, "meta": { "filePath": "docs/src/LineChart/index.md", - "updatedTime": 1670556271645, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -352,11 +352,11 @@ export function getRoutes() { }, { "path": "/page-header", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'PageHeader__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'PageHeader__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/index.md')}), "exact": true, "meta": { "filePath": "docs/src/PageHeader/index.md", - "updatedTime": 1670556271645, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -395,11 +395,11 @@ export function getRoutes() { }, { "path": "/pie-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'PieChart__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PieChart/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'PieChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/index.md')}), "exact": true, "meta": { "filePath": "docs/src/PieChart/index.md", - "updatedTime": 1670556271645, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -436,61 +436,13 @@ export function getRoutes() { }, "title": "何时使用 - @alifd/fusion-ui" }, - { - "path": "/pro-card", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProCard__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProCard/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/ProCard/index.md", - "updatedTime": 1670556271646, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "插槽卡片", - "heading": "插槽卡片" - }, - { - "depth": 3, - "value": "折叠卡片", - "heading": "折叠卡片" - }, - { - "depth": 3, - "value": "多种类型", - "heading": "多种类型" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/pro-card", - "title": "ProCard" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, { "path": "/pro-dialog", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProDialog__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProDialog__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/index.md')}), "exact": true, "meta": { "filePath": "docs/src/ProDialog/index.md", - "updatedTime": 1670556271646, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -529,11 +481,11 @@ export function getRoutes() { }, { "path": "/pro-drawer", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProDrawer__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProDrawer/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProDrawer__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDrawer/index.md')}), "exact": true, "meta": { "filePath": "docs/src/ProDrawer/index.md", - "updatedTime": 1670556271646, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -567,11 +519,11 @@ export function getRoutes() { }, { "path": "/pro-form", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProForm__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProForm/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProForm__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/index.md')}), "exact": true, "meta": { "filePath": "docs/src/ProForm/index.md", - "updatedTime": 1670556271646, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -610,11 +562,11 @@ export function getRoutes() { }, { "path": "/pro-table", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProTable__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProTable/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProTable__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProTable/index.md')}), "exact": true, "meta": { "filePath": "docs/src/ProTable/index.md", - "updatedTime": 1670556271647, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -648,11 +600,11 @@ export function getRoutes() { }, { "path": "/step-form", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'StepForm__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/StepForm/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'StepForm__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/StepForm/index.md')}), "exact": true, "meta": { "filePath": "docs/src/StepForm/index.md", - "updatedTime": 1670556271647, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -686,11 +638,11 @@ export function getRoutes() { }, { "path": "/tab-container", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'TabContainer__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/TabContainer/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'TabContainer__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/TabContainer/index.md')}), "exact": true, "meta": { "filePath": "docs/src/TabContainer/index.md", - "updatedTime": 1670556271647, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -724,11 +676,11 @@ export function getRoutes() { }, { "path": "/anchor-form", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'anchorForm__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/anchorForm/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'anchorForm__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/anchorForm/index.md')}), "exact": true, "meta": { "filePath": "docs/src/anchorForm/index.md", - "updatedTime": 1670557523418, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -757,11 +709,11 @@ export function getRoutes() { }, { "path": "/area-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'areaChart__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/areaChart/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'areaChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/areaChart/index.md')}), "exact": true, "meta": { "filePath": "docs/src/areaChart/index.md", - "updatedTime": 1670557522467, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, @@ -790,11 +742,11 @@ export function getRoutes() { }, { "path": "/child-form", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'childForm__index.md' */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/childForm/index.md')}), + "component": dynamic({ loader: () => import(/* webpackChunkName: 'childForm__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/childForm/index.md')}), "exact": true, "meta": { "filePath": "docs/src/childForm/index.md", - "updatedTime": 1670557522467, + "updatedTime": 1670561199000, "slugs": [ { "depth": 2, diff --git a/packages/fusion-ui/docs/src/.umi/dumi/apis.json b/packages/fusion-ui/docs/src/.umi/dumi/apis.json index abb9de39..f59d71b4 100644 --- a/packages/fusion-ui/docs/src/.umi/dumi/apis.json +++ b/packages/fusion-ui/docs/src/.umi/dumi/apis.json @@ -48,12 +48,12 @@ { "identifier": "title", "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "description", "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "forceFit", @@ -111,12 +111,12 @@ { "identifier": "title", "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "description", "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "forceFit", @@ -164,12 +164,12 @@ { "identifier": "title", "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "description", "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "forceFit", @@ -215,17 +215,17 @@ { "identifier": "columnsSetting", "description": "列设置", - "type": "ProTableColumnsSetting" + "type": "Record" }, { "identifier": "defaultColumnsSetting", "description": "默认列设置", - "type": "ProTableColumnsSetting" + "type": "Record" }, { "identifier": "onColumnsSettingChange", "description": "设置改变时的回调", - "type": "(newSetting: ProTableColumnsSetting, actionType: ProTableSettingActionType) => void" + "type": "(newSetting: Record, actionType: ProTableSettingActionType) => void" }, { "identifier": "onFullscreenStateChange", @@ -284,7 +284,7 @@ { "identifier": "rowSelection", "description": "是否启用选择模式\nhttps://yuque.antfin-inc.com/docs/share/34ec077c-14d5-4408-bfd4-d2827bfd87ec", - "type": "{ ref?: MutableRefObject; getProps?: (record: ProTableRowRecord, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" + "type": "{ ref?: MutableRefObject; getProps?: (record: Record, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" }, { "identifier": "onRowClick", @@ -352,7 +352,7 @@ { "identifier": "expandedRowRender", "description": "额外渲染行的渲染函数", - "type": "(record: any, index: number) => ReactElement>" + "type": "(record: any, index: number) => ReactElement ReactElement) | (new (props: any) => Component)>" }, { "identifier": "rowExpandable", @@ -376,7 +376,7 @@ { "identifier": "getExpandedColProps", "description": "设置额外渲染行的属性", - "type": "(record: IRecord, index: number) => object | Record" + "type": "(record: IRecord, index: number) => object | Record" }, { "identifier": "onRowOpen", @@ -396,7 +396,7 @@ { "identifier": "maxBodyHeight", "description": "最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条", - "type": "string | number" + "type": "ReactText" }, { "identifier": "stickyHeader", @@ -551,19 +551,19 @@ }, { "identifier": "columnFilters", - "type": "ProTableColumnsFilterValue" + "type": "Record" }, { "identifier": "onColumnsFilterChange", - "type": "(newValue: ProTableColumnsFilterValue, oldValue: ProTableColumnsFilterValue, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" + "type": "(newValue: Record, oldValue: Record, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" }, { "identifier": "groupHeader", - "type": "ReactNode | GroupHeaderProps" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupHeaderProps" }, { "identifier": "groupFooter", - "type": "ReactNode | GroupFooterProps" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupFooterProps" }, { "identifier": "stickyLock", @@ -598,7 +598,7 @@ { "identifier": "actionButtonGroupProps", "description": "操作列按钮组的props\n@deprecated 使用 actionColumnButtons", - "type": "ButtonGroupProps" + "type": "any" }, { "identifier": "actionColumnPredication", @@ -650,17 +650,17 @@ { "identifier": "columnsSetting", "description": "列设置", - "type": "ProTableColumnsSetting" + "type": "Record" }, { "identifier": "defaultColumnsSetting", "description": "默认列设置", - "type": "ProTableColumnsSetting" + "type": "Record" }, { "identifier": "onColumnsSettingChange", "description": "设置改变时的回调", - "type": "(newSetting: ProTableColumnsSetting, actionType: ProTableSettingActionType) => void" + "type": "(newSetting: Record, actionType: ProTableSettingActionType) => void" }, { "identifier": "onFullscreenStateChange", @@ -719,7 +719,7 @@ { "identifier": "rowSelection", "description": "是否启用选择模式\nhttps://yuque.antfin-inc.com/docs/share/34ec077c-14d5-4408-bfd4-d2827bfd87ec", - "type": "{ ref?: MutableRefObject; getProps?: (record: ProTableRowRecord, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" + "type": "{ ref?: MutableRefObject; getProps?: (record: Record, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" }, { "identifier": "onRowClick", @@ -787,7 +787,7 @@ { "identifier": "expandedRowRender", "description": "额外渲染行的渲染函数", - "type": "(record: any, index: number) => ReactElement>" + "type": "(record: any, index: number) => ReactElement ReactElement) | (new (props: any) => Component)>" }, { "identifier": "rowExpandable", @@ -811,7 +811,7 @@ { "identifier": "getExpandedColProps", "description": "设置额外渲染行的属性", - "type": "(record: IRecord, index: number) => object | Record" + "type": "(record: IRecord, index: number) => object | Record" }, { "identifier": "onRowOpen", @@ -831,7 +831,7 @@ { "identifier": "maxBodyHeight", "description": "最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条", - "type": "string | number" + "type": "ReactText" }, { "identifier": "stickyHeader", @@ -981,19 +981,19 @@ }, { "identifier": "columnFilters", - "type": "ProTableColumnsFilterValue" + "type": "Record" }, { "identifier": "onColumnsFilterChange", - "type": "(newValue: ProTableColumnsFilterValue, oldValue: ProTableColumnsFilterValue, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" + "type": "(newValue: Record, oldValue: Record, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" }, { "identifier": "groupHeader", - "type": "ReactNode | GroupHeaderProps" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupHeaderProps" }, { "identifier": "groupFooter", - "type": "ReactNode | GroupFooterProps" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupFooterProps" }, { "identifier": "stickyLock", @@ -1028,7 +1028,7 @@ { "identifier": "actionButtonGroupProps", "description": "操作列按钮组的props\n@deprecated 使用 actionColumnButtons", - "type": "ButtonGroupProps" + "type": "any" }, { "identifier": "actionColumnPredication", @@ -1205,7 +1205,7 @@ { "identifier": "children", "description": "node 或者 function(values)", - "type": "(ReactNode | (() => void)) & ReactNode" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ... 47 more ... | ((() => void) & ReactPortal)" }, { "identifier": "size", @@ -1430,18 +1430,18 @@ { "identifier": "columnsSetting", "description": "列设置", - "type": "ProTableColumnsSetting" + "type": "Record" }, { "identifier": "defaultColumnsSetting", "description": "默认列设置", - "type": "ProTableColumnsSetting", + "type": "Record", "default": "{}" }, { "identifier": "onColumnsSettingChange", "description": "设置改变时的回调", - "type": "(newSetting: ProTableColumnsSetting, actionType: ProTableSettingActionType) => void" + "type": "(newSetting: Record, actionType: ProTableSettingActionType) => void" }, { "identifier": "onFullscreenStateChange", @@ -1500,7 +1500,7 @@ { "identifier": "rowSelection", "description": "是否启用选择模式\nhttps://yuque.antfin-inc.com/docs/share/34ec077c-14d5-4408-bfd4-d2827bfd87ec", - "type": "{ ref?: MutableRefObject; getProps?: (record: ProTableRowRecord, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" + "type": "{ ref?: MutableRefObject; getProps?: (record: Record, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" }, { "identifier": "onRowClick", @@ -1568,7 +1568,7 @@ { "identifier": "expandedRowRender", "description": "额外渲染行的渲染函数", - "type": "(record: any, index: number) => ReactElement>" + "type": "(record: any, index: number) => ReactElement ReactElement) | (new (props: any) => Component)>" }, { "identifier": "rowExpandable", @@ -1592,7 +1592,7 @@ { "identifier": "getExpandedColProps", "description": "设置额外渲染行的属性", - "type": "(record: IRecord, index: number) => object | Record" + "type": "(record: IRecord, index: number) => object | Record" }, { "identifier": "onRowOpen", @@ -1612,7 +1612,7 @@ { "identifier": "maxBodyHeight", "description": "最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条", - "type": "string | number" + "type": "ReactText" }, { "identifier": "stickyHeader", @@ -1773,19 +1773,19 @@ }, { "identifier": "columnFilters", - "type": "ProTableColumnsFilterValue" + "type": "Record" }, { "identifier": "onColumnsFilterChange", - "type": "(newValue: ProTableColumnsFilterValue, oldValue: ProTableColumnsFilterValue, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" + "type": "(newValue: Record, oldValue: Record, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" }, { "identifier": "groupHeader", - "type": "ReactNode | GroupHeaderProps" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupHeaderProps" }, { "identifier": "groupFooter", - "type": "ReactNode | GroupFooterProps" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupFooterProps" }, { "identifier": "stickyLock", @@ -1821,7 +1821,7 @@ { "identifier": "actionButtonGroupProps", "description": "操作列按钮组的props\n@deprecated 使用 actionColumnButtons", - "type": "ButtonGroupProps" + "type": "any" }, { "identifier": "actionColumnPredication", @@ -1890,12 +1890,12 @@ { "identifier": "title", "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "description", "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "forceFit", @@ -1938,7 +1938,7 @@ }, { "identifier": "breadcrumb", - "type": "any[] | ReactElement>" + "type": "any[] | ReactElement ReactElement) | (new (props: any) => Component)>" }, { "identifier": "breadcrumbRender", @@ -1946,7 +1946,7 @@ }, { "identifier": "tags", - "type": "ReactElement> | ReactElement>[]" + "type": "ReactElement ReactElement) | (new (props: any) => Component)> | ReactElement ReactElement<...>) | (new (props: any) => Component<...>)>[]" }, { "identifier": "footer", @@ -2034,12 +2034,12 @@ { "identifier": "title", "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "description", "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "forceFit", @@ -2053,110 +2053,6 @@ } ] }, - "pro-card": { - "default": [ - { - "identifier": "title", - "description": "卡片标题", - "type": "ReactNode" - }, - { - "identifier": "description", - "type": "ReactNode" - }, - { - "identifier": "visibleButtonCount", - "type": "number" - }, - { - "identifier": "explanation", - "description": "帮助信息,仅在 title 展示时生效", - "type": "string" - }, - { - "identifier": "bodyPadding", - "type": "boolean" - }, - { - "identifier": "explanationTooltipProps", - "description": "帮助信息气泡配置", - "type": "TooltipProps" - }, - { - "identifier": "actionBar", - "description": "卡片顶部操作区域自定义渲染", - "type": "ReactNode" - }, - { - "identifier": "actionButtons", - "type": "CardButtonGroupProps" - }, - { - "identifier": "tagGroup", - "type": "CardTagProps[]" - }, - { - "identifier": "segmentLine", - "description": "段落分割线; 如果为 true 时,默认最后一个段落没有分割线。", - "type": "boolean", - "default": "false" - }, - { - "identifier": "loading", - "description": "是否 loading", - "type": "boolean", - "default": "false" - }, - { - "identifier": "isCollapse", - "description": "受控控制 Card 展开收起状态", - "type": "boolean" - }, - { - "identifier": "hasCollapse", - "description": "是否开启 Card 显示展开收起", - "type": "boolean", - "default": "false" - }, - { - "identifier": "defaultCollapse", - "description": "默认收起", - "type": "boolean", - "default": "false" - }, - { - "identifier": "setCollapse", - "description": "展开收起状态切换后的回调函数", - "type": "(collapseState: boolean) => void" - }, - { - "identifier": "isDialogCard", - "description": "是否为弹窗卡片", - "type": "boolean", - "default": "false" - }, - { - "identifier": "hasDivider", - "type": "boolean" - }, - { - "identifier": "operations", - "type": "IOperationItem[]" - }, - { - "identifier": "operationConfig", - "type": "IOperationConfig" - }, - { - "identifier": "lastSaveTime", - "type": "number" - }, - { - "identifier": "text", - "type": "boolean" - } - ] - }, "pro-dialog": { "InnerProDialog": [], "ProDialog": [] @@ -2234,12 +2130,12 @@ { "identifier": "width", "description": "宽度,仅在 placement是 left right 的时候生效", - "type": "string | number" + "type": "ReactText" }, { "identifier": "height", "description": "高度,仅在 placement是 top bottom 的时候生效", - "type": "string | number" + "type": "ReactText" }, { "identifier": "onVisibleChange", @@ -2393,7 +2289,7 @@ { "identifier": "trigger", "description": "触发弹层显示或隐藏的元素", - "type": "ReactElement>" + "type": "ReactElement ReactElement) | (new (props: any) => Component)>" }, { "identifier": "triggerType", @@ -2523,12 +2419,12 @@ { "identifier": "width", "description": "宽度,仅在 placement是 left right 的时候生效", - "type": "string | number" + "type": "ReactText" }, { "identifier": "height", "description": "高度,仅在 placement是 top bottom 的时候生效", - "type": "string | number" + "type": "ReactText" }, { "identifier": "onVisibleChange", @@ -2682,7 +2578,7 @@ { "identifier": "trigger", "description": "触发弹层显示或隐藏的元素", - "type": "ReactElement>" + "type": "ReactElement ReactElement) | (new (props: any) => Component)>" }, { "identifier": "triggerType", @@ -2766,7 +2662,7 @@ }, { "identifier": "operations", - "type": "ReactNode | object[]" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | object[]" }, { "identifier": "operationConfig", @@ -2836,7 +2732,7 @@ { "identifier": "onSubmit", "description": "form内有 `htmlType=\"submit\"` 的元素的时候会触发", - "type": "FormEventHandler" + "type": "(event: FormEvent) => void" }, { "identifier": "className", @@ -2889,6 +2785,7 @@ }, { "identifier": "onClick", + "description": "点击按钮的回调", "type": "any" }, { @@ -2974,18 +2871,18 @@ { "identifier": "columnsSetting", "description": "列设置", - "type": "ProTableColumnsSetting" + "type": "Record" }, { "identifier": "defaultColumnsSetting", "description": "默认列设置", - "type": "ProTableColumnsSetting", + "type": "Record", "default": "{}" }, { "identifier": "onColumnsSettingChange", "description": "设置改变时的回调", - "type": "(newSetting: ProTableColumnsSetting, actionType: ProTableSettingActionType) => void" + "type": "(newSetting: Record, actionType: ProTableSettingActionType) => void" }, { "identifier": "onFullscreenStateChange", @@ -3044,7 +2941,7 @@ { "identifier": "rowSelection", "description": "是否启用选择模式\nhttps://yuque.antfin-inc.com/docs/share/34ec077c-14d5-4408-bfd4-d2827bfd87ec", - "type": "{ ref?: MutableRefObject; getProps?: (record: ProTableRowRecord, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" + "type": "{ ref?: MutableRefObject; getProps?: (record: Record, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" }, { "identifier": "onRowClick", @@ -3112,7 +3009,7 @@ { "identifier": "expandedRowRender", "description": "额外渲染行的渲染函数", - "type": "(record: any, index: number) => ReactElement>" + "type": "(record: any, index: number) => ReactElement ReactElement) | (new (props: any) => Component)>" }, { "identifier": "rowExpandable", @@ -3136,7 +3033,7 @@ { "identifier": "getExpandedColProps", "description": "设置额外渲染行的属性", - "type": "(record: IRecord, index: number) => object | Record" + "type": "(record: IRecord, index: number) => object | Record" }, { "identifier": "onRowOpen", @@ -3156,7 +3053,7 @@ { "identifier": "maxBodyHeight", "description": "最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条", - "type": "string | number" + "type": "ReactText" }, { "identifier": "stickyHeader", @@ -3317,19 +3214,19 @@ }, { "identifier": "columnFilters", - "type": "ProTableColumnsFilterValue" + "type": "Record" }, { "identifier": "onColumnsFilterChange", - "type": "(newValue: ProTableColumnsFilterValue, oldValue: ProTableColumnsFilterValue, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" + "type": "(newValue: Record, oldValue: Record, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" }, { "identifier": "groupHeader", - "type": "ReactNode | GroupHeaderProps" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupHeaderProps" }, { "identifier": "groupFooter", - "type": "ReactNode | GroupFooterProps" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupFooterProps" }, { "identifier": "stickyLock", @@ -3365,7 +3262,7 @@ { "identifier": "actionButtonGroupProps", "description": "操作列按钮组的props\n@deprecated 使用 actionColumnButtons", - "type": "ButtonGroupProps" + "type": "any" }, { "identifier": "actionColumnPredication", @@ -3513,7 +3410,7 @@ { "identifier": "shape", "description": "外观形态", - "type": "\"pure\" | \"wrapped\" | \"text\" | \"capsule\"" + "type": "\"text\" | \"pure\" | \"wrapped\" | \"capsule\"" }, { "identifier": "animation", @@ -3723,7 +3620,7 @@ }, { "identifier": "anchorProps", - "type": "AnchorProps" + "type": "any" }, { "identifier": "enableRandomHtmlId", @@ -3770,12 +3667,12 @@ { "identifier": "title", "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "description", "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "ReactNode | VisibleText" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" }, { "identifier": "forceFit", @@ -3818,7 +3715,7 @@ }, { "identifier": "operations", - "type": "ReactNode | object[]" + "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | object[]" }, { "identifier": "operationConfig", @@ -3888,7 +3785,7 @@ { "identifier": "onSubmit", "description": "form内有 `htmlType=\"submit\"` 的元素的时候会触发", - "type": "FormEventHandler" + "type": "(event: FormEvent) => void" }, { "identifier": "className", @@ -3941,6 +3838,7 @@ }, { "identifier": "onClick", + "description": "点击按钮的回调", "type": "any" }, { diff --git a/packages/fusion-ui/docs/src/.umi/dumi/config.json b/packages/fusion-ui/docs/src/.umi/dumi/config.json index 101d8228..6af1c90a 100644 --- a/packages/fusion-ui/docs/src/.umi/dumi/config.json +++ b/packages/fusion-ui/docs/src/.umi/dumi/config.json @@ -158,18 +158,6 @@ } ] }, - { - "title": "ProCard", - "path": "/pro-card", - "meta": {}, - "children": [ - { - "path": "/pro-card", - "title": "何时使用", - "meta": {} - } - ] - }, { "title": "ProDialog", "path": "/pro-dialog", diff --git a/packages/fusion-ui/docs/src/.umi/dumi/demos/index.ts b/packages/fusion-ui/docs/src/.umi/dumi/demos/index.ts index cf54e880..6babc24f 100644 --- a/packages/fusion-ui/docs/src/.umi/dumi/demos/index.ts +++ b/packages/fusion-ui/docs/src/.umi/dumi/demos/index.ts @@ -1,34 +1,31 @@ // @ts-nocheck import React from 'react'; import { dynamic } from 'dumi'; -import rawCode1 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/EditTable/index.tsx?dumi-raw-code'; -import rawCode2 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ExpandTable/index.tsx?dumi-raw-code'; -import rawCode3 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/Filter/index.tsx?dumi-raw-code'; -import rawCode4 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/GroupTable/index.tsx?dumi-raw-code'; -import rawCode5 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/LineChart/basic.tsx?dumi-raw-code'; -import rawCode6 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/LineChart/slider.tsx?dumi-raw-code'; -import rawCode7 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/basic.tsx?dumi-raw-code'; -import rawCode8 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/breadcrumb.tsx?dumi-raw-code'; -import rawCode9 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PieChart/basic.tsx?dumi-raw-code'; -import rawCode10 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PieChart/percent.tsx?dumi-raw-code'; -import rawCode11 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProCard/actions.tsx?dumi-raw-code'; -import rawCode12 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProCard/collapse.tsx?dumi-raw-code'; -import rawCode13 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProCard/types.tsx?dumi-raw-code'; -import rawCode14 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/basic.tsx?dumi-raw-code'; -import rawCode15 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/large-content.tsx?dumi-raw-code'; -import rawCode16 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProDrawer/basic.tsx?dumi-raw-code'; -import rawCode17 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProForm/basic.tsx?dumi-raw-code'; -import rawCode18 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProForm/operations.tsx?dumi-raw-code'; -import rawCode19 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProTable/basic.tsx?dumi-raw-code'; -import rawCode20 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProTable/service.ts?dumi-raw-code'; -import rawCode21 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/StepForm/basic.tsx?dumi-raw-code'; -import rawCode22 from '!!dumi-raw-code-loader!/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/TabContainer/basic.tsx?dumi-raw-code'; +import rawCode1 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/EditTable/index.tsx?dumi-raw-code'; +import rawCode2 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ExpandTable/index.tsx?dumi-raw-code'; +import rawCode3 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/Filter/index.tsx?dumi-raw-code'; +import rawCode4 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/GroupTable/index.tsx?dumi-raw-code'; +import rawCode5 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/basic.tsx?dumi-raw-code'; +import rawCode6 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/slider.tsx?dumi-raw-code'; +import rawCode7 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/basic.tsx?dumi-raw-code'; +import rawCode8 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/breadcrumb.tsx?dumi-raw-code'; +import rawCode9 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/basic.tsx?dumi-raw-code'; +import rawCode10 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/percent.tsx?dumi-raw-code'; +import rawCode11 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/basic.tsx?dumi-raw-code'; +import rawCode12 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/large-content.tsx?dumi-raw-code'; +import rawCode13 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDrawer/basic.tsx?dumi-raw-code'; +import rawCode14 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/basic.tsx?dumi-raw-code'; +import rawCode15 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/operations.tsx?dumi-raw-code'; +import rawCode16 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProTable/basic.tsx?dumi-raw-code'; +import rawCode17 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProTable/service.ts?dumi-raw-code'; +import rawCode18 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/StepForm/basic.tsx?dumi-raw-code'; +import rawCode19 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/TabContainer/basic.tsx?dumi-raw-code'; export default { 'BarChart-demo': { component: dynamic({ loader: async function () { - var _interopRequireDefault = require("/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"]; + var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; var _react = _interopRequireDefault(await import("react")); var _fusionUi = await import("@alifd/fusion-ui"); var props = { @@ -83,7 +80,7 @@ export default { 'ColumnChart-demo': { component: dynamic({ loader: async function () { - var _interopRequireDefault = require("/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"]; + var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; var _react = _interopRequireDefault(await import("react")); var _fusionUi = await import("@alifd/fusion-ui"); var props = { @@ -138,7 +135,7 @@ export default { 'DonutChart-demo': { component: dynamic({ loader: async function () { - var _interopRequireDefault = require("/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"]; + var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; var _react = _interopRequireDefault(await import("react")); var _fusionUi = await import("@alifd/fusion-ui"); var props = { @@ -196,7 +193,7 @@ export default { 'DonutChart-demo-1': { component: dynamic({ loader: async function () { - var _interopRequireDefault = require("/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"]; + var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; var _react = _interopRequireDefault(await import("react")); var _fusionUi = await import("@alifd/fusion-ui"); var props = { @@ -249,155 +246,134 @@ export default { }, 'docs-edittable': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_elbaTtidE" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/EditTable/index.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_elbaTtidE" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/EditTable/index.tsx')).default, loading: () => null, }), previewerProps: {"sources":{"_":{"tsx":rawCode1}},"dependencies":{"react":{"version":"16.14.0"}},"componentName":"EditTable","identifier":"docs-edittable"}, }, 'docs-expandtable': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_elbaTdnapxE" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ExpandTable/index.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_elbaTdnapxE" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ExpandTable/index.tsx')).default, loading: () => null, }), previewerProps: {"sources":{"_":{"tsx":rawCode2}},"dependencies":{"react":{"version":"16.14.0"}},"componentName":"ExpandTable","identifier":"docs-expandtable"}, }, 'docs-filter': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_retliF" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/Filter/index.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_retliF" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/Filter/index.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode3}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"componentName":"Filter","identifier":"docs-filter"}, + previewerProps: {"sources":{"_":{"tsx":rawCode3}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"componentName":"Filter","identifier":"docs-filter"}, }, 'docs-grouptable': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_elbaTpuorG" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/GroupTable/index.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_elbaTpuorG" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/GroupTable/index.tsx')).default, loading: () => null, }), previewerProps: {"sources":{"_":{"tsx":rawCode4}},"dependencies":{"react":{"version":"16.14.0"}},"componentName":"GroupTable","identifier":"docs-grouptable"}, }, 'linechart-basic': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/LineChart/basic.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/basic.tsx')).default, loading: () => null, }), previewerProps: {"sources":{"_":{"tsx":rawCode5}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"linechart-basic"}, }, 'linechart-slider': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/LineChart/slider.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/slider.tsx')).default, loading: () => null, }), previewerProps: {"sources":{"_":{"tsx":rawCode6}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"linechart-slider"}, }, 'pageheader-basic': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/basic.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/basic.tsx')).default, loading: () => null, }), previewerProps: {"sources":{"_":{"tsx":rawCode7}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"pageheader-basic"}, }, 'pageheader-breadcrumb': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/breadcrumb.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/breadcrumb.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode8}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"pageheader-breadcrumb"}, + previewerProps: {"sources":{"_":{"tsx":rawCode8}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"pageheader-breadcrumb"}, }, 'piechart-basic': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PieChart/basic.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/basic.tsx')).default, loading: () => null, }), previewerProps: {"sources":{"_":{"tsx":rawCode9}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"piechart-basic"}, }, 'piechart-percent': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/PieChart/percent.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/percent.tsx')).default, loading: () => null, }), previewerProps: {"sources":{"_":{"tsx":rawCode10}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"piechart-percent"}, }, - 'procard-actions': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProCard/actions.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode11}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"procard-actions"}, - }, - 'procard-collapse': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProCard/collapse.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode12}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"procard-collapse"}, - }, - 'procard-types': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProCard/types.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode13}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"procard-types"}, - }, 'prodialog-basic': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/basic.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/basic.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode14}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"prodialog-basic"}, + previewerProps: {"sources":{"_":{"tsx":rawCode11}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"prodialog-basic"}, }, 'prodialog-large-content': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/large-content.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/large-content.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode15}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"prodialog-large-content"}, + previewerProps: {"sources":{"_":{"tsx":rawCode12}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"prodialog-large-content"}, }, 'prodrawer-basic': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProDrawer/basic.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDrawer/basic.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode16}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"prodrawer-basic"}, + previewerProps: {"sources":{"_":{"tsx":rawCode13}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"prodrawer-basic"}, }, 'proform-basic': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProForm/basic.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/basic.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode17}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"proform-basic"}, + previewerProps: {"sources":{"_":{"tsx":rawCode14}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"proform-basic"}, }, 'proform-operations': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProForm/operations.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/operations.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode18}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"proform-operations"}, + previewerProps: {"sources":{"_":{"tsx":rawCode15}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"proform-operations"}, }, 'protable-basic': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/ProTable/basic.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProTable/basic.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode19},"service.ts":{"import":"./service","content":rawCode20}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"},"qs":{"version":"6.11.0"}},"transform":"true","identifier":"protable-basic"}, + previewerProps: {"sources":{"_":{"tsx":rawCode16},"service.ts":{"import":"./service","content":rawCode17}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"},"qs":{"version":"6.11.1"}},"transform":"true","identifier":"protable-basic"}, }, 'stepform-basic': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/StepForm/basic.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/StepForm/basic.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode21}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"transform":"true","identifier":"stepform-basic"}, + previewerProps: {"sources":{"_":{"tsx":rawCode18}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"transform":"true","identifier":"stepform-basic"}, }, 'tabcontainer-basic': { component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/docs/src/TabContainer/basic.tsx')).default, + loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/TabContainer/basic.tsx')).default, loading: () => null, }), - previewerProps: {"sources":{"_":{"tsx":rawCode22}},"dependencies":{"react":{"version":"16.14.0"}},"transform":"true","identifier":"tabcontainer-basic"}, + previewerProps: {"sources":{"_":{"tsx":rawCode19}},"dependencies":{"react":{"version":"16.14.0"}},"transform":"true","identifier":"tabcontainer-basic"}, }, 'anchorForm-demo': { component: dynamic({ loader: async function () { - var _interopRequireDefault = require("/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"]; + var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; var _react = _interopRequireDefault(await import("react")); var _fusionUi = await import("@alifd/fusion-ui"); var anchorFormProps = { @@ -467,7 +443,7 @@ export default { 'areaChart-demo': { component: dynamic({ loader: async function () { - var _interopRequireDefault = require("/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"]; + var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; var _react = _interopRequireDefault(await import("react")); var _fusionUi = await import("@alifd/fusion-ui"); var props = { @@ -521,7 +497,7 @@ export default { 'childForm-demo': { component: dynamic({ loader: async function () { - var _interopRequireDefault = require("/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@babel_runtime@7.18.6@@babel/runtime/helpers/interopRequireDefault.js")["default"]; + var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; var _react = _interopRequireDefault(await import("react")); var _next = await import("@alifd/next"); var _fusionUi = await import("@alifd/fusion-ui"); @@ -602,6 +578,6 @@ export default { }, loading: () => null }), - previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\nimport { Input } from '@alifd/next';\nimport { ChildForm, ProForm } from '@alifd/fusion-ui';\n\nconst ProFormItem = ProForm.Item;\n\nexport default () => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n};"}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.9","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0","css":"@alifd/meet-react/dist/meet-react.css"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"childForm-demo"}, + previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\nimport { Input } from '@alifd/next';\nimport { ChildForm, ProForm } from '@alifd/fusion-ui';\n\nconst ProFormItem = ProForm.Item;\n\nexport default () => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n};"}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"childForm-demo"}, }, }; diff --git a/packages/fusion-ui/docs/src/.umi/dumi/layout.tsx b/packages/fusion-ui/docs/src/.umi/dumi/layout.tsx index cb254100..695aeccd 100644 --- a/packages/fusion-ui/docs/src/.umi/dumi/layout.tsx +++ b/packages/fusion-ui/docs/src/.umi/dumi/layout.tsx @@ -3,6 +3,6 @@ import React from 'react'; import config from '@@/dumi/config'; import demos from '@@/dumi/demos'; import apis from '@@/dumi/apis'; -import Layout from '/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@umijs_preset-dumi@1.1.50@@umijs/preset-dumi/lib/theme/layout'; +import Layout from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/preset-dumi/lib/theme/layout'; export default (props) => ; diff --git a/packages/fusion-ui/docs/src/.umi/umi.ts b/packages/fusion-ui/docs/src/.umi/umi.ts index 8537e637..d1e450d9 100644 --- a/packages/fusion-ui/docs/src/.umi/umi.ts +++ b/packages/fusion-ui/docs/src/.umi/umi.ts @@ -4,8 +4,8 @@ import '@@/core/devScripts'; import { plugin } from './core/plugin'; import './core/pluginRegister'; import { createHistory } from './core/history'; -import { ApplyPluginsType } from '/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@umijs_runtime@3.5.35@@umijs/runtime'; -import { renderClient } from '/Users/mark.ck/Workspace/opensource/lowcode/lowcode-materials/packages/fusion-ui/node_modules/_@umijs_renderer-react@3.5.35@@umijs/renderer-react/dist/index.js'; +import { ApplyPluginsType } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/runtime'; +import { renderClient } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/renderer-react/dist/index.js'; import { getRoutes } from './core/routes'; @@ -38,7 +38,7 @@ export default clientRender(); window.g_umi = { - version: '3.5.35', + version: '3.5.38', }; diff --git a/packages/fusion-ui/docs/src/ProCard/actions.tsx b/packages/fusion-ui/docs/src/ProCard/actions.tsx deleted file mode 100644 index 3d1ca2a6..00000000 --- a/packages/fusion-ui/docs/src/ProCard/actions.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import * as React from 'react'; -import { ProCard } from '@alifd/fusion-ui'; -import { Typography, Button, Box } from '@alifd/next'; - -const { CardSection } = ProCard; - -const PlaceHolderGray = () => { - return
; -}; - -const { H4, Paragraph } = Typography; - -export default () => { - return ( -
-

A: 标题区+卡片辅助性功能操作区

- - - - -

B: 标题区+卡片主功能操作区/筛选操作区 1和2不建议同时存在

- - - - - - - - - - - - - -

收起/展开操作

- 收起后,操作栏隐藏不显示 - - - - -

Inform提示

- - - -
- ); -}; diff --git a/packages/fusion-ui/docs/src/ProCard/collapse.tsx b/packages/fusion-ui/docs/src/ProCard/collapse.tsx deleted file mode 100644 index 27af9f60..00000000 --- a/packages/fusion-ui/docs/src/ProCard/collapse.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import * as React from 'react'; -import { ProCard } from '@alifd/fusion-ui'; -import { Typography } from '@alifd/next'; - -const { CardSection } = ProCard; - -const PlaceHolderGray = () => { - return
; -}; - -const { H4 } = Typography; - -export default () => { - return ( -
-

A. 没有标题卡片

- - - - - - - - - - - -

B. CardSection没有标题

- - - - - - - - - - - - - -

C. Card没有标题

- - - - - - - - - - - - -
- ); -}; diff --git a/packages/fusion-ui/docs/src/ProCard/index.md b/packages/fusion-ui/docs/src/ProCard/index.md deleted file mode 100644 index 52cee43a..00000000 --- a/packages/fusion-ui/docs/src/ProCard/index.md +++ /dev/null @@ -1,21 +0,0 @@ -## 何时使用 - -ProCard 的基础用法。 - -## 示例 - -### 插槽卡片 - - - -### 折叠卡片 - - - -### 多种类型 - - - -## API - - diff --git a/packages/fusion-ui/docs/src/ProCard/types.tsx b/packages/fusion-ui/docs/src/ProCard/types.tsx deleted file mode 100644 index 86728d87..00000000 --- a/packages/fusion-ui/docs/src/ProCard/types.tsx +++ /dev/null @@ -1,92 +0,0 @@ -import * as React from 'react'; -import { ProCard } from '@alifd/fusion-ui'; -import { Typography } from '@alifd/next'; - -const { CardSection } = ProCard; - -const PlaceHolderGray = () => { - return
; -}; - -const { H4, Paragraph } = Typography; -export default () => { - return ( -
-

A. 基础卡片

- - - - -

B. 小分组卡片

- - 适用于表单/表格/纯文本浏览信息的分组情况,添加标题前的竖线增强内容的区块感 - - - - - - - - - - - - - -

C. 分栏布局卡片

- 适用于多种类型内容组合的分组,用竖线分割线体现区块感 - - - 风低声吹着,吹过百叶窗,轻软的好像羽毛一般;有时候仿佛数声叹息,几乎叫人想起夏季长夜漫漫和风吹动树叶的声音。田鼠已经舒舒服服的在地底下的楼房中睡着了,猫头鹰安坐在沼地深处一棵空心树里,兔子、松鼠、狐狸都躲在家里安然不动。看家的狗在火炉旁边安静地躺着,牛羊在栏圈里悄无声息。 - - - - - - - - - - - - - - - - {/* 子卡片设置布局 */} - - 风低声吹着,吹过百叶窗,轻软的好像羽毛一般;有时候仿佛数声叹息,几乎叫人想起夏季长夜漫漫和风吹动树叶的声音。田鼠已经舒舒服服的在地底下的楼房中睡着了,猫头鹰安坐在沼地深处一棵空心树里,兔子、松鼠、狐狸都躲在家里安然不动。看家的狗在火炉旁边安静地躺着,牛羊在栏圈里悄无声息。 - - {/* 子卡片支持loading */} - - - - - - - - - - - - - - - - - - - -
- ); -}; diff --git a/packages/fusion-ui/lowcode/pro-card/meta.ts b/packages/fusion-ui/lowcode/pro-card/meta.ts deleted file mode 100644 index dc46e9bb..00000000 --- a/packages/fusion-ui/lowcode/pro-card/meta.ts +++ /dev/null @@ -1,105 +0,0 @@ -import { CardMeta, CardSectionMeta, CardProps } from '@alifd/pro-layout/lowcode/pro-card/meta'; - -function deepClone(obj) { - const newObj = Array.isArray(obj) ? [] : {}; - if (obj && typeof obj === 'object') { - for (const key in obj) { - if (Object.prototype.hasOwnProperty.call(obj, key)) { - newObj[key] = obj && typeof obj[key] === 'object' ? deepClone(obj[key]) : obj[key]; - } - } - } - return newObj; -} - -const FusionUICardMeta = deepClone(CardMeta); -const FusionUICardSectionMeta = deepClone(CardSectionMeta); - -FusionUICardMeta.npm = { - package: '@alifd/fusion-ui', - version: '1.0.0', - exportName: 'ProCard', - main: 'lib/index.js', - destructuring: true, - subName: '', -}; -FusionUICardSectionMeta.npm = { - package: '@alifd/fusion-ui', - version: '1.0.0', - exportName: 'ProCard', - main: 'lib/index.js', - destructuring: true, - subName: 'CardSection', -}; - -export { FusionUICardMeta as CardMeta, FusionUICardSectionMeta as CardSectionMeta, CardProps }; - -export default [ - { - ...FusionUICardMeta, - snippets: [ - { - title: '卡片', - screenshot: - 'https://img.alicdn.com/imgextra/i4/O1CN01qjZnGj1OW8lpLCQqm_!!6000000001712-55-tps-56-56.svg', - schema: { - componentName: 'ProCard', - props: { - title: '标题', - hasDivider: true, - isFillContainer: true, - }, - }, - }, - ], - }, - { - ...FusionUICardSectionMeta, - snippets: [ - { - title: '内部卡片', - screenshot: - 'https://img.alicdn.com/imgextra/i1/O1CN01QLAiJK1tXHqxBV16n_!!6000000005911-55-tps-56-56.svg', - schema: { - componentName: 'ProCardSection', - props: { - title: '子标题', - hasDivider: true, - isFillContainer: true, - }, - }, - }, - ], - }, -]; - -export const wrapWithCard = (snippets) => { - if (Array.isArray(snippets)) { - return snippets.map((snippet) => { - return { - ...snippet, - schema: { - componentName: 'ProCard', - props: { - title: snippet.title || '标题', - hasDivider: true, - isFillContainer: true, - }, - children: [snippet.schema], - }, - }; - }); - } - return { - ...snippets, - schema: { - componentName: 'ProCard', - props: { - title: snippets.title || '标题', - hasDivider: true, - isFillContainer: true, - }, - children: [snippets.schema], - }, - }; -}; diff --git a/packages/fusion-ui/package.json b/packages/fusion-ui/package.json index e3133132..8e6c7e6e 100644 --- a/packages/fusion-ui/package.json +++ b/packages/fusion-ui/package.json @@ -1,6 +1,6 @@ { "name": "@alifd/fusion-ui", - "version": "1.0.8", + "version": "2.0.0", "description": "A component library based on Fusion Next", "files": [ "es/", @@ -30,8 +30,8 @@ "component" ], "dependencies": { + "@alifd/layout": "^2.0.7", "@alifd/next": "^1.25.18", - "@alifd/pro-layout": "^1.0.1-beta.4", "@antv/data-set": "^0.11.8", "@sindresorhus/is": "^4.0.1", "ahooks": "^2.10.11", @@ -105,4 +105,4 @@ "url": "https://fusion.design/api/v1/sites/1/materials" } } -} \ No newline at end of file +} diff --git a/packages/fusion-ui/src/components/pro-form/layouts/anchor-form/index.tsx b/packages/fusion-ui/src/components/pro-form/layouts/anchor-form/index.tsx index 6339e334..a1f53911 100644 --- a/packages/fusion-ui/src/components/pro-form/layouts/anchor-form/index.tsx +++ b/packages/fusion-ui/src/components/pro-form/layouts/anchor-form/index.tsx @@ -1,8 +1,7 @@ import * as React from 'react'; import { useRef, useImperativeHandle, forwardRef } from 'react'; -import { Form } from '@alifd/next'; +import { Form, Card } from '@alifd/next'; import { Space } from '@/components/container'; -import { ProCard } from '@alifd/pro-layout'; import { Anchor, AnchorProps, LinkItemData } from '@/components/anchor'; import Operations from '@/common/operations'; import { getId } from '@/utils'; @@ -52,7 +51,7 @@ function renderForm( const { mode = 'independent', cardProps = {}, ...otherProps } = child.props; const { label = '', htmlId = getId() } = anchorItemProps; return ( - + {React.cloneElement(child, { ref: (node) => { // Keep your own reference @@ -66,7 +65,7 @@ function renderForm( ...otherProps, mode, })} - + ); })} diff --git a/packages/fusion-ui/src/index.scss b/packages/fusion-ui/src/index.scss index 01cbb9c0..bbaa9ddc 100644 --- a/packages/fusion-ui/src/index.scss +++ b/packages/fusion-ui/src/index.scss @@ -16,7 +16,7 @@ @import './components/segment/index.scss'; @import './components/tab-container/index.scss'; @import './components/toggle-icon/index.scss'; -@import '~@alifd/pro-layout/lib/pro-card/index.scss'; +// @import '~@alifd/pro-layout/lib/pro-card/index.scss'; #{$biz-css-prefix}page .lc-container-placeholder { min-height: 48px; diff --git a/packages/fusion-ui/src/index.tsx b/packages/fusion-ui/src/index.tsx index 5a6efe2f..ec8c7308 100644 --- a/packages/fusion-ui/src/index.tsx +++ b/packages/fusion-ui/src/index.tsx @@ -1,5 +1,4 @@ import { version } from '../package'; -import { ProCard } from '@alifd/pro-layout'; // export { default as ProCard } from './components/pro-card'; // export type { CardProps, CardSectionProps } from './components/pro-card'; @@ -29,4 +28,4 @@ export * from './variables'; const bizCssPrefix = 'fusion-ui'; const displayName = 'FusionUI'; -export { bizCssPrefix, displayName, version, ProCard }; +export { bizCssPrefix, displayName, version }; From 2a8e497f71977dc61bfa522cf0431adef84d87b1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=9C=E5=98=89?= Date: Mon, 20 Mar 2023 19:29:04 +0800 Subject: [PATCH 2/6] =?UTF-8?q?feat:=20=E5=88=A0=E9=99=A4wrapWithCard?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../fusion-ui/lowcode/anchor-form/meta.ts | 276 +++++++++--------- packages/fusion-ui/lowcode/area-chart/meta.ts | 4 +- packages/fusion-ui/lowcode/bar-chart/meta.ts | 4 +- .../fusion-ui/lowcode/column-chart/meta.ts | 4 +- .../fusion-ui/lowcode/donut-chart/meta.ts | 4 +- packages/fusion-ui/lowcode/line-chart/meta.ts | 4 +- packages/fusion-ui/lowcode/pie-chart/meta.ts | 4 +- packages/fusion-ui/package.json | 6 +- 8 files changed, 152 insertions(+), 154 deletions(-) diff --git a/packages/fusion-ui/lowcode/anchor-form/meta.ts b/packages/fusion-ui/lowcode/anchor-form/meta.ts index 4fbe03c5..43450d8a 100644 --- a/packages/fusion-ui/lowcode/anchor-form/meta.ts +++ b/packages/fusion-ui/lowcode/anchor-form/meta.ts @@ -1,9 +1,7 @@ import { IComponentDescription } from '../types'; import { hideProp, mockId } from '../utils'; import { operationProps } from '../common'; -import { CardProps } from '../pro-card/meta'; - -const _cardProps = CardProps.slice(1); +// import { CardProps } from '../pro-card/meta'; const AnchorFormMeta: IComponentDescription = { componentName: 'AnchorForm', @@ -86,143 +84,143 @@ const AnchorFormMeta: IComponentDescription = { }, ], }, - { - title: { - label: { type: 'i18n', 'en-US': 'Card Config', 'zh-CN': '卡片设置' }, - tip: 'Card Config | 卡片设置', - }, - name: '!dataSource', - display: 'accordion', - setter: { - componentName: 'ArraySetter', - props: { - itemSetter: { - componentName: 'ObjectSetter', - props: { - config: { - items: [ - { - title: '卡片名称', - defaultValue: '标题', - name: 'anchorItemProps.label', - setter: 'StringSetter', - important: true, - }, - { - title: 'htmlId', - important: false, - condition: hideProp, - name: 'anchorItemProps.htmlId', - setter: 'StringSetter', - defaultValue: (val: any) => { - if (val) return val; - return mockId(); - }, - }, - ..._cardProps, - ], - }, - }, - initialValue: () => ({ - anchorItemProps: { - htmlId: mockId(), - label: '标题', - }, - noBullet: true, - }), - }, - }, - }, - getValue: (target) => { - const map = target.node.children.map((child) => { - const anchorItemProps = child.getPropValue('anchorItemProps') || {}; - const cardProps = child.getPropValue('cardProps') || {}; - const htmlId = anchorItemProps.htmlId ? anchorItemProps.htmlId : child.id; - if (!anchorItemProps.htmlId) { - anchorItemProps.htmlId = htmlId; - } - if (!anchorItemProps.label) { - anchorItemProps.label = '标题'; - } - return { - anchorItemProps, - ...cardProps, - htmlId, - }; - }); - return map; - }, - setValue: (target, value) => { - const { node } = target; - const map = {}; - if (!Array.isArray(value)) { - value = []; - } - value.forEach((item) => { - const anchorFormItem = Object.assign({}, item); - const { anchorItemProps, ...cardProps } = anchorFormItem; - map[item.htmlId] = { - anchorItemProps, - cardProps, - }; - }); + // { + // title: { + // label: { type: 'i18n', 'en-US': 'Card Config', 'zh-CN': '卡片设置' }, + // tip: 'Card Config | 卡片设置', + // }, + // name: '!dataSource', + // display: 'accordion', + // setter: { + // componentName: 'ArraySetter', + // props: { + // itemSetter: { + // componentName: 'ObjectSetter', + // props: { + // config: { + // items: [ + // { + // title: '卡片名称', + // defaultValue: '标题', + // name: 'anchorItemProps.label', + // setter: 'StringSetter', + // important: true, + // }, + // { + // title: 'htmlId', + // important: false, + // condition: hideProp, + // name: 'anchorItemProps.htmlId', + // setter: 'StringSetter', + // defaultValue: (val: any) => { + // if (val) return val; + // return mockId(); + // }, + // }, + // ..._cardProps, + // ], + // }, + // }, + // initialValue: () => ({ + // anchorItemProps: { + // htmlId: mockId(), + // label: '标题', + // }, + // noBullet: true, + // }), + // }, + // }, + // }, + // getValue: (target) => { + // const map = target.node.children.map((child) => { + // const anchorItemProps = child.getPropValue('anchorItemProps') || {}; + // const cardProps = child.getPropValue('cardProps') || {}; + // const htmlId = anchorItemProps.htmlId ? anchorItemProps.htmlId : child.id; + // if (!anchorItemProps.htmlId) { + // anchorItemProps.htmlId = htmlId; + // } + // if (!anchorItemProps.label) { + // anchorItemProps.label = '标题'; + // } + // return { + // anchorItemProps, + // ...cardProps, + // htmlId, + // }; + // }); + // return map; + // }, + // setValue: (target, value) => { + // const { node } = target; + // const map = {}; + // if (!Array.isArray(value)) { + // value = []; + // } + // value.forEach((item) => { + // const anchorFormItem = Object.assign({}, item); + // const { anchorItemProps, ...cardProps } = anchorFormItem; + // map[item.htmlId] = { + // anchorItemProps, + // cardProps, + // }; + // }); - node.children.mergeChildren( - (child) => { - const htmlId = String(child.getPropValue('htmlId')); - if (Object.hasOwnProperty.call(map, htmlId)) { - child.setPropValue('anchorItemProps', map[htmlId].anchorItemProps); - child.setPropValue('cardProps', map[htmlId].cardProps); - delete map[htmlId]; - return false; - } - return true; - }, - () => { - const items = []; - for (const htmlId in map) { - if (Object.hasOwnProperty.call(map, htmlId)) { - const { anchorItemProps, cardProps } = map[htmlId]; - items.push({ - componentName: 'ChildForm', - props: { - columns: 2, - htmlId, - mode: 'independent', - anchorItemProps, - cardProps, - labelAlign: cardProps.labelAlign || 'top', - }, - children: [...new Array(4).keys()].map(() => ({ - componentName: 'FormInput', - props: { - formItemProps: { - primaryKey: mockId(), - label: '表单项', - size: 'medium', - device: 'desktop', - fullWidth: true, - }, - placeholder: '请输入', - }, - })), - }); - } - } - return items; - }, - (child1, child2) => { - const a = value.findIndex( - (item) => String(item.htmlId) === String(child1.getPropValue('htmlId')), - ); - const b = value.findIndex( - (item) => String(item.htmlId) === String(child2.getPropValue('htmlId')), - ); - return a - b; - }, - ); - }, - }, + // node.children.mergeChildren( + // (child) => { + // const htmlId = String(child.getPropValue('htmlId')); + // if (Object.hasOwnProperty.call(map, htmlId)) { + // child.setPropValue('anchorItemProps', map[htmlId].anchorItemProps); + // child.setPropValue('cardProps', map[htmlId].cardProps); + // delete map[htmlId]; + // return false; + // } + // return true; + // }, + // () => { + // const items = []; + // for (const htmlId in map) { + // if (Object.hasOwnProperty.call(map, htmlId)) { + // const { anchorItemProps, cardProps } = map[htmlId]; + // items.push({ + // componentName: 'ChildForm', + // props: { + // columns: 2, + // htmlId, + // mode: 'independent', + // anchorItemProps, + // cardProps, + // labelAlign: cardProps.labelAlign || 'top', + // }, + // children: [...new Array(4).keys()].map(() => ({ + // componentName: 'FormInput', + // props: { + // formItemProps: { + // primaryKey: mockId(), + // label: '表单项', + // size: 'medium', + // device: 'desktop', + // fullWidth: true, + // }, + // placeholder: '请输入', + // }, + // })), + // }); + // } + // } + // return items; + // }, + // (child1, child2) => { + // const a = value.findIndex( + // (item) => String(item.htmlId) === String(child1.getPropValue('htmlId')), + // ); + // const b = value.findIndex( + // (item) => String(item.htmlId) === String(child2.getPropValue('htmlId')), + // ); + // return a - b; + // }, + // ); + // }, + // }, { title: { label: { type: 'i18n', 'en-US': 'container', 'zh-CN': '容器,默认是 win' }, diff --git a/packages/fusion-ui/lowcode/area-chart/meta.ts b/packages/fusion-ui/lowcode/area-chart/meta.ts index 4f7dc926..ea5288d3 100644 --- a/packages/fusion-ui/lowcode/area-chart/meta.ts +++ b/packages/fusion-ui/lowcode/area-chart/meta.ts @@ -1,6 +1,6 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -import { wrapWithCard } from '../pro-card/meta'; +// import { wrapWithCard } from '../pro-card/meta'; const AreaChartMeta: ComponentMetadata = { componentName: 'AreaChart', @@ -159,5 +159,5 @@ const snippets: Snippet[] = [ export default { ...AreaChartMeta, - snippets: wrapWithCard(snippets), + snippets, }; diff --git a/packages/fusion-ui/lowcode/bar-chart/meta.ts b/packages/fusion-ui/lowcode/bar-chart/meta.ts index 772c6e0d..cc35b288 100644 --- a/packages/fusion-ui/lowcode/bar-chart/meta.ts +++ b/packages/fusion-ui/lowcode/bar-chart/meta.ts @@ -1,6 +1,6 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -import { wrapWithCard } from '../pro-card/meta'; +// import { wrapWithCard } from '../pro-card/meta'; const BarChartMeta: ComponentMetadata = { componentName: 'BarChart', @@ -177,5 +177,5 @@ const snippets: Snippet[] = [ export default { ...BarChartMeta, - snippets: wrapWithCard(snippets), + snippets }; diff --git a/packages/fusion-ui/lowcode/column-chart/meta.ts b/packages/fusion-ui/lowcode/column-chart/meta.ts index 82a2ea5c..007a6dfb 100644 --- a/packages/fusion-ui/lowcode/column-chart/meta.ts +++ b/packages/fusion-ui/lowcode/column-chart/meta.ts @@ -1,6 +1,6 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -import { wrapWithCard } from '../pro-card/meta'; +// import { wrapWithCard } from '../pro-card/meta'; const ColumnChartMeta: ComponentMetadata = { componentName: 'ColumnChart', @@ -267,5 +267,5 @@ const snippets: Snippet[] = [ export default { ...ColumnChartMeta, - snippets: wrapWithCard(snippets), + snippets, }; diff --git a/packages/fusion-ui/lowcode/donut-chart/meta.ts b/packages/fusion-ui/lowcode/donut-chart/meta.ts index 8d69029c..fcfbb1d9 100644 --- a/packages/fusion-ui/lowcode/donut-chart/meta.ts +++ b/packages/fusion-ui/lowcode/donut-chart/meta.ts @@ -1,6 +1,6 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -import { wrapWithCard } from '../pro-card/meta'; +// import { wrapWithCard } from '../pro-card/meta'; const DonutChartMeta: ComponentMetadata = { componentName: 'DonutChart', @@ -215,5 +215,5 @@ const snippets: Snippet[] = [ export default { ...DonutChartMeta, - snippets: wrapWithCard(snippets), + snippets, }; diff --git a/packages/fusion-ui/lowcode/line-chart/meta.ts b/packages/fusion-ui/lowcode/line-chart/meta.ts index 4d0dc415..5d23cb23 100644 --- a/packages/fusion-ui/lowcode/line-chart/meta.ts +++ b/packages/fusion-ui/lowcode/line-chart/meta.ts @@ -1,6 +1,6 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -import { wrapWithCard } from '../pro-card/meta'; +// import { wrapWithCard } from '../pro-card/meta'; const LineChartMeta: ComponentMetadata = { componentName: 'LineChart', @@ -159,5 +159,5 @@ const snippets: Snippet[] = [ export default { ...LineChartMeta, - snippets: wrapWithCard(snippets), + snippets }; diff --git a/packages/fusion-ui/lowcode/pie-chart/meta.ts b/packages/fusion-ui/lowcode/pie-chart/meta.ts index ba2ef60c..3477f766 100644 --- a/packages/fusion-ui/lowcode/pie-chart/meta.ts +++ b/packages/fusion-ui/lowcode/pie-chart/meta.ts @@ -1,6 +1,6 @@ import { ComponentMetadata } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -import { wrapWithCard } from '../pro-card/meta'; +// import { wrapWithCard } from '../pro-card/meta'; const pieChartMeta: ComponentMetadata = { componentName: 'PieChart', @@ -217,5 +217,5 @@ const snippets = [ ]; export default { ...pieChartMeta, - snippets: wrapWithCard(snippets), + snippets }; diff --git a/packages/fusion-ui/package.json b/packages/fusion-ui/package.json index 8e6c7e6e..4d009c76 100644 --- a/packages/fusion-ui/package.json +++ b/packages/fusion-ui/package.json @@ -85,12 +85,12 @@ "webpack": "4.x" }, "license": "MIT", - "homepage": "https://unpkg.com/@alifd/fusion-ui@1.0.8/build/index.html", + "homepage": "https://unpkg.com/@alifd/fusion-ui@2.0.0/build/index.html", "componentConfig": { "name": "FusionUI", "category": "精品物料库", "isComponentLibrary": true, - "materialSchema": "https://alifd.alicdn.com/npm/@alifd/fusion-ui@1.0.8/build/lowcode/assets-prod.json" + "materialSchema": "https://alifd.alicdn.com/npm/@alifd/fusion-ui@2.0.0/build/lowcode/assets-prod.json" }, "husky": { "hooks": { @@ -105,4 +105,4 @@ "url": "https://fusion.design/api/v1/sites/1/materials" } } -} +} \ No newline at end of file From b9e900747ed4de2460b4523221543cdf9bc0492d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=9C=E5=98=89?= <591687284@qq.com> Date: Tue, 21 Mar 2023 21:07:39 +0800 Subject: [PATCH 3/6] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E8=A7=84=E8=8C=83=E9=97=AE=E9=A2=98,=20=E5=B9=B6=E9=AA=8C?= =?UTF-8?q?=E8=AF=81=E4=BB=A3=E7=A0=81=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/fusion-ui/.gitignore | 2 + .../fusion-ui/lowcode/anchor-form/meta.ts | 1 - packages/fusion-ui/lowcode/anchor/meta.ts | 47 ------------------- .../fusion-ui/lowcode/column-chart/meta.ts | 1 - .../fusion-ui/lowcode/donut-chart/meta.ts | 1 - packages/fusion-ui/lowcode/line-chart/meta.ts | 1 - packages/fusion-ui/lowcode/pie-chart/meta.ts | 1 - 7 files changed, 2 insertions(+), 52 deletions(-) diff --git a/packages/fusion-ui/.gitignore b/packages/fusion-ui/.gitignore index 7894d26e..a7e3a33e 100644 --- a/packages/fusion-ui/.gitignore +++ b/packages/fusion-ui/.gitignore @@ -24,3 +24,5 @@ yarn-error.log* yarn.lock storybook-static/ + +./docs/src/.umi/ \ No newline at end of file diff --git a/packages/fusion-ui/lowcode/anchor-form/meta.ts b/packages/fusion-ui/lowcode/anchor-form/meta.ts index 43450d8a..9a033ebb 100644 --- a/packages/fusion-ui/lowcode/anchor-form/meta.ts +++ b/packages/fusion-ui/lowcode/anchor-form/meta.ts @@ -1,7 +1,6 @@ import { IComponentDescription } from '../types'; import { hideProp, mockId } from '../utils'; import { operationProps } from '../common'; -// import { CardProps } from '../pro-card/meta'; const AnchorFormMeta: IComponentDescription = { componentName: 'AnchorForm', diff --git a/packages/fusion-ui/lowcode/anchor/meta.ts b/packages/fusion-ui/lowcode/anchor/meta.ts index a9df2888..4b8f5f5f 100644 --- a/packages/fusion-ui/lowcode/anchor/meta.ts +++ b/packages/fusion-ui/lowcode/anchor/meta.ts @@ -1,52 +1,5 @@ import { hideProp } from '../utils'; -const anchorLength = (Math.floor(Math.random() * 10000) % 10) + 1; -const dataSource = []; -const children = []; -for (let i = 0; i < anchorLength; i++) { - const htmlId = String(Math.floor(Math.random() * 10000)); - dataSource.push({ - htmlId, - label: `电梯第${i + 1}层`, - }); - children.push({ - componentName: 'NextBlock', - props: { - id: htmlId, - placeholderStyle: { - height: '100%', - }, - noPadding: false, - noBorder: false, - background: 'surface', - layoutmode: 'O', - strict: true, - colSpan: 12, - rowSpan: 1, - mode: 'inset', - childTotalColumns: 12, - title: '第一层', - }, - children: [ - { - componentName: 'NextBlockCell', - props: { - colSpan: 12, - rowSpan: 1, - mode: 'transparent', - isAutoContainer: true, - childNum: 2, - flowChildNum: 9, - childWidth: 200, - childMode: 'initial', - outermode: 'transparent', - }, - }, - ], - title: '区块', - }); -} - const meta = { components: [ { diff --git a/packages/fusion-ui/lowcode/column-chart/meta.ts b/packages/fusion-ui/lowcode/column-chart/meta.ts index 007a6dfb..fde6ab24 100644 --- a/packages/fusion-ui/lowcode/column-chart/meta.ts +++ b/packages/fusion-ui/lowcode/column-chart/meta.ts @@ -1,6 +1,5 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -// import { wrapWithCard } from '../pro-card/meta'; const ColumnChartMeta: ComponentMetadata = { componentName: 'ColumnChart', diff --git a/packages/fusion-ui/lowcode/donut-chart/meta.ts b/packages/fusion-ui/lowcode/donut-chart/meta.ts index fcfbb1d9..f56fb9c8 100644 --- a/packages/fusion-ui/lowcode/donut-chart/meta.ts +++ b/packages/fusion-ui/lowcode/donut-chart/meta.ts @@ -1,6 +1,5 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -// import { wrapWithCard } from '../pro-card/meta'; const DonutChartMeta: ComponentMetadata = { componentName: 'DonutChart', diff --git a/packages/fusion-ui/lowcode/line-chart/meta.ts b/packages/fusion-ui/lowcode/line-chart/meta.ts index 5d23cb23..01070e54 100644 --- a/packages/fusion-ui/lowcode/line-chart/meta.ts +++ b/packages/fusion-ui/lowcode/line-chart/meta.ts @@ -1,6 +1,5 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -// import { wrapWithCard } from '../pro-card/meta'; const LineChartMeta: ComponentMetadata = { componentName: 'LineChart', diff --git a/packages/fusion-ui/lowcode/pie-chart/meta.ts b/packages/fusion-ui/lowcode/pie-chart/meta.ts index 3477f766..44de38f2 100644 --- a/packages/fusion-ui/lowcode/pie-chart/meta.ts +++ b/packages/fusion-ui/lowcode/pie-chart/meta.ts @@ -1,6 +1,5 @@ import { ComponentMetadata } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -// import { wrapWithCard } from '../pro-card/meta'; const pieChartMeta: ComponentMetadata = { componentName: 'PieChart', From 3ee317aed08bf0f5991b703eeea868768d44b7d5 Mon Sep 17 00:00:00 2001 From: Luke Date: Mon, 20 Mar 2023 15:01:53 +0800 Subject: [PATCH 4/6] graph x6 materials (#47) * feat: graph x6 materials --- packages/graph-x6-materials/.editorconfig | 13 ++ packages/graph-x6-materials/.eslintignore | 11 ++ packages/graph-x6-materials/.eslintrc.js | 11 ++ packages/graph-x6-materials/.gitignore | 26 ++++ .../graph-x6-materials/.markdownlint.json | 3 + .../graph-x6-materials/.markdownlintignore | 4 + packages/graph-x6-materials/.prettierrc.js | 8 ++ packages/graph-x6-materials/.stylelintignore | 10 ++ packages/graph-x6-materials/.stylelintrc.js | 3 + packages/graph-x6-materials/README.md | 11 ++ packages/graph-x6-materials/build.json | 17 +++ packages/graph-x6-materials/build.lowcode.js | 16 +++ .../graph-x6-materials/commitlint.config.js | 3 + packages/graph-x6-materials/f2elint.config.js | 5 + packages/graph-x6-materials/jest.config.js | 3 + .../graph-x6-materials/lowcode/line/meta.ts | 40 ++++++ .../lowcode/send-email/meta.ts | 60 +++++++++ .../lowcode/start-end/meta.ts | 60 +++++++++ packages/graph-x6-materials/package.json | 79 ++++++++++++ .../src/components/line/index.tsx | 19 +++ .../src/components/send-email/index.tsx | 119 ++++++++++++++++++ .../src/components/start-end/index.tsx | 10 ++ packages/graph-x6-materials/src/index.scss | 0 packages/graph-x6-materials/src/index.tsx | 9 ++ packages/graph-x6-materials/src/sync-oss.js | 48 +++++++ .../graph-x6-materials/src/variables.scss | 3 + packages/graph-x6-materials/src/variables.tsx | 3 + packages/graph-x6-materials/tsconfig.json | 27 ++++ 28 files changed, 621 insertions(+) create mode 100644 packages/graph-x6-materials/.editorconfig create mode 100644 packages/graph-x6-materials/.eslintignore create mode 100644 packages/graph-x6-materials/.eslintrc.js create mode 100644 packages/graph-x6-materials/.gitignore create mode 100644 packages/graph-x6-materials/.markdownlint.json create mode 100644 packages/graph-x6-materials/.markdownlintignore create mode 100644 packages/graph-x6-materials/.prettierrc.js create mode 100644 packages/graph-x6-materials/.stylelintignore create mode 100644 packages/graph-x6-materials/.stylelintrc.js create mode 100644 packages/graph-x6-materials/README.md create mode 100644 packages/graph-x6-materials/build.json create mode 100644 packages/graph-x6-materials/build.lowcode.js create mode 100644 packages/graph-x6-materials/commitlint.config.js create mode 100644 packages/graph-x6-materials/f2elint.config.js create mode 100644 packages/graph-x6-materials/jest.config.js create mode 100644 packages/graph-x6-materials/lowcode/line/meta.ts create mode 100644 packages/graph-x6-materials/lowcode/send-email/meta.ts create mode 100644 packages/graph-x6-materials/lowcode/start-end/meta.ts create mode 100644 packages/graph-x6-materials/package.json create mode 100644 packages/graph-x6-materials/src/components/line/index.tsx create mode 100644 packages/graph-x6-materials/src/components/send-email/index.tsx create mode 100644 packages/graph-x6-materials/src/components/start-end/index.tsx create mode 100644 packages/graph-x6-materials/src/index.scss create mode 100644 packages/graph-x6-materials/src/index.tsx create mode 100644 packages/graph-x6-materials/src/sync-oss.js create mode 100644 packages/graph-x6-materials/src/variables.scss create mode 100644 packages/graph-x6-materials/src/variables.tsx create mode 100644 packages/graph-x6-materials/tsconfig.json diff --git a/packages/graph-x6-materials/.editorconfig b/packages/graph-x6-materials/.editorconfig new file mode 100644 index 00000000..31929968 --- /dev/null +++ b/packages/graph-x6-materials/.editorconfig @@ -0,0 +1,13 @@ +root = true + +[*] +indent_style = space +indent_size = 2 +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true +quote_type = single + +[*.md] +trim_trailing_whitespace = false diff --git a/packages/graph-x6-materials/.eslintignore b/packages/graph-x6-materials/.eslintignore new file mode 100644 index 00000000..251a9630 --- /dev/null +++ b/packages/graph-x6-materials/.eslintignore @@ -0,0 +1,11 @@ +node_modules/ +build/ +dist/ +lib/ +es/ +docs/ +plugins/ +build* +**/*.min.js +**/*-min.js +**/*.bundle.js diff --git a/packages/graph-x6-materials/.eslintrc.js b/packages/graph-x6-materials/.eslintrc.js new file mode 100644 index 00000000..ca59719a --- /dev/null +++ b/packages/graph-x6-materials/.eslintrc.js @@ -0,0 +1,11 @@ +module.exports = { + extends: [ + 'eslint-config-ali/typescript/react', + 'prettier', + 'prettier/@typescript-eslint', + 'prettier/react', + ], + rules: { + '@typescript-eslint/ban-ts-comment': 'off', + }, +}; diff --git a/packages/graph-x6-materials/.gitignore b/packages/graph-x6-materials/.gitignore new file mode 100644 index 00000000..7894d26e --- /dev/null +++ b/packages/graph-x6-materials/.gitignore @@ -0,0 +1,26 @@ +# See https://help.github.com/ignore-files/ for more about ignoring files. + +# dependencies +node_modules/ + +# production +build/ +dist/ +tmp/ +lib/ +es/ + +# misc +.idea/ +.happypack +.DS_Store +*.swp +*.dia~ +.tmp + +npm-debug.log* +yarn-debug.log* +yarn-error.log* +yarn.lock + +storybook-static/ diff --git a/packages/graph-x6-materials/.markdownlint.json b/packages/graph-x6-materials/.markdownlint.json new file mode 100644 index 00000000..c859bfb7 --- /dev/null +++ b/packages/graph-x6-materials/.markdownlint.json @@ -0,0 +1,3 @@ +{ + "extends": "markdownlint-config-ali" +} diff --git a/packages/graph-x6-materials/.markdownlintignore b/packages/graph-x6-materials/.markdownlintignore new file mode 100644 index 00000000..a40f6e33 --- /dev/null +++ b/packages/graph-x6-materials/.markdownlintignore @@ -0,0 +1,4 @@ +node_modules/ +build/ +dist/ + diff --git a/packages/graph-x6-materials/.prettierrc.js b/packages/graph-x6-materials/.prettierrc.js new file mode 100644 index 00000000..9353f639 --- /dev/null +++ b/packages/graph-x6-materials/.prettierrc.js @@ -0,0 +1,8 @@ +module.exports = { + printWidth: 100, + tabWidth: 2, + semi: true, + singleQuote: true, + trailingComma: 'all', + arrowParens: 'always', +}; diff --git a/packages/graph-x6-materials/.stylelintignore b/packages/graph-x6-materials/.stylelintignore new file mode 100644 index 00000000..59ee9b69 --- /dev/null +++ b/packages/graph-x6-materials/.stylelintignore @@ -0,0 +1,10 @@ +node_modules/ +build/ +dist/ +es/ +lib/ +docs/ +**/*.min.css +**/*-min.css +**/*.bundle.css + diff --git a/packages/graph-x6-materials/.stylelintrc.js b/packages/graph-x6-materials/.stylelintrc.js new file mode 100644 index 00000000..74a5a54e --- /dev/null +++ b/packages/graph-x6-materials/.stylelintrc.js @@ -0,0 +1,3 @@ +module.exports = { + extends: 'stylelint-config-ali', +}; diff --git a/packages/graph-x6-materials/README.md b/packages/graph-x6-materials/README.md new file mode 100644 index 00000000..000f2bdd --- /dev/null +++ b/packages/graph-x6-materials/README.md @@ -0,0 +1,11 @@ +# README + +## 开发常用命令 + +- `cnpm start` 运行所有组件的开发调试环境 +- `cnpm start page-header` 运行单个组件的开发调试环境 +- `cnpm run lowcode:dev` 启动低代码开发调试环境 +- `cnpm run lowcode:build` 构建低代码产物 +- `cnpm run build` 打包生成 lib/ es/ dist/ build/文件 +- `cnpm run materials` 生成物料中心需要的入库 JSON 文件 +- `cnpm run lint` 进行代码检查 diff --git a/packages/graph-x6-materials/build.json b/packages/graph-x6-materials/build.json new file mode 100644 index 00000000..ddcb107f --- /dev/null +++ b/packages/graph-x6-materials/build.json @@ -0,0 +1,17 @@ +{ + "library": "AlilcLceX6Items", + "libraryTarget": "umd", + "sourceMap": true, + "alias": { + "@": "./src/components" + }, + "plugins": [ + [ + "build-plugin-component-multiple", + { + "themePackage": "@alifd/theme-2", + "addons": "@storybook/addon-outline" + } + ] + ] +} \ No newline at end of file diff --git a/packages/graph-x6-materials/build.lowcode.js b/packages/graph-x6-materials/build.lowcode.js new file mode 100644 index 00000000..cd256e8b --- /dev/null +++ b/packages/graph-x6-materials/build.lowcode.js @@ -0,0 +1,16 @@ +const { library } = require('./build.json'); + +module.exports = { + alias: { + '@': './src', + }, + plugins: [ + [ + '@alifd/build-plugin-lowcode', + { + library, + engineScope: "@alilc" + }, + ], + ], +}; diff --git a/packages/graph-x6-materials/commitlint.config.js b/packages/graph-x6-materials/commitlint.config.js new file mode 100644 index 00000000..52f3b754 --- /dev/null +++ b/packages/graph-x6-materials/commitlint.config.js @@ -0,0 +1,3 @@ +module.exports = { + extends: ['ali'], +}; diff --git a/packages/graph-x6-materials/f2elint.config.js b/packages/graph-x6-materials/f2elint.config.js new file mode 100644 index 00000000..ff8f05dc --- /dev/null +++ b/packages/graph-x6-materials/f2elint.config.js @@ -0,0 +1,5 @@ +module.exports = { + enableStylelint: true, + enableMarkdownlint: true, + enablePrettier: true, +}; diff --git a/packages/graph-x6-materials/jest.config.js b/packages/graph-x6-materials/jest.config.js new file mode 100644 index 00000000..21ce9444 --- /dev/null +++ b/packages/graph-x6-materials/jest.config.js @@ -0,0 +1,3 @@ +module.exports = { + setupFilesAfterEnv: ['/test/setupTests.js'], +}; diff --git a/packages/graph-x6-materials/lowcode/line/meta.ts b/packages/graph-x6-materials/lowcode/line/meta.ts new file mode 100644 index 00000000..83e384fa --- /dev/null +++ b/packages/graph-x6-materials/lowcode/line/meta.ts @@ -0,0 +1,40 @@ +import { ComponentMetadata, Snippet } from '@alilc/lowcode-engine'; + +const LineMeta: ComponentMetadata = { + componentName: 'Line', + title: '连接线', + docUrl: '', + screenshot: '', + tags: ['edge'], + devMode: 'proCode', + npm: { + package: '@alilc/lce-x6-items', + version: '0.1.3', + exportName: 'Line', + main: 'src/index.tsx', + destructuring: true, + subName: '', + }, + configure: { + supports: { + style: false, + loop: false, + condition: false + } + } +}; +const snippets: Snippet[] = [ + { + title: '连接线', + screenshot: '', + schema: { + componentName: 'Line', + props: {}, + }, + }, +]; + +export default { + ...LineMeta, + snippets, +}; diff --git a/packages/graph-x6-materials/lowcode/send-email/meta.ts b/packages/graph-x6-materials/lowcode/send-email/meta.ts new file mode 100644 index 00000000..cda2b3f2 --- /dev/null +++ b/packages/graph-x6-materials/lowcode/send-email/meta.ts @@ -0,0 +1,60 @@ +import { ComponentMetadata, Snippet } from '@alilc/lowcode-engine'; + +const SendEmailMeta: ComponentMetadata = { + componentName: 'SendEmail', + title: '发送邮件', + docUrl: '', + screenshot: '', + devMode: 'proCode', + tags: ['node'], + npm: { + package: '@alilc/lce-x6-items', + version: '0.1.3', + exportName: 'SendEmail', + main: 'src/index.tsx', + destructuring: true, + subName: '', + }, + configure: { + props: [ + { + title: { + label: { + type: 'i18n', + 'en-US': 'name', + 'zh-CN': '名称', + }, + }, + name: 'name', + setter: { + componentName: 'StringSetter', + isRequired: true, + initialValue: '', + }, + }, + ], + supports: { + style: false, + loop: false, + condition: false + }, + component: {}, + }, + category: '事件节点', + priority: 1 +}; +const snippets: Snippet[] = [ + { + title: '发送邮件', + screenshot: '', + schema: { + componentName: 'SendEmail', + props: {}, + }, + }, +]; + +export default { + ...SendEmailMeta, + snippets, +}; diff --git a/packages/graph-x6-materials/lowcode/start-end/meta.ts b/packages/graph-x6-materials/lowcode/start-end/meta.ts new file mode 100644 index 00000000..14dea19f --- /dev/null +++ b/packages/graph-x6-materials/lowcode/start-end/meta.ts @@ -0,0 +1,60 @@ +import { ComponentMetadata, Snippet } from '@alilc/lowcode-types'; + +const StartEndMeta: ComponentMetadata = { + componentName: 'StartEnd', + title: '起止节点', + docUrl: '', + screenshot: '', + devMode: 'proCode', + tags: ['node'], + npm: { + package: '@alilc/lce-x6-items', + version: '0.1.3', + exportName: 'StartEnd', + main: 'src/index.tsx', + destructuring: true, + subName: '', + }, + configure: { + props: [ + { + title: { + label: { + type: 'i18n', + 'en-US': 'name', + 'zh-CN': '名称', + }, + }, + name: 'name', + setter: { + componentName: 'StringSetter', + isRequired: true, + initialValue: '', + }, + }, + ], + supports: { + style: false, + loop: false, + condition: false + }, + component: {}, + }, + category: '事件节点', + priority: 2 +}; +const snippets: Snippet[] = [ + { + title: '起止节点', + screenshot: 'https://img.alicdn.com/imgextra/i4/O1CN01sZwPKb1f1JgS9ayrg_!!6000000003946-55-tps-16-16.svg', + schema: { + componentName: 'StartEnd', + props: {}, + }, + }, +]; + +export default { + ...StartEndMeta, + snippets, +}; diff --git a/packages/graph-x6-materials/package.json b/packages/graph-x6-materials/package.json new file mode 100644 index 00000000..1c97f4a3 --- /dev/null +++ b/packages/graph-x6-materials/package.json @@ -0,0 +1,79 @@ +{ + "name": "@alilc/lce-x6-items", + "version": "1.0.7", + "description": "x6-items", + "main": "lib/index.js", + "module": "es/index.js", + "typings": "types/index.d.ts", + "files": [ + "build", + "dist", + "lib", + "es", + "types" + ], + "scripts": { + "start": "build-scripts start", + "build": "build-scripts build", + "lowcode:dev": "build-scripts start --config ./build.lowcode.js", + "lowcode:build": "build-scripts build --config ./build.lowcode.js", + "f2elint-scan": "f2elint scan", + "f2elint-fix": "f2elint fix", + "prepublishOnly": "npm run build && npm run lowcode:build" + }, + "directories": { + "test": "test" + }, + "keywords": [ + "Fusion" + ], + "author": "fusion-team", + "license": "MIT", + "husky": { + "hooks": { + "pre-commit": "f2elint commit-file-scan", + "commit-msg": "f2elint commit-msg-scan" + } + }, + "lint-staged": { + "**/*.{js,jsx,ts,tsx,vue}": "f2elint exec eslint", + "**/*.{css,scss,less,acss}": "f2elint exec stylelint" + }, + "peerDependencies": { + "react": "^16.x", + "react-dom": "^16.x", + "moment": "latest", + "@antv/x6": "^1.6.1" + }, + "devDependencies": { + "@alib/build-scripts": "^0.1.3", + "@alifd/build-plugin-lowcode": "^0.3.0", + "@alifd/theme-2": "^0.4.0", + "@types/react": "^16.14.24", + "@types/react-dom": "^16.9.4", + "build-plugin-component-multiple": "^1.0.0-beta.5", + "build-plugin-fusion": "^0.1.0", + "f2elint": "^1.2.0", + "react": "^16.14.0", + "react-dom": "^16.14.0", + "@antv/x6": "^1.6.1" + }, + "dependencies": { + "@alifd/next": "^1.25.27", + "prop-types": "^15.5.8" + }, + "acceptDependencies": { + "webpack": "^4.46.x" + }, + "resolutions": { + "webpack": "^4.46.x" + }, + "publishConfig": { + "access": "public", + "registry": "https://registry.npmjs.org/" + }, + "componentConfig": { + "isComponentLibrary": true, + "materialSchema": "https://unpkg.com/@alilc/lce-x6-items@1.0.7/build/lowcode/assets-prod.json" + } +} \ No newline at end of file diff --git a/packages/graph-x6-materials/src/components/line/index.tsx b/packages/graph-x6-materials/src/components/line/index.tsx new file mode 100644 index 00000000..02a090b4 --- /dev/null +++ b/packages/graph-x6-materials/src/components/line/index.tsx @@ -0,0 +1,19 @@ + + +const SequenceFlow = () => ({ + attrs: { + line: { + stroke: '#4C6079', + strokeWidth: 1, + targetMarker: { // 箭头 + name: 'block', + size: 8, + }, + }, + }, + router: { + name: 'manhattan', + }, +}); + +export default SequenceFlow; diff --git a/packages/graph-x6-materials/src/components/send-email/index.tsx b/packages/graph-x6-materials/src/components/send-email/index.tsx new file mode 100644 index 00000000..f40231bd --- /dev/null +++ b/packages/graph-x6-materials/src/components/send-email/index.tsx @@ -0,0 +1,119 @@ +import { createElement } from 'react'; +import { Node } from '@antv/x6'; + + +const CustomNode = () => ({ + width: 120, + height: 50, + shape: 'react-shape', + ports: { + groups: { + top: { + position: 'top', + attrs: { + circle: { + r: 5, + magnet: true, + stroke: '#027AFF', + strokeWidth: 1, + fill: '#fff', + style: { + visibility: 'hidden', + opacity: '1' + }, + }, + }, + zIndex: 99, + }, + right: { + position: 'right', + attrs: { + circle: { + r: 5, + magnet: true, + stroke: '#027AFF', + strokeWidth: 1, + fill: '#fff', + style: { + visibility: 'hidden', + opacity: '1' + }, + }, + }, + zIndex: 99, + }, + bottom: { + position: 'bottom', + attrs: { + circle: { + r: 5, + magnet: true, + stroke: '#027AFF', + strokeWidth: 1, + fill: '#fff', + style: { + visibility: 'hidden', + opacity: '1' + }, + }, + }, + zIndex: 99, + }, + left: { + position: 'left', + attrs: { + circle: { + r: 5, + magnet: true, + stroke: '#027AFF', + strokeWidth: 1, + fill: '#fff', + style: { + visibility: 'hidden', + opacity: '1' + }, + }, + }, + zIndex: 99, + }, + }, + items: [ + { + id: 't', + group: 'top', + }, + { + id: 'r', + group: 'right', + }, + { + id: 'b', + group: 'bottom', + }, + { + id: 'l', + group: 'left', + }, + ], + }, + component(node: Node) { + const name = node.prop('name'); + return ( +
+ {name} +
+ ) + }, +}); + +export default CustomNode; diff --git a/packages/graph-x6-materials/src/components/start-end/index.tsx b/packages/graph-x6-materials/src/components/start-end/index.tsx new file mode 100644 index 00000000..a55762c9 --- /dev/null +++ b/packages/graph-x6-materials/src/components/start-end/index.tsx @@ -0,0 +1,10 @@ +const StartEnd = () => ({ + shape: 'lce-rect', + attrs: { + image: { + 'xlink:href': 'https://img.alicdn.com/imgextra/i3/O1CN010QekGb1vDFjCLldzk_!!6000000006138-2-tps-500-500.png', + } + }, +}); + +export default StartEnd; diff --git a/packages/graph-x6-materials/src/index.scss b/packages/graph-x6-materials/src/index.scss new file mode 100644 index 00000000..e69de29b diff --git a/packages/graph-x6-materials/src/index.tsx b/packages/graph-x6-materials/src/index.tsx new file mode 100644 index 00000000..514fffd5 --- /dev/null +++ b/packages/graph-x6-materials/src/index.tsx @@ -0,0 +1,9 @@ +export { default as Line } from './components/line'; +export { default as SendEmail } from './components/send-email'; +export { default as StartEnd } from './components/start-end'; + +const bizCssPrefix = 'bizpack'; + +export { + bizCssPrefix +} diff --git a/packages/graph-x6-materials/src/sync-oss.js b/packages/graph-x6-materials/src/sync-oss.js new file mode 100644 index 00000000..87566a17 --- /dev/null +++ b/packages/graph-x6-materials/src/sync-oss.js @@ -0,0 +1,48 @@ +#!/usr/bin/env node +const http = require('http'); +const projectPackage = require('../package.json'); + +const { version, name } = projectPackage; +const options = { + method: 'PUT', + hostname: 'uipaas-node.alibaba-inc.com', + path: '/staticAssets/cdn/packages', + headers: { + 'Content-Type': 'application/json', + Cookie: 'locale=en-us', + }, + maxRedirects: 20, +}; + +const onResponse = function (res) { + const chunks = []; + res.on('data', (chunk) => { + chunks.push(chunk); + }); + + res.on('end', () => { + const body = Buffer.concat(chunks); + console.table(JSON.stringify(JSON.parse(body.toString()), null, 2)); + }); + + res.on('error', (error) => { + console.error(error); + }); +}; + +const req = http.request(options, onResponse); + +const postData = JSON.stringify({ + packages: [ + { + packageName: name, + version, + }, + ], + // 可以发布指定源的 npm 包,默认公网 npm + useTnpm: false, +}); + +req.write(postData); + +req.end(); \ No newline at end of file diff --git a/packages/graph-x6-materials/src/variables.scss b/packages/graph-x6-materials/src/variables.scss new file mode 100644 index 00000000..3f74226b --- /dev/null +++ b/packages/graph-x6-materials/src/variables.scss @@ -0,0 +1,3 @@ +@import '~@alifd/next/variables.scss'; + +$biz-css-prefix: '.bizpack'; diff --git a/packages/graph-x6-materials/src/variables.tsx b/packages/graph-x6-materials/src/variables.tsx new file mode 100644 index 00000000..5ffa6c7e --- /dev/null +++ b/packages/graph-x6-materials/src/variables.tsx @@ -0,0 +1,3 @@ +const bizCssPrefix = 'bizpack'; + +export { bizCssPrefix }; diff --git a/packages/graph-x6-materials/tsconfig.json b/packages/graph-x6-materials/tsconfig.json new file mode 100644 index 00000000..78d61489 --- /dev/null +++ b/packages/graph-x6-materials/tsconfig.json @@ -0,0 +1,27 @@ +{ + "compileOnSave": false, + "buildOnSave": false, + "compilerOptions": { + "allowSyntheticDefaultImports": true, + "esModuleInterop": true, + "outDir": "build", + "module": "esnext", + "target": "es6", + "jsx": "react", + "moduleResolution": "node", + "lib": ["es6", "dom"], + "sourceMap": true, + "allowJs": true, + "noUnusedLocals": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "skipLibCheck": true, + "paths": { + "@/*": ["./src/*"] + }, + "baseUrl": "./" + }, + "include": ["src/*.ts", "src/*.tsx", "src/**/*.ts", "src/**/*.tsx"], + "exclude": ["node_modules", "build", "public"] +} From 2fb029245524085e25ad6fc0b5664f5c9d88b8c5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=9C=E5=98=89?= <591687284@qq.com> Date: Wed, 22 Mar 2023 10:26:47 +0800 Subject: [PATCH 5/6] =?UTF-8?q?fix:=20=E4=BB=A3=E7=A0=81style=E8=A7=84?= =?UTF-8?q?=E8=8C=83,=20=E5=88=A0=E9=99=A4.umi=E7=BC=96=E8=AF=91=E5=8F=98?= =?UTF-8?q?=E6=9B=B4=20=E6=B7=BB=E5=8A=A0ignore?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/fusion-ui/.gitignore | 2 +- .../docs/src/.umi/core/devScripts.ts | 53 - .../fusion-ui/docs/src/.umi/core/history.ts | 21 - .../fusion-ui/docs/src/.umi/core/plugin.ts | 8 - .../docs/src/.umi/core/pluginConfig.d.ts | 305 -- .../docs/src/.umi/core/pluginRegister.ts | 5 - .../fusion-ui/docs/src/.umi/core/polyfill.ts | 4 - .../fusion-ui/docs/src/.umi/core/routes.ts | 790 ---- .../docs/src/.umi/core/umiExports.ts | 3 - .../fusion-ui/docs/src/.umi/dumi/apis.json | 3911 ----------------- .../fusion-ui/docs/src/.umi/dumi/config.json | 252 -- .../docs/src/.umi/dumi/demos/index.ts | 583 --- .../fusion-ui/docs/src/.umi/dumi/layout.tsx | 8 - packages/fusion-ui/docs/src/.umi/umi.ts | 59 - packages/fusion-ui/lowcode/area-chart/meta.ts | 1 - packages/fusion-ui/lowcode/bar-chart/meta.ts | 1 - 16 files changed, 1 insertion(+), 6005 deletions(-) delete mode 100644 packages/fusion-ui/docs/src/.umi/core/devScripts.ts delete mode 100644 packages/fusion-ui/docs/src/.umi/core/history.ts delete mode 100644 packages/fusion-ui/docs/src/.umi/core/plugin.ts delete mode 100644 packages/fusion-ui/docs/src/.umi/core/pluginConfig.d.ts delete mode 100644 packages/fusion-ui/docs/src/.umi/core/pluginRegister.ts delete mode 100644 packages/fusion-ui/docs/src/.umi/core/polyfill.ts delete mode 100644 packages/fusion-ui/docs/src/.umi/core/routes.ts delete mode 100644 packages/fusion-ui/docs/src/.umi/core/umiExports.ts delete mode 100644 packages/fusion-ui/docs/src/.umi/dumi/apis.json delete mode 100644 packages/fusion-ui/docs/src/.umi/dumi/config.json delete mode 100644 packages/fusion-ui/docs/src/.umi/dumi/demos/index.ts delete mode 100644 packages/fusion-ui/docs/src/.umi/dumi/layout.tsx delete mode 100644 packages/fusion-ui/docs/src/.umi/umi.ts diff --git a/packages/fusion-ui/.gitignore b/packages/fusion-ui/.gitignore index a7e3a33e..e2e8f1f1 100644 --- a/packages/fusion-ui/.gitignore +++ b/packages/fusion-ui/.gitignore @@ -25,4 +25,4 @@ yarn.lock storybook-static/ -./docs/src/.umi/ \ No newline at end of file +docs/src/.umi/ \ No newline at end of file diff --git a/packages/fusion-ui/docs/src/.umi/core/devScripts.ts b/packages/fusion-ui/docs/src/.umi/core/devScripts.ts deleted file mode 100644 index c001ce6d..00000000 --- a/packages/fusion-ui/docs/src/.umi/core/devScripts.ts +++ /dev/null @@ -1,53 +0,0 @@ -// @ts-nocheck - -if (window.g_initWebpackHotDevClient) { - function tryApplyUpdates(onHotUpdateSuccess?: Function) { - // @ts-ignore - if (!module.hot) { - window.location.reload(); - return; - } - - function isUpdateAvailable() { - // @ts-ignore - return window.g_getMostRecentCompilationHash() !== __webpack_hash__; - } - - // TODO: is update available? - // @ts-ignore - if (!isUpdateAvailable() || module.hot.status() !== 'idle') { - return; - } - - function handleApplyUpdates(err: Error | null, updatedModules: any) { - if (err || !updatedModules || window.g_getHadRuntimeError()) { - window.location.reload(); - return; - } - - onHotUpdateSuccess?.(); - - if (isUpdateAvailable()) { - // While we were updating, there was a new update! Do it again. - tryApplyUpdates(); - } - } - - // @ts-ignore - module.hot.check(true).then( - function (updatedModules: any) { - handleApplyUpdates(null, updatedModules); - }, - function (err: Error) { - handleApplyUpdates(err, null); - }, - ); - } - - window.g_initWebpackHotDevClient({ - tryApplyUpdates, - }); -} - -export const __mfsu = 1; - \ No newline at end of file diff --git a/packages/fusion-ui/docs/src/.umi/core/history.ts b/packages/fusion-ui/docs/src/.umi/core/history.ts deleted file mode 100644 index 9ee86366..00000000 --- a/packages/fusion-ui/docs/src/.umi/core/history.ts +++ /dev/null @@ -1,21 +0,0 @@ -// @ts-nocheck -import { createBrowserHistory, History } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/runtime'; - -let options = { - "basename": "/" -}; -if ((window).routerBase) { - options.basename = (window).routerBase; -} - -// remove initial history because of ssr -let history: History = process.env.__IS_SERVER ? null : createBrowserHistory(options); -export const createHistory = (hotReload = false) => { - if (!hotReload) { - history = createBrowserHistory(options); - } - - return history; -}; - -export { history }; diff --git a/packages/fusion-ui/docs/src/.umi/core/plugin.ts b/packages/fusion-ui/docs/src/.umi/core/plugin.ts deleted file mode 100644 index d2d5738a..00000000 --- a/packages/fusion-ui/docs/src/.umi/core/plugin.ts +++ /dev/null @@ -1,8 +0,0 @@ -// @ts-nocheck -import { Plugin } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/runtime'; - -const plugin = new Plugin({ - validKeys: ['modifyClientRenderOpts','patchRoutes','rootContainer','render','onRouteChange','__mfsu',], -}); - -export { plugin }; diff --git a/packages/fusion-ui/docs/src/.umi/core/pluginConfig.d.ts b/packages/fusion-ui/docs/src/.umi/core/pluginConfig.d.ts deleted file mode 100644 index a81f88a6..00000000 --- a/packages/fusion-ui/docs/src/.umi/core/pluginConfig.d.ts +++ /dev/null @@ -1,305 +0,0 @@ -// Created by Umi Plugin - -export interface IConfigFromPlugins { -"404"?: boolean -routes?: { -/** - * Any valid URL path - */ -path?: string -/** - * A React component to render only when the location matches. - */ -component?: (string | (() => any)) -wrappers?: string[] -/** - * navigate to a new location - */ -redirect?: string -/** - * When true, the active class/style will only be applied if the location is matched exactly. - */ -exact?: boolean -routes?: any[] -[k: string]: any -}[] -history?: { -type?: ("browser" | "hash" | "memory") -options?: { - -} -} -polyfill?: { -imports?: string[] -} -alias?: { - -} -analyze?: { -analyzerMode?: ("server" | "static" | "disabled") -analyzerHost?: string -analyzerPort?: any -openAnalyzer?: boolean -generateStatsFile?: boolean -statsFilename?: string -logLevel?: ("info" | "warn" | "error" | "silent") -defaultSizes?: ("stat" | "parsed" | "gzip") -[k: string]: any -} -/** - * postcss autoprefixer, default flexbox: no-2009 - */ -autoprefixer?: { - -} -base?: string -chainWebpack?: (() => any) -chunks?: string[] -/** - * more css-loader options see https://webpack.js.org/loaders/css-loader/#options - */ -cssLoader?: { -url?: (boolean | (() => any)) -import?: (boolean | (() => any)) -modules?: (boolean | string | { - -}) -sourceMap?: boolean -importLoaders?: number -onlyLocals?: boolean -esModule?: boolean -localsConvention?: ("asIs" | "camelCase" | "camelCaseOnly" | "dashes" | "dashesOnly") -} -cssModulesTypescriptLoader?: { -mode?: ("emit" | "verify") -} -cssnano?: { - -} -copy?: any[] -define?: { - -} -devScripts?: { - -} -/** - * devServer configs - */ -devServer?: { -/** - * devServer port, default 8000 - */ -port?: number -host?: string -https?: ({ -key?: string -cert?: string -[k: string]: any -} | boolean) -headers?: { - -} -writeToDisk?: (boolean | (() => any)) -[k: string]: any -} -devtool?: string -/** - * Code splitting for performance optimization - */ -dynamicImport?: { -/** - * loading the component before loaded - */ -loading?: string -} -/** - * Code splitting for import statement syntax - */ -dynamicImportSyntax?: { - -} -exportStatic?: { -htmlSuffix?: boolean -dynamicRoot?: boolean -supportWin?: boolean -/** - * extra render paths only enable in ssr - */ -extraRoutePaths?: (() => any) -} -externals?: ({ - -} | string | (() => any)) -extraBabelIncludes?: any[] -extraBabelPlugins?: any[] -extraBabelPresets?: any[] -extraPostCSSPlugins?: any[] -/** - * fork-ts-checker-webpack-plugin options see https://github.com/TypeStrong/fork-ts-checker-webpack-plugin#options - */ -forkTSChecker?: { -async?: boolean -typescript?: (boolean | { - -}) -eslint?: { - -} -issue?: { - -} -formatter?: (string | { - -}) -logger?: { - -} -[k: string]: any -} -fastRefresh?: { - -} -hash?: boolean -ignoreMomentLocale?: boolean -inlineLimit?: number -lessLoader?: { - -} -manifest?: { -fileName?: string -publicPath?: "" -basePath?: string -writeToFileEmit?: boolean -} -/** - * open mfsu feature - */ -mfsu?: { -development?: { -output?: string -} -production?: { -output?: string -} -mfName?: string -exportAllMembers?: { - -} -chunks?: string[] -ignoreNodeBuiltInModules?: boolean -} -mountElementId?: "" -mpa?: { - -} -nodeModulesTransform?: { -type?: ("all" | "none") -exclude?: string[] -} -outputPath?: "" -plugins?: string[] -postcssLoader?: { - -} -presets?: string[] -proxy?: { - -} -publicPath?: string -runtimePublicPath?: boolean -ssr?: { -/** - * force execing Page getInitialProps functions - */ -forceInitial?: boolean -/** - * remove window.g_initialProps in html - */ -removeWindowInitialProps?: boolean -/** - * disable serve-side render in umi dev mode. - */ -devServerRender?: boolean -mode?: ("stream" | "string") -/** - * static markup in static site - */ -staticMarkup?: boolean -} -singular?: boolean -styleLoader?: { - -} -targets?: { - -} -terserOptions?: { - -} -theme?: { - -} -runtimeHistory?: { - -} -webpack5?: { -lazyCompilation?: { -entries?: boolean -imports?: boolean -test?: any -} -} -workerLoader?: { - -} -favicon?: string -headScripts?: any[] -links?: any[] -metas?: any[] -scripts?: any[] -styles?: any[] -title?: string -mock?: { -exclude?: string[] -} -themeConfig?: { - -} -logo?: (string | boolean) -mode?: any -description?: string -locales?: string[][] -resolve?: { - -} -menus?: { - -} -navs?: (any[] | { - -}) -algolia?: { -appId?: string -apiKey?: string -indexName?: string -debug?: boolean -} -sitemap?: { -hostname?: string -excludes?: string[] -} -apiParser?: { - -} -sass?: { -implementation?: any -sassOptions?: { - -} -prependData?: (string | (() => any)) -sourceMap?: boolean -webpackImporter?: boolean -} -[k: string]: any -} diff --git a/packages/fusion-ui/docs/src/.umi/core/pluginRegister.ts b/packages/fusion-ui/docs/src/.umi/core/pluginRegister.ts deleted file mode 100644 index 408d7959..00000000 --- a/packages/fusion-ui/docs/src/.umi/core/pluginRegister.ts +++ /dev/null @@ -1,5 +0,0 @@ -// @ts-nocheck -import { plugin } from './plugin'; - - -export const __mfsu = 1; diff --git a/packages/fusion-ui/docs/src/.umi/core/polyfill.ts b/packages/fusion-ui/docs/src/.umi/core/polyfill.ts deleted file mode 100644 index ed222a0d..00000000 --- a/packages/fusion-ui/docs/src/.umi/core/polyfill.ts +++ /dev/null @@ -1,4 +0,0 @@ -// @ts-nocheck -import 'core-js'; -import 'regenerator-runtime/runtime'; -export {}; diff --git a/packages/fusion-ui/docs/src/.umi/core/routes.ts b/packages/fusion-ui/docs/src/.umi/core/routes.ts deleted file mode 100644 index 056be1cb..00000000 --- a/packages/fusion-ui/docs/src/.umi/core/routes.ts +++ /dev/null @@ -1,790 +0,0 @@ -// @ts-nocheck -import React from 'react'; -import { ApplyPluginsType, dynamic } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/runtime'; -import * as umiExports from './umiExports'; -import { plugin } from './plugin'; - -export function getRoutes() { - const routes = [ - { - "path": "/~demos/:uuid", - "layout": false, - "wrappers": [dynamic({ loader: () => import(/* webpackChunkName: 'wrappers' */'../dumi/layout')})], - "component": ((props) => dynamic({ - loader: async () => { - const React = await import('react'); - const { default: getDemoRenderArgs } = await import(/* webpackChunkName: 'dumi_demos' */ '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/preset-dumi/lib/plugins/features/demo/getDemoRenderArgs'); - const { default: Previewer } = await import(/* webpackChunkName: 'dumi_demos' */ 'dumi-theme-default/es/builtins/Previewer'); - const { usePrefersColor, context } = await import(/* webpackChunkName: 'dumi_demos' */ 'dumi/theme'); - - return props => { - - const { demos } = React.useContext(context); - const [renderArgs, setRenderArgs] = React.useState([]); - - // update render args when props changed - React.useLayoutEffect(() => { - setRenderArgs(getDemoRenderArgs(props, demos)); - }, [props.match.params.uuid, props.location.query.wrapper, props.location.query.capture]); - - // for listen prefers-color-schema media change in demo single route - usePrefersColor(); - - switch (renderArgs.length) { - case 1: - // render demo directly - return renderArgs[0]; - - case 2: - // render demo with previewer - return React.createElement( - Previewer, - renderArgs[0], - renderArgs[1], - ); - - default: - return `Demo ${props.match.params.uuid} not found :(`; - } - - } - }, - loading: () => null, - }))() - }, - { - "path": "/_demos/:uuid", - "redirect": "/~demos/:uuid" - }, - { - "__dumiRoot": true, - "layout": false, - "path": "/", - "wrappers": [dynamic({ loader: () => import(/* webpackChunkName: 'wrappers' */'../dumi/layout')}), dynamic({ loader: () => import(/* webpackChunkName: 'wrappers' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/.dumi/theme/layout.tsx')})], - "routes": [ - { - "path": "/bar-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'BarChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/BarChart/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/BarChart/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/bar-chart", - "title": "BarChart" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/column-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ColumnChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ColumnChart/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/ColumnChart/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/column-chart", - "title": "ColumnChart" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/donut-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'DonutChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/DonutChart/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/DonutChart/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基本用法", - "heading": "基本用法" - }, - { - "depth": 3, - "value": "显示百分比", - "heading": "显示百分比" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/donut-chart", - "title": "DonutChart" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/edit-table", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'EditTable__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/EditTable/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/EditTable/index.md", - "updatedTime": 1670561199000, - "componentName": "EditTable", - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/edit-table", - "title": "EditTable" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/expand-table", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ExpandTable__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ExpandTable/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/ExpandTable/index.md", - "updatedTime": 1670561199000, - "componentName": "ExpandTable", - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/expand-table", - "title": "ExpandTable" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/filter", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'Filter__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/Filter/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/Filter/index.md", - "updatedTime": 1670561199000, - "componentName": "Filter", - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/filter", - "title": "Filter" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/group-table", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'GroupTable__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/GroupTable/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/GroupTable/index.md", - "updatedTime": 1670561199000, - "componentName": "GroupTable", - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/group-table", - "title": "GroupTable" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/line-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'LineChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/LineChart/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基础用法", - "heading": "基础用法" - }, - { - "depth": 3, - "value": "缩略轴", - "heading": "缩略轴" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/line-chart", - "title": "LineChart" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/page-header", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'PageHeader__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/PageHeader/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基础用法", - "heading": "基础用法" - }, - { - "depth": 3, - "value": "面包屑用法", - "heading": "面包屑用法" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/page-header", - "title": "PageHeader" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/pie-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'PieChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/PieChart/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基础用法", - "heading": "基础用法" - }, - { - "depth": 3, - "value": "标签显示百分比", - "heading": "标签显示百分比" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/pie-chart", - "title": "PieChart" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/pro-dialog", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProDialog__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/ProDialog/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基本用法", - "heading": "基本用法" - }, - { - "depth": 3, - "value": "长文本", - "heading": "长文本" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/pro-dialog", - "title": "ProDialog" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/pro-drawer", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProDrawer__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDrawer/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/ProDrawer/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基本用法", - "heading": "基本用法" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/pro-drawer", - "title": "ProDrawer" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/pro-form", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProForm__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/ProForm/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基本用法", - "heading": "基本用法" - }, - { - "depth": 3, - "value": "操作按钮用法", - "heading": "操作按钮用法" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/pro-form", - "title": "ProForm" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/pro-table", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'ProTable__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProTable/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/ProTable/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基本用法", - "heading": "基本用法" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/pro-table", - "title": "ProTable" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/step-form", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'StepForm__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/StepForm/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/StepForm/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基本用法", - "heading": "基本用法" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/step-form", - "title": "StepForm" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/tab-container", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'TabContainer__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/TabContainer/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/TabContainer/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 3, - "value": "基本用法", - "heading": "基本用法" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/tab-container", - "title": "TabContainer" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/anchor-form", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'anchorForm__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/anchorForm/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/anchorForm/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/anchor-form", - "title": "AnchorForm" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/area-chart", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'areaChart__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/areaChart/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/areaChart/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/area-chart", - "title": "AreaChart" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - }, - { - "path": "/child-form", - "component": dynamic({ loader: () => import(/* webpackChunkName: 'childForm__index.md' */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/childForm/index.md')}), - "exact": true, - "meta": { - "filePath": "docs/src/childForm/index.md", - "updatedTime": 1670561199000, - "slugs": [ - { - "depth": 2, - "value": "何时使用", - "heading": "何时使用" - }, - { - "depth": 2, - "value": "示例", - "heading": "示例" - }, - { - "depth": 2, - "value": "API", - "heading": "api" - } - ], - "title": "何时使用", - "hasPreviewer": true, - "group": { - "path": "/child-form", - "title": "ChildForm" - } - }, - "title": "何时使用 - @alifd/fusion-ui" - } - ], - "title": "@alifd/fusion-ui", - "component": (props) => props.children - } -]; - - // allow user to extend routes - plugin.applyPlugins({ - key: 'patchRoutes', - type: ApplyPluginsType.event, - args: { routes }, - }); - - return routes; -} diff --git a/packages/fusion-ui/docs/src/.umi/core/umiExports.ts b/packages/fusion-ui/docs/src/.umi/core/umiExports.ts deleted file mode 100644 index 5264c42c..00000000 --- a/packages/fusion-ui/docs/src/.umi/core/umiExports.ts +++ /dev/null @@ -1,3 +0,0 @@ -// @ts-nocheck -export { history } from './history'; -export { plugin } from './plugin'; diff --git a/packages/fusion-ui/docs/src/.umi/dumi/apis.json b/packages/fusion-ui/docs/src/.umi/dumi/apis.json deleted file mode 100644 index f59d71b4..00000000 --- a/packages/fusion-ui/docs/src/.umi/dumi/apis.json +++ /dev/null @@ -1,3911 +0,0 @@ -{ - "bar-chart": { - "BarChart": [ - { - "identifier": "colorField", - "description": "请使用seriesField替代", - "type": "any" - }, - { - "identifier": "legend", - "description": "图例", - "type": "LengendAPIOptions" - }, - { - "identifier": "tooltip", - "description": "图表提示框", - "type": "TooltipAPIOptions" - }, - { - "identifier": "label", - "description": "数据标注label", - "type": "LabelAPIOptions" - }, - { - "identifier": "barSize", - "description": "条形的宽度,如设置该属性值,则宽度固定不自动调整", - "type": "number" - }, - { - "identifier": "stackField", - "description": "旧版api,即将废弃 请使用seriesField替代", - "type": "string" - }, - { - "identifier": "onGetG2Instance", - "description": "获取g2Plot实例的勾子函数", - "type": "(chart: Plot) => void" - }, - { - "identifier": "errorContent", - "type": "ReactNode" - }, - { - "identifier": "events", - "description": "图表事件", - "type": "Record" - }, - { - "identifier": "title", - "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "description", - "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "forceFit", - "description": "请使用autoFit替代forceFit", - "type": "boolean" - }, - { - "identifier": "isMaterial", - "description": "是否是物料组件,因搭建引擎消费ref和原来的组件吐的react实例不兼容。\n该属性会影响ref的消费,为ali-lowcode-engine消费而生。", - "type": "boolean" - } - ] - }, - "column-chart": { - "ColumnChart": [ - { - "identifier": "colorField", - "description": "请使用seriesField替代", - "type": "string" - }, - { - "identifier": "legend", - "description": "图例", - "type": "LengendAPIOptions" - }, - { - "identifier": "tooltip", - "description": "图表提示框", - "type": "TooltipAPIOptions" - }, - { - "identifier": "label", - "description": "数据标注label", - "type": "LabelAPIOptions" - }, - { - "identifier": "stackField", - "description": "旧版api,即将废弃 请使用seriesField替代", - "type": "string" - }, - { - "identifier": "onGetG2Instance", - "description": "获取g2Plot实例的勾子函数", - "type": "(chart: Plot) => void" - }, - { - "identifier": "errorContent", - "type": "ReactNode" - }, - { - "identifier": "events", - "description": "图表事件", - "type": "Record" - }, - { - "identifier": "title", - "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "description", - "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "forceFit", - "description": "请使用autoFit替代forceFit", - "type": "boolean" - }, - { - "identifier": "isMaterial", - "description": "是否是物料组件,因搭建引擎消费ref和原来的组件吐的react实例不兼容。\n该属性会影响ref的消费,为ali-lowcode-engine消费而生。", - "type": "boolean" - } - ] - }, - "donut-chart": { - "DonutChart": [ - { - "identifier": "legend", - "description": "图例", - "type": "LengendAPIOptions" - }, - { - "identifier": "tooltip", - "description": "图表提示框", - "type": "TooltipAPIOptions" - }, - { - "identifier": "label", - "description": "数据标注label", - "type": "LabelAPIOptions" - }, - { - "identifier": "onGetG2Instance", - "description": "获取g2Plot实例的勾子函数", - "type": "(chart: Plot) => void" - }, - { - "identifier": "errorContent", - "type": "ReactNode" - }, - { - "identifier": "events", - "description": "图表事件", - "type": "Record" - }, - { - "identifier": "title", - "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "description", - "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "forceFit", - "description": "请使用autoFit替代forceFit", - "type": "boolean" - }, - { - "identifier": "isMaterial", - "description": "是否是物料组件,因搭建引擎消费ref和原来的组件吐的react实例不兼容。\n该属性会影响ref的消费,为ali-lowcode-engine消费而生。", - "type": "boolean" - } - ] - }, - "edit-table": { - "EditTable": [ - { - "identifier": "addPosition", - "type": "\"end\" | \"start\"" - }, - { - "identifier": "onSave", - "type": "(rowIndex: number, record: Record, dataSource: any[]) => void" - }, - { - "identifier": "onRemove", - "type": "(rowIndex: number, record: Record, dataSource: any[]) => void" - }, - { - "identifier": "onCancel", - "type": "(rowIndex: number, record: Record, dataSource: any[]) => void" - }, - { - "identifier": "actionBarButtons", - "description": "表格操作栏按钮", - "type": "ProTableActionBarButtons" - }, - { - "identifier": "settingButtons", - "description": "表格设置按钮", - "type": "boolean | ProTableSettingButtonType[]", - "default": "false" - }, - { - "identifier": "columnsSetting", - "description": "列设置", - "type": "Record" - }, - { - "identifier": "defaultColumnsSetting", - "description": "默认列设置", - "type": "Record" - }, - { - "identifier": "onColumnsSettingChange", - "description": "设置改变时的回调", - "type": "(newSetting: Record, actionType: ProTableSettingActionType) => void" - }, - { - "identifier": "onFullscreenStateChange", - "description": "全屏状态变化回调", - "type": "(fullscreenState: boolean) => void" - }, - { - "identifier": "isExpandedChild", - "description": "是否是子母表的子表", - "type": "boolean", - "default": "false" - }, - { - "identifier": "paginationProps", - "type": "Record" - }, - { - "identifier": "actionBarLeft", - "description": "操作条左侧槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarRight", - "description": "操作条右侧槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarBefore", - "description": "操作条前槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarAfter", - "description": "操作条后槽位", - "type": "ReactNode" - }, - { - "identifier": "table", - "description": "表格内槽位", - "type": "ReactNode" - }, - { - "identifier": "tableAfter", - "type": "ReactNode" - }, - { - "identifier": "columns", - "description": "表格列设置", - "type": "ProTableColumnProps[]" - }, - { - "identifier": "onSort", - "description": "点击列排序触发的事件", - "type": "(dataIndex: string, order: SortValue, sort: Record) => void" - }, - { - "identifier": "rowSelection", - "description": "是否启用选择模式\nhttps://yuque.antfin-inc.com/docs/share/34ec077c-14d5-4408-bfd4-d2827bfd87ec", - "type": "{ ref?: MutableRefObject; getProps?: (record: Record, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" - }, - { - "identifier": "onRowClick", - "description": "点击表格每一行触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onRowMouseEnter", - "description": "悬浮在表格每一行的时候触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onRowMouseLeave", - "description": "离开表格每一行的时候触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onFilter", - "description": "点击列排序触发的事件", - "type": "(filterParams: Record) => void" - }, - { - "identifier": "onResizeChange", - "description": "重设列尺寸的时候触发的事件", - "type": "(dataIndex: string, value: number) => void" - }, - { - "identifier": "getRowProps", - "description": "设置每一行的属性,如果返回值和其他针对行操作的属性冲突则无效。", - "type": "(record: any, index: number) => any" - }, - { - "identifier": "rowProps", - "type": "(record: any, index: number) => any" - }, - { - "identifier": "getCellProps", - "description": "设置单元格的属性,通过该属性可以进行合并单元格", - "type": "(rowIndex: number, colIndex: number, dataIndex: string, record: any) => any" - }, - { - "identifier": "cellProps", - "type": "(rowIndex: number, colIndex: number, dataIndex: string, record: any) => any" - }, - { - "identifier": "loadingComponent", - "description": "自定义 Loading 组件\n请务必传递 props, 使用方式: loadingComponent={props => }", - "type": "(props: LoadingProps) => ReactNode" - }, - { - "identifier": "filterParams", - "description": "当前过滤的的keys,使用此属性可以控制表格的头部的过滤选项中哪个菜单被选中,格式为 {dataIndex: {selectedKeys:[]}}\n示例:\n假设要控制dataIndex为id的列的过滤菜单中key为one的菜单项选中\n``", - "type": "Record" - }, - { - "identifier": "sort", - "description": "排序值", - "type": "Record" - }, - { - "identifier": "sortIcons", - "description": "自定义排序按钮,例如上下排布的: `{desc: , asc: }`", - "type": "{ desc?: ReactNode; asc?: ReactNode; }" - }, - { - "identifier": "expandedRowRender", - "description": "额外渲染行的渲染函数", - "type": "(record: any, index: number) => ReactElement ReactElement) | (new (props: any) => Component)>" - }, - { - "identifier": "rowExpandable", - "type": "(record: any) => boolean" - }, - { - "identifier": "expandedRowIndent", - "description": "额外渲染行的缩进,包含两个数字,第一个数字为左侧缩进,第二个数字为右侧缩进", - "type": "[number, number]" - }, - { - "identifier": "openRowKeys", - "description": "默认情况下展开的渲染行或者Tree, 传入此属性为受控状态", - "type": "any[]" - }, - { - "identifier": "hasExpandedRowCtrl", - "description": "是否显示点击展开额外渲染行的+号按钮", - "type": "boolean" - }, - { - "identifier": "getExpandedColProps", - "description": "设置额外渲染行的属性", - "type": "(record: IRecord, index: number) => object | Record" - }, - { - "identifier": "onRowOpen", - "description": "在额外渲染行或者Tree展开或者收起的时候触发的事件", - "type": "(openRowKeys: any[], currentRowKey: string, expanded: boolean, currentRecord: any) => void" - }, - { - "identifier": "onExpandedRowClick", - "description": "点击额外渲染行触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "fixedHeader", - "description": "表头是否固定,该属性配合maxBodyHeight使用,当内容区域的高度超过maxBodyHeight的时候,在内容区域会出现滚动条", - "type": "boolean" - }, - { - "identifier": "maxBodyHeight", - "description": "最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条", - "type": "ReactText" - }, - { - "identifier": "stickyHeader", - "description": "表头是否是sticky", - "type": "boolean" - }, - { - "identifier": "offsetTop", - "description": "距离窗口顶部达到指定偏移量后触发", - "type": "number" - }, - { - "identifier": "affixProps", - "description": "affix组件的的属性", - "type": "AffixProps" - }, - { - "identifier": "indent", - "description": "在tree模式下的缩进尺寸, 仅在isTree为true时候有效", - "type": "number" - }, - { - "identifier": "isTree", - "description": "开启Table的tree模式, 接收的数据格式中包含children则渲染成tree table", - "type": "boolean" - }, - { - "identifier": "useVirtual", - "description": "是否开启虚拟滚动", - "type": "boolean" - }, - { - "identifier": "scrollToRow", - "description": "滚动到指定行", - "type": "number" - }, - { - "identifier": "rowHeight", - "description": "设置行高", - "type": "number | (() => any)" - }, - { - "identifier": "onBodyScroll", - "description": "在内容区域滚动的时候触发的函数", - "type": "(start: number) => void" - }, - { - "identifier": "expandedIndexSimulate", - "description": "开启时,getExpandedColProps() / getRowProps() / expandedRowRender() 的第二个参数 index (该行所对应的序列) 将按照01,2,3,4...的顺序返回,否则返回真实index(0,2,4,6... / 1,3,5,7...)", - "type": "boolean" - }, - { - "identifier": "crossline", - "description": "在 hover 时出现十字参考轴,适用于表头比较复杂,需要做表头分类的场景。", - "type": "boolean" - }, - { - "identifier": "size", - "description": "尺寸 small为紧凑模式", - "type": "\"small\" | \"medium\"" - }, - { - "identifier": "tableLayout", - "description": "表格元素的 table-layout 属性,设为 fixed 表示内容不会影响列的布局", - "type": "\"fixed\" | \"auto\"" - }, - { - "identifier": "tableWidth", - "description": "表格的总长度,可以这么用:设置表格总长度 、设置部分列的宽度,这样表格会按照剩余空间大小,自动其他列分配宽度", - "type": "number" - }, - { - "identifier": "dataSource", - "description": "表格展示的数据源", - "type": "any[]" - }, - { - "identifier": "hasBorder", - "description": "表格是否具有边框", - "type": "boolean" - }, - { - "identifier": "hasHeader", - "description": "表格是否具有头部", - "type": "boolean" - }, - { - "identifier": "isZebra", - "description": "表格是否是斑马线", - "type": "boolean" - }, - { - "identifier": "loading", - "description": "表格是否在加载中", - "type": "boolean" - }, - { - "identifier": "locale", - "description": "自定义国际化文案对象", - "type": "{ ok: string; reset: string; empty: string; asc: string; desc: string; expanded: string; folded: string; filter: string; selectAll: string; }" - }, - { - "identifier": "emptyContent", - "description": "设置数据为空的时候的表格内容展现", - "type": "ReactNode" - }, - { - "identifier": "primaryKey", - "description": "dataSource当中数据的主键,如果给定的数据源中的属性不包含该主键,会造成选择状态全部选中", - "type": "string" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - }, - { - "identifier": "columnKey", - "description": "指定列唯一的标识,一般不需要设置", - "type": "\"dataIndex\" | \"key\"", - "default": "key" - }, - { - "identifier": "resizable", - "description": "可以调整大小", - "type": "boolean" - }, - { - "identifier": "sortMode", - "description": "排序模式是单列还是多列", - "type": "\"single\" | \"multiple\"", - "default": "'multiple'" - }, - { - "identifier": "searchParams", - "type": "Record" - }, - { - "identifier": "onSearch", - "description": "点击列搜索触发的事件", - "type": "(searchParams: Record) => void" - }, - { - "identifier": "columnFilters", - "type": "Record" - }, - { - "identifier": "onColumnsFilterChange", - "type": "(newValue: Record, oldValue: Record, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" - }, - { - "identifier": "groupHeader", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupHeaderProps" - }, - { - "identifier": "groupFooter", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupFooterProps" - }, - { - "identifier": "stickyLock", - "description": "是否设置 Table 为 Table.stickyLock", - "type": "boolean" - }, - { - "identifier": "indexColumn", - "description": "序号列", - "type": "boolean" - }, - { - "identifier": "indexColumnProps", - "description": "序号列props", - "type": "Partial" - }, - { - "identifier": "actionColumnProps", - "description": "操作列配置覆盖", - "type": "Partial" - }, - { - "identifier": "actionColumnButtons", - "description": "操作列按钮组", - "type": "ProTableActionColumnButtons" - }, - { - "identifier": "actionColumn", - "description": "操作列按钮配置列表\n@deprecated 使用 actionColumnButtons", - "type": "ActionColumnButton[]" - }, - { - "identifier": "actionButtonGroupProps", - "description": "操作列按钮组的props\n@deprecated 使用 actionColumnButtons", - "type": "any" - }, - { - "identifier": "actionColumnPredication", - "description": "自定义列操作\n@deprecated 使用 actionColumnButtons", - "type": "(payload: { actionColumn?: any[]; index: number; record: any; }) => ActionColumnButton[]" - }, - { - "identifier": "onActionColumnClick", - "description": "操作列点击触发事件\n@deprecated 使用 actionColumnButtons", - "type": "(payload: { currentActionKey: string; selectedRowKey: string; record: any; }) => void" - }, - { - "identifier": "totalDataSource", - "description": "总计数据源, 传入后显示总计行, 统计行需要", - "type": "Record" - }, - { - "identifier": "cellDefault", - "description": "单元格没值时缺省值\n设置优先级: 列配置 > 列类型提供值 > 表格", - "type": "ReactNode", - "default": "''" - }, - { - "identifier": "cellTooltipMode", - "description": "单元格tooltip显示逻辑\n设置优先级: 列配置 > 列类型提供值 > 表格\n- ellipsis 在显示省略号时显示tooltip\n- none 不显示tooltip", - "type": "\"none\" | \"ellipsis\"", - "default": "'none'" - } - ] - }, - "expand-table": { - "ExpandTable": [ - { - "identifier": "dataSource", - "description": "表格数据源", - "type": "ExpandTableDataProps[]" - }, - { - "identifier": "actionBarButtons", - "description": "表格操作栏按钮", - "type": "ProTableActionBarButtons" - }, - { - "identifier": "settingButtons", - "description": "表格设置按钮", - "type": "boolean | ProTableSettingButtonType[]", - "default": "false" - }, - { - "identifier": "columnsSetting", - "description": "列设置", - "type": "Record" - }, - { - "identifier": "defaultColumnsSetting", - "description": "默认列设置", - "type": "Record" - }, - { - "identifier": "onColumnsSettingChange", - "description": "设置改变时的回调", - "type": "(newSetting: Record, actionType: ProTableSettingActionType) => void" - }, - { - "identifier": "onFullscreenStateChange", - "description": "全屏状态变化回调", - "type": "(fullscreenState: boolean) => void" - }, - { - "identifier": "isExpandedChild", - "description": "是否是子母表的子表", - "type": "boolean", - "default": "false" - }, - { - "identifier": "paginationProps", - "type": "Record" - }, - { - "identifier": "actionBarLeft", - "description": "操作条左侧槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarRight", - "description": "操作条右侧槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarBefore", - "description": "操作条前槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarAfter", - "description": "操作条后槽位", - "type": "ReactNode" - }, - { - "identifier": "table", - "description": "表格内槽位", - "type": "ReactNode" - }, - { - "identifier": "tableAfter", - "type": "ReactNode" - }, - { - "identifier": "columns", - "description": "表格列设置", - "type": "ProTableColumnProps[]" - }, - { - "identifier": "onSort", - "description": "点击列排序触发的事件", - "type": "(dataIndex: string, order: SortValue, sort: Record) => void" - }, - { - "identifier": "rowSelection", - "description": "是否启用选择模式\nhttps://yuque.antfin-inc.com/docs/share/34ec077c-14d5-4408-bfd4-d2827bfd87ec", - "type": "{ ref?: MutableRefObject; getProps?: (record: Record, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" - }, - { - "identifier": "onRowClick", - "description": "点击表格每一行触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onRowMouseEnter", - "description": "悬浮在表格每一行的时候触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onRowMouseLeave", - "description": "离开表格每一行的时候触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onFilter", - "description": "点击列排序触发的事件", - "type": "(filterParams: Record) => void" - }, - { - "identifier": "onResizeChange", - "description": "重设列尺寸的时候触发的事件", - "type": "(dataIndex: string, value: number) => void" - }, - { - "identifier": "getRowProps", - "description": "设置每一行的属性,如果返回值和其他针对行操作的属性冲突则无效。", - "type": "(record: any, index: number) => any" - }, - { - "identifier": "rowProps", - "type": "(record: any, index: number) => any" - }, - { - "identifier": "getCellProps", - "description": "设置单元格的属性,通过该属性可以进行合并单元格", - "type": "(rowIndex: number, colIndex: number, dataIndex: string, record: any) => any" - }, - { - "identifier": "cellProps", - "type": "(rowIndex: number, colIndex: number, dataIndex: string, record: any) => any" - }, - { - "identifier": "loadingComponent", - "description": "自定义 Loading 组件\n请务必传递 props, 使用方式: loadingComponent={props => }", - "type": "(props: LoadingProps) => ReactNode" - }, - { - "identifier": "filterParams", - "description": "当前过滤的的keys,使用此属性可以控制表格的头部的过滤选项中哪个菜单被选中,格式为 {dataIndex: {selectedKeys:[]}}\n示例:\n假设要控制dataIndex为id的列的过滤菜单中key为one的菜单项选中\n`
`", - "type": "Record" - }, - { - "identifier": "sort", - "description": "排序值", - "type": "Record" - }, - { - "identifier": "sortIcons", - "description": "自定义排序按钮,例如上下排布的: `{desc: , asc: }`", - "type": "{ desc?: ReactNode; asc?: ReactNode; }" - }, - { - "identifier": "expandedRowRender", - "description": "额外渲染行的渲染函数", - "type": "(record: any, index: number) => ReactElement ReactElement) | (new (props: any) => Component)>" - }, - { - "identifier": "rowExpandable", - "type": "(record: any) => boolean" - }, - { - "identifier": "expandedRowIndent", - "description": "额外渲染行的缩进,包含两个数字,第一个数字为左侧缩进,第二个数字为右侧缩进", - "type": "[number, number]" - }, - { - "identifier": "openRowKeys", - "description": "默认情况下展开的渲染行或者Tree, 传入此属性为受控状态", - "type": "any[]" - }, - { - "identifier": "hasExpandedRowCtrl", - "description": "是否显示点击展开额外渲染行的+号按钮", - "type": "boolean" - }, - { - "identifier": "getExpandedColProps", - "description": "设置额外渲染行的属性", - "type": "(record: IRecord, index: number) => object | Record" - }, - { - "identifier": "onRowOpen", - "description": "在额外渲染行或者Tree展开或者收起的时候触发的事件", - "type": "(openRowKeys: any[], currentRowKey: string, expanded: boolean, currentRecord: any) => void" - }, - { - "identifier": "onExpandedRowClick", - "description": "点击额外渲染行触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "fixedHeader", - "description": "表头是否固定,该属性配合maxBodyHeight使用,当内容区域的高度超过maxBodyHeight的时候,在内容区域会出现滚动条", - "type": "boolean" - }, - { - "identifier": "maxBodyHeight", - "description": "最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条", - "type": "ReactText" - }, - { - "identifier": "stickyHeader", - "description": "表头是否是sticky", - "type": "boolean" - }, - { - "identifier": "offsetTop", - "description": "距离窗口顶部达到指定偏移量后触发", - "type": "number" - }, - { - "identifier": "affixProps", - "description": "affix组件的的属性", - "type": "AffixProps" - }, - { - "identifier": "indent", - "description": "在tree模式下的缩进尺寸, 仅在isTree为true时候有效", - "type": "number" - }, - { - "identifier": "isTree", - "description": "开启Table的tree模式, 接收的数据格式中包含children则渲染成tree table", - "type": "boolean" - }, - { - "identifier": "useVirtual", - "description": "是否开启虚拟滚动", - "type": "boolean" - }, - { - "identifier": "scrollToRow", - "description": "滚动到指定行", - "type": "number" - }, - { - "identifier": "rowHeight", - "description": "设置行高", - "type": "number | (() => any)" - }, - { - "identifier": "onBodyScroll", - "description": "在内容区域滚动的时候触发的函数", - "type": "(start: number) => void" - }, - { - "identifier": "expandedIndexSimulate", - "description": "开启时,getExpandedColProps() / getRowProps() / expandedRowRender() 的第二个参数 index (该行所对应的序列) 将按照01,2,3,4...的顺序返回,否则返回真实index(0,2,4,6... / 1,3,5,7...)", - "type": "boolean" - }, - { - "identifier": "crossline", - "description": "在 hover 时出现十字参考轴,适用于表头比较复杂,需要做表头分类的场景。", - "type": "boolean" - }, - { - "identifier": "size", - "description": "尺寸 small为紧凑模式", - "type": "\"small\" | \"medium\"" - }, - { - "identifier": "tableLayout", - "description": "表格元素的 table-layout 属性,设为 fixed 表示内容不会影响列的布局", - "type": "\"fixed\" | \"auto\"" - }, - { - "identifier": "tableWidth", - "description": "表格的总长度,可以这么用:设置表格总长度 、设置部分列的宽度,这样表格会按照剩余空间大小,自动其他列分配宽度", - "type": "number" - }, - { - "identifier": "hasBorder", - "description": "表格是否具有边框", - "type": "boolean" - }, - { - "identifier": "hasHeader", - "description": "表格是否具有头部", - "type": "boolean" - }, - { - "identifier": "isZebra", - "description": "表格是否是斑马线", - "type": "boolean" - }, - { - "identifier": "loading", - "description": "表格是否在加载中", - "type": "boolean" - }, - { - "identifier": "locale", - "description": "自定义国际化文案对象", - "type": "{ ok: string; reset: string; empty: string; asc: string; desc: string; expanded: string; folded: string; filter: string; selectAll: string; }" - }, - { - "identifier": "emptyContent", - "description": "设置数据为空的时候的表格内容展现", - "type": "ReactNode" - }, - { - "identifier": "primaryKey", - "description": "dataSource当中数据的主键,如果给定的数据源中的属性不包含该主键,会造成选择状态全部选中", - "type": "string" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - }, - { - "identifier": "columnKey", - "description": "指定列唯一的标识,一般不需要设置", - "type": "\"dataIndex\" | \"key\"", - "default": "key" - }, - { - "identifier": "resizable", - "description": "可以调整大小", - "type": "boolean" - }, - { - "identifier": "sortMode", - "description": "排序模式是单列还是多列", - "type": "\"single\" | \"multiple\"", - "default": "'multiple'" - }, - { - "identifier": "searchParams", - "type": "Record" - }, - { - "identifier": "onSearch", - "description": "点击列搜索触发的事件", - "type": "(searchParams: Record) => void" - }, - { - "identifier": "columnFilters", - "type": "Record" - }, - { - "identifier": "onColumnsFilterChange", - "type": "(newValue: Record, oldValue: Record, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" - }, - { - "identifier": "groupHeader", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupHeaderProps" - }, - { - "identifier": "groupFooter", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupFooterProps" - }, - { - "identifier": "stickyLock", - "description": "是否设置 Table 为 Table.stickyLock", - "type": "boolean" - }, - { - "identifier": "indexColumn", - "description": "序号列", - "type": "boolean" - }, - { - "identifier": "indexColumnProps", - "description": "序号列props", - "type": "Partial" - }, - { - "identifier": "actionColumnProps", - "description": "操作列配置覆盖", - "type": "Partial" - }, - { - "identifier": "actionColumnButtons", - "description": "操作列按钮组", - "type": "ProTableActionColumnButtons" - }, - { - "identifier": "actionColumn", - "description": "操作列按钮配置列表\n@deprecated 使用 actionColumnButtons", - "type": "ActionColumnButton[]" - }, - { - "identifier": "actionButtonGroupProps", - "description": "操作列按钮组的props\n@deprecated 使用 actionColumnButtons", - "type": "any" - }, - { - "identifier": "actionColumnPredication", - "description": "自定义列操作\n@deprecated 使用 actionColumnButtons", - "type": "(payload: { actionColumn?: any[]; index: number; record: any; }) => ActionColumnButton[]" - }, - { - "identifier": "onActionColumnClick", - "description": "操作列点击触发事件\n@deprecated 使用 actionColumnButtons", - "type": "(payload: { currentActionKey: string; selectedRowKey: string; record: any; }) => void" - }, - { - "identifier": "totalDataSource", - "description": "总计数据源, 传入后显示总计行, 统计行需要", - "type": "Record" - }, - { - "identifier": "cellDefault", - "description": "单元格没值时缺省值\n设置优先级: 列配置 > 列类型提供值 > 表格", - "type": "ReactNode", - "default": "''" - }, - { - "identifier": "cellTooltipMode", - "description": "单元格tooltip显示逻辑\n设置优先级: 列配置 > 列类型提供值 > 表格\n- ellipsis 在显示省略号时显示tooltip\n- none 不显示tooltip", - "type": "\"none\" | \"ellipsis\"", - "default": "'none'" - } - ] - }, - "filter": { - "default": [ - { - "identifier": "expand", - "description": "是否展开,受控", - "type": "boolean", - "default": "undefined" - }, - { - "identifier": "defaultExpand", - "description": "是否默认展开,非受控", - "type": "boolean", - "default": "false" - }, - { - "identifier": "visibleRowCount", - "description": "最多显示几行元素,超出部分将会提供「展开/收起」按钮", - "type": "number", - "default": "1" - }, - { - "identifier": "enableFilterConfiguration", - "description": "是否开启配置筛选项", - "type": "boolean", - "default": "false" - }, - { - "identifier": "configStorageKey", - "description": "配置保存在本地 localStorage 中的 key,请确定为全局唯一\n建议命名方法为:业务域_产品_页面", - "type": "string", - "default": "window.location?.pathname" - }, - { - "identifier": "onExpand", - "description": "展开收起回调", - "type": "(expand: boolean) => void", - "default": "() => {}" - }, - { - "identifier": "hideExpandButton", - "description": "是否显示「展开/收起」按钮", - "type": "boolean", - "default": "false" - }, - { - "identifier": "hideDefaultButtons", - "description": "是否显示默认的「查询/重置」按钮", - "type": "boolean", - "default": "false" - }, - { - "identifier": "enableForm", - "description": "是否开启表单能力,开启后会使用 fusion Form 组件进行子元素管理", - "type": "boolean", - "default": "false" - }, - { - "identifier": "formProps", - "description": "fusion form 的 api\n@see {@link https://fusion.alibaba-inc.com/pc/component/form?themeid=2#API}", - "type": "FormProps", - "default": "{}" - }, - { - "identifier": "buttons", - "description": "按钮漕位渲染", - "type": "{ onSearch?: (val: string) => void; onReset?: () => void; render?: () => ReactNode; }", - "default": "{}" - }, - { - "identifier": "onSearch", - "description": "点击主按钮回调", - "type": "(val: string) => void" - }, - { - "identifier": "onReset", - "description": "点击次按钮回调", - "type": "() => void" - }, - { - "identifier": "buttonRender", - "description": "右下角操作区槽位自定义渲染", - "type": "() => ReactNode" - }, - { - "identifier": "operations", - "type": "object[]" - }, - { - "identifier": "operationConfig", - "type": "object" - } - ], - "FilterItem": [ - { - "identifier": "name", - "description": "表单名", - "type": "string" - }, - { - "identifier": "prefix", - "description": "样式前缀", - "type": "string" - }, - { - "identifier": "label", - "description": "label 标签的文本", - "type": "ReactNode" - }, - { - "identifier": "labelCol", - "description": "label 标签布局,通 `` 组件,设置 span offset 值,如 {span: 8, offset: 16},该项仅在垂直表单有效", - "type": "SpanOffset" - }, - { - "identifier": "wrapperCol", - "description": "需要为输入控件设置布局样式时,使用该属性,用法同 labelCol", - "type": "SpanOffset" - }, - { - "identifier": "help", - "description": "自定义提示信息,如不设置,则会根据校验规则自动生成.", - "type": "ReactNode" - }, - { - "identifier": "extra", - "description": "额外的提示信息,和 help 类似,当需要错误信息和提示文案同时出现时,可以使用这个。 位于错误信息后面", - "type": "ReactNode" - }, - { - "identifier": "validateState", - "description": "校验状态,如不设置,则会根据校验规则自动生成", - "type": "\"warning\" | \"error\" | \"success\" | \"loading\"" - }, - { - "identifier": "hasFeedback", - "description": "配合 validateState 属性使用,是否展示 success/loading 的校验状态图标, 目前只有Input支持", - "type": "boolean" - }, - { - "identifier": "style", - "description": "自定义内联样式", - "type": "CSSProperties" - }, - { - "identifier": "children", - "description": "node 或者 function(values)", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ... 47 more ... | ((() => void) & ReactPortal)" - }, - { - "identifier": "size", - "description": "单个 Item 的 size 自定义,优先级高于 Form 的 size, 并且当组件与 Item 一起使用时,组件自身设置 size 属性无效。", - "type": "\"large\" | \"small\" | \"medium\"" - }, - { - "identifier": "labelAlign", - "description": "标签的位置", - "type": "\"top\" | \"left\" | \"inset\"" - }, - { - "identifier": "labelTextAlign", - "description": "标签的左右对齐方式", - "type": "\"left\" | \"right\"" - }, - { - "identifier": "className", - "description": "扩展class", - "type": "string" - }, - { - "identifier": "disabled", - "description": "是否禁用", - "type": "boolean" - }, - { - "identifier": "required", - "description": "[表单校验] 不能为空", - "type": "boolean" - }, - { - "identifier": "asterisk", - "description": "required 的星号是否显示", - "type": "boolean" - }, - { - "identifier": "requiredMessage", - "description": "required 自定义错误信息", - "type": "string" - }, - { - "identifier": "requiredTrigger", - "description": "required 自定义触发方式", - "type": "string | any[]" - }, - { - "identifier": "min", - "description": "[表单校验] 最小值", - "type": "number" - }, - { - "identifier": "max", - "description": "[表单校验] 最大值", - "type": "number" - }, - { - "identifier": "minmaxMessage", - "description": "min/max 自定义错误信息", - "type": "string" - }, - { - "identifier": "minmaxTrigger", - "description": "min/max 自定义触发方式", - "type": "string | any[]" - }, - { - "identifier": "minLength", - "description": "[表单校验] 字符串最小长度 / 数组最小个数", - "type": "number" - }, - { - "identifier": "maxLength", - "description": "[表单校验] 字符串最大长度 / 数组最大个数", - "type": "number" - }, - { - "identifier": "minmaxLengthMessage", - "description": "minLength/maxLength 自定义错误信息", - "type": "string" - }, - { - "identifier": "minmaxLengthTrigger", - "description": "minLength/maxLength 自定义触发方式", - "type": "string | any[]" - }, - { - "identifier": "length", - "description": "[表单校验] 字符串精确长度 / 数组精确个数", - "type": "number" - }, - { - "identifier": "lengthMessage", - "description": "length 自定义错误信息", - "type": "string" - }, - { - "identifier": "lengthTrigger", - "description": "length 自定义触发方式", - "type": "string | any[]" - }, - { - "identifier": "pattern", - "description": "正则校验", - "type": "any" - }, - { - "identifier": "patternMessage", - "description": "pattern 自定义错误信息", - "type": "string" - }, - { - "identifier": "patternTrigger", - "description": "pattern 自定义触发方式", - "type": "string | any[]" - }, - { - "identifier": "format", - "description": "[表单校验] 四种常用的 pattern", - "type": "\"number\" | \"email\" | \"url\" | \"tel\"" - }, - { - "identifier": "formatMessage", - "description": "format 自定义错误信息", - "type": "string" - }, - { - "identifier": "formatTrigger", - "description": "format 自定义触发方式", - "type": "string | any[]" - }, - { - "identifier": "validator", - "description": "[表单校验] 自定义校验函数", - "type": "(rule: any, value: any, callback: any) => void" - }, - { - "identifier": "validatorTrigger", - "description": "validator 自定义触发方式", - "type": "string | any[]" - }, - { - "identifier": "autoValidate", - "description": "是否修改数据时自动触发校验", - "type": "boolean" - }, - { - "identifier": "labelWidth", - "description": "在响应式布局下,且label在左边时,label的宽度是多少", - "type": "string | number" - }, - { - "identifier": "colSpan", - "description": "在响应式布局模式下,表单项占多少列", - "type": "number" - }, - { - "identifier": "isPreview", - "description": "是否开启预览态", - "type": "boolean" - }, - { - "identifier": "renderPreview", - "description": "预览态模式下渲染的内容\n@param value 根据包裹的组件的 value 类型而决定", - "type": "(values: string | number | data | (string | number | data)[], props: any) => any" - }, - { - "identifier": "useLabelForErrorMessage", - "description": "是否使用 label 替换校验信息的 name 字段", - "type": "boolean" - }, - { - "identifier": "colon", - "description": "表示是否显示 label 后面的冒号", - "type": "boolean" - }, - { - "identifier": "valueName", - "description": "子元素的 value 名称", - "type": "string" - }, - { - "identifier": "fullWidth", - "description": "单个 Item 中表单类组件宽度是否是 100%", - "type": "boolean" - }, - { - "identifier": "locale", - "description": "国际化文案对象,属性为组件的 displayName", - "type": "any" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - } - ] - }, - "group-table": { - "GroupTable": [ - { - "identifier": "actionBarButtons", - "description": "表格操作栏按钮", - "type": "ProTableActionBarButtons" - }, - { - "identifier": "settingButtons", - "description": "表格设置按钮", - "type": "boolean | ProTableSettingButtonType[]", - "default": "false" - }, - { - "identifier": "columnsSetting", - "description": "列设置", - "type": "Record" - }, - { - "identifier": "defaultColumnsSetting", - "description": "默认列设置", - "type": "Record", - "default": "{}" - }, - { - "identifier": "onColumnsSettingChange", - "description": "设置改变时的回调", - "type": "(newSetting: Record, actionType: ProTableSettingActionType) => void" - }, - { - "identifier": "onFullscreenStateChange", - "description": "全屏状态变化回调", - "type": "(fullscreenState: boolean) => void" - }, - { - "identifier": "isExpandedChild", - "description": "是否是子母表的子表", - "type": "boolean", - "default": "false" - }, - { - "identifier": "paginationProps", - "type": "Record" - }, - { - "identifier": "actionBarLeft", - "description": "操作条左侧槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarRight", - "description": "操作条右侧槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarBefore", - "description": "操作条前槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarAfter", - "description": "操作条后槽位", - "type": "ReactNode" - }, - { - "identifier": "table", - "description": "表格内槽位", - "type": "ReactNode" - }, - { - "identifier": "tableAfter", - "type": "ReactNode" - }, - { - "identifier": "columns", - "description": "表格列设置", - "type": "ProTableColumnProps[]" - }, - { - "identifier": "onSort", - "description": "点击列排序触发的事件", - "type": "(dataIndex: string, order: SortValue, sort: Record) => void" - }, - { - "identifier": "rowSelection", - "description": "是否启用选择模式\nhttps://yuque.antfin-inc.com/docs/share/34ec077c-14d5-4408-bfd4-d2827bfd87ec", - "type": "{ ref?: MutableRefObject; getProps?: (record: Record, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" - }, - { - "identifier": "onRowClick", - "description": "点击表格每一行触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onRowMouseEnter", - "description": "悬浮在表格每一行的时候触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onRowMouseLeave", - "description": "离开表格每一行的时候触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onFilter", - "description": "点击列排序触发的事件", - "type": "(filterParams: Record) => void" - }, - { - "identifier": "onResizeChange", - "description": "重设列尺寸的时候触发的事件", - "type": "(dataIndex: string, value: number) => void" - }, - { - "identifier": "getRowProps", - "description": "设置每一行的属性,如果返回值和其他针对行操作的属性冲突则无效。", - "type": "(record: any, index: number) => any" - }, - { - "identifier": "rowProps", - "type": "(record: any, index: number) => any" - }, - { - "identifier": "getCellProps", - "description": "设置单元格的属性,通过该属性可以进行合并单元格", - "type": "(rowIndex: number, colIndex: number, dataIndex: string, record: any) => any" - }, - { - "identifier": "cellProps", - "type": "(rowIndex: number, colIndex: number, dataIndex: string, record: any) => any" - }, - { - "identifier": "loadingComponent", - "description": "自定义 Loading 组件\n请务必传递 props, 使用方式: loadingComponent={props => }", - "type": "(props: LoadingProps) => ReactNode" - }, - { - "identifier": "filterParams", - "description": "当前过滤的的keys,使用此属性可以控制表格的头部的过滤选项中哪个菜单被选中,格式为 {dataIndex: {selectedKeys:[]}}\n示例:\n假设要控制dataIndex为id的列的过滤菜单中key为one的菜单项选中\n`
`", - "type": "Record" - }, - { - "identifier": "sort", - "description": "排序值", - "type": "Record" - }, - { - "identifier": "sortIcons", - "description": "自定义排序按钮,例如上下排布的: `{desc: , asc: }`", - "type": "{ desc?: ReactNode; asc?: ReactNode; }" - }, - { - "identifier": "expandedRowRender", - "description": "额外渲染行的渲染函数", - "type": "(record: any, index: number) => ReactElement ReactElement) | (new (props: any) => Component)>" - }, - { - "identifier": "rowExpandable", - "type": "(record: any) => boolean" - }, - { - "identifier": "expandedRowIndent", - "description": "额外渲染行的缩进,包含两个数字,第一个数字为左侧缩进,第二个数字为右侧缩进", - "type": "[number, number]" - }, - { - "identifier": "openRowKeys", - "description": "默认情况下展开的渲染行或者Tree, 传入此属性为受控状态", - "type": "any[]" - }, - { - "identifier": "hasExpandedRowCtrl", - "description": "是否显示点击展开额外渲染行的+号按钮", - "type": "boolean" - }, - { - "identifier": "getExpandedColProps", - "description": "设置额外渲染行的属性", - "type": "(record: IRecord, index: number) => object | Record" - }, - { - "identifier": "onRowOpen", - "description": "在额外渲染行或者Tree展开或者收起的时候触发的事件", - "type": "(openRowKeys: any[], currentRowKey: string, expanded: boolean, currentRecord: any) => void" - }, - { - "identifier": "onExpandedRowClick", - "description": "点击额外渲染行触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "fixedHeader", - "description": "表头是否固定,该属性配合maxBodyHeight使用,当内容区域的高度超过maxBodyHeight的时候,在内容区域会出现滚动条", - "type": "boolean" - }, - { - "identifier": "maxBodyHeight", - "description": "最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条", - "type": "ReactText" - }, - { - "identifier": "stickyHeader", - "description": "表头是否是sticky", - "type": "boolean" - }, - { - "identifier": "offsetTop", - "description": "距离窗口顶部达到指定偏移量后触发", - "type": "number" - }, - { - "identifier": "affixProps", - "description": "affix组件的的属性", - "type": "AffixProps" - }, - { - "identifier": "indent", - "description": "在tree模式下的缩进尺寸, 仅在isTree为true时候有效", - "type": "number" - }, - { - "identifier": "isTree", - "description": "开启Table的tree模式, 接收的数据格式中包含children则渲染成tree table", - "type": "boolean" - }, - { - "identifier": "useVirtual", - "description": "是否开启虚拟滚动", - "type": "boolean" - }, - { - "identifier": "scrollToRow", - "description": "滚动到指定行", - "type": "number" - }, - { - "identifier": "rowHeight", - "description": "设置行高", - "type": "number | (() => any)" - }, - { - "identifier": "onBodyScroll", - "description": "在内容区域滚动的时候触发的函数", - "type": "(start: number) => void" - }, - { - "identifier": "expandedIndexSimulate", - "description": "开启时,getExpandedColProps() / getRowProps() / expandedRowRender() 的第二个参数 index (该行所对应的序列) 将按照01,2,3,4...的顺序返回,否则返回真实index(0,2,4,6... / 1,3,5,7...)", - "type": "boolean" - }, - { - "identifier": "crossline", - "description": "在 hover 时出现十字参考轴,适用于表头比较复杂,需要做表头分类的场景。", - "type": "boolean" - }, - { - "identifier": "size", - "description": "尺寸 small为紧凑模式", - "type": "\"small\" | \"medium\"", - "default": "medium" - }, - { - "identifier": "tableLayout", - "description": "表格元素的 table-layout 属性,设为 fixed 表示内容不会影响列的布局", - "type": "\"fixed\" | \"auto\"" - }, - { - "identifier": "tableWidth", - "description": "表格的总长度,可以这么用:设置表格总长度 、设置部分列的宽度,这样表格会按照剩余空间大小,自动其他列分配宽度", - "type": "number" - }, - { - "identifier": "dataSource", - "description": "表格展示的数据源", - "type": "any[]" - }, - { - "identifier": "hasBorder", - "description": "表格是否具有边框", - "type": "boolean", - "default": "false" - }, - { - "identifier": "hasHeader", - "description": "表格是否具有头部", - "type": "boolean" - }, - { - "identifier": "isZebra", - "description": "表格是否是斑马线", - "type": "boolean", - "default": "false" - }, - { - "identifier": "loading", - "description": "表格是否在加载中", - "type": "boolean" - }, - { - "identifier": "locale", - "description": "自定义国际化文案对象", - "type": "{ ok: string; reset: string; empty: string; asc: string; desc: string; expanded: string; folded: string; filter: string; selectAll: string; }" - }, - { - "identifier": "emptyContent", - "description": "设置数据为空的时候的表格内容展现", - "type": "ReactNode", - "default": "
" - }, - { - "identifier": "primaryKey", - "description": "dataSource当中数据的主键,如果给定的数据源中的属性不包含该主键,会造成选择状态全部选中", - "type": "string", - "default": "id" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - }, - { - "identifier": "columnKey", - "description": "指定列唯一的标识,一般不需要设置", - "type": "\"dataIndex\" | \"key\"", - "default": "key" - }, - { - "identifier": "resizable", - "description": "可以调整大小", - "type": "boolean", - "default": "true" - }, - { - "identifier": "sortMode", - "description": "排序模式是单列还是多列", - "type": "\"single\" | \"multiple\"", - "default": "'multiple'" - }, - { - "identifier": "searchParams", - "type": "Record" - }, - { - "identifier": "onSearch", - "description": "点击列搜索触发的事件", - "type": "(searchParams: Record) => void" - }, - { - "identifier": "columnFilters", - "type": "Record" - }, - { - "identifier": "onColumnsFilterChange", - "type": "(newValue: Record, oldValue: Record, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" - }, - { - "identifier": "groupHeader", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupHeaderProps" - }, - { - "identifier": "groupFooter", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupFooterProps" - }, - { - "identifier": "stickyLock", - "description": "是否设置 Table 为 Table.stickyLock", - "type": "boolean", - "default": "true" - }, - { - "identifier": "indexColumn", - "description": "序号列", - "type": "boolean" - }, - { - "identifier": "indexColumnProps", - "description": "序号列props", - "type": "Partial" - }, - { - "identifier": "actionColumnProps", - "description": "操作列配置覆盖", - "type": "Partial" - }, - { - "identifier": "actionColumnButtons", - "description": "操作列按钮组", - "type": "ProTableActionColumnButtons" - }, - { - "identifier": "actionColumn", - "description": "操作列按钮配置列表\n@deprecated 使用 actionColumnButtons", - "type": "ActionColumnButton[]" - }, - { - "identifier": "actionButtonGroupProps", - "description": "操作列按钮组的props\n@deprecated 使用 actionColumnButtons", - "type": "any" - }, - { - "identifier": "actionColumnPredication", - "description": "自定义列操作\n@deprecated 使用 actionColumnButtons", - "type": "(payload: { actionColumn?: any[]; index: number; record: any; }) => ActionColumnButton[]" - }, - { - "identifier": "onActionColumnClick", - "description": "操作列点击触发事件\n@deprecated 使用 actionColumnButtons", - "type": "(payload: { currentActionKey: string; selectedRowKey: string; record: any; }) => void" - }, - { - "identifier": "totalDataSource", - "description": "总计数据源, 传入后显示总计行, 统计行需要", - "type": "Record" - }, - { - "identifier": "cellDefault", - "description": "单元格没值时缺省值\n设置优先级: 列配置 > 列类型提供值 > 表格", - "type": "ReactNode", - "default": "" - }, - { - "identifier": "cellTooltipMode", - "description": "单元格tooltip显示逻辑\n设置优先级: 列配置 > 列类型提供值 > 表格\n- ellipsis 在显示省略号时显示tooltip\n- none 不显示tooltip", - "type": "\"none\" | \"ellipsis\"", - "default": "none" - } - ] - }, - "line-chart": { - "LineChart": [ - { - "identifier": "legend", - "description": "图例 legend 的配置项", - "type": "LengendAPIOptions" - }, - { - "identifier": "tooltip", - "description": "tooltip 的配置项", - "type": "TooltipAPIOptions" - }, - { - "identifier": "label", - "description": "数据标签的配置", - "type": "LabelAPIOptions" - }, - { - "identifier": "point", - "type": "boolean | (MappingOptions & Pick)" - }, - { - "identifier": "onGetG2Instance", - "description": "获取g2Plot实例的勾子函数", - "type": "(chart: Plot) => void" - }, - { - "identifier": "errorContent", - "type": "ReactNode" - }, - { - "identifier": "events", - "description": "图表事件", - "type": "Record" - }, - { - "identifier": "title", - "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "description", - "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "forceFit", - "description": "请使用autoFit替代forceFit", - "type": "boolean" - }, - { - "identifier": "isMaterial", - "description": "是否是物料组件,因搭建引擎消费ref和原来的组件吐的react实例不兼容。\n该属性会影响ref的消费,为ali-lowcode-engine消费而生。", - "type": "boolean" - } - ] - }, - "page-header": { - "PageHeader": [ - { - "identifier": "backIcon", - "type": "ReactNode" - }, - { - "identifier": "prefixCls", - "type": "string" - }, - { - "identifier": "title", - "type": "ReactNode" - }, - { - "identifier": "subTitle", - "type": "ReactNode" - }, - { - "identifier": "style", - "type": "CSSProperties" - }, - { - "identifier": "showBreadcrumb", - "type": "boolean", - "default": "true" - }, - { - "identifier": "breadcrumb", - "type": "any[] | ReactElement ReactElement) | (new (props: any) => Component)>" - }, - { - "identifier": "breadcrumbRender", - "type": "(props: PageHeaderProps, defaultDom: ReactNode) => ReactNode" - }, - { - "identifier": "tags", - "type": "ReactElement ReactElement) | (new (props: any) => Component)> | ReactElement ReactElement<...>) | (new (props: any) => Component<...>)>[]" - }, - { - "identifier": "footer", - "type": "ReactNode" - }, - { - "identifier": "extra", - "type": "ReactNode" - }, - { - "identifier": "showAvatar", - "type": "boolean", - "default": "false" - }, - { - "identifier": "showActions", - "type": "boolean", - "default": "false" - }, - { - "identifier": "avatar", - "type": "object" - }, - { - "identifier": "onBack", - "type": "(e?: MouseEvent) => void" - }, - { - "identifier": "className", - "type": "string" - }, - { - "identifier": "ghost", - "type": "boolean" - }, - { - "identifier": "direction", - "type": "string" - }, - { - "identifier": "pageHeader", - "type": "any" - }, - { - "identifier": "operations", - "type": "any[]" - }, - { - "identifier": "operationConfig", - "type": "Record" - } - ] - }, - "pie-chart": { - "PieChart": [ - { - "identifier": "tooltip", - "description": "tooltip 的配置项", - "type": "TooltipAPIOptions" - }, - { - "identifier": "label", - "description": "饼图标签,type: 'inner' | 'outer' | 'spider'", - "type": "LabelAPIOptions" - }, - { - "identifier": "legend", - "description": "图例 legend 的配置项", - "type": "LengendAPIOptions" - }, - { - "identifier": "onGetG2Instance", - "description": "获取g2Plot实例的勾子函数", - "type": "(chart: Plot) => void" - }, - { - "identifier": "errorContent", - "type": "ReactNode" - }, - { - "identifier": "events", - "description": "图表事件", - "type": "Record" - }, - { - "identifier": "title", - "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "description", - "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "forceFit", - "description": "请使用autoFit替代forceFit", - "type": "boolean" - }, - { - "identifier": "isMaterial", - "description": "是否是物料组件,因搭建引擎消费ref和原来的组件吐的react实例不兼容。\n该属性会影响ref的消费,为ali-lowcode-engine消费而生。", - "type": "boolean" - } - ] - }, - "pro-dialog": { - "InnerProDialog": [], - "ProDialog": [] - }, - "drawer": { - "InnerProDrawer": [ - { - "identifier": "size", - "description": "弹窗大小", - "type": "\"small\" | \"medium\" | \"large\" | \"autoLarge\"" - }, - { - "identifier": "operations", - "type": "object[]" - }, - { - "identifier": "operationConfig", - "type": "object" - }, - { - "identifier": "onOk", - "type": "any" - }, - { - "identifier": "onCancel", - "type": "any" - }, - { - "identifier": "footer", - "type": "any" - }, - { - "identifier": "titleTip", - "type": "any" - }, - { - "identifier": "closeable", - "description": "[废弃]同closeMode, 控制对话框关闭的方式,值可以为字符串或者布尔值,其中字符串是由以下值组成:\n**mask** 表示点击遮罩区域可以关闭对话框\n**esc** 表示按下 esc 键可以关闭对话框\n如 'mask' 或 'esc,mask'\n如果设置为 true,则以上关闭方式全部生效\n如果设置为 false,则以上关闭方式全部失效\n@deprecated", - "type": "boolean | \"close\" | \"mask\" | \"esc\" | \"close,mask\" | \"close,esc\" | \"mask,esc\"" - }, - { - "identifier": "closeMode", - "description": "[推荐]控制对话框关闭的方式,值可以为字符串或者数组,其中字符串、数组均为以下值的枚举:\n**close** 表示点击关闭按钮可以关闭对话框\n**mask** 表示点击遮罩区域可以关闭对话框\n**esc** 表示按下 esc 键可以关闭对话框\n如 'close' 或 ['close','esc','mask'], []", - "type": "\"close\" | \"mask\" | \"esc\" | CloseMode[]" - }, - { - "identifier": "cache", - "description": "隐藏时是否保留子节点,不销毁", - "type": "boolean" - }, - { - "identifier": "title", - "description": "标题", - "type": "ReactNode" - }, - { - "identifier": "bodyStyle", - "description": "body上的样式", - "type": "CSSProperties" - }, - { - "identifier": "headerStyle", - "type": "CSSProperties" - }, - { - "identifier": "animation", - "description": "显示隐藏时动画的播放方式\n@property {String} in 进场动画\n@property {String} out 出场动画", - "type": "boolean | { in: string; out: string; }" - }, - { - "identifier": "visible", - "description": "弹层当前是否显示", - "type": "boolean" - }, - { - "identifier": "width", - "description": "宽度,仅在 placement是 left right 的时候生效", - "type": "ReactText" - }, - { - "identifier": "height", - "description": "高度,仅在 placement是 top bottom 的时候生效", - "type": "ReactText" - }, - { - "identifier": "onVisibleChange", - "description": "[v2 废弃] 受控模式下(没有 trigger 的时候),只会在关闭时触发,相当于onClose\n@deprecated", - "type": "(visible: boolean, reason: string) => void" - }, - { - "identifier": "afterClose", - "description": "[v2] 弹窗关闭后的回调", - "type": "() => void" - }, - { - "identifier": "onClose", - "description": "弹层关闭时触发事件的回调函数", - "type": "(reason: string, e: MouseEvent) => void" - }, - { - "identifier": "placement", - "description": "位于页面的位置", - "type": "\"top\" | \"right\" | \"bottom\" | \"left\"" - }, - { - "identifier": "v2", - "description": "开启v2版本", - "type": "boolean" - }, - { - "identifier": "content", - "description": "内容", - "type": "ReactNode" - }, - { - "identifier": "children", - "description": "弹层内容", - "type": "ReactNode" - }, - { - "identifier": "autoFit", - "type": "boolean" - }, - { - "identifier": "onRequestClose", - "description": "弹层请求关闭时触发事件的回调函数", - "type": "(type: string, e: MouseEvent) => void" - }, - { - "identifier": "target", - "description": "弹层定位的参照元素", - "type": "any" - }, - { - "identifier": "align", - "description": "弹层相对于参照元素的定位, 详见开发指南的[定位部分](#定位)", - "type": "string | boolean" - }, - { - "identifier": "offset", - "description": "弹层相对于参照元素定位的微调", - "type": "any[]" - }, - { - "identifier": "container", - "description": "渲染组件的容器,如果是函数需要返回 ref,如果是字符串则是该 DOM 的 id,也可以直接传入 DOM 节点", - "type": "any" - }, - { - "identifier": "hasMask", - "description": "是否显示遮罩", - "type": "boolean" - }, - { - "identifier": "canCloseByEsc", - "description": "是否支持 esc 按键关闭弹层", - "type": "boolean" - }, - { - "identifier": "canCloseByOutSideClick", - "description": "点击弹层外的区域是否关闭弹层,不显示遮罩时生效", - "type": "boolean" - }, - { - "identifier": "canCloseByMask", - "description": "点击遮罩区域是否关闭弹层,显示遮罩时生效", - "type": "boolean" - }, - { - "identifier": "beforeOpen", - "description": "弹层打开前触发事件的回调函数", - "type": "() => void" - }, - { - "identifier": "onOpen", - "description": "弹层打开时触发事件的回调函数", - "type": "() => void" - }, - { - "identifier": "afterOpen", - "description": "弹层打开后触发事件的回调函数, 如果有动画,则在动画结束后触发", - "type": "() => void" - }, - { - "identifier": "beforeClose", - "description": "弹层关闭前触发事件的回调函数", - "type": "() => void" - }, - { - "identifier": "beforePosition", - "description": "弹层定位完成前触发的事件", - "type": "() => void" - }, - { - "identifier": "onPosition", - "description": "弹层定位完成时触发的事件", - "type": "(config: {}, node: {}) => void" - }, - { - "identifier": "shouldUpdatePosition", - "description": "是否在每次弹层重新渲染后强制更新定位信息,一般用于弹层内容区域大小发生变化时,仍需保持原来的定位方式", - "type": "boolean" - }, - { - "identifier": "autoFocus", - "description": "弹层打开时是否让其中的元素自动获取焦点", - "type": "boolean" - }, - { - "identifier": "needAdjust", - "description": "当弹层由于页面滚动等情况不在可视区域时,是否自动调整定位以出现在可视区域", - "type": "boolean" - }, - { - "identifier": "disableScroll", - "description": "是否禁用页面滚动", - "type": "boolean" - }, - { - "identifier": "safeNode", - "description": "安全节点,当点击 document 的时候,如果包含该节点则不会关闭弹层,如果是函数需要返回 ref,如果是字符串则是该 DOM 的 id,也可以直接传入 DOM 节点,或者以上值组成的数组", - "type": "any" - }, - { - "identifier": "wrapperClassName", - "description": "弹层的根节点的样式类", - "type": "string" - }, - { - "identifier": "wrapperStyle", - "description": "弹层的根节点的内联样式", - "type": "CSSProperties" - }, - { - "identifier": "trigger", - "description": "触发弹层显示或隐藏的元素", - "type": "ReactElement ReactElement) | (new (props: any) => Component)>" - }, - { - "identifier": "triggerType", - "description": "触发弹层显示或隐藏的操作类型,可以是 'click','hover','focus',或者它们组成的数组,如 ['hover', 'focus']", - "type": "string | any[]" - }, - { - "identifier": "triggerClickKeycode", - "description": "当 triggerType 为 click 时才生效,可自定义触发弹层显示的键盘码", - "type": "number | any[]" - }, - { - "identifier": "defaultVisible", - "description": "弹层默认是否显示", - "type": "boolean" - }, - { - "identifier": "disabled", - "description": "设置此属性,弹层无法显示或隐藏", - "type": "boolean" - }, - { - "identifier": "delay", - "description": "弹层显示或隐藏的延时时间(以毫秒为单位),在 triggerType 被设置为 hover 时生效", - "type": "number" - }, - { - "identifier": "canCloseByTrigger", - "description": "trigger 是否可以关闭弹层", - "type": "boolean" - }, - { - "identifier": "followTrigger", - "description": "是否跟随trigger滚动", - "type": "boolean" - }, - { - "identifier": "locale", - "description": "国际化文案对象,属性为组件的 displayName", - "type": "any" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - } - ], - "ProDrawer": [ - { - "identifier": "size", - "description": "弹窗大小", - "type": "\"small\" | \"medium\" | \"large\" | \"autoLarge\"" - }, - { - "identifier": "operations", - "type": "object[]" - }, - { - "identifier": "operationConfig", - "type": "object" - }, - { - "identifier": "onOk", - "type": "any" - }, - { - "identifier": "onCancel", - "type": "any" - }, - { - "identifier": "footer", - "type": "any" - }, - { - "identifier": "titleTip", - "type": "any" - }, - { - "identifier": "closeable", - "description": "[废弃]同closeMode, 控制对话框关闭的方式,值可以为字符串或者布尔值,其中字符串是由以下值组成:\n**mask** 表示点击遮罩区域可以关闭对话框\n**esc** 表示按下 esc 键可以关闭对话框\n如 'mask' 或 'esc,mask'\n如果设置为 true,则以上关闭方式全部生效\n如果设置为 false,则以上关闭方式全部失效\n@deprecated", - "type": "boolean | \"close\" | \"mask\" | \"esc\" | \"close,mask\" | \"close,esc\" | \"mask,esc\"" - }, - { - "identifier": "closeMode", - "description": "[推荐]控制对话框关闭的方式,值可以为字符串或者数组,其中字符串、数组均为以下值的枚举:\n**close** 表示点击关闭按钮可以关闭对话框\n**mask** 表示点击遮罩区域可以关闭对话框\n**esc** 表示按下 esc 键可以关闭对话框\n如 'close' 或 ['close','esc','mask'], []", - "type": "\"close\" | \"mask\" | \"esc\" | CloseMode[]" - }, - { - "identifier": "cache", - "description": "隐藏时是否保留子节点,不销毁", - "type": "boolean" - }, - { - "identifier": "title", - "description": "标题", - "type": "ReactNode" - }, - { - "identifier": "bodyStyle", - "description": "body上的样式", - "type": "CSSProperties" - }, - { - "identifier": "headerStyle", - "type": "CSSProperties" - }, - { - "identifier": "animation", - "description": "显示隐藏时动画的播放方式\n@property {String} in 进场动画\n@property {String} out 出场动画", - "type": "boolean | { in: string; out: string; }" - }, - { - "identifier": "visible", - "description": "弹层当前是否显示", - "type": "boolean" - }, - { - "identifier": "width", - "description": "宽度,仅在 placement是 left right 的时候生效", - "type": "ReactText" - }, - { - "identifier": "height", - "description": "高度,仅在 placement是 top bottom 的时候生效", - "type": "ReactText" - }, - { - "identifier": "onVisibleChange", - "description": "[v2 废弃] 受控模式下(没有 trigger 的时候),只会在关闭时触发,相当于onClose\n@deprecated", - "type": "(visible: boolean, reason: string) => void" - }, - { - "identifier": "afterClose", - "description": "[v2] 弹窗关闭后的回调", - "type": "() => void" - }, - { - "identifier": "onClose", - "description": "弹层关闭时触发事件的回调函数", - "type": "(reason: string, e: MouseEvent) => void" - }, - { - "identifier": "placement", - "description": "位于页面的位置", - "type": "\"top\" | \"right\" | \"bottom\" | \"left\"" - }, - { - "identifier": "v2", - "description": "开启v2版本", - "type": "boolean" - }, - { - "identifier": "content", - "description": "内容", - "type": "ReactNode" - }, - { - "identifier": "children", - "description": "弹层内容", - "type": "ReactNode" - }, - { - "identifier": "autoFit", - "type": "boolean" - }, - { - "identifier": "onRequestClose", - "description": "弹层请求关闭时触发事件的回调函数", - "type": "(type: string, e: MouseEvent) => void" - }, - { - "identifier": "target", - "description": "弹层定位的参照元素", - "type": "any" - }, - { - "identifier": "align", - "description": "弹层相对于参照元素的定位, 详见开发指南的[定位部分](#定位)", - "type": "string | boolean" - }, - { - "identifier": "offset", - "description": "弹层相对于参照元素定位的微调", - "type": "any[]" - }, - { - "identifier": "container", - "description": "渲染组件的容器,如果是函数需要返回 ref,如果是字符串则是该 DOM 的 id,也可以直接传入 DOM 节点", - "type": "any" - }, - { - "identifier": "hasMask", - "description": "是否显示遮罩", - "type": "boolean" - }, - { - "identifier": "canCloseByEsc", - "description": "是否支持 esc 按键关闭弹层", - "type": "boolean" - }, - { - "identifier": "canCloseByOutSideClick", - "description": "点击弹层外的区域是否关闭弹层,不显示遮罩时生效", - "type": "boolean" - }, - { - "identifier": "canCloseByMask", - "description": "点击遮罩区域是否关闭弹层,显示遮罩时生效", - "type": "boolean" - }, - { - "identifier": "beforeOpen", - "description": "弹层打开前触发事件的回调函数", - "type": "() => void" - }, - { - "identifier": "onOpen", - "description": "弹层打开时触发事件的回调函数", - "type": "() => void" - }, - { - "identifier": "afterOpen", - "description": "弹层打开后触发事件的回调函数, 如果有动画,则在动画结束后触发", - "type": "() => void" - }, - { - "identifier": "beforeClose", - "description": "弹层关闭前触发事件的回调函数", - "type": "() => void" - }, - { - "identifier": "beforePosition", - "description": "弹层定位完成前触发的事件", - "type": "() => void" - }, - { - "identifier": "onPosition", - "description": "弹层定位完成时触发的事件", - "type": "(config: {}, node: {}) => void" - }, - { - "identifier": "shouldUpdatePosition", - "description": "是否在每次弹层重新渲染后强制更新定位信息,一般用于弹层内容区域大小发生变化时,仍需保持原来的定位方式", - "type": "boolean" - }, - { - "identifier": "autoFocus", - "description": "弹层打开时是否让其中的元素自动获取焦点", - "type": "boolean" - }, - { - "identifier": "needAdjust", - "description": "当弹层由于页面滚动等情况不在可视区域时,是否自动调整定位以出现在可视区域", - "type": "boolean" - }, - { - "identifier": "disableScroll", - "description": "是否禁用页面滚动", - "type": "boolean" - }, - { - "identifier": "safeNode", - "description": "安全节点,当点击 document 的时候,如果包含该节点则不会关闭弹层,如果是函数需要返回 ref,如果是字符串则是该 DOM 的 id,也可以直接传入 DOM 节点,或者以上值组成的数组", - "type": "any" - }, - { - "identifier": "wrapperClassName", - "description": "弹层的根节点的样式类", - "type": "string" - }, - { - "identifier": "wrapperStyle", - "description": "弹层的根节点的内联样式", - "type": "CSSProperties" - }, - { - "identifier": "trigger", - "description": "触发弹层显示或隐藏的元素", - "type": "ReactElement ReactElement) | (new (props: any) => Component)>" - }, - { - "identifier": "triggerType", - "description": "触发弹层显示或隐藏的操作类型,可以是 'click','hover','focus',或者它们组成的数组,如 ['hover', 'focus']", - "type": "string | any[]" - }, - { - "identifier": "triggerClickKeycode", - "description": "当 triggerType 为 click 时才生效,可自定义触发弹层显示的键盘码", - "type": "number | any[]" - }, - { - "identifier": "defaultVisible", - "description": "弹层默认是否显示", - "type": "boolean" - }, - { - "identifier": "disabled", - "description": "设置此属性,弹层无法显示或隐藏", - "type": "boolean" - }, - { - "identifier": "delay", - "description": "弹层显示或隐藏的延时时间(以毫秒为单位),在 triggerType 被设置为 hover 时生效", - "type": "number" - }, - { - "identifier": "canCloseByTrigger", - "description": "trigger 是否可以关闭弹层", - "type": "boolean" - }, - { - "identifier": "followTrigger", - "description": "是否跟随trigger滚动", - "type": "boolean" - }, - { - "identifier": "locale", - "description": "国际化文案对象,属性为组件的 displayName", - "type": "any" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - } - ] - }, - "pro-form": { - "default": [ - { - "identifier": "columns", - "type": "number", - "required": true - }, - { - "identifier": "children", - "description": "子元素", - "type": "ReactChild", - "required": true - }, - { - "identifier": "emptyContent", - "type": "ReactNode", - "required": true - }, - { - "identifier": "spacing", - "type": "number", - "required": true - }, - { - "identifier": "operations", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | object[]" - }, - { - "identifier": "operationConfig", - "type": "object" - }, - { - "identifier": "lastSaveTime", - "type": "number" - }, - { - "identifier": "device", - "type": "string" - }, - { - "identifier": "prefix", - "description": "样式前缀", - "type": "string" - }, - { - "identifier": "inline", - "description": "内联表单", - "type": "boolean" - }, - { - "identifier": "fullWidth", - "type": "boolean" - }, - { - "identifier": "colon", - "type": "boolean" - }, - { - "identifier": "size", - "description": "单个 Item 的 size 自定义,优先级高于 Form 的 size, 并且当组件与 Item 一起使用时,组件自身设置 size 属性无效。", - "type": "\"large\" | \"medium\" | \"small\"" - }, - { - "identifier": "labelAlign", - "description": "标签的位置", - "type": "\"top\" | \"left\" | \"inset\"" - }, - { - "identifier": "labelTextAlign", - "description": "标签的左右对齐方式", - "type": "\"left\" | \"right\"" - }, - { - "identifier": "field", - "description": "经 `new Field(this)` 初始化后,直接传给 Form 即可 用到表单校验则不可忽略此项", - "type": "any" - }, - { - "identifier": "saveField", - "description": "保存 Form 自动生成的 field 对象", - "type": "() => void" - }, - { - "identifier": "labelCol", - "description": "控制第一级 Item 的 labelCol", - "type": "SpanOffset" - }, - { - "identifier": "wrapperCol", - "description": "控制第一级 Item 的 wrapperCol", - "type": "SpanOffset" - }, - { - "identifier": "onSubmit", - "description": "form内有 `htmlType=\"submit\"` 的元素的时候会触发", - "type": "(event: FormEvent) => void" - }, - { - "identifier": "className", - "description": "扩展class", - "type": "string" - }, - { - "identifier": "disabled", - "description": "是否禁用", - "type": "boolean" - }, - { - "identifier": "style", - "description": "自定义内联样式", - "type": "CSSProperties" - }, - { - "identifier": "value", - "description": "表单数值", - "type": "any" - }, - { - "identifier": "onChange", - "description": "表单变化回调", - "type": "(values: any, item: any) => void" - }, - { - "identifier": "component", - "description": "设置标签类型", - "type": "string | (() => void)" - }, - { - "identifier": "responsive", - "description": "是否开启内置的响应式布局 (使用ResponsiveGrid)", - "type": "boolean" - }, - { - "identifier": "gap", - "type": "number | number[]" - }, - { - "identifier": "isPreview", - "description": "是否开启预览态", - "type": "boolean" - }, - { - "identifier": "useLabelForErrorMessage", - "description": "是否使用 label 替换校验信息的 name 字段", - "type": "boolean" - }, - { - "identifier": "onClick", - "description": "点击按钮的回调", - "type": "any" - }, - { - "identifier": "type", - "description": "按钮的类型", - "type": "\"primary\" | \"secondary\" | \"normal\"" - }, - { - "identifier": "icons", - "description": "按钮中 Icon 的尺寸,用于替代 Icon 的默认大小", - "type": "{ loading?: ReactNode; }" - }, - { - "identifier": "iconSize", - "description": "按钮中 Icon 的尺寸,用于替代 Icon 的默认大小", - "type": "number | \"large\" | \"medium\" | \"small\" | \"inherit\" | \"xxs\" | \"xs\" | \"xl\" | \"xxl\" | \"xxxl\"" - }, - { - "identifier": "htmlType", - "description": "当 component = 'button' 时,设置 button 标签的 type 值", - "type": "\"button\" | \"submit\" | \"reset\"" - }, - { - "identifier": "loading", - "description": "设置按钮的载入状态", - "type": "boolean" - }, - { - "identifier": "ghost", - "description": "是否为幽灵按钮", - "type": "boolean | \"light\" | \"dark\"" - }, - { - "identifier": "text", - "description": "是否为文本按钮", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否为警告按钮", - "type": "boolean" - }, - { - "identifier": "href", - "description": "在Button组件使用component属性值为a时有效,代表链接页面的URL", - "type": "string" - }, - { - "identifier": "target", - "description": "在Button组件使用component属性值为a时有效,代表何处打开链接文档", - "type": "string" - }, - { - "identifier": "locale", - "description": "国际化文案对象,属性为组件的 displayName", - "type": "any" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - } - ] - }, - "pro-table": { - "ProTable": [ - { - "identifier": "actionBarButtons", - "description": "表格操作栏按钮", - "type": "ProTableActionBarButtons" - }, - { - "identifier": "settingButtons", - "description": "表格设置按钮", - "type": "boolean | ProTableSettingButtonType[]", - "default": "false" - }, - { - "identifier": "columnsSetting", - "description": "列设置", - "type": "Record" - }, - { - "identifier": "defaultColumnsSetting", - "description": "默认列设置", - "type": "Record", - "default": "{}" - }, - { - "identifier": "onColumnsSettingChange", - "description": "设置改变时的回调", - "type": "(newSetting: Record, actionType: ProTableSettingActionType) => void" - }, - { - "identifier": "onFullscreenStateChange", - "description": "全屏状态变化回调", - "type": "(fullscreenState: boolean) => void" - }, - { - "identifier": "isExpandedChild", - "description": "是否是子母表的子表", - "type": "boolean", - "default": "false" - }, - { - "identifier": "paginationProps", - "type": "Record" - }, - { - "identifier": "actionBarLeft", - "description": "操作条左侧槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarRight", - "description": "操作条右侧槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarBefore", - "description": "操作条前槽位", - "type": "ReactNode" - }, - { - "identifier": "actionBarAfter", - "description": "操作条后槽位", - "type": "ReactNode" - }, - { - "identifier": "table", - "description": "表格内槽位", - "type": "ReactNode" - }, - { - "identifier": "tableAfter", - "type": "ReactNode" - }, - { - "identifier": "columns", - "description": "表格列设置", - "type": "ProTableColumnProps[]" - }, - { - "identifier": "onSort", - "description": "点击列排序触发的事件", - "type": "(dataIndex: string, order: SortValue, sort: Record) => void" - }, - { - "identifier": "rowSelection", - "description": "是否启用选择模式\nhttps://yuque.antfin-inc.com/docs/share/34ec077c-14d5-4408-bfd4-d2827bfd87ec", - "type": "{ ref?: MutableRefObject; getProps?: (record: Record, index: number) => CheckboxProps | RadioProps; ... 12 more ...; titleProps?: () => CheckboxProps; }" - }, - { - "identifier": "onRowClick", - "description": "点击表格每一行触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onRowMouseEnter", - "description": "悬浮在表格每一行的时候触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onRowMouseLeave", - "description": "离开表格每一行的时候触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "onFilter", - "description": "点击列排序触发的事件", - "type": "(filterParams: Record) => void" - }, - { - "identifier": "onResizeChange", - "description": "重设列尺寸的时候触发的事件", - "type": "(dataIndex: string, value: number) => void" - }, - { - "identifier": "getRowProps", - "description": "设置每一行的属性,如果返回值和其他针对行操作的属性冲突则无效。", - "type": "(record: any, index: number) => any" - }, - { - "identifier": "rowProps", - "type": "(record: any, index: number) => any" - }, - { - "identifier": "getCellProps", - "description": "设置单元格的属性,通过该属性可以进行合并单元格", - "type": "(rowIndex: number, colIndex: number, dataIndex: string, record: any) => any" - }, - { - "identifier": "cellProps", - "type": "(rowIndex: number, colIndex: number, dataIndex: string, record: any) => any" - }, - { - "identifier": "loadingComponent", - "description": "自定义 Loading 组件\n请务必传递 props, 使用方式: loadingComponent={props => }", - "type": "(props: LoadingProps) => ReactNode" - }, - { - "identifier": "filterParams", - "description": "当前过滤的的keys,使用此属性可以控制表格的头部的过滤选项中哪个菜单被选中,格式为 {dataIndex: {selectedKeys:[]}}\n示例:\n假设要控制dataIndex为id的列的过滤菜单中key为one的菜单项选中\n`
`", - "type": "Record" - }, - { - "identifier": "sort", - "description": "排序值", - "type": "Record" - }, - { - "identifier": "sortIcons", - "description": "自定义排序按钮,例如上下排布的: `{desc: , asc: }`", - "type": "{ desc?: ReactNode; asc?: ReactNode; }" - }, - { - "identifier": "expandedRowRender", - "description": "额外渲染行的渲染函数", - "type": "(record: any, index: number) => ReactElement ReactElement) | (new (props: any) => Component)>" - }, - { - "identifier": "rowExpandable", - "type": "(record: any) => boolean" - }, - { - "identifier": "expandedRowIndent", - "description": "额外渲染行的缩进,包含两个数字,第一个数字为左侧缩进,第二个数字为右侧缩进", - "type": "[number, number]" - }, - { - "identifier": "openRowKeys", - "description": "默认情况下展开的渲染行或者Tree, 传入此属性为受控状态", - "type": "any[]" - }, - { - "identifier": "hasExpandedRowCtrl", - "description": "是否显示点击展开额外渲染行的+号按钮", - "type": "boolean" - }, - { - "identifier": "getExpandedColProps", - "description": "设置额外渲染行的属性", - "type": "(record: IRecord, index: number) => object | Record" - }, - { - "identifier": "onRowOpen", - "description": "在额外渲染行或者Tree展开或者收起的时候触发的事件", - "type": "(openRowKeys: any[], currentRowKey: string, expanded: boolean, currentRecord: any) => void" - }, - { - "identifier": "onExpandedRowClick", - "description": "点击额外渲染行触发的事件", - "type": "(record: any, index: number, e: MouseEvent) => void" - }, - { - "identifier": "fixedHeader", - "description": "表头是否固定,该属性配合maxBodyHeight使用,当内容区域的高度超过maxBodyHeight的时候,在内容区域会出现滚动条", - "type": "boolean" - }, - { - "identifier": "maxBodyHeight", - "description": "最大内容区域的高度,在`fixedHeader`为`true`的时候,超过这个高度会出现滚动条", - "type": "ReactText" - }, - { - "identifier": "stickyHeader", - "description": "表头是否是sticky", - "type": "boolean" - }, - { - "identifier": "offsetTop", - "description": "距离窗口顶部达到指定偏移量后触发", - "type": "number" - }, - { - "identifier": "affixProps", - "description": "affix组件的的属性", - "type": "AffixProps" - }, - { - "identifier": "indent", - "description": "在tree模式下的缩进尺寸, 仅在isTree为true时候有效", - "type": "number" - }, - { - "identifier": "isTree", - "description": "开启Table的tree模式, 接收的数据格式中包含children则渲染成tree table", - "type": "boolean" - }, - { - "identifier": "useVirtual", - "description": "是否开启虚拟滚动", - "type": "boolean" - }, - { - "identifier": "scrollToRow", - "description": "滚动到指定行", - "type": "number" - }, - { - "identifier": "rowHeight", - "description": "设置行高", - "type": "number | (() => any)" - }, - { - "identifier": "onBodyScroll", - "description": "在内容区域滚动的时候触发的函数", - "type": "(start: number) => void" - }, - { - "identifier": "expandedIndexSimulate", - "description": "开启时,getExpandedColProps() / getRowProps() / expandedRowRender() 的第二个参数 index (该行所对应的序列) 将按照01,2,3,4...的顺序返回,否则返回真实index(0,2,4,6... / 1,3,5,7...)", - "type": "boolean" - }, - { - "identifier": "crossline", - "description": "在 hover 时出现十字参考轴,适用于表头比较复杂,需要做表头分类的场景。", - "type": "boolean" - }, - { - "identifier": "size", - "description": "尺寸 small为紧凑模式", - "type": "\"small\" | \"medium\"", - "default": "medium" - }, - { - "identifier": "tableLayout", - "description": "表格元素的 table-layout 属性,设为 fixed 表示内容不会影响列的布局", - "type": "\"fixed\" | \"auto\"" - }, - { - "identifier": "tableWidth", - "description": "表格的总长度,可以这么用:设置表格总长度 、设置部分列的宽度,这样表格会按照剩余空间大小,自动其他列分配宽度", - "type": "number" - }, - { - "identifier": "dataSource", - "description": "表格展示的数据源", - "type": "any[]" - }, - { - "identifier": "hasBorder", - "description": "表格是否具有边框", - "type": "boolean", - "default": "false" - }, - { - "identifier": "hasHeader", - "description": "表格是否具有头部", - "type": "boolean" - }, - { - "identifier": "isZebra", - "description": "表格是否是斑马线", - "type": "boolean", - "default": "false" - }, - { - "identifier": "loading", - "description": "表格是否在加载中", - "type": "boolean" - }, - { - "identifier": "locale", - "description": "自定义国际化文案对象", - "type": "{ ok: string; reset: string; empty: string; asc: string; desc: string; expanded: string; folded: string; filter: string; selectAll: string; }" - }, - { - "identifier": "emptyContent", - "description": "设置数据为空的时候的表格内容展现", - "type": "ReactNode", - "default": "(\n \n \n 暂无内容\n \n )" - }, - { - "identifier": "primaryKey", - "description": "dataSource当中数据的主键,如果给定的数据源中的属性不包含该主键,会造成选择状态全部选中", - "type": "string", - "default": "id" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - }, - { - "identifier": "columnKey", - "description": "指定列唯一的标识,一般不需要设置", - "type": "\"dataIndex\" | \"key\"", - "default": "key" - }, - { - "identifier": "resizable", - "description": "可以调整大小", - "type": "boolean", - "default": "true" - }, - { - "identifier": "sortMode", - "description": "排序模式是单列还是多列", - "type": "\"single\" | \"multiple\"", - "default": "'multiple'" - }, - { - "identifier": "searchParams", - "type": "Record" - }, - { - "identifier": "onSearch", - "description": "点击列搜索触发的事件", - "type": "(searchParams: Record) => void" - }, - { - "identifier": "columnFilters", - "type": "Record" - }, - { - "identifier": "onColumnsFilterChange", - "type": "(newValue: Record, oldValue: Record, changedColumnFilterValue?: ProTableColumnFilterValue, changedColumnDataIndex?: string) => void" - }, - { - "identifier": "groupHeader", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupHeaderProps" - }, - { - "identifier": "groupFooter", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | GroupFooterProps" - }, - { - "identifier": "stickyLock", - "description": "是否设置 Table 为 Table.stickyLock", - "type": "boolean", - "default": "true" - }, - { - "identifier": "indexColumn", - "description": "序号列", - "type": "boolean" - }, - { - "identifier": "indexColumnProps", - "description": "序号列props", - "type": "Partial" - }, - { - "identifier": "actionColumnProps", - "description": "操作列配置覆盖", - "type": "Partial" - }, - { - "identifier": "actionColumnButtons", - "description": "操作列按钮组", - "type": "ProTableActionColumnButtons" - }, - { - "identifier": "actionColumn", - "description": "操作列按钮配置列表\n@deprecated 使用 actionColumnButtons", - "type": "ActionColumnButton[]" - }, - { - "identifier": "actionButtonGroupProps", - "description": "操作列按钮组的props\n@deprecated 使用 actionColumnButtons", - "type": "any" - }, - { - "identifier": "actionColumnPredication", - "description": "自定义列操作\n@deprecated 使用 actionColumnButtons", - "type": "(payload: { actionColumn?: any[]; index: number; record: any; }) => ActionColumnButton[]" - }, - { - "identifier": "onActionColumnClick", - "description": "操作列点击触发事件\n@deprecated 使用 actionColumnButtons", - "type": "(payload: { currentActionKey: string; selectedRowKey: string; record: any; }) => void" - }, - { - "identifier": "totalDataSource", - "description": "总计数据源, 传入后显示总计行, 统计行需要", - "type": "Record" - }, - { - "identifier": "cellDefault", - "description": "单元格没值时缺省值\n设置优先级: 列配置 > 列类型提供值 > 表格", - "type": "ReactNode", - "default": "" - }, - { - "identifier": "cellTooltipMode", - "description": "单元格tooltip显示逻辑\n设置优先级: 列配置 > 列类型提供值 > 表格\n- ellipsis 在显示省略号时显示tooltip\n- none 不显示tooltip", - "type": "\"none\" | \"ellipsis\"", - "default": "none" - } - ] - }, - "step-form": { - "StepForm": [ - { - "identifier": "onPrevious", - "type": "Function" - }, - { - "identifier": "onNext", - "type": "Function" - }, - { - "identifier": "formRef", - "type": "MutableRefObject" - }, - { - "identifier": "formMapRef", - "type": "MutableRefObject" - }, - { - "identifier": "operations", - "type": "any[]" - }, - { - "identifier": "operationConfig", - "type": "Record", - "default": "{}" - }, - { - "identifier": "lastSaveTime", - "type": "Number" - }, - { - "identifier": "current", - "description": "当前步骤", - "type": "number" - }, - { - "identifier": "direction", - "description": "展示方向", - "type": "\"hoz\" | \"ver\"" - }, - { - "identifier": "stretch", - "description": "宽度是否横向拉伸", - "type": "boolean" - }, - { - "identifier": "labelPlacement", - "description": "横向布局时的内容排列", - "type": "\"hoz\" | \"ver\"" - }, - { - "identifier": "shape", - "description": "类型", - "type": "\"circle\" | \"arrow\" | \"dot\"" - }, - { - "identifier": "readOnly", - "description": "是否只读模式", - "type": "boolean" - }, - { - "identifier": "animation", - "description": "是否开启动效", - "type": "boolean" - }, - { - "identifier": "className", - "description": "自定义样式名", - "type": "string" - }, - { - "identifier": "itemRender", - "description": "StepItem 的自定义渲染", - "type": "(index: number, status: string) => ReactNode" - }, - { - "identifier": "locale", - "description": "国际化文案对象,属性为组件的 displayName", - "type": "any" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - } - ] - }, - "tab-container": { - "TabContainer": [ - { - "identifier": "className", - "type": "string" - }, - { - "identifier": "activeKey", - "description": "被激活的选项卡的 key, 赋值则tab为受控组件, 用户无法切换", - "type": "string" - }, - { - "identifier": "defaultActiveKey", - "description": "初始化时被激活的选项卡的 key", - "type": "string" - }, - { - "identifier": "shape", - "description": "外观形态", - "type": "\"text\" | \"pure\" | \"wrapped\" | \"capsule\"" - }, - { - "identifier": "animation", - "description": "是否开启动效", - "type": "boolean" - }, - { - "identifier": "excessMode", - "description": "选项卡过多时的滑动模式", - "type": "\"slide\" | \"dropdown\"" - }, - { - "identifier": "tabPosition", - "description": "导航选项卡的位置,只适用于包裹型(wrapped)选项卡", - "type": "\"top\" | \"bottom\" | \"left\" | \"right\"" - }, - { - "identifier": "size", - "description": "尺寸", - "type": "\"small\" | \"medium\"" - }, - { - "identifier": "triggerType", - "description": "激活选项卡的触发方式", - "type": "\"hover\" | \"click\"" - }, - { - "identifier": "lazyLoad", - "description": "是否延迟加载 TabPane 的内容, 默认开启, 即不提前渲染", - "type": "boolean" - }, - { - "identifier": "unmountInactiveTabs", - "description": "是否自动卸载未处于激活状态的选项卡", - "type": "boolean" - }, - { - "identifier": "navStyle", - "description": "导航条的自定义样式", - "type": "CSSProperties" - }, - { - "identifier": "navClassName", - "description": "导航条的自定义样式类", - "type": "string" - }, - { - "identifier": "contentStyle", - "description": "内容区容器的自定义样式", - "type": "CSSProperties" - }, - { - "identifier": "contentClassName", - "description": "内容区容器的自定义样式类", - "type": "string" - }, - { - "identifier": "extra", - "description": "导航栏附加内容", - "type": "ReactNode" - }, - { - "identifier": "disableKeyboard", - "description": "禁用键盘事件", - "type": "boolean" - }, - { - "identifier": "onClick", - "description": "点击单个选项卡时触发的回调", - "type": "(key: string) => void" - }, - { - "identifier": "onChange", - "description": "选项卡发生切换时的事件回调", - "type": "(key: string) => void" - }, - { - "identifier": "onClose", - "description": "选项卡被关闭时的事件回调", - "type": "(key: string) => void" - }, - { - "identifier": "tabRender", - "description": "自定义选项卡模板渲染函数", - "type": "(key: string, props: {}) => ReactNode" - }, - { - "identifier": "popupProps", - "description": "弹层属性透传, 只有当 excessMode 为 dropdown 时生效", - "type": "PopupProps" - }, - { - "identifier": "icons", - "description": "自定义 icon", - "type": "{ dropdown?: ReactNode; prev?: ReactNode; next?: ReactNode; }" - }, - { - "identifier": "showAdd", - "description": "展示新增按钮", - "type": "boolean" - }, - { - "identifier": "onAdd", - "description": "新增的事件回调", - "type": "() => void" - }, - { - "identifier": "addIcon", - "description": "自定义添加按钮", - "type": "ReactNode" - }, - { - "identifier": "title", - "type": "any" - }, - { - "identifier": "locale", - "description": "国际化文案对象,属性为组件的 displayName", - "type": "any" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - } - ], - "TabContainer.Item": [ - { - "identifier": "title", - "description": "选项卡标题", - "type": "ReactNode" - }, - { - "identifier": "closeable", - "description": "单个选项卡是否可关闭", - "type": "boolean" - }, - { - "identifier": "disabled", - "description": "选项卡是否被禁用", - "type": "boolean" - }, - { - "identifier": "onClick", - "type": "any" - }, - { - "identifier": "onChange", - "type": "any" - }, - { - "identifier": "locale", - "description": "国际化文案对象,属性为组件的 displayName", - "type": "any" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否在开发模式下显示组件属性被废弃的 warning 提示", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - } - ] - }, - "anchor-form": { - "AnchorForm": [ - { - "identifier": "showAnchor", - "description": "是否展示锚点", - "description.zh-CN": "还支持不同的 locale 后缀来实现多语言描述,使用 description 兜底", - "type": "boolean", - "default": "false" - }, - { - "identifier": "formMapRef", - "type": "any" - }, - { - "identifier": "operations", - "type": "any" - }, - { - "identifier": "operationConfig", - "type": "any" - }, - { - "identifier": "lastSaveTime", - "type": "any" - }, - { - "identifier": "anchorProps", - "type": "any" - }, - { - "identifier": "enableRandomHtmlId", - "type": "boolean" - } - ] - }, - "area-chart": { - "AreaChart": [ - { - "identifier": "legend", - "description": "图例 legend 的配置项", - "type": "LengendAPIOptions" - }, - { - "identifier": "tooltip", - "description": "tooltip 的配置项", - "type": "TooltipAPIOptions" - }, - { - "identifier": "label", - "description": "数据标签的配置", - "type": "LabelAPIOptions" - }, - { - "identifier": "stackField", - "description": "旧版api,即将废弃 请使用seriesField替代", - "type": "string" - }, - { - "identifier": "onGetG2Instance", - "description": "获取g2Plot实例的勾子函数", - "type": "(chart: Plot) => void" - }, - { - "identifier": "errorContent", - "type": "ReactNode" - }, - { - "identifier": "events", - "description": "图表事件", - "type": "Record" - }, - { - "identifier": "title", - "description": "图表标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "description", - "description": "图表副标题。如需绑定事件请直接使用ReactNode。", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | VisibleText" - }, - { - "identifier": "forceFit", - "description": "请使用autoFit替代forceFit", - "type": "boolean" - }, - { - "identifier": "isMaterial", - "description": "是否是物料组件,因搭建引擎消费ref和原来的组件吐的react实例不兼容。\n该属性会影响ref的消费,为ali-lowcode-engine消费而生。", - "type": "boolean" - } - ] - }, - "child-form": { - "default": [ - { - "identifier": "mode", - "type": "string" - }, - { - "identifier": "columns", - "type": "number", - "required": true - }, - { - "identifier": "children", - "description": "子元素", - "type": "ReactChild", - "required": true - }, - { - "identifier": "emptyContent", - "type": "ReactNode", - "required": true - }, - { - "identifier": "spacing", - "type": "number", - "required": true - }, - { - "identifier": "operations", - "type": "string | number | boolean | {} | ReactElement ReactElement) | (new (props: any) => Component)> | ReactNodeArray | ReactPortal | object[]" - }, - { - "identifier": "operationConfig", - "type": "object" - }, - { - "identifier": "lastSaveTime", - "type": "number" - }, - { - "identifier": "device", - "type": "string" - }, - { - "identifier": "prefix", - "description": "样式前缀", - "type": "string" - }, - { - "identifier": "inline", - "description": "内联表单", - "type": "boolean" - }, - { - "identifier": "fullWidth", - "type": "boolean" - }, - { - "identifier": "colon", - "type": "boolean" - }, - { - "identifier": "size", - "description": "单个 Item 的 size 自定义,优先级高于 Form 的 size, 并且当组件与 Item 一起使用时,组件自身设置 size 属性无效。", - "type": "\"large\" | \"medium\" | \"small\"" - }, - { - "identifier": "labelAlign", - "description": "标签的位置", - "type": "\"top\" | \"left\" | \"inset\"" - }, - { - "identifier": "labelTextAlign", - "description": "标签的左右对齐方式", - "type": "\"left\" | \"right\"" - }, - { - "identifier": "field", - "description": "经 `new Field(this)` 初始化后,直接传给 Form 即可 用到表单校验则不可忽略此项", - "type": "any" - }, - { - "identifier": "saveField", - "description": "保存 Form 自动生成的 field 对象", - "type": "() => void" - }, - { - "identifier": "labelCol", - "description": "控制第一级 Item 的 labelCol", - "type": "SpanOffset" - }, - { - "identifier": "wrapperCol", - "description": "控制第一级 Item 的 wrapperCol", - "type": "SpanOffset" - }, - { - "identifier": "onSubmit", - "description": "form内有 `htmlType=\"submit\"` 的元素的时候会触发", - "type": "(event: FormEvent) => void" - }, - { - "identifier": "className", - "description": "扩展class", - "type": "string" - }, - { - "identifier": "disabled", - "description": "是否禁用", - "type": "boolean" - }, - { - "identifier": "style", - "description": "自定义内联样式", - "type": "CSSProperties" - }, - { - "identifier": "value", - "description": "表单数值", - "type": "any" - }, - { - "identifier": "onChange", - "description": "表单变化回调", - "type": "(values: any, item: any) => void" - }, - { - "identifier": "component", - "description": "设置标签类型", - "type": "string | (() => void)" - }, - { - "identifier": "responsive", - "description": "是否开启内置的响应式布局 (使用ResponsiveGrid)", - "type": "boolean" - }, - { - "identifier": "gap", - "type": "number | number[]" - }, - { - "identifier": "isPreview", - "description": "是否开启预览态", - "type": "boolean" - }, - { - "identifier": "useLabelForErrorMessage", - "description": "是否使用 label 替换校验信息的 name 字段", - "type": "boolean" - }, - { - "identifier": "onClick", - "description": "点击按钮的回调", - "type": "any" - }, - { - "identifier": "type", - "description": "按钮的类型", - "type": "\"primary\" | \"secondary\" | \"normal\"" - }, - { - "identifier": "icons", - "description": "按钮中 Icon 的尺寸,用于替代 Icon 的默认大小", - "type": "{ loading?: ReactNode; }" - }, - { - "identifier": "iconSize", - "description": "按钮中 Icon 的尺寸,用于替代 Icon 的默认大小", - "type": "number | \"large\" | \"medium\" | \"small\" | \"inherit\" | \"xxs\" | \"xs\" | \"xl\" | \"xxl\" | \"xxxl\"" - }, - { - "identifier": "htmlType", - "description": "当 component = 'button' 时,设置 button 标签的 type 值", - "type": "\"button\" | \"submit\" | \"reset\"" - }, - { - "identifier": "loading", - "description": "设置按钮的载入状态", - "type": "boolean" - }, - { - "identifier": "ghost", - "description": "是否为幽灵按钮", - "type": "boolean | \"light\" | \"dark\"" - }, - { - "identifier": "text", - "description": "是否为文本按钮", - "type": "boolean" - }, - { - "identifier": "warning", - "description": "是否为警告按钮", - "type": "boolean" - }, - { - "identifier": "href", - "description": "在Button组件使用component属性值为a时有效,代表链接页面的URL", - "type": "string" - }, - { - "identifier": "target", - "description": "在Button组件使用component属性值为a时有效,代表何处打开链接文档", - "type": "string" - }, - { - "identifier": "locale", - "description": "国际化文案对象,属性为组件的 displayName", - "type": "any" - }, - { - "identifier": "pure", - "description": "是否开启 Pure Render 模式,会提高性能,但是也会带来副作用", - "type": "boolean" - }, - { - "identifier": "rtl", - "description": "是否开启 rtl 模式", - "type": "boolean" - } - ] - } -} \ No newline at end of file diff --git a/packages/fusion-ui/docs/src/.umi/dumi/config.json b/packages/fusion-ui/docs/src/.umi/dumi/config.json deleted file mode 100644 index 6af1c90a..00000000 --- a/packages/fusion-ui/docs/src/.umi/dumi/config.json +++ /dev/null @@ -1,252 +0,0 @@ -{ - "menus": { - "zh-CN": { - "*": [ - { - "title": "AnchorForm", - "path": "/anchor-form", - "meta": {}, - "children": [ - { - "path": "/anchor-form", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "AreaChart", - "path": "/area-chart", - "meta": {}, - "children": [ - { - "path": "/area-chart", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "BarChart", - "path": "/bar-chart", - "meta": {}, - "children": [ - { - "path": "/bar-chart", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "ChildForm", - "path": "/child-form", - "meta": {}, - "children": [ - { - "path": "/child-form", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "ColumnChart", - "path": "/column-chart", - "meta": {}, - "children": [ - { - "path": "/column-chart", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "DonutChart", - "path": "/donut-chart", - "meta": {}, - "children": [ - { - "path": "/donut-chart", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "EditTable", - "path": "/edit-table", - "meta": {}, - "children": [ - { - "path": "/edit-table", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "ExpandTable", - "path": "/expand-table", - "meta": {}, - "children": [ - { - "path": "/expand-table", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "Filter", - "path": "/filter", - "meta": {}, - "children": [ - { - "path": "/filter", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "GroupTable", - "path": "/group-table", - "meta": {}, - "children": [ - { - "path": "/group-table", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "LineChart", - "path": "/line-chart", - "meta": {}, - "children": [ - { - "path": "/line-chart", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "PageHeader", - "path": "/page-header", - "meta": {}, - "children": [ - { - "path": "/page-header", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "PieChart", - "path": "/pie-chart", - "meta": {}, - "children": [ - { - "path": "/pie-chart", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "ProDialog", - "path": "/pro-dialog", - "meta": {}, - "children": [ - { - "path": "/pro-dialog", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "ProDrawer", - "path": "/pro-drawer", - "meta": {}, - "children": [ - { - "path": "/pro-drawer", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "ProForm", - "path": "/pro-form", - "meta": {}, - "children": [ - { - "path": "/pro-form", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "ProTable", - "path": "/pro-table", - "meta": {}, - "children": [ - { - "path": "/pro-table", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "StepForm", - "path": "/step-form", - "meta": {}, - "children": [ - { - "path": "/step-form", - "title": "何时使用", - "meta": {} - } - ] - }, - { - "title": "TabContainer", - "path": "/tab-container", - "meta": {}, - "children": [ - { - "path": "/tab-container", - "title": "何时使用", - "meta": {} - } - ] - } - ] - } - }, - "locales": [ - { - "name": "zh-CN", - "label": "中文" - } - ], - "navs": {}, - "title": "@alifd/fusion-ui", - "logo": "https://fusion.alicdn.com/images/jdSvK6gaqaWB.png", - "mode": "doc", - "repository": { - "url": "", - "branch": "master" - }, - "theme": {}, - "exportStatic": {} -} \ No newline at end of file diff --git a/packages/fusion-ui/docs/src/.umi/dumi/demos/index.ts b/packages/fusion-ui/docs/src/.umi/dumi/demos/index.ts deleted file mode 100644 index 6babc24f..00000000 --- a/packages/fusion-ui/docs/src/.umi/dumi/demos/index.ts +++ /dev/null @@ -1,583 +0,0 @@ -// @ts-nocheck -import React from 'react'; -import { dynamic } from 'dumi'; -import rawCode1 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/EditTable/index.tsx?dumi-raw-code'; -import rawCode2 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ExpandTable/index.tsx?dumi-raw-code'; -import rawCode3 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/Filter/index.tsx?dumi-raw-code'; -import rawCode4 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/GroupTable/index.tsx?dumi-raw-code'; -import rawCode5 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/basic.tsx?dumi-raw-code'; -import rawCode6 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/slider.tsx?dumi-raw-code'; -import rawCode7 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/basic.tsx?dumi-raw-code'; -import rawCode8 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/breadcrumb.tsx?dumi-raw-code'; -import rawCode9 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/basic.tsx?dumi-raw-code'; -import rawCode10 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/percent.tsx?dumi-raw-code'; -import rawCode11 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/basic.tsx?dumi-raw-code'; -import rawCode12 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/large-content.tsx?dumi-raw-code'; -import rawCode13 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDrawer/basic.tsx?dumi-raw-code'; -import rawCode14 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/basic.tsx?dumi-raw-code'; -import rawCode15 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/operations.tsx?dumi-raw-code'; -import rawCode16 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProTable/basic.tsx?dumi-raw-code'; -import rawCode17 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProTable/service.ts?dumi-raw-code'; -import rawCode18 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/StepForm/basic.tsx?dumi-raw-code'; -import rawCode19 from '!!dumi-raw-code-loader!/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/TabContainer/basic.tsx?dumi-raw-code'; - -export default { - 'BarChart-demo': { - component: dynamic({ - loader: async function () { - var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; - var _react = _interopRequireDefault(await import("react")); - var _fusionUi = await import("@alifd/fusion-ui"); - var props = { - data: [{ - year: '1991', - value: 72345678 - }, { - year: '1992', - value: 4321132 - }, { - year: '1993', - value: 33121112.5 - }, { - year: '1994', - value: 45227221 - }, { - year: '1995', - value: 4321221.9 - }, { - year: '1996', - value: 6322121 - }, { - year: '1997', - value: 78312213 - }, { - year: '1998', - value: 4192312 - }, { - year: '1999', - value: 6212332 - }, { - year: '2000', - value: 3192312 - }], - xField: 'value', - yField: 'year', - color: '#0079f2', - label: { - visible: true, - position: 'middle' - } - }; - var _default = function _default() { - return /*#__PURE__*/_react["default"].createElement("div", null, "basic demo", /*#__PURE__*/_react["default"].createElement(_fusionUi.BarChart, props)); - }; - return _default; - }, - loading: () => null -}), - previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\n\nimport { BarChart } from '@alifd/fusion-ui';\n\nconst props = {\n data: [\n { year: '1991', value: 72345678 },\n { year: '1992', value: 4321132 },\n { year: '1993', value: 33121112.5 },\n { year: '1994', value: 45227221 },\n { year: '1995', value: 4321221.9 },\n { year: '1996', value: 6322121 },\n { year: '1997', value: 78312213 },\n { year: '1998', value: 4192312 },\n { year: '1999', value: 6212332 },\n { year: '2000', value: 3192312 },\n ],\n xField: 'value',\n yField: 'year',\n color: '#0079f2',\n label: {\n visible: true,\n position: 'middle',\n },\n};\n\nexport default () => {\n return (\n
\n basic demo\n \n
\n );\n};"}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"BarChart-demo"}, - }, - 'ColumnChart-demo': { - component: dynamic({ - loader: async function () { - var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; - var _react = _interopRequireDefault(await import("react")); - var _fusionUi = await import("@alifd/fusion-ui"); - var props = { - data: [{ - year: '1991', - value: 72345678 - }, { - year: '1992', - value: 4321132 - }, { - year: '1993', - value: 33121112.5 - }, { - year: '1994', - value: 45227221 - }, { - year: '1995', - value: 4321221.9 - }, { - year: '1996', - value: 6322121 - }, { - year: '1997', - value: 78312213 - }, { - year: '1998', - value: 4192312 - }, { - year: '1999', - value: 6212332 - }, { - year: '2000', - value: 3192312 - }], - xField: 'year', - yField: 'value', - color: '#0079f2', - label: { - visible: true, - position: 'middle' - } - }; - var _default = function _default() { - return /*#__PURE__*/_react["default"].createElement("div", null, "basic demo", /*#__PURE__*/_react["default"].createElement(_fusionUi.ColumnChart, props)); - }; - return _default; - }, - loading: () => null -}), - previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\n\nimport { ColumnChart } from '@alifd/fusion-ui';\n\nconst props = {\n data: [\n { year: '1991', value: 72345678 },\n { year: '1992', value: 4321132 },\n { year: '1993', value: 33121112.5 },\n { year: '1994', value: 45227221 },\n { year: '1995', value: 4321221.9 },\n { year: '1996', value: 6322121 },\n { year: '1997', value: 78312213 },\n { year: '1998', value: 4192312 },\n { year: '1999', value: 6212332 },\n { year: '2000', value: 3192312 },\n ],\n xField: 'year',\n yField: 'value',\n color: '#0079f2',\n label: {\n visible: true,\n position: 'middle',\n },\n};\n\nexport default () => {\n return (\n
\n basic demo\n \n
\n );\n};"}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"ColumnChart-demo"}, - }, - 'DonutChart-demo': { - component: dynamic({ - loader: async function () { - var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; - var _react = _interopRequireDefault(await import("react")); - var _fusionUi = await import("@alifd/fusion-ui"); - var props = { - legend: { - position: 'top-left' - }, - data: [{ - year: '1991', - value: 72345678 - }, { - year: '1992', - value: 4321132 - }, { - year: '1993', - value: 33121112.5 - }, { - year: '1994', - value: 45227221 - }, { - year: '1995', - value: 4321221.9 - }, { - year: '1996', - value: 6322121 - }, { - year: '1997', - value: 78312213 - }, { - year: '1998', - value: 2192312 - }, { - year: '1999', - value: 6212332 - }, { - year: '2000', - value: 1192312 - }], - angleField: 'value', - colorField: 'year', - label: { - visible: true, - type: 'spider' - }, - color: ['#3BCBD1', '#47A4FE', '#EDBA42', '#F4704E', '#ED6899', '#7F62C3', '#6E7BC9'] - }; - var _default = function _default() { - return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_fusionUi.DonutChart, props)); - }; - return _default; - }, - loading: () => null -}), - previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\n\nimport { DonutChart } from '@alifd/fusion-ui';\n\nconst props = {\n legend: {\n position: 'top-left',\n },\n data: [\n { year: '1991', value: 72345678 },\n { year: '1992', value: 4321132 },\n { year: '1993', value: 33121112.5 },\n { year: '1994', value: 45227221 },\n { year: '1995', value: 4321221.9 },\n { year: '1996', value: 6322121 },\n { year: '1997', value: 78312213 },\n { year: '1998', value: 2192312 },\n { year: '1999', value: 6212332 },\n { year: '2000', value: 1192312 },\n ],\n angleField: 'value',\n colorField: 'year',\n label: {\n visible: true,\n type: 'spider',\n },\n color: ['#3BCBD1', '#47A4FE', '#EDBA42', '#F4704E', '#ED6899', '#7F62C3', '#6E7BC9'],\n};\n\nexport default () => {\n return (\n
\n \n
\n );\n};"}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"DonutChart-demo"}, - }, - 'DonutChart-demo-1': { - component: dynamic({ - loader: async function () { - var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; - var _react = _interopRequireDefault(await import("react")); - var _fusionUi = await import("@alifd/fusion-ui"); - var props = { - legend: { - position: 'top-left' - }, - data: [{ - year: '1991', - value: 72345678 - }, { - year: '1992', - value: 4321132 - }, { - year: '1993', - value: 33121112.5 - }, { - year: '1994', - value: 45227221 - }, { - year: '1995', - value: 4321221.9 - }, { - year: '1996', - value: 6322121 - }, { - year: '1997', - value: 78312213 - }, { - year: '1998', - value: 2192312 - }, { - year: '1999', - value: 6212332 - }, { - year: '2000', - value: 1192312 - }], - angleField: 'value', - colorField: 'year', - color: ['#3BCBD1', '#47A4FE', '#EDBA42', '#F4704E', '#ED6899', '#7F62C3', '#6E7BC9'] - }; - var _default = function _default() { - return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_fusionUi.DonutChart, props)); - }; - return _default; - }, - loading: () => null -}), - previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\nimport { DonutChart } from '@alifd/fusion-ui';\n\nconst props = {\n legend: {\n position: 'top-left',\n },\n data: [\n { year: '1991', value: 72345678 },\n { year: '1992', value: 4321132 },\n { year: '1993', value: 33121112.5 },\n { year: '1994', value: 45227221 },\n { year: '1995', value: 4321221.9 },\n { year: '1996', value: 6322121 },\n { year: '1997', value: 78312213 },\n { year: '1998', value: 2192312 },\n { year: '1999', value: 6212332 },\n { year: '2000', value: 1192312 },\n ],\n angleField: 'value',\n colorField: 'year',\n color: ['#3BCBD1', '#47A4FE', '#EDBA42', '#F4704E', '#ED6899', '#7F62C3', '#6E7BC9'],\n};\n\nexport default () => {\n return (\n
\n \n
\n );\n};"}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"DonutChart-demo-1"}, - }, - 'docs-edittable': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_elbaTtidE" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/EditTable/index.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode1}},"dependencies":{"react":{"version":"16.14.0"}},"componentName":"EditTable","identifier":"docs-edittable"}, - }, - 'docs-expandtable': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_elbaTdnapxE" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ExpandTable/index.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode2}},"dependencies":{"react":{"version":"16.14.0"}},"componentName":"ExpandTable","identifier":"docs-expandtable"}, - }, - 'docs-filter': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_retliF" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/Filter/index.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode3}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"componentName":"Filter","identifier":"docs-filter"}, - }, - 'docs-grouptable': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_elbaTpuorG" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/GroupTable/index.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode4}},"dependencies":{"react":{"version":"16.14.0"}},"componentName":"GroupTable","identifier":"docs-grouptable"}, - }, - 'linechart-basic': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/basic.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode5}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"linechart-basic"}, - }, - 'linechart-slider': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/LineChart/slider.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode6}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"linechart-slider"}, - }, - 'pageheader-basic': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/basic.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode7}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"pageheader-basic"}, - }, - 'pageheader-breadcrumb': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PageHeader/breadcrumb.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode8}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"pageheader-breadcrumb"}, - }, - 'piechart-basic': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/basic.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode9}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"piechart-basic"}, - }, - 'piechart-percent': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/PieChart/percent.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode10}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"piechart-percent"}, - }, - 'prodialog-basic': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/basic.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode11}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"prodialog-basic"}, - }, - 'prodialog-large-content': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDialog/large-content.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode12}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"prodialog-large-content"}, - }, - 'prodrawer-basic': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProDrawer/basic.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode13}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"prodrawer-basic"}, - }, - 'proform-basic': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/basic.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode14}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"proform-basic"}, - }, - 'proform-operations': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProForm/operations.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode15}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"proform-operations"}, - }, - 'protable-basic': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/ProTable/basic.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode16},"service.ts":{"import":"./service","content":rawCode17}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"},"qs":{"version":"6.11.1"}},"transform":"true","identifier":"protable-basic"}, - }, - 'stepform-basic': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/StepForm/basic.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode18}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"transform":"true","identifier":"stepform-basic"}, - }, - 'tabcontainer-basic': { - component: dynamic({ - loader: async () => (await import(/* webpackChunkName: "demos_no_comp" */'/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/docs/src/TabContainer/basic.tsx')).default, - loading: () => null, - }), - previewerProps: {"sources":{"_":{"tsx":rawCode19}},"dependencies":{"react":{"version":"16.14.0"}},"transform":"true","identifier":"tabcontainer-basic"}, - }, - 'anchorForm-demo': { - component: dynamic({ - loader: async function () { - var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; - var _react = _interopRequireDefault(await import("react")); - var _fusionUi = await import("@alifd/fusion-ui"); - var anchorFormProps = { - showAnchor: true, - enableRandomHtmlId: true, - anchorProps: { - direction: 'hoz', - hasAffix: true - }, - operationConfig: { - align: 'center' - }, - operations: [{ - content: '提交', - action: 'submit', - type: 'secondary' - }, { - content: '重置', - action: 'reset', - type: 'secondary' - }] - }; - var childFormProps = [1, 2, 3, 4, 5, 6, 7, 8].map(function (item) { - return { - columns: 2, - mode: 'independent', - anchorItemProps: { - label: "Tab-".concat(item) - }, - cardSectionProps: { - noBullet: true, - tagGroup: [{ - label: '操作', - color: 'orange' - }, { - label: '操作', - color: 'green' - }, { - label: '操作', - color: 'blue' - }] - } - }; - }); - var formInputProps = { - formItemProps: { - label: '表单项', - size: 'medium', - device: 'desktop', - fullWidth: true - }, - placeholder: '请输入' - }; - var _default = function _default() { - return /*#__PURE__*/_react["default"].createElement("div", null, "basic demo", /*#__PURE__*/_react["default"].createElement(_fusionUi.TabContainer, null, /*#__PURE__*/_react["default"].createElement(_fusionUi.TabContainer.Item, { - title: "123" - }, /*#__PURE__*/_react["default"].createElement(_fusionUi.AnchorForm, anchorFormProps, /*#__PURE__*/_react["default"].createElement(_fusionUi.ChildForm, childFormProps[0], /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps)), /*#__PURE__*/_react["default"].createElement(_fusionUi.ChildForm, childFormProps[1], /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps)), /*#__PURE__*/_react["default"].createElement(_fusionUi.ChildForm, childFormProps[2], /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps)), /*#__PURE__*/_react["default"].createElement(_fusionUi.ChildForm, childFormProps[3], /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps)))), /*#__PURE__*/_react["default"].createElement(_fusionUi.TabContainer.Item, { - title: "456" - }, /*#__PURE__*/_react["default"].createElement(_fusionUi.AnchorForm, anchorFormProps, /*#__PURE__*/_react["default"].createElement(_fusionUi.ChildForm, childFormProps[4], /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps)), /*#__PURE__*/_react["default"].createElement(_fusionUi.ChildForm, childFormProps[5], /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps)), /*#__PURE__*/_react["default"].createElement(_fusionUi.ChildForm, childFormProps[6], /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps)), /*#__PURE__*/_react["default"].createElement(_fusionUi.ChildForm, childFormProps[7], /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps), /*#__PURE__*/_react["default"].createElement(_fusionUi.FormInput, formInputProps)))))); - }; - return _default; - }, - loading: () => null -}), - previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\nimport { AnchorForm, ChildForm, FormInput, TabContainer } from '@alifd/fusion-ui';\n\nconst anchorFormProps = {\n showAnchor: true,\n enableRandomHtmlId: true,\n anchorProps: {\n direction: 'hoz',\n hasAffix: true,\n },\n operationConfig: {\n align: 'center',\n },\n operations: [\n {\n content: '提交',\n action: 'submit',\n type: 'secondary',\n },\n {\n content: '重置',\n action: 'reset',\n type: 'secondary',\n },\n ],\n};\n\nconst childFormProps = [1, 2, 3, 4, 5, 6, 7, 8].map((item) => ({\n columns: 2,\n mode: 'independent',\n anchorItemProps: {\n label: `Tab-${item}`,\n },\n cardSectionProps: {\n noBullet: true,\n tagGroup: [\n {\n label: '操作',\n color: 'orange',\n },\n {\n label: '操作',\n color: 'green',\n },\n {\n label: '操作',\n color: 'blue',\n },\n ],\n },\n}));\n\nconst formInputProps = {\n formItemProps: {\n label: '表单项',\n size: 'medium',\n device: 'desktop',\n fullWidth: true,\n },\n placeholder: '请输入',\n};\n\nexport default () => {\n return (\n
\n basic demo\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n};"}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"anchorForm-demo"}, - }, - 'areaChart-demo': { - component: dynamic({ - loader: async function () { - var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; - var _react = _interopRequireDefault(await import("react")); - var _fusionUi = await import("@alifd/fusion-ui"); - var props = { - data: [{ - year: '1991', - value: 72345678 - }, { - year: '1992', - value: 4321132 - }, { - year: '1993', - value: 33121112.5 - }, { - year: '1994', - value: 45227221 - }, { - year: '1995', - value: 4321221.9 - }, { - year: '1996', - value: 6322121 - }, { - year: '1997', - value: 78312213 - }, { - year: '1998', - value: 4192312 - }, { - year: '1999', - value: 6212332 - }, { - year: '2000', - value: 3192312 - }], - xField: 'year', - yField: 'value', - color: '#0079f2', - label: { - visible: true - } - }; - var _default = function _default() { - return /*#__PURE__*/_react["default"].createElement(_fusionUi.AreaChart, props); - }; - return _default; - }, - loading: () => null -}), - previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\nimport { AreaChart } from '@alifd/fusion-ui';\n\nconst props = {\n data: [\n { year: '1991', value: 72345678 },\n { year: '1992', value: 4321132 },\n { year: '1993', value: 33121112.5 },\n { year: '1994', value: 45227221 },\n { year: '1995', value: 4321221.9 },\n { year: '1996', value: 6322121 },\n { year: '1997', value: 78312213 },\n { year: '1998', value: 4192312 },\n { year: '1999', value: 6212332 },\n { year: '2000', value: 3192312 },\n ],\n xField: 'year',\n yField: 'value',\n color: '#0079f2',\n label: {\n visible: true,\n },\n};\n\nexport default () => {\n return ;\n};"}},"dependencies":{"react":{"version":"16.14.0"}},"identifier":"areaChart-demo"}, - }, - 'childForm-demo': { - component: dynamic({ - loader: async function () { - var _interopRequireDefault = require("/Users/guojia/Desktop/WorkApp/\u4F4E\u4EE3\u7801\u5F00\u6E90\u57DF/lowcode-materials/packages/fusion-ui/node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/interopRequireDefault.js")["default"]; - var _react = _interopRequireDefault(await import("react")); - var _next = await import("@alifd/next"); - var _fusionUi = await import("@alifd/fusion-ui"); - var ProFormItem = _fusionUi.ProForm.Item; - var _default = function _default() { - return /*#__PURE__*/_react["default"].createElement(_fusionUi.ChildForm, { - operations: [{ - action: 'submit', - type: 'primary', - content: '提交' - }, { - action: 'reset', - type: 'secondary', - content: '重置' - }, { - action: 'custom', - type: 'secondary', - content: 'abc' - }], - emptyContent: "\u6DFB\u52A0\u8868\u5355\u9879", - operationConfig: { - align: 'operation-align-center' - }, - labelAlign: "top", - placeholderStyle: { - border: 0, - color: '#0088FF', - background: '#d8d8d836', - height: '38px', - gridArea: 'span 4 / span 4' - }, - columns: 3, - placeholder: "\u8BF7\u5728\u53F3\u4FA7\u9762\u677F\u6DFB\u52A0\u8868\u5355\u9879+", - labelCol: { - fixedSpan: 4 - } - }, /*#__PURE__*/_react["default"].createElement(ProFormItem, { - required: true, - name: "email", - size: "medium", - componentProps: { - componentName: 'Input' - }, - label: "\u8868\u5355\u9879", - device: "desktop", - primaryKey: "9815" - }, /*#__PURE__*/_react["default"].createElement(_next.Input, { - autoComplete: "off", - size: "medium", - hasBorder: true - })), /*#__PURE__*/_react["default"].createElement(ProFormItem, { - size: "medium", - componentProps: { - componentName: 'Input' - }, - label: "\u8868\u5355\u9879", - device: "desktop", - primaryKey: "1961" - }, /*#__PURE__*/_react["default"].createElement(_next.Input, { - autoComplete: "off", - size: "medium", - hasBorder: true - })), /*#__PURE__*/_react["default"].createElement(ProFormItem, { - size: "medium", - componentProps: { - componentName: 'Input' - }, - label: "\u8868\u5355\u9879", - device: "desktop", - primaryKey: "6067" - }, /*#__PURE__*/_react["default"].createElement(_next.Input, { - autoComplete: "off", - size: "medium", - hasBorder: true - }))); - }; - return _default; - }, - loading: () => null -}), - previewerProps: {"sources":{"_":{"tsx":"import React from 'react';\nimport { Input } from '@alifd/next';\nimport { ChildForm, ProForm } from '@alifd/fusion-ui';\n\nconst ProFormItem = ProForm.Item;\n\nexport default () => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n};"}},"dependencies":{"react":{"version":">=16.0.0"},"@alifd/next":{"version":"1.26.15","css":"@alifd/next/dist/next.css"},"@alifd/meet-react":{"version":"^2.0.0"},"moment":{"version":"^2.22.1"},"react-dom":{"version":">=16.0.0"}},"identifier":"childForm-demo"}, - }, -}; diff --git a/packages/fusion-ui/docs/src/.umi/dumi/layout.tsx b/packages/fusion-ui/docs/src/.umi/dumi/layout.tsx deleted file mode 100644 index 695aeccd..00000000 --- a/packages/fusion-ui/docs/src/.umi/dumi/layout.tsx +++ /dev/null @@ -1,8 +0,0 @@ -// @ts-nocheck -import React from 'react'; -import config from '@@/dumi/config'; -import demos from '@@/dumi/demos'; -import apis from '@@/dumi/apis'; -import Layout from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/preset-dumi/lib/theme/layout'; - -export default (props) => ; diff --git a/packages/fusion-ui/docs/src/.umi/umi.ts b/packages/fusion-ui/docs/src/.umi/umi.ts deleted file mode 100644 index d1e450d9..00000000 --- a/packages/fusion-ui/docs/src/.umi/umi.ts +++ /dev/null @@ -1,59 +0,0 @@ -// @ts-nocheck -import './core/polyfill'; -import '@@/core/devScripts'; -import { plugin } from './core/plugin'; -import './core/pluginRegister'; -import { createHistory } from './core/history'; -import { ApplyPluginsType } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/runtime'; -import { renderClient } from '/Users/guojia/Desktop/WorkApp/低代码开源域/lowcode-materials/packages/fusion-ui/node_modules/@umijs/renderer-react/dist/index.js'; -import { getRoutes } from './core/routes'; - - - - -const getClientRender = (args: { hot?: boolean; routes?: any[] } = {}) => plugin.applyPlugins({ - key: 'render', - type: ApplyPluginsType.compose, - initialValue: () => { - const opts = plugin.applyPlugins({ - key: 'modifyClientRenderOpts', - type: ApplyPluginsType.modify, - initialValue: { - routes: args.routes || getRoutes(), - plugin, - history: createHistory(args.hot), - isServer: process.env.__IS_SERVER, - dynamicImport: true, - rootElement: 'root', - defaultTitle: ``, - }, - }); - return renderClient(opts); - }, - args, -}); - -const clientRender = getClientRender(); -export default clientRender(); - - - window.g_umi = { - version: '3.5.38', - }; - - -// hot module replacement -// @ts-ignore -if (module.hot) { - // @ts-ignore - module.hot.accept('./core/routes', () => { - const ret = require('./core/routes'); - if (ret.then) { - ret.then(({ getRoutes }) => { - getClientRender({ hot: true, routes: getRoutes() })(); - }); - } else { - getClientRender({ hot: true, routes: ret.getRoutes() })(); - } - }); -} diff --git a/packages/fusion-ui/lowcode/area-chart/meta.ts b/packages/fusion-ui/lowcode/area-chart/meta.ts index ea5288d3..f28d0a01 100644 --- a/packages/fusion-ui/lowcode/area-chart/meta.ts +++ b/packages/fusion-ui/lowcode/area-chart/meta.ts @@ -1,6 +1,5 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -// import { wrapWithCard } from '../pro-card/meta'; const AreaChartMeta: ComponentMetadata = { componentName: 'AreaChart', diff --git a/packages/fusion-ui/lowcode/bar-chart/meta.ts b/packages/fusion-ui/lowcode/bar-chart/meta.ts index cc35b288..8b3df9e1 100644 --- a/packages/fusion-ui/lowcode/bar-chart/meta.ts +++ b/packages/fusion-ui/lowcode/bar-chart/meta.ts @@ -1,6 +1,5 @@ import { ComponentMetadata, Snippet } from '@ali/lowcode-types'; import { actionConfigure } from '../common/chart-action'; -// import { wrapWithCard } from '../pro-card/meta'; const BarChartMeta: ComponentMetadata = { componentName: 'BarChart', From 3ff7a8949a7a986c811fe3ca53c2f8cdc7c109ba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=9C=E5=98=89?= <591687284@qq.com> Date: Wed, 22 Mar 2023 10:54:55 +0800 Subject: [PATCH 6/6] =?UTF-8?q?fix:=20=E5=88=A0=E9=99=A4=E6=B3=A8=E9=87=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../fusion-ui/lowcode/anchor-form/meta.ts | 137 ------------------ packages/fusion-ui/src/index.scss | 4 +- 2 files changed, 2 insertions(+), 139 deletions(-) diff --git a/packages/fusion-ui/lowcode/anchor-form/meta.ts b/packages/fusion-ui/lowcode/anchor-form/meta.ts index 9a033ebb..3c4faeb3 100644 --- a/packages/fusion-ui/lowcode/anchor-form/meta.ts +++ b/packages/fusion-ui/lowcode/anchor-form/meta.ts @@ -83,143 +83,6 @@ const AnchorFormMeta: IComponentDescription = { }, ], }, - // { - // title: { - // label: { type: 'i18n', 'en-US': 'Card Config', 'zh-CN': '卡片设置' }, - // tip: 'Card Config | 卡片设置', - // }, - // name: '!dataSource', - // display: 'accordion', - // setter: { - // componentName: 'ArraySetter', - // props: { - // itemSetter: { - // componentName: 'ObjectSetter', - // props: { - // config: { - // items: [ - // { - // title: '卡片名称', - // defaultValue: '标题', - // name: 'anchorItemProps.label', - // setter: 'StringSetter', - // important: true, - // }, - // { - // title: 'htmlId', - // important: false, - // condition: hideProp, - // name: 'anchorItemProps.htmlId', - // setter: 'StringSetter', - // defaultValue: (val: any) => { - // if (val) return val; - // return mockId(); - // }, - // }, - // ..._cardProps, - // ], - // }, - // }, - // initialValue: () => ({ - // anchorItemProps: { - // htmlId: mockId(), - // label: '标题', - // }, - // noBullet: true, - // }), - // }, - // }, - // }, - // getValue: (target) => { - // const map = target.node.children.map((child) => { - // const anchorItemProps = child.getPropValue('anchorItemProps') || {}; - // const cardProps = child.getPropValue('cardProps') || {}; - // const htmlId = anchorItemProps.htmlId ? anchorItemProps.htmlId : child.id; - // if (!anchorItemProps.htmlId) { - // anchorItemProps.htmlId = htmlId; - // } - // if (!anchorItemProps.label) { - // anchorItemProps.label = '标题'; - // } - // return { - // anchorItemProps, - // ...cardProps, - // htmlId, - // }; - // }); - // return map; - // }, - // setValue: (target, value) => { - // const { node } = target; - // const map = {}; - // if (!Array.isArray(value)) { - // value = []; - // } - // value.forEach((item) => { - // const anchorFormItem = Object.assign({}, item); - // const { anchorItemProps, ...cardProps } = anchorFormItem; - // map[item.htmlId] = { - // anchorItemProps, - // cardProps, - // }; - // }); - - // node.children.mergeChildren( - // (child) => { - // const htmlId = String(child.getPropValue('htmlId')); - // if (Object.hasOwnProperty.call(map, htmlId)) { - // child.setPropValue('anchorItemProps', map[htmlId].anchorItemProps); - // child.setPropValue('cardProps', map[htmlId].cardProps); - // delete map[htmlId]; - // return false; - // } - // return true; - // }, - // () => { - // const items = []; - // for (const htmlId in map) { - // if (Object.hasOwnProperty.call(map, htmlId)) { - // const { anchorItemProps, cardProps } = map[htmlId]; - // items.push({ - // componentName: 'ChildForm', - // props: { - // columns: 2, - // htmlId, - // mode: 'independent', - // anchorItemProps, - // cardProps, - // labelAlign: cardProps.labelAlign || 'top', - // }, - // children: [...new Array(4).keys()].map(() => ({ - // componentName: 'FormInput', - // props: { - // formItemProps: { - // primaryKey: mockId(), - // label: '表单项', - // size: 'medium', - // device: 'desktop', - // fullWidth: true, - // }, - // placeholder: '请输入', - // }, - // })), - // }); - // } - // } - // return items; - // }, - // (child1, child2) => { - // const a = value.findIndex( - // (item) => String(item.htmlId) === String(child1.getPropValue('htmlId')), - // ); - // const b = value.findIndex( - // (item) => String(item.htmlId) === String(child2.getPropValue('htmlId')), - // ); - // return a - b; - // }, - // ); - // }, - // }, { title: { label: { type: 'i18n', 'en-US': 'container', 'zh-CN': '容器,默认是 win' }, diff --git a/packages/fusion-ui/src/index.scss b/packages/fusion-ui/src/index.scss index bbaa9ddc..be8b504d 100644 --- a/packages/fusion-ui/src/index.scss +++ b/packages/fusion-ui/src/index.scss @@ -7,7 +7,7 @@ @import './components/filter/index.scss'; @import './components/menu/index.scss'; @import './components/menu-button/index.scss'; -// @import './components/pro-card/index.scss'; + @import './components/pro-dialog/index.scss'; @import './components/pro-drawer/index.scss'; @import './components/page-header/index.scss'; @@ -16,7 +16,7 @@ @import './components/segment/index.scss'; @import './components/tab-container/index.scss'; @import './components/toggle-icon/index.scss'; -// @import '~@alifd/pro-layout/lib/pro-card/index.scss'; + #{$biz-css-prefix}page .lc-container-placeholder { min-height: 48px;