烽火台初始化项目提交

.eslintignore

+# 忽略eslint校验路径，例如:
+# src/libs/@spark
\ No newline at end of file

.eslintrc.js

+module.exports = {
+  parser: '@babel/eslint-parser',
+  env: {
+    browser: true,
+    es6: true,
+    node: true,
+  },
+  globals: {
+    CFG: true,
+    wx: true,
+    FYGE: true,
+    SPARK_ESLINT_PLUGIN: true,
+    remScale: true,
+  },
+  plugins: ['html', 'react', '@spark/best-practices', '@spark/security'],
+  extends: ['eslint:recommended', 'plugin:react/recommended'],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 7,
+    ecmaFeatures: {
+      experimentalObjectRestSpread: true,
+      jsx: true,
+    },
+    babelOptions: {
+      configFile: './node_modules/@spark/code-inspector/static/babel.config.js',
+    },
+  },
+  rules: {
+    'no-undef': 'error',
+    'no-unused-vars': ['error', { vars: 'all', args: 'after-used', argsIgnorePattern: '^_', varsIgnorePattern: '^_', ignoreRestSiblings: true }],
+    'no-dupe-keys': 'error',
+    'no-fallthrough': 'error',
+    'no-global-assign': 'error',
+    'no-implied-eval': 'error',
+    'no-self-assign': 'error',
+    'no-self-compare': 'error',
+    'no-sequences': 'error',
+    'no-unused-expressions': ['error', { allowShortCircuit: true, allowTernary: true, allowTaggedTemplates: true }],
+    'no-useless-escape': 'error',
+    'no-empty-pattern': 'error',
+    'no-empty-function': ['error', { allow: ['arrowFunctions', 'functions', 'methods'] }],
+    'no-var': 'error',
+    'no-dupe-class-members': 'error',
+    'prefer-const': 'warn',
+    'no-extra-boolean-cast': 'warn',
+    'no-mixed-spaces-and-tabs': 'warn',
+    'no-alert': 'warn',
+    'no-new-wrappers': 'warn',
+    'no-useless-concat': 'warn',
+    'no-useless-return': 'warn',
+    'prefer-promise-reject-errors': ['warn', { allowEmptyReject: true }],
+    'react/prop-types': 'off',
+  },
+  overrides: [
+    {
+      files: ['public/**/*.html'],
+      rules: {
+        'no-var': 'off',
+        '@spark/security/third-party-whitelist': 'error',
+        '@spark/best-practices/no-url-in-js': 'error',
+        '@spark/best-practices/no-arrow-function': 'error',
+        '@spark/best-practices/no-es6-variable-declaration': 'error',
+      },
+    },
+    {
+      files: ['src/**/*.{js,jsx}'],
+      rules: {
+        '@spark/best-practices/no-url-in-js': 'error',
+      },
+    },
+  ],
+};

.gitignore

+.DS_Store 
+
+node_modules/ 
+
+___cache/ 
+__cache/
+
+coverage/ 
+
+
+npm-debug.log 
+
+selenium-debug.log 
+
+.idea 
+
+.builds 
+
+.project 
+
+.vscode 
+
+yarn-error.log 
+
+.yarn 
+
+.package-lock 
+
+yarn.lock 
+
+.cache 
+
+packages/**/package-lock.json 
+
+released 
+
+output.js 
+
+output.js.map 
+
+.psd
+.psb
+
+#src/assets/
\ No newline at end of file

.npmrc

+registry = http://npm.dui88.com
\ No newline at end of file

.yarnrc

+registry "http://npm.dui88.com"
\ No newline at end of file

MD.js

+import MD from 'spark-utils/out/md/index.js';
+
+let appId = CFG.appID;
+const dcm = '202.' + CFG.projectId + '.0.0';
+const domain = '//embedlog.duiba.com.cn';
+
+let MDList = [
+  {
+    ele: `.test-md1`,
+    data: {
+      dpm: `${appId}.110.5.1`,
+      dcm,
+      domain,
+      appId
+    },
+    once: false
+  }
+];
+
+export default () =>
+  MD({
+    show: MDList, // 曝光
+    click: MDList // 点击
+  });

README.md

+# spark-template
+
+烽火台app3.0中的静态模板配置
\ No newline at end of file

config/scripts/assets/generateAssetList.js

+/*
+将此文件放到project/config/scripts/assets/目录下
+在package.json文件的"scripts"字段下，分别修改dev和build命令：
+"dev": "node ./config/scripts/assets/generateAssetList.js && node ./config/webpack.dev.config.js"
+"build": "node ./config/scripts/assets/generateAssetList.js && node ./config/scripts/assets/index.js imgmin imgup && node ./config/webpack.prod.config.js"
+*/
+
+const fs = require('fs')
+const path = require('path')
+
+
+
+/*请先配置：预加载的资源文件夹名称，或者设置预加载、异步加载资源路径*/
+const preloadFolder = []; //在/src/assets文件夹下，请设置需要预加载的资源文件目录，默认值预加载为loading文件夹， 其他均为异步加载
+const otherFolder = ['loadingDemo']; //在/src/assets文件夹下，不做任务处理的文件夹，不需要预加载， 也不需要异步加载
+const initAssetList = {   //初始化预设资源处理
+    preLoadImg:[],  //设置预加载图片，例如：["loading/bg174.png","loading/上面.png","loading/底部173.png"]
+    asyncLoadImg:[]  //设置异步加载图片
+}
+/**
+ * 搜索文件夹里的文件
+ * @param {*} folderList 预加载文件夹名称数组
+ * @param {*} folderPath 文件夹地址，绝对路径
+ * @param {*} regExp 正则表达式，用于匹配目标文件
+ * @returns {string[]} 返回文件相对路径地址
+ */
+function searchFileFromFolder(folderPath='/src/assets', regExp=/\.(png|jpg|jpeg|svga|spi|json|mp3|wav)$/i) {
+    const preLoadImg = [], asyncLoadImg = [];
+    const searchOneDir = (absolutePath, relativePath) => {
+        fs.readdirSync(absolutePath).forEach(v => {
+            const absPath = absolutePath + '/' + v;
+            const relPath = relativePath ? relativePath + '/' + v :  v;
+            if(fs.statSync(absPath).isFile()) {
+                if(regExp.test(v)){
+                    if(preloadFolder.includes(relPath.split('/')[0])){
+                        preLoadImg.push(relPath);
+                    }else if(!otherFolder.includes(relPath.split('/')[0])){
+                        asyncLoadImg.push(relPath)
+                    }
+                }
+            }else {
+                searchOneDir(absPath, relPath);
+            }
+        });
+    }
+    searchOneDir(path.resolve('.') + folderPath, '');
+    console.log('资源预处理成功~')
+
+    return {
+        preLoadImg: [
+            ...initAssetList.preLoadImg,
+            ...preLoadImg
+        ],
+        asyncLoadImg: [
+            ...initAssetList.asyncLoadImg,
+            ...asyncLoadImg
+        ]
+    };
+}
+
+// 读资源目录
+const assetList = searchFileFromFolder();
+
+// 写资源列表json
+fs.writeFileSync(path.resolve('.') + '/src/assetList.json', JSON.stringify(assetList))
\ No newline at end of file

config/scripts/assets/index.js

+const { assets } = require("spark-assets");
+
+const args = process.argv.splice(2);
+let argsObj = {
+  imgmin: false,
+  imgup: false
+}
+if (args.length == 1) {
+  argsObj.imgmin = 'imgmin' == args[0];
+  argsObj.imgup = 'imgup' == args[0];
+} else if (args.length == 2) {
+  argsObj.imgmin = 'imgmin' == args[0];
+  argsObj.imgup = 'imgup' == args[1];
+}
+
+
+assets(argsObj)
\ No newline at end of file

config/scripts/constant.js

+
+exports.SPARK_CONFIG_DIR_KEY = ['OUTPUT_DIR', 'SOURCE_DIR', 'TEMP_DIR', 'ENTRY', 'TEMPLATE']
+exports.SPARK_CONFIG = 'sparkrc.js'
+//对应项目在线素材存储的cdn配置，用于迭代开发从线上拉取素材到本地
+exports.SPARK_CDN_RES_CFG='sparkrescfg.json'
\ No newline at end of file

config/scripts/loaders/replaceLoader.js

+const loaderUtils = require('loader-utils');
+
+module.exports = function (source) {
+  const options = loaderUtils.getOptions(this);
+  let result = source;
+  if (options.arr) {
+    options.arr.map(op => {
+      result = result.replace(op.replaceFrom, op.replaceTo);
+    })
+  } else {
+    result = source.replace(options.replaceFrom, options.replaceTo);
+  }
+  return result
+
+};

config/scripts/plugins/HtmlJsToES5Plugin.js

+const babel = require('@babel/core');
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+class HtmlJsToES5Plugin {
+	process(htmlPluginData) {
+		return new Promise(function (resolve) {
+			const scriptRegExp = /<script>[\s\S]*?<\/script>/gis;
+			htmlPluginData.html = htmlPluginData.html.replace(scriptRegExp, function (match) {
+				const code = match.replace("<script>", "").replace("</script>", "");
+				const es5Code = babel.transform(code, { 'presets': ['@babel/preset-env'] }).code;
+				return `<script>${es5Code}</script>`;
+			});
+			resolve();
+		});
+	};
+
+
+	apply(compiler){
+		compiler.hooks.compilation.tap('HtmlJsToES5Plugin', (compilation) => {
+			HtmlWebpackPlugin.getHooks(compilation).afterTemplateExecution.tapAsync(
+				"HtmlJsToES5Plugin",
+				async (html, cb) => {
+					await this.process(html);
+					cb(null, html);
+				}
+			);
+		});
+	}
+}
+
+// exports.default = HtmlJsToES5Plugin;
+module.exports = HtmlJsToES5Plugin;

config/scripts/utils.js

+// 端口是否被占用
+exports.getProcessIdOnPort=function(port) {
+    try {
+        const execOptions = {
+            encoding: 'utf8',
+            stdio: [
+                'pipe',
+                'pipe',
+                'ignore',
+            ],
+        };
+        return execSync('lsof -i:' + port + ' -P -t -sTCP:LISTEN', execOptions)
+            .split('\n')[0]
+            .trim();
+    } catch (e) {
+        return null;
+    }
+}
+const childProcessSync=async function(cmd, params, cwd, printLog = true) {
+    return new Promise((resolve, reject) => {
+        let proc = childProcess(cmd, params, cwd, printLog);
+
+        proc.on('close', (code) => {
+            if (code === 0) {
+                resolve(proc['logContent']);
+            } else {
+                reject(code);
+            }
+        });
+    });
+}
+const getGitBranch=async function(cwd) {
+    try {
+        const result = await childProcessSync('git', ['rev-parse', '--abbrev-ref', 'HEAD'], cwd, false);
+
+        if (!result.startsWith('fatal:')) {
+            return result.trim();
+        }
+    } catch (e) {
+        return undefined;
+    }
+}
+
+const getProjectNameByPackage=function() {
+    return require(`${process.cwd()}/package.json`).name
+}
+/**
+ * 理论上每个项目独一无二的文件夹名字-默认取分支名
+ * 如果当前未创建分支，取包名+日期
+ * （实际很多情况是直接clone老项目，包名相同，以防资源被替换，所以用日期加一下）
+ */
+exports.getCdnFolderName=async function() {
+    const branch = await getGitBranch(process.cwd());
+    const date = Date.now();
+    if (branch) {
+        return branch + "/" + date;
+    }
+    let foldername = getProjectNameByPackage() + "/" + date;
+    return foldername;
+
+}
\ No newline at end of file

config/webpack.common.config.js

+const path = require('path');
+
+const { SPARK_CONFIG_DIR_KEY, SPARK_CONFIG } = require('./scripts/constant');
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
+const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
+const ProgressBarPlugin = require("progress-bar-webpack-plugin");
+
+
+module.exports = function (isProd) {
+    const appPath = process.cwd();
+    const sparkConfig = require(path.join(appPath, SPARK_CONFIG));
+    const cssReg = /\.(css|less)$/;
+    // 处理相对路径
+    SPARK_CONFIG_DIR_KEY.map((key) => {
+        sparkConfig[key] = path.resolve(appPath, sparkConfig[key]);
+    });
+
+    const stylePlugins = [
+        require("autoprefixer")({
+            overrideBrowserslist: ["> 1%", "last 2 versions", "not ie <= 8"],
+        })
+    ];
+    if (sparkConfig.PX2REM) {
+        stylePlugins.push(
+            require("postcss-px2rem-exclude")({
+                remUnit: 100, // 注意算法，这是750设计稿，html的font-size按照750比例
+                exclude: /node_modules/i,
+            })
+        );
+    }
+    const styleLoader = (cssOptions = {}) => {
+        return [
+            {
+                loader: "style-loader",
+            },
+            isProd && {
+                loader: MiniCssExtractPlugin.loader,
+                options: {
+                    esModule: false,
+                },
+            },
+            {
+                loader: "css-loader",
+                options: {
+                    ...cssOptions,
+                    importLoaders: 2, // 如果遇到css里面的 @import 执行后面两个loader。 不然如果import了less，css-loader是解析不了
+                },
+
+            },
+            {
+                loader: "postcss-loader",
+                options: {
+                    sourceMap: isProd,
+                    plugins: stylePlugins,
+                },
+            },
+            {
+                loader: require.resolve("less-loader"),
+                options: {
+                    sourceMap: isProd,
+                    lessOptions: {
+                        modifyVars: {
+                            "@RES_PATH": `"${isProd ? sparkConfig.RES_PATH_PROD + '/' : sparkConfig.RES_PATH}"`,
+                        },
+                    }
+                },
+            },
+        ].filter(Boolean);
+    };
+    return {
+        entry: sparkConfig.ENTRY,
+        mode: isProd ? 'production' : 'development',
+        devtool: isProd ? "source-map" : "cheap-module-source-map",
+        output: {
+            path: path.resolve(__dirname, sparkConfig.OUTPUT_DIR),
+            filename: "js/[name].js",
+        },
+        resolve: {
+            extensions: ['.js', '.jsx', '.json'],
+            alias: {
+                "@src": path.resolve(__dirname, sparkConfig.SOURCE_DIR),
+            },
+        },
+        module: {
+            rules: [
+                {
+                    test: cssReg,
+                    use: styleLoader(),
+                    include: sparkConfig.SOURCE_DIR,
+                },
+                {
+                    test: /\.(js|jsx)$/,
+                    loader: require.resolve("babel-loader"),
+                    exclude: [path.resolve("node_modules")],
+                    options: {
+                        presets: [
+                            require("@babel/preset-env").default,
+                            require("@babel/preset-react").default
+                        ],
+                        plugins: [
+                            ["@babel/plugin-proposal-decorators", { "legacy": true }],
+                            ["@babel/plugin-proposal-class-properties", { "loose": false }],
+                            require("@babel/plugin-transform-runtime").default,
+                        ],
+                        sourceType: 'unambiguous'
+                    },
+                },
+                {
+                    test: [/\.(jpg|jpeg|png|svg|bmp)$/, /\.(eot|woff2?|ttf|svg)$/],
+                    loader: require.resolve("url-loader"),
+                    options: {
+                        name: "[path][name].[ext]", // name默认是加上hash值。这里做了更改，不让加
+                        outputPath: "images",
+                        limit: 10240, // url-loader处理图片默认是转成base64, 这里配置如果小于10kb转base64,否则使用file-loader打包到images文件夹下
+                    },
+                },
+            ].filter(Boolean),
+        },
+        plugins: [
+            isProd &&
+            new MiniCssExtractPlugin({
+                filename: "styles/[name].[hash].css",
+            }),
+            new HtmlWebpackPlugin({
+                template: sparkConfig.TEMPLATE,
+                minify: !sparkConfig.UNMINIFY_INDEX && isProd,
+            }),
+            new CleanWebpackPlugin({
+                // cleanOnceBeforeBuildPatterns:['**/*', 'dist'] // 这里不用写 是默认的。 路径会根据output 输出的路径去清除
+            }),
+            new ProgressBarPlugin(),
+        ].filter(Boolean),
+        optimization: {
+            minimize: isProd,
+            minimizer: [
+                // 替换的js压缩 因为uglifyjs不支持es6语法，
+                new TerserPlugin({
+                    cache: true,
+                    sourceMap: isProd,
+                    extractComments: false, // 提取注释
+                    parallel: true, // 多线程
+                    terserOptions: {
+                        compress: {
+                            pure_funcs: ["console.log"],
+                        },
+                    },
+                }),
+                // 压缩css
+                new OptimizeCSSAssetsPlugin({
+                    assetNameRegExp: /\.css$/g,
+                    cssProcessor: require("cssnano"),
+                    cssProcessorPluginOptions: {
+                        preset: ["default", { discardComments: { removeAll: true } }],
+                    },
+                    canPrint: true,
+                }),
+            ],
+            // 修改文件的ids的形成方式，避免单文件修改，会导致其他文件的hash值变化，影响缓存
+            moduleIds: "hashed",
+            splitChunks: {
+                chunks: "all",
+                minSize: 30000, //小于这个限制的会打包进Main.js
+                cacheGroups: {
+                    vendors: {
+                        test: /[\\/]node_modules[\\/]/,
+                        priority: -10, // 优先级权重，层级 相当于z-index。 谁值越大权会按照谁的规则打包
+                        name: "vendors",
+                    },
+                },
+            },
+            // chunks 映射关系的 list单独从 app.js里提取出来
+            runtimeChunk: {
+                name: (entrypoint) => `runtime-${entrypoint.name}`,
+            },
+        },
+    };
+
+
+
+}
\ No newline at end of file

