@teamix/pro 1.5.1-aplha.0 → 1.5.1

package/lib/info/typing.d.ts

@@ -0,0 +1,218 @@
+import { ProFieldRenderProps, ProFieldDataSourceItem, ProFieldProps, ProFieldType } from '../field';
+import { ActionGroupProps, ProActionButtonProps } from '../actions';
+import { Method } from 'axios';
+import React from 'react';
+import { CommonRequestConfig } from '@teamix/utils';
+import { ProCardProps } from '../card';
+import { ProFormProps } from '../form';
+/** 列record函数 */
+declare type ProInfoCellFunProp = (value: any, record: any) => any;
+declare type FieldRenderProps = keyof ProFieldRenderProps;
+declare type ProInfoCellRender = {
+    [key in FieldRenderProps]?: ProFieldRenderProps[key] | ProInfoCellFunProp;
+} | ((...other: any) => React.ReactNode);
+export declare type PropInfoRequestProps = {
+    /** 请求地址 */
+    url?: string;
+    /** 请求方法 */
+    method?: Method;
+    /** 请求参数 */
+    params?: object;
+    /** 对返回值的 data 进行映射处理  */
+    formatResult?: {
+        [key: string]: any;
+    } | ((res: any) => {
+        [key: string]: any;
+    });
+    /** 请求成功后经过 formatResult 转换后的回调 */
+    onFormatResult?: (data: any[]) => void;
+    /** 内部请求每次成功后的回调 */
+    onSuccess?: (res: any) => void;
+    /** 内部请求失败时的回调 */
+    onError?: (error: Error) => void;
+};
+export interface ProInfoRequestProps extends Partial<CommonRequestConfig> {
+}
+/** ProInfoBaseProps info 基础定义 */
+export declare type ProInfoBaseProps = {
+    /** ProColums 定义，取代 Table 的 columns */
+    columns: ProInfoColumnsProps[];
+    /** ProInfo action 的引用，便于手动触发一些方法  */
+    actionRef?: React.MutableRefObject<ProInfoActionType | undefined>;
+    /** 标题区 推荐将header中的内容平铺到ProCard中。即将不支持此写法 */
+    header?: ProInfoHeaderProps;
+    /** info 数据源 */
+    dataSource?: {
+        [key: string]: any;
+    };
+    /** 布局值 */
+    layout?: ProBaseInfoLayoutProps;
+    /** 加载动画 */
+    loading?: boolean;
+    /** 上下文传递 */
+    context?: object;
+} & ProInfoHeaderProps & ProInfoRequestProps;
+/** ProInfoColumnsProps info 单元格 定义 */
+export declare type ProInfoItemProps = ProInfoColumnsProps;
+export interface ProInfoColumnsProps {
+    /** 标题 */
+    title: string;
+    /** 列表项展示的Tooltip */
+    tooltip?: string;
+    /**
+     * title 之后展示一个 icon 设置，可传 TeamixIcon 对应的 type，也可以是自定义 Icon
+     */
+    tooltipIcon?: React.ReactNode;
+    /** 对应 ProField 里面的 type */
+    valueType?: ProFieldType;
+    /** 渲染单元格内容字段 */
+    render?: ProInfoCellRender;
+    /** 枚举值 */
+    dataSource?: ProFieldDataSourceItem[] | ProInfoCellFunProp;
+    /** 表头的筛选菜单项，当值为 true 时，自动使用 dataSource 生成 */
+    filters?: boolean;
+    /** 操作组配置 */
+    actionSchema?: ActionGroupProps;
+    /** 指定列对应的字段，支持`a.b`形式的快速取值 和 数组取值 */
+    dataIndex?: string | string[];
+    /** 合并行 */
+    colSpan?: number;
+    /** 是否可被编辑 */
+    isEdit?: boolean | ProInfoCellFunProp;
+    /** 点击确定的回调函数 */
+    editOnOk?: (form: any, e: React.MouseEvent) => void | Promise<any>;
+    /** 点击取消的回调函数 */
+    editOnCancel?: (form: any, e: React.MouseEvent) => void | Promise<any>;
+    /** 请求地址 */
+    editUrl?: string;
+    /** 请求方法 */
+    editMethod?: Method;
+    /** 如需自定义调用参数格式，则可以设定此值在请求前对 params 进行自定义，如果返回false则可以阻止请求 */
+    editFormatParams?: (params: any, record: any) => typeof params;
+    /** edit ProForm 配置 */
+    editProFormProps?: ProFormProps | ProInfoCellFunProp;
+    /** 编辑请求成功提示文案 */
+    successMessage?: string;
+    /** 列 actions 配置 */
+    actions?: ProActionButtonProps[];
+    /** 追加在列后 */
+    extra?: React.ReactNode;
+    /** 其他 ProField 配置 */
+    props?: any;
+    /** 对齐方式 **/
+    alignItems?: 'center' | 'flex-start' | 'flex-end' | string;
+    /** 是否隐藏 **/
+    hidden?: boolean | ProInfoCellFunProp | string;
+}
+export declare type ProInfoActionType = {
+    /** 刷新Info */
+    refresh?: (params?: any) => void;
+};
+/** FormItem 定义 */
+export declare type IProProInfoItem = {
+    /** label */
+    label: React.ReactNode;
+    /** 值 */
+    value: React.ReactNode;
+    /** 基础详情布局值 */
+    baseInfoLayout?: ProBaseInfoLayoutProps;
+    /** 头部详情布局值 */
+    headerInfoLayout?: ProHeaderInfoLayoutProps;
+    /** loading 状态 */
+    loading?: boolean;
+} & Pick<ProInfoColumnsProps, 'tooltip' | 'tooltipIcon' | 'render' | 'valueType' | 'alignItems'>;
+/** header info 定义 */
+export declare type IProHeaderInfo = {
+    /** 布局值 */
+    layout?: ProHeaderInfoLayoutProps;
+} & Omit<ProInfoBaseProps, 'layout'>;
+/** table info 定义 */
+export declare type IProTableInfo = {
+    /** 布局值 */
+    layout?: TableInfoLayoutProps;
+} & Omit<ProInfoBaseProps, 'layout'>;
+declare type ProInfoBasePropsOmitLayout = Omit<ProInfoBaseProps, 'layout'>;
+/** ProInfo */
+export declare type ProInfoProps = {
+    /** 布局值 */
+    layout?: TableInfoLayoutProps | ProHeaderInfoLayoutProps | ProBaseInfoLayoutProps;
+    /** 类型 */
+    type?: 'base' | 'header' | 'table';
+} & ProInfoBasePropsOmitLayout & ProInfoTransparentBase;
+export declare type IProHeaderInfoItem = {};
+export declare type BaseInfoLayoutProps = ProBaseInfoLayoutProps;
+export declare type ProBaseInfoLayoutProps = {
+    span?: number;
+    labelCol?: {
+        span: number;
+    };
+    wrapperCol?: {
+        span: number;
+    };
+};
+export declare type headerInfoLayout = ProHeaderInfoLayoutProps;
+export declare type ProHeaderInfoLayoutProps = {
+    /** label 间隔 */
+    labelGutter?: number | string;
+    /** 列数 宽度 */
+    colNum?: number;
+};
+/** infoGroup */
+export declare type ProInfoGroupProps = {
+    children?: React.ReactNode[] | React.ReactNode | ProInfoBaseProps[];
+    /** 是否有有分割线 */
+    divider?: boolean;
+    /** 是否是紧凑模式 */
+    compacted?: ProCardProps['compacted'];
+    /** 背景颜色 */
+    backgroundColor?: ProCardProps['backgroundColor'];
+    /** 上下文 */
+    context?: object;
+} & ProInfoRequestProps & React.HTMLAttributes<HTMLElement>;
+export declare type TableInfoLayoutProps = {} & ProHeaderInfoLayoutProps;
+export declare type InfoValueItemProps = {
+    infoItem: ProInfoColumnsProps;
+    record: any;
+    actionRef?: React.MutableRefObject<ProInfoActionType | undefined>;
+    render?: ProInfoCellRender;
+    dataSource?: ProFieldDataSourceItem[] | ProInfoCellFunProp;
+    context?: object;
+    props?: any;
+} & Omit<ProFieldProps, 'render' | 'dataSource'>;
+export declare type ProInfoHeaderProps = Omit<ProCardProps, 'loading'>;
+/** ProInfoGroupContextProps */
+export declare type ProInfoGroupContextProps = {
+    /** 因为其他数据都为异步。visible 只用作标识 */
+    visible?: boolean;
+    layout?: ProInfoBaseProps['layout'];
+    size?: {
+        width?: number;
+        height?: number;
+    };
+    context?: object;
+} & ProInfoRequestProps;
+/** 基本透传类型 */
+export declare type ProInfoTransparentBase = {
+    /**
+     * 键盘按下
+     */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * 焦点获得
+     */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * 焦点失去
+     */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** class name */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+};
+export declare type ProInfoTransRequestResult = {
+    loading: boolean;
+    result: any;
+    refresh?: () => void;
+};
+export {};

