cloud-web-corejs 1.1.0-dev.5 → 1.1.0-dev.7

package/src/router/index.js

@@ -1,48 +1,48 @@
-import Vue from "vue";
-import Router from "vue-router";
-import { Message } from "element-ui";
-
-Vue.use(Router);
-
-import { constantRoutes as route1s } from "@base/router/modules/system";
-import { constantRoutes as route2s } from "@/router/modules/customer";
-
-export const constantRoutes = [...route1s, ...route2s];
-
-const createRouter = () =>
-  new Router({
-    // mode: 'history', // require service support
-    scrollBehavior: () => ({
-      y: 0,
-    }),
-    routes: constantRoutes,
-  });
-
-const router = createRouter();
-
-// 视图改按需加载后，路由跳转会真的去网络拉 chunk，于是多出一类以前不可能发生的失败：
-// 发版后旧标签页持有的 chunk 哈希已失效（404）、网络超时、或被网关截断（截断表现为
-// chunk 内 SyntaxError，不是网络错误）。vue-router 对这类失败是静默的——点了没反应。
-//
-// 菜单驱动的视图不走这里：store/modules/permission.js 的 loadView 自己 catch 后渲染
-// MenuFallback。这里兜的是 constantRoutes 里那批 () => import(...) 的静态路由。
-//
-// 只提示、不自动 reload：本系统表单页多，自动刷新会吞掉用户未保存的录入；而且一旦
-// 某个 chunk 持续拉不到（例如网关截断），自动刷新会退化成"用户每点一次就刷一次"的循环。
-router.onError((error) => {
-  const msg = (error && error.message) || "";
-  if (!/Loading (CSS )?chunk .* failed|ChunkLoadError/i.test(msg)) return;
-  console.error("[router] 页面资源加载失败：", error);
-  try {
-    Message.error("页面资源加载失败，请刷新页面后重试");
-  } catch (e) {
-    // Message 尚未可用时静默，至少 console 里留了痕迹
-  }
-});
-
-export function resetRouter() {
-  const newRouter = createRouter();
-  router.matcher = newRouter.matcher; // reset router
-}
-
-export default router;
+import Vue from "vue";
+import Router from "vue-router";
+import { Message } from "element-ui";
+
+Vue.use(Router);
+
+import { constantRoutes as route1s } from "@base/router/modules/system";
+import { constantRoutes as route2s } from "@/router/modules/customer";
+
+export const constantRoutes = [...route1s, ...route2s];
+
+const createRouter = () =>
+  new Router({
+    // mode: 'history', // require service support
+    scrollBehavior: () => ({
+      y: 0,
+    }),
+    routes: constantRoutes,
+  });
+
+const router = createRouter();
+
+// 视图改按需加载后，路由跳转会真的去网络拉 chunk，于是多出一类以前不可能发生的失败：
+// 发版后旧标签页持有的 chunk 哈希已失效（404）、网络超时、或被网关截断（截断表现为
+// chunk 内 SyntaxError，不是网络错误）。vue-router 对这类失败是静默的——点了没反应。
+//
+// 菜单驱动的视图不走这里：store/modules/permission.js 的 loadView 自己 catch 后渲染
+// MenuFallback。这里兜的是 constantRoutes 里那批 () => import(...) 的静态路由。
+//
+// 只提示、不自动 reload：本系统表单页多，自动刷新会吞掉用户未保存的录入；而且一旦
+// 某个 chunk 持续拉不到（例如网关截断），自动刷新会退化成"用户每点一次就刷一次"的循环。
+router.onError((error) => {
+  const msg = (error && error.message) || "";
+  if (!/Loading (CSS )?chunk .* failed|ChunkLoadError/i.test(msg)) return;
+  console.error("[router] 页面资源加载失败：", error);
+  try {
+    Message.error("页面资源加载失败，请刷新页面后重试");
+  } catch (e) {
+    // Message 尚未可用时静默，至少 console 里留了痕迹
+  }
+});
+
+export function resetRouter() {
+  const newRouter = createRouter();
+  router.matcher = newRouter.matcher; // reset router
+}
+
+export default router;

package/src/utils/assetUrl.js

@@ -0,0 +1,19 @@
+/**
+ * 取出 require(图片) 的真实 URL。
+ *
+ * webpack4(url-loader，vue-cli 设了 esModule:false) 下 require 直接返回 URL 字符串；
+ * webpack5(vue-cli5 的 asset modules) 下返回的是 ES Module 命名空间对象，且该对象
+ * 由 Object.create(null) 生成——没有原型链就没有 toString，直接绑到 :src 上时
+ * setAttribute 会抛 "Cannot convert object to primitive value" 整棵子树渲染失败
+ * （webpack5 的 asset modules 没有 esModule 开关，只能在取值处兜底）。
+ *
+ * 消费应用的构建配置不受本库控制，凡是把 require 结果往 DOM 属性上放的地方都要过这里。
+ */
+export function assetUrl(mod) {
+  if (mod && typeof mod === "object") {
+    return mod.default || "";
+  }
+  return mod || "";
+}
+
+export default assetUrl;