config/webpack.dev.config.js

+
+const { SPARK_CONFIG } = require("./scripts/constant");
+
+const Webpack = require("webpack");
+const webpackBaseConfig = require("./webpack.common.config");
+const WebpackMerge = require("webpack-merge");
+const WebpackDevServer = require("webpack-dev-server");
+const opn = require("opn");
+const apiMocker = require('mocker-api');
+const path = require('path');
+const { getProcessIdOnPort } = require("./scripts/utils");
+
+const sparkConfig = require(path.resolve(SPARK_CONFIG));
+
+const webpackDevConfig = function () {
+  return {
+    devServer: {
+      useLocalIp: true,
+      open: false,
+      hot: true,
+      host: "0.0.0.0",
+      // hotOnly: true
+      before(app) {
+        if (sparkConfig.API_MOCK) {
+          apiMocker(app, path.resolve('./mock/index.js'), {
+            changeHost: true,
+          })
+        }
+      }
+    },
+    plugins: [
+      // new Webpack.WatchIgnorePlugin([/[\\/]mock[\\/]/]),
+      new Webpack.HotModuleReplacementPlugin()
+    ]
+  };
+};
+
+const buildDev = async function (config) {
+  const { port } = config;
+  return new Promise((resolve, reject) => {
+    const config = WebpackMerge(webpackBaseConfig(false), webpackDevConfig());
+    const compiler = Webpack(config);
+    const devServerOptions = Object.assign({}, config.devServer);
+    console.log('devServerOptions', devServerOptions);
+
+    const server = new WebpackDevServer(compiler, devServerOptions);
+    if (getProcessIdOnPort(port)) {
+      reject(`端口 ${port} 已被使用`);
+      
+    } else {
+      server.listen(
+        port || 8088,
+        "0.0.0.0",
+        () => {
+          console.log(`Starting server on http://localhost:${port}`);
+          opn(`http://localhost:${port || 8088}`);
+          resolve();
+        },
+        (err) => {
+          if (err) console.error("server linsten err--", err);
+          reject();
+        }
+      );
+    }
+  });
+};
+const args = process.argv.splice(2);
+const port = args[0] || 8088
+buildDev({
+  port: Number(port)
+})
+

config/webpack.prod.config.js

+const path = require("path");
+const chalk = require("chalk");
+const fs = require('fs-extra');
+const Webpack = require("webpack");
+const WebpackMerge = require("webpack-merge");
+const webpackBaseConfig = require("./webpack.common.config");
+const { uploadFiles } = require("spark-assets");
+
+const isProd = true;
+const { getCdnFolderName } = require("./scripts/utils");
+const { SPARK_CONFIG } = require("./scripts/constant");
+const HtmlJsToES5Plugin = require("./scripts/plugins/HtmlJsToES5Plugin");
+
+const { DepReporter } =require('spark-log-event');
+
+// const sparkConfig = require('../sparkrc');
+const ScriptExtHtmlWebpackPlugin = require("script-ext-html-webpack-plugin");
+
+const webpackProdConfig = function (cdnFolderName, resPathProd) {
+
+  return {
+    output: {
+      publicPath: `//yun.duiba.com.cn/spark/v2/${cdnFolderName}/`,
+      filename: isProd ? "js/[name].[contenthash:8].js" : "js/[name].[contenthash:4].js",
+    },
+    resolveLoader: {
+      modules: ['node_modules', path.resolve(__dirname, './scripts/loaders')]
+    },
+    module: {
+      rules: [
+        {
+          test: /sparkrc\.js$/,
+          exclude: [path.resolve("node_modules")],
+          use: [
+            {
+              loader: 'replaceLoader',
+              options: {
+                arr: [
+                  {
+                    replaceFrom: /(MOCK_STATUS: true)|(MOCK_STATUS:true)|("MOCK_STATUS": true)|("MOCK_STATUS":true)/,
+                    replaceTo: '"MOCK_STATUS": false'
+                  },
+                  {
+                    replaceFrom: /(RES_PATH:'\/src\/assets\/')|(RES_PATH: '\/src\/assets\/')|("RES_PATH":"\/src\/assets\/")|("RES_PATH": "\/src\/assets\/")/,
+                    replaceTo: `"RES_PATH":"${resPathProd}/"`
+                  }
+                ]
+
+              }
+            }
+          ]
+        },
+      ]
+    },
+    plugins: [
+      new Webpack.IgnorePlugin(/[\\/]mock[\\/]/),
+      new ScriptExtHtmlWebpackPlugin({
+        custom: {
+          test: /\.js$/,
+          attribute: 'crossorigin',
+          value: 'anonymous'
+        }
+      }),
+      new HtmlJsToES5Plugin(),
+      new DepReporter(),
+      new Webpack.ContextReplacementPlugin(
+				/moment[/\\]locale$/,
+				/zh-cn/,
+			),
+    ],
+    node: {
+      crypto: 'empty'
+    }
+  };
+};
+
+const buildProd = async function () {
+
+  const cdnFolderName = await getCdnFolderName();
+  const appPath = process.cwd();
+  const sparkConfig = require(path.join(appPath, SPARK_CONFIG));
+  const _webpackProdConfig = await webpackProdConfig(cdnFolderName, sparkConfig.RES_PATH_PROD || '');
+
+  //新增 JS_PATH_PROD 用作
+  const newSparkCfg = Object.assign({}, sparkConfig);
+  newSparkCfg['JS_PATH_PROD'] = `https://yun.duiba.com.cn/spark/v2/${cdnFolderName}/js`;
+  const str = `module.exports =${JSON.stringify(newSparkCfg, null, 2)}`;
+  fs.writeFileSync(path.join(appPath, SPARK_CONFIG), str);
+
+
+  return new Promise((resolve, reject) => {
+    const config = WebpackMerge(webpackBaseConfig(isProd), _webpackProdConfig);
+    const compiler = Webpack(config);
+
+    compiler.run(async (error, stats) => {
+      if (error) {
+        return reject(error);
+      }
+      console.log(
+        stats.toString({
+          chunks: false, // 使构建过程更静默无输出
+          colors: true, // 在控制台展示颜色
+        })
+      );
+      console.log(`${chalk.yellow("打包成功, 等待上传")}\n`);
+
+      // await uploadFiles(config.output.path, '', cdnFolderName);
+      await uploadFiles(config.output.path, '', cdnFolderName, /.map$/);
+
+      // 上传map到不同路径，避免泄漏源码
+      await uploadFiles(
+          config.output.path + "/js",
+          'js/map_123_map',
+          cdnFolderName,
+          /.(js|css|css\.map)$/
+      );
+
+      resolve();
+    });
+
+  });
+};
+
+buildProd();

cspell.json

+{
+  "version": "0.2",
+  "language": "en",
+  "words": [
+    "duiba",
+    "fyge",
+    "hanzi",
+    "projectx",
+    "webfonts",
+    "Weixin",
+    "webp"
+  ]
+}

dist/index.html

+<!doctype html><html lang="zh"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="dns-prefetch" href="//yun.duiba.com.cn"/><link rel="preconnect" href="//embedlog.duiba.com.cn"><title>活动标题</title><script>if (localStorage && localStorage.isWebp) {
+            document
+                .getElementsByTagName('html')[0]
+                .setAttribute('duiba-webp', 'true');
+        }</script><script src="//yun.duiba.com.cn/spark/v2/spark.base.fz.wxpollyfill.js"></script><script src="//yun.duiba.com.cn/js-libs/rem/1.1.3/rem.min.js"></script><script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script><script>"use strict";
+
+var CFG = CFG || {};
+CFG.projectId = location.pathname.split('/')[2] || '1';
+
+function getUrlParam(name) {
+  var search = window.location.search;
+  var matched = search.slice(1).match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
+  return search.length ? matched && matched[2] : null;
+}
+
+CFG.appID = '${APPID}';
+
+if (!getUrlParam("appID")) {// alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。")
+}</script><link href="//yun.duiba.com.cn/spark/v2/temp_base/1651112891659/styles/main.f298a0cb5716ac3469de.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script src="//yun.duiba.com.cn/spark/v2/temp_base/1651112891659/js/runtime-main.93b7d9da.js" crossorigin="anonymous"></script><script src="//yun.duiba.com.cn/spark/v2/temp_base/1651112891659/js/vendors.879cb3e7.js" crossorigin="anonymous"></script><script src="//yun.duiba.com.cn/spark/v2/temp_base/1651112891659/js/main.38456f32.js" crossorigin="anonymous"></script></body></html>
\ No newline at end of file

dist/js/main.38456f32.js

