@proteus-vue/plugin-vite 0.2.0-beta.5 → 0.3.0-beta.10

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { default as mpTransform, defaultScopedPlugin, resolveSharedModule, rewriteRootToPage } from './plugin';
+export { default as mpTransform, defaultScopedPlugin, pFluidLayoutPlugin, resolveSharedModule, rewriteRootToPage } from './plugin';
 export { devtoolsRelayPlugin } from './devtools-plugin';
 export { createPanelPageHandler, resolveDevtoolsDir, printPanelUrl, isOriginAllowed } from './devtools-plugin';
 export type { DevtoolsRelayOptions } from './devtools-plugin';

package/dist/index.js

@@ -118,7 +118,7 @@ function runGenRoutes(options) {
   const APP_DIR = path2.resolve(ROOT, path2.dirname(config.pagesDir));
   const OUT_DIR = path2.join(ROOT, "dist", "mp-weixin");
   const FW_COMPONENTS = options.componentsDir ? path2.resolve(ROOT, options.componentsDir) : resolveComponentsRoot(ROOT);
-  if (!fs2.existsSync(FW_COMPONENTS)) {
+  if (!fs2.existsSync(FW_COMPONENTS) && appUsesFrameworkComponents(APP_DIR)) {
     console.warn(
       `[gen-routes] \u672A\u627E\u5230\u8BED\u4E49\u7EC4\u4EF6\u5E93 @proteus-vue/components\uFF08\u89E3\u6790\u4E3A ${FW_COMPONENTS}\uFF09\u2014\u2014p-* \u7EC4\u4EF6\u5C06\u4E0D\u88AB\u6CE8\u518C\uFF08\u9875\u9762 usingComponents \u7F3A\u5931 \u2192 WXML \u6574\u5757\u4E0D\u6E32\u67D3\uFF09\u3002\u8BF7\u786E\u8BA4\u5DF2\u5B89\u88C5\u4F9D\u8D56\uFF08npm i / pnpm i\uFF09\u3002`
     );
@@ -148,6 +148,18 @@ function runGenRoutes(options) {
     }
     return acc;
   }
+  function appUsesFrameworkComponents(appDir) {
+    for (const f of walkVueFiles2(appDir)) {
+      let src;
+      try {
+        src = fs2.readFileSync(f, "utf8");
+      } catch {
+        continue;
+      }
+      if (/<[pP]-[a-z][\w-]*[\s/>]/.test(src) || /<P[A-Z][\w]*[\s/>]/.test(src)) return true;
+    }
+    return false;
+  }
   function resolveConfigMeta(configMeta, pageRel) {
     if (!configMeta) return void 0;
     let dirMeta;
@@ -661,7 +673,14 @@ function runGenRoutes(options) {
         out[tag] = `/proteus/${tag}/index`;
         continue;
       }
-      console.warn(`[gen-routes] ${file} \u4F7F\u7528\u4E86\u7EC4\u4EF6 <${tag}>\uFF0C\u4F46\u672A\u627E\u5230 ${appCandidates.join(" \u6216 ")} \u6216\u6846\u67B6\u7EC4\u4EF6 ${fwCandidates.join(" \u6216 ")}`);
+      console.warn(
+        `[gen-routes] ${file} \u4F7F\u7528\u4E86\u7EC4\u4EF6 <${tag}>\uFF0C\u4F46\u672A\u627E\u5230\u5176\u6E90\u7801\uFF1A
+    \u5E94\u7528\u7EC4\u4EF6\u653E\u8FD9\u91CC \u2192 ${appCandidates.join("\n                     \u6216 ")}
+    \u6846\u67B6\u7EC4\u4EF6\u653E\u8FD9\u91CC \u2192 ${fwCandidates.join("\n                     \u6216 ")}
+    \uFF08\u5E94\u7528\u7EC4\u4EF6\u76EE\u5F55\u76F8\u5BF9 pagesDir \u7684\u4E0A\u7EA7\uFF0C\u5373 <pagesDir>/../components/<tag>/index.vue\uFF09
+    \u82E5\u8FD9\u662F\u5C0F\u7A0B\u5E8F\u5185\u7F6E/\u5BBF\u4E3B\u6807\u7B7E\uFF0C\u8BF7\u786E\u8BA4\u62FC\u5199\uFF0C\u6216\u5728 proteus.config.ts \u7684 page \u914D\u7F6E\u4E2D\u58F0\u660E\uFF1B
+    \u8BE5\u6807\u7B7E\u672C\u6B21**\u672A\u5199\u5165 usingComponents**\uFF0C\u771F\u673A\u4F1A\u62A5 usingComponents \u672A\u627E\u5230\u7EC4\u4EF6\u3002`
+      );
     }
     return out;
   }
@@ -1076,6 +1095,23 @@ var MP_ONLY_TAGS = /* @__PURE__ */ new Set([
   "ad",
   "web-view"
 ]);
+function pFluidLayoutPlugin() {
+  return {
+    name: "proteus-p-fluid-layout",
+    enforce: "pre",
+    transform(code, id) {
+      if (!id.endsWith(".vue")) return null;
+      const out = rewritePFluidAttribute(code);
+      return out === code ? null : { code: out, map: null };
+    }
+  };
+}
+function rewritePFluidAttribute(code) {
+  return code.replace(/\sp-fluid=("[^"]*"|'[^']*')/g, (_m, q) => {
+    const inner = q.slice(1, -1).replace(/'/g, "\\'");
+    return ` v-p-fluid="'${inner}'"`;
+  });
+}
 function defaultScopedPlugin() {
   return {
     name: "proteus-default-scoped",
@@ -1096,10 +1132,7 @@ function defaultScopedPlugin() {
         out = out.replace(/<script([^>]*)>/, (m) => `${m}${importLine}`);
         out = out.replace("</script>", `${hookCode}</script>`);
       }
-      out = out.replace(/\sp-fluid=("[^"]*"|'[^']*')/g, (_m, q) => {
-        const inner = q.slice(1, -1).replace(/'/g, "\\'");
-        return ` v-p-fluid="'${inner}'"`;
-      });
+      out = rewritePFluidAttribute(out);
       return out === code ? null : { code: out, map: null };
     }
   };
@@ -2044,7 +2077,14 @@ async function resolveProteusViteConfig(ctx, config) {
     const vue = vueMod.default({
       template: { compilerOptions: { isCustomElement: (tag) => MP_ONLY_TAGS.has(tag) } }
     });
-    plugins = [platformVariantPlugin(root, "web"), vue, platformMacroPlugin("web"), platformPublicAssetsPlugin(root, "web"), routeBlocksPlugin()];
+    plugins = [
+      platformVariantPlugin(root, "web"),
+      vue,
+      platformMacroPlugin("web"),
+      platformPublicAssetsPlugin(root, "web"),
+      routeBlocksPlugin(),
+      pFluidLayoutPlugin()
+    ];
   }
   const frameworkConfig = {
     configFile: false,
@@ -2135,6 +2175,7 @@ export {
   devtoolsRelayPlugin,
   isOriginAllowed,
   mpTransform,
+  pFluidLayoutPlugin,
   printPanelUrl,
   resolveComponentsRoot,
   resolveDevtoolsDir,

package/dist/plugin.d.ts

@@ -6,6 +6,21 @@ import type { ProteusConfig } from './config';
  *  但 Vue 会把 `resolveComponent` 提升到 render 顶部 → Web 端仍会解析失败告警。
  *  在 @vitejs/plugin-vue 的 `isCustomElement` 里声明为自定义元素即消除（见 vite-config.ts）。 */
 export declare const MP_ONLY_TAGS: Set<string>;
+/**
+ * ★G-22 柔性布局（Web 端）：`p-fluid="font-size(20, 32)"` 属性 → `v-p-fluid="'font-size(20, 32)'"` 指令。
+ *
+ * ★为什么单独成插件（2026-09-20 修外部实战报告第十一节第二条）：此前这一改写**捆在**
+ *   `defaultScopedPlugin` 里，而框架的 Web 分支（`resolveProteusViteConfig`）只注册了 5 个插件、
+ *   **从未注册它** → Web 端 `p-fluid` 原样留在 DOM、不生成任何样式、也不报错（静默失效）。
+ *   而用户**不能**直接把 `defaultScopedPlugin` 加进去——它顺带把原生标签改写成 MP 标签
+ *   （`<button>`→`<proteus-button>`、`<textarea>`→`<proteus-textarea>`…），没有 `installWebPlatform`
+ *   注册这些全局组件的工程会**整页渲染不出来**（实测报 Failed to resolve component: proteus-*）。
+ *   → 拆开：本插件只做 p-fluid 改写（可被框架默认注册，零副作用），MP 标签改写仍留在
+ *     `defaultScopedPlugin`（需要 Web 模拟层的工程显式启用）。
+ *   配套运行时：`installFluidLayout(app)` 注册 `v-p-fluid` 指令（@proteus-vue/components）。
+ *   幂等：` v-p-fluid=` 的 `-` 前不是空白，故 `\sp-fluid=` 不会二次匹配。
+ */
+export declare function pFluidLayoutPlugin(): Plugin;
 export declare function defaultScopedPlugin(): Plugin;
 export declare function resolvePkgPath(projectRoot: string, modPath: string): string;
 /** ★平台变体·CSS（2026-09-13，第 5 层）：`<style src="./theme.css">` 加载并按目标平台解析变体。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proteus-vue/plugin-vite",
-  "version": "0.2.0-beta.5",
+  "version": "0.3.0-beta.10",
   "description": "Proteus Vite 插件（mp-weixin 编译管线适配层）+ gen-routes 路由表生成器",
   "type": "module",
   "license": "Apache-2.0",
@@ -19,14 +19,14 @@
     "README.md"
   ],
   "dependencies": {
-    "@proteus-vue/compiler": "0.3.0-beta.3",
-    "@proteus-vue/module": "0.1.1-beta.0",
-    "@proteus-vue/router": "0.2.0-beta.5",
-    "@proteus-vue/types": "0.2.0-beta.2",
+    "@proteus-vue/compiler": "0.3.0-beta.10",
+    "@proteus-vue/module": "0.3.0-beta.10",
+    "@proteus-vue/router": "0.3.0-beta.10",
+    "@proteus-vue/types": "0.3.0-beta.10",
     "esbuild": "^0.28.2",
     "sass": "^1.103.1",
     "ws": "^8.0.0",
-    "@proteus-vue/compiler-backend": "0.1.1-beta.1"
+    "@proteus-vue/compiler-backend": "0.3.0-beta.10"
   },
   "peerDependencies": {
     "vite": "^5.0.0"