@moneko/core 2.0.7 → 2.0.9

package/build/swcrc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{swcMinifyOption:function(){return swcMinifyOption},default:function(){return _default}});var _webpackMerge=require("webpack-merge");var _common=require("./common");var _envFlags=_interopRequireDefault(require("./envFlags"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var swcPolyfill={env:{targets:["last 2 version","> 0.5%","ie 11","not dead"],mode:"entry",coreJs:"3"}};var swcMinifyOption={compress:{top_retain:[],keep_infinity:true,global_defs:{"@alert":"console.log"},pure_funcs:["console.log","console.warn","console.error","console.info"],toplevel:false,drop_console:true,drop_debugger:true,module:false,ecma:2015,ie8:false,keep_classnames:undefined,keep_fnames:false},mangle:true};var _default=function(){var isDev=arguments.length>0&&arguments[0]!==void 0?arguments[0]:false;var swcOption={module:{type:"es6",ignoreDynamic:true,strict:true,strictMode:true,lazy:true,noInterop:true},jsc:{parser:{syntax:"typescript",decorators:true,dynamicImport:true,tsx:true},loose:true,target:"es2022",externalHelpers:true,transform:{legacyDecorator:true,decoratorMetadata:true,react:{runtime:"automatic",throwIfNamespace:true,useBuiltins:true,refresh:isDev,development:isDev},constModules:{globals:{"env-flags":_envFlags.default}},optimizer:{simplify:false}}},sourceMaps:true};var swcrc=Object.assign(swcOption,!isDev&&swcPolyfill);if(_common.CONFIG.swcrc){swcrc=(0,_webpackMerge.merge)(swcrc,typeof _common.CONFIG.swcrc==="function"?_common.CONFIG.swcrc(isDev):_common.CONFIG.swcrc)}return swcrc};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{swcMinifyOption:function(){return swcMinifyOption},default:function(){return _default}});var _webpackMerge=require("webpack-merge");var _common=require("./common");var _envFlags=_interopRequireDefault(require("./envFlags"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var swcPolyfill={env:{targets:["last 2 version","> 0.5%","ie 11","not dead"],mode:"entry",coreJs:"3"}};var swcMinifyOption={compress:{top_retain:[],keep_infinity:true,global_defs:{"@alert":"console.log"},pure_funcs:["console.log","console.warn","console.error","console.info"],toplevel:false,drop_console:true,drop_debugger:true,module:false,ecma:2015,ie8:false,keep_classnames:undefined,keep_fnames:false},mangle:true};var _default=function(){var isDev=arguments.length>0&&arguments[0]!==void 0?arguments[0]:false;var swcOption={module:{type:"es6",ignoreDynamic:true,strict:true,strictMode:true,lazy:true,noInterop:true},jsc:{parser:{syntax:"typescript",decorators:true,dynamicImport:true,tsx:true},loose:true,target:"es2022",externalHelpers:true,transform:{legacyDecorator:true,decoratorMetadata:true,react:{runtime:"automatic",throwIfNamespace:true,useBuiltins:true,refresh:isDev,development:isDev},constModules:{globals:{"env-flags":_envFlags.default}},optimizer:{simplify:false}},experimental:{plugins:[["swc-plugin-another-transform-imports",_common.CONFIG.importOnDemand||{}]]}},sourceMaps:true};var swcrc=Object.assign(swcOption,!isDev&&swcPolyfill);if(_common.CONFIG.swcrc){swcrc=(0,_webpackMerge.merge)(swcrc,typeof _common.CONFIG.swcrc==="function"?_common.CONFIG.swcrc(isDev):_common.CONFIG.swcrc)}return swcrc};

package/lib/components/layout-menu/index.global.less

@@ -33,8 +33,8 @@
   &&-inline-collapsed > &-submenu > &-submenu-title {
     .@{ant-prefix}-menu-item-icon,
     .@{iconfont-css-prefix} {
-      font-size: 20px !important;
       margin: 0 2px !important;
+      font-size: 20px !important;
     }
   }
 }

package/lib/index.d.ts

@@ -5,7 +5,7 @@ export * from './prefix/mini-idc.js';
 export * from './utils';
 export { matchUtil, router, onlyLoginRouter, myPkgs, myDemoKv, mdxComponents, type ExampleModule, type RouterProps, type MyPkg, } from './router';
 export declare const LayoutMenu: any;
-export type { ConfigType, AppType, CommomType, ProgramInfoType } from '../typings/global';
+export type { ConfigType, AppType, CommomType, ProgramInfoType, MemberTransformer, CoverageType, TerserOptions, MinifierType, SourceMapDevToolPluginOptions, ProjectCoverageType, SharedConfig, SwcOptions, OptimizationSplitChunksOptions, SwcImportOnDemandTransform, } from '../typings/global';
 import type { ConfigType, CommomType, CoverageType, ProjectCoverageType } from '../typings/global';
 export type PartialConfigType<T = 'swc'> = Partial<ConfigType<T>>;
 export type PartialCommomType<T = 'swc'> = Partial<CommomType<T>>;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './prefix/react-router-dom.js';\nexport * from './prefix/i18n-hooks.js';\nexport * from './prefix/mini-idc.js';\nexport * from './utils';\nexport {\n  matchUtil,\n  router,\n  onlyLoginRouter,\n  myPkgs,\n  myDemoKv,\n  mdxComponents,\n  type ExampleModule,\n  type RouterProps,\n  type MyPkg,\n} from './router';\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nexport const LayoutMenu = hasAntd ? require('./components/layout-menu').default : null;\nexport type { ConfigType, AppType, CommomType, ProgramInfoType } from '../typings/global';\nimport type { ConfigType, CommomType, CoverageType, ProjectCoverageType } from '../typings/global';\nexport type PartialConfigType<T = 'swc'> = Partial<ConfigType<T>>;\nexport type PartialCommomType<T = 'swc'> = Partial<CommomType<T>>;\n\ndeclare const projectCoverage: Record<string, CoverageType & Partial<ProjectCoverageType>>;\n\n/** 一些项目基本信息 */\nexport const projectBasicInfo = {\n  projectName,\n  providerConfig,\n  programInfo,\n  coverage: projectCoverage,\n};\n"],"names":["matchUtil","router","onlyLoginRouter","myPkgs","myDemoKv","mdxComponents","LayoutMenu","hasAntd","require","default","projectBasicInfo","projectName","providerConfig","programInfo","coverage","projectCoverage"],"mappings":"AAAA,WAAc,8BAA+B,AAC7C,YAAc,wBAAyB,AACvC,YAAc,sBAAuB,AACrC,YAAc,SAAU,AACxB,QACEA,SAAS,CACTC,MAAM,CACNC,eAAe,CACfC,MAAM,CACNC,QAAQ,CACRC,aAAa,KAIR,UAAW,AAElB,QAAO,IAAMC,WAAaC,QAAUC,QAAQ,4BAA4BC,OAAO,CAAG,IAAI,AAAC,AASvF,QAAO,IAAMC,iBAAmB,CAC9BC,YAAAA,YACAC,eAAAA,eACAC,YAAAA,YACAC,SAAUC,eACZ,CAAE"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './prefix/react-router-dom.js';\nexport * from './prefix/i18n-hooks.js';\nexport * from './prefix/mini-idc.js';\nexport * from './utils';\nexport {\n  matchUtil,\n  router,\n  onlyLoginRouter,\n  myPkgs,\n  myDemoKv,\n  mdxComponents,\n  type ExampleModule,\n  type RouterProps,\n  type MyPkg,\n} from './router';\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nexport const LayoutMenu = hasAntd ? require('./components/layout-menu').default : null;\nexport type {\n  ConfigType,\n  AppType,\n  CommomType,\n  ProgramInfoType,\n  MemberTransformer,\n  CoverageType,\n  TerserOptions,\n  MinifierType,\n  SourceMapDevToolPluginOptions,\n  ProjectCoverageType,\n  SharedConfig,\n  SwcOptions,\n  OptimizationSplitChunksOptions,\n  SwcImportOnDemandTransform,\n} from '../typings/global';\nimport type { ConfigType, CommomType, CoverageType, ProjectCoverageType } from '../typings/global';\nexport type PartialConfigType<T = 'swc'> = Partial<ConfigType<T>>;\nexport type PartialCommomType<T = 'swc'> = Partial<CommomType<T>>;\n\ndeclare const projectCoverage: Record<string, CoverageType & Partial<ProjectCoverageType>>;\n\n/** 一些项目基本信息 */\nexport const projectBasicInfo = {\n  projectName,\n  providerConfig,\n  programInfo,\n  coverage: projectCoverage,\n};\n"],"names":["matchUtil","router","onlyLoginRouter","myPkgs","myDemoKv","mdxComponents","LayoutMenu","hasAntd","require","default","projectBasicInfo","projectName","providerConfig","programInfo","coverage","projectCoverage"],"mappings":"AAAA,WAAc,8BAA+B,AAC7C,YAAc,wBAAyB,AACvC,YAAc,sBAAuB,AACrC,YAAc,SAAU,AACxB,QACEA,SAAS,CACTC,MAAM,CACNC,eAAe,CACfC,MAAM,CACNC,QAAQ,CACRC,aAAa,KAIR,UAAW,AAElB,QAAO,IAAMC,WAAaC,QAAUC,QAAQ,4BAA4BC,OAAO,CAAG,IAAI,AAAC,AAwBvF,QAAO,IAAMC,iBAAmB,CAC9BC,YAAAA,YACAC,eAAAA,eACAC,YAAAA,YACAC,SAAUC,eACZ,CAAE"}