+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{"+2NO":function(e,t,n){},0:function(e,t){},"63/5":function(e,t){e.exports={OUTPUT_DIR:"dist",SOURCE_DIR:"src",TEMP_DIR:"./.temp",ENTRY:"src/app.jsx",TEMPLATE:"./public/index.html",API_MOCK:!0,PX2REM:!0,IMAGE_Q1:.6,IMAGE_Q2:.8,RES_PATH:"//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/",RES_PATH_PROD:"//yun.duiba.com.cn/spark/v2/temp_base/1651112884768",JS_PATH_PROD:"https://yun.duiba.com.cn/spark/v2/temp_base/1651112891659/js"}},"80eo":function(e,t,n){var r=n("LboF"),o=n("Hji2");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var a={insert:"head",singleton:!1};r(o,a);e.exports=o.locals||{}},"8TUu":function(e,t,n){var r=n("LboF"),o=n("Ftvq");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var a={insert:"head",singleton:!1};r(o,a);e.exports=o.locals||{}},Ftvq:function(e,t,n){},Hji2:function(e,t,n){},aCct:function(e,t){!function(){var e=[],t=!1,n=!1,r=navigator.userAgent.toLowerCase();if(r.indexOf("android")>-1||r.indexOf("adr")>-1){var o=parseFloat(r.substr(r.indexOf("android")+8,3));n=o<4.4}if(n&&localStorage&&delete localStorage.isWebp,localStorage&&!localStorage.isWebp){var a=new Image;a.onload=function(){1!==a.width||n?localStorage.isWebp="":(localStorage.isWebp=!0,document.getElementsByTagName("html")[0].setAttribute("duiba-webp","true"))},a.onerror=function(){t=!0,localStorage.isWebp=""},a.src="data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA="}String.prototype.ossImg=function(){return function n(r){return r?t||!localStorage||void 0!==localStorage.isWebp?(e=r.split(".")).length>0&&"gif"===e[e.length-1]?r+"":(localStorage&&localStorage.isWebp?r+="?x-oss-process=image/format,webp":r+="?x-oss-process=image/quality,Q_80",r):void n(r):r}(this)},Array.prototype.imgWebpArray=function(e){for(var t=[],n=0;n<this.length;n++)e&&this[n][e]?this[n][e]=this[n][e].ossImg():this[n]&&(this[n]=this[n].ossImg()),t.push(this[n]);return t}}()},gJVq:function(e,t,n){},k7yg:function(e,t,n){"use strict";n.r(t);var r=n("lSNA"),o=n.n(r),a=n("yXPU"),c=n.n(a),s=n("lwsE"),i=n.n(s),u=n("W8MJ"),l=n.n(u),p=n("7W2i"),f=n.n(p),g=n("a1gu"),h=n.n(g),d=n("Nsbk"),v=n.n(d),m=n("o0o1"),y=n.n(m),b=n("q1tI"),P=n.n(b),O=n("i8i4"),w=n.n(O),k=n("TyAF"),j=(n("mPlr"),n("aFzQ")),A=n("cDf5"),E=n.n(A),R={getRule:"projectRule.query",getFrontVariable:"coop_frontVariable.query",doJoin:{uri:"join.do",method:"post"}},x=n("Wgss"),I=n("zgwS"),L=n("cj9Y"),_=n("bCyt");function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T={user_type:_.b?"0":"1",is_from_share:_.a?"0":"1"},B=function(e){var t={},n=function(n){var r=function(e){if("string"==typeof e)return{uri:e,method:"get"};if("object"===E()(e)){var t=e.uri,n=e.method,r=void 0===n?"get":n,o=e.headers,a=e.withToken,c=e.secret,s=e.secretKey,i=e.contentType;return{uri:t,method:r,headers:o,withToken:a,secret:c,secretKey:s,contentType:void 0===i?"form":i}}console.error("getRequestParams: 传参有误")}(e[n]),o=r.method,a=r.uri,s=r.headers,i=r.withToken,u=r.secret,l=r.secretKey,p=r.contentType;t[n]=c()(y.a.mark((function e(){var t,n,r,c,f,g=arguments;return y.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=g.length>0&&void 0!==g[0]?g[0]:{},n=g.length>1?g[1]:void 0,!i){e.next=13;break}return e.prev=3,e.next=6,Object(x.a)();case 6:r=e.sent,e.next=13;break;case 9:return e.prev=9,e.t0=e.catch(3),Object(L.a)("星速台token获取失败，***请补全该处理逻辑***"),e.abrupt("return");case 13:return c=D(D({},s),n),i&&r&&(t.token=r),t=D(D({},t),T),e.next=18,Object(I.c)(a,t,o,c,!1,u,l,p).catch((function(e){Object(L.a)((e.message||"网络异常")+" ***请补全该处理逻辑***")}));case 18:if(!(f=e.sent)){e.next=22;break}return f.success||Object(L.a)((f.message||"接口错误")+" ***请补全该处理逻辑***"),e.abrupt("return",f);case 22:case"end":return e.stop()}}),e,null,[[3,9]])})))};for(var r in e)n(r);return t}(D({},R));var M,N=Object(j.l)({ruleInfo:"",frontVariable:{},curPage:"loading",setRule:function(e){this.ruleInfo=e},changePage:function(e,t){this.curPage=e,t&&t()},initRule:function(){var e=this;return c()(y.a.mark((function t(){var n,r;return y.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,B.getRule();case 2:n=t.sent,r=n.data,e.setRule(r);case 5:case"end":return t.stop()}}),t)})))()},getFrontVariable:function(){var e=this;return c()(y.a.mark((function t(){var n,r;return y.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,B.getFrontVariable();case 2:n=t.sent,r=n.data,e.frontVariable=r||{};case 6:case"end":return t.stop()}}),t)})))()}}),W=(n("8TUu"),n("RIqP")),F=n.n(W),C={},J=Object(j.l)({popList:[],pushPop:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(this.popList.length){var r,o=this.popList.slice();o.push({key:e,data:t,isMulti:n}),o=o.sort((function(e,t){return(C[t.key]?C[t.key]:10)-(C[e.key]?C[e.key]:10)})),this.popList.clear(),(r=this.popList).push.apply(r,F()(o))}else this.popList.push({key:e,data:t,isMulti:n})},closePop:function(e){if(e){var t,n=this.popList.slice();n=n.filter((function(t){return t.key!=e})),this.popList.clear(),(t=this.popList).push.apply(t,F()(n))}else this.popList.shift()},closePopAll:function(){this.popList.clear()}});function V(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v()(e);if(t){var o=v()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return h()(this,n)}}var q={},U=Object(k.a)(M=function(e){f()(n,e);var t=V(n);function n(e){return i()(this,n),t.call(this,e)}return l()(n,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e,t,n=Object(j.p)(J.popList);if(!n.length)return document.body.style.overflow="auto",P.a.createElement("section",null);if(n.length>1&&1==n[n.length-1].isMulti){var r=n[n.length-1];e=q[r.key],t=r.data}var o=n[0],a=q[o.key],c=o.data;return(a||e)&&(document.body.style.overflow="hidden"),P.a.createElement("section",{className:"modal-hoc-bg",style:{zIndex:J.popList.length?1e3:-1,display:J.popList.length?"block":"none"}},a&&P.a.createElement(a,{popData:c}),e&&P.a.createElement("section",{className:"modal-hoc-bg",style:{zIndex:J.popList.length?1e3:-1,display:J.popList.length?"block":"none"}},P.a.createElement(e,{popData:t})))}}]),n}(b.Component))||M,Q=(n("aCct"),n("/2d7")),X=CFG.appID,H="202."+CFG.projectId+".0.0",G=[{ele:".test-md1",data:{dpm:"".concat(X,".110.5.1"),dcm:H,domain:"//embedlog.duiba.com.cn",appId:X},once:!1}],z=n("PJYZ"),K=n.n(z),Y=(n("80eo"),n("o0Sl")),Z=n("63/5");function $(e,t,n){return new Promise((function(r){var o=e.length,a=-1,s=0,i={},u=function(){var t=c()(y.a.mark((function t(){var c,l,p;return y.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!(s>=o)){t.next=5;break}0==o&&n&&n(1),r(i),t.next=18;break;case 5:if(!(++a>=o)){t.next=8;break}return t.abrupt("return");case 8:return c=e[a],l=Z.RES_PATH+e[a],t.next=12,ee(l);case 12:(p=t.sent)||console.warn("加载异常",l),i[c]=p,s++,n&&n(s/o),u();case 18:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();t=t||1;for(var l=0;l<t;l++)u()}))}function ee(e){return te.apply(this,arguments)}function te(){return(te=c()(y.a.mark((function e(t){var n;return y.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=t.split(".").pop(),e.t0=!0,e.next=e.t0===/png|jpg|jpeg/.test(n)?4:e.t0===/svga/.test(n)?7:10;break;case 4:return e.next=6,ne(t);case 6:return e.abrupt("return",e.sent);case 7:return e.next=9,re(t);case 9:return e.abrupt("return",e.sent);case 10:return console.warn("非法资源",t),e.abrupt("return",!1);case 12:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function ne(e){return new Promise((function(t){var n=new Image;n.onload=function(){return t(n)},n.onerror=function(n){console.warn("load",e,n),t(!1)},n.crossOrigin="Anonymous",n.src=e}))}function re(e){return new Promise((function(t){Object(Y.a)(e).then((function(e){return t(e[0])})).catch((function(n){console.warn("load",e,n),t(!1)}))}))}var oe,ae=n("lo2X");function ce(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v()(e);if(t){var o=v()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return h()(this,n)}}var se,ie=Object(k.a)(oe=function(e){f()(n,e);var t=ce(n);function n(e){var r;return i()(this,n),r=t.call(this,e),o()(K()(r),"preloadAssetInit",c()(y.a.mark((function e(){var t;return y.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:(t=ae.preLoadImg).length&&Array.prototype.imgWebpArray&&(t=t.imgWebpArray()),$(t,3,(function(e){return r.onLoadingProgress(e)})).then((function(){setTimeout((function(){var e=ae.asyncLoadImg;e.length&&Array.prototype.imgWebpArray&&(e=e.imgWebpArray()),$(e,1)}),5e3)}));case 3:case"end":return e.stop()}}),e)})))),o()(K()(r),"onLoadingProgress",(function(e){var t=Math.floor(100*e);r.isEvenLoad?r.setEvenProgress(t):r.setProgress(t)})),o()(K()(r),"setProgress",(function(e){r.progressBar.style.transform="translateX(".concat(e-100,"%)"),100==e&&setTimeout((function(){r.props.changePage&&N.changePage(r.props.changePage)}),500)})),o()(K()(r),"setEvenProgress",(function(e){r.intervalId&&clearInterval(r.intervalId);var t=r.curPercentage;r.intervalId=setInterval((function(){if(t>=e)return clearInterval(r.intervalId),void(100==e&&r.props.changePage&&N.changePage(r.props.changePage));t+=1,r.curPercentage=t,r.progressBar.style.transform="translateX(".concat(t-100,"%)")}),10)})),r.curPercentage=0,r.intervalId="",r.isEvenLoad=!0,r}return l()(n,[{key:"componentDidMount",value:function(){this.preloadAssetInit()}},{key:"render",value:function(){var e=this;return P.a.createElement("div",{className:"loadingDemo"},P.a.createElement("span",{className:"bg174"}),P.a.createElement("div",{className:"progressBar"},P.a.createElement("span",{className:"atBottom"}),P.a.createElement("span",{className:"loadingBg"},P.a.createElement("span",{className:"above",ref:function(t){return e.progressBar=t}}))),P.a.createElement("span",{className:"inLoad"},"加载中···"))}}]),n}(P.a.Component))||oe;n("rrVD");function ue(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v()(e);if(t){var o=v()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return h()(this,n)}}var le,pe=Object(k.a)(se=function(e){f()(n,e);var t=ue(n);function n(e){return i()(this,n),t.call(this,e)}return l()(n,[{key:"render",value:function(){return P.a.createElement("div",{className:"homeDemo"},"当前为活动首页")}}]),n}(P.a.Component))||se;function fe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fe(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function he(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v()(e);if(t){var o=v()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return h()(this,n)}}Object(Q.a)({show:G,click:G});var de={loading:P.a.createElement(ie,null),homePage:P.a.createElement(pe,null)},ve=Object(k.a)(le=function(e){f()(r,e);var t,n=he(r);function r(){return i()(this,r),n.apply(this,arguments)}return l()(r,[{key:"componentDidMount",value:(t=c()(y.a.mark((function e(){return y.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)}))),function(){return t.apply(this,arguments)})},{key:"render",value:function(){var e=N.curPage;return P.a.createElement("div",null,ge(ge({},de[e]),{},{props:{changePage:"homePage"}}),P.a.createElement(U,null))}}]),r}(b.Component))||le;w.a.render(P.a.createElement(ve,null),document.getElementById("root"))},lo2X:function(e){e.exports=JSON.parse('{"preLoadImg":[],"asyncLoadImg":[]}')},mPlr:function(e,t,n){var r=n("LboF"),o=n("+2NO");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var a={insert:"head",singleton:!1};r(o,a);e.exports=o.locals||{}},rrVD:function(e,t,n){var r=n("LboF"),o=n("gJVq");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var a={insert:"head",singleton:!1};r(o,a);e.exports=o.locals||{}}},[["k7yg",1,2]]]);
+//# sourceMappingURL=main.38456f32.js.map
\ No newline at end of file

dist/js/main.38456f32.js.map

+{"version":3,"sources":["webpack:///./sparkrc.js","webpack:///./src/pages/loadingDemo/loadingDemo.less","webpack:///./src/modal/modal.less","webpack:///./src/utils/checkWebp.js","webpack:///./src/api/apicfg.js","webpack:///./src/api/index.js","webpack:///./src/store/index.js","webpack:///./src/store/modal.js","webpack:///./src/modal/modal.jsx","webpack:///./MD.js","webpack:///./src/utils/preload1.3.js","webpack:///./src/pages/loadingDemo/loadingDemo.jsx","webpack:///./src/pages/homeDemo/homeDemo.jsx","webpack:///./src/app.jsx","webpack:///./src/app.less","webpack:///./src/pages/homeDemo/homeDemo.less"],"names":["module","exports","api","content","__esModule","default","i","options","locals","urlArr","flag","lowAdr","ua","navigator","userAgent","toLowerCase","indexOf","ver","parseFloat","substr","localStorage","isWebp","img","Image","onload","width","document","getElementsByTagName","setAttribute","onerror","src","String","prototype","ossImg","getOssImg","url","split","length","this","Array","imgWebpArray","key","array","push","apiCfg","getRule","getFrontVariable","doJoin","uri","method","mergeData","user_type","newUser","is_from_share","isFromShare","API","apiList","value","headers","withToken","secret","secretKey","contentType","console","error","getRequestParams","mHeaders","a","params","getPxToken","token","Toast","mergedHeaders","callApi","e","message","result","success","generateAPI","store","makeAutoObservable","ruleInfo","frontVariable","curPage","setRule","changePage","page","callback","initRule","data","modalIndex","modalStore","popList","pushPop","isMulti","cacheList","slice","sort","b","clear","closePop","filter","obj","shift","closePopAll","cfg","Modal","observer","props","PopUpMulti","popUpMultiData","list","toJS","body","style","overflow","popObj2","popObj","PopUp","popData","className","zIndex","display","Component","appId","CFG","appID","dcm","projectId","MDList","ele","dpm","domain","once","preloadAsset","urlList","batchNum","onProgress","Promise","resolve","totalNum","assetIndex","loadedNum","loadedData","doLoad","RES_PATH","loadOneAsset","warn","index","fileType","pop","test","loadOneImg","loadOneSvga","err","crossOrigin","loadSvga","then","LoadingDemo","imageList","assetList","preLoadImg","progress","onLoadingProgress","setTimeout","asyncImageList","asyncLoadImg","percentage","Math","floor","isEvenLoad","setEvenProgress","setProgress","progressBar","transform","intervalId","clearInterval","curPercentage","setInterval","preloadAssetInit","ref","el","React","HomeDemo","MD","show","click","pageMap","loading","homePage","App","ReactDOM","render","getElementById"],"mappings":"yHAAAA,EAAOC,QAAS,CACd,WAAc,OACd,WAAc,MACd,SAAY,UACZ,MAAS,cACT,SAAY,sBACZ,UAAY,EACZ,QAAU,EACV,SAAY,GACZ,SAAY,GACZ,SAAW,uDACX,cAAiB,sDACjB,aAAgB,iE,uBCZlB,IAAIC,EAAM,EAAQ,QACFC,EAAU,EAAQ,QAIC,iBAFvBA,EAAUA,EAAQC,WAAaD,EAAQE,QAAUF,KAG/CA,EAAU,CAAC,CAACH,EAAOM,EAAIH,EAAS,MAG9C,IAAII,EAAU,CAEd,OAAiB,OACjB,WAAoB,GAEPL,EAAIC,EAASI,GAI1BP,EAAOC,QAAUE,EAAQK,QAAU,I,uBClBnC,IAAIN,EAAM,EAAQ,QACFC,EAAU,EAAQ,QAIC,iBAFvBA,EAAUA,EAAQC,WAAaD,EAAQE,QAAUF,KAG/CA,EAAU,CAAC,CAACH,EAAOM,EAAIH,EAAS,MAG9C,IAAII,EAAU,CAEd,OAAiB,OACjB,WAAoB,GAEPL,EAAIC,EAASI,GAI1BP,EAAOC,QAAUE,EAAQK,QAAU,I,kECVnC,WACE,IAAIC,EAAS,GACTC,GAAO,EACTC,GAAS,EACLC,EAAKC,UAAUC,UAAUC,cAE/B,GADkBH,EAAGI,QAAQ,YAAc,GAAKJ,EAAGI,QAAQ,QAAU,EACtD,CACb,IAAMC,EAAMC,WAAWN,EAAGO,OAAOP,EAAGI,QAAQ,WAAa,EAAG,IAC5DL,EAASM,EAAM,IAKjB,GAHIN,GAAUS,qBACLA,aAAaC,OAElBD,eAAiBA,aAAaC,OAAQ,CACxC,IAAMC,EAAM,IAAIC,MAChBD,EAAIE,OAAS,WACO,IAAdF,EAAIG,OAAgBd,EAItBS,aAAaC,OAAS,IAHtBD,aAAaC,QAAS,EACtBK,SAASC,qBAAqB,QAAQ,GAAGC,aAAa,aAAc,UAKxEN,EAAIO,QAAU,WACZnB,GAAO,EACPU,aAAaC,OAAS,IAExBC,EAAIQ,IAAM,sFAuBZC,OAAOC,UAAUC,OAAS,WACxB,OArBF,SAASC,EAAWC,GAClB,OAAKA,EAGAzB,IAAQU,mBAAgD,IAAxBA,aAAaC,QAIhDZ,EAAS0B,EAAIC,MAAM,MACRC,OAAS,GAAmC,QAA9B5B,EAAOA,EAAO4B,OAAS,GACvCF,EAAM,IAEXf,cAAgBA,aAAaC,OAC/Bc,GAAY,mCAEZA,GAAY,oCAEPA,QAZPD,EAAUC,GAHHA,EAmBFD,CAAUI,OAEnBC,MAAMP,UAAUQ,aAAe,SAAUC,GAGvC,IAFA,IAAMC,EAAQ,GAELpC,EAAI,EAAGA,EADHgC,KACYD,OAAQ/B,IAC3BmC,GAFOH,KAEKhC,GAAGmC,GAFRH,KAGJhC,GAAGmC,GAHCH,KAGWhC,GAAGmC,GAAKR,SAHnBK,KAIGhC,KAJHgC,KAKJhC,GALIgC,KAKMhC,GAAG2B,UAEpBS,EAAMC,KAPKL,KAOKhC,IAElB,OAAOoC,GAhEX,I,+UCEeE,EATA,CACbC,QAAO,oBACPC,iBAAgB,2BAChBC,OAAQ,CACNC,IAAK,UACLC,OAAQ,S,inBCCZ,IAAMC,EAAY,CACjBC,UAAWC,IAAU,IAAM,IAC3BC,cAAeC,IAAc,IAAM,KASrBC,EAyBf,SAAqBC,GACpB,IAAMtD,EAAM,GADiB,WAElBuC,GACV,IAEA,EA5BF,SAA0BgB,GACzB,GAAqB,iBAAVA,EACV,MAAO,CACNT,IAAKS,EACLR,OAAQ,OAEH,GAAqB,WAAjB,IAAOQ,GAAoB,CACrC,IAAOT,EAAoFS,EAApFT,IAAP,EAA2FS,EAA/ER,cAAZ,MAAqB,MAArB,EAA4BS,EAA+DD,EAA/DC,QAASC,EAAsDF,EAAtDE,UAAWC,EAA2CH,EAA3CG,OAAQC,EAAmCJ,EAAnCI,UAAxD,EAA2FJ,EAAxBK,YACnE,MAAO,CACNd,MACAC,SACAS,UACAC,YACAC,SACAC,YACAC,iBARD,MAAiF,OAAjF,GAWAC,QAAQC,MAAM,0BAUsEC,CAFtET,EAAQf,IAEfQ,EAAP,EAAOA,OAAQD,EAAf,EAAeA,IAAckB,EAA7B,EAAoBR,QAAmBC,EAAvC,EAAuCA,UAAWC,EAAlD,EAAkDA,OAAQC,EAA1D,EAA0DA,UAAWC,EAArE,EAAqEA,YACrE5D,EAAIuC,GAAJ,MAAA0B,EAAA,MAAW,gDAAAA,EAAA,yDAAOC,EAAP,+BAAgB,GAAIV,EAApB,wBAENC,EAFM,0CAIMU,cAJN,OAIRC,EAJQ,8DAMRC,YAAM,+BANE,kCAWJC,EAXI,OAWgBN,GAAaR,GACnCC,GAAaW,IAChBF,EAAOE,MAAQA,GAGhBF,EAAS,EAAH,KAAOA,GAAWlB,GAhBd,UAkBWuB,YAAQzB,EAAKoB,EAAQnB,EAAQuB,GAAe,EAAOZ,EAAQC,EAAWC,GAAtE,OACb,SAAAY,GAENH,aAAOG,EAAEC,SAAW,QAAU,sBArBtB,aAkBJC,EAlBI,gCAyBJA,EAAOC,SACXN,aAAOK,EAAOD,SAAW,QAAU,mBA1B3B,kBA6BFC,GA7BE,0DAJZ,IAAK,IAAMnC,KAAOe,EAAS,EAAhBf,GAsCX,OAAOvC,EAlEI4E,CALI,EAAH,GACTlC,ICVJ,I,EAuBemC,EAvBDC,YAAmB,CAC7BC,SAAU,GACVC,cAAe,GACfC,QAAS,UACTC,QAJ6B,SAIrBH,GACJ3C,KAAK2C,SAAWA,GAEpBI,WAP6B,SAOlBC,EAAMC,GACbjD,KAAK6C,QAAUG,EACfC,GAAYA,KAEVC,SAXuB,WAWZ,sIAEUjC,EAAIV,UAFd,gBAEL4C,EAFK,EAELA,KACR,EAAKL,QAAQK,GAHA,8CAKX3C,iBAhBuB,WAgBJ,sIAEES,EAAIT,mBAFN,gBAEb2C,EAFa,EAEbA,KACR,EAAKP,cAAgBO,GAAQ,GAHR,gD,iCCfvBC,EAAa,GAuCJC,EAnCIX,YAAmB,CACpCY,QAAS,GAOTC,QARoC,SAQ5BpD,EAAKgD,GAAoB,IAAfK,EAAe,wDAC/B,GAAIxD,KAAKsD,QAAQvD,OAAQ,OACnB0D,EAAYzD,KAAKsD,QAAQI,QAC7BD,EAAUpD,KAAK,CAAEF,MAAKgD,OAAKK,YAC3BC,EAAYA,EAAUE,MAAK,SAAC9B,EAAG+B,GAAJ,OAAYR,EAAWQ,EAAEzD,KAAOiD,EAAWQ,EAAEzD,KAAO,KAAOiD,EAAWvB,EAAE1B,KAAOiD,EAAWvB,EAAE1B,KAAO,OAC9HH,KAAKsD,QAAQO,SACb,EAAA7D,KAAKsD,SAAQjD,KAAb,YAAqBoD,SAErBzD,KAAKsD,QAAQjD,KAAK,CAAEF,MAAKgD,OAAKK,aAIlCM,SApBoC,SAoB3B3D,GACP,GAAIA,EAAK,OACHsD,EAAYzD,KAAKsD,QAAQI,QAC7BD,EAAYA,EAAUM,QAAO,SAAAC,GAAG,OAAKA,EAAI7D,KAAOA,KAChDH,KAAKsD,QAAQO,SACb,EAAA7D,KAAKsD,SAAQjD,KAAb,YAAqBoD,SAErBzD,KAAKsD,QAAQW,SAGjBC,YA9BoC,WA+BlClE,KAAKsD,QAAQO,W,6aCjCV,IAAMM,EAAM,GAmDJC,EA/CdC,Y,kCAEC,WAAYC,GAAO,+BACXA,G,6CAGR,c,oBAEA,WACE,IAOIC,EAAYC,EAPVC,EAAOC,YAAKrB,EAAWC,SAE7B,IAAKmB,EAAK1E,OAGR,OADAX,SAASuF,KAAKC,MAAMC,SAAS,OACtB,kCAIT,GAAIJ,EAAK1E,OAAS,GAAsC,GAAjC0E,EAAKA,EAAK1E,OAAS,GAAGyD,QAAiB,CAC5D,IAAMsB,EAAUL,EAAKA,EAAK1E,OAAS,GACnCwE,EAAaJ,EAAIW,EAAQ3E,KACzBqE,EAAiBM,EAAQ3B,KAG3B,IAAM4B,EAASN,EAAK,GACdO,EAAQb,EAAIY,EAAO5E,KACnB8E,EAAUF,EAAO5B,KAMvB,OAJI6B,GAAST,KACXnF,SAASuF,KAAKC,MAAMC,SAAS,UAGxB,6BAASK,UAAU,eAAeN,MAAO,CAC9CO,OAAQ9B,EAAWC,QAAQvD,OAAS,KAAQ,EAC5CqF,QAAS/B,EAAWC,QAAQvD,OAAS,QAAU,SAE9CiF,GAAS,kBAACA,EAAD,CAAOC,QAASA,IACzBV,GAAc,6BAASW,UAAU,eAAeN,MAAO,CACtDO,OAAQ9B,EAAWC,QAAQvD,OAAS,KAAQ,EAC5CqF,QAAS/B,EAAWC,QAAQvD,OAAS,QAAU,SAC9C,kBAACwE,EAAD,CAAYU,QAAST,U,GAvCVa,e,0BCThBC,EAAQC,IAAIC,MACVC,EAAM,OAASF,IAAIG,UAAY,OAGjCC,EAAS,CACX,CACEC,IAAK,YACLzC,KAAM,CACJ0C,IAAK,GAAF,OAAKP,EAAL,YACHG,MACAK,OARS,0BASTR,SAEFS,MAAM,I,yDCIH,SAASC,EAAaC,EAASC,EAAUC,GAC5C,OAAO,IAAIC,SAAQ,SAACC,GAEhB,IAAMC,EAAWL,EAAQlG,OAErBwG,GAAc,EAEdC,EAAY,EAEVC,EAAa,GAEbC,EAAM,+BAAG,gCAAA7E,EAAA,2DACP2E,GAAaF,GADN,gBAEK,GAAZA,GAAiBH,GAAcA,EAAW,GAC1CE,EAAQI,GAHD,8BAKPF,GACkBD,GANX,wDAODnG,EAAM8F,EAAQM,GACd1G,EAAM8G,WAAWV,EAAQM,GARxB,UAScK,GAAa/G,GAT3B,SASDyC,EATC,SAWHb,QAAQoF,KAAK,OAAQhH,GAEzB4G,EAAWtG,GAAOmC,EAClBkE,IACAL,GAAcA,EAAWK,EAAYF,GACrCI,IAhBO,4CAAH,qDAmBZR,EAAWA,GAAY,EACvB,IAAK,IAAIY,EAAQ,EAAGA,EAAQZ,EAAUY,IAClCJ,O,SASGE,G,yEAAf,WAA4B/G,GAA5B,eAAAgC,EAAA,sDACUkF,EAAWlH,EAAIC,MAAM,KAAKkH,MADpC,MAEY,EAFZ,cAGc,eAAgBC,KAAKF,GAHnC,SAKc,OAAQE,KAAKF,GAL3B,kCAIyBG,GAAWrH,GAJpC,+DAMyBsH,GAAYtH,GANrC,uDAcY4B,QAAQoF,KAAK,OAAQhH,GAdjC,mBAemB,GAfnB,6C,sBAuBA,SAASqH,GAAWrH,GAChB,OAAO,IAAIuG,SAAQ,SAAAC,GACf,IAAMrH,EAAM,IAAIC,MAChBD,EAAIE,OAAS,kBAAMmH,EAAQrH,IAC3BA,EAAIO,QAAU,SAAA6H,GACV3F,QAAQoF,KAAK,OAAQhH,EAAKuH,GAC1Bf,GAAQ,IAEZrH,EAAIqI,YAAc,YAClBrI,EAAIQ,IAAMK,KAQlB,SAASsH,GAAYtH,GACjB,OAAO,IAAIuG,SAAQ,SAAAC,GACfiB,YAASzH,GAAK0H,MAAK,SAACpE,GAAD,OAAUkD,EAAQlD,EAAK,OAA1C,OAAqD,SAAAiE,GACjD3F,QAAQoF,KAAK,OAAQhH,EAAKuH,GAC1Bf,GAAQ,S,ycCFLmB,GA9FdnD,Y,oCAEC,WAAYC,GAAO,yBACjB,cAAMA,GADW,4CASA,4BAAAzC,EAAA,uDACb4F,EAAYC,GAAUC,YACb5H,QAAWE,MAAMP,UAAUQ,eACtCuH,EAAYA,EAAUvH,gBAExB8F,EAAayB,EAAW,GAAG,SAACG,GAAD,OAAc,EAAKC,kBAAkBD,MAAWL,MAAK,WAE9EO,YAAW,WAET,IAAIC,EAAiBL,GAAUM,aAC5BD,EAAehI,QAAWE,MAAMP,UAAUQ,eAC3C6H,EAAiBA,EAAe7H,gBAElC8F,EAAa+B,EAAgB,KAC5B,QAdY,4CATA,gCA+BC,SAACH,GACnB,IAAMK,EAAaC,KAAKC,MAAiB,IAAXP,GAE3B,EAAKQ,WACN,EAAKC,gBAAgBJ,GAErB,EAAKK,YAAYL,MArCF,0BA6CL,SAACA,GACb,EAAKM,YAAY3D,MAAM4D,UAAvB,qBAAiDP,EAAa,IAA9D,MACiB,KAAdA,GACDH,YAAW,WACT,EAAKxD,MAAMvB,YAAcN,EAAMM,WAAW,EAAKuB,MAAMvB,cACpD,QAlDY,8BA0DD,SAACkF,GACjB,EAAKQ,YAAcC,cAAc,EAAKD,YACtC,IAAIE,EAAgB,EAAKA,cACzB,EAAKF,WAAaG,aAAY,WAC5B,GAAID,GAAiBV,EAGnB,OAFAS,cAAc,EAAKD,iBACL,KAAdR,GAAqB,EAAK3D,MAAMvB,YAAcN,EAAMM,WAAW,EAAKuB,MAAMvB,aAG5E4F,GAAiB,EACjB,EAAKA,cAAgBA,EACrB,EAAKJ,YAAY3D,MAAM4D,UAAvB,qBAAiDG,EAAgB,IAAjE,QACC,OApEH,EAAKA,cAAgB,EACrB,EAAKF,WAAa,GAClB,EAAKL,YAAa,EAJD,E,6CAMnB,WACEpI,KAAK6I,qB,oBAkEP,WAAS,WACP,OACE,yBAAK3D,UAAU,eACb,0BAAMA,UAAU,UAChB,yBAAKA,UAAU,eACb,0BAAMA,UAAU,aAChB,0BAAMA,UAAU,aACd,0BACEA,UAAU,QACV4D,IAAK,SAACC,GAAD,OAAS,EAAKR,YAAcQ,OAIvC,0BAAM7D,UAAU,UAAhB,e,GAvFkB8D,IAAM3D,a,kcCWjB4D,GAdd5E,Y,oCAEC,WAAYC,GAAO,+BACXA,G,kCAER,WACE,OACE,yBAAKY,UAAU,YAAf,e,GANiB8D,IAAM3D,a,s/BHa3B6D,YAAG,CACDC,KAAMxD,EACNyD,MAAOzD,IIRX,IAAM0D,GAAU,CACdC,QAAS,kBAAC,GAAD,MACTC,SAAU,kBAAC,GAAD,OAGNC,GADLnF,Y,4JAEC,sBAAAxC,EAAA,0F,iEAIA,WACE,IAAQgB,EAAaJ,EAAbI,QACR,OACE,sCACOwG,GAAQxG,IADf,IACyByB,MAAO,CAACvB,WAAY,cAC3C,kBAAC,EAAD,W,GAVUsC,e,GAgBlBoE,IAASC,OAAO,kBAAC,GAAD,MAAStK,SAASuK,eAAe,U,mGCnCjD,IAAI/L,EAAM,EAAQ,QACFC,EAAU,EAAQ,QAIC,iBAFvBA,EAAUA,EAAQC,WAAaD,EAAQE,QAAUF,KAG/CA,EAAU,CAAC,CAACH,EAAOM,EAAIH,EAAS,MAG9C,IAAII,EAAU,CAEd,OAAiB,OACjB,WAAoB,GAEPL,EAAIC,EAASI,GAI1BP,EAAOC,QAAUE,EAAQK,QAAU,I,qBClBnC,IAAIN,EAAM,EAAQ,QACFC,EAAU,EAAQ,QAIC,iBAFvBA,EAAUA,EAAQC,WAAaD,EAAQE,QAAUF,KAG/CA,EAAU,CAAC,CAACH,EAAOM,EAAIH,EAAS,MAG9C,IAAII,EAAU,CAEd,OAAiB,OACjB,WAAoB,GAEPL,EAAIC,EAASI,GAI1BP,EAAOC,QAAUE,EAAQK,QAAU,K","file":"js/main.38456f32.js","sourcesContent":["module.exports ={\n  \"OUTPUT_DIR\": \"dist\",\n  \"SOURCE_DIR\": \"src\",\n  \"TEMP_DIR\": \"./.temp\",\n  \"ENTRY\": \"src/app.jsx\",\n  \"TEMPLATE\": \"./public/index.html\",\n  \"API_MOCK\": true,\n  \"PX2REM\": true,\n  \"IMAGE_Q1\": 0.6,\n  \"IMAGE_Q2\": 0.8,\n  \"RES_PATH\":\"//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/\",\n  \"RES_PATH_PROD\": \"//yun.duiba.com.cn/spark/v2/temp_base/1651112884768\",\n  \"JS_PATH_PROD\": \"https://yun.duiba.com.cn/spark/v2/temp_base/1651112891659/js\"\n}","var api = require(\"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!../../../node_modules/css-loader/dist/cjs.js??ref--4-2!../../../node_modules/postcss-loader/src/index.js??ref--4-3!../../../node_modules/less-loader/dist/cjs.js??ref--4-4!./loadingDemo.less\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","var api = require(\"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!../../node_modules/css-loader/dist/cjs.js??ref--4-2!../../node_modules/postcss-loader/src/index.js??ref--4-3!../../node_modules/less-loader/dist/cjs.js??ref--4-4!./modal.less\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","/**\n * 检查是否支持.webp 格式图片\n *\n * 支持 webp CDN   ?x-oss-process=image/format,webp\n * 不支持    CDN   ?x-oss-process=image/quality,Q_80\n */\n\n\n(function () {\n  let urlArr = []\n  let flag = false,\n    lowAdr = false\n  const ua = navigator.userAgent.toLowerCase()\n  const isAndroid = ua.indexOf('android') > -1 || ua.indexOf('adr') > -1\n  if (isAndroid) {\n    const ver = parseFloat(ua.substr(ua.indexOf('android') + 8, 3))\n    lowAdr = ver < 4.4\n  }\n  if (lowAdr && localStorage) {\n    delete localStorage.isWebp\n  }\n  if (localStorage && !localStorage.isWebp) {\n    const img = new Image()\n    img.onload = function () {\n      if (img.width === 1 && !lowAdr) {\n        localStorage.isWebp = true\n        document.getElementsByTagName('html')[0].setAttribute('duiba-webp', 'true')\n      } else {\n        localStorage.isWebp = ''\n      }\n    }\n    img.onerror = function () {\n      flag = true\n      localStorage.isWebp = ''\n    }\n    img.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA='\n  }\n\n  function getOssImg (url) {\n    if (!url) {\n      return url\n    }\n    if (!flag && localStorage && (typeof localStorage.isWebp === 'undefined')) {\n      getOssImg(url)\n    } else {\n      // gif 的图片不做处理\n      urlArr = url.split('.')\n      if (urlArr.length > 0 && urlArr[urlArr.length - 1] === 'gif') {\n        return url + ''\n      }\n      if (localStorage && localStorage.isWebp) {\n        url = url + '?x-oss-process=image/format,webp'\n      } else {\n        url = url + '?x-oss-process=image/quality,Q_80'\n      }\n      return url\n    }\n  }\n  String.prototype.ossImg = function () {\n    return getOssImg(this)\n  }\n  Array.prototype.imgWebpArray = function (key) {\n    const array = []\n    const list = this\n    for (let i = 0; i < list.length; i++) {\n      if (key && list[i][key]) {\n        list[i][key] = list[i][key].ossImg()\n      }else if(list[i]){\n        list[i] = list[i].ossImg()\n      }\n      array.push(list[i])\n    }\n    return array\n  }\n})()\n","\nconst apiCfg = {\n  getRule:`projectRule.query`,\n  getFrontVariable:`coop_frontVariable.query`,\n  doJoin: {\n    uri: `join.do`,\n    method: \"post\"\n  },\n}\n\nexport default apiCfg;\n","import apiCfg from './apicfg';\nimport {getPxToken} from \"@spark/projectx\";\nimport {callApi} from '@spark/api-base'\nimport {Toast} from '@spark/ui'\n\nimport {isFromShare, newUser} from 'duiba-utils';\n\nconst mergeData = {\n\tuser_type: newUser ? '0' : '1',\n\tis_from_share: isFromShare ? '0' : '1',\n}\n\nconst apiList = {\n\t...apiCfg\n}\n\n\nconst API = generateAPI(apiList);\nexport default API;\n\nfunction getRequestParams(value) {\n\tif (typeof value === 'string') {\n\t\treturn {\n\t\t\turi: value,\n\t\t\tmethod: 'get'\n\t\t}\n\t} else if (typeof value === 'object') {\n\t\tconst {uri, method = 'get', headers, withToken, secret, secretKey, contentType = 'form'} = value;\n\t\treturn {\n\t\t\turi,\n\t\t\tmethod,\n\t\t\theaders,\n\t\t\twithToken,\n\t\t\tsecret,\n\t\t\tsecretKey,\n\t\t\tcontentType,\n\t\t}\n\t} else {\n\t\tconsole.error('getRequestParams: 传参有误');\n\t}\n}\n\n\nfunction generateAPI(apiList) {\n\tconst api = {};\n\tfor (const key in apiList) {\n\t\tconst value = apiList[key];\n\n\t\tconst {method, uri, headers: mHeaders, withToken, secret, secretKey, contentType} = getRequestParams(value);\n\t\tapi[key] = async (params = {}, headers) => {\n\t\t\tlet token;\n\t\t\tif (withToken) {\n\t\t\t\ttry {\n\t\t\t\t\ttoken = await getPxToken();\n\t\t\t\t} catch (e) {\n\t\t\t\t\tToast('星速台token获取失败，***请补全该处理逻辑***');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst mergedHeaders = {...mHeaders, ...headers}\n\t\t\tif (withToken && token) {\n\t\t\t\tparams.token = token;\n\t\t\t}\n\n\t\t\tparams = {...params, ...mergeData};\n\n\t\t\tconst result = await callApi(uri, params, method, mergedHeaders, false, secret, secretKey, contentType)\n\t\t\t\t.catch(e => {\n\t\t\t\t\t//捕获网络异常\n\t\t\t\t\tToast((e.message || '网络异常') + ' ***请补全该处理逻辑***');\n\t\t\t\t});\n\t\t\tif (result) {\n\t\t\t\t//判断接口错误\n\t\t\t\tif (!result.success) {\n\t\t\t\t\tToast((result.message || '接口错误') + ' ***请补全该处理逻辑***');\n\t\t\t\t}\n\t\t\t\t//返回整个结果\n\t\t\t\treturn result;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn api;\n}\n","import { makeAutoObservable } from 'mobx';\nimport API from '../api/index';\n\nconst store = makeAutoObservable({\n    ruleInfo: '',\n    frontVariable: {},  //前端开发配置\n    curPage: 'loading',\n    setRule(ruleInfo) {\n        this.ruleInfo = ruleInfo\n    },\n    changePage(page, callback) {\n        this.curPage = page;\n        callback && callback();\n    },\n    async initRule() {\n        // 模拟获取远程的数据\n        const { data } = await API.getRule();\n        this.setRule(data)\n    },\n    async getFrontVariable() {\n        // 获取前端开发配置\n        const { data } = await API.getFrontVariable();\n        this.frontVariable = data || {};\n        console.log('前端开发配置', data)\n    }\n})\nexport default store; ","import { makeAutoObservable } from 'mobx';\n\n//此处配置页面的优先级，越大优先级越高\n// PopIndex:11\nconst modalIndex = {\n\n}\n\nconst modalStore = makeAutoObservable({\n  popList: [],\n  /**\n   * \n   * @param {*} key  弹窗名，一般是类名的字符串\n   * @param {*} data 需要传递的数据，弹窗中使用 const {popData}  = props; 获取\n   * @param {*} isMulti 是否是二级弹窗，在不关闭已有弹窗的基础上，弹出当前弹窗。注意，如果是二级弹窗，关闭时必须传key\n   */\n  pushPop(key, data,isMulti=false) {\n    if (this.popList.length) {\n      let cacheList = this.popList.slice();\n      cacheList.push({ key, data,isMulti });\n      cacheList = cacheList.sort((a, b) => ((modalIndex[b.key] ? modalIndex[b.key] : 10) - (modalIndex[a.key] ? modalIndex[a.key] : 10)))\n      this.popList.clear();\n      this.popList.push(...cacheList);\n    } else {\n      this.popList.push({ key, data,isMulti });\n    }\n    // console.log(\"this.popList:::\",toJS(this.popList));\n  },\n  closePop(key) {\n    if (key) {\n      let cacheList = this.popList.slice();\n      cacheList = cacheList.filter(obj => (obj.key != key));\n      this.popList.clear();\n      this.popList.push(...cacheList);\n    } else {\n      this.popList.shift();\n    }\n  },\n  closePopAll() {\n    this.popList.clear();\n  }\n\n});\nexport default modalStore;\n","import React, { Component } from \"react\";\n\nimport './modal.less';\nimport { observer } from 'mobx-react';\nimport modalStore from '../store/modal';\nimport { toJS } from 'mobx';\nexport const cfg = {\n \n};\n\n@observer\nclass Modal extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  componentDidMount() { }\n\n  render() {\n    const list = toJS(modalStore.popList);\n \n    if (!list.length) {\n      //TODO:此处根据需要自行修改\n      document.body.style.overflow='auto';\n      return <section></section>;\n    }\n    let PopUpMulti, popUpMultiData;\n\n    if (list.length > 1 && list[list.length - 1].isMulti == true) {\n      const popObj2 = list[list.length - 1];\n      PopUpMulti = cfg[popObj2.key];\n      popUpMultiData = popObj2.data;\n\n    }\n    const popObj = list[0];\n    const PopUp = cfg[popObj.key];\n    const popData = popObj.data;\n\n    if (PopUp || PopUpMulti) {\n      document.body.style.overflow='hidden';\n    } \n\n    return <section className=\"modal-hoc-bg\" style={{\n      zIndex: modalStore.popList.length ? 1000 : -1,\n      display: modalStore.popList.length ? 'block' : 'none'\n    }}>\n      {PopUp && <PopUp popData={popData} />}\n      {PopUpMulti && <section className=\"modal-hoc-bg\" style={{\n        zIndex: modalStore.popList.length ? 1000 : -1,\n        display: modalStore.popList.length ? 'block' : 'none'\n      }}><PopUpMulti popData={popUpMultiData} />\n      </section>}\n    </section>;\n  }\n\n}\n\nexport default Modal;","import MD from 'spark-utils/out/md/index.js';\n\nlet appId = CFG.appID;\nconst dcm = '202.' + CFG.projectId + '.0.0';\nconst domain = '//embedlog.duiba.com.cn';\n\nlet MDList = [\n  {\n    ele: `.test-md1`,\n    data: {\n      dpm: `${appId}.110.5.1`,\n      dcm,\n      domain,\n      appId\n    },\n    once: false\n  }\n];\n\nexport default () =>\n  MD({\n    show: MDList, // 曝光\n    click: MDList // 点击\n  });\n","import { loadSvga } from '@spark/svgaplayer'\n// import * as FYGE from 'fyge';\n// import { Howl } from 'howler';\nimport { RES_PATH } from '../../sparkrc'\n\n/**\n * 预加载资源（/png|jpg|jpeg|svga|spi|json|mp3|wav/）\n * @param {string[]} urlList 资源地址列表\n * @param {number} batchNum 每批并行加载的资源个数（一般来说该数字越大整体加载速度越快，但加载前期会更卡顿）\n * @param {Function} [onProgress] 加载进度回调，每加载完一个资源回调一次，入参为进度值（0，1]\n * @returns {Promise} 返回一个只会resolve(loadedData)的promise，loadedData保存了所有预加载好的资源，可通过相对路径索引\n * @example \n * //例\n * const loadedData = await PreloadAsset(urlList, 10, onProgress);\n * const image = loadedData['image/fish.png'];\n * const svgaData = loadedData['svga/fish.svga'];\n * const spiData = loadedData['spine/fish.spi'];\n * const lottieData = loadedData['lottie/fish.json'];\n */\nexport function preloadAsset(urlList, batchNum, onProgress) {\n    return new Promise((resolve) => {\n        /** 要加载资源总数 */\n        const totalNum = urlList.length;\n        /** 要加载的资源索引 */\n        let assetIndex = -1;\n        /** 已加载完毕的资源个数 */\n        let loadedNum = 0;\n        /** 存放加载好的数据，用地址索引 */\n        const loadedData = {};\n        /** 加载逻辑 */\n        const doLoad = async () => {\n            if (loadedNum >= totalNum) {\n                totalNum == 0 && onProgress && onProgress(1);  //无加载资源时，即为假loading\n                resolve(loadedData); // 加载完毕\n            } else {\n                assetIndex++;\n                if (assetIndex >= totalNum) return\n                const key = urlList[assetIndex];\n                const url = RES_PATH + urlList[assetIndex];\n                const result = await loadOneAsset(url);\n                if (!result) {\n                    console.warn('加载异常', url);\n                }\n                loadedData[key] = result;\n                loadedNum++;\n                onProgress && onProgress(loadedNum / totalNum);\n                doLoad();\n            }\n        }\n        batchNum = batchNum || 1;\n        for (let index = 0; index < batchNum; index++) {\n            doLoad();\n        }\n    })\n}\n\n/**\n * 加载一个资源\n * @param {string} url 地址\n */\nasync function loadOneAsset(url) {\n    const fileType = url.split('.').pop();\n    switch (true) {\n        case (/png|jpg|jpeg/).test(fileType):\n            return await loadOneImg(url);\n        case (/svga/).test(fileType):\n            return await loadOneSvga(url);\n        // case (/spi/).test(fileType):\n        //     return await loadOneSpi(url);\n        // case (/json/).test(fileType):\n        //     return await loadOneJson(url);\n        // case (/mp3|wav/).test(fileType):\n        //     return await loadOneAudio(url);\n        default:\n            console.warn('非法资源', url);\n            return false;\n    }\n}\n\n/**\n * 加载一张图片\n * @param {string} url 地址\n */\nfunction loadOneImg(url) {\n    return new Promise(resolve => {\n        const img = new Image();\n        img.onload = () => resolve(img);\n        img.onerror = err => {\n            console.warn('load', url, err);\n            resolve(false)\n        };\n        img.crossOrigin = 'Anonymous'\n        img.src = url;\n    })\n}\n\n/**\n * 加载一个svga\n * @param {string} url 地址\n */\nfunction loadOneSvga(url) {\n    return new Promise(resolve => {\n        loadSvga(url).then((data) => resolve(data[0])).catch(err => {\n            console.warn('load', url, err);\n            resolve(false)\n        });\n    })\n}\n\n// /**\n//  * 加载一个spine\n//  * @param {string} url 地址\n//  */\n// function loadOneSpi(url) {\n//     return new Promise(resolve => {\n//         FYGE.loadSpine(url, spineData => {\n//             resolve(spineData);\n//         }, err => {\n//             console.warn('load', url, err);\n//             resolve(false);\n//         })\n//     })\n// }\n\n// /**\n//  * 加载一个Json\n//  * @param {string} url 地址\n//  */\n// function loadOneJson(url) {\n//     return new Promise(resolve => {\n//         FYGE.GlobalLoader.loadJson((result, res) => {\n//             if (result) {\n//                 resolve(res);\n//             } else {\n//                 console.warn('load fail', url);\n//                 resolve(false);\n//             }\n//         }, url)\n//     })\n// }\n\n// /**\n//  * 加载一个音频\n//  * @param {string} url 地址\n//  */\n//  function loadOneAudio(url) {\n//     return new Promise(resolve => {\n//         const sound = new Howl({\n//             src: url,\n//             onload: () => resolve(sound),\n//             onloaderror: err => {\n//                 console.warn('load fail', url, err);\n//                 resolve(false);\n//             },\n//         });\n//     })\n// }\n\n\n\n","\"use strict\";\n\nimport React from \"react\";\nimport { observer } from \"mobx-react\";\nimport store from \"../../store/index\";\nimport \"./loadingDemo.less\";\nimport { preloadAsset } from \"@src/utils/preload1.3.js\";\nimport assetList from '@src/assetList.json';\n@observer\nclass LoadingDemo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.curPercentage = 0;\n    this.intervalId = \"\";\n    this.isEvenLoad = true;  //是否匀速加载进度条\n  }\n  componentDidMount() {\n    this.preloadAssetInit();\n  }\n  preloadAssetInit = async() => {\n    let imageList = assetList.preLoadImg;\n    if(imageList.length &&  Array.prototype.imgWebpArray){\n      imageList = imageList.imgWebpArray()\n    }\n    preloadAsset(imageList, 3, (progress) => this.onLoadingProgress(progress)).then(()=>{\n      //预加载资源完成\n      setTimeout(() => {\n        //异步加载资源开始\n        let asyncImageList = assetList.asyncLoadImg;\n        if(asyncImageList.length &&  Array.prototype.imgWebpArray){\n          asyncImageList = asyncImageList.imgWebpArray()\n        }\n        preloadAsset(asyncImageList, 1)\n      }, 5000);\n    });\n  }\n  /**\n   * 资源加载进度回调\n   * @param {*} index\n   * @param {*} progress\n   */\n  onLoadingProgress = (progress) => {\n    const percentage = Math.floor(progress * 100);\n    console.log('progress', percentage);\n    if(this.isEvenLoad){  \n      this.setEvenProgress(percentage);\n    }else{\n      this.setProgress(percentage)\n    }\n    \n  };\n  /**\n   * 非匀速加载进度\n   * @param {*} percentage\n   */\n  setProgress = (percentage) => {\n    this.progressBar.style.transform = `translateX(${percentage - 100}%)`;\n    if(percentage == 100){\n      setTimeout(()=>{\n        this.props.changePage && store.changePage(this.props.changePage);  //跳转页面\n      }, 500)\n    }\n  };\n\n  /**\n   * 以1%匀速加载进度\n   * @param {*} percentage\n   */\n  setEvenProgress = (percentage) => {\n    this.intervalId && clearInterval(this.intervalId);\n    let curPercentage = this.curPercentage;\n    this.intervalId = setInterval(() => {\n      if (curPercentage >= percentage) {\n        clearInterval(this.intervalId);\n        percentage == 100 && this.props.changePage && store.changePage(this.props.changePage);  //跳转页面\n        return;\n      }\n      curPercentage += 1;\n      this.curPercentage = curPercentage;\n      this.progressBar.style.transform = `translateX(${curPercentage - 100}%)`;\n    }, 10);\n  };\n\n  render() {\n    return (\n      <div className=\"loadingDemo\">\n        <span className=\"bg174\"></span>\n        <div className=\"progressBar\">\n          <span className=\"atBottom\"></span>\n          <span className=\"loadingBg\">\n            <span\n              className=\"above\"\n              ref={(el) => (this.progressBar = el)}\n            ></span>\n          </span>\n        </div>\n        <span className=\"inLoad\">加载中···</span>\n      </div>\n    );\n  }\n}\n\nexport default LoadingDemo;\n","'use strict';\n\nimport React from 'react';\nimport { observer } from 'mobx-react';\nimport './homeDemo.less';\n\n@observer\nclass HomeDemo extends React.Component {\n  constructor(props) {\n    super(props);\n  }\n  render() {\n    return (\n      <div className=\"homeDemo\">\n        当前为活动首页\n      </div>\n    );\n  }\n}\n\nexport default HomeDemo;\n","import React, { Component } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {observer} from 'mobx-react';\nimport \"./app.less\";\nimport store from './store/index';\nimport Modal from './modal/modal';\nimport './utils/checkWebp'\nimport MD from '../MD';\nMD();\n\n//此处为spark-cli动态生成\nimport LoadingDemo from \"@src/pages/loadingDemo/loadingDemo\";\nimport HomeDemo from \"@src/pages/homeDemo/homeDemo\";\n\nconst pageMap = {\n  loading: <LoadingDemo />,\n  homePage: <HomeDemo/>,\n}\n@observer\nclass App extends Component {\n  async componentDidMount(){\n    //获取前端开发配置，依据项目需要，酌情添加 ！！！\n    // await store.getFrontVariable(); \n  }\n  render() {\n    const { curPage  } = store;\n    return (\n      <div>\n        {{...pageMap[curPage], props: {changePage: 'homePage'}}}\n        <Modal />\n      </div>\n    );\n  }\n}\n\nReactDOM.render(<App />, document.getElementById(\"root\"));\n","var api = require(\"!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!../node_modules/css-loader/dist/cjs.js??ref--4-2!../node_modules/postcss-loader/src/index.js??ref--4-3!../node_modules/less-loader/dist/cjs.js??ref--4-4!./app.less\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","var api = require(\"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!../../../node_modules/css-loader/dist/cjs.js??ref--4-2!../../../node_modules/postcss-loader/src/index.js??ref--4-3!../../../node_modules/less-loader/dist/cjs.js??ref--4-4!./homeDemo.less\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};"],"sourceRoot":""}
\ No newline at end of file

dist/js/runtime-main.93b7d9da.js

+!function(e){function r(r){for(var n,a,l=r[0],i=r[1],p=r[2],c=0,s=[];c<l.length;c++)a=l[c],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var i=t[l];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={1:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,function(r){return e[r]}.bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="//yun.duiba.com.cn/spark/v2/temp_base/1651112891659/";var l=window.webpackJsonp=window.webpackJsonp||[],i=l.push.bind(l);l.push=r,l=l.slice();for(var p=0;p<l.length;p++)r(l[p]);var f=i;t()}([]);
+//# sourceMappingURL=runtime-main.93b7d9da.js.map
\ No newline at end of file

dist/js/runtime-main.93b7d9da.js.map

+{"version":3,"sources":["webpack:///webpack/bootstrap"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","1","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice"],"mappings":"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","file":"js/runtime-main.93b7d9da.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t1: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"//yun.duiba.com.cn/spark/v2/temp_base/1651112891659/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// run deferred modules from other chunks\n \tcheckDeferredModules();\n"],"sourceRoot":""}
\ No newline at end of file

dist/styles/main.f298a0cb5716ac3469de.css

+*{margin:0;padding:0}body,html{font-size:.24rem;width:100%;height:100%;-webkit-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;text-size-adjust:100%!important;-moz-text-size-adjust:100%!important}.modal-hoc-bg{position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.8);z-index:1000}.loadingDemo{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.loadingDemo,.loadingDemo .bg174{width:7.5rem;height:16.24rem;left:0;position:absolute}.loadingDemo .bg174{top:0;background:url(//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/loadingDemo/%E8%83%8C%E6%99%AF.jpg) no-repeat 0 0/100% 100%}[duiba-webp=true] .loadingDemo .bg174{background:url(//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/loadingDemo/%E8%83%8C%E6%99%AF.jpg?x-oss-process=image%2Fformat%2Cwebp) no-repeat 0 0/100% 100%}.loadingDemo .progressBar{width:5.24rem;height:.22rem;left:1.13rem;top:7.17rem;position:absolute;overflow:hidden;border-radius:.06rem}.loadingDemo .progressBar .atBottom{width:5.24rem;height:.22rem;left:0;top:0;position:absolute;background:url(//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/loadingDemo/%E5%BA%95%E9%83%A8173.png) no-repeat 0 0/100% 100%}[duiba-webp=true] .loadingDemo .progressBar .atBottom{background:url(//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/loadingDemo/%E5%BA%95%E9%83%A8173.png?x-oss-process=image%2Fformat%2Cwebp) no-repeat 0 0/100% 100%}.loadingDemo .progressBar .loadingBg{width:5.16rem;height:.14rem;left:.05rem;top:.04rem;overflow:hidden;position:absolute;border-radius:.06rem}.loadingDemo .progressBar .above{display:block;position:relative;width:5.16rem;height:.14rem;background:url(//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/loadingDemo/%E4%B8%8A%E9%9D%A2.png) no-repeat 0 0/100% 100%;border-radius:.06rem}[duiba-webp=true] .loadingDemo .progressBar .above{background:url(//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/loadingDemo/%E4%B8%8A%E9%9D%A2.png?x-oss-process=image%2Fformat%2Cwebp) no-repeat 0 0/100% 100%}.loadingDemo .inLoad{width:1.17rem;height:.23rem;left:3.22rem;top:7.58rem;position:absolute;font-size:.24rem;line-height:.23rem;color:#fff}@-webkit-keyframes loading{0%{-webkit-transform:translateX(-5.2rem);transform:translateX(-5.2rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes loading{0%{-webkit-transform:translateX(-5.2rem);transform:translateX(-5.2rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}
\ No newline at end of file

jsconfig.json

+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "baseUrl": "./",
+    "paths": {
+      "@src/*": ["src/*"]
+    }
+  },
+  "exclude": [
+      "node_modules"
+  ]
+}
\ No newline at end of file

loc.json

+{"numOfComponents":1259,"numOfProject":776}
\ No newline at end of file

mock/common/coopFrontVariable.js

+
+module.exports = {
+  "success": true,
+  "message": "报错了~",
+  "code": null,
+  "data": {
+    "test_config_01": "前端配置项测试",
+    "test_config_03": null,
+    "test_config_02": "111"
+  }
+}
\ No newline at end of file

mock/common/drawNum.js

+module.exports = {
+    "data": 3,
+    "success": true
+}
\ No newline at end of file

mock/common/rule.js

+
+module.exports = {
+  "data": "<p>以下是游戏规则：手速要快，点击红包雨。。333。。。。。。。。。。。。。。。。。。。。11111111111111sadasdadadsad5555555557777777777799999999999911111111111111111111111222222222222222222222222222222222222222222222222222222222222222333333333333333333333333333333333333333333333333333333333333311111111111111111111111111111111111111111111111111111111111111122222222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333331111111111111111111111111111111111111111111111111111111111111112222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333</p>",
+  "success": true
+ }
\ No newline at end of file

mock/index.js

+
+const rule = require("./common/rule");
+const drawNum = require("./common/drawNum");
+const coopFrontVariable = require("./common/coopFrontVariable");
+
+const proxy = {
+  "GET /projectRule.query": rule,
+  "GET /drawNum.query": drawNum,
+  "GET /coop_frontVariable.query": coopFrontVariable
+};
+module.exports = proxy;

package.json

+{
+    "name": "temp_base",
+    "version": "3.5.3",
+    "private": true,
+    "scripts": {
+        "dev": "cross-env NODE_ENV=development node ./config/scripts/assets/generateAssetList.js && node ./config/webpack.dev.config.js",
+        "imgmin": "node ./config/scripts/assets/index.js imgmin",
+        "imgup": "node ./config/scripts/assets/index.js imgup",
+        "imgminup": "node ./config/scripts/assets/index.js imgmin imgup",
+        "spark:prebuild": "ncu @spark/pre-build -u && yarn && npx pre-build",
+        "lint": "eslint --ext .js,jsx,.html src public",
+        "prod": "yarn spark:prebuild && cross-env NODE_ENV=production node ./config/webpack.prod.config.js",
+        "build": "yarn spark:prebuild && cross-env NODE_ENV=production node ./config/scripts/assets/generateAssetList.js && node ./config/scripts/assets/index.js imgmin imgup && node ./config/webpack.prod.config.js"
+    },
+    "dependencies": {
+        "@spark/api-base": "^2.0.7",
+        "@spark/projectx": "^2.0.5",
+        "@spark/svgaplayer": "^2.0.3",
+        "@spark/ui": "^2.0.8",
+        "@spark/utils": "^2.0.17",
+        "axios": "^0.19.2",
+        "css-loader": "^3.6.0",
+        "duiba-utils": "^1.0.2",
+        "history": "^4.10.1",
+        "mobx": "^6.2.0",
+        "mobx-react": "^7.1.0",
+        "postcss-loader": "^3.0.0",
+        "prettier": "^2.0.5",
+        "qs": "^6.9.4",
+        "react": "^16.4.1",
+        "react-dom": "^16.4.1",
+        "react-redux": "^5.0.7",
+        "react-router-dom": "^5.2.0",
+        "redux": "^4.0.0",
+        "redux-thunk": "^2.3.0",
+        "spark-utils": "^0.0.12",
+        "style-loader": "^1.2.1",
+        "webpack-bundle-analyzer": "^4.5.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.12.10",
+        "@babel/eslint-parser": "^7.17.0",
+        "@babel/plugin-proposal-decorators": "^7.13.15",
+        "@babel/plugin-transform-runtime": "^7.12.10",
+        "@babel/preset-env": "^7.12.11",
+        "@babel/preset-react": "^7.12.10",
+        "@spark/eslint-plugin-best-practices": "^0.0.1-beta.2",
+        "@spark/eslint-plugin-security": "^0.0.1-beta.5",
+        "@spark/pre-build": "^0.0.1-beta.6",
+        "autoprefixer": "^9.8.6",
+        "babel-loader": "^8.2.2",
+        "chalk": "^4.1.0",
+        "clean-webpack-plugin": "^3.0.0",
+        "cross-env": "^7.0.3",
+        "eslint": "^8.12.0",
+        "eslint-plugin-html": "^6.2.0",
+        "eslint-plugin-react": "^7.29.4",
+        "fs-extra": "^9.0.1",
+        "html-webpack-plugin": "^4.5.1",
+        "less": "^4.1.0",
+        "less-loader": "^7.2.1",
+        "mini-css-extract-plugin": "^1.3.4",
+        "mocker-api": "^2.7.5",
+        "mockjs": "^1.1.0",
+        "npm-check-updates": "^12.5.4",
+        "optimize-css-assets-webpack-plugin": "^5.0.4",
+        "postcss-px2rem-exclude": "0.0.6",
+        "progress-bar-webpack-plugin": "^2.1.0",
+        "script-ext-html-webpack-plugin": "^2.1.5",
+        "spark-assets": "^1.1.6",
+        "spark-log-event": "^1.0.4",
+        "url-loader": "^4.1.1",
+        "webpack": "^4.43.0",
+        "webpack-cli": "^4.3.1",
+        "webpack-dev-server": "^3.11.0",
+        "webpack-merge": "^4.2.2"
+    }
+}

public/index.html

+<!DOCTYPE html>
+<html lang="zh">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <link rel="dns-prefetch" href="//yun.duiba.com.cn" />
+    <link rel="preconnect" href="//embedlog.duiba.com.cn">
+    <title>活动标题</title>
+    <script type="text/javascript">
+        if (localStorage && localStorage.isWebp) {
+            document
+                .getElementsByTagName('html')[0]
+                .setAttribute('duiba-webp', 'true');
+        }
+    </script>
+    <script src="//yun.duiba.com.cn/spark/v2/spark.base.fz.wxpollyfill.js"></script>
+    <script src="//yun.duiba.com.cn/js-libs/rem/1.1.3/rem.min.js"></script>
+    <script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script>
+    <script>
+        var CFG = CFG || {};
+        CFG.projectId = location.pathname.split('/')[2] || '1';
+
+        function getUrlParam(name) {
+            var search = window.location.search;
+            var matched = search
+                .slice(1)
+                .match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
+            return search.length ? matched && matched[2] : null;
+        }
+
+        CFG.appID = '${APPID}';
+        if (!getUrlParam("appID")) {
+            // alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。")
+        }
+    </script>
+</head>
+
+<body>
+    <noscript>
+    You need to enable JavaScript to run this app.
+  </noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+</body>
+
+
+</html>
\ No newline at end of file

spark.config.json

+{"proName":"study_projects","proDesc":"","proPath":"/Users/duibagroup/Desktop/study/study_projects","createTime":1653549816666}

sparkrc.js

+module.exports ={
+  "OUTPUT_DIR": "dist",
+  "SOURCE_DIR": "src",
+  "TEMP_DIR": "./.temp",
+  "ENTRY": "src/app.jsx",
+  "TEMPLATE": "./public/index.html",
+  "API_MOCK": true,
+  "PX2REM": true,
+  "IMAGE_Q1": 0.6,
+  "IMAGE_Q2": 0.8,
+  "RES_PATH": "/src/assets/",
+  "RES_PATH_PROD": "//yun.duiba.com.cn/spark/v2/temp_base/1651112884768",
+  "JS_PATH_PROD": "https://yun.duiba.com.cn/spark/v2/temp_base/1651112891659/js"
+}
\ No newline at end of file

sparkrescfg.json

+{"assetsPathArr":["//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/.DS_Store","//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/loadingDemo/上面.png","//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/loadingDemo/底部173.png","//yun.duiba.com.cn/spark/v2/temp_base/1651112884768/loadingDemo/背景.jpg"]}
\ No newline at end of file

src/api/apicfg.js

+
+const apiCfg = {
+  getRule:`projectRule.query`,
+  getFrontVariable:`coop_frontVariable.query`,
+  doJoin: {
+    uri: `join.do`,
+    method: "post"
+  },
+}
+
+export default apiCfg;

src/api/index.js

+import apiCfg from './apicfg';
+import {getPxToken} from "@spark/projectx";
+import {callApi} from '@spark/api-base'
+import {Toast} from '@spark/ui'
+
+import {isFromShare, newUser} from 'duiba-utils';
+
+const mergeData = {
+	user_type: newUser ? '0' : '1',
+	is_from_share: isFromShare ? '0' : '1',
+}
+
+const apiList = {
+	...apiCfg
+}
+
+
+const API = generateAPI(apiList);
+export default API;
+
+function getRequestParams(value) {
+	if (typeof value === 'string') {
+		return {
+			uri: value,
+			method: 'get'
+		}
+	} else if (typeof value === 'object') {
+		const {uri, method = 'get', headers, withToken, secret, secretKey, contentType = 'form'} = value;
+		return {
+			uri,
+			method,
+			headers,
+			withToken,
+			secret,
+			secretKey,
+			contentType,
+		}
+	} else {
+		console.error('getRequestParams: 传参有误');
+	}
+}
+
+
+function generateAPI(apiList) {
+	const api = {};
+	for (const key in apiList) {
+		const value = apiList[key];
+
+		const {method, uri, headers: mHeaders, withToken, secret, secretKey, contentType} = getRequestParams(value);
+		api[key] = async (params = {}, headers) => {
+			let token;
+			if (withToken) {
+				try {
+					token = await getPxToken();
+				} catch (e) {
+					Toast('星速台token获取失败，***请补全该处理逻辑***');
+					return;
+				}
+			}
+
+			const mergedHeaders = {...mHeaders, ...headers}
+			if (withToken && token) {
+				params.token = token;
+			}
+
+			params = {...params, ...mergeData};
+
+			const result = await callApi(uri, params, method, mergedHeaders, false, secret, secretKey, contentType)
+				.catch(e => {
+					//捕获网络异常
+					Toast((e.message || '网络异常') + ' ***请补全该处理逻辑***');
+				});
+			if (result) {
+				//判断接口错误
+				if (!result.success) {
+					Toast((result.message || '接口错误') + ' ***请补全该处理逻辑***');
+				}
+				//返回整个结果
+				return result;
+			}
+		}
+	}
+
+	return api;
+}

src/app.jsx

+import React, { Component } from "react";
+import ReactDOM from "react-dom";
+import {observer} from 'mobx-react';
+import "./app.less";
+import store from './store/index';
+import Modal from './modal/modal';
+import './utils/checkWebp'
+import MD from '../MD';
+MD();
+
+//此处为spark-cli动态生成
+import LoadingDemo from "@src/pages/loadingDemo/loadingDemo";
+import HomeDemo from "@src/pages/homeDemo/homeDemo";
+
+const pageMap = {
+  loading: <LoadingDemo />,
+  homePage: <HomeDemo/>,
+}
+@observer
+class App extends Component {
+  async componentDidMount(){
+    //获取前端开发配置，依据项目需要，酌情添加 ！！！
+    // await store.getFrontVariable(); 
+  }
+  render() {
+    const { curPage  } = store;
+    return (
+      <div>
+        {{...pageMap[curPage], props: {changePage: 'homePage'}}}
+        <Modal />
+      </div>
+    );
+  }
+}
+
+ReactDOM.render(<App />, document.getElementById("root"));

src/app.less

+
+* {
+  margin: 0;
+  padding: 0;
+}
+html,
+body {
+  font-size: 24px;
+  width: 100%;
+  height: 100%;
+  -webkit-text-size-adjust: 100% !important;
+  text-size-adjust: 100% !important;
+  -moz-text-size-adjust: 100% !important;
+}

src/assetList.json

+{"preLoadImg":[],"asyncLoadImg":[]}
\ No newline at end of file

src/modal/modal.jsx

+import React, { Component } from "react";
+
+import './modal.less';
+import { observer } from 'mobx-react';
+import modalStore from '../store/modal';
+import { toJS } from 'mobx';
+export const cfg = {
+ 
+};
+
+@observer
+class Modal extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  componentDidMount() { }
+
+  render() {
+    const list = toJS(modalStore.popList);
+ 
+    if (!list.length) {
+      //TODO:此处根据需要自行修改
+      document.body.style.overflow='auto';
+      return <section></section>;
+    }
+    let PopUpMulti, popUpMultiData;
+
+    if (list.length > 1 && list[list.length - 1].isMulti == true) {
+      const popObj2 = list[list.length - 1];
+      PopUpMulti = cfg[popObj2.key];
+      popUpMultiData = popObj2.data;
+
+    }
+    const popObj = list[0];
+    const PopUp = cfg[popObj.key];
+    const popData = popObj.data;
+
+    if (PopUp || PopUpMulti) {
+      document.body.style.overflow='hidden';
+    } 
+
+    return <section className="modal-hoc-bg" style={{
+      zIndex: modalStore.popList.length ? 1000 : -1,
+      display: modalStore.popList.length ? 'block' : 'none'
+    }}>
+      {PopUp && <PopUp popData={popData} />}
+      {PopUpMulti && <section className="modal-hoc-bg" style={{
+        zIndex: modalStore.popList.length ? 1000 : -1,
+        display: modalStore.popList.length ? 'block' : 'none'
+      }}><PopUpMulti popData={popUpMultiData} />
+      </section>}
+    </section>;
+  }
+
+}
+
+export default Modal;
\ No newline at end of file

src/modal/modal.less

+.modal-hoc-bg {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, 0.8);
+    z-index: 1000;
+}
\ No newline at end of file

src/pages/homeDemo/homeDemo.jsx

+'use strict';
+
+import React from 'react';
+import { observer } from 'mobx-react';
+import './homeDemo.less';
+
+@observer
+class HomeDemo extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div className="homeDemo">
+        当前为活动首页
+      </div>
+    );
+  }
+}
+
+export default HomeDemo;

