@varlet/cli 1.20.0 → 1.21.1-alpha.64

package/lib/config/postcss.config.js

@@ -1,42 +1,18 @@
 "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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPostcssOptions = void 0;
+exports.getPostcssOptions = exports.defaultConfig = void 0;
+var lodash_1 = require("lodash");
 var fs_extra_1 = require("fs-extra");
-function createPostcssOptions(path) {
-    var rawOptions = (fs_extra_1.pathExistsSync(path) && require(path)) || {};
-    var rawPlugins = Array.isArray(rawOptions.plugins) ? rawOptions.plugins : [];
-    return __assign(__assign({}, rawOptions), { plugins: __spreadArray([require.resolve('autoprefixer')], __read(rawPlugins)) });
+var constant_1 = require("../shared/constant");
+exports.defaultConfig = {
+    plugins: [require.resolve('postcss-preset-env')],
+};
+function getPostcssOptions() {
+    var config = {};
+    if (fs_extra_1.pathExistsSync(constant_1.POSTCSS_CONFIG)) {
+        delete require.cache[require.resolve(constant_1.POSTCSS_CONFIG)];
+        config = require(constant_1.POSTCSS_CONFIG);
+    }
+    return lodash_1.merge(exports.defaultConfig, config);
 }
-exports.createPostcssOptions = createPostcssOptions;
+exports.getPostcssOptions = getPostcssOptions;

package/lib/config/varlet.config.d.ts

@@ -1 +1 @@
-export declare function getVarletConfig(): any;
+export declare function getVarletConfig(): Record<string, any>;

package/lib/config/vite.config.d.ts

@@ -0,0 +1,4 @@
+import { InlineConfig } from 'vite';
+export declare function getDevConfig(varletConfig: Record<string, any>): InlineConfig;
+export declare function getBuildConfig(varletConfig: Record<string, any>): InlineConfig;
+export declare function getUMDConfig(varletConfig: Record<string, any>): InlineConfig;

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/config/webpack.base.config.js

@@ -34,7 +34,7 @@ exports.CSS_LOADERS = [
     require.resolve('css-loader'),
     {
         loader: require.resolve('postcss-loader'),
-        options: { postcssOptions: postcss_config_1.createPostcssOptions(constant_1.POSTCSS_CONFIG) },
+        options: { postcssOptions: postcss_config_1.getPostcssOptions() },
     },
 ];
 function createBasePlugins() {

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;