package/lib/info/typing.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/info/utils/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ProInfoActionType, ProInfoGroupContextProps, ProInfoColumnsProps } from '../typing';
+export declare function useActionType<T>(ref: React.MutableRefObject<ProInfoActionType | undefined>, action: ProInfoActionType): void;
+/** ProInfoGroupContext */
+export declare const ProInfoGroupContext: React.Context<ProInfoGroupContextProps>;
+/**
+ * 获取 dataIndex 值
+ * @param dataIndex
+ * @param dataSource
+ * @returns
+ */
+export declare function getDataIndexValue(dataIndex: ProInfoColumnsProps['dataIndex'], dataSource: object): any;
+/**
+ * 判断是否隐藏
+ * @param hidden
+ * @param value
+ * @param record
+ * @param context
+ */
+export declare function isHidden(hidden: ProInfoColumnsProps['hidden'], value: any, record: any, context: any): any;

package/lib/info/utils/layout.d.ts

@@ -0,0 +1,2 @@
+declare const defaultLayoutMap: any;
+export default defaultLayoutMap;

package/lib/info/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare function getLayout(width: number): "xs" | "xl" | "l" | "s" | "m";

package/lib/layout/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/lib/nocode/configurators/Card.d.ts

@@ -0,0 +1,3 @@
+import { Configurator } from '.';
+declare const configurator: Configurator;
+export default configurator;

