@varlet/cli 1.21.0 → 1.21.1-alpha.64

package/lib/config/vite.config.js

@@ -0,0 +1,128 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUMDConfig = exports.getBuildConfig = exports.getDevConfig = void 0;
+var plugin_vue_1 = __importDefault(require("@vitejs/plugin-vue"));
+var markdown_vite_plugin_1 = __importDefault(require("@varlet/markdown-vite-plugin"));
+var plugin_vue_jsx_1 = __importDefault(require("@vitejs/plugin-vue-jsx"));
+var vite_plugin_html_1 = require("vite-plugin-html");
+var constant_1 = require("../shared/constant");
+var lodash_1 = require("lodash");
+var path_1 = require("path");
+var fs_extra_1 = require("fs-extra");
+function getDevConfig(varletConfig) {
+    var defaultLanguage = lodash_1.get(varletConfig, 'defaultLanguage');
+    var host = lodash_1.get(varletConfig, 'host');
+    return {
+        root: constant_1.SITE_DIR,
+        resolve: {
+            extensions: constant_1.VITE_RESOLVE_EXTENSIONS,
+            alias: {
+                '@config': constant_1.SITE_CONFIG,
+                '@pc-routes': constant_1.SITE_PC_ROUTES,
+                '@mobile-routes': constant_1.SITE_MOBILE_ROUTES,
+            },
+        },
+        server: {
+            port: lodash_1.get(varletConfig, 'port'),
+            host: host === 'localhost' ? '0.0.0.0' : host,
+        },
+        publicDir: constant_1.SITE_PUBLIC_PATH,
+        plugins: [
+            plugin_vue_1.default({
+                include: [/\.vue$/, /\.md$/],
+            }),
+            markdown_vite_plugin_1.default({ style: lodash_1.get(varletConfig, 'highlight.style') }),
+            plugin_vue_jsx_1.default(),
+            vite_plugin_html_1.injectHtml({
+                data: {
+                    pcTitle: lodash_1.get(varletConfig, "pc.title['" + defaultLanguage + "']"),
+                    mobileTitle: lodash_1.get(varletConfig, "mobile.title['" + defaultLanguage + "']"),
+                    logo: lodash_1.get(varletConfig, "logo"),
+                    baidu: lodash_1.get(varletConfig, "analysis.baidu", ''),
+                },
+            }),
+        ],
+    };
+}
+exports.getDevConfig = getDevConfig;
+function getBuildConfig(varletConfig) {
+    var devConfig = getDevConfig(varletConfig);
+    return __assign(__assign({}, devConfig), { base: './', build: {
+            outDir: constant_1.SITE_OUTPUT_PATH,
+            brotliSize: false,
+            emptyOutDir: true,
+            rollupOptions: {
+                input: {
+                    main: path_1.resolve(constant_1.SITE_DIR, 'index.html'),
+                    mobile: path_1.resolve(constant_1.SITE_DIR, 'mobile.html'),
+                },
+            },
+        } });
+}
+exports.getBuildConfig = getBuildConfig;
+function inlineCSS(fileName, dir) {
+    return {
+        name: 'varlet-inline-css-vite-plugin',
+        apply: 'build',
+        closeBundle: function () {
+            var cssFile = path_1.resolve(dir, 'style.css');
+            var jsFile = path_1.resolve(dir, fileName);
+            var cssCode = fs_extra_1.readFileSync(cssFile, 'utf-8');
+            var jsCode = fs_extra_1.readFileSync(jsFile, 'utf-8');
+            var injectCode = ";(function(){var style=document.createElement('style');style.type='text/css';style.rel='stylesheet';style.appendChild(document.createTextNode(`" + cssCode.replace(/\\/g, '\\\\') + "`));var head=document.querySelector('head');head.appendChild(style)})();";
+            fs_extra_1.removeSync(cssFile);
+            fs_extra_1.writeFileSync(jsFile, "" + injectCode + jsCode);
+        },
+    };
+}
+function clear() {
+    return {
+        name: 'varlet-clear-vite-plugin',
+        apply: 'build',
+        closeBundle: function () {
+            fs_extra_1.removeSync(path_1.resolve(constant_1.CWD, 'dist'));
+        },
+    };
+}
+function getUMDConfig(varletConfig) {
+    var name = lodash_1.get(varletConfig, 'name');
+    var fileName = lodash_1.kebabCase(name) + ".js";
+    return {
+        logLevel: 'silent',
+        build: {
+            emptyOutDir: true,
+            lib: {
+                name: name,
+                formats: ['umd'],
+                fileName: function () { return fileName; },
+                entry: path_1.resolve(constant_1.ES_DIR, 'umdIndex.js'),
+            },
+            rollupOptions: {
+                external: ['vue'],
+                output: {
+                    dir: constant_1.UMD_DIR,
+                    exports: 'named',
+                    globals: {
+                        vue: 'Vue',
+                    },
+                },
+            },
+        },
+        plugins: [inlineCSS(fileName, constant_1.UMD_DIR), clear()],
+    };
+}
+exports.getUMDConfig = getUMDConfig;