src/pages/homeDemo/homeDemo.less

+@import "../../res.less";
+.homeDemo {}

src/pages/loadingDemo/loadingDemo.jsx

+"use strict";
+
+import React from "react";
+import { observer } from "mobx-react";
+import store from "../../store/index";
+import "./loadingDemo.less";
+import { preloadAsset } from "@src/utils/preload1.3.js";
+import assetList from '@src/assetList.json';
+@observer
+class LoadingDemo extends React.Component {
+  constructor(props) {
+    super(props);
+    this.curPercentage = 0;
+    this.intervalId = "";
+    this.isEvenLoad = true;  //是否匀速加载进度条
+  }
+  componentDidMount() {
+    this.preloadAssetInit();
+  }
+  preloadAssetInit = async() => {
+    let imageList = assetList.preLoadImg;
+    if(imageList.length &&  Array.prototype.imgWebpArray){
+      imageList = imageList.imgWebpArray()
+    }
+    preloadAsset(imageList, 3, (progress) => this.onLoadingProgress(progress)).then(()=>{
+      //预加载资源完成
+      setTimeout(() => {
+        //异步加载资源开始
+        let asyncImageList = assetList.asyncLoadImg;
+        if(asyncImageList.length &&  Array.prototype.imgWebpArray){
+          asyncImageList = asyncImageList.imgWebpArray()
+        }
+        preloadAsset(asyncImageList, 1)
+      }, 5000);
+    });
+  }
+  /**
+   * 资源加载进度回调
+   * @param {*} index
+   * @param {*} progress
+   */
+  onLoadingProgress = (progress) => {
+    const percentage = Math.floor(progress * 100);
+    console.log('progress', percentage);
+    if(this.isEvenLoad){  
+      this.setEvenProgress(percentage);
+    }else{
+      this.setProgress(percentage)
+    }
+    
+  };
+  /**
+   * 非匀速加载进度
+   * @param {*} percentage
+   */
+  setProgress = (percentage) => {
+    this.progressBar.style.transform = `translateX(${percentage - 100}%)`;
+    if(percentage == 100){
+      setTimeout(()=>{
+        this.props.changePage && store.changePage(this.props.changePage);  //跳转页面
+      }, 500)
+    }
+  };
+
+  /**
+   * 以1%匀速加载进度
+   * @param {*} percentage
+   */
+  setEvenProgress = (percentage) => {
+    this.intervalId && clearInterval(this.intervalId);
+    let curPercentage = this.curPercentage;
+    this.intervalId = setInterval(() => {
+      if (curPercentage >= percentage) {
+        clearInterval(this.intervalId);
+        percentage == 100 && this.props.changePage && store.changePage(this.props.changePage);  //跳转页面
+        return;
+      }
+      curPercentage += 1;
+      this.curPercentage = curPercentage;
+      this.progressBar.style.transform = `translateX(${curPercentage - 100}%)`;
+    }, 10);
+  };
+
+  render() {
+    return (
+      <div className="loadingDemo">
+        <span className="bg174"></span>
+        <div className="progressBar">
+          <span className="atBottom"></span>
+          <span className="loadingBg">
+            <span
+              className="above"
+              ref={(el) => (this.progressBar = el)}
+            ></span>
+          </span>
+        </div>
+        <span className="inLoad">加载中···</span>
+      </div>
+    );
+  }
+}
+
+export default LoadingDemo;

