vap1 0.4.5 → 0.5.0

package/cems/assets/DInfo.d.ts

@@ -0,0 +1,38 @@
+import type { FC } from "react";
+import type { PlainObject } from "../../basetype";
+import type { BaseOptions } from "./types";
+export interface DInfoProps extends BaseOptions {
+    /**
+     * 数据详情
+     */
+    info?: PlainObject;
+    /**
+     * 显示详情 {dataIndex:'',name:''}
+     */
+    cols?: PlainObject[];
+    /**
+     * 标题的宽度
+     */
+    titleWidth?: number;
+    /**
+     * 显示列数量
+     */
+    colNum?: number;
+    /**
+     * 分组名称
+     */
+    groupName?: string[] | string;
+    /**
+     * 显示分组名称
+     */
+    showGroupName?: boolean;
+    /**
+     * 显示名称
+     */
+    showName?: string[] | string;
+    /**
+     * 内容格式化
+     */
+    colRender?: (sCol: any, info: any, cValue: any) => any;
+}
+export type DInfoComponent = FC<DInfoProps>;

package/cems/assets/DInfo.js

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

package/cems/assets/DModal.d.ts

@@ -0,0 +1,84 @@
+import type { PlainObject } from '../../basetype';
+import type { FC, PropsWithChildren, ReactNode } from 'react';
+import type { DrawerProps } from '../../components/_adapt/Drawer';
+import type { DApiProp, BaseOptions } from './types';
+import type { DTableProps } from './DTable';
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { VTableRef } from '../../components/Tables/VTable';
+export interface DModalInfoProps extends BaseOptions {
+    /**
+     * modal的参数
+     */
+    modalProps: any;
+    /**
+     * 弹窗的宽度
+     */
+    width?: any;
+    /**
+     * 接口参数
+     */
+    api?: DApiProp;
+    /**
+     * 数据详情
+     */
+    info?: PlainObject;
+    /**
+     * 显示详情
+     */
+    cols?: PlainObject[];
+    /**
+     * 抽屉右上角的操作区域
+     */
+    extra?: ReactNode;
+    /**
+     * 抽屉的页脚
+     */
+    footer?: ReactNode;
+    /**
+     * 自定义渲染info
+     */
+    modalRender?: () => ReactNode;
+    /**
+     * 标题的宽度
+     */
+    titleWidth?: number;
+    /**
+     * Drawer的参数
+     */
+    drawerProps?: DrawerProps;
+}
+/**
+ * 动态接口公共单行的详情页面
+ */
+export type DModalInfoComponent = FC<PropsWithChildren<DModalInfoProps>>;
+export interface DModalTableProps extends BaseOptions {
+    /**
+     * modal的参数
+     */
+    modalProps: any;
+    /**
+     * 弹窗的宽度
+     */
+    width?: any;
+    /**
+     * 接口参数
+     */
+    api: DApiProp;
+    /**
+     * 抽屉右上角的操作区域
+     */
+    extra?: ReactNode;
+    /**
+     * 抽屉的页脚
+     */
+    footer?: ReactNode;
+    /**
+     * DTable的显示参数
+     */
+    tableProps?: DTableProps;
+    /**
+     * Drawer的参数
+     */
+    drawerProps?: DrawerProps;
+}
+export type DModalTableComponent = ForwardRefExoticComponent<DModalTableProps & RefAttributes<VTableRef>>;

package/cems/assets/DModal.js

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

package/cems/assets/DTable.d.ts

