vap1 0.0.1

package/components/Upload/UploadModal.js

@@ -0,0 +1,140 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadModal = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const Modal_1 = require("../../components/_adapt/Modal");
+const utils_1 = require("../../utils");
+const antd_1 = require("antd");
+const Alert_1 = require("../_adapt/Alert");
+const Button_1 = require("../_adapt/Button");
+const useUpload_1 = require("./useUpload");
+const Const_1 = require("../../components/_setup/Const");
+const DEFAULT = { uploading: false, uploaded: false, percent: 0, error: false, };
+const UploadModal = props => {
+    const [state, setState] = (0, react_1.useState)(DEFAULT);
+    const onChange = (info) => __awaiter(void 0, void 0, void 0, function* () {
+        if (lodash_1.default.isEmpty(info.file))
+            return;
+        if (info.file.status === 'uploading') {
+            setState({ uploading: true, uploaded: false, error: false, name: info.file.name, percent: Math.floor(info.file.percent), });
+            return;
+        }
+        if (info.file.status === 'error') {
+            let errMsg;
+            if (info.file.response && info.file.response.message)
+                errMsg = info.file.response.message;
+            else
+                errMsg = utils_1.i18n.txt(Const_1.V.UPLOAD_ERROR);
+            setState({ uploading: false, uploaded: false, error: true, percent: 0, errMsg, });
+            return;
+        }
+        if (info.file.status == 'removed')
+            return;
+        const uploadResponse = info.file.response;
+        let success = false;
+        let errMsg = null;
+        if (props.onChange) {
+            let uploadResult = props.onChange(uploadResponse);
+            if (lodash_1.default.isBoolean(uploadResult)) {
+                success = uploadResult;
+                if (!success)
+                    errMsg = utils_1.i18n.txt(Const_1.V.UPLOAD_ERROR_FILE, info.file.name);
+            }
+            else {
+                success = uploadResult.ok;
+                errMsg = uploadResult.message;
+            }
+        }
+        else {
+            success = info.file.response.code == '0';
+            if (!success)
+                if (!success)
+                    errMsg = info.file.response.message || utils_1.i18n.txt(Const_1.V.UPLOAD_ERROR_FILE, info.file.name);
+        }
+        if (!success) {
+            setState({ uploading: false, uploaded: false, error: true, percent: 0, errMsg, });
+            return;
+        }
+        let resp = props.onResult(info.file.response);
+        let importResult = null;
+        if (resp && resp instanceof Promise)
+            importResult = yield resp;
+        else
+            importResult = resp;
+        if (lodash_1.default.isBoolean(importResult)) {
+            if (importResult) {
+                setState({ uploading: false, uploaded: true, error: false, name: info.file.name, percent: 0, sucMsg: utils_1.i18n.txt(Const_1.V.UPLOAD_SUCCESS_IMPORT) });
+            }
+            else {
+                setState({ uploading: false, uploaded: false, error: true, name: info.file.name, percent: 0, errMsg: utils_1.i18n.txt(Const_1.V.UPLOAD_ERROR_IMPORT) });
+            }
+        }
+        else {
+            if (importResult.ok) {
+                setState({ uploading: false, uploaded: true, error: false, name: info.file.name, percent: 0, sucMsg: importResult.message });
+            }
+            else {
+                setState({ uploading: false, uploaded: false, error: true, name: info.file.name, percent: 0, errMsg: importResult.message });
+            }
+        }
+    });
+    const { error, uploaded } = state;
+    const footer = () => {
+        const uploadProps = (0, useUpload_1.getBaseOptions)(props);
+        if (uploadProps.accept == null)
+            uploadProps.accept = 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+        if (state.uploading) {
+            uploadProps.disabled = true;
+            uploadProps.className = 'c-upload-file c-upload-file-p' + state.percent;
+        }
+        else {
+            uploadProps.className = 'c-upload-file';
+        }
+        ;
+        return react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(antd_1.Upload, Object.assign({}, uploadProps, { onChange: onChange }),
+                react_1.default.createElement(Button_1.Button, { loading: state.uploading, disabled: state.uploading, icon: "upload" }, utils_1.i18n.txt(Const_1.V.UPLOAD_FILE))),
+            react_1.default.createElement(Button_1.Button, { onClick: () => props.onCancel() }, utils_1.i18n.ant('Modal.cancelText')));
+    };
+    return react_1.default.createElement(Modal_1.Modal, Object.assign({ width: 640 }, props, { title: utils_1.i18n.getText(props.ik, props.title, Const_1.V.UPLOAD_MODAL_TITLE), className: "c-upload-modal", afterClose: () => setState(DEFAULT), footer: uploaded ? react_1.default.createElement(Button_1.Button, { type: 'primary', onClick: () => props.onOk ? props.onOk(null) : props.onCancel() }, utils_1.i18n.ant('Modal.okText')) : footer() }),
+        props.tip ? props.tip : react_1.default.createElement(Alert_1.Alert, { message: react_1.default.createElement("p", null, utils_1.i18n.txt(Const_1.V.UPLOAD_MODAL_TIP)), type: "info" }),
+        error && react_1.default.createElement(Alert_1.Alert, { type: "error", message: state.errMsg }),
+        uploaded && react_1.default.createElement(Alert_1.Alert, { type: "success", message: state.sucMsg }));
+};
+exports.UploadModal = UploadModal;

