@tuya-sat/micro-dev-loader 2.2.14 → 2.2.15

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import LayoutMockPlugin from "./plugins/layoutMock";
 import ThemePlugin from "./plugins/theme";
-declare const addjsLoader: (sourceCode: string) => string;
-export default addjsLoader;
-export { LayoutMockPlugin, ThemePlugin };
+declare const filterCssVariableLoader: string;
+declare const changeAntdGlobalImport: string;
+export { ThemePlugin, filterCssVariableLoader, changeAntdGlobalImport };

package/dist/index.js

@@ -2,28 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var loaderUtils = require('loader-utils');
-var index$2 = require('./codeMaker/index.js');
-var microUtils = require('@tuya-sat/micro-utils');
-var index = require('./plugins/layoutMock/index.js');
-var index$1 = require('./plugins/theme/index.js');
+var index = require('./plugins/theme/index.js');
 
-const addjsLoader = function (sourceCode) {
-    var _a;
-    const { authedCode = [], microFramework } = loaderUtils.getOptions(this);
-    const manifest = microUtils.parseManifest();
-    const isMobile = ((_a = manifest.supportedPlatform) === null || _a === void 0 ? void 0 : _a[0]) === "MOBILE";
-    const codeMaker = new (index$2.createCodeMaker(isMobile))({
-        sourceCode,
-        microFramework,
-    });
-    codeMaker.changeCode({
-        authedCode,
-        manifest,
-    });
-    return codeMaker.getResultCode();
-};
+const filterCssVariableLoader = require.resolve("./loader/filterCssVariableLoader");
+const changeAntdGlobalImport = require.resolve("./loader/changeAntdGlobalImport");
 
-exports.LayoutMockPlugin = index["default"];
-exports.ThemePlugin = index$1["default"];
-exports["default"] = addjsLoader;
+exports.ThemePlugin = index["default"];
+exports.changeAntdGlobalImport = changeAntdGlobalImport;
+exports.filterCssVariableLoader = filterCssVariableLoader;

package/dist/less/plugin/bundle.overwrite.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    light: {};
+    dark: {
+        "component-background": string;
+        "body-background": string;
+        "popover-background": string;
+        "table-header-bg": string;
+        "table-row-hover-bg": string;
+        "border-color-split": string;
+        "border-color-base": string;
+    };
+};
+export default _default;

package/dist/less/plugin/bundle.overwrite.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const common = {
+    "heading-color": "",
+    "text-color": "",
+    "text-color-secondary": "",
+};
+var overwrite = {
+    light: {},
+    dark: {
+        "component-background": "#303b53",
+        "body-background": "#232e48",
+        "popover-background": "#303b53",
+        "table-header-bg": "#232e48",
+        "table-row-hover-bg": "#232e48",
+        "border-color-split": "rgba(255, 255, 255, 0.1)",
+        "border-color-base": "rgba(255, 255, 255, 0.2)",
+    },
+};
+
+exports["default"] = overwrite;

package/dist/less/plugin/file.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="less" />
+export default function createHandleImportPlugin(): Less.Plugin;

package/dist/less/plugin/file.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var path = require('path');
+var fse = require('fs-extra');
+var less = require('less');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
+var fse__default = /*#__PURE__*/_interopDefaultLegacy(fse);
+
+class HandleImport extends less.FileManager {
+    constructor() {
+        super(...arguments);
+        this.interceptReg = /antd\/(es|lib)\/style\/themes\/variable\.less$/;
+        this.darkVariableContent = fse__default["default"].readFileSync(require.resolve("./dark.variable.less"), "utf-8");
+    }
+    loadFile(filename, currentDirectory, options, environment) {
+        const _super = Object.create(null, {
+            loadFile: { get: () => super.loadFile }
+        });
+        return tslib.__awaiter(this, void 0, void 0, function* () {
+            if (filename.startsWith("~")) {
+                let filenamed = filename.replace("~", "");
+                const fullPath = require.resolve(filenamed);
+                if (this.interceptReg.test(fullPath)) {
+                    return {
+                        filename: fullPath,
+                        contents: this.darkVariableContent,
+                    };
+                }
+                return _super.loadFile.call(this, filenamed, currentDirectory, options, environment);
+            }
+            const fullPath = path__default["default"].join(currentDirectory, filename);
+            if (this.interceptReg.test(fullPath)) {
+                return {
+                    filename: fullPath,
+                    contents: this.darkVariableContent,
+                };
+            }
+            return _super.loadFile.call(this, filename, currentDirectory, options, environment);
+        });
+    }
+}
+function createHandleImportPlugin() {
+    return {
+        install(lessInstance, pluginManager) {
+            pluginManager.addFileManager(new HandleImport());
+        },
+        minVersion: [3, 0, 0],
+    };
+}
+
+exports["default"] = createHandleImportPlugin;

