@lcap/core-template

过程记录

基础包core目录下路径别名@都统一改用相对路径，脱离构建工具依赖

utils/create (✅)

• requester方法中有一段仅H5使用的逻辑
• download方法中有一段仅PC使用的逻辑
• Toast通过注入的形式分端提供

apis (✅)

• 通过index.js导出所有api

export { initService as initAuthService } from './auth'
export { initService as initConfigurationService } from "./configuration";
export { initService as initIoService } from './io'
export { initService as initLowauthService } from "./lowauth";
export { initService as initProcessService } from "./process";

plugins/common (✅)

• wx相关，删除端上逻辑实现

plugins/dataTypes (✅)

-- 方法名 --	-- PC --	-- H5 --
compareKeyboardInput	✅
getIsMiniApp		✅
getWeChatOpenid		✅
getWeChatHeadImg		✅
getWeChatNickName		✅
navigateToUserInfo		✅
logout	⚠️	⚠️
setI18nLocale	⚠️	⚠️
getI18nList	⚠️	⚠️
hasAuth	⚠️	⚠️
downloadFile	✅
downloadFiles	✅
getUserList	✅

// config.js
 {
  getFrontendVariables: () => {
    return {
      frontendVariables: {},
      localCacheVariableSet: new Set(),
    };
  },
  $global: {},
 }

plugins/router (✅)

• config定义destination

plugins/utils (✅)

• 对时间格式‘2022-11-11 12:12:12’的处理差异，已做兼容

function fixIOSDateString(value) {
  // 判断是否ios系统
  if (!/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    return value;
  }

  if (/^\d{4}-\d{1,2}-\d{1,2}(\s\d{1,2}:\d{1,2}:\d{1,2})?$/.test(value)) {
    return value.replace(/-/g, "/");
  }

  return value;
}

业务侧使用姿势

// main入口文件 
import '@lcap/mobile-ui/dist-theme/index.css';
import metaData from './metaData.json';
import platformConfig from './platform.config.json';
import { routes } from '@lcap/base-core/router/routes';
import cloudAdminDesigner from './init';

import { setConfig } from '@lcap/base-core';
// 实现以下内容， 具体调用处在core目录下搜索
setConfig({
    $global: {}, // 参照plugins/dataTypes对比差异
    Toast: {
        show: (message, stack) => void 0,
        error: (message, stack) => void 0,
    },
    getFrontendVariables: () => {
        return {
            frontendVariables: {},
            localCacheVariableSet: new Set(),
        };
    },
    destination: () => void 0,
    createRouter: (routes) => void 0,
    getTitleGuard: (appConfig) => (to, from, next) => void 0,
});
cloudAdminDesigner.init(platformConfig?.appConfig, platformConfig, routes, metaData);

init.js中都是用core

import filters from '@lcap/base-core/filters';
// import { AuthPlugin, DataTypesPlugin, LogicsPlugin, RouterPlugin, ServicesPlugin, UtilsPlugin } from '@/plugins';
import { AuthPlugin, DataTypesPlugin, LogicsPlugin, RouterPlugin, ServicesPlugin, UtilsPlugin } from '@lcap/base-core/plugins';
import { filterRoutes, parsePath } from '@lcap/base-core/utils/route';
import { getBasePath } from '@lcap/base-core/utils/encodeUrl';
import { filterAuthResources, findNoAuthView } from '@lcap/base-core/router/guards/auth';