package/lib/packages/back-stage/layout/index.less

@@ -1,6 +1,6 @@
 .tabs {
-  margin: 16px 16px 0 !important;
   overflow: initial !important;
+  margin: 16px 16px 0 !important;
 
   > :global(.@{ant-prefix}-tabs-nav) {
     margin-bottom: 0 !important;
@@ -19,9 +19,9 @@
 
 .layout-content {
   display: flex;
-  flex-direction: column;
-  margin: 0 16px;
   overflow-y: auto;
+  margin: 0 16px;
+  flex-direction: column;
 }
 
 .content {
@@ -38,26 +38,32 @@
   position: sticky;
   top: 0;
   z-index: 1;
-  height: 68px;
-  padding: 14px;
   overflow: hidden;
-  color: #de4553;
-  text-align: center;
-  background-color: var(--sider-logo-bg, #fff) !important;
   border-color: var(--sider-logo-bg, #fff);
   border-right: 16px solid var(--sider-logo-bg, #fff);
   border-bottom: 1px solid var(--border-color);
   border-bottom-color: var(--border-color);
   border-left: 16px solid var(--sider-logo-bg, #fff);
+  padding: 14px;
+  height: 68px;
+  text-align: center;
+  color: #de4553;
+  background-color: var(--sider-logo-bg, #fff) !important;
+  transition-property: background-color, border-color;
+  transition-duration: @transition-duration;
+  transition-timing-function: @transition-timing-function;
   cursor: pointer;
-  transition: border-color @transition-duration @transition-timing-function,
-    background-color @transition-duration @transition-timing-function;
   user-select: none;
 
+  > svg,&::before {
+    transition-property: opacity;
+    transition-duration: @transition-duration;
+    transition-timing-function: @transition-timing-function;
+  }
+
   > svg {
     height: 32px;
     opacity: 0;
-    transition: opacity @transition-duration @transition-timing-function;
   }
 
   &::before {
@@ -66,12 +72,11 @@
     bottom: 0;
     left: 0;
     display: block;
+    margin: auto;
     width: 22px;
     height: 32px;
-    margin: auto;
     background: url('@{favicon}') no-repeat center center / contain;
     opacity: 1;
-    transition: opacity @transition-duration @transition-timing-function;
     content: '';
   }
 }

package/lib/styles/normalize.css

@@ -40,7 +40,7 @@ main {
 
 input,
 textarea {
-  caret-color: var(--primary-color-deprecated-bg);;
+  caret-color: var(--primary-color-bg);;
 }
 
 h1 {
@@ -245,7 +245,7 @@ template {
 }
 
 :hover::-webkit-scrollbar-thumb {
-  background-color: var(--primary-color-deprecated-bg);
+  background-color: var(--primary-color-bg);
 }
 
 ::-webkit-scrollbar-thumb:hover {

package/lib/styles/variables.css

@@ -1,37 +1,35 @@
 :root {
-    --text-shadow-color: rgb(0 0 0 / 10%);
     --font-size: 14px;
-    --border-color-base: #d9d9d9;
-    --border-radius-base: 8px;
+    --font-size-sm: 12px;
+    --font-size-xs: 10px;
+    --font-size-lg: 16px;
+    --border-base: 1px solid var(--border-color);
+    --border-color: #d9d9d9;
+    --border-radius: 8px;
     --body-background: #f8f8f8;
     --component-background: rgb(255 255 255 / 80%);
     --table-header-bg: rgb(0 0 0 / 2%);
     --text-color: rgb(0 0 0 / 65%);
-    --text-color-secondary: rgb(0 0 0 / 45%);
-    --heading-color: rgb(0 0 0 / 85%);
-    --text-selection-bg: var(--primary-color-deprecated-bg);
-    --box-shadow-small: 0 0 12px rgb(0 0 0 / 10%);
+    --text-secondary: #4e4e4e;
+    --text-heading: #1b1b1b;
+    --text-selection-bg: var(--primary-color-bg);
+    --text-shadow-color: rgb(0 0 0 / 10%);
     --box-shadow-base: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%),
-        0 9px 28px 8px rgb(0 0 0 / 5%);
-    --font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial',
-        'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-        'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';
+      0 9px 28px 8px rgb(0 0 0 / 5%);
+    --font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue',
+      'Arial', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+      'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';
     --transition-duration: 0.3s;
     --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);
-    --disable-color: rgb(0 0 0 / 25%);
-    --btn-disable-bg: var(--disable-color);
-    --btn-disable-border: var(--disable-color);
-}
+  }
 
-[data-theme='dark'] {
-    --text-color-secondary: rgb(255 255 255 / 25%);
+  [data-theme='dark'] {
+    --text-color: #ffffffd9;
+    --text-secondary: #cdcdcd;
+    --text-heading: rgb(255 255 255 / 85%);
     --text-shadow-color: rgb(255 255 255 / 10%);
-    --header-shadow: rgb(255 255 255 / 5%);
     --body-background: #000;
     --component-background: rgb(20 20 20 / 80%);
     --header-bg: rgb(20 20 20 / 90%);
-    --text-color: #ffffffd9;
-    --border-color-base: #303030;
-    --heading-color: rgb(255 255 255 / 85%);
-    --disabled-color: rgb(255 255 255 / 30%);
-}
+    --border-color: #303030;
+  }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moneko/core",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "core",
   "main": "lib/index.js",
   "scripts": {
@@ -24,7 +24,6 @@
     "@soda/friendly-errors-webpack-plugin": "1.8.1",
     "@swc/core": "1.3.35",
     "@swc/helpers": "0.4.14",
-    "@swc/plugin-transform-imports": "1.5.41",
     "add-asset-html-webpack-plugin": "5.0.2",
     "core-js": "3.28.0",
     "cross-env": "7.0.3",
@@ -51,6 +50,7 @@
     "rehype-figure": "1.0.1",
     "style-loader": "3.3.1",
     "style-resources-loader": "1.5.0",
+    "swc-plugin-another-transform-imports": "0.2.1",
     "swc-loader": "0.2.3",
     "ts-import-plugin": "2.0.0",
     "ts-loader": "9.4.2",

package/typings/global.d.ts

@@ -111,9 +111,7 @@ export declare type ConfigType<T = 'tsc'> = {
   /** node_modules中, 需要开启 cssModules 的模块 */
   cssModules: string[];
   /** 按需引入 */
-  importOnDemand: T extends 'tsc'
-    ? Partial<Options>[]
-    : Record<string, SwcImportOnDemandTransform | SwcImportOnDemandConfig>;
+  importOnDemand: T extends 'tsc' ? Partial<Options>[] : SwcImportOnDemandTransform;
   /** 开发服务器代理 */
   proxy: ProxyArray | ProxyConfigArray | ProxyConfigMap;
   /** 自定义缓存目录，为 false 时，不使用缓存 */
@@ -360,7 +358,7 @@ export type ProjectCoverageType = {
   classes: string;
 };
 
-declare interface OptimizationSplitChunksOptions {
+export declare interface OptimizationSplitChunksOptions {
   /**
    * Sets the name delimiter for created chunks.
    */
@@ -490,22 +488,76 @@ declare interface OptimizationSplitChunksOptions {
   usedExports?: boolean;
 }
 
-export interface SwcImportOnDemandTransformCtx {
-  source: string;
-  name: string;
-}
-
-export type SwcImportOnDemandTransformFn = (
-  ctx: SwcImportOnDemandTransformCtx
-) => string | string[] | undefined | null | false;
-
-export type SwcImportOnDemandTransform = string | string[] | SwcImportOnDemandTransformFn;
-
-export interface SwcImportOnDemandConfig {
-  transform: SwcImportOnDemandTransform;
-  style?: boolean | string;
-}
+export type MemberTransformer =
+  /** 帕斯卡拼写法(大驼峰): 所有单词的首字母大写，然后直接连接起来，单词之间没有连接符 */
+  | 'pascal_case'
+  /** 骆驼拼写法(小驼峰): 第一个单词的首字母小写, 后续所有单词的首字母大写，然后直接连接起来，单词之间没有连接符 */
+  | 'camel_case'
+  /** 连字符拼写法: 各个单词或缩写之间以`-`做间隔 */
+  | 'kebab_case'
+  /** 破折号式: 每个单词全小写或全大写，多单词使用`-`隔开 */
+  | 'dashed_case'
+  /** 蛇形命名: 每个单词全小写或全大写，多单词使用`_`隔开 */
+  | 'snake_case'
+  /** 大写 */
+  | 'upper_case'
+  /** 最后大写 */
+  | 'upper_first'
+  /** 小写 */
+  | 'lower_case'
+  /** 最后小写 */
+  | 'lower_first';
 
+export type SwcImportOnDemandTransform = Record<
+  /** 库名 */
+  string,
+  {
+    /** 要使用的库名称，而不是导入语句中指定的库名称。`${member}` 是替换的成员
+     * @example
+     * ```javascript
+     * const conf = {
+     *    importOnDemand: {
+     *        'neko-ui': {
+     *           transform: 'neko-ui/es/${member}',
+     *           memberTransformers: ['dashed_case']
+     *        }
+     *    }
+     * }
+     * // 以下代码将会按照预期进行转换
+     * import { Button } from 'neko-ui';
+     * // to
+     * import Button from 'neko-ui/es/button'
+     * ```
+     */
+    transform: string;
+    /** 默认值:`false`, 设置转换时需要单独导入的样式，`${member}` 是替换的成员
+     * @example
+     * ```javascript
+     * const conf = {
+     *    importOnDemand: {
+     *        antd: {
+     *           transform: 'antd/es/${member}',
+     *           style: 'antd/es/${member}/style',
+     *           memberTransformers: ['dashed_case']
+     *        }
+     *    }
+     * }
+     * // 以下代码将会按照预期进行转换
+     * import { BackTop } from 'antd';
+     * // to
+     * import BackTop from 'antd/es/back-top';
+     * import 'antd/es/back-top/style';
+     * ```
+     */
+    style?: string;
+    /** 默认值:`false`, 当设置为true时，将保留 `import { Button }` 语法，而不是转换为 `import Button` */
+    skipDefaultConversion?: boolean;
+    /** 默认值:`true`, 当遇到会导致导入整个模块时，是否抛出 */
+    preventFullImport?: boolean;
+    /** 默认值:`[]`, 成员转换规则 */
+    memberTransformers?: MemberTransformer[];
+  }
+>;
 declare global {
   // eslint-disable-next-line vars-on-top,no-var
   var NEKOCLICONFIG: CommomType;