@moneko/core 2.0.0-beta.22 → 2.0.0-beta.25

package/lib/router/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/router/index.ts"],"sourcesContent":["import { pathToRegexp } from 'path-to-regexp';\nimport { createElement, lazy, type ReactElement, type ReactNode } from 'react';\nimport type { RouteObject } from 'react-router-dom';\n\nexport interface RouterProps extends Omit<RouteObject, 'index' | 'children'> {\n  key: string;\n  alive?: boolean;\n  icon?: ReactNode;\n  dynamicTitle?: string;\n  i18n?: string | null;\n  hideMenu?: boolean;\n  hideTabs?: boolean;\n  onlyLogin?: boolean;\n  root?: boolean;\n  path?: string;\n  element?: ReactElement;\n  fallback?: ReactElement;\n  /** 可否关闭标签 */\n  closable?: boolean;\n  children?: RouterProps[];\n}\nexport const lazyImport = (filePath: string): React.LazyExoticComponent<React.ComponentType> => {\n  return lazy(\n    () =>\n      import(\n        /* webpackChunkName: \"[request]\" */\n        '@/pages/' + filePath.replace(/^\\//, '')\n      )\n  );\n};\n\nexport const myPkgs: RouterProps[] = [];\nif (APPTYPE === 'library') {\n  // eslint-disable-next-line @typescript-eslint/no-var-requires\n  //   const Readme = require('@moneko/core/lib/components/readme').default;\n  const models = require.context('@pkg/', true, /README\\.mdx?$/, 'lazy');\n\n  models.keys().map((item: string) => {\n    const key = item.substring(2).split('/').slice(0, -1).join('/');\n\n    console.log(item);\n    myPkgs.push({\n      key: key,\n      path: key,\n      element: createElement(\n        lazy(\n          () =>\n            import(\n              /* webpackChunkName: \"[request]\" */\n              '@pkg/' + key + '/' + 'README.mdx'\n            )\n        )\n      ),\n    });\n  });\n}\n\nlet list: RouterProps[] = [];\n\ntry {\n  // eslint-disable-next-line @typescript-eslint/no-var-requires\n  list = require('@/router').default;\n} catch (error) {\n  // eslint-disable-next-line no-console\n  console.info('自定义路由请在 router 目录下新建 index.ts, 类型: RouterProps[]');\n}\n\nconst predixKey = (path?: string, prev?: string) =>\n  // eslint-disable-next-line no-undefined\n  [prev === '*' && path !== '*' ? undefined : prev, path].filter(Boolean).join('/');\n\nconst models = require.context('@/pages/', true, /\\.(t|j)sx$/, 'lazy');\n\nconst pathToTree = (input: string[]) => {\n  const root: RouterProps[] = [];\n\n  for (let i = 0; i < input.length; i++) {\n    const chain = input[i].split('/').slice(0, -1);\n    let curr = root;\n\n    for (let j = 0; j < chain.length; j++) {\n      let pathRule = chain[j];\n\n      if (pathRule === '') continue;\n      if (pathRule === '.') pathRule = '*';\n      const lastHierarchy = curr;\n\n      // 遍历root是否已有该层级\n      if (Array.isArray(curr)) {\n        for (let k = 0; k < curr.length; k++) {\n          if (curr[k].path === pathRule) {\n            curr = curr[k].children as RouterProps[];\n            break;\n          }\n        }\n      }\n\n      if (lastHierarchy === curr) {\n        let key: string = j === chain.length - 1 ? input[i] : chain.slice(0, j + 1).join('/') + '/';\n\n        // 截取最后一个 / 前面的数据\n        key = key.substring(2, key.lastIndexOf('/'));\n\n        const node: RouterProps = {\n          key: key,\n          path: pathRule,\n          i18n: 'route-' + key,\n          children: [],\n          alive: false,\n          element: createElement(lazyImport(key.replace(/:/g, '$'))),\n          hideMenu: key.includes(':'),\n        };\n\n        // 文件，最后一个字符不是\"/“符号\n        // if (j === chain.length - 1) delete node.children;\n        if (Array.isArray(curr)) curr.push(node);\n        curr = node.children as RouterProps[];\n      }\n    }\n  }\n\n  return root;\n};\nconst routers: RouterProps[] = pathToTree(\n  models.keys().map((item: string) => item.replace(/\\$/g, ':'))\n);\n\nfunction merge(source: RouterProps[], child: RouterProps, prev?: string) {\n  const _ = source.find((item) => item.path === child.path);\n\n  if (!_) {\n    source.push(child);\n  } else {\n    // 处理key\n    _.key = predixKey(_.path, prev);\n    if (typeof _.i18n === 'undefined') {\n      _.i18n = 'route-' + _.key;\n    }\n    if (typeof _.alive === 'undefined') {\n      _.alive = false;\n    }\n    if (typeof _.element === 'undefined' && child.element) {\n      _.element = child.element;\n    }\n    if (typeof _.hideMenu === 'undefined') {\n      _.hideMenu = _.path === '*' ? true : _.key.includes(':');\n    }\n\n    Object.assign(_, {\n      ...child,\n      ..._,\n    });\n    if (child.children) {\n      if (!_.children && Array.isArray(child.children)) {\n        _.children = child.children;\n      }\n      child.children?.forEach((childData) => {\n        merge(_?.children as RouterProps[], childData, _?.key);\n      });\n    }\n  }\n}\nconst findLogin = (rs: RouterProps[] = [], onlyLogin: boolean, prevKey?: string): RouterProps[] => {\n  return rs\n    .map((e) => {\n      const _ = { ...e };\n\n      if (typeof _.key === 'undefined') {\n        _.key = predixKey(e.path, prevKey);\n      }\n      if (typeof _.i18n === 'undefined') {\n        _.i18n = 'route-' + _.key;\n      }\n      if (typeof _.alive === 'undefined') {\n        _.alive = false;\n      }\n      if (_.path === '*' && typeof _.hideMenu === 'undefined') {\n        _.hideMenu = true;\n      }\n      if (Array.isArray(_.children)) {\n        // eslint-disable-next-line no-undefined\n        _.children = _.children.length ? findLogin(_.children, onlyLogin, _.key) : undefined;\n      }\n      if (!_.element) {\n        _.element = createElement(lazyImport(_.key.replace(/:/g, '$')));\n      }\n      return !!_.onlyLogin === onlyLogin && !_.root ? null : _;\n    })\n    .filter(Boolean) as RouterProps[];\n};\nconst _router: RouterProps[] = [...list];\n\nrouters.forEach((item: RouterProps) => merge(_router, item));\n\n/* 登录前注册的路由 */\nexport const onlyLoginRouter = findLogin(_router, false);\n/* 登录后注册的路由 */\nexport const router = findLogin(_router, true);\n\nexport const matchUtil = (pathname: string) => {\n  let p: RouterProps = { key: '' };\n  const findPath = (rs: RouterProps[]): void => {\n    rs.forEach((item) => {\n      if (item.path && item.path !== '*' && item.key) {\n        try {\n          if (pathToRegexp(item.key).exec(pathname.substring(1) as string)) {\n            p = item;\n            return;\n          }\n          // eslint-disable-next-line no-empty\n        } catch (error) {}\n      }\n      if (Array.isArray(item.children)) findPath(item.children);\n    });\n  };\n\n  findPath(router);\n  return p;\n};\n"],"names":["pathToRegexp","createElement","lazy","lazyImport","filePath","replace","myPkgs","APPTYPE","models","require","context","keys","map","item","key","substring","split","slice","join","console","log","push","path","element","list","default","error","info","predixKey","prev","undefined","filter","Boolean","pathToTree","input","root","i","length","chain","curr","j","pathRule","lastHierarchy","Array","isArray","k","children","lastIndexOf","node","i18n","alive","hideMenu","includes","routers","merge","source","child","_","find","Object","assign","forEach","childData","findLogin","rs","onlyLogin","prevKey","e","_router","onlyLoginRouter","router","matchUtil","pathname","p","findPath","exec"],"mappings":"AAAA,wpDAAA,OAASA,YAAY,KAAQ,gBAAiB,AAC9C,QAASC,aAAa,CAAEC,IAAI,KAA2C,OAAQ,AAoB/E,QAAO,IAAMC,WAAa,SAACC,SAAqE,CAC9F,OAAOF,KACL,kBACE,MAAM,CAEJ,WAAaE,SAASC,OAAO,CAAC,MAAO,MAG7C,CAAE,AAEF,QAAO,IAAMC,OAAwB,EAAE,AAAC,CACxC,GAAIC,UAAY,UAAW,CAGzB,IAAMC,OAASC,QAAQC,OAAO,CAAC,QAAS,IAAI,CAAE,gBAAiB,QAE/DF,OAAOG,IAAI,GAAGC,GAAG,CAAC,SAACC,KAAiB,CAClC,IAAMC,IAAMD,KAAKE,SAAS,CAAC,GAAGC,KAAK,CAAC,KAAKC,KAAK,CAAC,EAAG,CAAC,GAAGC,IAAI,CAAC,KAE3DC,QAAQC,GAAG,CAACP,MACZP,OAAOe,IAAI,CAAC,CACVP,IAAKA,IACLQ,KAAMR,IACNS,QAAStB,cACPC,KACE,kBACE,MAAM,CAEJ,QAAUY,IAAM,IAAM,gBAIhC,EACF,EACF,CAAC,AAED,IAAIU,KAAsB,EAAE,CAE5B,GAAI,CAEFA,KAAOf,QAAQ,YAAYgB,OAAO,AACpC,CAAE,MAAOC,MAAO,CAEdP,QAAQQ,IAAI,CAAC,mDACf,CAEA,IAAMC,UAAY,SAACN,KAAeO,YAEhC,CAACA,OAAS,KAAOP,OAAS,IAAMQ,UAAYD,IAAI,CAAEP,KAAK,CAACS,MAAM,CAACC,SAASd,IAAI,CAAC,MAE/E,IAAMV,QAASC,QAAQC,OAAO,CAAC,WAAY,IAAI,CAAE,aAAc,QAE/D,IAAMuB,WAAa,SAACC,MAAoB,CACtC,IAAMC,KAAsB,EAAE,CAE9B,IAAK,IAAIC,EAAI,EAAGA,EAAIF,MAAMG,MAAM,CAAED,IAAK,CACrC,IAAME,MAAQJ,KAAK,CAACE,EAAE,CAACpB,KAAK,CAAC,KAAKC,KAAK,CAAC,EAAG,CAAC,GAC5C,IAAIsB,KAAOJ,KAEX,IAAK,IAAIK,EAAI,EAAGA,EAAIF,MAAMD,MAAM,CAAEG,IAAK,CACrC,IAAIC,SAAWH,KAAK,CAACE,EAAE,CAEvB,GAAIC,WAAa,GAAI,QAAS,CAC9B,GAAIA,WAAa,IAAKA,SAAW,GAAI,CACrC,IAAMC,cAAgBH,KAGtB,GAAII,MAAMC,OAAO,CAACL,MAAO,CACvB,IAAK,IAAIM,EAAI,EAAGA,EAAIN,KAAKF,MAAM,CAAEQ,IAAK,CACpC,GAAIN,IAAI,CAACM,EAAE,CAACvB,IAAI,GAAKmB,SAAU,CAC7BF,KAAOA,IAAI,CAACM,EAAE,CAACC,QAAQ,CACvB,KAAM,AACR,CAAC,AACH,CACF,CAAC,AAED,GAAIJ,gBAAkBH,KAAM,CAC1B,IAAIzB,IAAc0B,IAAMF,MAAMD,MAAM,CAAG,EAAIH,KAAK,CAACE,EAAE,CAAGE,MAAMrB,KAAK,CAAC,EAAGuB,EAAI,GAAGtB,IAAI,CAAC,KAAO,GAAG,CAG3FJ,IAAMA,IAAIC,SAAS,CAAC,EAAGD,IAAIiC,WAAW,CAAC,MAEvC,IAAMC,KAAoB,CACxBlC,IAAKA,IACLQ,KAAMmB,SACNQ,KAAM,SAAWnC,IACjBgC,SAAU,EAAE,CACZI,MAAO,KAAK,CACZ3B,QAAStB,cAAcE,WAAWW,IAAIT,OAAO,CAAC,KAAM,OACpD8C,SAAUrC,IAAIsC,QAAQ,CAAC,IACzB,EAIA,GAAIT,MAAMC,OAAO,CAACL,MAAOA,KAAKlB,IAAI,CAAC2B,KAAM,CACzCT,KAAOS,KAAKF,QAAQ,AACtB,CAAC,AACH,CACF,CAEA,OAAOX,IACT,EACA,IAAMkB,QAAyBpB,WAC7BzB,QAAOG,IAAI,GAAGC,GAAG,CAAC,SAACC,aAAiBA,KAAKR,OAAO,CAAC,MAAO,QAG1D,SAASiD,MAAMC,MAAqB,CAAEC,KAAkB,CAAE3B,IAAa,CAAE,CACvE,IAAM4B,EAAIF,OAAOG,IAAI,CAAC,SAAC7C,aAASA,KAAKS,IAAI,GAAKkC,MAAMlC,IAAI,GAExD,GAAI,CAACmC,EAAG,CACNF,OAAOlC,IAAI,CAACmC,MACd,KAAO,CAELC,EAAE3C,GAAG,CAAGc,UAAU6B,EAAEnC,IAAI,CAAEO,MAC1B,GAAI,OAAO4B,EAAER,IAAI,GAAK,YAAa,CACjCQ,EAAER,IAAI,CAAG,SAAWQ,EAAE3C,GAAG,AAC3B,CAAC,AACD,GAAI,OAAO2C,EAAEP,KAAK,GAAK,YAAa,CAClCO,EAAEP,KAAK,CAAG,KAAK,AACjB,CAAC,AACD,GAAI,OAAOO,EAAElC,OAAO,GAAK,aAAeiC,MAAMjC,OAAO,CAAE,CACrDkC,EAAElC,OAAO,CAAGiC,MAAMjC,OAAO,AAC3B,CAAC,AACD,GAAI,OAAOkC,EAAEN,QAAQ,GAAK,YAAa,CACrCM,EAAEN,QAAQ,CAAGM,EAAEnC,IAAI,GAAK,IAAM,IAAI,CAAGmC,EAAE3C,GAAG,CAACsC,QAAQ,CAAC,IAAI,AAC1D,CAAC,AAEDO,OAAOC,MAAM,CAACH,EAAG,iBACZD,MACAC,IAEL,GAAID,MAAMV,QAAQ,CAAE,KAIlBU,gBAHA,GAAI,CAACC,EAAEX,QAAQ,EAAIH,MAAMC,OAAO,CAACY,MAAMV,QAAQ,EAAG,CAChDW,EAAEX,QAAQ,CAAGU,MAAMV,QAAQ,AAC7B,CAAC,AACDU,CAAAA,gBAAAA,MAAMV,QAAQ,UAAdU,yBAAAA,KAAAA,EAAAA,gBAAgBK,QAAQ,SAACC,UAAc,CACrCR,MAAMG,UAAAA,WAAAA,KAAAA,EAAAA,EAAGX,QAAQ,CAAmBgB,UAAWL,UAAAA,WAAAA,KAAAA,EAAAA,EAAG3C,GAAG,CACvD,EACF,CAAC,AACH,CAAC,AACH,CACA,IAAMiD,UAAY,UAAiF,KAAhFC,0DAAoB,EAAE,CAAEC,iDAAoBC,+CAC7D,OAAOF,GACJpD,GAAG,CAAC,SAACuD,EAAM,CACV,IAAMV,EAAI,iBAAKU,GAEf,GAAI,OAAOV,EAAE3C,GAAG,GAAK,YAAa,CAChC2C,EAAE3C,GAAG,CAAGc,UAAUuC,EAAE7C,IAAI,CAAE4C,QAC5B,CAAC,AACD,GAAI,OAAOT,EAAER,IAAI,GAAK,YAAa,CACjCQ,EAAER,IAAI,CAAG,SAAWQ,EAAE3C,GAAG,AAC3B,CAAC,AACD,GAAI,OAAO2C,EAAEP,KAAK,GAAK,YAAa,CAClCO,EAAEP,KAAK,CAAG,KAAK,AACjB,CAAC,AACD,GAAIO,EAAEnC,IAAI,GAAK,KAAO,OAAOmC,EAAEN,QAAQ,GAAK,YAAa,CACvDM,EAAEN,QAAQ,CAAG,IAAI,AACnB,CAAC,AACD,GAAIR,MAAMC,OAAO,CAACa,EAAEX,QAAQ,EAAG,CAE7BW,EAAEX,QAAQ,CAAGW,EAAEX,QAAQ,CAACT,MAAM,CAAG0B,UAAUN,EAAEX,QAAQ,CAAEmB,UAAWR,EAAE3C,GAAG,EAAIgB,SAAS,AACtF,CAAC,AACD,GAAI,CAAC2B,EAAElC,OAAO,CAAE,CACdkC,EAAElC,OAAO,CAAGtB,cAAcE,WAAWsD,EAAE3C,GAAG,CAACT,OAAO,CAAC,KAAM,MAC3D,CAAC,AACD,MAAO,CAAC,CAACoD,EAAEQ,SAAS,GAAKA,WAAa,CAACR,EAAEtB,IAAI,CAAG,IAAI,CAAGsB,CAAC,AAC1D,GACC1B,MAAM,CAACC,QACZ,EACA,IAAMoC,QAA0B,mBAAG5C,MAEnC6B,QAAQQ,OAAO,CAAC,SAAChD,aAAsByC,MAAMc,QAASvD,OAGtD,QAAO,IAAMwD,gBAAkBN,UAAUK,QAAS,KAAK,CAAE,AAEzD,QAAO,IAAME,OAASP,UAAUK,QAAS,IAAI,CAAE,AAE/C,QAAO,IAAMG,UAAY,SAACC,SAAqB,CAC7C,IAAIC,EAAiB,CAAE3D,IAAK,EAAG,EAC/B,IAAM4D,SAAW,SAACV,GAA4B,CAC5CA,GAAGH,OAAO,CAAC,SAAChD,KAAS,CACnB,GAAIA,KAAKS,IAAI,EAAIT,KAAKS,IAAI,GAAK,KAAOT,KAAKC,GAAG,CAAE,CAC9C,GAAI,CACF,GAAId,aAAaa,KAAKC,GAAG,EAAE6D,IAAI,CAACH,SAASzD,SAAS,CAAC,IAAe,CAChE0D,EAAI5D,KACJ,MACF,CAAC,AAEH,CAAE,MAAOa,MAAO,CAAC,CACnB,CAAC,AACD,GAAIiB,MAAMC,OAAO,CAAC/B,KAAKiC,QAAQ,EAAG4B,SAAS7D,KAAKiC,QAAQ,CAAE,AAC5D,EACF,EAEA4B,SAASJ,QACT,OAAOG,CACT,CAAE"}
+{"version":3,"sources":["../../src/router/index.ts"],"sourcesContent":["// import * as React from 'react';\n// import { lazyImport } from '../utils/lazy-import';\n// import { pathToRegexp } from 'path-to-regexp';\n// import type { ReactNode } from 'react';\n// import type { RouteObject } from 'react-router-dom';\n// import type { KeepAliveProps } from 'react-activation';\n\n// export interface RouterProps extends Omit<RouteObject, 'index' | 'children'> {\n//   key: string;\n//   alive?: KeepAliveProps | boolean;\n//   icon?: ReactNode;\n//   dynamicTitle?: string;\n//   i18n?: string | null;\n//   hideMenu?: boolean;\n//   hideTabs?: boolean;\n//   onlyLogin?: boolean;\n//   root?: boolean;\n//   path?: string;\n//   element?: ReactNode;\n//   /** 可否关闭标签 */\n//   closable?: boolean;\n//   children?: RouterProps[];\n// }\n\n// export const myPkgs: RouterProps[] = [];\n// if (APPTYPE === 'library') {\n//   // eslint-disable-next-line @typescript-eslint/no-var-requires\n//   const Readme = require('../components/readme').default;\n//   const models = require.context('@pkg/', true, /README\\.mdx?$/);\n\n//   models.keys().map((item: string) => {\n//     const key = item.substring(2).split('/').slice(0, -1).join('/');\n\n//     myPkgs.push({\n//       key: key,\n//       path: key,\n//       element: React.createElement(Readme),\n//     });\n//   });\n// }\n\n// let list: RouterProps[] = [];\n\n// try {\n//   // eslint-disable-next-line @typescript-eslint/no-var-requires\n//   list = require('@/router').default;\n// } catch (error) {\n//   // eslint-disable-next-line no-console\n//   console.info('自定义路由请在 router 目录下新建 index.ts, 类型: RouterProps[]');\n// }\n\n// const predixKey = (path?: string, prev?: string) =>\n//   // eslint-disable-next-line no-undefined\n//   [prev === '*' && path !== '*' ? undefined : prev, path].filter(Boolean).join('/');\n\n// const models = require.context('@/pages/', true, /\\.(t|j)sx$/, 'lazy');\n\n// const pathToTree = (input: string[]) => {\n//   const root: RouterProps[] = [];\n\n//   for (let i = 0; i < input.length; i++) {\n//     const chain = input[i].split('/').slice(0, -1);\n//     let curr = root;\n\n//     for (let j = 0; j < chain.length; j++) {\n//       let pathRule = chain[j];\n\n//       if (pathRule === '') continue;\n//       if (pathRule === '.') pathRule = '*';\n//       const lastHierarchy = curr;\n\n//       // 遍历root是否已有该层级\n//       if (Array.isArray(curr)) {\n//         for (let k = 0; k < curr.length; k++) {\n//           if (curr[k].path === pathRule) {\n//             curr = curr[k].children as RouterProps[];\n//             break;\n//           }\n//         }\n//       }\n\n//       if (lastHierarchy === curr) {\n//         let key: string = j === chain.length - 1 ? input[i] : chain.slice(0, j + 1).join('/') + '/';\n\n//         // 截取最后一个 / 前面的数据\n//         key = key.substring(2, key.lastIndexOf('/'));\n\n//         const node: RouterProps = {\n//           key: key,\n//           path: pathRule,\n//           i18n: 'route-' + key,\n//           children: [],\n//           alive: false,\n//           element: React.createElement(lazyImport(key.replace(/:/g, '$'))),\n//           hideMenu: key.includes(':'),\n//         };\n\n//         // 文件，最后一个字符不是\"/“符号\n//         // if (j === chain.length - 1) delete node.children;\n//         if (Array.isArray(curr)) curr.push(node);\n//         curr = node.children as RouterProps[];\n//       }\n//     }\n//   }\n\n//   return root;\n// };\n// const routers: RouterProps[] = pathToTree(\n//   models.keys().map((item: string) => item.replace(/\\$/g, ':'))\n// );\n\n// function merge(source: RouterProps[], child: RouterProps, prev?: string) {\n//   const _ = source.find((item) => item.path === child.path);\n\n//   if (!_) {\n//     source.push(child);\n//   } else {\n//     // 处理key\n//     _.key = predixKey(_.path, prev);\n//     if (typeof _.i18n === 'undefined') {\n//       _.i18n = 'route-' + _.key;\n//     }\n//     if (typeof _.alive === 'undefined') {\n//       _.alive = false;\n//     }\n//     if (typeof _.element === 'undefined' && child.element) {\n//       _.element = child.element;\n//     }\n//     if (typeof _.hideMenu === 'undefined') {\n//       _.hideMenu = _.path === '*' ? true : _.key.includes(':');\n//     }\n\n//     Object.assign(_, {\n//       ...child,\n//       ..._,\n//     });\n//     if (child.children) {\n//       if (!_.children && Array.isArray(child.children)) {\n//         _.children = child.children;\n//       }\n//       child.children?.forEach((childData) => {\n//         merge(_?.children as RouterProps[], childData, _?.key);\n//       });\n//     }\n//   }\n// }\n// const findLogin = (rs: RouterProps[] = [], onlyLogin: boolean, prevKey?: string): RouterProps[] => {\n//   return rs\n//     .map((e) => {\n//       const _ = { ...e };\n\n//       if (typeof _.key === 'undefined') {\n//         _.key = predixKey(e.path, prevKey);\n//       }\n//       if (typeof _.i18n === 'undefined') {\n//         _.i18n = 'route-' + _.key;\n//       }\n//       if (typeof _.alive === 'undefined') {\n//         _.alive = false;\n//       }\n//       if (_.path === '*' && typeof _.hideMenu === 'undefined') {\n//         _.hideMenu = true;\n//       }\n//       if (Array.isArray(_.children)) {\n//         // eslint-disable-next-line no-undefined\n//         _.children = _.children.length ? findLogin(_.children, onlyLogin, _.key) : undefined;\n//       }\n//       if (!_.element) {\n//         _.element = React.createElement(lazyImport(_.key.replace(/:/g, '$')));\n//       }\n//       return !!_.onlyLogin === onlyLogin && !_.root ? null : _;\n//     })\n//     .filter(Boolean) as RouterProps[];\n// };\n// const _router: RouterProps[] = [...list];\n\n// routers.forEach((item: RouterProps) => merge(_router, item));\n\n// /* 登录前注册的路由 */\n// export const onlyLoginRouter = findLogin(_router, false);\n// /* 登录后注册的路由 */\n// export const router = findLogin(_router, true);\n\n// export const matchUtil = (pathname: string) => {\n//   let p: RouterProps = { key: '' };\n//   const findPath = (rs: RouterProps[]): void => {\n//     rs.forEach((item) => {\n//       if (item.path && item.path !== '*' && item.key) {\n//         try {\n//           if (pathToRegexp(item.key).exec(pathname.substring(1) as string)) {\n//             p = item;\n//             return;\n//           }\n//           // eslint-disable-next-line no-empty\n//         } catch (error) {}\n//       }\n//       if (Array.isArray(item.children)) findPath(item.children);\n//     });\n//   };\n\n//   findPath(router);\n//   return p;\n// };\n\nimport { pathToRegexp } from 'path-to-regexp';\nimport { createElement, type ReactElement } from 'react';\nimport { lazyImport } from '../utils/lazy-import';\n\nexport interface RouterProps {\n  key: string;\n  alive?: boolean;\n  icon?: ReactElement;\n  dynamicTitle?: string;\n  i18n?: string | null;\n  hideMenu?: boolean;\n  hideTabs?: boolean;\n  onlyLogin?: boolean;\n  root?: boolean;\n  path?: string;\n  element?: ReactElement;\n  fallback?: ReactElement;\n  /** 可否关闭标签 */\n  closable?: boolean;\n  children?: RouterProps[];\n}\n// export const lazyImport = (filePath: string) => {\n//   return lazy(\n//     () =>\n//       import(\n//         /* webpackChunkName: \"[request]\" */\n//         '@/pages/' + filePath.replace(/^\\//, '')\n//       )\n//   );\n// };\n\nexport const myPkgs: RouterProps[] = [];\nif (APPTYPE === 'library') {\n  // eslint-disable-next-line @typescript-eslint/no-var-requires\n  const Readme = require('@moneko/core/lib/components/readme').default;\n  const models = require.context('@pkg/', true, /README\\.mdx?$/, 'lazy');\n\n  models.keys().map((item: string) => {\n    const key = item.substring(2).split('/').slice(0, -1).join('/');\n\n    myPkgs.push({\n      key: key,\n      path: key,\n      element: createElement(Readme),\n      // element: createElement(\n      //   lazy(\n      //     () =>\n      //       import(\n      //         /* webpackChunkName: \"[request]\" */\n      //         '@pkg/' + key + '/' + 'README.mdx'\n      //       )\n      //   )\n      // ),\n    });\n  });\n}\n\nlet list: RouterProps[] = [];\n\ntry {\n  // eslint-disable-next-line @typescript-eslint/no-var-requires\n  list = require('@/router').default;\n} catch (error) {\n  // eslint-disable-next-line no-console\n  console.info('自定义路由请在 router 目录下新建 index.ts, 类型: RouterProps[]');\n}\n\nconst predixKey = (path?: string, prev?: string) =>\n  // eslint-disable-next-line no-undefined\n  [prev === '*' && path !== '*' ? undefined : prev, path].filter(Boolean).join('/');\n\nconst models = require.context('@/pages/', true, /\\.(t|j)sx$/, 'lazy');\n\nconst pathToTree = (input: string[]) => {\n  const root: RouterProps[] = [];\n\n  for (let i = 0; i < input.length; i++) {\n    const chain = input[i].split('/').slice(0, -1);\n    let curr = root;\n\n    for (let j = 0; j < chain.length; j++) {\n      let pathRule = chain[j];\n\n      if (pathRule === '') continue;\n      if (pathRule === '.') pathRule = '*';\n      const lastHierarchy = curr;\n\n      // 遍历root是否已有该层级\n      if (Array.isArray(curr)) {\n        for (let k = 0; k < curr.length; k++) {\n          if (curr[k].path === pathRule) {\n            curr = curr[k].children as RouterProps[];\n            break;\n          }\n        }\n      }\n\n      if (lastHierarchy === curr) {\n        let key: string = j === chain.length - 1 ? input[i] : chain.slice(0, j + 1).join('/') + '/';\n\n        // 截取最后一个 / 前面的数据\n        key = key.substring(2, key.lastIndexOf('/'));\n\n        const node: RouterProps = {\n          key: key,\n          path: pathRule,\n          i18n: 'route-' + key,\n          children: [],\n          alive: false,\n          element: createElement(lazyImport(key.replace(/:/g, '$'))),\n          hideMenu: key.includes(':'),\n        };\n\n        // 文件，最后一个字符不是\"/“符号\n        // if (j === chain.length - 1) delete node.children;\n        if (Array.isArray(curr)) curr.push(node);\n        curr = node.children as RouterProps[];\n      }\n    }\n  }\n\n  return root;\n};\nconst routers: RouterProps[] = pathToTree(\n  models.keys().map((item: string) => item.replace(/\\$/g, ':'))\n);\n\nfunction merge(source: RouterProps[], child: RouterProps, prev?: string) {\n  const _ = source.find((item) => item.path === child.path);\n\n  if (!_) {\n    source.push(child);\n  } else {\n    // 处理key\n    _.key = predixKey(_.path, prev);\n    if (typeof _.i18n === 'undefined') {\n      _.i18n = 'route-' + _.key;\n    }\n    if (typeof _.alive === 'undefined') {\n      _.alive = false;\n    }\n    if (typeof _.element === 'undefined' && child.element) {\n      _.element = child.element;\n    }\n    if (typeof _.hideMenu === 'undefined') {\n      _.hideMenu = _.path === '*' ? true : _.key.includes(':');\n    }\n\n    Object.assign(_, {\n      ...child,\n      ..._,\n    });\n    if (child.children) {\n      if (!_.children && Array.isArray(child.children)) {\n        _.children = child.children;\n      }\n      child.children?.forEach((childData) => {\n        merge(_?.children as RouterProps[], childData, _?.key);\n      });\n    }\n  }\n}\nconst findLogin = (rs: RouterProps[] = [], onlyLogin: boolean, prevKey?: string): RouterProps[] => {\n  return rs\n    .map((e) => {\n      const _ = { ...e };\n\n      if (typeof _.key === 'undefined') {\n        _.key = predixKey(e.path, prevKey);\n      }\n      if (typeof _.i18n === 'undefined') {\n        _.i18n = 'route-' + _.key;\n      }\n      if (typeof _.alive === 'undefined') {\n        _.alive = false;\n      }\n      if (_.path === '*' && typeof _.hideMenu === 'undefined') {\n        _.hideMenu = true;\n      }\n      if (Array.isArray(_.children)) {\n        // eslint-disable-next-line no-undefined\n        _.children = _.children.length ? findLogin(_.children, onlyLogin, _.key) : undefined;\n      }\n      if (!_.element) {\n        _.element = createElement(lazyImport(_.key.replace(/:/g, '$')));\n      }\n      return !!_.onlyLogin === onlyLogin && !_.root ? null : _;\n    })\n    .filter(Boolean) as RouterProps[];\n};\nconst _router: RouterProps[] = [...list];\n\nrouters.forEach((item: RouterProps) => merge(_router, item));\n\n/* 登录前注册的路由 */\nexport const onlyLoginRouter = findLogin(_router, false);\n/* 登录后注册的路由 */\nexport const router = findLogin(_router, true);\n\nexport const matchUtil = (pathname: string) => {\n  let p: RouterProps = { key: '' };\n  const findPath = (rs: RouterProps[]): void => {\n    rs.forEach((item) => {\n      if (item.path && item.path !== '*' && item.key) {\n        try {\n          if (pathToRegexp(item.key).exec(pathname.substring(1) as string)) {\n            p = item;\n            return;\n          }\n          // eslint-disable-next-line no-empty\n        } catch (error) {}\n      }\n      if (Array.isArray(item.children)) findPath(item.children);\n    });\n  };\n\n  findPath(router);\n  return p;\n};\n"],"names":["pathToRegexp","createElement","lazyImport","myPkgs","APPTYPE","Readme","require","default","models","context","keys","map","item","key","substring","split","slice","join","push","path","element","list","error","console","info","predixKey","prev","undefined","filter","Boolean","pathToTree","input","root","i","length","chain","curr","j","pathRule","lastHierarchy","Array","isArray","k","children","lastIndexOf","node","i18n","alive","replace","hideMenu","includes","routers","merge","source","child","_","find","Object","assign","forEach","childData","findLogin","rs","onlyLogin","prevKey","e","_router","onlyLoginRouter","router","matchUtil","pathname","p","findPath","exec"],"mappings":"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"}

package/lib/styles/animation.css

@@ -0,0 +1,58 @@
+@keyframes avatar-in {
+    0% {
+        transform: scale(30);
+    }
+
+    20% {
+        transform: scale(30);
+    }
+
+    100% {
+        transform: scale(1);
+    }
+}
+
+@keyframes route-in {
+    from {
+        transform: translate3d(0, 16px, 0);
+        opacity: 0;
+    }
+
+    to {
+        transform: translate3d(0, 0, 0);
+        opacity: 1;
+    }
+}
+
+@keyframes route-out {
+    from {
+        transform: translate3d(0, 0, 0);
+        opacity: 1;
+    }
+
+    to {
+        z-index: -1;
+        transform: translate3d(0, 1rem, 0);
+        opacity: 0;
+    }
+}
+
+@keyframes fade-in {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes fade-out {
+    from {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0;
+    }
+}

package/lib/styles/global.css

@@ -0,0 +1,124 @@
+html,
+body {
+    width: 100vw;
+    height: 100vh;
+    padding: 0;
+    overflow: hidden;
+    margin: 0;
+    color: var(--text-color);
+    font-size: var(--font-size-base);
+    font-family: var(--font-family);
+    line-height: 1.8;
+    background-color: var(--body-background);
+    transition-duration: var(--transition-duration);
+    transition-property: background-color, color;
+    transition-timing-function: var(--transition-timing-function);
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -webkit-text-size-adjust: 100%;
+}
+
+#root {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    -webkit-overflow-scrolling: touch;
+}
+
+main {
+    display: block;
+}
+
+#root > main {
+    flex: 1;
+    width: 100%;
+    overflow-y: auto;
+    animation: route-in var(--transition-duration);
+}
+
+input,
+textarea {
+    caret-color: plum;
+}
+
+:-webkit-autofill,
+:-webkit-autofill:hover,
+:-webkit-autofill:focus {
+    font-weight: 400;
+    border: none;
+    border-radius: 5px;
+    box-shadow: 0 0 0 1000px transparent inset;
+    transition: background-color var(--transition-duration) var(--transition-timing-function);
+    -webkit-text-fill-color: var(--text-color);
+    caret-color: transparent;
+}
+
+::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+    opacity: 0;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    border-radius: 5px;
+}
+
+:hover::-webkit-scrollbar-thumb {
+    background-color: rgba(78, 78, 78, 0.15);
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(176, 139, 227, 0.5);
+}
+
+::-webkit-scrollbar-thumb:active {
+    background-color: rgba(247, 138, 224, 0.5);
+}
+
+::-webkit-scrollbar-button {
+    display: none;
+}
+
+.text-ellipsis,
+.text-ellipsis-2 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.text-ellipsis {
+    white-space: nowrap;
+}
+
+.text-ellipsis-2 {
+    /* stylelint-disable-next-line value-no-vendor-prefix */
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+}
+
+.df {
+    display: flex;
+}
+
+.fd-row {
+    flex-direction: row;
+}
+
+.f-a-c {
+    align-items: center;
+}
+
+.mr5 {
+    margin-right: 5px;
+}
+
+.pos-r-0 {
+    position: absolute;
+    right: 0;
+}

package/lib/styles/normalize.css

@@ -0,0 +1,174 @@
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+pre {
+  font-family: monospace;
+  font-size: 1em;
+}
+
+a {
+  background-color: transparent;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  text-decoration: underline dotted;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+code,
+kbd,
+samp {
+  font-family: monospace;
+  font-size: 1em;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+img {
+  border-style: none;
+}
+
+img,
+button {
+  /* 消除锯齿 */
+  outline: 1px solid transparent;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  appearance: button;
+}
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+legend {
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+textarea {
+  overflow: auto;
+}
+
+[type='checkbox'],
+[type='radio'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type='search'] {
+  appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type='search']::-webkit-search-decoration {
+  appearance: none;
+}
+
+::-webkit-file-upload-button {
+  appearance: button;
+  font: inherit;
+}
+
+details {
+  display: block;
+}
+
+summary {
+  display: list-item;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}

package/lib/styles/variables.css

@@ -0,0 +1,40 @@
+:root {
+    --text-shadow-color: rgba(0, 0, 0, 0.1);
+    --font-size-base: 14px;
+    --border-color-base: #d9d9d9;
+    --border-radius-base: 4px;
+    --body-background: #f8f8f8;
+    --component-background: #fff;
+    --table-header-bg: rgba(0, 0, 0, 0.02);
+    --text-color: rgba(0, 0, 0, 0.65);
+    --text-color-secondary: rgba(0, 0, 0, 0.45);
+    --heading-color: rgba(0, 0, 0, 0.85);
+    --text-selection-bg: var(--primary-color-deprecated-bg);
+    --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);
+    --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
+        0 9px 28px 8px rgba(0, 0, 0, 0.05);
+    --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);
+    --antd-wave-shadow-color: var(--primary-color-outline);
+    --disable-color: rgba(0, 0, 0, 0.25);
+    --btn-disable-bg: var(--disable-color);
+    --btn-disable-border: var(--disable-color);
+    --menu-dark-item-active-bg: #0e3ab3;
+}
+
+[data-theme='dark'] {
+    --text-selection-bg: var(--primary-color-deprecated-bg);
+    --text-color-secondary: rgba(255, 255, 255, 0.25);
+    --text-shadow-color: rgba(255, 255, 255, 0.1);
+    --header-shadow: rgba(255, 255, 255, 0.05);
+    --body-background: #000;
+    --component-background: #141414;
+    --header-bg: rgba(20, 20, 20, 0.9);
+    --text-color: #ffffffd9;
+    --border-color-base: #303030;
+    --heading-color: rgba(255, 255, 255, 0.85);
+    --disabled-color: rgba(255, 255, 255, 0.3);
+}

package/lib/styles/vars.d.ts

@@ -13,5 +13,3 @@ export declare type ThemeColorOptions<T = 'light' | 'dark'> = {
 };
 export declare const setThemeColor: (options: ThemeColorOptions) => void;
 export declare const rootVariables: string;
-export declare const globalStyles = "\n  html,\n  body {\n    width: 100vw;\n    height: 100vh;\n    padding: 0;\n    overflow: hidden;\n    margin: 0;\n    color: var(--text-color);\n    font-size: var(--font-size-base);\n    font-family: var(--font-family);\n    line-height: 1.8;\n    background-color: var(--body-background);\n    transition-duration: var(--transition-duration);\n    transition-property: background-color, color;\n    transition-timing-function: var(--transition-timing-function);\n    -webkit-text-size-adjust: 100%;\n  }\n  main {\n    display: block;\n  }\n  input,\n  textarea {\n    caret-color: plum;\n  }\n\n  :-webkit-autofill,\n  :-webkit-autofill:hover,\n  :-webkit-autofill:focus {\n    font-weight: 400;\n    border: none;\n    border-radius: 5px;\n    box-shadow: 0 0 0 1000px transparent inset;\n    transition: background-color var(--transition-duration) var(--transition-timing-function);\n    -webkit-text-fill-color: var(--text-color);\n    caret-color: transparent;\n  }\n\n  ::-webkit-scrollbar {\n    width: 5px;\n    height: 5px;\n    opacity: 0;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: transparent;\n    border-radius: 5px;\n  }\n\n  :hover::-webkit-scrollbar-thumb {\n    background-color: rgba(78, 78, 78, 0.15);\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(176, 139, 227, 0.5);\n  }\n\n  ::-webkit-scrollbar-thumb:active {\n    background-color: rgba(247, 138, 224, 0.5);\n  }\n\n  ::-webkit-scrollbar-button {\n    display: none;\n  }\n\n  .text-ellipsis,\n  .text-ellipsis-2 {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .text-ellipsis {\n    white-space: nowrap;\n  }\n\n  .text-ellipsis-2 {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    /*! autoprefixer: off */\n    -webkit-box-orient: vertical;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .f-row {\n    flex-direction: row;\n  }\n\n  .f-a-c {\n    align-items: center;\n  }\n\n  .mr5 {\n    margin-right: 5px;\n  }\n\n  .pos-r-0 {\n    position: absolute;\n    right: 0;\n  }\n\n  .login-toolbox {\n    height: 64px;\n\n    button {\n      margin-right: 16px;\n    }\n  }\n";
-export declare const rootStyle: string;

package/lib/styles/vars.js

@@ -1,2 +1,2 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import{routeInKeyframes}from"./animation";import tinycolor from"tinycolor2";import colorPalette from"../utils/color-palette";export var menuDarkBg="#1C222E";export var getColorPalette=function(name,color){var type=arguments.length>2&&arguments[2]!==void 0?arguments[2]:"light",bg=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"#fff";var vars={};if(type==="light"){var i=1;while(i<=7){vars["--".concat(name,"-").concat(i)]=colorPalette(color,i);i++}}else{var _obj;Object.assign(vars,(_obj={},_defineProperty(_obj,"--".concat(name,"-1"),tinycolor.mix(colorPalette(color,8),bg,.15)),_defineProperty(_obj,"--".concat(name,"-2"),tinycolor.mix(colorPalette(color,7),bg,.25)),_defineProperty(_obj,"--".concat(name,"-3"),tinycolor.mix(color,bg,.3)),_defineProperty(_obj,"--".concat(name,"-4"),tinycolor.mix(color,bg,.45)),_defineProperty(_obj,"--".concat(name,"-5"),tinycolor.mix(color,bg,.65)),_defineProperty(_obj,"--".concat(name,"-6"),color),_defineProperty(_obj,"--".concat(name,"-7"),tinycolor.mix(colorPalette(color,5),bg,.9)),_obj))}var _obj1;return _objectSpreadProps(_objectSpread({},vars),(_obj1={},_defineProperty(_obj1,"--".concat(name,"-color-deprecated-bg"),"var(--".concat(name,"-1)")),_defineProperty(_obj1,"--".concat(name,"-color-deprecated-border"),"var(--".concat(name,"-3)")),_defineProperty(_obj1,"--".concat(name,"-color-hover"),"var(--".concat(name,"-5)")),_defineProperty(_obj1,"--".concat(name,"-color"),color),_defineProperty(_obj1,"--".concat(name,"-color-outline"),tinycolor(color).setAlpha(.2).toRgbString()),_defineProperty(_obj1,"--".concat(name,"-color-active"),"var(--".concat(name,"-7)")),_obj1))};var keyword=["primary","warning","error","success"];export var setThemeColor=function(options){keyword.forEach(function(name){var color=options[name];if(color){var colors=getColorPalette(name,color,options.type,options.componentBackground);if(name==="primary"||name==="error"){Object.assign(colors,_defineProperty({},name==="primary"?"--menu-dark-item-active-bg":"--menu-dark-item-active-danger-bg",tinycolor.mix(colorPalette(color,8),menuDarkBg||"#141414",.15).toRgbString()))}for(var key in colors){if(Object.prototype.hasOwnProperty.call(colors,key)){var newColor=colors[key];if(getComputedStyle(document.documentElement).getPropertyValue(key)!==newColor){document.documentElement.style.setProperty(key,newColor)}}}}});if(options.tableHeaderBg){document.documentElement.style.setProperty("--table-header-bg",options.tableHeaderBg)}};var rootStatusColor=_objectSpread({},getColorPalette("normal","rgba(0, 0, 0, 0.85)","light","#fff"),getColorPalette("primary","#1890ff","light","#fff"),getColorPalette("success","#52c41a","light","#fff"),getColorPalette("warning","#faad14","light","#fff"),getColorPalette("error","#ff4d4f","light","#fff"));var rootStatusColorVariables="";Object.entries(rootStatusColor).forEach(function(e){rootStatusColorVariables+="".concat(e.join(": "),";\n")});var rootStatusColorDark=_objectSpread({},getColorPalette("normal","rgba(255, 255, 255, 0.85)","dark","#141414"),getColorPalette("primary","#177ddc","dark","#141414"),getColorPalette("success","#49aa19","dark","#141414"),getColorPalette("warning","#d89614","dark","#141414"),getColorPalette("error","#a61d24","dark","#141414"));var rootStatusColorDarkVariables="";Object.entries(rootStatusColorDark).forEach(function(e){rootStatusColorDarkVariables+="".concat(e.join(": "),";\n")});export var rootVariables="\n  :root {\n    --text-shadow-color: rgba(0, 0, 0, 0.1);\n    --font-size-base: 14px;\n    --border-color-base: #d9d9d9;\n    --border-radius-base: 4px;\n    --body-background: #f8f8f8;\n    --component-background: #fff;\n    --table-header-bg: rgba(0, 0, 0, 0.02);\n    --text-color: rgba(0, 0, 0, 0.65);\n    --text-color-secondary: rgba(0, 0, 0, 0.45);\n    --heading-color: rgba(0, 0, 0, 0.85);\n    --text-selection-bg: var(--primary-color-deprecated-bg);\n    --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);\n    --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05);\n    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n      'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n      'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';\n    --transition-duration: 0.3s;\n    --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);\n    --antd-wave-shadow-color: var(--primary-color-outline);\n    --disable-color: rgba(0, 0, 0, 0.25);\n    --btn-disable-bg: var(--disable-color);\n    --btn-disable-border: var(--disable-color);\n    --menu-dark-item-active-bg: #0e3ab3;\n    ".concat(rootStatusColorVariables,"\n  }\n  [data-theme='dark'] {\n    --text-selection-bg: var(--primary-color-deprecated-bg);\n    --text-color-secondary: rgba(255, 255, 255, 0.25);\n    --text-shadow-color: rgba(255, 255, 255, 0.1);\n    --header-shadow: rgba(255, 255, 255, 0.05);\n    --body-background: #000;\n    --component-background: #141414;\n    --header-bg: rgba(20, 20, 20, 0.9);\n    --text-color: #ffffffd9;\n    --border-color-base: #303030;\n    --heading-color: rgba(255, 255, 255, 0.85);\n    --disabled-color: rgba(255, 255, 255, 0.3);\n    ").concat(rootStatusColorDarkVariables,"\n  }\n");export var globalStyles="\n  html,\n  body {\n    width: 100vw;\n    height: 100vh;\n    padding: 0;\n    overflow: hidden;\n    margin: 0;\n    color: var(--text-color);\n    font-size: var(--font-size-base);\n    font-family: var(--font-family);\n    line-height: 1.8;\n    background-color: var(--body-background);\n    transition-duration: var(--transition-duration);\n    transition-property: background-color, color;\n    transition-timing-function: var(--transition-timing-function);\n    -webkit-text-size-adjust: 100%;\n  }\n  main {\n    display: block;\n  }\n  input,\n  textarea {\n    caret-color: plum;\n  }\n\n  :-webkit-autofill,\n  :-webkit-autofill:hover,\n  :-webkit-autofill:focus {\n    font-weight: 400;\n    border: none;\n    border-radius: 5px;\n    box-shadow: 0 0 0 1000px transparent inset;\n    transition: background-color var(--transition-duration) var(--transition-timing-function);\n    -webkit-text-fill-color: var(--text-color);\n    caret-color: transparent;\n  }\n\n  ::-webkit-scrollbar {\n    width: 5px;\n    height: 5px;\n    opacity: 0;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: transparent;\n    border-radius: 5px;\n  }\n\n  :hover::-webkit-scrollbar-thumb {\n    background-color: rgba(78, 78, 78, 0.15);\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(176, 139, 227, 0.5);\n  }\n\n  ::-webkit-scrollbar-thumb:active {\n    background-color: rgba(247, 138, 224, 0.5);\n  }\n\n  ::-webkit-scrollbar-button {\n    display: none;\n  }\n\n  .text-ellipsis,\n  .text-ellipsis-2 {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .text-ellipsis {\n    white-space: nowrap;\n  }\n\n  .text-ellipsis-2 {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    /*! autoprefixer: off */\n    -webkit-box-orient: vertical;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .f-row {\n    flex-direction: row;\n  }\n\n  .f-a-c {\n    align-items: center;\n  }\n\n  .mr5 {\n    margin-right: 5px;\n  }\n\n  .pos-r-0 {\n    position: absolute;\n    right: 0;\n  }\n\n  .login-toolbox {\n    height: 64px;\n\n    button {\n      margin-right: 16px;\n    }\n  }\n";export var rootStyle="\n  #root {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    -webkit-overflow-scrolling: touch;\n\n    > main {\n      display: block;\n      flex: 1;\n      width: 100%;\n      overflow-y: auto;\n      animation: ".concat(routeInKeyframes," var(--transition-duration);\n    }\n  }\n");
+function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}import tinycolor from"tinycolor2";import colorPalette from"../utils/color-palette";export var menuDarkBg="#1C222E";export var getColorPalette=function(name,color){var type=arguments.length>2&&arguments[2]!==void 0?arguments[2]:"light",bg=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"#fff";var vars={};if(type==="light"){var i=1;while(i<=7){vars["--".concat(name,"-").concat(i)]=colorPalette(color,i);i++}}else{var _obj;Object.assign(vars,(_obj={},_defineProperty(_obj,"--".concat(name,"-1"),tinycolor.mix(colorPalette(color,8),bg,.15)),_defineProperty(_obj,"--".concat(name,"-2"),tinycolor.mix(colorPalette(color,7),bg,.25)),_defineProperty(_obj,"--".concat(name,"-3"),tinycolor.mix(color,bg,.3)),_defineProperty(_obj,"--".concat(name,"-4"),tinycolor.mix(color,bg,.45)),_defineProperty(_obj,"--".concat(name,"-5"),tinycolor.mix(color,bg,.65)),_defineProperty(_obj,"--".concat(name,"-6"),color),_defineProperty(_obj,"--".concat(name,"-7"),tinycolor.mix(colorPalette(color,5),bg,.9)),_obj))}var _obj1;return _objectSpreadProps(_objectSpread({},vars),(_obj1={},_defineProperty(_obj1,"--".concat(name,"-color-deprecated-bg"),"var(--".concat(name,"-1)")),_defineProperty(_obj1,"--".concat(name,"-color-deprecated-border"),"var(--".concat(name,"-3)")),_defineProperty(_obj1,"--".concat(name,"-color-hover"),"var(--".concat(name,"-5)")),_defineProperty(_obj1,"--".concat(name,"-color"),color),_defineProperty(_obj1,"--".concat(name,"-color-outline"),tinycolor(color).setAlpha(.2).toRgbString()),_defineProperty(_obj1,"--".concat(name,"-color-active"),"var(--".concat(name,"-7)")),_obj1))};var keyword=["primary","warning","error","success"];export var setThemeColor=function(options){keyword.forEach(function(name){var color=options[name];if(color){var colors=getColorPalette(name,color,options.type,options.componentBackground);if(name==="primary"||name==="error"){Object.assign(colors,_defineProperty({},name==="primary"?"--menu-dark-item-active-bg":"--menu-dark-item-active-danger-bg",tinycolor.mix(colorPalette(color,8),menuDarkBg||"#141414",.15).toRgbString()))}for(var key in colors){if(Object.prototype.hasOwnProperty.call(colors,key)){var newColor=colors[key];if(getComputedStyle(document.documentElement).getPropertyValue(key)!==newColor){document.documentElement.style.setProperty(key,newColor)}}}}});if(options.tableHeaderBg){document.documentElement.style.setProperty("--table-header-bg",options.tableHeaderBg)}};var rootStatusColor=_objectSpread({},getColorPalette("normal","rgba(0, 0, 0, 0.85)","light","#fff"),getColorPalette("primary","#1890ff","light","#fff"),getColorPalette("success","#52c41a","light","#fff"),getColorPalette("warning","#faad14","light","#fff"),getColorPalette("error","#ff4d4f","light","#fff"));var rootStatusColorVariables="";Object.entries(rootStatusColor).forEach(function(e){rootStatusColorVariables+="".concat(e.join(": "),";\n")});var rootStatusColorDark=_objectSpread({},getColorPalette("normal","rgba(255, 255, 255, 0.85)","dark","#141414"),getColorPalette("primary","#177ddc","dark","#141414"),getColorPalette("success","#49aa19","dark","#141414"),getColorPalette("warning","#d89614","dark","#141414"),getColorPalette("error","#a61d24","dark","#141414"));var rootStatusColorDarkVariables="";Object.entries(rootStatusColorDark).forEach(function(e){rootStatusColorDarkVariables+="".concat(e.join(": "),";\n")});export var rootVariables="\n  :root {\n    ".concat(rootStatusColorVariables,"\n  }\n  [data-theme='dark'] {\n    ").concat(rootStatusColorDarkVariables,"\n  }\n");
 //# sourceMappingURL=vars.js.map

package/lib/styles/vars.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/vars.ts"],"sourcesContent":["import { routeInKeyframes } from './animation';\nimport tinycolor from 'tinycolor2';\nimport colorPalette from '../utils/color-palette';\n\nexport const menuDarkBg = '#1C222E';\nexport const getColorPalette = (\n  name: string,\n  color: string,\n  type: 'light' | 'dark' = 'light',\n  bg = '#fff'\n) => {\n  const vars: Record<string, string> = {};\n\n  if (type === 'light') {\n    let i = 1;\n\n    while (i <= 7) {\n      vars[`--${name}-${i}`] = colorPalette(color, i);\n      i++;\n    }\n  } else {\n    Object.assign(vars, {\n      [`--${name}-1`]: tinycolor.mix(colorPalette(color, 8), bg, 0.15),\n      [`--${name}-2`]: tinycolor.mix(colorPalette(color, 7), bg, 0.25),\n      [`--${name}-3`]: tinycolor.mix(color, bg, 0.3),\n      [`--${name}-4`]: tinycolor.mix(color, bg, 0.45),\n      [`--${name}-5`]: tinycolor.mix(color, bg, 0.65),\n      [`--${name}-6`]: color,\n      [`--${name}-7`]: tinycolor.mix(colorPalette(color, 5), bg, 0.9),\n    });\n  }\n\n  return {\n    ...vars,\n    [`--${name}-color-deprecated-bg`]: `var(--${name}-1)`,\n    [`--${name}-color-deprecated-border`]: `var(--${name}-3)`,\n    [`--${name}-color-hover`]: `var(--${name}-5)`,\n    [`--${name}-color`]: color,\n    [`--${name}-color-outline`]: tinycolor(color).setAlpha(0.2).toRgbString(),\n    [`--${name}-color-active`]: `var(--${name}-7)`,\n  };\n};\n\nexport type ThemeColorOptions<T = 'light' | 'dark'> = {\n  primary?: string;\n  warning?: string;\n  error?: string;\n  success?: string;\n  componentBackground?: string;\n  tableHeaderBg?: string;\n  type?: T;\n};\n\nconst keyword = ['primary', 'warning', 'error', 'success'];\n\nexport const setThemeColor = (options: ThemeColorOptions) => {\n  keyword.forEach((name) => {\n    const color = options[name as 'primary' | 'warning' | 'error' | 'success'];\n\n    if (color) {\n      const colors = getColorPalette(name, color, options.type, options.componentBackground);\n\n      if (name === 'primary' || name === 'error') {\n        Object.assign(colors, {\n          [name === 'primary' ? '--menu-dark-item-active-bg' : '--menu-dark-item-active-danger-bg']:\n            tinycolor.mix(colorPalette(color, 8), menuDarkBg || '#141414', 0.15).toRgbString(),\n        });\n      }\n      for (const key in colors) {\n        if (Object.prototype.hasOwnProperty.call(colors, key)) {\n          const newColor = colors[key as keyof typeof colors];\n\n          if (getComputedStyle(document.documentElement).getPropertyValue(key) !== newColor) {\n            document.documentElement.style.setProperty(key, newColor);\n          }\n        }\n      }\n    }\n  });\n  if (options.tableHeaderBg) {\n    document.documentElement.style.setProperty('--table-header-bg', options.tableHeaderBg);\n  }\n};\n\nconst rootStatusColor = {\n  ...getColorPalette('normal', 'rgba(0, 0, 0, 0.85)', 'light', '#fff'),\n  ...getColorPalette('primary', '#1890ff', 'light', '#fff'),\n  ...getColorPalette('success', '#52c41a', 'light', '#fff'),\n  ...getColorPalette('warning', '#faad14', 'light', '#fff'),\n  ...getColorPalette('error', '#ff4d4f', 'light', '#fff'),\n};\nlet rootStatusColorVariables = '';\n\nObject.entries(rootStatusColor).forEach((e) => {\n  rootStatusColorVariables += `${e.join(': ')};\\n`;\n});\nconst rootStatusColorDark = {\n  ...getColorPalette('normal', 'rgba(255, 255, 255, 0.85)', 'dark', '#141414'),\n  ...getColorPalette('primary', '#177ddc', 'dark', '#141414'),\n  ...getColorPalette('success', '#49aa19', 'dark', '#141414'),\n  ...getColorPalette('warning', '#d89614', 'dark', '#141414'),\n  ...getColorPalette('error', '#a61d24', 'dark', '#141414'),\n};\nlet rootStatusColorDarkVariables = '';\n\nObject.entries(rootStatusColorDark).forEach((e) => {\n  rootStatusColorDarkVariables += `${e.join(': ')};\\n`;\n});\n\nexport const rootVariables = `\n  :root {\n    --text-shadow-color: rgba(0, 0, 0, 0.1);\n    --font-size-base: 14px;\n    --border-color-base: #d9d9d9;\n    --border-radius-base: 4px;\n    --body-background: #f8f8f8;\n    --component-background: #fff;\n    --table-header-bg: rgba(0, 0, 0, 0.02);\n    --text-color: rgba(0, 0, 0, 0.65);\n    --text-color-secondary: rgba(0, 0, 0, 0.45);\n    --heading-color: rgba(0, 0, 0, 0.85);\n    --text-selection-bg: var(--primary-color-deprecated-bg);\n    --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);\n    --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05);\n    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n      'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n      'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';\n    --transition-duration: 0.3s;\n    --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);\n    --antd-wave-shadow-color: var(--primary-color-outline);\n    --disable-color: rgba(0, 0, 0, 0.25);\n    --btn-disable-bg: var(--disable-color);\n    --btn-disable-border: var(--disable-color);\n    --menu-dark-item-active-bg: #0e3ab3;\n    ${rootStatusColorVariables}\n  }\n  [data-theme='dark'] {\n    --text-selection-bg: var(--primary-color-deprecated-bg);\n    --text-color-secondary: rgba(255, 255, 255, 0.25);\n    --text-shadow-color: rgba(255, 255, 255, 0.1);\n    --header-shadow: rgba(255, 255, 255, 0.05);\n    --body-background: #000;\n    --component-background: #141414;\n    --header-bg: rgba(20, 20, 20, 0.9);\n    --text-color: #ffffffd9;\n    --border-color-base: #303030;\n    --heading-color: rgba(255, 255, 255, 0.85);\n    --disabled-color: rgba(255, 255, 255, 0.3);\n    ${rootStatusColorDarkVariables}\n  }\n`;\n\nexport const globalStyles = `\n  html,\n  body {\n    width: 100vw;\n    height: 100vh;\n    padding: 0;\n    overflow: hidden;\n    margin: 0;\n    color: var(--text-color);\n    font-size: var(--font-size-base);\n    font-family: var(--font-family);\n    line-height: 1.8;\n    background-color: var(--body-background);\n    transition-duration: var(--transition-duration);\n    transition-property: background-color, color;\n    transition-timing-function: var(--transition-timing-function);\n    -webkit-text-size-adjust: 100%;\n  }\n  main {\n    display: block;\n  }\n  input,\n  textarea {\n    caret-color: plum;\n  }\n\n  :-webkit-autofill,\n  :-webkit-autofill:hover,\n  :-webkit-autofill:focus {\n    font-weight: 400;\n    border: none;\n    border-radius: 5px;\n    box-shadow: 0 0 0 1000px transparent inset;\n    transition: background-color var(--transition-duration) var(--transition-timing-function);\n    -webkit-text-fill-color: var(--text-color);\n    caret-color: transparent;\n  }\n\n  ::-webkit-scrollbar {\n    width: 5px;\n    height: 5px;\n    opacity: 0;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: transparent;\n    border-radius: 5px;\n  }\n\n  :hover::-webkit-scrollbar-thumb {\n    background-color: rgba(78, 78, 78, 0.15);\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(176, 139, 227, 0.5);\n  }\n\n  ::-webkit-scrollbar-thumb:active {\n    background-color: rgba(247, 138, 224, 0.5);\n  }\n\n  ::-webkit-scrollbar-button {\n    display: none;\n  }\n\n  .text-ellipsis,\n  .text-ellipsis-2 {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .text-ellipsis {\n    white-space: nowrap;\n  }\n\n  .text-ellipsis-2 {\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    /*! autoprefixer: off */\n    -webkit-box-orient: vertical;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .f-row {\n    flex-direction: row;\n  }\n\n  .f-a-c {\n    align-items: center;\n  }\n\n  .mr5 {\n    margin-right: 5px;\n  }\n\n  .pos-r-0 {\n    position: absolute;\n    right: 0;\n  }\n\n  .login-toolbox {\n    height: 64px;\n\n    button {\n      margin-right: 16px;\n    }\n  }\n`;\nexport const rootStyle = `\n  #root {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    -webkit-overflow-scrolling: touch;\n\n    > main {\n      display: block;\n      flex: 1;\n      width: 100%;\n      overflow-y: auto;\n      animation: ${routeInKeyframes} var(--transition-duration);\n    }\n  }\n`;\n"],"names":["routeInKeyframes","tinycolor","colorPalette","menuDarkBg","getColorPalette","name","color","type","bg","vars","i","Object","assign","mix","setAlpha","toRgbString","keyword","setThemeColor","options","forEach","colors","componentBackground","key","prototype","hasOwnProperty","call","newColor","getComputedStyle","document","documentElement","getPropertyValue","style","setProperty","tableHeaderBg","rootStatusColor","rootStatusColorVariables","entries","e","join","rootStatusColorDark","rootStatusColorDarkVariables","rootVariables","globalStyles","rootStyle"],"mappings":"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"}
+{"version":3,"sources":["../../src/styles/vars.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport colorPalette from '../utils/color-palette';\n\nexport const menuDarkBg = '#1C222E';\nexport const getColorPalette = (\n  name: string,\n  color: string,\n  type: 'light' | 'dark' = 'light',\n  bg = '#fff'\n) => {\n  const vars: Record<string, string> = {};\n\n  if (type === 'light') {\n    let i = 1;\n\n    while (i <= 7) {\n      vars[`--${name}-${i}`] = colorPalette(color, i);\n      i++;\n    }\n  } else {\n    Object.assign(vars, {\n      [`--${name}-1`]: tinycolor.mix(colorPalette(color, 8), bg, 0.15),\n      [`--${name}-2`]: tinycolor.mix(colorPalette(color, 7), bg, 0.25),\n      [`--${name}-3`]: tinycolor.mix(color, bg, 0.3),\n      [`--${name}-4`]: tinycolor.mix(color, bg, 0.45),\n      [`--${name}-5`]: tinycolor.mix(color, bg, 0.65),\n      [`--${name}-6`]: color,\n      [`--${name}-7`]: tinycolor.mix(colorPalette(color, 5), bg, 0.9),\n    });\n  }\n\n  return {\n    ...vars,\n    [`--${name}-color-deprecated-bg`]: `var(--${name}-1)`,\n    [`--${name}-color-deprecated-border`]: `var(--${name}-3)`,\n    [`--${name}-color-hover`]: `var(--${name}-5)`,\n    [`--${name}-color`]: color,\n    [`--${name}-color-outline`]: tinycolor(color).setAlpha(0.2).toRgbString(),\n    [`--${name}-color-active`]: `var(--${name}-7)`,\n  };\n};\n\nexport type ThemeColorOptions<T = 'light' | 'dark'> = {\n  primary?: string;\n  warning?: string;\n  error?: string;\n  success?: string;\n  componentBackground?: string;\n  tableHeaderBg?: string;\n  type?: T;\n};\n\nconst keyword = ['primary', 'warning', 'error', 'success'];\n\nexport const setThemeColor = (options: ThemeColorOptions) => {\n  keyword.forEach((name) => {\n    const color = options[name as 'primary' | 'warning' | 'error' | 'success'];\n\n    if (color) {\n      const colors = getColorPalette(name, color, options.type, options.componentBackground);\n\n      if (name === 'primary' || name === 'error') {\n        Object.assign(colors, {\n          [name === 'primary' ? '--menu-dark-item-active-bg' : '--menu-dark-item-active-danger-bg']:\n            tinycolor.mix(colorPalette(color, 8), menuDarkBg || '#141414', 0.15).toRgbString(),\n        });\n      }\n      for (const key in colors) {\n        if (Object.prototype.hasOwnProperty.call(colors, key)) {\n          const newColor = colors[key as keyof typeof colors];\n\n          if (getComputedStyle(document.documentElement).getPropertyValue(key) !== newColor) {\n            document.documentElement.style.setProperty(key, newColor);\n          }\n        }\n      }\n    }\n  });\n  if (options.tableHeaderBg) {\n    document.documentElement.style.setProperty('--table-header-bg', options.tableHeaderBg);\n  }\n};\n\nconst rootStatusColor = {\n  ...getColorPalette('normal', 'rgba(0, 0, 0, 0.85)', 'light', '#fff'),\n  ...getColorPalette('primary', '#1890ff', 'light', '#fff'),\n  ...getColorPalette('success', '#52c41a', 'light', '#fff'),\n  ...getColorPalette('warning', '#faad14', 'light', '#fff'),\n  ...getColorPalette('error', '#ff4d4f', 'light', '#fff'),\n};\nlet rootStatusColorVariables = '';\n\nObject.entries(rootStatusColor).forEach((e) => {\n  rootStatusColorVariables += `${e.join(': ')};\\n`;\n});\nconst rootStatusColorDark = {\n  ...getColorPalette('normal', 'rgba(255, 255, 255, 0.85)', 'dark', '#141414'),\n  ...getColorPalette('primary', '#177ddc', 'dark', '#141414'),\n  ...getColorPalette('success', '#49aa19', 'dark', '#141414'),\n  ...getColorPalette('warning', '#d89614', 'dark', '#141414'),\n  ...getColorPalette('error', '#a61d24', 'dark', '#141414'),\n};\nlet rootStatusColorDarkVariables = '';\n\nObject.entries(rootStatusColorDark).forEach((e) => {\n  rootStatusColorDarkVariables += `${e.join(': ')};\\n`;\n});\n\nexport const rootVariables = `\n  :root {\n    ${rootStatusColorVariables}\n  }\n  [data-theme='dark'] {\n    ${rootStatusColorDarkVariables}\n  }\n`;\n"],"names":["tinycolor","colorPalette","menuDarkBg","getColorPalette","name","color","type","bg","vars","i","Object","assign","mix","setAlpha","toRgbString","keyword","setThemeColor","options","forEach","colors","componentBackground","key","prototype","hasOwnProperty","call","newColor","getComputedStyle","document","documentElement","getPropertyValue","style","setProperty","tableHeaderBg","rootStatusColor","rootStatusColorVariables","entries","e","join","rootStatusColorDark","rootStatusColorDarkVariables","rootVariables"],"mappings":"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"}

package/lib/utils/index.d.ts

@@ -1,4 +1,3 @@
-export declare const translatFunction: (func: string, val?: number | string | any) => string;
 export declare type WatermarkParamsType = {
     text: string;
     x?: number;

package/lib/utils/index.js

@@ -1,2 +1,2 @@
-export var translatFunction=function(func,val){try{if(typeof val!=="undefined"){return eval(func)}}catch(error){console.warn(error)}return func};export var watermark=function(param){var text=param.text,_param_x=param.x,x=_param_x===void 0?19.5:_param_x,_param_y=param.y,y=_param_y===void 0?55:_param_y,_param_width=param.width,width=_param_width===void 0?100:_param_width,_param_height=param.height,height=_param_height===void 0?100:_param_height,_param_fontSize=param.fontSize,fontSize=_param_fontSize===void 0?14:_param_fontSize,_param_angle=param.angle,angle=_param_angle===void 0?-45:_param_angle,_param_opacity=param.opacity,opacity=_param_opacity===void 0?.1:_param_opacity,_param_color=param.color,color=_param_color===void 0?"#000":_param_color;var svgStr='<svg xmlns="http://www.w3.org/2000/svg" width="'+width+'" height="'+height+'"><g><title>Layer 1</title><text x="'+x+'" y="'+y+'" textAnchor="middle" dominantBaseline="middle" stroke-opacity="'+opacity+'" stroke="'+color+'" fill="none" transform="rotate('+angle+" "+width/2+","+height/2+')" font-size="'+fontSize+'" 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'"+'">'+text+"</text></g></svg>";return"data:image/svg+xml;base64,"+window.btoa(decodeURIComponent(encodeURIComponent(svgStr)))};
+export var watermark=function(param){var text=param.text,_param_x=param.x,x=_param_x===void 0?19.5:_param_x,_param_y=param.y,y=_param_y===void 0?55:_param_y,_param_width=param.width,width=_param_width===void 0?100:_param_width,_param_height=param.height,height=_param_height===void 0?100:_param_height,_param_fontSize=param.fontSize,fontSize=_param_fontSize===void 0?14:_param_fontSize,_param_angle=param.angle,angle=_param_angle===void 0?-45:_param_angle,_param_opacity=param.opacity,opacity=_param_opacity===void 0?.1:_param_opacity,_param_color=param.color,color=_param_color===void 0?"#000":_param_color;var svgStr='<svg xmlns="http://www.w3.org/2000/svg" width="'+width+'" height="'+height+'"><g><title>Layer 1</title><text x="'+x+'" y="'+y+'" textAnchor="middle" dominantBaseline="middle" stroke-opacity="'+opacity+'" stroke="'+color+'" fill="none" transform="rotate('+angle+" "+width/2+","+height/2+')" font-size="'+fontSize+'" 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'"+'">'+text+"</text></g></svg>";return"data:image/svg+xml;base64,"+window.btoa(decodeURIComponent(encodeURIComponent(svgStr)))};
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export const translatFunction = (func: string, val?: number | string | any): string => {\n  try {\n    if (typeof val !== 'undefined') {\n      return eval(func);\n    }\n  } catch (error) {\n    // eslint-disable-next-line no-console\n    console.warn(error);\n  }\n  return func;\n};\n\nexport type WatermarkParamsType = {\n  text: string;\n  x?: number;\n  y?: number;\n  width?: number;\n  height?: number;\n  fontSize?: number;\n  angle?: number;\n  opacity?: number;\n  color?: string;\n};\n\nexport const watermark = ({\n  text,\n  x = 19.5,\n  y = 55,\n  width = 100,\n  height = 100,\n  fontSize = 14,\n  angle = -45,\n  opacity = 0.1,\n  color = '#000',\n}: WatermarkParamsType): string => {\n  const svgStr =\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"' +\n    width +\n    '\" height=\"' +\n    height +\n    '\"><g><title>Layer 1</title><text x=\"' +\n    x +\n    '\" y=\"' +\n    y +\n    '\" textAnchor=\"middle\" dominantBaseline=\"middle\" stroke-opacity=\"' +\n    opacity +\n    '\" stroke=\"' +\n    color +\n    '\" fill=\"none\" transform=\"rotate(' +\n    angle +\n    ' ' +\n    width / 2 +\n    ',' +\n    height / 2 +\n    ')\" font-size=\"' +\n    fontSize +\n    '\" font-family=\"-apple-system, BlinkMacSystemFont, ' +\n    \"'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'\" +\n    '\">' +\n    text +\n    '</text></g></svg>';\n\n  return 'data:image/svg+xml;base64,' + window.btoa(decodeURIComponent(encodeURIComponent(svgStr)));\n};\n"],"names":["translatFunction","func","val","eval","error","console","warn","watermark","text","x","y","width","height","fontSize","angle","opacity","color","svgStr","window","btoa","decodeURIComponent","encodeURIComponent"],"mappings":"AAAA,OAAO,IAAMA,iBAAmB,SAACC,KAAcC,IAAwC,CACrF,GAAI,CACF,GAAI,OAAOA,MAAQ,YAAa,CAC9B,OAAOC,KAAKF,KACd,CAAC,AACH,CAAE,MAAOG,MAAO,CAEdC,QAAQC,IAAI,CAACF,MACf,CACA,OAAOH,IACT,CAAE,AAcF,QAAO,IAAMM,UAAY,eAUU,KATjCC,WAAAA,oBACAC,EAAAA,oBAAI,6BACJC,EAAAA,oBAAI,+BACJC,MAAAA,4BAAQ,qCACRC,OAAAA,8BAAS,wCACTC,SAAAA,kCAAW,sCACXC,MAAAA,4BAAQ,CAAC,qCACTC,QAAAA,gCAAU,qCACVC,MAAAA,4BAAQ,oBAER,IAAMC,OACJ,kDACAN,MACA,aACAC,OACA,uCACAH,EACA,QACAC,EACA,mEACAK,QACA,aACAC,MACA,mCACAF,MACA,IACAH,MAAQ,EACR,IACAC,OAAS,EACT,iBACAC,SACA,qDACA,8NACA,KACAL,KACA,oBAEF,MAAO,6BAA+BU,OAAOC,IAAI,CAACC,mBAAmBC,mBAAmBJ,SAC1F,CAAE"}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["// export const translatFunction = (func: string, val?: number | string | any): string => {\n//   try {\n//     if (typeof val !== 'undefined') {\n//       return eval(func);\n//     }\n//   } catch (error) {\n//     // eslint-disable-next-line no-console\n//     console.warn(error);\n//   }\n//   return func;\n// };\n\nexport type WatermarkParamsType = {\n  text: string;\n  x?: number;\n  y?: number;\n  width?: number;\n  height?: number;\n  fontSize?: number;\n  angle?: number;\n  opacity?: number;\n  color?: string;\n};\n\nexport const watermark = ({\n  text,\n  x = 19.5,\n  y = 55,\n  width = 100,\n  height = 100,\n  fontSize = 14,\n  angle = -45,\n  opacity = 0.1,\n  color = '#000',\n}: WatermarkParamsType): string => {\n  const svgStr =\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"' +\n    width +\n    '\" height=\"' +\n    height +\n    '\"><g><title>Layer 1</title><text x=\"' +\n    x +\n    '\" y=\"' +\n    y +\n    '\" textAnchor=\"middle\" dominantBaseline=\"middle\" stroke-opacity=\"' +\n    opacity +\n    '\" stroke=\"' +\n    color +\n    '\" fill=\"none\" transform=\"rotate(' +\n    angle +\n    ' ' +\n    width / 2 +\n    ',' +\n    height / 2 +\n    ')\" font-size=\"' +\n    fontSize +\n    '\" font-family=\"-apple-system, BlinkMacSystemFont, ' +\n    \"'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'\" +\n    '\">' +\n    text +\n    '</text></g></svg>';\n\n  return 'data:image/svg+xml;base64,' + window.btoa(decodeURIComponent(encodeURIComponent(svgStr)));\n};\n"],"names":["watermark","text","x","y","width","height","fontSize","angle","opacity","color","svgStr","window","btoa","decodeURIComponent","encodeURIComponent"],"mappings":"AAwBA,OAAO,IAAMA,UAAY,eAUU,KATjCC,WAAAA,oBACAC,EAAAA,oBAAI,6BACJC,EAAAA,oBAAI,+BACJC,MAAAA,4BAAQ,qCACRC,OAAAA,8BAAS,wCACTC,SAAAA,kCAAW,sCACXC,MAAAA,4BAAQ,CAAC,qCACTC,QAAAA,gCAAU,qCACVC,MAAAA,4BAAQ,oBAER,IAAMC,OACJ,kDACAN,MACA,aACAC,OACA,uCACAH,EACA,QACAC,EACA,mEACAK,QACA,aACAC,MACA,mCACAF,MACA,IACAH,MAAQ,EACR,IACAC,OAAS,EACT,iBACAC,SACA,qDACA,8NACA,KACAL,KACA,oBAEF,MAAO,6BAA+BU,OAAOC,IAAI,CAACC,mBAAmBC,mBAAmBJ,SAC1F,CAAE"}

package/lib/utils/lazy-import.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+declare type SafeImportParams = {
+    /** 文件路径 */
+    filePath: string;
+    /** src目录下的文件夹路径 ['src/pages' === 'pages'] */
+    directory?: string;
+    /** 重试次数 默认：2 */
+    retriesLeft?: number;
+    /** 加载错误时的回调 */
+    onError?: () => void;
+    /** 降级 */
+    fallback?: any;
+};
+/**
+ * 安全的import
+ * @param {string} filePath 路径
+ * @param {string} directory src目录下的文件夹路径 ['src/pages' === 'pages']
+ * @param {number} [retriesLeft=2] 重试次数
+ * @param {Function} onError 加载错误时的回调
+ * @param {any} fallback 降级
+ * @returns {Promise} LazyExoticComponent
+ * */
+export declare const safeImport: ({ filePath, directory, retriesLeft, onError, fallback, }: SafeImportParams) => Promise<{
+    default: any;
+}>;
+/**
+ * 动态引入
+ * @param {string} filePath 文件路径
+ * @param {string} directory 文件夹路径
+ * @param {Function} onError 加载错误时的回调
+ * @returns {Promise} LazyExoticComponent
+ * */
+export declare const lazyImport: (filePath: string, directory?: string, onError?: () => void) => React.LazyExoticComponent<React.ComponentType>;
+export {};

package/lib/utils/lazy-import.js

@@ -0,0 +1,2 @@
+import React from"react";import{Outlet}from"react-router-dom";export var safeImport=function(param){var filePath=param.filePath,directory=param.directory,_param_retriesLeft=param.retriesLeft,retriesLeft=_param_retriesLeft===void 0?2:_param_retriesLeft,onError=param.onError,fallback=param.fallback;var filePaths=filePath.startsWith("/")?filePath.slice(1):filePath;var _directory=directory||"pages";return new Promise(function(resolve){return import("@/"+_directory+(_directory===""?"":"/")+filePaths).then(resolve).catch(function(){if(retriesLeft===1){if(onError){onError()}return Promise.resolve({default:fallback})}return safeImport({filePath:filePath,retriesLeft:retriesLeft-1,directory:directory,onError:onError,fallback:fallback})})})};export var lazyImport=function(filePath,directory,onError){var filePaths=filePath.startsWith("/")?filePath.slice(1):filePath;var _directory=directory||"pages";return React.lazy(function(){return safeImport({filePath:filePath,directory:directory,onError:onError,fallback:React.createElement("div",{path:_directory+"/"+filePaths},React.createElement(Outlet))})})};
+//# sourceMappingURL=lazy-import.js.map