@@ -0,0 +1,128 @@
+import type { Key, PlainObject } from "../../basetype";
+import type { SearchBarProps } from "../../components/SearchTool";
+import type { TableColumn } from "../../components/Tables";
+import type { BoxMode } from '../../components/Box/Box';
+import type { VTableProps, VTableRef } from '../../components/Tables/VTable';
+import type { TableActionButton } from '../../components/Tables/Components/ActionBar';
+import type { DApiListState, BaseOptions, DApiProp } from './types';
+import type { ForwardRefExoticComponent, RefAttributes } from "react";
+export type DTableAction = (ids?: Key[], objs?: PlainObject[], param?: PlainObject, model?: DApiListState, config?: any) => void;
+export type DTableActionButton = Omit<TableActionButton, 'onClick' | 'children'> & {
+    /**
+     * 点击事件
+    */
+    onClick?: DTableAction;
+    /**
+     * 二级按钮
+     * 说明 ： 最多支持2级子菜单，不能递归
+     */
+    children?: DTableActionButton[];
+    /**
+     * 导出类型 excel、xml、txt 带上表示是导出按钮，可不写onClick
+     */
+    exportType?: string;
+    /**
+     * 导出类型 excel、xml、txt 带上表示是导出按钮，可不写onClick
+     */
+    config?: any;
+    /**
+     * 是否显示
+     */
+    show?: boolean;
+};
+export interface DTableProps extends BaseOptions {
+    /**
+     * 自定义格式化显示列
+     * @param cols 显示列
+     * @returns
+     */
+    fmt?: (cols: any) => any;
+    /**
+    * 自定义格式化显示搜索项
+    * @param fields 显示搜索项
+    * @returns
+    */
+    fmtfields?: (fields: any) => any;
+    /**
+    * 自定义格式化快速搜索项
+    * @param keyword 快速搜索项
+    * @returns
+    */
+    fmtKeyword?: (keyword: any) => any;
+    /**
+     * 操作按钮
+     */
+    actionBar?: (DTableActionButton[]) | React.ReactNode;
+    /**
+     * 高级搜索的标题宽和内容宽 默认[150,200]
+     */
+    fieldWidth?: number | [number, number];
+    /**
+     * 高级搜索的显示几列
+     */
+    fieldCols?: 1 | 2 | 3 | 4;
+    /**
+     * 是否显示导出按钮
+     */
+    showExportButton?: boolean;
+    /**
+     * 是否显示刷新按钮
+     */
+    showRefreshButton?: boolean;
+    /**
+     * 是否隐藏查询（模糊+高级查询）
+     */
+    hideSearch?: boolean;
+    /**
+     * 是否隐藏高级查询
+     */
+    hideAdvSearch?: boolean;
+    /**
+     * 是否隐藏操作按钮
+     */
+    hideActionBar?: boolean;
+    /**
+     * 是否隐藏分页
+     */
+    hidePage?: boolean;
+    /**
+     * 展示模式
+     * common : 默认，无固定高度
+     * inner : 当 Table 在一个高度固定的容器内时，使用 inner 模式
+     * fixed : 页面可见区域只有一个 Table 时, 使用 fixed 模式
+    */
+    mode?: BoxMode;
+    /**
+    * 是否显示复选框
+    */
+    select?: boolean;
+    /**
+    * 表格搜索区域
+   */
+    searchBar?: Omit<SearchBarProps, 'onChange' | 'onSearch'>;
+    /**
+     * 列
+    */
+    columns?: TableColumn[];
+    /**
+     * 显示数据
+    */
+    rows?: any[];
+    /**
+     * VTable的其他属性
+     */
+    vtableProps?: Omit<VTableProps, 'columns' | 'model'>;
+    /**
+     * state 使用useGlobal共享状态 默认false
+     */
+    globalState?: boolean;
+    /**
+     * 主键
+     */
+    rowKey?: string;
+    /**
+     * 默认选择行 子表时VTable不支持
+     */
+    SelectedKeys?: (string | number)[];
+}
+export type DTableComponent = ForwardRefExoticComponent<DApiProp & DTableProps & RefAttributes<VTableRef>>;

package/cems/assets/DTable.js

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

package/cems/assets/DivWidth.d.ts

@@ -0,0 +1,14 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { BaseOptions } from "./types";
+export interface DivWidthProps extends BaseOptions {
+    /**
+     * 内容
+     */
+    text?: string;
+    /**
+     * 宽度
+     */
+    width: number;
+    textKey?: string;
+}
+export type DivWidthComponent = FC<PropsWithChildren<DivWidthProps>>;

package/cems/assets/DivWidth.js

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

package/cems/assets/Patch.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from "react";
+import type { BaseOptions } from "./types";
+export interface PatchProps extends BaseOptions {
+    devOnlyId: string;
+    pSuffix?: string;
+    state?: string;
+    level?: string;
+}
+export type PatchComponent = FC<PatchProps>;

package/cems/assets/Patch.js

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

package/cems/assets/Sensitive.d.ts