src/pages/loadingDemo/loadingDemo.less

+@import "../../res.less";
+
+.loadingDemo {
+  width: 750px;
+  height: 1624px;
+  left: 0px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+
+  .bg174 {
+    width: 750px;
+    height: 1624px;
+    left: 0px;
+    top: 0px;
+    position: absolute;
+    .webpBg("loadingDemo/背景.jpg")
+  }
+  .progressBar {
+    width: 524px;
+    height: 22px;
+    left: 113px;
+    top: 717px;
+    position: absolute;
+    overflow: hidden;
+    border-radius: 6px;
+    .atBottom {
+      width: 524px;
+      height: 22px;
+      left: 0px;
+      top: 0px;
+      position: absolute;
+      .webpBg("loadingDemo/底部173.png")
+    }
+    .loadingBg{
+      width: 516px;
+      height: 14px;
+      left: 5px;
+      top: 4px;
+      overflow: hidden;
+      position: absolute;
+      border-radius: 6px;
+    }
+    .above {
+      display: block;
+      position: relative;
+      width: 516px;
+      height: 14px;
+      // animation: loading 1.6s linear 1;
+      .webpBg("loadingDemo/上面.png");
+      border-radius: 6px;
+    }
+  }
+  .inLoad {
+    width: 117px;
+    height: 23px;
+    left: 322px;
+    top: 758px;
+    position: absolute;
+    font-size: 24px;
+    line-height: 23px;
+    color: #ffffff;
+  }
+}
+
+
+@keyframes loading {
+  0% {
+    transform: translateX(-520px);
+  }
+
+  100% {
+    transform: translateX(0px);
+  }
+}

