@teamix/pro 1.6.0-beta.4 → 1.6.0-beta.5

package/lib/info/typing.d.ts

@@ -0,0 +1,220 @@
+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;
+    /** 是否在获取宽度之后才渲染Info 是否忽略首次响应式计算 **/
+    disabledAutoSize?: boolean;
+} & 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/index.js

@@ -18,10 +18,8 @@ function useActionType(ref, action) {
   var userAction = _objectSpread({}, action);
   ref.current = userAction;
 }
-
 /** ProInfoGroupContext */
 var ProInfoGroupContext = /*#__PURE__*/_react.default.createContext({});
-
 /**
  * 获取 dataIndex 值
  * @param dataIndex
@@ -37,7 +35,6 @@ function getDataIndexValue(dataIndex, dataSource) {
   }
   return (0, _utils.getDeepValue)(dataIndex !== null && dataIndex !== void 0 ? dataIndex : '', dataSource);
 }
-
 /**
  * 判断是否隐藏
  * @param hidden

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/next-xconsole.scss

@@ -0,0 +1,34 @@
+.theme-xconsole {
+  //.next-drawer-header {
+  //  color: var(--color-text-1, #1A1A1A)
+  //}
+  //.next-message.next-message-success.next-toast .next-message-title {
+  //  color: var(--color-text-1, #1A1A1A)
+  //}
+
+  --message-success-color-border-toast: var(--color-border-4, #E5E5E5);
+
+  /* --card-border-color: var(--color-text1-4, #E3E4E6); */
+  --card-border-color: var(--color-border-4, #E5E5E5);
+  /* --tab-pure-divider-border-color: var(--color-text1-4, #e5e5e5); */
+  --tab-pure-divider-border-color: var(--color-border-4, #E5E5E5);
+  --drawer-title-border-color: var(--color-border-4, #E5E5E5);
+
+  --popup-local-border-color: var(--color-border-4, #E5E5E5);
+
+  --btn-pure-normal-bg-disabled: var(--color-fill-2, #F7F7F7);
+  --checkbox-disabled-bg-color: var(--color-border-1, #D9D9D9);
+
+  --btn-pure-normal-border-color-disabled: var(--color-border-1, #D9D9D9);
+  --btn-pure-primary-border-color-disabled: var(--color-border-1, #D9D9D9);
+
+  --tab-item-margin-lr-size-m: 16px;
+  --tab-pure-hover-bg: transparent;
+
+  --progress-line-underlay-color: var(--color-border-4, #E5E5E5);
+  --range-normal-unselected-color: var(--color-border-4, #E5E5E5);
+
+  .next-formily-item-inset {
+    border: 1px solid var(--color-border-1, #D9D9D9);
+  }
+}

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/ProTable.js

@@ -6,28 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _common = require("./common");
 var initialValues = {
-  columns: [{
-    dataIndex: 'instanceName',
-    title: '实例ID/实例名称'
-  }, {
-    dataIndex: 'organizationName',
-    title: '组织',
-    tooltip: '我这一列是可以被复制的～',
-    render: {
-      copy: true
-    }
-  }],
-  url: 'https://oneapi.alibaba-inc.com/mock/teamix-pro/api/getTableResource',
-  formatResult: {
-    data: 'data',
-    total: 'pageInfo.total'
-  },
-  mainAction: {
-    actions: [{
-      key: 'action',
-      children: '操作按钮'
-    }]
-  }
+  columns: []
 };
 var defaultValues = {
   showSkeleton: true,

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/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _form = _interopRequireWildcard(require("../../form"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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; }
+// @ts-ignore
 var initConfigurator = function initConfigurator(schema, defaultInitialValues, defaultValues) {
   return function (props) {
     var initialValues = props.initialValues,

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';