@truenewx/tnxvue3 2.6.3 → 2.6.5

package/src/element-plus/tnxel.js

@@ -5,7 +5,7 @@
 import ElementPlus, { ElLoading, ElMessage, ElMessageBox } from 'element-plus';
 import ElementPlus_zh_CN from 'element-plus/es/locale/lang/zh-cn';
 import tnxbs from '@truenewx/tnxcore/src/tnxbs'; // 二次封装组件中使用了Bootstrap的基础样式
-import tnxvue from '../tnxvue.js';
+import tnxvue, { build } from '../tnxvue.js';
 
 import Avatar from './avatar/Avatar.vue';
 import Alert from './alert/Alert.vue';
@@ -44,485 +44,490 @@ import Upload from './upload/Upload.vue';
 
 import './tnxel.css';
 
-const $ = tnxbs.libs.$;
+export { build };
 
-const components = Object.assign({}, tnxvue.components, {
-    Avatar,
-    Alert,
-    Button,
-    CheckIcon,
-    CloseErrorButton,
-    Curd,
-    DatePicker,
-    DateRange,
-    DateTimePicker,
-    DetailForm,
-    Dialog,
-    Drawer,
-    DropdownItem,
-    EnumSelect,
-    FetchCascader,
-    FetchSelect,
-    FetchTags,
-    FssUpload,
-    FssView,
-    Icon,
-    InputNumber,
-    Paged,
-    PermissionTree,
-    QueryForm,
-    QueryTable,
-    RegionCascader,
-    Select,
-    Slider,
-    StepsNav,
-    SubmitForm,
-    TabColumn,
-    Tabs,
-    Transfer,
-    Upload,
-});
+export default build('tnxel', () => {
+    const $ = tnxbs.libs.$;
 
-const dialogContainerClass = 'tnxel-dialog-container';
-const drawerContainerClass = 'tnxel-drawer-container';
+    const components = Object.assign({}, tnxvue.components, {
+        Avatar,
+        Alert,
+        Button,
+        CheckIcon,
+        CloseErrorButton,
+        Curd,
+        DatePicker,
+        DateRange,
+        DateTimePicker,
+        DetailForm,
+        Dialog,
+        Drawer,
+        DropdownItem,
+        EnumSelect,
+        FetchCascader,
+        FetchSelect,
+        FetchTags,
+        FssUpload,
+        FssView,
+        Icon,
+        InputNumber,
+        Paged,
+        PermissionTree,
+        QueryForm,
+        QueryTable,
+        RegionCascader,
+        Select,
+        Slider,
+        StepsNav,
+        SubmitForm,
+        TabColumn,
+        Tabs,
+        Transfer,
+        Upload,
+    });
 
-const tnxel = Object.assign({}, tnxbs, tnxvue, {
-    components,
-    _dialogs: [], // 对话框堆栈
-    dialog(content, title, buttons, options, contentProps) {
-        this._closeMessage();
+    const dialogContainerClass = 'tnxel-dialog-container';
+    const drawerContainerClass = 'tnxel-drawer-container';
 
-        let componentOptions = {};
-        if (this.util.isComponent(content)) {
-            componentOptions.components = {
-                'tnxel-dialog-content': content
-            };
-            content = null;
-        }
-        let componentDefinition = Object.assign({}, Dialog, componentOptions);
+    const tnxel = Object.assign({}, tnxbs, tnxvue, {
+        components,
+        _dialogs: [], // 对话框堆栈
+        dialog(content, title, buttons, options, contentProps) {
+            this._closeMessage();
 
-        const dialogId = 'dialog-' + (new Date().getTime());
-        $('body').append('<div class="' + dialogContainerClass + '" id="' + dialogId + '"></div>');
-        if (!(buttons instanceof Array)) {
-            buttons = [];
-        }
-        const containerSelector = '.' + dialogContainerClass + '#' + dialogId;
-        options = options || {};
-        const dialogVm = window.tnx.createVueInstance(componentDefinition, null, {
-            modelValue: true,
-            container: containerSelector,
-            title: title,
-            content: content,
-            contentProps: contentProps,
-            buttons: buttons,
-            theme: options.theme,
-        }).mount(containerSelector);
-        dialogVm.options = Object.assign(dialogVm.options || {}, options);
-        dialogVm.options.onClosed = this.util.function.around(dialogVm.options.onClosed, function(onClosed) {
-            let $container = $(containerSelector);
-            $container.next('.el-overlay').remove();
-            $container.remove();
-            if (onClosed) {
-                onClosed.call(dialogVm);
+            let componentOptions = {};
+            if (this.util.isComponent(content)) {
+                componentOptions.components = {
+                    'tnxel-dialog-content': content
+                };
+                content = null;
             }
-        });
-        this._dialogs.push(dialogVm);
-        return dialogVm;
-    },
-    closeDialog(all, callback) {
-        if (typeof all === 'function') {
-            callback = all;
-            all = false;
-        }
-        if (this._dialogs.length) {
-            let dialog = this._dialogs.pop();
-            while (dialog) {
-                dialog.close(callback);
-                if (all) {
-                    dialog = this._dialogs.pop();
-                } else {
-                    break;
+            let componentDefinition = Object.assign({}, Dialog, componentOptions);
+
+            const dialogId = 'dialog-' + (new Date().getTime());
+            $('body').append('<div class="' + dialogContainerClass + '" id="' + dialogId + '"></div>');
+            if (!(buttons instanceof Array)) {
+                buttons = [];
+            }
+            const containerSelector = '.' + dialogContainerClass + '#' + dialogId;
+            options = options || {};
+            const dialogVm = window.tnx.createVueInstance(componentDefinition, null, {
+                modelValue: true,
+                container: containerSelector,
+                title: title,
+                content: content,
+                contentProps: contentProps,
+                buttons: buttons,
+                theme: options.theme,
+            }).mount(containerSelector);
+            dialogVm.options = Object.assign(dialogVm.options || {}, options);
+            dialogVm.options.onClosed = this.util.function.around(dialogVm.options.onClosed, function(onClosed) {
+                let $container = $(containerSelector);
+                $container.next('.el-overlay').remove();
+                $container.remove();
+                if (onClosed) {
+                    onClosed.call(dialogVm);
                 }
+            });
+            this._dialogs.push(dialogVm);
+            return dialogVm;
+        },
+        closeDialog(all, callback) {
+            if (typeof all === 'function') {
+                callback = all;
+                all = false;
             }
-        }
-    },
-    _drawers: [], // 抽屉堆栈
-    drawer(content, title, buttons, options, contentProps) {
-        this._closeMessage();
+            if (this._dialogs.length) {
+                let dialog = this._dialogs.pop();
+                while (dialog) {
+                    dialog.close(callback);
+                    if (all) {
+                        dialog = this._dialogs.pop();
+                    } else {
+                        break;
+                    }
+                }
+            }
+        },
+        _drawers: [], // 抽屉堆栈
+        drawer(content, title, buttons, options, contentProps) {
+            this._closeMessage();
 
-        let componentOptions = {};
-        if (this.util.isComponent(content)) {
-            componentOptions.components = {
-                'tnxel-drawer-content': content
-            };
-            content = null;
-        }
-        let componentDefinition = Object.assign({}, Drawer, componentOptions);
+            let componentOptions = {};
+            if (this.util.isComponent(content)) {
+                componentOptions.components = {
+                    'tnxel-drawer-content': content
+                };
+                content = null;
+            }
+            let componentDefinition = Object.assign({}, Drawer, componentOptions);
 
-        const drawerId = 'drawer-' + (new Date().getTime());
-        $('body').append('<div class="' + drawerContainerClass + '" id="' + drawerId + '"></div>');
-        if (!(buttons instanceof Array)) {
-            buttons = [];
-        }
-        const containerSelector = '.' + drawerContainerClass + '#' + drawerId;
-        options = options || {};
-        const drawerVm = window.tnx.createVueInstance(componentDefinition, null, {
-            content: content,
-            title: title,
-            contentProps: contentProps,
-            buttons: buttons,
-            theme: options.theme,
-        }).mount(containerSelector);
-        drawerVm.id = drawerId;
-        drawerVm.options = Object.assign(drawerVm.options || {}, options);
-        drawerVm.options.onClosed = this.util.function.around(drawerVm.options.onClosed, function(onClosed) {
-            let $container = $(containerSelector);
-            $container.next('.el-overlay').remove();
-            $container.remove();
-            if (onClosed) {
-                onClosed.call(drawerVm);
+            const drawerId = 'drawer-' + (new Date().getTime());
+            $('body').append('<div class="' + drawerContainerClass + '" id="' + drawerId + '"></div>');
+            if (!(buttons instanceof Array)) {
+                buttons = [];
             }
-        });
-        this._drawers.push(drawerVm);
-        return drawerVm;
-    },
-    closeDrawer(all, callback) {
-        if (typeof all === 'function') {
-            callback = all;
-            all = false;
-        }
-        if (this._drawers.length) {
-            let drawer = this._drawers.pop();
-            while (drawer) {
-                drawer.close(callback);
-                if (all) {
-                    drawer = this._drawers.pop();
-                } else {
-                    break;
+            const containerSelector = '.' + drawerContainerClass + '#' + drawerId;
+            options = options || {};
+            const drawerVm = window.tnx.createVueInstance(componentDefinition, null, {
+                content: content,
+                title: title,
+                contentProps: contentProps,
+                buttons: buttons,
+                theme: options.theme,
+            }).mount(containerSelector);
+            drawerVm.id = drawerId;
+            drawerVm.options = Object.assign(drawerVm.options || {}, options);
+            drawerVm.options.onClosed = this.util.function.around(drawerVm.options.onClosed, function(onClosed) {
+                let $container = $(containerSelector);
+                $container.next('.el-overlay').remove();
+                $container.remove();
+                if (onClosed) {
+                    onClosed.call(drawerVm);
                 }
+            });
+            this._drawers.push(drawerVm);
+            return drawerVm;
+        },
+        closeDrawer(all, callback) {
+            if (typeof all === 'function') {
+                callback = all;
+                all = false;
             }
-        }
-    },
-    _closeMessage() {
-        ElMessage.closeAll();
-        this.closeLoading();
-    },
-    _handleZIndex(selector) {
-        const util = this.util;
-        setTimeout(function() {
-            const topZIndex = util.dom.minTopZIndex(2);
-            const element = $(selector);
-            const zIndex = Number(element.css('zIndex'));
-            if (isNaN(zIndex) || topZIndex > zIndex) {
-                element.css('zIndex', topZIndex);
-                const modal = element.next();
-                if (modal.is('.v-modal')) {
-                    modal.css('zIndex', topZIndex - 1);
+            if (this._drawers.length) {
+                let drawer = this._drawers.pop();
+                while (drawer) {
+                    drawer.close(callback);
+                    if (all) {
+                        drawer = this._drawers.pop();
+                    } else {
+                        break;
+                    }
                 }
             }
-        });
-    },
-    alert(message, title, callback, options) {
-        if (typeof title === 'function') {
-            options = callback;
-            callback = title;
-            title = '提示';
-        }
-        options = Object.assign({
-            dangerouslyUseHTMLString: true,
-            type: 'warning',
-            confirmButtonText: '确定',
-        }, options);
-        ElMessageBox.alert(message, title, options).then(callback);
-        this._handleZIndex('.el-message-box__wrapper:last');
-    },
-    success(message, callback, options) {
-        options = Object.assign({
-            dangerouslyUseHTMLString: true,
-        }, options, {
-            type: 'success',
-            confirmButtonText: '确定',
-        });
-        ElMessageBox.alert(message, '成功', options).then(callback);
-        this._handleZIndex('.el-message-box__wrapper:last');
-    },
-    error(message, callback, options) {
-        options = Object.assign({
-            dangerouslyUseHTMLString: true,
-        }, options, {
-            type: 'error',
-            confirmButtonText: '确定',
-        });
-        ElMessageBox.alert(message, '错误', options).then(callback);
-        this._handleZIndex('.el-message-box__wrapper:last');
-    },
-    confirm(message, title, callback, options) {
-        if (typeof title === 'function') {
-            options = callback;
-            callback = title;
-            title = '确认';
-        }
-        options = Object.assign({
-            type: 'question',
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-        }, options, {
-            dangerouslyUseHTMLString: true,
-            distinguishCancelAndClose: true,
-        });
-        if (options.type === 'question') {
-            options.type = 'info';
-            options.icon = Icon.components.QuestionFilled;
-        }
-        if (options.reverse) {
-            options.customClass = 'reverse';
-            let buttonText = options.confirmButtonText;
-            options.confirmButtonText = options.cancelButtonText;
-            options.cancelButtonText = buttonText;
-        }
-        if (typeof callback === 'function') {
-            options.callback = function(action) {
-                let yes = undefined;
-                if (action === 'confirm') {
-                    yes = options.reverse ? false : true;
-                } else if (action === 'cancel') {
-                    yes = options.reverse ? true : false;
+        },
+        _closeMessage() {
+            ElMessage.closeAll();
+            this.closeLoading();
+        },
+        _handleZIndex(selector) {
+            const util = this.util;
+            setTimeout(function() {
+                const topZIndex = util.dom.minTopZIndex(2);
+                const element = $(selector);
+                const zIndex = Number(element.css('zIndex'));
+                if (isNaN(zIndex) || topZIndex > zIndex) {
+                    element.css('zIndex', topZIndex);
+                    const modal = element.next();
+                    if (modal.is('.v-modal')) {
+                        modal.css('zIndex', topZIndex - 1);
+                    }
                 }
-                callback(yes);
+            });
+        },
+        alert(message, title, callback, options) {
+            if (typeof title === 'function') {
+                options = callback;
+                callback = title;
+                title = '提示';
             }
-        }
-        ElMessageBox.confirm(message, title, options);
-        this._handleZIndex('.el-message-box__wrapper:last');
-    },
-    toast(message, timeout, callback, options) {
-        if (typeof timeout === 'function') {
-            options = callback;
-            callback = timeout;
-            timeout = undefined;
-        }
-        options = Object.assign({
-            type: 'success', // 默认为成功主题，可更改为其它主题
-            offset: this.util.dom.getDocHeight() * 0.4,
-            dangerouslyUseHTMLString: true,
-        }, options, {
-            center: true, // 因为是竖向排列，所以必须居中
-            showClose: false,
-            message: message,
-            duration: timeout || 1500,
-            customClass: 'tnxel-toast',
-            onClose: callback,
-        });
-        this._closeMessage();
-        ElMessage(options);
-        this._handleZIndex('.el-message:last');
-    },
-    showLoading(message, options) {
-        if (typeof message !== 'string') {
-            options = message;
-            message = undefined;
-        }
-        options = Object.assign({
-            dangerouslyUseHTMLString: true,
-        }, options, {
-            text: message,
-        });
-        this._closeMessage();
-        window.tnx.loadingInstance = ElLoading.service(options);
-        this._handleZIndex('.el-loading-mask');
-        return window.tnx.loadingInstance;
-    },
-    closeLoading() {
-        if (window.tnx.loadingInstance) { // 确保绝对的单例
-            window.tnx.loadingInstance.close();
-            window.tnx.loadingInstance = undefined;
-        }
-    },
-    hideLoading() {
-        this.closeLoading();
-    },
-    validateUploaded(vm, reject) {
-        let result = true;
-        let formRef = null;
-        let refKeys = Object.keys(vm.$refs);
-        for (let refKey of refKeys) {
-            let refObj = vm.$refs[refKey];
-            if (Array.isArray(refObj)) {
-                for (let ref of refObj) {
-                    if (typeof ref.validateUploaded === 'function') {
-                        if (ref.validateUploaded(reject) === false) {
+            options = Object.assign({
+                dangerouslyUseHTMLString: true,
+                type: 'warning',
+                confirmButtonText: '确定',
+            }, options);
+            ElMessageBox.alert(message, title, options).then(callback);
+            this._handleZIndex('.el-message-box__wrapper:last');
+        },
+        success(message, callback, options) {
+            options = Object.assign({
+                dangerouslyUseHTMLString: true,
+            }, options, {
+                type: 'success',
+                confirmButtonText: '确定',
+            });
+            ElMessageBox.alert(message, '成功', options).then(callback);
+            this._handleZIndex('.el-message-box__wrapper:last');
+        },
+        error(message, callback, options) {
+            options = Object.assign({
+                dangerouslyUseHTMLString: true,
+            }, options, {
+                type: 'error',
+                confirmButtonText: '确定',
+            });
+            ElMessageBox.alert(message, '错误', options).then(callback);
+            this._handleZIndex('.el-message-box__wrapper:last');
+        },
+        confirm(message, title, callback, options) {
+            if (typeof title === 'function') {
+                options = callback;
+                callback = title;
+                title = '确认';
+            }
+            options = Object.assign({
+                type: 'question',
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+            }, options, {
+                dangerouslyUseHTMLString: true,
+                distinguishCancelAndClose: true,
+            });
+            if (options.type === 'question') {
+                options.type = 'info';
+                options.icon = Icon.components.QuestionFilled;
+            }
+            if (options.reverse) {
+                options.customClass = 'reverse';
+                let buttonText = options.confirmButtonText;
+                options.confirmButtonText = options.cancelButtonText;
+                options.cancelButtonText = buttonText;
+            }
+            if (typeof callback === 'function') {
+                options.callback = function(action) {
+                    let yes = undefined;
+                    if (action === 'confirm') {
+                        yes = options.reverse ? false : true;
+                    } else if (action === 'cancel') {
+                        yes = options.reverse ? true : false;
+                    }
+                    callback(yes);
+                }
+            }
+            ElMessageBox.confirm(message, title, options);
+            this._handleZIndex('.el-message-box__wrapper:last');
+        },
+        toast(message, timeout, callback, options) {
+            if (typeof timeout === 'function') {
+                options = callback;
+                callback = timeout;
+                timeout = undefined;
+            }
+            options = Object.assign({
+                type: 'success', // 默认为成功主题，可更改为其它主题
+                offset: this.util.dom.getDocHeight() * 0.4,
+                dangerouslyUseHTMLString: true,
+            }, options, {
+                center: true, // 因为是竖向排列，所以必须居中
+                showClose: false,
+                message: message,
+                duration: timeout || 1500,
+                customClass: 'tnxel-toast',
+                onClose: callback,
+            });
+            this._closeMessage();
+            ElMessage(options);
+            this._handleZIndex('.el-message:last');
+        },
+        showLoading(message, options) {
+            if (typeof message !== 'string') {
+                options = message;
+                message = undefined;
+            }
+            options = Object.assign({
+                dangerouslyUseHTMLString: true,
+            }, options, {
+                text: message,
+            });
+            this._closeMessage();
+            window.tnx.loadingInstance = ElLoading.service(options);
+            this._handleZIndex('.el-loading-mask');
+            return window.tnx.loadingInstance;
+        },
+        closeLoading() {
+            if (window.tnx.loadingInstance) { // 确保绝对的单例
+                window.tnx.loadingInstance.close();
+                window.tnx.loadingInstance = undefined;
+            }
+        },
+        hideLoading() {
+            this.closeLoading();
+        },
+        validateUploaded(vm, reject) {
+            let result = true;
+            let formRef = null;
+            let refKeys = Object.keys(vm.$refs);
+            for (let refKey of refKeys) {
+                let refObj = vm.$refs[refKey];
+                if (Array.isArray(refObj)) {
+                    for (let ref of refObj) {
+                        if (typeof ref.validateUploaded === 'function') {
+                            if (ref.validateUploaded(reject) === false) {
+                                result = false;
+                                break;
+                            }
+                        }
+                    }
+                } else if (refObj.$el.tagName === 'FORM' && typeof refObj.disable === 'function') {
+                    formRef = refObj;
+                } else {
+                    if (typeof refObj.validateUploaded === 'function') {
+                        if (refObj.validateUploaded(reject) === false) {
                             result = false;
                             break;
                         }
                     }
                 }
-            } else if (refObj.$el.tagName === 'FORM' && typeof refObj.disable === 'function') {
-                formRef = refObj;
-            } else {
-                if (typeof refObj.validateUploaded === 'function') {
-                    if (refObj.validateUploaded(reject) === false) {
-                        result = false;
-                        break;
-                    }
-                }
             }
+            if (!result && formRef) {
+                formRef.disable(false);
+            }
+            return result;
         }
-        if (!result && formRef) {
-            formRef.disable(false);
-        }
-        return result;
-    }
-});
+    });
 
-tnxel.install = tnxel.util.function.around(tnxel.install, function(install, vm) {
-    install.call(window.tnx, vm);
-    vm.use(ElementPlus, {
-        locale: ElementPlus_zh_CN,
+    tnxel.install = tnxel.util.function.around(tnxel.install, function(install, vm) {
+        install.call(window.tnx, vm);
+        let ElementComponent = ElementPlus;
+        if (window.tnx.libs && window.tnx.libs.ElementPlus) {
+            ElementComponent = window.tnx.libs.ElementPlus;
+        }
+        vm.use(ElementComponent, {
+            locale: ElementPlus_zh_CN,
+        });
+        window.tnx.libs = Object.assign({}, window.tnx.libs, {ElementPlus: ElementComponent});
     });
-    this.libs.ElementPlus = ElementPlus;
-});
 
-tnxel.router.beforeLeave = tnxel.util.function.around(tnxel.router.beforeLeave, function(beforeLeave, router, from) {
-    // 页面跳转前关闭当前页面中可能存在的所有消息框和对话框
-    window.tnx._closeMessage();
-    window.tnx.closeDialog(true);
-    beforeLeave.call(window.tnx.router, router, from);
-});
+    tnxel.router.beforeLeave = tnxel.util.function.around(tnxel.router.beforeLeave, function(beforeLeave, router, from) {
+        // 页面跳转前关闭当前页面中可能存在的所有消息框和对话框
+        window.tnx._closeMessage();
+        window.tnx.closeDialog(true);
+        beforeLeave.call(window.tnx.router, router, from);
+    });
 
-tnxel.date = {
-    formatDateTime: function(row, column, cellValue) {
-        if (cellValue) {
-            return new Date(cellValue).formatDateTime();
-        }
-        return undefined;
-    },
-    formatDate: function(row, column, cellValue) {
-        if (cellValue) {
-            return new Date(cellValue).formatDate();
-        }
-        return undefined;
-    },
-    formatTime: function(row, column, cellValue) {
-        if (typeof cellValue === 'number') {
-            cellValue = new Date(cellValue);
-        }
-        if (cellValue instanceof Date) {
-            cellValue = cellValue.formatTime();
-        }
-        if (typeof cellValue === 'string') {
-            return cellValue;
-        }
-        return undefined;
-    },
-    formatTimeMinute: function(row, column, cellValue) {
-        if (typeof cellValue === 'number') {
-            cellValue = new Date(cellValue);
-        }
-        if (cellValue instanceof Date) {
-            cellValue = cellValue.formatTimeMinute();
-        }
-        if (typeof cellValue === 'string') {
-            let array = cellValue.split(':');
-            if (array.length > 1) {
-                return array[0] + ':' + array[1];
+    tnxel.date = {
+        formatDateTime: function(row, column, cellValue) {
+            if (cellValue) {
+                return new Date(cellValue).formatDateTime();
             }
-        }
-        return undefined;
-    },
-    formatDateMinute: function(row, column, cellValue) {
-        if (cellValue) {
-            return new Date(cellValue).formatDateMinute();
-        }
-        return undefined;
-    },
-    formatDateMonth: function(row, column, cellValue) {
-        if (cellValue) {
-            return new Date(cellValue).formatDateMonth();
-        }
-        return undefined;
-    },
-    formatPermanentableDate: function(row, column, cellValue) {
-        if (Array.isArray(cellValue)) {
-            cellValue = cellValue[column];
-        }
-        return tnxvue.util.date.formatPermanentableDate(cellValue);
-    },
-    /**
-     * 将Java标准的日期格式转换为Day.js的日期格式
-     * @param format Java标准的日期格式
-     * @returns {String} Day.js的日期格式
-     */
-    toDayJsDateFormat(format) {
-        return format.replaceAll('y', 'Y').replaceAll('d', 'D');
-    },
-};
+            return undefined;
+        },
+        formatDate: function(row, column, cellValue) {
+            if (cellValue) {
+                return new Date(cellValue).formatDate();
+            }
+            return undefined;
+        },
+        formatTime: function(row, column, cellValue) {
+            if (typeof cellValue === 'number') {
+                cellValue = new Date(cellValue);
+            }
+            if (cellValue instanceof Date) {
+                cellValue = cellValue.formatTime();
+            }
+            if (typeof cellValue === 'string') {
+                return cellValue;
+            }
+            return undefined;
+        },
+        formatTimeMinute: function(row, column, cellValue) {
+            if (typeof cellValue === 'number') {
+                cellValue = new Date(cellValue);
+            }
+            if (cellValue instanceof Date) {
+                cellValue = cellValue.formatTimeMinute();
+            }
+            if (typeof cellValue === 'string') {
+                let array = cellValue.split(':');
+                if (array.length > 1) {
+                    return array[0] + ':' + array[1];
+                }
+            }
+            return undefined;
+        },
+        formatDateMinute: function(row, column, cellValue) {
+            if (cellValue) {
+                return new Date(cellValue).formatDateMinute();
+            }
+            return undefined;
+        },
+        formatDateMonth: function(row, column, cellValue) {
+            if (cellValue) {
+                return new Date(cellValue).formatDateMonth();
+            }
+            return undefined;
+        },
+        formatPermanentableDate: function(row, column, cellValue) {
+            if (Array.isArray(cellValue)) {
+                cellValue = cellValue[column];
+            }
+            return tnxvue.util.date.formatPermanentableDate(cellValue);
+        },
+        /**
+         * 将Java标准的日期格式转换为Day.js的日期格式
+         * @param format Java标准的日期格式
+         * @returns {String} Day.js的日期格式
+         */
+        toDayJsDateFormat(format) {
+            return format.replaceAll('y', 'Y').replaceAll('d', 'D');
+        },
+    };
 
-tnxel.number = {
-    formatPercent: function(row, column, cellValue) {
-        if (typeof cellValue !== 'number') {
-            cellValue = parseFloat(cellValue);
-        }
-        if (!isNaN(cellValue)) {
-            return cellValue.toPercent();
+    tnxel.number = {
+        formatPercent: function(row, column, cellValue) {
+            if (typeof cellValue !== 'number') {
+                cellValue = parseFloat(cellValue);
+            }
+            if (!isNaN(cellValue)) {
+                return cellValue.toPercent();
+            }
+            return undefined;
         }
-        return undefined;
     }
-}
 
-tnxel.boolean = {
-    items: {
-        getText(type, value) {
-            let items = this[type];
-            if (Array.isArray(items)) {
-                for (let item of items) {
-                    if (item.value === value) {
-                        return item.text;
+    tnxel.boolean = {
+        items: {
+            getText(type, value) {
+                let items = this[type];
+                if (Array.isArray(items)) {
+                    for (let item of items) {
+                        if (item.value === value) {
+                            return item.text;
+                        }
                     }
                 }
+                return undefined;
+            },
+            has: [{
+                value: true,
+                text: '有',
+            }, {
+                value: false,
+                text: '无',
+            }]
+        },
+        format: function(row, column, cellValue) {
+            if (typeof cellValue === 'boolean') {
+                cellValue = cellValue.toText();
             }
-            return undefined;
+            return cellValue;
         },
-        has: [{
-            value: true,
-            text: '有',
-        }, {
-            value: false,
-            text: '无',
-        }]
-    },
-    format: function(row, column, cellValue) {
-        if (typeof cellValue === 'boolean') {
-            cellValue = cellValue.toText();
-        }
-        return cellValue;
-    },
-    formatHas: function(row, column, cellValue) {
-        if (typeof cellValue === 'boolean') {
-            cellValue = tnxel.boolean.items.getText('has', cellValue);
+        formatHas: function(row, column, cellValue) {
+            if (typeof cellValue === 'boolean') {
+                cellValue = tnxel.boolean.items.getText('has', cellValue);
+            }
+            return cellValue;
         }
-        return cellValue;
     }
-}
 
-tnxel.table = {}
+    tnxel.table = {}
 
-const rpc = tnxel.app.rpc;
-rpc.handleErrors = tnxel.util.function.around(rpc.handleErrors, function(handleErrors, errors, options) {
-    if (options && options.form) {
-        let forms;
-        if (Array.isArray(options.form)) {
-            forms = options.form;
-        } else {
-            forms = [options.form];
-        }
-        forms.forEach(form => {
-            if (typeof form.disable === 'function') {
-                form.disable(false);
+    const rpc = tnxel.app.rpc;
+    rpc.handleErrors = tnxel.util.function.around(rpc.handleErrors, function(handleErrors, errors, options) {
+        if (options && options.form) {
+            let forms;
+            if (Array.isArray(options.form)) {
+                forms = options.form;
+            } else {
+                forms = [options.form];
             }
-        });
-    }
-    return handleErrors.call(rpc, errors, options);
+            forms.forEach(form => {
+                if (typeof form.disable === 'function') {
+                    form.disable(false);
+                }
+            });
+        }
+        return handleErrors.call(rpc, errors, options);
+    });
+    return tnxel;
 });
-
-window.tnx = tnxel;
-
-export default tnxel;