package/lib/index.js

@@ -20,6 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var logger_1 = __importDefault(require("./shared/logger"));
 var commander_1 = require("commander");
 var dev_1 = require("./commands/dev");
 var build_1 = require("./commands/build");
@@ -28,10 +29,14 @@ var create_1 = require("./commands/create");
 var jest_1 = require("./commands/jest");
 var lint_1 = require("./commands/lint");
 var gen_1 = require("./commands/gen");
-var logger_1 = __importDefault(require("./shared/logger"));
+var preview_1 = require("./commands/preview");
 commander_1.version("varlet-cli " + require('../package.json').version).usage('<command> [options]');
-commander_1.command('dev').description('Run varlet development environment').action(dev_1.dev);
+commander_1.command('dev')
+    .option('-f --force', 'Force dep pre-optimization regardless of whether deps have changed')
+    .description('Run varlet development environment')
+    .action(dev_1.dev);
 commander_1.command('build').description('Build varlet site for production').action(build_1.build);
+commander_1.command('preview').description('Preview varlet site for production').action(preview_1.preview);
 commander_1.command('compile')
     .description('Compile varlet components library code')
     .option('-nu, --noUmd', 'Do not compile umd target code')

package/lib/shared/constant.d.ts

@@ -1,6 +1,4 @@
 export declare const CWD: string;
-export declare const POSTCSS_CONFIG: string;
-export declare const TS_CONFIG: string;
 export declare const VARLET_CONFIG: string;
 export declare const SRC_DIR: string;
 export declare const ES_DIR: string;
@@ -8,7 +6,7 @@ export declare const UMD_DIR: string;
 export declare const TYPES_DIR: string;
 export declare const ROOT_DOCS_DIR: string;
 export declare const ESLINT_EXTENSIONS: string[];
-export declare const WEBPACK_RESOLVE_EXTENSIONS: string[];
+export declare const VITE_RESOLVE_EXTENSIONS: string[];
 export declare const SCRIPTS_EXTENSIONS: string[];
 export declare const PUBLIC_DIR_INDEXES: string[];
 export declare const STYLE_DIR_NAME = "style";
@@ -19,17 +17,13 @@ export declare const EXAMPLE_DIR_INDEX = "index.vue";
 export declare const TESTS_DIR_NAME = "__tests__";
 export declare const GENERATORS_DIR: string;
 export declare const CLI_PACKAGE_JSON: string;
-export declare const PRIMARY_COLOR = "#3a7afe";
-export declare const SITE_MOBILE_MAIN: string;
-export declare const SITE_PC_MAIN: string;
 export declare const SITE: string;
 export declare const SITE_OUTPUT_PATH: string;
 export declare const SITE_PUBLIC_PATH: string;
+export declare const SITE_DIR: string;
 export declare const SITE_PC_ROUTES: string;
 export declare const SITE_MOBILE_ROUTES: string;
 export declare const SITE_CONFIG: string;
-export declare const SITE_DOCS_GLOB: string;
-export declare const SITE_EXAMPLE_GLOB: string;
 export declare const HL_COMPONENT_NAME_RE: RegExp;
 export declare const HL_API_RE: RegExp;
 export declare const HL_TITLE_ATTRIBUTES_RE: RegExp;