package/dist/less/utils/index.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="less" />
+export declare const DARK_THEME = "dark";
+export declare const LIGHT_THEME = "light";
+export declare type ThemeCat = typeof DARK_THEME | typeof LIGHT_THEME;
+export declare function getLessOptions(theme?: ThemeCat): {
+    javascriptEnabled: boolean;
+    modifyVars: {
+        "entry-name": string;
+        "root-entry-name": string;
+        "component-background": string;
+        "body-background": string;
+        "popover-background": string;
+        "table-header-bg": string;
+        "table-row-hover-bg": string;
+        "border-color-split": string;
+        "border-color-base": string;
+    };
+    plugins: Less.Plugin[];
+} | {
+    javascriptEnabled: boolean;
+    modifyVars: {
+        "entry-name": string;
+        "root-entry-name": string;
+    };
+};

package/dist/less/utils/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var microUtils = require('@tuya-sat/micro-utils');
+var file = require('../plugin/file.js');
+var bundle_overwrite = require('../plugin/bundle.overwrite.js');
+
+const DARK_THEME = "dark";
+const LIGHT_THEME = "light";
+function getLessOptions(theme = LIGHT_THEME) {
+    const config = {
+        javascriptEnabled: true,
+    };
+    if (theme === DARK_THEME) {
+        return Object.assign({ modifyVars: Object.assign(Object.assign(Object.assign({}, bundle_overwrite["default"].dark), microUtils.theme.getAntdOverWriteFile().dark), { "entry-name": "dark", "root-entry-name": "variable" }), plugins: [file["default"]()] }, config);
+    }
+    else {
+        return Object.assign({ modifyVars: Object.assign(Object.assign(Object.assign({}, bundle_overwrite["default"].light), microUtils.theme.getAntdOverWriteFile().light), { "entry-name": "light", "root-entry-name": "variable" }) }, config);
+    }
+}
+
+exports.DARK_THEME = DARK_THEME;
+exports.LIGHT_THEME = LIGHT_THEME;
+exports.getLessOptions = getLessOptions;

package/dist/loader/changeAntdGlobalImport.d.ts

@@ -0,0 +1,2 @@
+declare function changeAntdGlobalImport(input: string): string;
+export default changeAntdGlobalImport;

package/dist/loader/changeAntdGlobalImport.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * antd 4.19.5的问题，按需加载无法通过@entry-root-name实现
+ * issue https://github.com/ant-design/ant-design/issues/35259
+ * 写一个loader，在构建时修改内容
+ */
+const ANTD_GLOBAL_REGEX = /antd\/(es|lib)\/style\/default(\.less)?$/;
+function changeAntdGlobalImport(input) {
+    if (ANTD_GLOBAL_REGEX.test(this.resourcePath)) {
+        return `
+    @root-entry-name: default;
+    @import './index-pure.less';
+    `;
+    }
+    return input;
+}
+
+exports["default"] = changeAntdGlobalImport;

package/dist/loader/filterCssVariableLoader.d.ts

@@ -0,0 +1,3 @@
+declare function filterCssVariableLoader(input: string): string;
+export declare function filterCssVarible(css: string): [string, string[]];
+export default filterCssVariableLoader;