package/lib/nocode/configurators/PageHeader.d.ts

@@ -0,0 +1,3 @@
+import { Configurator } from '.';
+declare const configurator: Configurator;
+export default configurator;

package/lib/nocode/configurators/ProTable.d.ts

@@ -0,0 +1,3 @@
+import { Configurator } from '.';
+declare const configurator: Configurator;
+export default configurator;

package/lib/nocode/configurators/common.d.ts

@@ -0,0 +1,280 @@
+export declare function array(title: string, name: string, fields: any[], main?: string, arrayTitle?: string): {
+    title: string;
+    children: {
+        name: string;
+        title: string | undefined;
+        component: string;
+        items: {
+            type: string;
+            decorator: string;
+            children: ({
+                component: string;
+                children: {
+                    component: string;
+                }[];
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            } | {
+                name: string;
+                component: string;
+                type: string;
+                title: string;
+                reactions: {
+                    dependencies: string[];
+                    fulfill: {
+                        schema: {
+                            title: string;
+                        };
+                    };
+                };
+                children: {
+                    name: string;
+                    component: string;
+                    props: {
+                        layout: string;
+                        labelAlign: string;
+                        colon: boolean;
+                        labelCol: number;
+                        wrapperCol: number;
+                    };
+                    children: any[];
+                }[];
+            } | {
+                component: string;
+                children?: undefined;
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            })[];
+        };
+        children: {
+            component: string;
+            props: {
+                title: string;
+            };
+        }[];
+    }[];
+};
+export declare function actions(props?: {
+    title?: string;
+    name?: string;
+    arrayTitle?: string;
+}): {
+    title: string;
+    children: {
+        name: string;
+        title: string | undefined;
+        component: string;
+        items: {
+            type: string;
+            decorator: string;
+            children: ({
+                component: string;
+                children: {
+                    component: string;
+                }[];
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            } | {
+                name: string;
+                component: string;
+                type: string;
+                title: string;
+                reactions: {
+                    dependencies: string[];
+                    fulfill: {
+                        schema: {
+                            title: string;
+                        };
+                    };
+                };
+                children: {
+                    name: string;
+                    component: string;
+                    props: {
+                        layout: string;
+                        labelAlign: string;
+                        colon: boolean;
+                        labelCol: number;
+                        wrapperCol: number;
+                    };
+                    children: any[];
+                }[];
+            } | {
+                component: string;
+                children?: undefined;
+                name?: undefined;
+                type?: undefined;
+                title?: undefined;
+                reactions?: undefined;
+            })[];
+        };
+        children: {
+            component: string;
+            props: {
+                title: string;
+            };
+        }[];
+    }[];
+};
+export declare function actionGroup(title: string, name: string): {
+    title: string;
+    name: string;
+    type: string;
+    children: {
+        component: string;
+        children: ({
+            title: string;
+            children: {
+                name: string;
+                title: string | undefined;
+                component: string;
+                items: {
+                    type: string;
+                    decorator: string;
+                    children: ({
+                        component: string;
+                        children: {
+                            component: string;
+                        }[];
+                        name?: undefined;
+                        type?: undefined;
+                        title?: undefined;
+                        reactions?: undefined;
+                    } | {
+                        name: string;
+                        component: string;
+                        type: string;
+                        title: string;
+                        reactions: {
+                            dependencies: string[];
+                            fulfill: {
+                                schema: {
+                                    title: string;
+                                };
+                            };
+                        };
+                        children: {
+                            name: string;
+                            component: string;
+                            props: {
+                                layout: string;
+                                labelAlign: string;
+                                colon: boolean;
+                                labelCol: number;
+                                wrapperCol: number;
+                            };
+                            children: any[];
+                        }[];
+                    } | {
+                        component: string;
+                        children?: undefined;
+                        name?: undefined;
+                        type?: undefined;
+                        title?: undefined;
+                        reactions?: undefined;
+                    })[];
+                };
+                children: {
+                    component: string;
+                    props: {
+                        title: string;
+                    };
+                }[];
+            }[];
+        } | {
+            title: string;
+            children: ({
+                name: string;
+                title: string;
+                component: string;
+                dataSource: {
+                    label: string;
+                    value: string;
+                }[];
+                default: string;
+            } | {
+                name: string;
+                title: string;
+                component: string;
+                default: number;
+                dataSource?: undefined;
+            } | {
+                name: string;
+                title: string;
+                component: string;
+                default: string;
+                dataSource?: undefined;
+            })[];
+        })[];
+    }[];
+};
+export declare function filter(name: string): {
+    name: string;
+    type: string;
+    children: {
+        title: string;
+        children: {
+            name: string;
+            title: string | undefined;
+            component: string;
+            items: {
+                type: string;
+                decorator: string;
+                children: ({
+                    component: string;
+                    children: {
+                        component: string;
+                    }[];
+                    name?: undefined;
+                    type?: undefined;
+                    title?: undefined;
+                    reactions?: undefined;
+                } | {
+                    name: string;
+                    component: string;
+                    type: string;
+                    title: string;
+                    reactions: {
+                        dependencies: string[];
+                        fulfill: {
+                            schema: {
+                                title: string;
+                            };
+                        };
+                    };
+                    children: {
+                        name: string;
+                        component: string;
+                        props: {
+                            layout: string;
+                            labelAlign: string;
+                            colon: boolean;
+                            labelCol: number;
+                            wrapperCol: number;
+                        };
+                        children: any[];
+                    }[];
+                } | {
+                    component: string;
+                    children?: undefined;
+                    name?: undefined;
+                    type?: undefined;
+                    title?: undefined;
+                    reactions?: undefined;
+                })[];
+            };
+            children: {
+                component: string;
+                props: {
+                    title: string;
+                };
+            }[];
+        }[];
+    }[];
+};