package/components/Upload/index.d.ts

@@ -0,0 +1,77 @@
+import type { PlainObject } from "../../basetype";
+import type { UploadFile } from 'antd/es/upload/interface';
+export type BaseUploadProps = {
+    /**
+     * 是否禁用
+    */
+    disabled?: boolean;
+    /**
+     * 上传接口，上传接口地址，默认是标准接口，即 '/api-common/file/upload'
+    */
+    api?: string;
+    /**
+     * 最大大小，单位为 byte
+     * 如 1 = 1b
+     * 1024 = 1kb
+     * 1024x1024 = 1mb
+     * 1024x1024x1024 = 1gb
+     * 说明：默认：文件100mb , 图片 10mb
+     *
+    */
+    maxSize?: number;
+    /**
+     * 接受上传文件类型， http://www.iana.org/assignments/media-types/media-types.xhtml
+     *
+     * 常用参考
+     * 	accept="application/zip"
+     *  accept="application/x-zip-compressed"
+     *  accept="application/vnd.ms-excel,applicat ion/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+     *  accept=".json"
+     *  accept=".csv"
+     *  accept=".pdf,.zip"
+     *  accept="audio/*"
+     *  accept="video/*"
+     *  accept="image/*"
+     *
+     *
+     * 说明: VAP内置了默认值，如果与默认值不同，或不限制类型可自己传 ，如 accept="*"
+     *
+     * UploadFile : "application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+     * UploadImage : "image/*"
+    */
+    accept?: string;
+    /**
+     * 上传文件的字段名称，默认为 "file"
+    */
+    name?: string;
+    /**
+     * 文件是否用于临时使用，默认为false, 如果是解析类可以传true
+    */
+    isTemp?: boolean;
+    /**
+     * 上传按钮文字, 等效于 placeholder
+    */
+    label?: string;
+    /**
+     * 上传按钮文字ik
+    */
+    ik?: string;
+    /**
+     * 上传数据
+    */
+    data?: PlainObject;
+    /**
+     * 结果
+    */
+    onChange: (result: any, fileInfo: UploadFile) => void;
+    /**
+     * 初始数据
+    */
+    value?: {
+        fileId: string;
+        fileName?: string;
+    };
+};
+export { UploadFile } from './UploadFile';
+export { UploadImage } from './UploadImage';
+export { UploadModal } from './UploadModal';