@@ -0,0 +1,33 @@
+import type { FC } from "react";
+import type { BaseOptions } from "./types";
+export interface SensitiveProps extends BaseOptions {
+    /**
+     * key名
+     */
+    keyId: string;
+    /**
+     * key值
+     */
+    keyValue: string;
+    /**
+     * 显示名
+     */
+    field: string;
+    /**
+     * 显示内容
+     */
+    desc: string;
+    /**
+     * 请求接口 默认值 '/api/d/assets/device/g'
+     */
+    url?: string;
+    /**
+     * 内容在左边还是在右边，有值在左边，默认在右边
+     */
+    left?: string;
+    /**
+     * 宽度
+     */
+    width?: number;
+}
+export type SensitiveComponent = FC<SensitiveProps>;

package/cems/assets/Sensitive.js

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

package/cems/assets/types.d.ts

@@ -0,0 +1,200 @@
+import type { MutableRefObject } from 'react';
+import type { PlainObject } from '../../basetype';
+import type { Field } from '../../components/SearchTool/SearchBar/type';
+import type { ApiListState } from '../../hooks/_list';
+import type { AOP, ApiOption } from '../../hooks/useApiBase';
+import type { VTableRef } from '../../components/Tables/VTable';
+/**
+ * 自行扩展/容错
+*/
+export interface BaseOptions {
+    [key: string]: any;
+}
+export type DApiAOP = AOP & {
+    afterInit?: (config: PlainObject, resp?: PlainObject) => void;
+};
+export type DApiProp = {
+    /**
+     * 动态接口地址 /api/d/ 开头的接口地址
+     */
+    api?: string;
+    /**
+     * 接口默认参数
+     */
+    params?: PlainObject;
+    /**
+     * 当api改变后，
+     * 赋值大于0的值 即可重新加载数据和显示列
+     */
+    reloadInit?: number;
+    /**
+     * 是否初始化数据
+     */
+    initRow?: boolean;
+    /**
+     * 说明：AOP 方法
+     * before/after Action 是 add/update/delete/init 的集成方式，
+    */
+    aop?: DApiAOP;
+    /**
+     * 当params改变后
+     * 赋值大于0的值 即可重新加载数据
+     */
+    reloadRow?: number;
+    /**
+     * devInfo 设备详情接口的隐秘显示接口地址(专用)
+     */
+    sUrl?: string;
+    /**
+     * 功能开关
+     */
+    config?: PlainObject;
+    /**
+     * 加载数据
+     */
+    initData?: boolean;
+    /**
+     * 改变数据
+     */
+    changeData?: any;
+    /**
+     * 改成类型 |'del'|'update'|'add'
+     */
+    changeType?: string;
+    /**
+     * 全部更新或局部更新
+     */
+    changeDiffUpdate?: boolean;
+    /**
+     * 清理引号空值的参数
+     */
+    cheanEmpty?: boolean;
+    /**
+     * 改变应用 >0
+     */
+    changeReload?: number;
+    /**
+     * 是否转换上下级模式的数据
+     */
+    parentId?: string;
+    /**
+     * 上下级模式的数据的根标记
+     */
+    rootId?: string;
+    /**
+     * 前端本地数据 快速搜索的列名
+     */
+    keyword?: string[];
+};
+export type DApiOption = Omit<ApiOption, 'aop'> & {
+    /**
+     * 区分api接口地址的后缀
+     */
+    pSuffix?: string;
+    /**
+     * true 加载数据+加载显示列
+     * false 仅仅加载显示列
+     * 默认true
+     */
+    initRow?: boolean;
+    /**
+     * 是否前端分页
+     */
+    localPage?: boolean;
+    /**
+     * devInfo 设备详情接口的隐秘显示接口地址(专用)
+     */
+    sUrl?: string;
+    /**
+     * 功能开关
+     */
+    config?: PlainObject;
+    /**
+     * 是否初始数据
+     */
+    initData?: boolean;
+    /**
+    * 当api改变后，
+    * 赋值大于0的值 即可重新加载数据和显示列
+    */
+    reloadInit?: number;
+    /**
+     * 当params改变后
+     * 赋值大于0的值 即可重新加载数据
+     */
+    reloadRow?: number;
+    /**
+     * 说明：AOP 方法
+     * before/after Action 是 add/update/delete/init 的集成方式，
+    */
+    aop?: DApiAOP;
+    /**
+     * VTable的选择行和参数
+     */
+    selectRef?: MutableRefObject<VTableRef>;
+    /**
+     * 清理引号空值的参数
+     */
+    cheanEmpty?: boolean;
+    /**
+     * 静态数据
+     */
+    rows?: any;
+    /**
+     * 是否转换上下级模式的数据
+     */
+    parentId?: string;
+    /**
+     * 上下级模式的数据的根标记
+     */
+    rootId?: string;
+    /**
+     * 前端本地数据 快速搜索的列名
+     */
+    keyword?: string[];
+    /**
+     * 前端分页，默认分页
+     */
+    page?: boolean;
+};
+export type DApiListState = Omit<ApiListState, 'mode'> & {
+    mode: 'dapi';
+    /**
+     * 导出下载
+    */
+    download: (param: PlainObject) => void;
+    /**
+     * 初始化显示列和显示数据
+     */
+    initRefresh: (param: PlainObject) => void;
+    /**
+     * 显示列
+     */
+    columns?: PlainObject[];
+    /**
+     * 快速搜索
+     */
+    keyword_?: string;
+    /**
+     * 高级搜索项
+     */
+    fields: Field[];
+    /**
+     * 功能开工
+     */
+    config: PlainObject;
+    /**
+     * 请求参数
+     */
+    param: PlainObject;
+    /**
+     * data的数据
+     */
+    info: any;
+    /**
+     * 局部更新
+     * @param data
+     * @returns
+     */
+    doDiffUpdate: (data: PlainObject | PlainObject[]) => void;
+};