package/lib/shared/constant.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.JEST_STYLE_MOCK = exports.JEST_MEDIA_MOCK = exports.JEST_CONFIG = exports.HL_WEB_TYPES_JSON = exports.HL_ATTRIBUTES_JSON = exports.HL_TAGS_JSON = exports.HL_DIR = exports.HL_MD = exports.HL_TITLE_SLOTS_RE = exports.HL_TITLE_EVENTS_RE = exports.HL_TITLE_ATTRIBUTES_RE = exports.HL_API_RE = exports.HL_COMPONENT_NAME_RE = exports.SITE_EXAMPLE_GLOB = exports.SITE_DOCS_GLOB = exports.SITE_CONFIG = exports.SITE_MOBILE_ROUTES = exports.SITE_PC_ROUTES = exports.SITE_PUBLIC_PATH = exports.SITE_OUTPUT_PATH = exports.SITE = exports.SITE_PC_MAIN = exports.SITE_MOBILE_MAIN = exports.PRIMARY_COLOR = exports.CLI_PACKAGE_JSON = exports.GENERATORS_DIR = exports.TESTS_DIR_NAME = exports.EXAMPLE_DIR_INDEX = exports.DOCS_DIR_NAME = exports.EXAMPLE_LOCALE_DIR_NAME = exports.EXAMPLE_DIR_NAME = exports.STYLE_DIR_NAME = exports.PUBLIC_DIR_INDEXES = exports.SCRIPTS_EXTENSIONS = exports.WEBPACK_RESOLVE_EXTENSIONS = exports.ESLINT_EXTENSIONS = exports.ROOT_DOCS_DIR = exports.TYPES_DIR = exports.UMD_DIR = exports.ES_DIR = exports.SRC_DIR = exports.VARLET_CONFIG = exports.TS_CONFIG = exports.POSTCSS_CONFIG = exports.CWD = void 0;
+exports.JEST_STYLE_MOCK = exports.JEST_MEDIA_MOCK = exports.JEST_CONFIG = exports.HL_WEB_TYPES_JSON = exports.HL_ATTRIBUTES_JSON = exports.HL_TAGS_JSON = exports.HL_DIR = exports.HL_MD = exports.HL_TITLE_SLOTS_RE = exports.HL_TITLE_EVENTS_RE = exports.HL_TITLE_ATTRIBUTES_RE = exports.HL_API_RE = exports.HL_COMPONENT_NAME_RE = exports.SITE_CONFIG = exports.SITE_MOBILE_ROUTES = exports.SITE_PC_ROUTES = exports.SITE_DIR = exports.SITE_PUBLIC_PATH = exports.SITE_OUTPUT_PATH = exports.SITE = exports.CLI_PACKAGE_JSON = exports.GENERATORS_DIR = exports.TESTS_DIR_NAME = exports.EXAMPLE_DIR_INDEX = exports.DOCS_DIR_NAME = exports.EXAMPLE_LOCALE_DIR_NAME = exports.EXAMPLE_DIR_NAME = exports.STYLE_DIR_NAME = exports.PUBLIC_DIR_INDEXES = exports.SCRIPTS_EXTENSIONS = exports.VITE_RESOLVE_EXTENSIONS = exports.ESLINT_EXTENSIONS = exports.ROOT_DOCS_DIR = exports.TYPES_DIR = exports.UMD_DIR = exports.ES_DIR = exports.SRC_DIR = exports.VARLET_CONFIG = exports.CWD = void 0;
 var path_1 = require("path");
 exports.CWD = process.cwd();
-exports.POSTCSS_CONFIG = path_1.resolve(exports.CWD, 'postcss.config.js');
-exports.TS_CONFIG = path_1.resolve(exports.CWD, 'tsconfig.json');
 exports.VARLET_CONFIG = path_1.resolve(exports.CWD, 'varlet.config.js');
 exports.SRC_DIR = path_1.resolve(exports.CWD, 'src');
 exports.ES_DIR = path_1.resolve(exports.CWD, 'es');
@@ -12,7 +10,7 @@ exports.UMD_DIR = path_1.resolve(exports.CWD, 'umd');
 exports.TYPES_DIR = path_1.resolve(exports.CWD, 'types');
 exports.ROOT_DOCS_DIR = path_1.resolve(exports.CWD, 'docs');
 exports.ESLINT_EXTENSIONS = ['.vue', '.ts', '.js', '.mjs', '.tsx', '.jsx'];