package/components/Upload/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadModal = exports.UploadImage = exports.UploadFile = void 0;
+var UploadFile_1 = require("./UploadFile");
+Object.defineProperty(exports, "UploadFile", { enumerable: true, get: function () { return UploadFile_1.UploadFile; } });
+var UploadImage_1 = require("./UploadImage");
+Object.defineProperty(exports, "UploadImage", { enumerable: true, get: function () { return UploadImage_1.UploadImage; } });
+var UploadModal_1 = require("./UploadModal");
+Object.defineProperty(exports, "UploadModal", { enumerable: true, get: function () { return UploadModal_1.UploadModal; } });

package/components/Upload/useUpload.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { UploadProps } from 'antd/es/upload';
+import type { BaseUploadProps } from './index';
+import type { UploadChangeParam, UploadFile } from 'antd/es/upload/interface';
+export type UploadState = {
+    uploading: boolean;
+    uploaded: boolean;
+    error: boolean;
+    percent: number;
+    errMsg?: React.ReactNode;
+    name?: string;
+    info?: any;
+};
+export declare const getBaseOptions: (props: BaseUploadProps) => UploadProps;
+export declare const useUpload: (props: BaseUploadProps) => [UploadState, (info: UploadChangeParam<UploadFile<any>>) => void];

package/components/Upload/useUpload.js

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpload = exports.getBaseOptions = void 0;
+const react_1 = require("react");
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const utils_1 = require("../../utils");
+const Const_1 = require("../../components/_setup/Const");
+const getBaseOptions = (props) => {
+    const uploadProps = {
+        showUploadList: false,
+        withCredentials: true,
+        method: 'POST',
+        directory: false,
+        multiple: false,
+        name: "file",
+        action: utils_1.GLOBAL.CONFIG.UPLOAD.API,
+    };
+    if (props.api)
+        uploadProps.action = props.api;
+    if (props.name)
+        uploadProps.name = props.name;
+    if (props.accept)
+        uploadProps.accept = props.accept;
+    if (props.disabled)
+        uploadProps.disabled = true;
+    let baseData = undefined;
+    if (utils_1.GLOBAL.CONFIG.UPLOAD.UPLOAD_PARAM)
+        baseData = { namespace: utils_1.PageUtil.currentApp(), userId: '', userName: '', };
+    if (props.data)
+        baseData = lodash_1.default.merge(baseData, props.data);
+    if (baseData)
+        uploadProps.data = baseData;
+    if (props.maxSize) {
+        uploadProps.beforeUpload = (file) => {
+            if (file.size > props.maxSize) {
+                antd_1.message.error(utils_1.i18n.txt(Const_1.V.ERR_UPLOAD_TOO_LARGE, utils_1.Format.formatSize(props.maxSize)));
+                return false;
+            }
+            return true;
+        };
+    }
+    return uploadProps;
+};
+exports.getBaseOptions = getBaseOptions;
+const useUpload = (props) => {
+    const DEF = (props.value && props.value.fileId) ? {
+        uploading: false, uploaded: true, percent: 0, error: false,
+        name: props.value.fileName || props.value.fileId,
+        info: { fileId: props.value.fileId, guid: props.value.fileId }
+    } : {
+        uploading: false, uploaded: false, percent: 0, error: false,
+    };
+    const [state, setState] = (0, react_1.useState)(DEF);
+    const onChange = (info) => {
+        if (lodash_1.default.isEmpty(info.file))
+            return;
+        if (info.file.status === 'uploading') {
+            setState({ uploading: true, uploaded: false, error: false, name: info.file.name, percent: Math.floor(info.file.percent), });
+            return;
+        }
+        if (info.file.status === 'error') {
+            let errMsg;
+            if (info.file.response && info.file.response.message)
+                errMsg = info.file.response.message;
+            else
+                errMsg = utils_1.i18n.txt(Const_1.V.UPLOAD_ERROR);
+            setState({ uploading: false, uploaded: false, error: true, percent: 0, errMsg, });
+            return;
+        }
+        if (info.file.status == 'removed')
+            return;
+        let errMsg;
+        if (info.file.response.code != '0') {
+            if (info.file.response && info.file.response.message)
+                errMsg = info.file.response.message;
+            else
+                errMsg = utils_1.i18n.txt(Const_1.V.UPLOAD_ERROR);
+            setState({ uploading: false, uploaded: false, error: true, percent: 0, errMsg, });
+            return;
+        }
+        setState({ uploading: false, uploaded: true, info: info.file.response.data, error: false, name: info.file.name, percent: 0, });
+        onChange(info.file.response.data);
+        if (lodash_1.default.isFunction(props.onChange)) {
+            props.onChange(info.file.response.data, info.file);
+        }
+    };
+    return [state, onChange];
+};
+exports.useUpload = useUpload;