package/cems/assets/types.js

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

package/cems/assets/utils.d.ts

@@ -0,0 +1,61 @@
+import type { PlainObject } from "../../basetype";
+import type { DApiProp, DApiOption, DApiListState } from "./types";
+export type AjaxPostDataFN = (pUrl: string, pdata: PlainObject, defMsg: string, successAfter?: (json: any) => Promise<boolean>, failAfter?: (errMsg: any) => Promise<boolean>) => Promise<void>;
+export type GetReload = (clear?: boolean) => number;
+export type DModalsState = {
+    /**
+     * 弹窗的参数
+     */
+    modalProps: {
+        onClose: () => void;
+        open: boolean;
+        title: string;
+    };
+    /**
+     * 弹窗打开状态
+     */
+    open: boolean;
+    /**
+     * api接口参数
+     */
+    api: DApiProp;
+    /**
+     * 数据详情
+     */
+    info?: any;
+    /**
+     * 显示详情
+     */
+    cols?: PlainObject[];
+};
+export type UseDModals = (apiUrl?: string) => {
+    modalState: DModalsState;
+    hide: () => void;
+    show: (title: string, params?: PlainObject, reloadInit?: boolean, cheanEmpty?: boolean) => void;
+    showApi: (title: string, apiUrl: string, params?: PlainObject, cheanEmpty?: boolean) => void;
+    showInfo: (title: string, info?: any, cols?: PlainObject[]) => void;
+};
+export type DApiGlobalOption = DApiOption & {
+    /**
+     * 指定存储空间,
+     * 不指定时会以当前页面的URL做为存储空间。
+     * 当同一个页面使用两个 不同的 useApiGlobal ，必须为两个 hook 分别指定，应用内唯一NAMESPACE
+    */
+    namespace?: string;
+};
+export type UseDApi = (options: string | DApiOption) => DApiListState;
+export type UseDApiGlobal = (options: string | DApiGlobalOption) => DApiListState;
+/**
+ * 格式化显示列
+ * @param resp  接口返回内容
+ * @param cConfig 配置参数
+ * @returns
+ */
+export type FormatColumns = (resp: any, cConfig: any) => any;
+/**
+ * 格式化显示列
+ * @param cols  接口返回内容
+ * @param cConfig 配置参数
+ * @returns
+ */
+export type FormatCols = (cols: PlainObject[], sUrl: any) => any;

package/cems/assets/utils.js

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

package/cems/define.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentType } from 'react';
+/**
+ * 定义一个组件
+*/
+export declare const defineComponent: (type: string, Component: ComponentType<any>) => void;
+/**
+ * 定义一个工具/方法
+*/
+export declare const defineMethod: (type: string, Method: any) => void;

package/cems/define.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineMethod = exports.defineComponent = void 0;
+var index_1 = require("./index");
+/**
+ * 定义一个组件
+*/
+var defineComponent = function (type, Component) {
+    index_1.COMPONENTS[type] = Component;
+};
+exports.defineComponent = defineComponent;
+/**
+ * 定义一个工具/方法
+*/
+var defineMethod = function (type, Method) {
+    index_1.UTILS[type] = Method;
+};
+exports.defineMethod = defineMethod;