package/lib/nocode/configurators/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare type ConfiguratorSchema = any[];
+export interface Configurator<T = any> {
+    schema: ConfiguratorSchema;
+    initialValues?: T;
+    defaultValues?: T;
+}
+export declare type ConfiguratorMap = {
+    [key: string]: Configurator;
+};
+export interface ConfiguratorProps<T = any> {
+    initialValues?: T;
+    onValuesChange?: (values: T) => void;
+}
+export declare const initConfigurator: <T>(schema: ConfiguratorSchema, defaultInitialValues?: T, defaultValues?: T) => React.FC<ConfiguratorProps<T>>;

package/lib/nocode/configurators/map.d.ts

@@ -0,0 +1,2 @@
+import { ConfiguratorMap } from '.';
+export declare const ComponentConfiguratorMap: ConfiguratorMap;

package/lib/nocode/index.d.ts

@@ -0,0 +1,8 @@
+import './index.scss';
+import PageContainer from '../page-container';
+export { PageContainer };
+export type { PageProps } from '../page-container';
+export * from './configurators';
+export * from './configurators/map';
+export * from './pages';
+export * from './playground';

package/lib/nocode/pages/editor.d.ts

@@ -0,0 +1,12 @@
+import { Field } from '@alicloudfe/components';
+import { ConfiguratorMap } from '../configurators';
+import { PageMap, PageType, PageDefaultInitialValues } from '.';
+export interface PageEditorProps {
+    type: PageType;
+    initialValues?: any;
+    field?: Field;
+    configuratorMap?: ConfiguratorMap;
+    pageMap?: PageMap;
+    pageDefaultInitialValues?: PageDefaultInitialValues;
+}
+export declare const PageEditor: (props: PageEditorProps) => JSX.Element;