package/components/_RegisterUtil.d.ts

@@ -0,0 +1 @@
+export declare const register: (map: Map<string, any>, type: string, def: object, component: any, options?: object, forceOverWrite?: boolean) => void;

package/components/_RegisterUtil.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.register = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const StringUtil_1 = require("../utils/StringUtil");
+const register = (map, type, def, component, options, forceOverWrite = false) => {
+    let key = (0, StringUtil_1.trimLower)(type);
+    if (map.has(key)) {
+        if (!forceOverWrite) {
+            console.warn(`${type} is aready registered`);
+            return;
+        }
+        else {
+            map.delete(type);
+            console.warn(`${type} is overwite by new component`);
+        }
+    }
+    let element = Object.assign({ component }, def);
+    lodash_1.default.keys(options).map(key => element[key] = options[key]);
+    map.set(key, element);
+};
+exports.register = register;

package/components/_adapt/Alert.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { FC } from 'react';
+import type { AlertProps } from 'antd/es/alert';
+/**
+ * 说明： 排除 Alert 组件已被 antd 标记为 deprecated 的属性:
+ * closeText : 使用 closeIcon替代
+*/
+export type OAlertProps = Omit<AlertProps, 'closeText'> & {
+    closeIcon?: boolean | React.ReactNode;
+};
+export declare const Alert: FC<OAlertProps>;

package/components/_adapt/Alert.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+const react_1 = __importStar(require("react"));
+const Icon_1 = require("./Icon");
+const utils_1 = require("./utils");
+const antd_1 = require("antd");
+const Alert = props => {
+    const alertProps = (0, react_1.useMemo)(() => (0, utils_1.convertProps)(props, [
+        'closeText', 'closeIcon', (props) => {
+            if (props.closeIcon == null || props.closeIcon == false)
+                return undefined;
+            if (props.closeIcon === true)
+                return react_1.default.createElement(Icon_1.Icon, { evt: true, type: 'close' });
+            return props.closeIcon;
+        }
+    ]), []);
+    return react_1.default.createElement(antd_1.Alert, Object.assign({}, alertProps));
+};
+exports.Alert = Alert;

package/components/_adapt/Button.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Button as AntdButton } from "antd";
+import type { ButtonProps } from 'antd/es/button';
+import type { ExoticComponent } from 'react';
+import type { BaseItem } from '../../basetype';
+declare const ButtonTypes: readonly ["default", "primary", "dashed", "link", "text"];
+export type ButtonType = typeof ButtonTypes[number];
+export type OButtonProps = Omit<ButtonProps, 'type' | 'icon'> & BaseItem & {
+    danger?: boolean;
+    type?: ButtonType;
+    icon?: string | React.ReactNode;
+};
+/**
+ * 扩展 Button 支持 roleCode 和 ik
+*/
+type Button = ExoticComponent<OButtonProps> & {
+    Group: typeof AntdButton.Group;
+};
+export declare const Button: Button;
+export {};

