el-plus 0.0.57 → 0.0.59

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # el-plus
 
+## 0.0.59
+
+### Patch Changes
+
+- 1
+
+## 0.0.58
+
+### Patch Changes
+
+- 1
+
 ## 0.0.57
 
 ### Patch Changes

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.57 */
+/*! ElPlus v0.0.59 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus'), require('@vue/shared'), require('axios'), require('js-cookie'), require('defu'), require('qs'), require('element-plus/es/components/table/src/table/defaults'), require('@element-plus/icons-vue'), require('mitt'), require('lodash-unified'), require('@vueuse/core'), require('vue-router'), require('js-base64'), require('vue2'), require('vue-router3')) :
@@ -204,107 +204,10 @@
     }
   };
 
-  var zhCn = {
-    name: "zh-cn",
-    ep: {
-      dialog: {
-        cancel: "\u53D6\u6D88",
-        confirm: "\u786E\u5B9A",
-        title: "\u63D0\u793A"
-      },
-      buttons: {
-        cancel: "\u53D6\u6D88",
-        confirm: "\u786E\u5B9A",
-        secondConfirm: "\u786E\u5B9A\u8981",
-        secondConfirmEnd: "\u5417",
-        prompt: "\u63D0\u793A"
-      },
-      input: {
-        placeholder: "\u8BF7\u8F93\u5165"
-      },
-      datePickerRange: {
-        lastWeek: "\u6700\u8FD1\u4E00\u5468",
-        lastMonth: "\u6700\u8FD1\u4E00\u4E2A\u6708",
-        lastThreeMonth: "\u6700\u8FD1\u4E09\u4E2A\u6708",
-        startTime: "\u5F00\u59CB\u65F6\u95F4",
-        endTime: "\u7ED3\u675F\u65F6\u95F4"
-      },
-      formItem: {
-        required: "\u4E0D\u80FD\u4E3A\u7A7A"
-      },
-      form: {
-        more: "\u66F4\u591A",
-        collapse: "\u6536\u8D77"
-      },
-      header: {
-        save: "\u4FDD\u5B58",
-        edit: "\u4FEE\u6539",
-        cancel: "\u53D6\u6D88",
-        refresh: "\u5237\u65B0",
-        approvalLog: "\u5BA1\u6279\u65E5\u5FD7"
-      },
-      searchListPage: {
-        add: "\u65B0\u589E",
-        templateDownload: "\u6A21\u7248\u4E0B\u8F7D",
-        import: "\u5BFC\u5165",
-        export: "\u5BFC\u51FA",
-        search: "\u641C\u7D22",
-        clear: "\u6E05\u7A7A"
-      },
-      table: {
-        select: "\u9009\u62E9",
-        serialNumber: "\u5E8F\u53F7",
-        operation: "\u64CD\u4F5C"
-      },
-      title: {
-        collapse: "\u6298\u53E0",
-        expand: "\u5C55\u5F00"
-      },
-      chooseDialog: {
-        selected: "\u5DF2\u9009\u4E2D",
-        unit: "\u4E2A"
-      },
-      customColumn: {
-        columnSettings: "\u81EA\u5B9A\u4E49\u5217\u8BBE\u7F6E",
-        defineColumn: "\u81EA\u5B9A\u4E49\u5217",
-        hiddenField: "\u9690\u85CF\u5B57\u6BB5",
-        visibleField: "\u663E\u793A\u5B57\u6BB5",
-        moveLeft: "\u5DE6\u79FB",
-        moveRight: "\u53F3\u79FB",
-        moveUp: "\u4E0A\u79FB",
-        moveDown: "\u4E0B\u79FB"
-      },
-      bpm: {
-        approvalLog: "\u5BA1\u6279\u65E5\u5FD7"
-      },
-      loading: {
-        loading: "\u6B63\u5728\u52A0\u8F7D\u4E2D..."
-      },
-      http: {
-        networkError: "\u7F51\u7EDC\u5F02\u5E38\uFF0C\u8BF7\u68C0\u67E5\u60A8\u7684\u7F51\u7EDC\u8FDE\u63A5\u540E\u91CD\u8BD5",
-        timeout: "\u8BF7\u6C42\u8D85\u65F6\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5",
-        requestError: "\u8BF7\u6C42\u9519\u8BEF\u3002\u8BF7\u68C0\u67E5\u60A8\u7684\u8F93\u5165\u5E76\u91CD\u8BD5",
-        authExpired: "\u767B\u5F55\u8BA4\u8BC1\u8FC7\u671F\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55\u540E\u7EE7\u7EED",
-        forbidden: "\u7981\u6B62\u8BBF\u95EE, \u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u6B64\u8D44\u6E90",
-        notFound: "\u672A\u627E\u5230, \u8BF7\u6C42\u7684\u8D44\u6E90\u4E0D\u5B58\u5728",
-        //
-        serverError: "\u5185\u90E8\u670D\u52A1\u5668\u9519\u8BEF\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5"
-      },
-      attachment: {
-        addAttachment: "\u6DFB\u52A0\u9644\u4EF6",
-        manageAttachment: "\u9644\u4EF6\u7BA1\u7406",
-        operation: "\u64CD\u4F5C",
-        download: "\u4E0B\u8F7D",
-        delete: "\u5220\u9664",
-        attachmentType: "\u9644\u4EF6\u7C7B\u578B",
-        fileName: "\u6587\u4EF6\u540D\u79F0",
-        creator: "\u521B\u5EFA\u4EBA",
-        createTime: "\u521B\u5EFA\u65F6\u95F4",
-        description: "\u8BF4\u660E"
-      }
-    }
-  };
-
+  const elLocaleModules = undefined(
+    "/node_modules/element-plus/es/locale/lang/*.mjs"
+  );
+  const localeModules = undefined("../locale/lang/*.{mjs,ts}");
   const TRANSLATER_KEY = /* @__PURE__ */ Symbol("TRANSLATER_KEY");
   let cachedTranslater = null;
   const useLocale = () => {
@@ -332,26 +235,15 @@
       const provideFn = inSetup2 ? vue.provide : app.provide;
       return new Promise(async (resolve) => {
         try {
-          let locale = zhCn;
-          try {
-            const epLocalePath = `../locale/lang/${localeLang}`;
-            const { default: lang } = await import(
-              /* @vite-ignore */
-              epLocalePath
-            );
-            locale = lang;
-          } catch (e) {
-            try {
-              const { default: en } = await Promise.resolve().then(function () { return en$1; });
-              locale = en;
-            } catch (enError) {
-              console.error(
-                "Failed to load both specified locale and English locale, using Chinese locale as fallback:",
-                enError
-              );
-            }
+          const basePath = "../locale/lang/";
+          const ext = process.env.NODE_ENV === "production" ? ".mjs" : ".ts";
+          const modulePath = basePath + localeLang + ext;
+          let loader = localeModules[modulePath];
+          if (!loader) {
+            loader = localeModules[basePath + "en" + ext];
           }
-          const { t } = elementPlus.useLocale(vue.ref(locale));
+          const module = await loader();
+          const { t } = elementPlus.useLocale(vue.ref(module.default));
           provideFn(TRANSLATER_KEY, t);
           resolve();
           addLangClass(window.hxlang);
@@ -361,34 +253,15 @@
       });
     };
     const loadElLocale = async () => {
-      try {
-        let elLocale = zhCn;
-        try {
-          const elLocalePath = `element-plus/es/locale/lang/${localeLang}`;
-          const { default: lang } = await import(
-            /* @vite-ignore */
-            elLocalePath
-          );
-          elLocale = lang;
-        } catch (e) {
-          try {
-            const { default: en } = await import(
-              /* @vite-ignore */
-              'element-plus/es/locale/lang/en'
-            );
-            elLocale = en;
-          } catch (enError) {
-            console.error(
-              "Failed to load both specified locale and English locale, using Chinese locale as fallback:",
-              enError
-            );
-          }
-        }
-        return elLocale;
-      } catch (error) {
-        console.error(error);
-        return zhCn;
+      const basePath = "/node_modules/element-plus/es/locale/lang/";
+      const ext = ".mjs";
+      const modulePath = basePath + localeLang + ext;
+      let loader = elLocaleModules[modulePath];
+      if (!loader) {
+        loader = elLocaleModules[basePath + "en" + ext];
       }
+      const module = await loader();
+      return module.default;
     };
     return {
       loadLocale,
@@ -3261,6 +3134,7 @@
 
   const useNavigation = () => {
     const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
     const $goto = (r) => {
       const item = {
         id: Date.now(),
@@ -3292,11 +3166,11 @@
           }
         }
       };
-      const route = findRoute(routes, r);
-      if (route) {
+      const route2 = findRoute(routes, r);
+      if (route2) {
         item.id = r.id || item.id;
-        item.name = r.title || (window.$hxt ? window.$hxt(route.meta.title) : route.meta.title);
-        item.url = `${projectRootPath}#${route.path}${qs__namespace.stringify(r.query, { encode: false })}`;
+        item.name = r.title || (window.$hxt ? window.$hxt(route2.meta.title) : route2.meta.title);
+        item.url = `${projectRootPath}#${route2.path}${qs__namespace.stringify(r.query, { encode: false })}`;
         if (openTab) {
           openTab(item);
         } else {
@@ -3318,8 +3192,7 @@
       window.parent?.openMenuSelect?.(preTag);
     };
     const mode = vue.computed(() => {
-      const { query } = vueRouter.useRoute();
-      return query.mode;
+      return route.query.mode;
     });
     const isBrowse = vue.computed(() => mode.value === "browse");
     const isEdit = vue.computed(() => mode.value === "edit");
@@ -4069,8 +3942,12 @@
       Object.keys(attrs).forEach((key) => {
         if (key.startsWith("on")) {
           let eventName = key.slice(2);
-          eventName = eventName.replace(/([A-Z])/g, "-$1").toLowerCase();
-          eventName = eventName.slice(1);
+          if (eventName.startsWith("Update:")) {
+            eventName = "update:" + eventName.slice(7);
+          } else {
+            eventName = eventName.replace(/([A-Z])/g, "-$1").toLowerCase();
+            eventName = eventName.slice(1);
+          }
           events[eventName] = attrs[key];
         } else {
           _props[key] = attrs[key];
@@ -4102,7 +3979,17 @@
           return "";
       }
     };
-    const hasLoadStaticJsResource = () => {
+    const loadStaticJsResource = async () => {
+      const promises = [];
+      if (!isBpm && !window.ElementUIComponents) {
+        await new Promise((resolve, reject) => {
+          const script = document.createElement("script");
+          script.src = "/element-ui.js";
+          script.onload = resolve;
+          script.onerror = reject;
+          document.body.appendChild(script);
+        });
+      }
       let globalName;
       if (isAddress) {
         globalName = "hxAddress";
@@ -4110,24 +3997,39 @@
       if (isBpm) {
         globalName = "index";
       }
-      if (window[globalName]) return true;
-      return false;
-    };
-    const loadStaticJsResource = async () => {
-      return new Promise((resolve, reject) => {
-        if (hasLoadStaticJsResource()) return resolve("");
-        const script = document.createElement("script");
-        script.src = getStaticJsUrl();
-        script.onload = resolve;
-        script.onerror = reject;
-        document.body.appendChild(script);
-      });
+      if (globalName && !window[globalName]) {
+        promises.push(
+          new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = getStaticJsUrl();
+            script.onload = () => resolve();
+            script.onerror = reject;
+            document.body.appendChild(script);
+          })
+        );
+      }
+      return Promise.all(promises);
     };
     const loadStaticCssResource = async () => {
-      const { data: css } = await http.request(getStaticCssUrl(), {
-        responseReturn: "raw"
-      });
-      return css;
+      const cssPromises = [];
+      if (!isBpm) {
+        cssPromises.push(
+          http.request("/element-ui.css", {
+            responseReturn: "raw",
+            baseURL: ""
+          }).then((res) => res.data)
+        );
+      }
+      const staticCssUrl = getStaticCssUrl();
+      if (staticCssUrl) {
+        cssPromises.push(
+          http.request(staticCssUrl, {
+            responseReturn: "raw"
+          }).then((res) => res.data)
+        );
+      }
+      const cssContents = await Promise.all(cssPromises);
+      return cssContents.join("\n");
     };
     let instance;
     const setupInstance = async () => {
@@ -4161,6 +4063,23 @@
         render: (h) => h(props.name, prepareVueAttributes())
       });
     };
+    vue.watch(
+      () => attrs,
+      () => {
+        if (instance) {
+          const { props: newProps, on: newEvents } = prepareVueAttributes();
+          Object.keys(newProps).forEach((key) => {
+            instance.$props[key] = newProps[key];
+          });
+          Object.keys(newEvents).forEach((eventName) => {
+            instance.$off(eventName);
+            instance.$on(eventName, newEvents[eventName]);
+          });
+          instance.$forceUpdate();
+        }
+      },
+      { deep: true }
+    );
     vue.onMounted(() => {
       setupInstance();
     });
@@ -4218,7 +4137,7 @@
     EpUniVue
   ];
 
-  var version = "0.0.57";
+  var version = "0.0.59";
 
   var globalProperties = {
     install(app) {
@@ -4359,111 +4278,6 @@
     version
   };
 
-  var en = {
-    name: "en",
-    ep: {
-      dialog: {
-        cancel: "Cancel",
-        confirm: "OK",
-        title: "Prompt"
-      },
-      buttons: {
-        cancel: "Cancel",
-        confirm: "Confirm",
-        secondConfirm: "Are you sure to",
-        secondConfirmEnd: "",
-        prompt: "prompt"
-      },
-      input: {
-        placeholder: "Please enter"
-      },
-      datePickerRange: {
-        lastWeek: "Last week",
-        lastMonth: "Last month",
-        lastThreeMonth: "Last three months",
-        startTime: "Start time",
-        endTime: "End time"
-      },
-      formItem: {
-        required: "Cannot be empty"
-      },
-      form: {
-        more: "More",
-        collapse: "Collapse"
-      },
-      header: {
-        save: "Save",
-        edit: "Edit",
-        cancel: "Cancel",
-        refresh: "Refresh",
-        approvalLog: "Approval log"
-      },
-      searchListPage: {
-        add: "Add",
-        templateDownload: "Template download",
-        import: "Import",
-        export: "Export",
-        search: "Search",
-        clear: "Clear"
-      },
-      table: {
-        select: "Select",
-        serialNumber: "No.",
-        operation: "Operation"
-      },
-      title: {
-        collapse: "Collapse",
-        expand: "Expand"
-      },
-      chooseDialog: {
-        selected: "Selected",
-        unit: ""
-      },
-      customColumn: {
-        columnSettings: "Column settings",
-        defineColumn: "Define column",
-        hiddenField: "Hidden field",
-        visibleField: "Display field",
-        moveLeft: "Move left",
-        moveRight: "Move right",
-        moveUp: "Move up",
-        moveDown: "Move down"
-      },
-      bpm: {
-        approvalLog: "Approval log"
-      },
-      loading: {
-        loading: "Loading..."
-      },
-      http: {
-        networkError: "Network error, please check your connection and try again",
-        timeout: "Request timeout, please try again later",
-        requestError: "Request error. Please check your input and try again",
-        authExpired: "Login authentication expired, please log in again",
-        forbidden: "Access forbidden, you do not have permission to access this resource",
-        notFound: "Not found, the requested resource does not exist",
-        serverError: "Internal server error, please try again later"
-      },
-      attachment: {
-        addAttachment: "Add attachment",
-        manageAttachment: "Attachment management",
-        operation: "Operation",
-        download: "Download",
-        delete: "Delete",
-        attachmentType: "Attachment type",
-        fileName: "File name",
-        creator: "Creator",
-        createTime: "Create time",
-        description: "Description"
-      }
-    }
-  };
-
-  var en$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: en
-  });
-
   exports.EpAttachment = EpAttachment;
   exports.EpButtons = EpButtons;
   exports.EpCustomColumn = EpCustomColumn;