package/lib/nocode/pages/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PageProps } from '../../page-container';
+export * from './editor';
+export * from './playground';
+export * from './renderer';
+export declare type PageType = 'LIST' | 'DETAIL' | 'FORM' | string;
+export declare type PageMap = {
+    [key in PageType]: React.FC<PageProps>;
+};
+export declare const PageMap: PageMap;
+export declare type PageDefaultInitialValues = {
+    [key in PageType]: any;
+};
+export declare const PageDefaultInitialValues: PageDefaultInitialValues;

package/lib/nocode/pages/index.js

@@ -57,9 +57,9 @@ var PageMap = {
   LIST: _templates.ListPage,
   DETAIL: _templates.DetailPage,
   FORM: _templates.FormPage
-};
+}; // 全部页面模板默认初始值
+
 exports.PageMap = PageMap;
-// 全部页面模板默认初始值
 var PageDefaultInitialValues = {
   LIST: {
     header: {

package/lib/nocode/pages/playground.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PageProps } from '../../page-container';
+import { ConfiguratorMap } from '../configurators';
+interface PagePlayGroundProps<T = any> {
+    initialValues: T;
+    page: React.FC<PageProps<T>>;
+    onValuesChange?: (values: any) => void;
+    configuratorMap?: ConfiguratorMap;
+}
+export declare const PagePlayground: (props: PagePlayGroundProps) => JSX.Element;
+export {};

package/lib/nocode/pages/playground.js

@@ -33,7 +33,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -127,7 +131,7 @@ var PagePlayground = function PagePlayground(props) {
     return "page-".concat(Math.random());
   }, [pageProps]);
   return /*#__PURE__*/_react.default.createElement(_playground.PlayGroundLayout, {
-    component: /*#__PURE__*/_react.default.createElement(PageContainer, _extends({
+    component: /*#__PURE__*/_react.default.createElement(PageContainer, _objectSpread({
       key: pageKey
     }, pageContainerProps)),
     configurator: Configurator ? /*#__PURE__*/_react.default.createElement(Configurator, {
@@ -142,7 +146,7 @@ var PagePlayground = function PagePlayground(props) {
     }), /*#__PURE__*/_react.default.createElement("p", null, "\u8BF7\u9009\u62E9\u4E00\u4E2A\u7EC4\u4EF6\u8FDB\u884C\u7F16\u8F91")),
     tools: /*#__PURE__*/_react.default.createElement(_components.Balloon, {
       align: "l",
-      trigger: /*#__PURE__*/_react.default.createElement(_icon.default, _extends({
+      trigger: /*#__PURE__*/_react.default.createElement(_icon.default, _objectSpread({
         type: "set-line",
         size: "large"
       }, setterAction)),

package/lib/nocode/pages/renderer.d.ts

@@ -0,0 +1,10 @@
+import { PageProps } from '../../page-container';
+import { PageMap } from '.';
+export interface PageRendererProps<T = any> extends PageProps<T> {
+    type?: any;
+    error?: any;
+    title?: string;
+    pageMap?: PageMap;
+}
+export declare const PageRenderer: (props: PageRendererProps) => JSX.Element;
+export default PageRenderer;