package/components/_adapt/Button.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+// import { Icon } from './Icon';
+const utils_1 = require("../../utils");
+const _Button = props => {
+    if (props.roleCode && !utils_1.PageUtil.hasRole(props.roleCode))
+        return utils_1.Const.NONE;
+    let btnProps = Object.assign({}, props);
+    if (props.danger)
+        btnProps.type = 'danger';
+    if (props.icon) {
+        lodash_1.default.unset(btnProps, 'icon');
+    }
+    if (props.ik)
+        return react_1.default.createElement(antd_1.Button, Object.assign({}, btnProps), utils_1.i18n.txt(props.ik));
+    return react_1.default.createElement(antd_1.Button, Object.assign({}, btnProps));
+};
+exports.Button = _Button;
+exports.Button.Group = antd_1.Button.Group;

package/components/_adapt/Col.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import { ColProps as AntdColprops } from 'antd/es/grid/col';
+import type { ActButton } from '../SearchBar/ActionButtons';
+export interface ColProps extends Omit<AntdColprops, 'title'> {
+    /**
+     * 面板标题前的 ICON
+    */
+    icon?: string;
+    /**
+    * 面板标题
+    */
+    title?: React.ReactNode;
+    /**
+     * 标题下标额外内容（以 small小一号）展示
+     */
+    titleSub?: React.ReactNode;
+    /**
+     * 标题后面的帮助文案
+    */
+    help?: React.ReactNode;
+    /**
+     * 皮肤样式，测试中
+     * grid :  网格
+     * borderless : 无边框
+     * yellow : 黄
+     * blue   : 蓝
+     * pink   : 粉
+     * green  : 绿
+    */
+    /**
+     * noBg模式，用于某些皮肤子容器排版
+    */
+    nobg?: boolean;
+    /**
+     * 是否正在 loading 状态，推荐使用 loading_effect
+     */
+    loading?: boolean;
+    /**
+     * 右上角按钮
+    */
+    actions?: ActButton[] | React.ReactNode;
+    /**
+    * 空数据判断
+    * 传 true =  数据为空
+    * 传 false = 数据不为空 (默认)
+    * 传 数组时 = ((数组 == null) 或者 (数组长度 == 0 )) 为空
+   */
+    empty?: boolean | any[];
+    width?: number;
+    height?: number;
+    bodySytle?: React.CSSProperties;
+}
+export declare const Col: React.FC<ColProps>;