src/res.less

+@RES_PATH: '/src/assets/';
+@webp: '?x-oss-process=image/format,webp';
+.sparkBg(@value) {
+  background: url("@{RES_PATH}@{value}") no-repeat top left / 100% 100%;
+}
+
+.webpBg(@value){
+  .sparkBg("@{value}");
+  [duiba-webp='true'] & {
+    .sparkBg("@{value}@{webp}");
+  }
+}
\ No newline at end of file

src/store/index.js

+import { makeAutoObservable } from 'mobx';
+import API from '../api/index';
+
+const store = makeAutoObservable({
+    ruleInfo: '',
+    frontVariable: {},  //前端开发配置
+    curPage: 'loading',
+    setRule(ruleInfo) {
+        this.ruleInfo = ruleInfo
+    },
+    changePage(page, callback) {
+        this.curPage = page;
+        callback && callback();
+    },
+    async initRule() {
+        // 模拟获取远程的数据
+        const { data } = await API.getRule();
+        this.setRule(data)
+    },
+    async getFrontVariable() {
+        // 获取前端开发配置
+        const { data } = await API.getFrontVariable();
+        this.frontVariable = data || {};
+        console.log('前端开发配置', data)
+    }
+})
+export default store; 
\ No newline at end of file

src/store/modal.js

