perf: 优化国际化提升访问速度

resources/assets/js/App.vue

@@ -44,6 +44,7 @@ import NetworkException from "./components/NetworkException";
 import AudioManager from "./components/AudioManager";
 import TaskOperation from "./pages/manage/components/TaskOperation";
 import {mapState} from "vuex";
+import {languageType} from "./language";
 
 export default {
     components: {TaskOperation, AudioManager, NetworkException, PreviewImageState, RightBottom, FloatSpinner},
@@ -153,10 +154,6 @@ export default {
 
         themeMode() {
             this.synchThemeLanguage();
-        },
-
-        languageType() {
-            this.synchThemeLanguage();
         }
     },
 
@@ -198,7 +195,7 @@ export default {
                 this.iframes = this.iframes.filter(({key}) => key != 'synchThemeLanguage')
                 this.iframes.push({
                     key: 'synchThemeLanguage',
-                    url: $A.apiUrl(`../setting/theme_language?theme=${this.themeMode}&language=${this.languageType}`)
+                    url: $A.apiUrl(`../setting/theme_language?theme=${this.themeMode}&language=${languageType}`)
                 })
             }
         },

resources/assets/js/app.js

@@ -1,6 +1,8 @@
 const isElectron = window && window.process && window.process.type;
 const isEEUiApp = window && window.navigator && /eeui/i.test(window.navigator.userAgent);
 
+import {switchLanguage as $L} from "./language";
+
 import './functions/common'
 import './functions/eeui'
 import './functions/web'
@@ -12,7 +14,6 @@ import routes from './routes'
 import VueRouter from 'vue-router'
 import VueClipboard from 'vue-clipboard2'
 import ViewUI from 'view-design-hi'
-import Language from './language/index'
 import store from './store/index'
 import mixin from "./store/mixin"
 
@@ -28,7 +29,6 @@ Vue.use(VueClipboard, {
     }
 });
 Vue.use(VueRouter);
-Vue.use(Language);
 
 import PageTitle from './components/PageTitle.vue'
 import Loading from './components/Loading.vue'
@@ -149,6 +149,7 @@ if (isElectron) {
 }
 
 Vue.prototype.$A = $A;
+Vue.prototype.$L = $L;
 Vue.prototype.$Electron = $A.Electron;
 Vue.prototype.$Platform = $A.Platform;
 Vue.prototype.$isMainElectron = $A.isMainElectron;