package/components/_adapt/Col.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Col = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const Loading_1 = require("../_common/Loading");
+const Icon_1 = require("./Icon");
+const utils_1 = require("../../utils");
+const ActionButtons_1 = require("../SearchBar/ActionButtons");
+const PANEL_PROPERTIES = ['icon', 'title', 'titleSub', 'noBg', 'loading', 'actions', 'empty', 'width', 'height', 'bodySytle'];
+const ColHead = (props) => {
+    let elAction = '';
+    const actions = [];
+    if ((lodash_1.default.isArray(props.actions) && props.actions.length)) {
+        props.actions.map(item => {
+            if (item.roleCode == null || utils_1.PageUtil.hasRole(item.roleCode)) {
+                actions.push(item);
+            }
+        });
+        elAction = react_1.default.createElement(ActionButtons_1.ActionButtons, { size: 'small', buttons: actions });
+    }
+    else if (lodash_1.default.isObject(props.actions) && react_1.default.isValidElement(props.actions)) {
+        elAction = props.actions;
+    }
+    if (props.title == null && actions.length == 0)
+        return utils_1.Const.NONE;
+    return react_1.default.createElement("div", { className: 'v-col-head' },
+        react_1.default.createElement("div", { className: 'c-col-title' },
+            props.icon && react_1.default.createElement(Icon_1.Icon, { type: props.icon, className: 'c-col-title-icon' }),
+            react_1.default.createElement("span", { className: 'c-col-title-text' }, props.title),
+            props.titleSub && react_1.default.createElement("span", { className: 'c-col-title-sub' }, props.titleSub)),
+        react_1.default.createElement("div", { className: 'c-col-actions' }, elAction));
+};
+const Col = (props) => {
+    let clazz = ['v-col'];
+    if (props.className) {
+        clazz.push(props.className);
+    }
+    if (lodash_1.default.has(props, 'span') || lodash_1.default.has(props, 'width') || lodash_1.default.has(props, 'height') || lodash_1.default.has(props.style, 'width') || lodash_1.default.has(props.style, 'height')) {
+        clazz.push('v-col-fix');
+    }
+    else {
+        clazz.push('v-col-auto');
+    }
+    let style = props.style || {};
+    if (props.width) {
+        style.width = props.width;
+        style.minWidth = props.width;
+        style.maxWidth = props.width;
+    }
+    if (props.height) {
+        style.height = props.height;
+        style.minHeight = props.height;
+        style.maxHeight = props.height;
+        clazz.push('v-col-fix');
+    }
+    if (props.nobg) {
+        clazz.push('v-col-nobg');
+        return react_1.default.createElement(antd_1.Col, Object.assign({}, lodash_1.default.omit(props, PANEL_PROPERTIES), { style: style, className: clazz.join(' ') }));
+    }
+    const panelProps = lodash_1.default.pick(props, PANEL_PROPERTIES);
+    if (props.className)
+        clazz.push(props.className);
+    if (lodash_1.default.keys(panelProps).length == 0)
+        return react_1.default.createElement(antd_1.Col, Object.assign({}, lodash_1.default.omit(props, ['children']), { className: clazz.join(' '), style: style }),
+            react_1.default.createElement("div", { className: 'v-col-content' }, props.children));
+    const colProps = lodash_1.default.omit(props, PANEL_PROPERTIES);
+    let isLoading = false;
+    let isEmpty = false;
+    if (props.loading) {
+        isLoading = true;
+    }
+    else if (lodash_1.default.has(props, 'empty')) {
+        if (lodash_1.default.isArray(props.empty)) {
+            isEmpty = props.empty.length == 0;
+        }
+        else if (props.empty) {
+            isEmpty = true;
+        }
+    }
+    return react_1.default.createElement(antd_1.Col, Object.assign({}, colProps, { className: clazz.join(' '), style: style }),
+        react_1.default.createElement("div", { className: 'v-col-content' },
+            react_1.default.createElement(ColHead, Object.assign({}, props)),
+            react_1.default.createElement("div", { className: 'v-col-body', style: props.bodySytle }, isLoading ? react_1.default.createElement(Loading_1.Loading, null) : (isEmpty ? react_1.default.createElement(antd_1.Empty, null) : props.children))));
+};
+exports.Col = Col;

package/components/_adapt/Collapse.d.ts

@@ -0,0 +1,30 @@
+/**
+ * -------------------------------
+ * 手风琴组件兼容模块  ： Collapse
+ * -------------------------------
+*/
+import type { CollapseProps } from 'antd/es/collapse';
+import type { CollapsePanelProps } from 'antd/es/collapse/CollapsePanel';
+import type { FC, PropsWithChildren, ExoticComponent } from 'react';
+/**
+ * 说明： 排除 Collapse 组件已被 antd 标记为 deprecated 的属性:
+ * expandIconPosition : 不支持 'left'/'right' 使用 'start'/'end' 替代
+*/
+export declare type ExpandIconPosition = 'start' | 'end' | undefined;
+export type OCollapseProps = Omit<CollapseProps, 'expandIconPosition'> & {
+    expandIconPosition?: ExpandIconPosition;
+};
+type CollapsibleType = 'disabled';
+/**
+ * 说明：排除 Collapse.Panel 已被  antd 标记为 deprecated 的属性:
+ * disabled：1.  不再被支持 ， 使用 `collapsible="disabled"` 替代
+ *           2. 本版本不支持 header,icon ,只能使用 collapsible="disabled"
+*/
+export type OCollapsePanelProps = Omit<CollapsePanelProps, 'disabled'> & {
+    collapsible?: CollapsibleType;
+};
+type CollapseComponent = ExoticComponent<PropsWithChildren<OCollapseProps>> & {
+    Panel: FC<PropsWithChildren<OCollapsePanelProps>>;
+};
+export declare const Collapse: CollapseComponent;
+export {};