@truenewx/tnxvue3 3.4.4 → 3.4.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenewx/tnxvue3",
-  "version": "3.4.4",
+  "version": "3.4.6",
   "description": "互联网技术解决方案：Vue3扩展支持",
   "private": false,
   "type": "module",
@@ -21,33 +21,34 @@
   "peerDependencies": {
     "@element-plus/icons-vue": "~2.3.0",
     "async-validator": "~4.2.0",
-    "bootstrap-vue-next": "~0.40.0",
-    "element-plus": "~2.13.0",
+    "bootstrap-vue-next": "~0.45.0",
+    "element-plus": "~2.14.0",
     "tdesign-icons-vue-next": "~0.4.0",
-    "tdesign-mobile-vue": "~1.12.0",
-    "tdesign-vue-next": "~1.17.0",
+    "tdesign-mobile-vue": "~1.15.0",
+    "tdesign-vue-next": "~1.20.0",
     "validator": "~13.15.0",
     "vue": "~3.5.0",
     "vue-router": "~4.6.0"
   },
   "dependencies": {
-    "@truenewx/tnxcore": "3.4.3",
+    "@truenewx/tnxcore": "3.4.5",
     "bootstrap": "5.3.8",
     "cash-dom": "8.1.5",
     "mitt": "3.0.1"
   },
   "devDependencies": {
-    "@eslint/js": "9.39.2",
-    "@typescript-eslint/parser": "8.50.0",
-    "@typescript-eslint/eslint-plugin": "8.50.0",
-    "@vitejs/plugin-vue": "6.0.1",
-    "eslint": "9.39.1",
-    "eslint-plugin-vue": "10.5.1",
-    "globals": "16.5.0",
-    "tsx": "4.21.0",
-    "typescript": "5.6.3",
-    "vite": "7.2.2",
-    "vue-eslint-parser": "10.2.0"
+    "@eslint/js": "10.0.1",
+    "@typescript-eslint/parser": "8.61.1",
+    "@typescript-eslint/eslint-plugin": "8.61.1",
+    "@vitejs/plugin-vue": "6.0.7",
+    "eslint": "10.5.0",
+    "eslint-plugin-vue": "10.9.2",
+    "globals": "17.6.0",
+    "less": "4.6.6",
+    "tsx": "4.22.4",
+    "typescript": "6.0.3",
+    "vite": "8.0.16",
+    "vue-eslint-parser": "10.4.1"
   },
   "browserslist": [
     "> 1%",

package/src/bootstrap-vue/dialog/Dialog.vue

@@ -20,9 +20,9 @@
         <component ref="content" :is="content" v-bind="contentProps" v-else></component>
         <template #footer>
             <TnxbsvButton v-for="(button, index) in buttons" :key="index"
-                :type="button.type || 'light'"
-                :loading="buttonLoadings[index]"
-                @click="btnClick(index)"
+                          :type="button.type || 'light'"
+                          :loading="buttonLoadings[index]"
+                          @click="btnClick(index)"
             >
                 {{ button.caption || button.text }}
             </TnxbsvButton>
@@ -113,14 +113,26 @@ export default {
         },
         btnClick(index) {
             const button = this.buttons[index];
-            if (button && typeof button.click === 'function') {
-                let result = button.click.call(this.$refs.content, this.close);
-                if (result === 'loading') {
-                    this.buttonLoadings[index] = true;
-                    return;
+            if (button) {
+                let click = button.click;
+                if (typeof click === 'string') {
+                    if (typeof this.$refs.content[click] === 'function') {
+                        click = this.$refs.content[click];
+                    } else {
+                        console.error(`Method '${click}' not found in component:`, this.$refs.content);
+                        click = null;
+                    }
                 }
-                if (result === false) {
-                    return;
+
+                if (typeof click === 'function') {
+                    let result = click.call(this.$refs.content, this.close);
+                    if (result === 'loading') {
+                        this.buttonLoadings[index] = true;
+                        return;
+                    }
+                    if (result === false) {
+                        return;
+                    }
                 }
             }
             this.close();

package/src/bootstrap-vue/select/Select.vue

@@ -181,18 +181,17 @@ export default {
         },
         triggerChange(value) {
             if (this.change) {
-                let item = undefined;
                 if (this.isMulti()) {
-                    item = [];
+                    let item = [];
                     if (Array.isArray(value)) {
                         for (let v of value) {
                             item.push(this.getItem(v));
                         }
                     }
+                    this.change(item, this.id);
                 } else {
-                    item = this.getItem(value);
+                    this.change(this.getItem(value), this.id);
                 }
-                this.change(item, this.id);
             } else {
                 this.$emit('change', value);
             }

package/src/components/ScrollView.vue

@@ -0,0 +1,69 @@
+<template>
+    <div class="scroll-view">
+        <div class="scroll-view-y" :class="{'hide-scrollbar-y': !scrollY}">
+            <div class="scroll-view-x" :class="{'hide-scrollbar-x': !scrollX}">
+                <slot></slot>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'ScrollView',
+    props: {
+        scrollX: {
+            type: Boolean,
+            default: false,
+        },
+        scrollY: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    data() {
+        return {};
+    },
+    methods: {}
+}
+</script>
+
+<style lang="less" scoped>
+.scroll-view {
+    height: 100%;
+    min-height: 0;
+}
+
+.scroll-view-y {
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+.scroll-view-x {
+    width: 100%;
+    min-height: 100%;
+    overflow-x: auto;
+    overflow-y: visible;
+    -webkit-overflow-scrolling: touch;
+}
+
+.hide-scrollbar-y {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+.hide-scrollbar-y::-webkit-scrollbar {
+    width: 0;
+}
+
+.hide-scrollbar-x {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+.hide-scrollbar-x::-webkit-scrollbar {
+    height: 0;
+}
+</style>

package/src/css.d.ts

@@ -0,0 +1,4 @@
+declare module '*.css' {
+    const content: string;
+    export default content;
+}

package/src/element-plus/aj-captcha/utils/ase.js

@@ -1,12 +1,12 @@
-import * as CryptoES from 'crypto-es';
+import {AES, ECB, Pkcs7, Utf8} from 'crypto-es';
 
 /**
  * @word 要加密的内容
  * @keyWord String  服务器随机返回的关键字
  *  */
 export function aesEncrypt(word, keyWord = "XwKsGlMcdPMEhR1B") {
-    let key = CryptoES.enc.Utf8.parse(keyWord);
-    let srcs = CryptoES.enc.Utf8.parse(word);
-    let encrypted = CryptoES.AES.encrypt(srcs, key, {mode: CryptoES.mode.ECB, padding: CryptoES.pad.Pkcs7});
+    let key = Utf8.parse(keyWord);
+    let srcs = Utf8.parse(word);
+    let encrypted = AES.encrypt(srcs, key, {mode: ECB, padding: Pkcs7});
     return encrypted.toString();
 }

package/src/element-plus/dialog/Dialog.vue

@@ -170,14 +170,26 @@ export default {
         },
         btnClick(index) {
             const button = this.buttons[index];
-            if (button && typeof button.click === 'function') {
-                let result = button.click.call(this.$refs.content, this.close);
-                if (result === 'loading') {
-                    this.buttonLoadings[index] = true;
-                    return;
+            if (button) {
+                let click = button.click;
+                if (typeof click === 'string') {
+                    if (typeof this.$refs.content[click] === 'function') {
+                        click = this.$refs.content[click];
+                    } else {
+                        console.error(`Method '${click}' not found in component:`, this.$refs.content);
+                        click = null;
+                    }
                 }
-                if (result === false) {
-                    return;
+
+                if (typeof click === 'function') {
+                    let result = click.call(this.$refs.content, this.close);
+                    if (result === 'loading') {
+                        this.buttonLoadings[index] = true;
+                        return;
+                    }
+                    if (result === false) {
+                        return;
+                    }
                 }
             }
             this.close();

package/src/element-plus/drawer/Drawer.vue

@@ -87,9 +87,26 @@ export default {
     methods: {
         btnClick(index) {
             const button = this.buttons[index];
-            if (button && typeof button.click === 'function') {
-                if (button.click.call(this.$refs.content, this.close) === false) {
-                    return;
+            if (button) {
+                let click = button.click;
+                if (typeof click === 'string') {
+                    if (typeof this.$refs.content[click] === 'function') {
+                        click = this.$refs.content[click];
+                    } else {
+                        console.error(`Method '${click}' not found in component:`, this.$refs.content);
+                        click = null;
+                    }
+                }
+
+                if (typeof click === 'function') {
+                    let result = click.call(this.$refs.content, this.close);
+                    if (result === 'loading') {
+                        this.buttonLoadings[index] = true;
+                        return;
+                    }
+                    if (result === false) {
+                        return;
+                    }
                 }
             }
             this.close();

package/src/element-plus/fss-upload/FssUpload.vue

@@ -275,7 +275,7 @@ export default {
             if (typeof reject === 'function') {
                 reject(file);
             } else {
-                this.tnx.alert('文件"' + file.name + '"还未上传完毕，请稍候').then(() => {
+                this.tnx.alert('文件"' + file.name + '"还未上传完毕，请稍候', {title: '提示'}).then(() => {
                     if (reject && typeof reject.disable === 'function') {
                         reject.disable(false);
                     }

package/src/element-plus/icon/Icon.vue

@@ -69,6 +69,7 @@
         <Switch v-else-if="value === 'Switch'"/>
         <Tools v-else-if="value === 'Tools'"/>
         <Top v-else-if="value === 'Top'"/>
+        <Upload v-else-if="value === 'Upload'"/>
         <User v-else-if="value === 'User'"/>
         <UserFilled v-else-if="value === 'UserFilled'"/>
         <View v-else-if="value === 'View'"/>
@@ -148,6 +149,7 @@ import {
     Switch,
     Tools,
     Top,
+    Upload,
     User,
     UserFilled,
     View,
@@ -225,6 +227,7 @@ const components = {
     Switch,
     Tools,
     Top,
+    Upload,
     User,
     UserFilled,
     View,

package/src/element-plus/select/Select.vue

@@ -291,18 +291,17 @@ export default {
         },
         triggerChange(value) {
             if (this.change) {
-                let item = undefined;
                 if (this.isMulti()) {
-                    item = [];
+                    let item = [];
                     if (Array.isArray(value)) {
                         for (let v of value) {
                             item.push(this.getItem(v));
                         }
                     }
+                    this.change(item, this.id);
                 } else {
-                    item = this.getItem(value);
+                    this.change(this.getItem(value), this.id);
                 }
-                this.change(item, this.id);
             } else {
                 this.$emit('change', value);
             }

package/src/element-plus/tnxel.css

@@ -10,14 +10,6 @@
     background-color: var(--el-color-info-light-8) !important;
 }
 
-.text-white {
-    color: white !important;
-}
-
-.bg-white {
-    background-color: white !important;
-}
-
 .text-regular {
     color: var(--el-text-color-regular) !important;
 }

package/src/element-plus/tnxel.ts

@@ -8,6 +8,7 @@ import ElementPlus, {
     ElMessageBox,
     ElMessageBoxOptions,
     MessageParams,
+    MessageType,
     LoadingOptions,
     LoadingInstance,
 } from 'element-plus';
@@ -69,7 +70,8 @@ type VueComponent = Vue.Component & {
 
 type ModalComponentInstance = Vue.ComponentPublicInstance & {
     id: string;
-    close: () => Promise<void>;
+    close: () => void;
+    options: Record<string, any>;
 }
 
 export default class TnxEl extends TnxVue {
@@ -175,8 +177,8 @@ export default class TnxEl extends TnxVue {
             theme: options.theme,
         });
         const dialog = dialogVm.mount(containerSelector) as ModalComponentInstance;
-        dialog.$options = Object.assign(dialog.$options || {}, options);
-        dialog.$options.onClosed = this.util.function.around(dialog.$options.onClosed, (onClosed: () => void): void => {
+        dialog.options = Object.assign(dialog.options || {}, options);
+        dialog.options.onClosed = this.util.function.around(dialog.options.onClosed, (onClosed: () => void): void => {
             dialogVm.unmount();
             this.dialogInstances.remove(dialog);
 
@@ -197,26 +199,18 @@ export default class TnxEl extends TnxVue {
         return dialog;
     }
 
-    closeDialog(all?: boolean): Promise<void> {
-        return new Promise<void>((resolve) => {
-            if (this.dialogInstances.length) {
-                let dialog = this.dialogInstances.pop();
-                let promises = [];
-                while (dialog) {
-                    promises.push(dialog.close());
-                    if (all) {
-                        dialog = this.dialogInstances.pop();
-                    } else {
-                        break;
-                    }
+    closeDialog(all?: boolean): void {
+        if (this.dialogInstances.length) {
+            let dialog = this.dialogInstances.pop();
+            while (dialog) {
+                dialog.close();
+                if (all) {
+                    dialog = this.dialogInstances.pop();
+                } else {
+                    break;
                 }
-                Promise.all(promises).then(() => {
-                    resolve();
-                });
-            } else {
-                resolve();
             }
-        });
+        }
     }
 
     private drawerInstances: ModalComponentInstance[] = []; // 抽屉实例堆栈
@@ -251,8 +245,8 @@ export default class TnxEl extends TnxVue {
             theme: options.theme,
         });
         const drawer = drawerVm.mount(containerSelector) as ModalComponentInstance;
-        drawer.$options = Object.assign(drawer.$options || {}, options);
-        drawer.$options.onClosed = this.util.function.around(drawer.$options.onClosed, (onClosed: () => void): void => {
+        drawer.options = Object.assign(drawer.options || {}, options);
+        drawer.options.onClosed = this.util.function.around(drawer.options.onClosed, (onClosed: () => void): void => {
             drawerVm.unmount();
             this.drawerInstances.remove(drawer);
 
@@ -273,26 +267,18 @@ export default class TnxEl extends TnxVue {
         return drawer;
     }
 
-    closeDrawer(all?: boolean): Promise<void> {
-        return new Promise<void>((resolve) => {
-            if (this.drawerInstances.length) {
-                let drawer = this.drawerInstances.pop();
-                let promises = [];
-                while (drawer) {
-                    promises.push(drawer.close());
-                    if (all) {
-                        drawer = this.drawerInstances.pop();
-                    } else {
-                        break;
-                    }
+    closeDrawer(all?: boolean): void {
+        if (this.drawerInstances.length) {
+            let drawer = this.drawerInstances.pop();
+            while (drawer) {
+                drawer.close();
+                if (all) {
+                    drawer = this.drawerInstances.pop();
+                } else {
+                    break;
                 }
-                Promise.all(promises).then(() => {
-                    resolve();
-                });
-            } else {
-                resolve();
             }
-        });
+        }
     }
 
     private closeMessage() {
@@ -322,73 +308,73 @@ export default class TnxEl extends TnxVue {
         });
     }
 
-    toast(message: string, timeout?: number): Promise<void> {
+    toast(message: string, theme?: string, options?: { duration?: number }): Promise<void> {
         this.closeMessage();
         return new Promise<void>((resolve) => {
-            let options: MessageParams = {
-                type: 'success', // 默认为成功主题，可更改为其它主题
+            let msgParams: MessageParams = {
+                type: (theme || 'success') as MessageType, // 默认为成功主题，可更改为其它主题
                 offset: this.util.dom.getDocHeight() * 0.4,
                 dangerouslyUseHTMLString: true,
                 showClose: false,
                 message: message,
-                duration: timeout || 2000,
+                duration: options?.duration || 2000,
                 customClass: 'tnxel-toast',
                 onClose: () => {
                     resolve();
                 }
             };
-            ElMessage(options);
+            ElMessage(msgParams);
             this.handleZIndex('.el-message:last');
-            this.eventBus.emit('tnx.toast', options);
+            this.eventBus.emit('tnx.toast', msgParams);
         });
     }
 
-    async alert(message: string, title: string = '提示'): Promise<void> {
-        let options: ElMessageBoxOptions = {
-            title: title,
+    async alert(message: string, options?: { title?: string, confirmButtonText?: string }): Promise<void> {
+        let msgOptions: ElMessageBoxOptions = {
+            title: options?.title || '提示',
             dangerouslyUseHTMLString: true,
             type: 'warning',
-            confirmButtonText: '确定',
+            confirmButtonText: options?.confirmButtonText || '确定',
         };
         this.closeMessage();
-        await ElMessageBox.alert(message, options);
+        await ElMessageBox.alert(message, msgOptions);
         this.handleZIndex('.el-message-box__wrapper:last');
-        this.eventBus.emit('tnx.alert', Object.assign({}, options, {message}));
+        this.eventBus.emit('tnx.alert', Object.assign({}, msgOptions, {message}));
     }
 
-    async success(message: string): Promise<void> {
-        let options: ElMessageBoxOptions = {
-            title: '成功',
+    async success(message: string, options?: { title?: string, confirmButtonText?: string }): Promise<void> {
+        let msgOptions: ElMessageBoxOptions = {
+            title: options?.title || '成功',
             dangerouslyUseHTMLString: true,
             type: 'success',
-            confirmButtonText: '确定',
+            confirmButtonText: options?.confirmButtonText || '确定',
         };
         this.closeMessage();
-        await ElMessageBox.alert(message, options);
+        await ElMessageBox.alert(message, msgOptions);
         this.handleZIndex('.el-message-box__wrapper:last');
-        this.eventBus.emit('tnx.success', Object.assign({}, options, {message}));
+        this.eventBus.emit('tnx.success', Object.assign({}, msgOptions, {message}));
     }
 
-    async error(message: string): Promise<void> {
-        let options: ElMessageBoxOptions = {
-            title: '错误',
+    async error(message: string, options?: { title?: string, confirmButtonText?: string }): Promise<void> {
+        let msgOptions: ElMessageBoxOptions = {
+            title: options?.title || '错误',
             dangerouslyUseHTMLString: true,
             type: 'error',
-            confirmButtonText: '确定',
+            confirmButtonText: options?.confirmButtonText || '确定',
         };
         this.closeMessage();
-        await ElMessageBox.alert(message, options);
+        await ElMessageBox.alert(message, msgOptions);
         this.handleZIndex('.el-message-box__wrapper:last');
-        this.eventBus.emit('tnx.error', Object.assign({}, options, {message}));
+        this.eventBus.emit('tnx.error', Object.assign({}, msgOptions, {message}));
     }
 
-    confirm(message: string, title = '确认') {
-        let options: ElMessageBoxOptions = {
-            title: title,
+    confirm(message: string, options?: { title?: string, confirmButtonText?: string, cancelButtonText?: string }) {
+        let msgOptions: ElMessageBoxOptions = {
+            title: options?.title || '确认',
             type: 'info',
             icon: Vue.markRaw(Icon.components.QuestionFilled),
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
+            confirmButtonText: options?.confirmButtonText || '确定',
+            cancelButtonText: options?.cancelButtonText || '取消',
             dangerouslyUseHTMLString: true,
             distinguishCancelAndClose: true,
         };
@@ -401,13 +387,13 @@ export default class TnxEl extends TnxVue {
 
         this.closeMessage();
         return new Promise<boolean>(resolve => {
-            ElMessageBox.confirm(message, options).then(() => {
+            ElMessageBox.confirm(message, msgOptions).then(() => {
                 resolve(true);
             }).catch(() => {
                 resolve(false);
             });
             this.handleZIndex('.el-message-box__wrapper:last');
-            this.eventBus.emit('tnx.confirm', Object.assign({}, options, {message}));
+            this.eventBus.emit('tnx.confirm', Object.assign({}, msgOptions, {message}));
         })
     }