package/dist/loader/filterCssVariableLoader.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var postcss = require('postcss');
+var filterPlugin = require('../postcss/plugin/filterPlugin.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var postcss__default = /*#__PURE__*/_interopDefaultLegacy(postcss);
+
+function filterCssVariableLoader(input) {
+    const [css] = filterCssVarible(input);
+    return css;
+}
+function filterCssVarible(css) {
+    const store = [];
+    //@ts-ignore
+    return [postcss__default["default"]([filterPlugin.getFilterPlugin(store)]).process(css).css, store];
+}
+
+exports["default"] = filterCssVariableLoader;
+exports.filterCssVarible = filterCssVarible;

package/dist/plugins/theme/index.d.ts

@@ -3,8 +3,8 @@ export default class ThemePlugin {
     private stylePath;
     private pluginName;
     private lessFiles;
+    private filterCssVarible;
     constructor(stylePath?: string);
     apply(compiler: Compiler): void;
     runCssbundle(): Promise<[string, string[]]>;
-    filterCssVarible(css: string): [string, string[]];
 }

package/dist/plugins/theme/index.js

@@ -7,10 +7,8 @@ var HtmlWebpackPlugin = require('html-webpack-plugin');
 var cheerio = require('cheerio');
 var less = require('less');
 var fse = require('fs-extra');
-var microUtils = require('@tuya-sat/micro-utils');
-var postcss = require('postcss');
-var path = require('path');
-var filterPlugin = require('./filterPlugin.js');
+var index = require('../../less/utils/index.js');
+var filterCssVariableLoader = require('../../loader/filterCssVariableLoader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,17 +16,13 @@ var HtmlWebpackPlugin__default = /*#__PURE__*/_interopDefaultLegacy(HtmlWebpackP
 var cheerio__default = /*#__PURE__*/_interopDefaultLegacy(cheerio);
 var less__default = /*#__PURE__*/_interopDefaultLegacy(less);
 var fse__default = /*#__PURE__*/_interopDefaultLegacy(fse);
-var postcss__default = /*#__PURE__*/_interopDefaultLegacy(postcss);
-var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
 
-// const darkfile
-const darkVariableFile = require.resolve("./dark.variable.less");
-const darkVariableContent = fse__default["default"].readFileSync(darkVariableFile, "utf-8");
 class ThemePlugin {
     constructor(stylePath = "static/css") {
         this.stylePath = stylePath;
         this.pluginName = "ThemePlugin";
         this.lessFiles = [];
+        this.filterCssVarible = filterCssVariableLoader.filterCssVarible;
     }
     apply(compiler) {
         const isProduction = process.env.NODE_ENV === "production";
@@ -84,12 +78,7 @@ class ThemePlugin {
             const lessTasks = this.lessFiles.map((file) => {
                 let bufferString = fse__default["default"].readFileSync(file, "utf-8");
                 bufferString = `${bufferString}`;
-                return less__default["default"].render(bufferString, {
-                    filename: file,
-                    javascriptEnabled: true,
-                    modifyVars: Object.assign(Object.assign({}, microUtils.theme.getAntdOverWriteFile().dark), { "entry-name": "dark", "root-entry-name": "variable" }),
-                    plugins: [createHandleImportPlugin()],
-                });
+                return less__default["default"].render(bufferString, Object.assign({ filename: file }, index.getLessOptions()));
             });
             const cssContents = yield Promise.all(lessTasks);
             let singleCssContent = "";
@@ -99,51 +88,6 @@ class ThemePlugin {
             return this.filterCssVarible(singleCssContent);
         });
     }
-    filterCssVarible(css) {
-        const store = [];
-        //@ts-ignore
-        return [postcss__default["default"]([filterPlugin.getFilterPlugin(store)]).process(css).css, store];
-    }
-}
-function createHandleImportPlugin() {
-    return {
-        install(lessInstance, pluginManager) {
-            pluginManager.addFileManager(new HandleImport());
-        },
-        minVersion: [3, 0, 0],
-    };
-}
-class HandleImport extends less.FileManager {
-    constructor() {
-        super(...arguments);
-        this.interceptReg = /\/style\/themes\/(variable|default)(\.less)*$/;
-    }
-    loadFile(filename, currentDirectory, options, environment) {
-        const _super = Object.create(null, {
-            loadFile: { get: () => super.loadFile }
-        });
-        return tslib.__awaiter(this, void 0, void 0, function* () {
-            if (filename.startsWith("~")) {
-                let filenamed = filename.replace("~", "");
-                const fullPath = require.resolve(filenamed);
-                if (this.interceptReg.test(fullPath)) {
-                    return {
-                        filename: fullPath,
-                        contents: darkVariableContent,
-                    };
-                }
-                return _super.loadFile.call(this, filenamed, currentDirectory, options, environment);
-            }
-            const fullPath = path__default["default"].join(currentDirectory, filename);
-            if (this.interceptReg.test(fullPath)) {
-                return {
-                    filename: fullPath,
-                    contents: darkVariableContent,
-                };
-            }
-            return _super.loadFile.call(this, filename, currentDirectory, options, environment);
-        });
-    }
 }
 
 exports["default"] = ThemePlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuya-sat/micro-dev-loader",
-  "version": "2.2.14",
+  "version": "2.2.15",
   "main": "dist/index.js",
   "license": "MIT",
   "scripts": {
@@ -14,7 +14,7 @@
     "@babel/generator": "7.17.7",
     "@babel/plugin-syntax-typescript": "7.16.7",
     "@babel/template": "7.16.7",
-    "@tuya-sat/micro-utils": "2.2.14",
+    "@tuya-sat/micro-utils": "2.2.15",
     "cheerio": "1.0.0-rc.10",
     "ejs": "3.1.6",
     "fs-extra": "10.0.1",

package/dist/codeMaker/base.d.ts

@@ -1,22 +0,0 @@
-import { Manifest } from "@tuya-sat/micro-utils";
-export declare type MICRO_FRAMEWORKS_TYPE = "REACT_TS" | "REACT_JS" | "VUE_TS" | "VUE_JS";
-export declare const REACT_TYPES: string[];
-export interface ChangeCodeProps {
-    authedCode: string[];
-    manifest: Manifest;
-}
-export interface CodeMakerProps {
-    sourceCode: string;
-    microFramework: MICRO_FRAMEWORKS_TYPE;
-}
-export default class CodeMaker {
-    microFramework: MICRO_FRAMEWORKS_TYPE;
-    sourceCode: string;
-    permissionComponent: string;
-    resultCode: string;
-    constructor({ sourceCode, microFramework }: CodeMakerProps);
-    parse(code: string): import("@babel/parser").ParseResult<import("@babel/types").File>;
-    getResultCode(): string;
-    vueReRenderTemp(): string;
-    reactReRenderTemp(): string;
-}

package/dist/codeMaker/base.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@babel/core');
-var syntaxTs = require('@babel/plugin-syntax-typescript');
-var permissionComponent = require('../codePiece/permissionComponent.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var syntaxTs__default = /*#__PURE__*/_interopDefaultLegacy(syntaxTs);
-
-const REACT_TYPES = ["REACT_TS", "REACT_JS"];
-class CodeMaker {
-    constructor({ sourceCode, microFramework }) {
-        this.permissionComponent = permissionComponent["default"];
-        this.sourceCode = sourceCode;
-        this.microFramework = microFramework;
-    }
-    parse(code) {
-        return core.parse(code, {
-            plugins: [
-                [
-                    syntaxTs__default["default"],
-                    {
-                        isTSX: true,
-                        allExtensions: true,
-                    },
-                ],
-            ],
-        });
-    }
-    getResultCode() {
-        return this.resultCode;
-    }
-    vueReRenderTemp() {
-        return `
-    const reRender = () => {
-      app.unmount();
-      message.destroy();
-      render({});
-    }
-    `;
-    }
-    reactReRenderTemp() {
-        return `
-    const reRender = () => {
-      ReactDOM.unmountComponentAtNode(document.querySelector('#root'));
-      message.destroy();
-      render({});
-    }
-    `;
-    }
-}
-
-exports.REACT_TYPES = REACT_TYPES;
-exports["default"] = CodeMaker;

package/dist/codeMaker/index.d.ts

@@ -1,2 +0,0 @@
-import MobileCodeMaker from "./mobileCodeMaker";
-export declare const createCodeMaker: (isMobile: boolean) => typeof MobileCodeMaker;

package/dist/codeMaker/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var mobileCodeMaker = require('./mobileCodeMaker.js');
-var pcCodeMaker = require('./pcCodeMaker.js');
-
-const createCodeMaker = (isMobile) => {
-    return isMobile ? mobileCodeMaker["default"] : pcCodeMaker["default"];
-};
-
-exports.createCodeMaker = createCodeMaker;

package/dist/codeMaker/mobileCodeMaker.d.ts

@@ -1,12 +0,0 @@
-import { Manifest } from "@tuya-sat/micro-utils";
-import CodeMaker, { CodeMakerProps, ChangeCodeProps } from "./base";
-export default class MobileCodeMaker extends CodeMaker {
-    constructor(props: CodeMakerProps);
-    changeCode(props: ChangeCodeProps): void;
-    reactReRenderTemp(): string;
-    vueReRenderTemp(): string;
-    getAuthTemp(props: {
-        privileges: Manifest["privileges"];
-        authedCode: ChangeCodeProps["authedCode"];
-    }): string;
-}

package/dist/codeMaker/mobileCodeMaker.js

@@ -1,91 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var base = require('./base.js');
-
-class MobileCodeMaker extends base["default"] {
-    constructor(props) {
-        super(props);
-    }
-    changeCode(props) {
-        const { manifest, authedCode } = props;
-        const { privileges } = manifest;
-        this.resultCode = `${this.getAuthTemp({
-            privileges,
-            authedCode,
-        })};${this.sourceCode};${this.permissionComponent}`;
-    }
-    reactReRenderTemp() {
-        return `
-      const reRender = () => {
-        const ReactDom = require('react-dom');
-        const rootElement = document.getElementById('root');
-        ReactDom.unmountComponentAtNode(rootElement);
-        render(<App />, rootElement);
-      }
-      `;
-    }
-    vueReRenderTemp() {
-        return `
-    const reRender = () => {
-    }
-    `;
-    }
-    getAuthTemp(props) {
-        const { privileges = [], authedCode = [] } = props;
-        const temp = `
-      {
-        //重刷函数
-        ${base.REACT_TYPES.includes(this.microFramework)
-            ? this.reactReRenderTemp()
-            : this.vueReRenderTemp()}
-        //权限点
-        window._SDF = {
-          permissions:{}
-        }
-        //用于组件渲染
-        window._allCodesStatusMap = new Map()
-        //修改权限点的方法
-        const changeAuthedMap = (authedCode) => {
-          const privileges = ${JSON.stringify(privileges)}
-          const allCodesStatus = privileges?.map(
-            ({ name, code }) => [
-              code,
-              authedCode.includes(code),
-            ]
-          );
-          window._allCodesStatusMap = new Map(allCodesStatus)
-          window._SDF.permissions = allCodesStatus.reduce((pre, item) => {
-            const [key, value] = item;
-            pre[key] = value;
-            return pre;
-          }, {});
-        }
-        
-        const authedCodeInfo = {
-          authedCode:${JSON.stringify(authedCode)}
-        }
-        
-        changeAuthedMap(authedCodeInfo.authedCode)
-        window._authedCodeInfoProxy = new Proxy(authedCodeInfo,{
-          get(target,prop){
-            return target[prop]
-          },
-          set(target,prop,value){
-            target[prop] = value
-            if(prop === 'authedCode') {
-              changeAuthedMap(value)
-              reRender()
-            }
-            return true
-          }
-        })
-
-      }
-    `;
-        return temp;
-    }
-}
-
-exports["default"] = MobileCodeMaker;

package/dist/codeMaker/pcCodeMaker.d.ts

@@ -1,13 +0,0 @@
-import { ParseResult } from "@babel/core";
-import { Manifest } from "@tuya-sat/micro-utils";
-import CodeMaker, { CodeMakerProps, ChangeCodeProps } from "./base";
-export default class PcCodeMaker extends CodeMaker {
-    ast: ParseResult;
-    constructor(props: CodeMakerProps);
-    changeCode(props: ChangeCodeProps): void;
-    getMenuCode(manifest: Manifest): string;
-    getAuthTemp(props: {
-        privileges: Manifest["privileges"];
-        authedCode: ChangeCodeProps["authedCode"];
-    }): string;
-}

package/dist/codeMaker/pcCodeMaker.js

@@ -1,114 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@babel/core');
-var template = require('@babel/template');
-var generate = require('@babel/generator');
-var microUtils = require('@tuya-sat/micro-utils');
-var base = require('./base.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var template__default = /*#__PURE__*/_interopDefaultLegacy(template);
-var generate__default = /*#__PURE__*/_interopDefaultLegacy(generate);
-
-class PcCodeMaker extends base["default"] {
-    constructor(props) {
-        super(props);
-        this.ast = this.parse(this.sourceCode);
-    }
-    changeCode(props) {
-        const { manifest, authedCode } = props;
-        const { privileges } = manifest;
-        const authTemp = this.getAuthTemp({ authedCode, privileges });
-        const menuTemp = this.getMenuCode(manifest);
-        core.traverse(this.ast, {
-            ExportNamedDeclaration(path) {
-                let isTarget = false;
-                try {
-                    isTarget =
-                        path.node.declaration.kind === "let" &&
-                            path.node.declaration.declarations[0].id.name ===
-                                "microProps";
-                }
-                catch (_a) { }
-                if (!isTarget) {
-                    return;
-                }
-                [authTemp, menuTemp, "microProps = {}"].forEach((temp) => {
-                    path.insertAfter(template__default["default"].ast(temp));
-                });
-            },
-        });
-        this.resultCode = generate__default["default"](this.ast).code + ";" + this.permissionComponent;
-    }
-    getMenuCode(manifest) {
-        const temp = `
-      {
-        microProps.getOwnMenu = ()=> {
-          const localLng = localStorage.getItem("i18nextLng");
-          let index = localLng === "zh-CN" ? 0 : 1
-          const ownMenu = ${JSON.stringify(microUtils.getFakeMenu(manifest))}
-          ownMenu.micro_app_name = ownMenu.micro_app_name[index]
-          ownMenu.entry_name = ownMenu.entry_name[index]
-          ownMenu.sub_entry_list = ownMenu.sub_entry_list.map(item=>({
-            ...item,
-            micro_app_name:item.micro_app_name[index],
-            entry_name:item.entry_name[index]
-          }))
-          return ownMenu
-        }
-      }
-    `;
-        return temp;
-    }
-    getAuthTemp(props) {
-        const { privileges = [], authedCode = [] } = props;
-        const temp = `
-      {
-        window._allCodesStatusMap = new Map()
-        window._authedCodeInfoProxy = {}
-        microProps.hasPermission = (code) => {
-          return window._allCodesStatusMap.get(code)
-        };
-        const changeAuthedMap = (authedCode) => {
-          const privileges = ${JSON.stringify(privileges)}
-          const allCodesStatus = privileges?.map(
-            ({ name, code }) => [
-              code,
-              authedCode.includes(code),
-            ]
-          );
-          window._allCodesStatusMap = new Map(allCodesStatus)
-        }
-        
-       ${base.REACT_TYPES.includes(this.microFramework)
-            ? this.reactReRenderTemp()
-            : this.vueReRenderTemp()}
-        const authedCodeInfo = {
-          authedCode:${JSON.stringify(authedCode)}
-        }
-        
-        changeAuthedMap(authedCodeInfo.authedCode)
-        window._authedCodeInfoProxy = new Proxy(authedCodeInfo,{
-          get(target,prop){
-            return target[prop]
-          },
-          set(target,prop,value){
-            target[prop] = value
-            if(prop === 'authedCode') {
-              changeAuthedMap(value)
-              reRender()
-            }
-            return true
-          }
-        })
-
-      }
-    `;
-        return temp;
-    }
-}
-
-exports["default"] = PcCodeMaker;

package/dist/codePiece/permissionComponent.d.ts

@@ -1,2 +0,0 @@
-declare const permissionComponent = "\n(function ExternalRender() {\n    const div = document.createElement('div');\n    const { insertDom } = require(\"@tuya-sat/micro-dev-component\");\n    insertDom(div)\n    document.body.appendChild(div);\n})();\n";
-export default permissionComponent;

package/dist/codePiece/permissionComponent.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const permissionComponent = `
-(function ExternalRender() {
-    const div = document.createElement('div');
-    const { insertDom } = require("@tuya-sat/micro-dev-component");
-    insertDom(div)
-    document.body.appendChild(div);
-})();
-`;
-
-exports["default"] = permissionComponent;

package/dist/plugins/layoutMock/index.d.ts

@@ -1,4 +0,0 @@
-export default class LayoutMockPlugin {
-    static useLayoutStatic(app: any): void;
-    apply(compiler: any): void;
-}

package/dist/plugins/layoutMock/index.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var fse = require('fs-extra');
-var path = require('path');
-var ejs = require('ejs');
-var cheerio = require('cheerio');
-var HtmlWebpackPlugin = require('html-webpack-plugin');
-var microUtils = require('@tuya-sat/micro-utils');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var fse__default = /*#__PURE__*/_interopDefaultLegacy(fse);
-var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
-var ejs__default = /*#__PURE__*/_interopDefaultLegacy(ejs);
-var cheerio__default = /*#__PURE__*/_interopDefaultLegacy(cheerio);
-var HtmlWebpackPlugin__default = /*#__PURE__*/_interopDefaultLegacy(HtmlWebpackPlugin);
-
-const manifest = microUtils.parseManifest();
-const layoutMockTpl = fse__default["default"].readFileSync(path__default["default"].resolve(__dirname, "./layout-static/index.html"), {
-    encoding: "utf-8",
-});
-class LayoutMockPlugin {
-    static useLayoutStatic(app) {
-        app.get("/layout-static/*", function (req, res) {
-            res.sendFile(path__default["default"].join(__dirname, req.path));
-        });
-    }
-    apply(compiler) {
-        compiler.hooks.compilation.tap("MyPlugin", (compilation) => {
-            HtmlWebpackPlugin__default["default"].getHooks(compilation).beforeEmit.tapAsync("LayoutMockPlugin", (data, cb) => {
-                const $ = cheerio__default["default"].load(data.html);
-                const { name, defaultMenuIcon } = manifest;
-                data.html = ejs__default["default"].render(layoutMockTpl, {
-                    appName: microUtils.nameProcesser2(name)[0],
-                    appIcon: defaultMenuIcon.url,
-                    menu: microUtils.getFakeMenu(manifest),
-                    appHtml: [$("head").html(), $("body").html()].join(""),
-                });
-                cb(null, data);
-            });
-        });
-    }
-}
-
-exports["default"] = LayoutMockPlugin;

package/dist/plugins/layoutMock/layout-static/index.html

@@ -1,269 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" style="margin: 0; padding: 0">
-  <head>
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-    <meta charset="utf-8" />
-    <link rel="icon" href="favicon.ico" />
-    <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Tuya General Management Portal" />
-    <title><%= appName %></title>
-    <style>
-      .c-debugger-container {
-        width: 100vw;
-        height: 100vh;
-        display: flex;
-        flex-direction: column;
-      }
-      .c-debugger-header {
-        flex: 0 0 auto;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 55px;
-        padding: 0 16px;
-        border-bottom: 1px solid #eee;
-        color: rgba(0, 0, 0, 0.85);
-      }
-      .c-debugger-logo {
-        position: relative;
-        overflow: hidden;
-        display: flex;
-        align-items: center;
-      }
-      .c-debugger-title {
-        color: #000;
-        font-size: 14px;
-        font-weight: 700;
-        height: 32px;
-        line-height: 32px;
-        margin: 0 0 0 12px;
-      }
-      .c-debugger-main {
-        display: flex;
-        flex: 1 1 auto;
-      }
-      .c-debugger-side {
-        flex: 0 0 auto;
-        width: 208px;
-        height: 100%;
-        border-right: 1px solid #f0f2f5;
-      }
-      .c-debugger-content {
-        flex: 1 1 auto;
-        height: 100%;
-        width: 0;
-      }
-      #root {
-        width: 100%;
-        height: 100%;
-      }
-      .c-debugger-lang-trigger {
-        position: relative;
-        display: flex;
-        align-items: center;
-        white-space: nowrap;
-        cursor: pointer;
-        font-size: 14px;
-        font-weight: normal;
-        height: 100%;
-      }
-      .c-debugger-lang-trigger:hover .c-debugger-lang-list {
-        display: block;
-        line-height: 1.5;
-      }
-      .c-debugger-lang-trigger .c-debugger-lang-list {
-        position: absolute;
-        top: 42px;
-        right: -5px;
-        display: none;
-        background: #ffffff;
-        border-radius: 2px;
-        outline: none;
-        box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%),
-          0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
-        z-index: 100;
-      }
-      .c-debugger-lang-trigger .c-debugger-lang-list span {
-        display: block;
-        padding: 5px 12px;
-      }
-      .c-debugger-lang-trigger .c-debugger-lang-list span:hover {
-        background-color: #f5f5f5;
-      }
-      .c-debugger-menu {
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-        height: 40px;
-        padding: 0 0 0 17px;
-        margin: 4px 0 8px;
-        cursor: pointer;
-        font-size: 14px;
-        color: rgba(0, 0, 0, 0.85);
-      }
-      .c-debugger-menu-name {
-        flex: 1 1 auto;
-        margin-left: 10px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-      .c-debugger-menu-suffix {
-        display: flex;
-        align-items: center;
-        width: 14px;
-        height: 14px;
-        margin: 0 10px 0 0;
-      }
-      .c-debugger-menu:hover {
-        color: #1890ff;
-      }
-    </style>
-  </head>
-  <body style="margin: 0; padding: 0">
-    <div class="c-debugger-container">
-      <div class="c-debugger-header">
-        <div class="c-debugger-logo">
-          <svg
-            version="1.1"
-            id="Layer_1"
-            xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-            x="0px"
-            y="0px"
-            width="28px"
-            height="28px"
-            viewBox="0 0 28 28"
-            enable-background="new 0 0 28 28"
-            xml:space="preserve"
-          >
-            <image
-              id="image0"
-              width="28"
-              height="28"
-              x="0"
-              y="0"
-              href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
-AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABYlBMVEUAAAAxY/QwYfMxYvMx
-YvQwYPMvYfMwYvMjWegdTdYyYvQyY/QwYfQwZfY4aPc3ZPQwYvQ1ZPYzZvhMhP8vYPIxYvUhWOQr
-WOwvYfIxYfQwYvUwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMw
-YfMwYfMwYfMwYfMzZPgwYfMwYfMwYfQwYfQxYvMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMxYfMw
-YfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfQwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMy
-YvQxYvQwYfMwYfMxYvQwYfMwYfMwYfMwYfMwYfMwYfMxYvQwYfMwYfMwYfMzZPcxYvMwYfMwYfMw
-YfMxYvMxY/QxY/UwYvQwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfMwYfP///98
-NzqoAAAAdHRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVVZ7S8PwRaMj2Orz9V+NW7Pt2
-Afl/BwYLWhMKh/c378YMuPVUZP6cK+nRzgi7B7kNxyHhTwINrmcFhIL44jknAzCp6wEK5EkaBwIB
-BhdCklvZuqemt9b0FNHt+VwAAAABYktHRHWoapj7AAAAB3RJTUUH5QweCh8zgHYHYgAAAXtJREFU
-KM9t0/dXwjAQB/BwxIW4xUULbdlYxImICoqguAcOcOPe8/7/51VALeZ+6/ukeblvLoxRWQDAKcku
-t6K4XbLkpE8Lq5SVg6p5vFgpr0dTgVvLxnmdzx/APxXw++o5N6yBNwZDWFOhcJOBNl4XHKw11CND
-3GZjAL5//2F0eATqARiofoGNwtj4BKEWEFlsMq4Bc3pEBlMJnHYyySsymJnFZIrJIqNjzs1jmrlE
-xpphIYNZ5hYZoyYWMcEUoTH7Ug51E/4ag+UVQrfQGKyu0bYuobXA+gYdSBYZtbIZpVaqIZjMwrdk
-I4RKfCZrpfgyRnzl4E3WBrC9g4F85cpMZgPY3VMwp8L3ZeuGtds7DOrkHMb2D7BQpOU0JuHICMQO
-jwCsnLcDdB2fKHgqdXOHMWA9Z3A+WUpfXF5d39ze3T+UEAtSb3n8OG30GEeMPz2/vL69f9Bo5op9
-ZaNywKc2naymkVzL01D3V883YDyHVDqb0PVENp36eQ5fpMSxyXHqNUQAAABEZVhJZk1NACoAAAAI
-AAGHaQAEAAAAAQAAABoAAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAQSgAwAEAAAAAQAAAQQA
-AAAA4WKbRgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMi0zMFQxMDozMTo1MSswMDowMFxFjZgA
-AAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTItMzBUMTA6MzE6NTErMDA6MDAtGDUkAAAAEXRFWHRl
-eGlmOkNvbG9yU3BhY2UAMQ+bAkkAAAASdEVYdGV4aWY6RXhpZk9mZnNldAAyNlMbomUAAAAYdEVY
-dGV4aWY6UGl4ZWxYRGltZW5zaW9uADI2MBIuWbIAAAAYdEVYdGV4aWY6UGl4ZWxZRGltZW5zaW9u
-ADI2MI8huMQAAAAASUVORK5CYII="
-            />
-          </svg>
-          <div class="c-debugger-title"><%= appName %></div>
-        </div>
-        <div class="c-debugger-lang-trigger">
-          <span id="c-debugger-lang-name"></span>
-          <div class="c-debugger-lang-list">
-            <span onclick="changeLng('en-US')">English</span>
-            <span onclick="changeLng('zh-CN')">简体中文</span>
-          </div>
-        </div>
-      </div>
-      <div class="c-debugger-main">
-        <div class="c-debugger-side">
-          <% if (!menu.sub_entry_list.length) { %>
-          <div class="c-debugger-menu" onclick="toPage('<%= menu.path %>')">
-            <svg
-              viewBox="0 0 1024 1024"
-              version="1.1"
-              xmlns="http://www.w3.org/2000/svg"
-              p-id="2323"
-              width="14"
-              height="14"
-            >
-              <path
-                d="M192.037 287.953h640.124c17.673 0 32-14.327 32-32s-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32s14.327 32 32 32zM192.028 543.17h638.608c17.673 0 32-14.327 32-32s-14.327-32-32-32H192.028c-17.673 0-32 14.327-32 32s14.327 32 32 32zM832.161 735.802H192.037c-17.673 0-32 14.327-32 32s14.327 32 32 32h640.124c17.673 0 32-14.327 32-32s-14.327-32-32-32z"
-                fill=""
-                p-id="2324"
-              ></path>
-            </svg>
-            <div class="c-debugger-menu-name"><%= menu.entry_name[0] %></div>
-          </div>
-          <% } else { %>
-          <div class="c-debugger-menu">
-            <svg
-              viewBox="0 0 1024 1024"
-              version="1.1"
-              xmlns="http://www.w3.org/2000/svg"
-              p-id="2323"
-              width="14"
-              height="14"
-            >
-              <path
-                d="M192.037 287.953h640.124c17.673 0 32-14.327 32-32s-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32s14.327 32 32 32zM192.028 543.17h638.608c17.673 0 32-14.327 32-32s-14.327-32-32-32H192.028c-17.673 0-32 14.327-32 32s14.327 32 32 32zM832.161 735.802H192.037c-17.673 0-32 14.327-32 32s14.327 32 32 32h640.124c17.673 0 32-14.327 32-32s-14.327-32-32-32z"
-                fill=""
-                p-id="2324"
-              ></path>
-            </svg>
-            <div class="c-debugger-menu-name">
-              <%= menu.micro_app_name[0] %>
-            </div>
-            <div class="c-debugger-menu-suffix">
-              <svg
-                viewBox="0 0 1024 1024"
-                version="1.1"
-                xmlns="http://www.w3.org/2000/svg"
-                p-id="2307"
-                width="12"
-                height="12"
-              >
-                <path
-                  d="M881.975333 774.688841 512 404.713508 142.024667 774.688841 64.322981 696.987155 512 249.311159 959.677019 696.987155Z"
-                  p-id="2308"
-                ></path>
-              </svg>
-            </div>
-          </div>
-          <% menu.sub_entry_list.forEach(function(subMenu){ %>
-          <div class="c-debugger-menu" onclick="toPage('<%= subMenu.path %>')">
-            <div style="width: 14px; height: 14px"></div>
-            <div class="c-debugger-menu-name"><%= subMenu.entry_name[0] %></div>
-          </div>
-          <% }) %> <% } %>
-        </div>
-        <div class="c-debugger-content"><%- appHtml %></div>
-      </div>
-    </div>
-    <script>
-      (() => {
-        const lngMap = {
-          "en-US": "English",
-          "zh-CN": "简体中文",
-        };
-        const localLng = localStorage.getItem("i18nextLng");
-        const lng = lngMap[localLng] ? localLng : "zh-CN";
-        document.querySelector("#c-debugger-lang-name").textContent =
-          lngMap[lng];
-      })();
-
-      function toPage(path) {
-        window.location.href = new URL(path, window.location.origin);
-      }
-
-      function changeLng(lng, name) {
-        localStorage.setItem("i18nextLng", lng);
-        location.reload();
-      }
-    </script>
-  </body>
-</html>