+import { makeAutoObservable } from 'mobx';
+
+//此处配置页面的优先级，越大优先级越高
+// PopIndex:11
+const modalIndex = {
+
+}
+
+const modalStore = makeAutoObservable({
+  popList: [],
+  /**
+   * 
+   * @param {*} key  弹窗名，一般是类名的字符串
+   * @param {*} data 需要传递的数据，弹窗中使用 const {popData}  = props; 获取
+   * @param {*} isMulti 是否是二级弹窗，在不关闭已有弹窗的基础上，弹出当前弹窗。注意，如果是二级弹窗，关闭时必须传key
+   */
+  pushPop(key, data,isMulti=false) {
+    if (this.popList.length) {
+      let cacheList = this.popList.slice();
+      cacheList.push({ key, data,isMulti });
+      cacheList = cacheList.sort((a, b) => ((modalIndex[b.key] ? modalIndex[b.key] : 10) - (modalIndex[a.key] ? modalIndex[a.key] : 10)))
+      this.popList.clear();
+      this.popList.push(...cacheList);
+    } else {
+      this.popList.push({ key, data,isMulti });
+    }
+    // console.log("this.popList:::",toJS(this.popList));
+  },
+  closePop(key) {
+    if (key) {
+      let cacheList = this.popList.slice();
+      cacheList = cacheList.filter(obj => (obj.key != key));
+      this.popList.clear();
+      this.popList.push(...cacheList);
+    } else {
+      this.popList.shift();
+    }
+  },
+  closePopAll() {
+    this.popList.clear();
+  }
+
+});
+export default modalStore;

src/utils/checkWebp.js

+/**
+ * 检查是否支持.webp 格式图片
+ *
+ * 支持 webp CDN   ?x-oss-process=image/format,webp
+ * 不支持    CDN   ?x-oss-process=image/quality,Q_80
+ */
+
+
+(function () {
+  let urlArr = []
+  let flag = false,
+    lowAdr = false
+  const ua = navigator.userAgent.toLowerCase()
+  const isAndroid = ua.indexOf('android') > -1 || ua.indexOf('adr') > -1
+  if (isAndroid) {
+    const ver = parseFloat(ua.substr(ua.indexOf('android') + 8, 3))
+    lowAdr = ver < 4.4
+  }
+  if (lowAdr && localStorage) {
+    delete localStorage.isWebp
+  }
+  if (localStorage && !localStorage.isWebp) {
+    const img = new Image()
+    img.onload = function () {
+      if (img.width === 1 && !lowAdr) {
+        localStorage.isWebp = true
+        document.getElementsByTagName('html')[0].setAttribute('duiba-webp', 'true')
+      } else {
+        localStorage.isWebp = ''
+      }
+    }
+    img.onerror = function () {
+      flag = true
+      localStorage.isWebp = ''
+    }
+    img.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA='
+  }
+
+  function getOssImg (url) {
+    if (!url) {
+      return url
+    }
+    if (!flag && localStorage && (typeof localStorage.isWebp === 'undefined')) {
+      getOssImg(url)
+    } else {
+      // gif 的图片不做处理
+      urlArr = url.split('.')
+      if (urlArr.length > 0 && urlArr[urlArr.length - 1] === 'gif') {
+        return url + ''
+      }
+      if (localStorage && localStorage.isWebp) {
+        url = url + '?x-oss-process=image/format,webp'
+      } else {
+        url = url + '?x-oss-process=image/quality,Q_80'
+      }
+      return url
+    }
+  }
+  String.prototype.ossImg = function () {
+    return getOssImg(this)
+  }
+  Array.prototype.imgWebpArray = function (key) {
+    const array = []
+    const list = this
+    for (let i = 0; i < list.length; i++) {
+      if (key && list[i][key]) {
+        list[i][key] = list[i][key].ossImg()
+      }else if(list[i]){
+        list[i] = list[i].ossImg()
+      }
+      array.push(list[i])
+    }
+    return array
+  }
+})()

src/utils/constants.js

+/*
+ * @Author: super
+ * @Date: 2021-01-20 14:08:27
+ * @LastEditTime: 2021-01-20 14:53:39
+ * @LastEditors: super
+ * @Description: 
+ */
+// 弹窗优先级 可以是负数， 不写默认是10， 数值越小，层级越高
+export const MODAL_INDEX = {
+  // rank: 1,
+};
+export function ERROR_MESSAGE(errorCode) {
+  let message = "";
+  switch (errorCode) {
+    // case 999101:
+    //   message = "登录已过期";
+    //   break;
+    case 999002:
+      message = "活动已结束";
+    break;
+    case 500021:
+      message = "没有昨日线下步数";
+      break;
+    case 500022:
+      message = "已经领取过了";
+      break;
+    default:
+      message = "";
+      break;
+  }
+  return message;
+}

src/utils/preload1.3.js