-exports.WEBPACK_RESOLVE_EXTENSIONS = ['.js', '.jsx', '.vue', '.ts', '.tsx', '.css', '.less'];
+exports.VITE_RESOLVE_EXTENSIONS = ['.vue', '.tsx', '.ts', '.jsx', '.js', '.less', '.css'];
 exports.SCRIPTS_EXTENSIONS = ['.tsx', '.ts', '.jsx', '.js'];
 exports.PUBLIC_DIR_INDEXES = ['index.vue', 'index.tsx', 'index.ts', 'index.jsx', 'index.js'];
 exports.STYLE_DIR_NAME = 'style';
@@ -23,18 +21,14 @@ exports.EXAMPLE_DIR_INDEX = 'index.vue';
 exports.TESTS_DIR_NAME = '__tests__';
 exports.GENERATORS_DIR = path_1.resolve(__dirname, '../../generators');
 exports.CLI_PACKAGE_JSON = path_1.resolve(__dirname, '../../package.json');
-exports.PRIMARY_COLOR = '#3a7afe';
 // site
-exports.SITE_MOBILE_MAIN = path_1.resolve(__dirname, '../../site/mobile/main.ts');
-exports.SITE_PC_MAIN = path_1.resolve(__dirname, '../../site/pc/main.ts');
 exports.SITE = path_1.resolve(__dirname, '../../site');
 exports.SITE_OUTPUT_PATH = path_1.resolve(exports.CWD, 'site');
 exports.SITE_PUBLIC_PATH = path_1.resolve(exports.CWD, 'public');
+exports.SITE_DIR = path_1.resolve(exports.CWD, '.varlet/site');
 exports.SITE_PC_ROUTES = path_1.resolve(exports.CWD, '.varlet/pc.routes.ts');
 exports.SITE_MOBILE_ROUTES = path_1.resolve(exports.CWD, '.varlet/mobile.routes.ts');
 exports.SITE_CONFIG = path_1.resolve(exports.CWD, '.varlet/site.config.json');
-exports.SITE_DOCS_GLOB = path_1.resolve(exports.CWD, './docs/**');
-exports.SITE_EXAMPLE_GLOB = path_1.resolve(exports.CWD, './src/**/example/**');
 // template highlight
 exports.HL_COMPONENT_NAME_RE = /.*(\/|\\)(.+)(\/|\\)docs(\/|\\)/;
 exports.HL_API_RE = /##\s*API\n+/;

package/lib/site/components/app-bar/index.d.ts

@@ -0,0 +1,3 @@
+import AppBar from './AppBar.vue';
+export declare const _AppBarComponent: any;
+export default AppBar;

package/lib/site/components/app-bar/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._AppBarComponent = void 0;
+var AppBar_vue_1 = __importDefault(require("./AppBar.vue"));
+AppBar_vue_1.default.install = function (app) {
+    app.component(AppBar_vue_1.default.name, AppBar_vue_1.default);
+};
+exports._AppBarComponent = AppBar_vue_1.default;
+exports.default = AppBar_vue_1.default;

package/lib/site/components/app-bar/props.d.ts