@@ -170,7 +171,6 @@ const app = new Vue({
 
 $A.goForward = app.goForward;
 $A.goBack = app.goBack;
-$A.getLanguage = app.getLanguage;
 $A.Message = app.$Message;
 $A.Notice = app.$Notice;
 $A.Modal = app.$Modal;

resources/assets/js/components/Drawio.vue

@@ -37,6 +37,7 @@
 <script>
 import {mapState} from "vuex";
 import IFrame from "../pages/manage/components/IFrame";
+import {languageType} from "../language";
 
 export default {
     name: "Drawio",
@@ -67,7 +68,7 @@ export default {
     },
     created() {
         let language = 'en';
-        switch (this.getLanguage()) {
+        switch (languageType) {
             case 'CN':
             case 'TC':
                 language = 'zh'

resources/assets/js/components/OnlyOffice.vue

@@ -64,6 +64,7 @@
 
 import {mapState} from "vuex";
 import IFrame from "../pages/manage/components/IFrame";
+import {languageType} from "../language";
 
 export default {
     name: "OnlyOffice",
@@ -210,7 +211,7 @@ export default {
             }
             //
             let lang = "zh";
-            switch (this.getLanguage()) {
+            switch (languageType) {
                 case 'CN':
                 case 'TC':
                     lang = "zh";

resources/assets/js/language/data.js

@@ -0,0 +1,4 @@
+let languageDefaultData = [
+
+];
+export { languageDefaultData };

resources/assets/js/language/index.js

@@ -1,4 +1,104 @@
-const languageTypeLists = {
+import {languageDefaultData} from "./data";
+
+let languageUtils = {
+    /**
+     * 是否数组
+     * @param obj
+     * @returns {boolean}
+     */
+    isArray(obj) {
+        return typeof (obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == '[object array]' && typeof obj.length == "number";
+    },
+
+    /**
+     * 转换Ascii编码
+     * @param value
+     * @returns {string}
+     */
+    convertAscii(value) {
+        if (typeof value !== "string") {
+            value = String(value)
+        }
+        let nativecode = value.split("");
+        let ascii = "";
+        for (let i = 0; i < nativecode.length; i++) {
+            let code = Number(nativecode[i].charCodeAt(0));
+            if (code > 127) {
+                let charAscii = code.toString(16);
+                charAscii = String("0000").substring(charAscii.length, 4) + charAscii;
+                ascii += "\\u" + charAscii;
+            } else {
+                ascii += nativecode[i];
+            }
+        }
+        return ascii
+    },
+
+    /**
+     * 替换(*)遍历
+     * @param text
+     * @param objects
+     * @returns {*}
+     */
+    replaceArgumentsLanguage(text, objects) {
+        let j = 1;
+        while (text.indexOf("(*)") !== -1) {
+            if (typeof objects[j] === "object") {
+                text = text.replace("(*)", "");
+            } else {
+                text = text.replace("(*)", objects[j]);
+            }
+            j++;
+        }
+        return text;
+    },
+
+    /**
+     * 译文转义
+     * @param val
+     * @returns {string|*}
+     */
+    replaceEscape(val) {
+        if (!val || val == '') {
+            return '';
+        }
+        return val.replace(/\(\*\)/g, "~%~").replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&').replace(/~%~/g, '(.*?)');
+    },
+
+    /**
+     * 获取语言
+     * @returns {string}
+     */
+    getLanguage() {
+        if (typeof window.localStorage['__language:type__'] === "string") {
+            return window.localStorage['__language:type__'];
+        }
+        let lang = 'EN';
+        let navLang = ((window.navigator.language || navigator.userLanguage) + "").toUpperCase();
+        switch (navLang) {
+            case "EN":
+            case "KM":
+            case "TH":
+            case "KO":
+            case "JA":
+                lang = navLang
+                break;
+            case "ZH-CN":
+            case "ZH":
+                lang = 'CN'
+                break;
+            case "ZH-TW":
+            case "ZH-HK":
+                lang = 'TC'
+                break;
+        }
+        return window.localStorage['__language:type__'] = lang;
+    }
+};
+let languageInit = false;
+let languageData = [];
+let languageType = languageUtils.getLanguage();
+let languageList = {
     "EN": "English",
     "KM": "ភាសាខ្មែរ",
     "TH": "ภาษาไทย",
@@ -7,269 +107,118 @@ const languageTypeLists = {
     "CN": "简体中文",
     "TC": "繁體中文",
 };
-const languageCachesObjects = {};
+let languageAsciis = {};
-const languageListenerObjects = [];
 
-export default {
+/**
-    install(Vue) {
+ * 添加语言数据
-        Vue.mixin({
+ * @param data
-            data() {
+ */
-                return {
+function addLanguage(data) {
-                    languageInit: false,
+    if (!languageUtils.isArray(data)) {
-                    languageData: [],
+        return;
-                    languageType: window.localStorage['__language:type__'] || this.__getNavigatorLanguage(),
+    }
-                    languageList: languageTypeLists,
+    languageData.unshift(...data);
-                }
+}
-            },
 
-            watch: {
+/**
-                languageType: {
+ * 设置语言
-                    handler(type) {
+ * @param language
-                        if (type && typeof this.initLanguage === "function") {
+ */
-                            this.initLanguage();
+function setLanguage(language) {
-                        }
+    if (language === undefined) {
-                    },
+        return
-                    immediate: true
+    }
-                },
+    $A.modalConfirm({
-            },
+        content: '切换语言需要刷新后生效，是否确定刷新？',
+        cancelText: '取消',
+        okText: '确定',
+        onOk: () => {
+            window.localStorage['__language:type__'] = language;
+            $A.reloadUrl()
+        }
+    });
+}
 
-            methods: {
+/**
-                /**
+ * 获取当前语言
-                 * 获取浏览器默认语言
+ * @returns {string}
-                 * @returns {string}
+ */
-                 * @private
+function getLanguage() {
-                 */
+    return languageType;
-                __getNavigatorLanguage() {
+}
-                    let lang = 'EN';
-                    let navLang = (navigator.language || navigator.userLanguage + "").toUpperCase();
-                    switch (navLang) {
-                        case "EN":
-                        case "KM":
-                        case "TH":
-                        case "KO":
-                        case "JA":
-                            lang = navLang
-                            break;
-                        case "ZH-CN":
-                        case "ZH":
-                            lang = 'CN'
-                            break;
-                        case "ZH-TW":
-                        case "ZH-HK":
-                            lang = 'TC'
-                            break;
-                    }
-                    return window.localStorage['__language:type__'] = lang;
-                },
 
-                /**
+/**
-                 * 初始化语言数据
+ * 转换语言
-                 * @private
+ * @param text
-                 */
+ * @returns {string|*}
-                __initLanguageData() {
+ */
-                    if (this.languageInit === undefined) {
+function switchLanguage(text) {
-                        this.languageInit = false;
+    if (typeof arguments[1] !== "undefined") {
-                        this.languageData = [];
+        return switchLanguage(languageUtils.replaceArgumentsLanguage(text, arguments));
-                        this.languageType = window.localStorage['__language:type__'] || this.__getNavigatorLanguage();
+    }
-                        this.languageList = languageTypeLists;
+    if (typeof text !== "string" || !text) {
-                    }
+        return text;
-                    if (this.languageInit === false) {
+    }
-                        this.languageInit = true;
+    //
-                        //
+    if (languageInit === false) {
-                        this.addLanguageData(require("./language.js").default);
+        languageInit = true;
-                        this.addLanguageData(window.languageData);
+        addLanguage(languageDefaultData);
-                        //
+        addLanguage(window.languageData);
-                        languageListenerObjects.push((lang) => {
+    }
-                            this.languageType = lang;
+    //
-                        });
+    const ascii = languageUtils.convertAscii(text)
-                    }
+    if (typeof languageAsciis[ascii] === "undefined") {
-                },
+        let tmpKey = null;
-
+        let tmpRege = null;
-                /**
+        let tmpData = languageData.find((obj) => {
-                 * 是否数组
+            tmpKey = `${obj._ || obj.CN}`
-                 * @param obj
+            if (tmpKey.indexOf("(*)") === -1) {
-                 * @returns {boolean}
+                tmpRege = null;
-                 * @private
+                return text == tmpKey
-                 */
+            } else {
-                __isArray(obj) {
+                tmpRege = new RegExp("^" + languageUtils.replaceEscape(tmpKey) + "$", "g");
-                    return typeof (obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == '[object array]' && typeof obj.length == "number";
+                return !!text.match(tmpRege);
-                },
-
-                /**
-                 * 转换Ascii编码
-                 * @param value
-                 * @returns {string}
-                 * @private
-                 */
-                __convertAscii(value) {
-                    if (typeof value !== "string") {
-                        value = String(value)
-                    }
-                    let nativecode = value.split("");
-                    let ascii = "";
-                    for (let i = 0; i < nativecode.length; i++) {
-                        let code = Number(nativecode[i].charCodeAt(0));
-                        if (code > 127) {
-                            let charAscii = code.toString(16);
-                            charAscii = String("0000").substring(charAscii.length, 4) + charAscii;
-                            ascii += "\\u" + charAscii;
-                        } else {
-                            ascii += nativecode[i];
-                        }
-                    }
-                    return ascii
-                },
-
-                /**
-                 * 监听语言变化
-                 * @param callback
-                 */
-                setLanguageListener(callback) {
-                    if (typeof callback === 'function') {
-                        languageListenerObjects.push((lang) => {
-                            callback(lang);
-                        });
-                    }
-                },
-
-                /**
-                 * 语言包数据
-                 * @param data
-                 */
-                addLanguageData(data) {
-                    if (!this.__isArray(data)) {
-                        return;
-                    }
-                    this.__initLanguageData();
-                    this.languageData.unshift(...data);
-                },
-
-                /**
-                 * 变化语言
-                 * @param language
-                 */
-                setLanguage(language) {
-                    if (language === undefined) {
-                        return
-                    }
-                    this.__initLanguageData();
-                    setTimeout(() => {
-                        window.localStorage['__language:type__'] = language;
-                        languageListenerObjects.forEach((call) => {
-                            if (typeof call === 'function') {
-                                call(language);
-                            }
-                        });
-                    }, 10)
-                },
-
-                /**
-                 * 获取语言
-                 * @returns {*}
-                 */
-                getLanguage() {
-                    this.__initLanguageData();
-                    return this.languageType;
-                },
-
-                /**
-                 * 替换(*)遍历
-                 * @param text
-                 * @param objects
-                 */
-                replaceArgumentsLanguage(text, objects) {
-                    let j = 1;
-                    while (text.indexOf("(*)") !== -1) {
-                        if (typeof objects[j] === "object") {
-                            text = text.replace("(*)", "");
-                        } else {
-                            text = text.replace("(*)", objects[j]);
-                        }
-                        j++;
-                    }
-                    return text;
-                },
-
-                /**
-                 * 译文转义
-                 * @param val
-                 * @returns {string|*}
-                 */
-                replaceEscape(val) {
-                    if (!val || val == '') {
-                        return '';
-                    }
-                    return val.replace(/\(\*\)/g, "~%~").replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&').replace(/~%~/g, '(.*?)');
-                },
-
-                /**
-                 * 显示语言
-                 * @return {string}
-                 */
-                $L(text) {
-                    if (typeof arguments[1] !== "undefined") {
-                        return this.$L(this.replaceArgumentsLanguage(text, arguments));
-                    }
-                    if (typeof text !== "string" || !text) {
-                        return text;
-                    }
-                    this.__initLanguageData();
-                    //
-                    const ascii = this.__convertAscii(text)
-                    if (typeof languageCachesObjects[ascii] === "undefined") {
-                        let tmpKey = null;
-                        let tmpRege = null;
-                        let tmpData = this.languageData.find((obj) => {
-                            tmpKey = `${obj._ || obj.CN}`
-                            if (tmpKey.indexOf("(*)") === -1) {
-                                tmpRege = null;
-                                return text == tmpKey
-                            } else {
-                                tmpRege = new RegExp("^" + this.replaceEscape(tmpKey) + "$", "g");
-                                return !!text.match(tmpRege);
-                            }
-                        });
-                        languageCachesObjects[ascii] = {rege: tmpRege, data: tmpData};
-                    }
-                    const {rege, data} = languageCachesObjects[ascii];
-                    if (data) {
-                        let value = data[this.languageType];
-                        if (value) {
-                            if (rege === null) {
-                                return value
-                            }
-                            let index = 0;
-                            value = value.replace(/\(\*\)/g, function () {
-                                return "$" + (++index);
-                            });
-                            return text.replace(rege, value);
-                        }
-                    }
-                    //
-                    if (window.systemInfo.debug === "yes") {
-                        setTimeout(_ => {
-                            try {
-                                let key = '__language:Undefined__';
-                                let languageTmp = JSON.parse(window.localStorage[key] || '[]');
-                                if (!this.__isArray(languageTmp)) {
-                                    languageTmp = [];
-                                }
-                                let tmpRege = null;
-                                let tmpData = languageTmp.find((val) => {
-                                    tmpRege = new RegExp("^" + val.replace(/\(\*\)/g, "(.*?)") + "$", "g");
-                                    return !!text.match(tmpRege);
-                                });
-                                if (!tmpData) {
-                                    languageTmp.push(text);
-                                    window.localStorage[key] = JSON.stringify(languageTmp);
-                                }
-                            } catch (e) { }
-                        }, 10)
-                    }
-                    //
-                    return text;
-                }
             }
         });
+        languageAsciis[ascii] = {rege: tmpRege, data: tmpData};
     }
+    const {rege, data} = languageAsciis[ascii];
+    if (data) {
+        let value = data[languageType];
+        if (value) {
+            if (rege === null) {
+                return value
+            }
+            let index = 0;
+            value = value.replace(/\(\*\)/g, function () {
+                return "$" + (++index);
+            });
+            return text.replace(rege, value);
+        }
+    }
+    //
+    if (window.systemInfo.debug === "yes") {
+        setTimeout(_ => {
+            try {
+                let key = '__language:Undefined__';
+                let languageTmp = JSON.parse(window.localStorage[key] || '[]');
+                if (!languageUtils.isArray(languageTmp)) {
+                    languageTmp = [];
+                }
+                let tmpRege = null;
+                let tmpData = languageTmp.find((val) => {
+                    tmpRege = new RegExp("^" + val.replace(/\(\*\)/g, "(.*?)") + "$", "g");
+                    return !!text.match(tmpRege);
+                });
+                if (!tmpData) {
+                    languageTmp.push(text);
+                    window.localStorage[key] = JSON.stringify(languageTmp);
+                }
+            } catch (e) { }
+        }, 10)
+    }
+    //
+    return text;
 }
+
+export { languageType, languageList, addLanguage, setLanguage, getLanguage, switchLanguage };

resources/assets/js/language/language.js

@@ -1,3 +0,0 @@
-exports.default = [
-
-];

resources/assets/js/pages/index.vue

@@ -11,7 +11,7 @@
                         <Button v-if="proShow" class="header-right-pro no-dark-content" size="small" @click="onPro">{{$L('Pro版')}}</Button>
 
                         <div class="header-right-1">
-                            <Dropdown trigger="click" @on-click="setLanguage">
+                            <Dropdown trigger="click" @on-click="onLanguage">
                                 <a href="javascript:void(0)" class="header-right-1-dropdown">
                                     {{ currentLanguage }}
                                     <Icon type="ios-arrow-down"></Icon>
@@ -21,7 +21,7 @@
                                         v-for="(item, key) in languageList"
                                         :key="key"
                                         :name="key"
-                                        :selected="getLanguage() === key">{{ item }}</DropdownItem>
+                                        :selected="languageType === key">{{ item }}</DropdownItem>
                                 </DropdownMenu>
                             </Dropdown>
                         </div>
@@ -51,7 +51,7 @@
                             <DropdownMenu slot="list">
                                 <DropdownItem @click.native="login">{{ $L("登录") }}</DropdownItem>
                                 <DropdownItem @click.native="register">{{ $L("注册帐号") }}</DropdownItem>
-                                <Dropdown placement="right-start" @on-click="setLanguage" transfer>
+                                <Dropdown placement="right-start" @on-click="onLanguage" transfer>
                                     <DropdownItem>
                                         <div class="header-nav-dropdown-item">
                                             {{ currentLanguage }}
@@ -63,7 +63,7 @@
                                             v-for="(item, key) in languageList"
                                             :key="key"
                                             :name="key"
-                                            :selected="getLanguage() === key">{{ item }}</DropdownItem>
+                                            :selected="languageType === key">{{ item }}</DropdownItem>
                                     </DropdownMenu>
                                 </Dropdown>
                                 <Dropdown trigger="click" placement="right-end" @on-click="setTheme" transfer>
@@ -199,10 +199,14 @@
 
 <script>
 import {mapState} from "vuex";
+import {languageList, languageType, setLanguage} from "../language";
 
 export default {
     data() {
         return {
+            languageList,
+            languageType,
+
             proShow: false,
             needStartHome: false,
             homeFooter: '',
@@ -216,7 +220,7 @@ export default {
         },
 
         currentLanguage() {
-            return this.languageList[this.languageType] || "Language";
+            return languageList[languageType] || "Language";
         },
 
         appTitle() {
@@ -292,6 +296,10 @@ export default {
             } else {
                 this.goForward({name: 'login'}, true);
             }
+        },
+
+        onLanguage(l) {
+            setLanguage(l)
         }
     },
 };

resources/assets/js/pages/login.vue

@@ -103,7 +103,7 @@
                                     :selected="themeMode === item.value">{{$L(item.name)}}</DropdownItem>
                             </DropdownMenu>
                         </Dropdown>
-                        <Dropdown placement="right-start" transfer @on-click="setLanguage">
+                        <Dropdown placement="right-start" transfer @on-click="onLanguage">
                             <DropdownItem divided>
                                 <div class="login-setting-item">
                                     {{currentLanguage}}
@@ -115,7 +115,7 @@
                                     v-for="(item, key) in languageList"
                                     :key="key"
                                     :name="key"
-                                    :selected="getLanguage() === key">{{item}}</DropdownItem>
+                                    :selected="languageType === key">{{item}}</DropdownItem>
                             </DropdownMenu>
                         </Dropdown>
                     </DropdownMenu>
@@ -144,12 +144,16 @@
 <script>
 import {mapState} from "vuex";
 import {Store} from "le5le-store";
+import {languageList, languageType, setLanguage} from "../language";
 
 export default {
     data() {
         return {
             loadIng: 0,
 
+            languageList,
+            languageType,
+
             codeNeed: false,
             codeUrl: $A.apiUrl('users/login/codeimg?_=' + Math.random()),
 
@@ -222,7 +226,7 @@ export default {
         },
 
         currentLanguage() {
-            return this.languageList[this.languageType] || 'Language'
+            return languageList[languageType] || 'Language'
         },
 
         welcomeTitle() {
@@ -490,6 +494,10 @@ export default {
                 this.goForward({name: 'manage-dashboard'}, true);
             }
         },
+
+        onLanguage(l) {
+            setLanguage(l)
+        }
     }
 }
 </script>

resources/assets/js/pages/manage.vue

@@ -99,7 +99,7 @@
                             placement="right-start"
                             transfer
                             transfer-class-name="page-manage-menu-dropdown"
-                            @on-click="setLanguage">
+                            @on-click="onLanguage">
                             <DropdownItem divided>
                                 <div class="manage-menu-flex">
                                     {{currentLanguage}}
@@ -111,7 +111,7 @@
                                     v-for="(item, key) in languageList"
                                     :key="key"
                                     :name="key"
-                                    :selected="getLanguage() === key">{{item}}</DropdownItem>
+                                    :selected="languageType === key">{{item}}</DropdownItem>
                             </DropdownMenu>
                         </Dropdown>
                         <!-- 其他菜单 -->
@@ -375,6 +375,7 @@ import DialogModal from "./manage/components/DialogModal";
 import TaskModal from "./manage/components/TaskModal";
 import notificationKoro from "notification-koro1";
 import {Store} from "le5le-store";
+import {languageList, languageType, setLanguage} from "../language";
 
 export default {
     components: {
@@ -396,6 +397,9 @@ export default {
         return {
             loadIng: 0,
 
+            languageList,
+            languageType,
+
             mateName: /macintosh|mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl',
 
             addShow: false,
@@ -404,7 +408,12 @@ export default {
                 columns: '',
                 flow: 'open',
             },
-            addRule: {},
+            addRule: {
+                name: [
+                    { required: true, message: this.$L('请填写项目名称！'), trigger: 'change' },
+                    { type: 'string', min: 2, message: this.$L('项目名称至少2个字！'), trigger: 'change' }
+                ]
+            },
 
             addTaskShow: false,
             addTaskSubscribe: null,
@@ -564,7 +573,7 @@ export default {
         },
 
         currentLanguage() {
-            return this.languageList[this.languageType] || 'Language'
+            return languageList[languageType] || 'Language'
         },
 
         menu() {
@@ -733,13 +742,8 @@ export default {
     },
 
     methods: {
-        initLanguage() {
+        onLanguage(l) {
-            this.addRule = {
+            setLanguage(l)
-                name: [
-                    { required: true, message: this.$L('请填写项目名称！'), trigger: 'change' },
-                    { type: 'string', min: 2, message: this.$L('项目名称至少2个字！'), trigger: 'change' }
-                ]
-            };
         },
 
         chackPass() {

resources/assets/js/pages/manage/calendar.vue

@@ -52,6 +52,7 @@ import Calendar from "./components/Calendar";
 import moment from "moment";
 import {Store} from "le5le-store";
 import TaskMenu from "./components/TaskMenu";
+import {addLanguage} from "../../language";
 
 export default {
     components: {TaskMenu, Calendar},
@@ -78,6 +79,57 @@ export default {
         }
     },
 
+    created() {
+        addLanguage([
+            {"_": "{日}","CN": "日","EN": "Sun","TC": "日","KM": "Sun","TH": "Sun","KO": "Sun","JA": "Sun"},
+            {"_": "{一}","CN": "一","EN": "Mon","TC": "一","KM": "Mon","TH": "Mon","KO": "Mon","JA": "Mon"},
+            {"_": "{二}","CN": "二","EN": "Tue","TC": "二","KM": "Tue","TH": "Tue","KO": "Tue","JA": "Tue"},
+            {"_": "{三}","CN": "三","EN": "Wed","TC": "三","KM": "Wed","TH": "Wed","KO": "Wed","JA": "Wed"},
+            {"_": "{四}","CN": "四","EN": "Thu","TC": "四","KM": "Thu","TH": "Thu","KO": "Thu","JA": "Thu"},
+            {"_": "{五}","CN": "五","EN": "Fri","TC": "五","KM": "Fri","TH": "Fri","KO": "Fri","JA": "Fri"},
+            {"_": "{六}","CN": "六","EN": "Sat","TC": "六","KM": "Sat","TH": "Sat","KO": "Sat","JA": "Sat"},
+        ]);
+        let daynames = [
+            this.$L('{日}'),
+            this.$L('{一}'),
+            this.$L('{二}'),
+            this.$L('{三}'),
+            this.$L('{四}'),
+            this.$L('{五}'),
+            this.$L('{六}')
+        ];
+        this.calendarWeek = {daynames};
+        this.calendarMonth = {daynames};
+        this.calendarTheme = {
+            'common.border': '1px solid rgba(0,0,0,0)',
+            'month.dayname.fontSize': '14px',
+            'month.dayname.borderLeft': '1px solid rgba(0,0,0,0)',
+            'month.dayname.height': '50px',
+        }
+        if (this.windowLarge) {
+            this.calendarTheme = {
+                'common.border': '1px solid #f4f5f5',
+                'month.dayname.fontSize': '14px',
+                'month.dayname.borderLeft': '1px solid #f4f5f5',
+                'month.dayname.height': '50px',
+            }
+        }
+        this.calendarTemplate = {
+            titlePlaceholder: () => {
+                return this.$L("任务描述")
+            },
+            popupSave: () => {
+                return this.$L("保存");
+            },
+            popupEdit: () => {
+                return this.$L("详情");
+            },
+            popupDelete: () => {
+                return this.$L("删除");
+            }
+        }
+    },
+
     activated() {
         this.$refs.cal.resetRender();
         this.setRenderRange();
@@ -187,57 +239,6 @@ export default {
     },
 
     methods: {
-        initLanguage() {
-            this.addLanguageData([
-                {"_": "{日}","CN": "日","EN": "Sun","TC": "日","KM": "Sun","TH": "Sun","KO": "Sun","JA": "Sun"},
-                {"_": "{一}","CN": "一","EN": "Mon","TC": "一","KM": "Mon","TH": "Mon","KO": "Mon","JA": "Mon"},
-                {"_": "{二}","CN": "二","EN": "Tue","TC": "二","KM": "Tue","TH": "Tue","KO": "Tue","JA": "Tue"},
-                {"_": "{三}","CN": "三","EN": "Wed","TC": "三","KM": "Wed","TH": "Wed","KO": "Wed","JA": "Wed"},
-                {"_": "{四}","CN": "四","EN": "Thu","TC": "四","KM": "Thu","TH": "Thu","KO": "Thu","JA": "Thu"},
-                {"_": "{五}","CN": "五","EN": "Fri","TC": "五","KM": "Fri","TH": "Fri","KO": "Fri","JA": "Fri"},
-                {"_": "{六}","CN": "六","EN": "Sat","TC": "六","KM": "Sat","TH": "Sat","KO": "Sat","JA": "Sat"},
-            ]);
-            let daynames = [
-                this.$L('{日}'),
-                this.$L('{一}'),
-                this.$L('{二}'),
-                this.$L('{三}'),
-                this.$L('{四}'),
-                this.$L('{五}'),
-                this.$L('{六}')
-            ];
-            this.calendarWeek = {daynames};
-            this.calendarMonth = {daynames};
-            this.calendarTheme = {
-                'common.border': '1px solid rgba(0,0,0,0)',
-                'month.dayname.fontSize': '14px',
-                'month.dayname.borderLeft': '1px solid rgba(0,0,0,0)',
-                'month.dayname.height': '50px',
-            }
-            if (this.windowLarge) {
-                this.calendarTheme = {
-                    'common.border': '1px solid #f4f5f5',
-                    'month.dayname.fontSize': '14px',
-                    'month.dayname.borderLeft': '1px solid #f4f5f5',
-                    'month.dayname.height': '50px',
-                }
-            }
-            this.calendarTemplate = {
-                titlePlaceholder: () => {
-                    return this.$L("任务描述")
-                },
-                popupSave: () => {
-                    return this.$L("保存");
-                },
-                popupEdit: () => {
-                    return this.$L("详情");
-                },
-                popupDelete: () => {
-                    return this.$L("删除");
-                }
-            }
-        },
-
         getTask(time) {
             if (this.loadIng > 0) {
                 clearTimeout(this.loadTimeout)

resources/assets/js/pages/manage/components/ProjectArchived.vue

@@ -66,29 +66,7 @@ export default {
             keys: {},
             keyIs: false,
 
-            columns: [],
+            columns: [
-            list: [],
-
-            page: 1,
-            pageSize: 20,
-            total: 0,
-            noText: ''
-        }
-    },
-    mounted() {
-        this.getLists();
-    },
-    watch: {
-        keyIs(v) {
-            if (!v) {
-                this.keys = {}
-                this.setPage(1)
-            }
-        }
-    },
-    methods: {
-        initLanguage() {
-            this.columns = [
                 {
                     title: 'ID',
                     key: 'id',
@@ -198,9 +176,27 @@ export default {
                         }, vNode);
                     },
                 }
-            ]
+            ],
-        },
+            list: [],
 
+            page: 1,
+            pageSize: 20,
+            total: 0,
+            noText: ''
+        }
+    },
+    mounted() {
+        this.getLists();
+    },
+    watch: {
+        keyIs(v) {
+            if (!v) {
+                this.keys = {}
+                this.setPage(1)
+            }
+        }
+    },
+    methods: {
         onSearch() {
             this.page = 1;
             this.getLists();

resources/assets/js/pages/manage/components/ProjectManagement.vue

@@ -90,29 +90,7 @@ export default {
             keys: {},
             keyIs: false,
 
-            columns: [],
+            columns: [
-            list: [],
-
-            page: 1,
-            pageSize: 20,
-            total: 0,
-            noText: ''
-        }
-    },
-    mounted() {
-        this.getLists();
-    },
-    watch: {
-        keyIs(v) {
-            if (!v) {
-                this.keys = {}
-                this.setPage(1)
-            }
-        }
-    },
-    methods: {
-        initLanguage() {
-            this.columns = [
                 {
                     title: 'ID',
                     key: 'id',
@@ -195,9 +173,27 @@ export default {
                     key: 'created_at',
                     width: 168,
                 },
-            ]
+            ],
-        },
+            list: [],
 
+            page: 1,
+            pageSize: 20,
+            total: 0,
+            noText: ''
+        }
+    },
+    mounted() {
+        this.getLists();
+    },
+    watch: {
+        keyIs(v) {
+            if (!v) {
+                this.keys = {}
+                this.setPage(1)
+            }
+        }
+    },
+    methods: {
         onSearch() {
             this.page = 1;
             this.getLists();

resources/assets/js/pages/manage/components/ReportMy.vue

@@ -76,37 +76,7 @@ export default {
     data() {
         return {
             loadIng: 0,
-            columns: [],
+            columns: [{
-            lists: [],
-            listPage: 1,
-            listTotal: 0,
-            listPageSize: 20,
-            noDataText: "数据加载中.....",
-
-            keys: {},
-            keyIs: false,
-
-            reportTypeList: [
-                {value: "", label: this.$L('全部')},
-                {value: "weekly", label: this.$L('周报')},
-                {value: "daily", label: this.$L('日报')},
-            ],
-        }
-    },
-    mounted() {
-        this.getLists();
-    },
-    watch: {
-        keyIs(v) {
-            if (!v) {
-                this.keys = {}
-                this.setPage(1)
-            }
-        }
-    },
-    methods: {
-        initLanguage() {
-            this.columns = [{
                 title: this.$L("名称"),
                 key: 'title',
                 sortable: true,
@@ -157,9 +127,35 @@ export default {
                         }
                     });
                 },
-            }];
+            }],
-        },
+            lists: [],
+            listPage: 1,
+            listTotal: 0,
+            listPageSize: 20,
+            noDataText: "数据加载中.....",
 
+            keys: {},
+            keyIs: false,
+
+            reportTypeList: [
+                {value: "", label: this.$L('全部')},
+                {value: "weekly", label: this.$L('周报')},
+                {value: "daily", label: this.$L('日报')},
+            ],
+        }
+    },
+    mounted() {
+        this.getLists();
+    },
+    watch: {
+        keyIs(v) {
+            if (!v) {
+                this.keys = {}
+                this.setPage(1)
+            }
+        }
+    },
+    methods: {
         onSearch() {
             this.listPage = 1;
             this.getLists();

resources/assets/js/pages/manage/components/ReportReceive.vue

@@ -91,40 +91,7 @@ export default {
     data() {
         return {
             loadIng: 0,
-            columns: [],
+            columns: [{
-            lists: [],
-            listPage: 1,
-            listTotal: 0,
-            listPageSize: 20,
-            noDataText: "数据加载中.....",
-
-            keys: {},
-            keyIs: false,
-
-            selectIds: [],
-            selectAction: '',
-
-            reportTypeList: [
-                {value: "", label: this.$L('全部')},
-                {value: "weekly", label: this.$L('周报')},
-                {value: "daily", label: this.$L('日报')},
-            ],
-        }
-    },
-    mounted() {
-        this.getLists();
-    },
-    watch: {
-        keyIs(v) {
-            if (!v) {
-                this.keys = {}
-                this.setPage(1)
-            }
-        }
-    },
-    methods: {
-        initLanguage() {
-            this.columns = [{
                 type: 'selection',
                 width: 50,
                 align: 'right'
@@ -195,9 +162,38 @@ export default {
                         }
                     });
                 },
-            }];
+            }],
-        },
+            lists: [],
+            listPage: 1,
+            listTotal: 0,
+            listPageSize: 20,
+            noDataText: "数据加载中.....",
 
+            keys: {},
+            keyIs: false,
+
+            selectIds: [],
+            selectAction: '',
+
+            reportTypeList: [
+                {value: "", label: this.$L('全部')},
+                {value: "weekly", label: this.$L('周报')},
+                {value: "daily", label: this.$L('日报')},
+            ],
+        }
+    },
+    mounted() {
+        this.getLists();
+    },
+    watch: {
+        keyIs(v) {
+            if (!v) {
+                this.keys = {}
+                this.setPage(1)
+            }
+        }
+    },
+    methods: {
         onSearch() {
             this.listPage = 1;
             this.getLists();

resources/assets/js/pages/manage/components/TaskArchived.vue

@@ -72,38 +72,7 @@ export default {
             keys: {},
             keyIs: false,
 
-            columns: [],
+            columns: [
-            list: [],
-
-            page: 1,
-            pageSize: 20,
-            total: 0,
-            noText: ''
-        }
-    },
-    mounted() {
-
-    },
-    computed: {
-        ...mapState(['cacheTasks'])
-    },
-    watch: {
-        projectId: {
-            handler() {
-                this.getLists();
-            },
-            immediate: true
-        },
-        keyIs(v) {
-            if (!v) {
-                this.keys = {}
-                this.setPage(1)
-            }
-        }
-    },
-    methods: {
-        initLanguage() {
-            this.columns = [
                 {
                     title: 'ID',
                     key: 'id',
@@ -238,9 +207,36 @@ export default {
                         }, vNodes);
                     }
                 }
-            ]
+            ],
-        },
+            list: [],
 
+            page: 1,
+            pageSize: 20,
+            total: 0,
+            noText: ''
+        }
+    },
+    mounted() {
+
+    },
+    computed: {
+        ...mapState(['cacheTasks'])
+    },
+    watch: {
+        projectId: {
+            handler() {
+                this.getLists();
+            },
+            immediate: true
+        },
+        keyIs(v) {
+            if (!v) {
+                this.keys = {}
+                this.setPage(1)
+            }
+        }
+    },
+    methods: {
         onSearch() {
             this.page = 1;
             this.getLists();

resources/assets/js/pages/manage/components/TaskDeleted.vue

@@ -72,38 +72,7 @@ export default {
             keys: {},
             keyIs: false,
 
-            columns: [],
+            columns: [
-            list: [],
-
-            page: 1,
-            pageSize: 20,
-            total: 0,
-            noText: ''
-        }
-    },
-    mounted() {
-
-    },
-    computed: {
-        ...mapState(['cacheTasks'])
-    },
-    watch: {
-        projectId: {
-            handler() {
-                this.getLists();
-            },
-            immediate: true
-        },
-        keyIs(v) {
-            if (!v) {
-                this.keys = {}
-                this.setPage(1)
-            }
-        }
-    },
-    methods: {
-        initLanguage() {
-            this.columns = [
                 {
                     title: 'ID',
                     key: 'id',
@@ -186,9 +155,36 @@ export default {
                         }, vNodes);
                     }
                 }
-            ]
+            ],
-        },
+            list: [],
 
+            page: 1,
+            pageSize: 20,
+            total: 0,
+            noText: ''
+        }
+    },
+    mounted() {
+
+    },
+    computed: {
+        ...mapState(['cacheTasks'])
+    },
+    watch: {
+        projectId: {
+            handler() {
+                this.getLists();
+            },
+            immediate: true
+        },
+        keyIs(v) {
+            if (!v) {
+                this.keys = {}
+                this.setPage(1)
+            }
+        }
+    },
+    methods: {
         onSearch() {
             this.page = 1;
             this.getLists();

resources/assets/js/pages/manage/components/TeamManagement.vue

@@ -266,111 +266,7 @@ export default {
             keys: {},
             keyIs: false,
 
-            columns: [],
+            columns: [
-            list: [],
-
-            page: 1,
-            pageSize: 20,
-            total: 0,
-            noText: '',
-
-            departmentEditShow: false,
-            departmentEditLoading: 0,
-            departmentEditData: {},
-
-            disableShow: false,
-            disableLoading: 0,
-            disableData: {},
-            disableOptions: {
-                shortcuts: [
-                    {
-                        text: this.$L('12:00'),
-                        value () {
-                            return $A.Date($A.formatDate("Y-m-d 12:00:00"));
-                        },
-                        onClick: (picker) => {
-                            picker.handlePickSuccess();
-                        }
-                    },
-                    {
-                        text: this.$L('17:00'),
-                        value () {
-                            return $A.Date($A.formatDate("Y-m-d 17:00:00"));
-                        },
-                        onClick: (picker) => {
-                            picker.handlePickSuccess();
-                        }
-                    },
-                    {
-                        text: this.$L('18:00'),
-                        value () {
-                            return $A.Date($A.formatDate("Y-m-d 18:00:00"));
-                        },
-                        onClick: (picker) => {
-                            picker.handlePickSuccess();
-                        }
-                    },
-                    {
-                        text: this.$L('19:00'),
-                        value () {
-                            return $A.Date($A.formatDate("Y-m-d 19:00:00"));
-                        },
-                        onClick: (picker) => {
-                            picker.handlePickSuccess();
-                        }
-                    },
-                    {
-                        text: this.$L('现在'),
-                        value () {
-                            return new Date();
-                        },
-                        onClick: (picker) => {
-                            picker.handlePickSuccess();
-                        }
-                    },
-                ]
-            },
-
-            departmentShow: false,
-            departmentLoading: 0,
-            departmentSelect: -1,
-            departmentData: {
-                id: 0,
-                name: '',
-                parent_id: 0,
-                owner_userid: [],
-                dialog_group: 'new',
-                dialog_useid: 0
-            },
-            departmentList: [],
-
-            dialogLoad: false,
-            dialogList: [],
-        }
-    },
-    mounted() {
-        this.getLists();
-        this.getDepartmentLists();
-    },
-    watch: {
-        keyIs(v) {
-            if (!v) {
-                this.keys = {}
-                this.setPage(1)
-            }
-        },
-        departmentSelect() {
-            this.setPage(1)
-        }
-    },
-    computed: {
-        departmentParentDisabled() {
-            return !!(this.departmentData.id > 0 && this.departmentList.find(({parent_id}) => parent_id == this.departmentData.id));
-        },
-    },
-    methods: {
-        initLanguage() {
-            this.columns = [
                 {
                     title: 'ID',
                     key: 'userid',
@@ -632,9 +528,109 @@ export default {
                         ]);
                     }
                 }
-            ]
+            ],
-        },
+            list: [],
 
+            page: 1,
+            pageSize: 20,
+            total: 0,
+            noText: '',
+
+            departmentEditShow: false,
+            departmentEditLoading: 0,
+            departmentEditData: {},
+
+            disableShow: false,
+            disableLoading: 0,
+            disableData: {},
+            disableOptions: {
+                shortcuts: [
+                    {
+                        text: this.$L('12:00'),
+                        value () {
+                            return $A.Date($A.formatDate("Y-m-d 12:00:00"));
+                        },
+                        onClick: (picker) => {
+                            picker.handlePickSuccess();
+                        }
+                    },
+                    {
+                        text: this.$L('17:00'),
+                        value () {
+                            return $A.Date($A.formatDate("Y-m-d 17:00:00"));
+                        },
+                        onClick: (picker) => {
+                            picker.handlePickSuccess();
+                        }
+                    },
+                    {
+                        text: this.$L('18:00'),
+                        value () {
+                            return $A.Date($A.formatDate("Y-m-d 18:00:00"));
+                        },
+                        onClick: (picker) => {
+                            picker.handlePickSuccess();
+                        }
+                    },
+                    {
+                        text: this.$L('19:00'),
+                        value () {
+                            return $A.Date($A.formatDate("Y-m-d 19:00:00"));
+                        },
+                        onClick: (picker) => {
+                            picker.handlePickSuccess();
+                        }
+                    },
+                    {
+                        text: this.$L('现在'),
+                        value () {
+                            return new Date();
+                        },
+                        onClick: (picker) => {
+                            picker.handlePickSuccess();
+                        }
+                    },
+                ]
+            },
+
+            departmentShow: false,
+            departmentLoading: 0,
+            departmentSelect: -1,
+            departmentData: {
+                id: 0,
+                name: '',
+                parent_id: 0,
+                owner_userid: [],
+                dialog_group: 'new',
+                dialog_useid: 0
+            },
+            departmentList: [],
+
+            dialogLoad: false,
+            dialogList: [],
+        }
+    },
+    mounted() {
+        this.getLists();
+        this.getDepartmentLists();
+    },
+    watch: {
+        keyIs(v) {
+            if (!v) {
+                this.keys = {}
+                this.setPage(1)
+            }
+        },
+        departmentSelect() {
+            this.setPage(1)
+        }
+    },
+    computed: {
+        departmentParentDisabled() {
+            return !!(this.departmentData.id > 0 && this.departmentList.find(({parent_id}) => parent_id == this.departmentData.id));
+        },
+    },
+    methods: {
         onSearch() {
             this.page = 1;
             this.getLists();

resources/assets/js/pages/manage/file.vue

@@ -512,6 +512,198 @@ export default {
         }
     },
 
+    created() {
+        const sort = $A.getStorageJson("cacheFileSort")
+        this.columns = [
+            {
+                type: 'selection',
+                width: 50,
+                align: 'right'
+            },
+            {
+                title: this.$L('文件名'),
+                key: 'name',
+                minWidth: 300,
+                sortable: true,
+                render: (h, {row}) => {
+                    let array = [];
+                    let isCreate = !/^\d+$/.test(row.id);
+                    if (isCreate) {
+                        // 新建
+                        array.push(h('Input', {
+                            props: {
+                                elementId: 'input_' + row.id,
+                                value: row.newname,
+                                autofocus: true,
+                                disabled: !!row._load,
+                            },
+                            style: {
+                                width: 'auto'
+                            },
+                            on: {
+                                'on-change': (event) => {
+                                    row.newname = event.target.value;
+                                },
+                                'on-blur': () => {
+                                    const file = this.files.find(({id}) => id == row.id);
+                                    if (file) {
+                                        file.newname = row.newname;
+                                        this.onBlur(file)
+                                    }
+                                },
+                                'on-enter': () => {
+                                    const file = this.files.find(({id}) => id == row.id);
+                                    if (file) {
+                                        file.newname = row.newname;
+                                        this.onEnter(file)
+                                    }
+                                }
+                            }
+                        }))
+                        return h('div', {
+                            class: 'file-nbox'
+                        }, [
+                            h('div', {
+                                class: `no-dark-before file-name file-icon ${row.type}`,
+                            }, array),
+                        ]);
+                    } else {
+                        // 编辑、查看
+                        array.push(h('QuickEdit', {
+                            props: {
+                                value: row.name,
+                                autoEdit: !!row._edit,
+                                clickOutSide: false,
+                            },
+                            on: {
+                                'on-edit-change': (b) => {
+                                    const file = this.files.find(({id}) => id == row.id);
+                                    if (file) {
+                                        setTimeout(() => {
+                                            this.setEdit(file.id, b)
+                                        }, 100);
+                                    }
+                                },
+                                'on-update': (val, cb) => {
+                                    const file = this.files.find(({id}) => id == row.id);
+                                    if (file) {
+                                        file.newname = val
+                                        this.onEnter(file);
+                                    }
+                                    cb();
+                                }
+                            }
+                        }, [
+                            h('AutoTip', {
+                                props: {
+                                    placement: 'right'
+                                }
+                            }, $A.getFileName(row))
+                        ]));
+                        //
+                        const iconArray = [];
+                        if (row.share) {
+                            if (row.userid != this.userId) {
+                                iconArray.push(h('UserAvatar', {
+                                    props: {
+                                        userid: row.userid,
+                                        size: 20
+                                    },
+                                }))
+                            } else {
+                                iconArray.push(h('i', {
+                                    class: 'taskfont',
+                                    domProps: {
+                                        innerHTML: ''
+                                    },
+                                }))
+                            }
+                        } else if (this.isParentShare) {
+                            iconArray.push(h('UserAvatar', {
+                                props: {
+                                    userid: row.created_id,
+                                    size: 20
+                                },
+                            }, [
+                                row.created_id != row.userid ? h('p', [h('strong', this.$L('成员创建于') + ": " + row.created_at)]) : h('p', this.$L('所有者创建') + ": " + row.created_at)
+                            ]))
+                        }
+                        const shearClass = this.shearIds.includes(row.id) ? ' shear' : '';
+                        const shareClass = row.share ? ' share' : '';
+                        return h('div', {
+                            class: `file-nbox${shearClass}`,
+                            attrs: {
+                                'data-id': row.id
+                            }
+                        }, [
+                            h('div', {
+                                class: `no-dark-before file-name file-icon ${row.type}${shareClass}`,
+                            }, array),
+                            iconArray
+                        ]);
+                    }
+                }
+            },
+            {
+                title: this.$L('大小'),
+                key: 'size',
+                width: 110,
+                resizable: true,
+                sortable: true,
+                render: (h, {row}) => {
+                    if (row.type == 'folder') {
+                        return h('div', '-')
+                    }
+                    return h('AutoTip', $A.bytesToSize(row.size));
+                }
+            },
+            {
+                title: this.$L('类型'),
+                key: 'type',
+                width: 110,
+                resizable: true,
+                sortable: true,
+                render: (h, {row}) => {
+                    let type = this.types.find(({value, name}) => value == row.type && name);
+                    if (type) {
+                        return h('AutoTip', this.$L(type.name));
+                    } else {
+                        return h('div', (row.ext || row.type).toUpperCase())
+                    }
+                }
+            },
+            {
+                title: this.$L('所有者'),
+                key: 'userid',
+                width: 130,
+                resizable: true,
+                sortable: true,
+                render: (h, {row}) => {
+                    return h('UserAvatar', {
+                        props: {
+                            size: 18,
+                            userid: row.userid,
+                            showIcon: false,
+                            showName: true,
+                        }
+                    });
+                }
+            },
+            {
+                title: this.$L('最后修改'),
+                key: 'updated_at',
+                width: 168,
+                resizable: true,
+                sortable: true,
+            },
+        ].map(item => {
+            if (item.key === sort.key) {
+                item.sortType = sort.order
+            }
+            return item;
+        });
+    },
+
     mounted() {
         if (!this.tableMode && this.$isEEUiApp) {
             this.tableMode = 'block';
@@ -702,198 +894,6 @@ export default {
     },
 
     methods: {
-        initLanguage() {
-            const sort = $A.getStorageJson("cacheFileSort")
-            this.columns = [
-                {
-                    type: 'selection',
-                    width: 50,
-                    align: 'right'
-                },
-                {
-                    title: this.$L('文件名'),
-                    key: 'name',
-                    minWidth: 300,
-                    sortable: true,
-                    render: (h, {row}) => {
-                        let array = [];
-                        let isCreate = !/^\d+$/.test(row.id);
-                        if (isCreate) {
-                            // 新建
-                            array.push(h('Input', {
-                                props: {
-                                    elementId: 'input_' + row.id,
-                                    value: row.newname,
-                                    autofocus: true,
-                                    disabled: !!row._load,
-                                },
-                                style: {
-                                    width: 'auto'
-                                },
-                                on: {
-                                    'on-change': (event) => {
-                                        row.newname = event.target.value;
-                                    },
-                                    'on-blur': () => {
-                                        const file = this.files.find(({id}) => id == row.id);
-                                        if (file) {
-                                            file.newname = row.newname;
-                                            this.onBlur(file)
-                                        }
-                                    },
-                                    'on-enter': () => {
-                                        const file = this.files.find(({id}) => id == row.id);
-                                        if (file) {
-                                            file.newname = row.newname;
-                                            this.onEnter(file)
-                                        }
-                                    }
-                                }
-                            }))
-                            return h('div', {
-                                class: 'file-nbox'
-                            }, [
-                                h('div', {
-                                    class: `no-dark-before file-name file-icon ${row.type}`,
-                                }, array),
-                            ]);
-                        } else {
-                            // 编辑、查看
-                            array.push(h('QuickEdit', {
-                                props: {
-                                    value: row.name,
-                                    autoEdit: !!row._edit,
-                                    clickOutSide: false,
-                                },
-                                on: {
-                                    'on-edit-change': (b) => {
-                                        const file = this.files.find(({id}) => id == row.id);
-                                        if (file) {
-                                            setTimeout(() => {
-                                                this.setEdit(file.id, b)
-                                            }, 100);
-                                        }
-                                    },
-                                    'on-update': (val, cb) => {
-                                        const file = this.files.find(({id}) => id == row.id);
-                                        if (file) {
-                                            file.newname = val
-                                            this.onEnter(file);
-                                        }
-                                        cb();
-                                    }
-                                }
-                            }, [
-                                h('AutoTip', {
-                                    props: {
-                                        placement: 'right'
-                                    }
-                                }, $A.getFileName(row))
-                            ]));
-                            //
-                            const iconArray = [];
-                            if (row.share) {
-                                if (row.userid != this.userId) {
-                                    iconArray.push(h('UserAvatar', {
-                                        props: {
-                                            userid: row.userid,
-                                            size: 20
-                                        },
-                                    }))
-                                } else {
-                                    iconArray.push(h('i', {
-                                        class: 'taskfont',
-                                        domProps: {
-                                            innerHTML: ''
-                                        },
-                                    }))
-                                }
-                            } else if (this.isParentShare) {
-                                iconArray.push(h('UserAvatar', {
-                                    props: {
-                                        userid: row.created_id,
-                                        size: 20
-                                    },
-                                }, [
-                                    row.created_id != row.userid ? h('p', [h('strong', this.$L('成员创建于') + ": " + row.created_at)]) : h('p', this.$L('所有者创建') + ": " + row.created_at)
-                                ]))
-                            }
-                            const shearClass = this.shearIds.includes(row.id) ? ' shear' : '';
-                            const shareClass = row.share ? ' share' : '';
-                            return h('div', {
-                                class: `file-nbox${shearClass}`,
-                                attrs: {
-                                    'data-id': row.id
-                                }
-                            }, [
-                                h('div', {
-                                    class: `no-dark-before file-name file-icon ${row.type}${shareClass}`,
-                                }, array),
-                                iconArray
-                            ]);
-                        }
-                    }
-                },
-                {
-                    title: this.$L('大小'),
-                    key: 'size',
-                    width: 110,
-                    resizable: true,
-                    sortable: true,
-                    render: (h, {row}) => {
-                        if (row.type == 'folder') {
-                            return h('div', '-')
-                        }
-                        return h('AutoTip', $A.bytesToSize(row.size));
-                    }
-                },
-                {
-                    title: this.$L('类型'),
-                    key: 'type',
-                    width: 110,
-                    resizable: true,
-                    sortable: true,
-                    render: (h, {row}) => {
-                        let type = this.types.find(({value, name}) => value == row.type && name);
-                        if (type) {
-                            return h('AutoTip', this.$L(type.name));
-                        } else {
-                            return h('div', (row.ext || row.type).toUpperCase())
-                        }
-                    }
-                },
-                {
-                    title: this.$L('所有者'),
-                    key: 'userid',
-                    width: 130,
-                    resizable: true,
-                    sortable: true,
-                    render: (h, {row}) => {
-                        return h('UserAvatar', {
-                            props: {
-                                size: 18,
-                                userid: row.userid,
-                                showIcon: false,
-                                showName: true,
-                            }
-                        });
-                    }
-                },
-                {
-                    title: this.$L('最后修改'),
-                    key: 'updated_at',
-                    width: 168,
-                    resizable: true,
-                    sortable: true,
-                },
-            ].map(item => {
-                if (item.key === sort.key) {
-                    item.sortType = sort.order
-                }
-                return item;
-            });
-        },
-
         getFileList() {
             if (this.$route.name !== 'manage-file') {
                 return;

resources/assets/js/pages/manage/setting/language.vue

@@ -16,6 +16,7 @@
 
 <script>
 import ImgUpload from "../../../components/ImgUpload";
+import {languageList, languageType, setLanguage} from "../../../language";
 
 export default {
     components: {ImgUpload},
@@ -23,6 +24,8 @@ export default {
         return {
             loadIng: 0,
 
+            languageList,
+
             formData: {
                 language: '',
             },
@@ -37,14 +40,14 @@ export default {
 
     methods: {
         initData() {
-            this.$set(this.formData, 'language', this.getLanguage());
+            this.$set(this.formData, 'language', languageType);
             this.formData_bak = $A.cloneJSON(this.formData);
         },
 
         submitForm() {
             this.$refs.formData.validate((valid) => {
                 if (valid) {
-                    this.setLanguage(this.formData.language)
+                    setLanguage(this.formData.language)
                 }
             })
         },

resources/assets/js/pages/manage/setting/password.vue

@@ -33,15 +33,7 @@ export default {
                 checkpass: '',
             },
 
-            ruleDatum: { },
+            ruleDatum: {
-        }
-    },
-    computed: {
-        ...mapState(['userInfo']),
-    },
-    methods: {
-        initLanguage() {
-            this.ruleDatum = {
                 oldpass: [
                     { required: true, message: this.$L('请输入旧密码！'), trigger: 'change' },
                     { type: 'string', min: 6, message: this.$L('密码长度至少6位！'), trigger: 'change' }
@@ -78,9 +70,13 @@ export default {
                         trigger: 'change'
                     }
                 ],
-            };
+            },
-        },
+        }
-
+    },
+    computed: {
+        ...mapState(['userInfo']),
+    },
+    methods: {
         submitForm() {
             this.$refs.formDatum.validate((valid) => {
                 if (valid) {

resources/assets/js/pages/manage/setting/personal.vue

@@ -42,7 +42,19 @@ export default {
                 profession: ''
             },
 
-            ruleData: { },
+            ruleData: {
+                email: [
+                    {required: true, message: this.$L('请输入邮箱地址！'), trigger: 'change'},
+                ],
+                tel: [
+                    {required: true, message: this.$L('请输入联系电话！'), trigger: 'change'},
+                    {type: 'string', min: 6, message: this.$L('电话长度至少6位！'), trigger: 'change'}
+                ],
+                nickname: [
+                    {required: true, message: this.$L('请输入昵称！'), trigger: 'change'},
+                    {type: 'string', min: 2, message: this.$L('昵称长度至少2位！'), trigger: 'change'}
+                ]
+            },
         }
     },
     mounted() {
@@ -57,22 +69,6 @@ export default {
         }
     },
     methods: {
-        initLanguage() {
-            this.ruleData = {
-                email: [
-                    {required: true, message: this.$L('请输入邮箱地址！'), trigger: 'change'},
-                ],
-                tel: [
-                    {required: true, message: this.$L('请输入联系电话！'), trigger: 'change'},
-                    {type: 'string', min: 6, message: this.$L('电话长度至少6位！'), trigger: 'change'}
-                ],
-                nickname: [
-                    {required: true, message: this.$L('请输入昵称！'), trigger: 'change'},
-                    {type: 'string', min: 2, message: this.$L('昵称长度至少2位！'), trigger: 'change'}
-                ]
-            };
-        },
-
         initData() {
             this.$set(this.formData, 'userimg', $A.strExists(this.userInfo.userimg, '/avatar') ? '' : this.userInfo.userimg);
             this.$set(this.formData, 'email', this.userInfo.email);

resources/assets/js/pages/pro.vue

@@ -16,13 +16,13 @@
                                 <a class="right-info" target="_blank" href="https://github.com/kuaifan/dootask">
                                     <Icon class="right-icon" type="logo-github"/>
                                 </a>
-                                <Dropdown class="right-info" trigger="click" @on-click="setLanguage">
+                                <Dropdown class="right-info" trigger="click" @on-click="onLanguage">
                                     <div>
                                         <Icon class="right-icon" type="md-globe"/>
                                         <Icon type="md-arrow-dropdown"/>
                                     </div>
                                     <Dropdown-menu slot="list">
-                                        <Dropdown-item v-for="(item, key) in languageList" :key="key" :name="key" :selected="getLanguage() === key">{{item}}</Dropdown-item>
+                                        <Dropdown-item v-for="(item, key) in languageList" :key="key" :name="key" :selected="languageType === key">{{item}}</Dropdown-item>
                                     </Dropdown-menu>
                                 </Dropdown>
                             </dd>
@@ -945,9 +945,14 @@
 }
 </style>
 <script>
+import {languageList, languageType, setLanguage} from "../language";
+
 export default {
     data() {
         return {
+            languageList,
+            languageType,
+
             active: 2,
 
             body1: true,
@@ -969,6 +974,10 @@ export default {
     },
 
     methods: {
+        onLanguage(l) {
+            setLanguage(l)
+        },
+
         getSetting() {
             this.$store.dispatch("call", {
                 url: 'system/setting',

resources/assets/js/store/actions.js

@@ -1,4 +1,5 @@
 import {Store} from 'le5le-store';
+import {languageType} from "../language";
 
 export default {
     /**
@@ -12,7 +13,7 @@ export default {
         if (!$A.isJson(params)) params = {url: params}
         const header = {
             'Content-Type': 'application/json',
-            'language': $A.getLanguage(),
+            'language': languageType,
             'token': state.userToken,
             'fd': $A.getSessionStorageString("userWsFd"),
             'version': window.systemInfo.version || "0.0.1",
@@ -2787,11 +2788,7 @@ export default {
                 state.wsCall[msgId] = callback
             }
             try {
-                state.ws.send(JSON.stringify({
+                state.ws.send(JSON.stringify({type, msgId, data}))
-                    type,
-                    msgId,
-                    data
-                }))
                 resolve()
             } catch (e) {
                 typeof callback === "function" && callback(null, false)