+import { loadSvga } from '@spark/svgaplayer'
+// import * as FYGE from 'fyge';
+// import { Howl } from 'howler';
+import { RES_PATH } from '../../sparkrc'
+
+/**
+ * 预加载资源（/png|jpg|jpeg|svga|spi|json|mp3|wav/）
+ * @param {string[]} urlList 资源地址列表
+ * @param {number} batchNum 每批并行加载的资源个数（一般来说该数字越大整体加载速度越快，但加载前期会更卡顿）
+ * @param {Function} [onProgress] 加载进度回调，每加载完一个资源回调一次，入参为进度值（0，1]
+ * @returns {Promise} 返回一个只会resolve(loadedData)的promise，loadedData保存了所有预加载好的资源，可通过相对路径索引
+ * @example 
+ * //例
+ * const loadedData = await PreloadAsset(urlList, 10, onProgress);
+ * const image = loadedData['image/fish.png'];
+ * const svgaData = loadedData['svga/fish.svga'];
+ * const spiData = loadedData['spine/fish.spi'];
+ * const lottieData = loadedData['lottie/fish.json'];
+ */
+export function preloadAsset(urlList, batchNum, onProgress) {
+    return new Promise((resolve) => {
+        /** 要加载资源总数 */
+        const totalNum = urlList.length;
+        /** 要加载的资源索引 */
+        let assetIndex = -1;
+        /** 已加载完毕的资源个数 */
+        let loadedNum = 0;
+        /** 存放加载好的数据，用地址索引 */
+        const loadedData = {};
+        /** 加载逻辑 */
+        const doLoad = async () => {
+            if (loadedNum >= totalNum) {
+                totalNum == 0 && onProgress && onProgress(1);  //无加载资源时，即为假loading
+                resolve(loadedData); // 加载完毕
+            } else {
+                assetIndex++;
+                if (assetIndex >= totalNum) return
+                const key = urlList[assetIndex];
+                const url = RES_PATH + urlList[assetIndex];
+                const result = await loadOneAsset(url);
+                if (!result) {
+                    console.warn('加载异常', url);
+                }
+                loadedData[key] = result;
+                loadedNum++;
+                onProgress && onProgress(loadedNum / totalNum);
+                doLoad();
+            }
+        }
+        batchNum = batchNum || 1;
+        for (let index = 0; index < batchNum; index++) {
+            doLoad();
+        }
+    })
+}
+
+/**
+ * 加载一个资源
+ * @param {string} url 地址
+ */
+async function loadOneAsset(url) {
+    const fileType = url.split('.').pop();
+    switch (true) {
+        case (/png|jpg|jpeg/).test(fileType):
+            return await loadOneImg(url);
+        case (/svga/).test(fileType):
+            return await loadOneSvga(url);
+        // case (/spi/).test(fileType):
+        //     return await loadOneSpi(url);
+        // case (/json/).test(fileType):
+        //     return await loadOneJson(url);
+        // case (/mp3|wav/).test(fileType):
+        //     return await loadOneAudio(url);
+        default:
+            console.warn('非法资源', url);
+            return false;
+    }
+}
+
+/**
+ * 加载一张图片
+ * @param {string} url 地址
+ */
+function loadOneImg(url) {
+    return new Promise(resolve => {
+        const img = new Image();
+        img.onload = () => resolve(img);
+        img.onerror = err => {
+            console.warn('load', url, err);
+            resolve(false)
+        };
+        img.crossOrigin = 'Anonymous'
+        img.src = url;
+    })
+}
+
+/**
+ * 加载一个svga
+ * @param {string} url 地址
+ */
+function loadOneSvga(url) {
+    return new Promise(resolve => {
+        loadSvga(url).then((data) => resolve(data[0])).catch(err => {
+            console.warn('load', url, err);
+            resolve(false)
+        });
+    })
+}
+
+// /**
+//  * 加载一个spine
+//  * @param {string} url 地址
+//  */
+// function loadOneSpi(url) {
+//     return new Promise(resolve => {
+//         FYGE.loadSpine(url, spineData => {
+//             resolve(spineData);
+//         }, err => {
+//             console.warn('load', url, err);
+//             resolve(false);
+//         })
+//     })
+// }
+
+// /**
+//  * 加载一个Json
+//  * @param {string} url 地址
+//  */
+// function loadOneJson(url) {
+//     return new Promise(resolve => {
+//         FYGE.GlobalLoader.loadJson((result, res) => {
+//             if (result) {
+//                 resolve(res);
+//             } else {
+//                 console.warn('load fail', url);
+//                 resolve(false);
+//             }
+//         }, url)
+//     })
+// }
+
+// /**
+//  * 加载一个音频
+//  * @param {string} url 地址
+//  */
+//  function loadOneAudio(url) {
+//     return new Promise(resolve => {
+//         const sound = new Howl({
+//             src: url,
+//             onload: () => resolve(sound),
+//             onloaderror: err => {
+//                 console.warn('load fail', url, err);
+//                 resolve(false);
+//             },
+//         });
+//     })
+// }
+
+
+

src/utils/share.js

+import {
+  start,
+  updateShare,
+  callShare,
+  Weixin,
+} from "@spark/share"
+
+
+/**
+ * @description: 小程序跳转
+ * @param {*} 
+ * @return {*}
+ */
+export const miniGoUrl = (url) => {
+  wx.miniProgram.navigateTo({ url: url });
+}
+/**
+ * 判断是否为ios系统
+ */
+export function isIos() {
+  return navigator.userAgent.match(/iphone|ipod|ipad/gi)
+}
+
+/** 判断微信环境 */
+export function isWeChat() {
+  const ua = window.navigator.userAgent.toLowerCase()
+  return ua.match(/MicroMessenger/i) == 'micromessenger'
+}
+/**
+ * 初始化分享
+ */
+ export async function onInitShare(cb) {
+  await start([Weixin], function (success) {
+      console.log("share result:----", success)
+      cb && cb()
+  })
+}
+/**
+ * 更新分享
+ * @param {*} shareParams 
+ * @param {*} justUpdate 
+ */
+ export function onUpdateShare(shareParams) {
+  console.info("更新分享", shareParams)
+  updateShare(shareParams)
+}
+/**
+ * 被动分享 - 北京银行
+ * @param {*} shareParams 
+ */
+ export function onCallShare(shareParams) {
+  console.info("分享链接", shareParams)
+  callShare(shareParams);
+}
+/**
+ * @description: 分享处理中心
+ * @param {Object} 分享信息
+ */
+ export const requireShare = (opts) => {
+  const shareData = {
+    title: opts.shareTitle,
+    content: opts.shareContent,
+    url: opts.shareUrl,
+    images: [{ image: opts.shareThumbnail, type: "url" }],
+  };
+  console.log('分享数据', opts);
+  const shareStr = JSON.stringify(shareData);
+  return shareStr;
+};
+/**
+ * @description: 小程序分享
+ * @param {*} 
+ * @return {*}
+ */
+export const miniDoShare = (opts) => {
+  console.log(opts);
+  wx.miniProgram.postMessage({
+    data: {
+      title: opts.title, // 标题
+      desc: opts.desc, // 描述
+      imgUrl: opts.imgUrl, // 图片
+      link: opts.link // 链接
+    }
+  });
+}
+
+
+

src/utils/utils.js

+/*
+ * @Author: all
+ * @Date: 2021-11-01 09:30:00
+ * @LastEditTime: 2021-11-02 18:30:00
+ * @LastEditors: all
+ * @Description: 
+ */
+import { Toast } from "@spark/ui";
+import { ERROR_MESSAGE } from "./constants"
+import { useRef, useEffect, useCallback } from "react";
+
+export {
+  showToast,    //展示Toast
+  _throttle,    //节流
+  useThrottle,  //节流，函数组件
+  _debounce,    //防抖
+  getCookie,    //获取cookie的值
+  getUrlParam,  //获取url参数
+  delUrlParam,  //删除url中的参数
+  subStringCE,   //截取字符串 中2英1
+  check2Object,  //判断两个对象相等
+  getThousandToK, //转换k
+  dateFormatter, //日期格式化
+  dealTime,     //时间格式化
+  second2Date,  //秒转时间对象
+  waitTime,     //等待一段时间再执行
+  randomNum,    //获取区间随机数 [min,max)
+  shuffleArr,   //随机打乱数组
+  flatten,      //数据扁平化
+  onCtrScroll   //控制滚动--兼容ios
+}
+
+/**
+ * @description: 展示Toast
+ * @param { string } errCode  错误码
+ * @param { message }  message 错误消息
+ */
+/**  */
+function showToast(errCode, message) {
+  Toast(ERROR_MESSAGE[errCode] || message || "网络异常，请稍后再试~", 2000, {hideOthers:true});
+}
+
+/**
+ * @description: 函数节流，普通防连点
+ * @param {(Function, number?)}
+ * @return {Function}
+ */
+const _throttle = (fun, delay = 2000) => {
+  let last, deferTimer;
+  return function () {
+    const now = +new Date();
+    if (last && now < last + delay) {
+      clearTimeout(deferTimer);
+      deferTimer = setTimeout(() => {
+        last = now;
+      }, delay);
+    } else {
+      last = now;
+      fun.apply(this, arguments);
+    }
+  };
+};
+
+
+function useThrottle(fn, delay=2000, dep = []) {
+  const { current } = useRef({ fn, timer: null });
+  useEffect(function () {
+    current.fn = fn;
+  }, [fn]);
+
+  return useCallback(function f(...args) {
+    if (!current.timer) {
+      current.timer = setTimeout(() => {
+        delete current.timer;
+      }, delay);
+      current.fn.call(this, ...args);
+    }
+  }, dep);
+}
+
+/**
+ * @description: 函数防抖
+ * @param {(Function, number?, boolean? )}
+ * @return {Function}
+ */
+const _debounce = (fn, wait=2000, immediate = false) =>{
+  let timer = null
+  return function() {
+    const later = function() {
+      fn.apply(this, arguments)
+    }
+    if (immediate && !timer) {
+      later()
+    }
+    if(timer) clearTimeout(timer)
+    timer = setTimeout(later, wait)
+  }
+}
+
+/**
+ * 获取cookie的值
+ * @param {*} cookieName
+ */
+function getCookie(cookieName) {
+  const strCookie = document.cookie;
+  const arrCookie = strCookie.split('; ');
+  for (let i = 0; i < arrCookie.length; i++) {
+    const arr = arrCookie[i].split('=');
+    if (cookieName == arr[0]) {
+      return arr[1];
+    }
+  }
+  return '';
+}
+/**
+ * 获取url参数
+ * @param {string} name
+ */
+function getUrlParam(name) {
+  const search = window.location.search;
+  const matched = search
+      .slice(1)
+      .match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
+  return search.length ? matched && matched[2] : null;
+}
+/**
+ * 删除url中的参数
+ * @param {*} url
+ * @param {*} arg
+ */
+function delUrlParam(url, ref) {
+  // 如果不包括此参数
+  if (url.indexOf(ref) == -1) return url;
+
+  const arr_url = url.split('?');
+  const base = arr_url[0];
+  const arr_param = arr_url[1].split('&');
+  let index = -1;
+
+  for (let i = 0; i < arr_param.length; i++) {
+    const paired = arr_param[i].split('=');
+    if (paired[0] == ref) {
+      index = i;
+      break;
+    }
+  }
+  if (index == -1) {
+    return url;
+  } else {
+    arr_param.splice(index, 1);
+    return base + '?' + arr_param.join('&');
+  }
+}
+/**
+ * 日期格式化
+ * @param date    接收可以被new Date()方法转换的内容
+ * @param format  字符串，需要的格式例如：'yyyy/MM/dd hh:mm:ss'
+ * @returns {String}
+ */
+const dateFormatter = (date, format = "yyyy/MM/dd") => {
+  if (!date) return "-";
+  date = new Date(
+      typeof date === "string" && isNaN(date)
+          ? date.replace(/-/g, "/")
+          : Number(date)
+  );
+  const o = {
+      "M+": date.getMonth() + 1,
+      "d+": date.getDate(),
+      "h+": date.getHours(),
+      "m+": date.getMinutes(),
+      "s+": date.getSeconds(),
+      "q+": Math.floor((date.getMonth() + 3) / 3),
+      S: date.getMilliseconds(),
+  };
+  if (/(y+)/.test(format)) {
+      format = format.replace(
+          RegExp.$1,
+          (date.getFullYear() + "").substr(4 - RegExp.$1.length)
+      );
+  }
+  for (const k in o) {
+      if (new RegExp("(" + k + ")").test(format)) {
+          format = format.replace(
+              RegExp.$1,
+              RegExp.$1.length === 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
+          );
+      }
+  }
+  return format;
+};
+
+/** 时间格式化 */
+const dealTime = (msTime) => {
+  const time = msTime / 1000;
+  let hour = Math.floor(time / 60 / 60) % 24;
+  let minute = Math.floor(time / 60) % 60;
+  let second = Math.floor(time) % 60;
+  hour = hour > 9 ? hour : "0" + hour;
+  minute = minute > 9 ? minute : "0" + minute;
+  second = second > 9 ? second : "0" + second;
+  return `${hour}:${minute}:${second}`;
+}
+
+/**
+ * 转换k
+ * @param {*} num
+ */
+function getThousandToK(num) {
+  let s_x;
+  if (num >= 1000) {
+    let result = num / 1000;
+    result = Math.floor(result * 10) / 10;
+    s_x = result.toString();
+    let pos_decimal = s_x.indexOf(".");
+    if (pos_decimal < 0) {
+      pos_decimal = s_x.length;
+      s_x += ".";
+    }
+    while (s_x.length <= pos_decimal + 1) {
+      s_x += "0";
+    }
+    s_x += "k";
+  } else {
+    s_x = num;
+  }
+  return s_x;
+}
+
+/**
+ * 截取字符串 中2英1
+ * @param {*} str 
+ * @param {*} sub_length 
+ */
+function subStringCE(str, sub_length) {
+  const temp1 = str.replace(/[^\x20-\xff]/g, "**");
+  const temp2 = temp1.substring(0, sub_length);
+  const x_length = temp2.split("*").length - 1;
+  const hanzi_num = x_length / 2;
+  sub_length = sub_length - hanzi_num;
+  const res = str.substring(0, sub_length);
+  let endStr;
+  if (sub_length < str.length) {
+    endStr = res + "...";
+  } else {
+    endStr = res;
+  }
+  return endStr;
+}
+
+/**
+ * 随机打乱数组
+ * @param {*} arr 
+ * @returns 
+ */
+function shuffleArr(arr) {
+  for (let i = arr.length - 1; i >= 0; i--) {
+      const randomIndex = Math.floor(Math.random() * (i + 1))
+      const itemAtIndex = arr[randomIndex]
+      arr[randomIndex] = arr[i]
+      arr[i] = itemAtIndex
+  }
+  return arr
+}
+
+/**
+ *  获取区间随机数 [min,max)
+ * @export
+ * @param {*} min
+ * @param {*} max
+ * @return {*} 
+ */
+function randomNum(min, max) {
+  return Math.floor(Math.random() * (max - min)) + min
+}
+
+/**
+ *  数据扁平化
+ * @export
+ * @param {*} arr
+ * @return {*} 
+ */
+function flatten(arr) {
+  return arr.reduce((result, item) => {
+      return result.concat(Array.isArray(item) ? flatten(item) : item)
+  }, [])
+}
+
+/** 判断两个对象相等 */
+const check2Object = (obj1, obj2) => {
+  const o1 = obj1 instanceof Object
+  const o2 = obj2 instanceof Object
+  if (!o1 || !o2) { /*  判断不是对象  */
+      return obj1 === obj2
+  }
+  if (Object.keys(obj1).length !== Object.keys(obj2).length) {
+      return false
+  }
+  for (const attr in obj1) {
+      const t1 = obj1[attr] instanceof Object
+      const t2 = obj2[attr] instanceof Object
+      if (t1 && t2) {
+          return check2Object(obj1[attr], obj2[attr])
+      } else if (obj1[attr] !== obj2[attr]) {
+          return false
+      }
+  }
+  return true
+}
+
+/**
+ * 秒转时间对象
+ * @param {Number} totalSecond 总秒数
+ * @return {{
+ *  day: String,
+ *  hour: String,
+ *  minute: String,
+ *  second: String
+ * }}
+ */
+const second2Date = (totalSecond) => {
+  const millisecond = totalSecond % 1000
+  totalSecond = totalSecond / 1000
+
+  // 获得总分钟数
+  const totalMinute = totalSecond / 60
+  // 获得剩余秒数
+  const second = totalSecond % 60
+  // 获得小时数
+  const totalHour = totalMinute / 60
+  // 获得分钟数
+  const minute = totalMinute % 60
+  // 获得天数
+  const day = totalHour / 24
+  // 获得剩余小时数
+  const hour = totalHour % 24
+  // 格式化的键值
+  const includesKey = ['month', 'day', 'hour', 'minute', 'second', 'totalHour', 'totalMinute']
+  // 日期对象
+  const dateObj = { day, hour, minute, second, millisecond, totalHour, totalMinute }
+
+  return Object.keys(dateObj).reduce((preVal, key) => {
+    // 值取整
+    const value = parseInt(dateObj[key])
+
+    if (includesKey.includes(key) && value < 10) {
+      if (value < 0) {
+        preVal[key] = '00'
+      } else {
+        preVal[key] = '0' + value
+      }
+    } else {
+      if (value.toString() === 'NaN') {
+        preVal[key] = '0'
+      } else {
+        preVal[key] = value.toString()
+      }
+    }
+
+    return preVal
+  }, {})
+}
+
+/**
+ * 等待一段时间再执行
+ * @param {number} time 等待的时间ms
+ */
+function waitTime(time) {
+  return new Promise(resolve => setTimeout(resolve, time))
+}
+
+/** 控制滚动--兼容ios */
+const bodyScroll = (event) => {
+  event.preventDefault();
+}
+const onCtrScroll = (flag = true) => {
+  if (flag) { //禁止滚动
+      document.body.addEventListener('touchmove', bodyScroll, { passive: false });
+  } else { //开启滚动
+      document.body.removeEventListener('touchmove', bodyScroll, { passive: false });
+  }
+}
\ No newline at end of file