@@ -0,0 +1,21 @@
+export declare function positionValidator(position: string): boolean;
+export declare const props: {
+    color: {
+        type: StringConstructor;
+    };
+    textColor: {
+        type: StringConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    titlePosition: {
+        type: StringConstructor;
+        default: string;
+        validator: typeof positionValidator;
+    };
+    elevation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/lib/site/components/app-bar/props.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.positionValidator = void 0;
+function positionValidator(position) {
+    var validPositions = ['left', 'center', 'right'];
+    return validPositions.includes(position);
+}
+exports.positionValidator = positionValidator;
+exports.props = {
+    color: {
+        type: String,
+    },
+    textColor: {
+        type: String,
+    },
+    title: {
+        type: String,
+    },
+    titlePosition: {
+        type: String,
+        default: 'left',
+        validator: positionValidator,
+    },
+    elevation: {
+        type: Boolean,
+        default: true,
+    },
+};

package/lib/site/components/button/index.d.ts

@@ -0,0 +1,3 @@
+import Button from './Button.vue';
+export declare const _ButtonComponent: any;
+export default Button;

package/lib/site/components/button/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._ButtonComponent = void 0;
+var Button_vue_1 = __importDefault(require("./Button.vue"));
+Button_vue_1.default.install = function (app) {
+    app.component(Button_vue_1.default.name, Button_vue_1.default);
+};
+exports._ButtonComponent = Button_vue_1.default;
+exports.default = Button_vue_1.default;

package/lib/site/components/button/props.d.ts

@@ -0,0 +1,62 @@
+import type { PropType } from 'vue';
+declare function typeValidator(type: string): boolean;
+declare function sizeValidator(size: string): boolean;
+export declare const props: {
+    type: {
+        type: PropType<"default" | "primary" | "info" | "success" | "warning" | "danger">;
+        default: string;
+        validator: typeof typeValidator;
+    };
+    size: {
+        type: PropType<"small" | "normal" | "mini" | "large">;
+        default: string;
+        validator: typeof sizeValidator;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    textColor: {
+        type: StringConstructor;
+    };
+    loadingRadius: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    loadingType: any;
+    loadingSize: any;
+    onClick: {
+        type: PropType<(e: Event) => void>;
+    };
+    onTouchstart: {
+        type: PropType<(e: Event) => void>;
+    };
+};
+export {};

package/lib/site/components/button/props.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+var props_1 = require("../loading/props");
+var components_1 = require("../utils/components");
+function typeValidator(type) {
+    return ['default', 'primary', 'info', 'success', 'warning', 'danger'].includes(type);
+}
+function sizeValidator(size) {
+    return ['normal', 'mini', 'small', 'large'].includes(size);
+}
+exports.props = {
+    type: {
+        type: String,
+        default: 'default',
+        validator: typeValidator,
+    },
+    size: {
+        type: String,
+        default: 'normal',
+        validator: sizeValidator,
+    },
+    loading: {
+        type: Boolean,
+        default: false,
+    },
+    round: {
+        type: Boolean,
+        default: false,
+    },
+    block: {
+        type: Boolean,
+        default: false,
+    },
+    text: {
+        type: Boolean,
+        default: false,
+    },
+    outline: {
+        type: Boolean,
+        default: false,
+    },
+    disabled: {
+        type: Boolean,
+        default: false,
+    },
+    ripple: {
+        type: Boolean,
+        default: true,
+    },
+    color: {
+        type: String,
+    },
+    textColor: {
+        type: String,
+    },
+    loadingRadius: {
+        type: [Number, String],
+        default: 12,
+    },
+    loadingType: components_1.pickProps(props_1.props, 'type'),
+    loadingSize: components_1.pickProps(props_1.props, 'size'),
+    onClick: {
+        type: Function,
+    },
+    onTouchstart: {
+        type: Function,
+    },
+};

package/lib/site/components/cell/index.d.ts

@@ -0,0 +1,3 @@
+import Cell from './Cell.vue';
+export declare const _CellComponent: any;
+export default Cell;

package/lib/site/components/cell/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._CellComponent = void 0;
+var Cell_vue_1 = __importDefault(require("./Cell.vue"));
+Cell_vue_1.default.install = function (app) {
+    app.component(Cell_vue_1.default.name, Cell_vue_1.default);
+};
+exports._CellComponent = Cell_vue_1.default;
+exports.default = Cell_vue_1.default;

package/lib/site/components/cell/props.d.ts

@@ -0,0 +1,27 @@
+export declare const props: {
+    title: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    icon: {
+        type: StringConstructor;
+    };
+    desc: {
+        type: StringConstructor;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconClass: {
+        type: StringConstructor;
+    };
+    titleClass: {
+        type: StringConstructor;
+    };
+    descClass: {
+        type: StringConstructor;
+    };
+    extraClass: {
+        type: StringConstructor;
+    };
+};

package/lib/site/components/cell/props.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+exports.props = {
+    title: {
+        type: [Number, String],
+    },
+    icon: {
+        type: String,
+    },
+    desc: {
+        type: String,
+    },
+    border: {
+        type: Boolean,
+        default: false,
+    },
+    iconClass: {
+        type: String,
+    },
+    titleClass: {
+        type: String,
+    },
+    descClass: {
+        type: String,
+    },
+    extraClass: {
+        type: String,
+    },
+};

package/lib/site/components/context/index.d.ts

@@ -0,0 +1,15 @@
+export declare const _ContextComponent: {
+    locks: {
+        [x: string]: number;
+    };
+    zIndex: number;
+    touchmoveForbid: boolean;
+};
+declare const _default: {
+    locks: {
+        [x: string]: number;
+    };
+    zIndex: number;
+    touchmoveForbid: boolean;
+};
+export default _default;

package/lib/site/components/context/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._ContextComponent = void 0;
+var vue_1 = require("vue");
+var context = {
+    locks: {},
+    zIndex: 2000,
+    touchmoveForbid: true,
+};
+exports._ContextComponent = vue_1.reactive(context);
+exports.default = vue_1.reactive(context);

package/lib/site/components/context/lock.d.ts

@@ -0,0 +1,10 @@
+export declare function resolveLock(): void;
+export declare function addLock(uid: number): void;
+export declare function releaseLock(uid: number): void;
+/**
+ * 组件锁操作
+ * @param props 组件props
+ * @param state 组件props中控制组件加锁的开关对应的key值
+ * @param use 组件props中控制组件加锁的开关是否可用对应的key值
+ */
+export declare function useLock(props: any, state: string, use?: string): void;

package/lib/site/components/context/lock.js

@@ -0,0 +1,94 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLock = exports.releaseLock = exports.addLock = exports.resolveLock = void 0;
+var vue_1 = require("vue");
+var _1 = __importDefault(require("."));
+function resolveLock() {
+    var lockCounts = Object.keys(_1.default.locks).length;
+    lockCounts <= 0 ? document.body.classList.remove('var-site--lock') : document.body.classList.add('var-site--lock');
+}
+exports.resolveLock = resolveLock;
+function addLock(uid) {
+    _1.default.locks[uid] = 1;
+    resolveLock();
+}
+exports.addLock = addLock;
+function releaseLock(uid) {
+    delete _1.default.locks[uid];
+    resolveLock();
+}
+exports.releaseLock = releaseLock;
+/**
+ * 组件锁操作
+ * @param props 组件props
+ * @param state 组件props中控制组件加锁的开关对应的key值
+ * @param use 组件props中控制组件加锁的开关是否可用对应的key值
+ */
+function useLock(props, state, use) {
+    var uid = vue_1.getCurrentInstance().uid;
+    if (use) {
+        vue_1.watch(function () { return props[use]; }, function (newValue) {
+            if (newValue === false) {
+                // 改变为禁用状态 组件解锁
+                releaseLock(uid);
+            }
+            else if (newValue === true && props[state] === true) {
+                // 改变为启用状态 并且popup处于开启状态 组件加锁
+                addLock(uid);
+            }
+        });
+    }
+    vue_1.watch(function () { return props[state]; }, function (newValue) {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (newValue === true) {
+            // popup开启 组件加锁
+            addLock(uid);
+        }
+        else {
+            // popup关闭 组件解锁
+            releaseLock(uid);
+        }
+    });
+    vue_1.onBeforeMount(function () {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (props[state] === true) {
+            // popup处于开启状态 组件挂载 组件加锁
+            addLock(uid);
+        }
+    });
+    vue_1.onUnmounted(function () {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (props[state] === true) {
+            // popup处于开启状态 组件卸载 组件解锁
+            releaseLock(uid);
+        }
+    });
+    vue_1.onActivated(function () {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (props[state] === true) {
+            // popup处于开启状态 组件处于keepalive前台 组件加锁
+            addLock(uid);
+        }
+    });
+    vue_1.onDeactivated(function () {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (props[state] === true) {
+            // popup处于开启状态 组件处于keepalive后台 组件解锁
+            releaseLock(uid);
+        }
+    });
+}
+exports.useLock = useLock;

package/lib/site/components/context/zIndex.d.ts

@@ -0,0 +1,4 @@
+import type { Ref } from 'vue';
+export declare function useZIndex(source: any, count: number): {
+    zIndex: Ref<number>;
+};