主题开发

• 安装依赖

  yarn
  

• 执行快速添加主题脚本命令

  为了节省开发者开发时的重复工作，脚手架新增快速添加主题的脚本命令，让开发者专注于代码的编写

  yarn add:theme
  

• 根据提示输入信息

  

• 通过向导生成目录结构

  根据向导操作后生成如下目录，主题内容则需要开发者自行编写

  

• 添加主题的配置信息

  在 themes 文件夹中，我们需要对主题的信息进行配置，让项目在加载的时候能够进行准确的识别和加载

  

// layout.json
{
  "contentWidgets": {
    "groups": []
  },
  "mapWidgets": {
    "widgets": []
  }
}



// manifest.json
{
  "name": "全空间一张图测试主题",
  "author": "MapGIS",
  "description": "",
  "component": "ClassicTheme1",
  "styles": [
    {
      "name": "dark",
      "description": "暗蓝",
      "color": "#1890ff",
      "theme": "night"
    },
    {
      "name": "dust-red",
      "description": "薄暮",
      "color": "#f5222d",
      "theme": "dark"
    },
    {
      "name": "volcano",
      "description": "火山",
      "color": "#fa541c",
      "theme": "dark"
    },
    {
      "name": "sunrise-yellow",
      "description": "日出",
      "color": "#fadb14",
      "theme": "dark"
    },
    {
      "name": "polar-green",
      "description": "极光绿",
      "color": "#3eaf7c",
      "theme": "dark"
    },
    {
      "name": "cyan",
      "description": "明青",
      "color": "#13c2c2",
      "theme": "dark"
    },
    {
      "name": "daybreak-blue",
      "description": "拂晓蓝",
      "color": "#1890ff",
      "theme": "dark"
    },
    {
      "name": "golden-purple",
      "description": "酱紫",
      "color": "#722ed1",
      "theme": "dark"
    },
    {
      "name": "magenta",
      "description": "法式洋红",
      "color": "#eb2f96",
      "theme": "dark"
    }
  ],
  "contents": [],
  "defaultAppConfig": {
    "title": "MapGIS全空间一张图",
    "subtitle": "",
    "logo": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNjBweCIgaGVpZ2h0PSIxNjBweCIgdmlld0JveD0iMCAwIDE2MCAxNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2MCAxNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiAgPGltYWdlIGlkPSJpbWFnZTAiIHdpZHRoPSIxNjAiIGhlaWdodD0iMTYwIiB4PSIwIiB5PSIwIgogICAgaHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFLQUFBQUNnQ0FZQUFBQ0x6MmN0QUFBQUJHZEJUVUVBQUxHUEMveGhCUUFBQUNCalNGSk4KQUFCNkpnQUFnSVFBQVBvQUFBQ0E2QUFBZFRBQUFPcGdBQUE2bUFBQUYzQ2N1bEU4QUFBQUJtSkxSMFFBL3dEL0FQK2d2YWVUQUFBQQpDWEJJV1hNQUFBc1NBQUFMRWdIUzNYNzhBQUFXSUVsRVFWUjQydTJkNlpNYzVYM0h2MUx4WHYwbWlSTW5tU0htMGpYYkFpR0VrTmlXCnNEZ01abWVOd1Z4aFc1RXNsYkN3UmhRNExpcEV2VVVLWE1ZaHM3YUNRSmJNTE9FeUdHWlVOdWFRaFhyUTZnQXZxR2Uxa2pqazBKUEUKaVpPOFNPOC9zRTllOURNN1BiMXo5UEU4L2N6c1BwK3FydG5kNmY0OXYrZnA3ejczc1lBUUFvbEVGQXRGT3lDWjMwZ0JTb1FpQlNnUgppaFNnUkNoU2dCS2hTQUZLaENJRktCR0tGS0JFS0ZLQUVxRklBVXFFSWdVb0VZb1VvRVFvVW9BU29VZ0JTb1FpQlNnUmloU2dSQ2dYCmlIYWcxN2poN2Y5VkFLZ0EwcjRMOURQVjV2RXFBSnYrYkh1dmQyNzhJMU4wM0VTd1FNNkliczhOYi8yUEJrQ0RLem9WN1FVV2x3b0EKQzRBSndIem5waisyUmNlZk4xS0FQcTcvOVgrbkFXVGhpbTVBc0RzVnVHSXN2UHUxUDdFRSs4SUZLVUFBMS8vcUQybTRvdE1COUluMgpwd1ZWQUFVQWhYZHYrWkl0MmhsV3pHc0JidnpWSDNTNG91c1g3VXRJeWdEeWgyNzVVa20wSTNHWmR3TGMrTXYvVWdEazRBcVBaMzB1CkNhb0FqRU5mLzlPQ2FFZWlNbThFdVBIZ2Z5cHdoWmNEc0VpMFA0eHhoVGp3WndYUmpvUmx6Z3Z3cTZYZks1aTd3dk5UQldEOEp2dmwKZ21oSGdqS25CZmpWNHU5MUFIbk1mZUg1S1FQSS9XYnd5NVpvUnpveEp3VjQzUnYvb2NJVlhxODFMbGd6QXNBNC9JMC9kMFE3MG9vNQpKOERyWHY5M0E4QnUwWDUwRVZVQSt1SGIvc0lVN1VnejVvd0FyM3Z0MzFTNC9XVGQybzhubXVIRHQvK2xJZG9KUDNOQ2dCdGVyZXFZCm4zVzlzRlFBWk4rN0kyV0xkcVJHend0d3c4L3RBb0FoMFg3MEVGTUFzdTk5SzIyS2RnVG9ZUUd1ZjhWVzRJNlR5aUkzR3J1TzNKbk8KaTNhaUp3VzQvdVV2VkFBbDlQNUlobWhHajl4MW9TN1NnYTRTWUtaWVRVOE10cStmckgvcFgxVzRPWitzNzdHaERDQjc1TzYvY2tRRQozaFVDekJTckd0elpLTWJFWUtwbFFtZ3YvRTZGRkI4UEtnQTA4OTZ2T0VrSExGU0FtV0pWQVdBQVVDWUdVM3E3ZTdWL09hL0JMWGFsCitQamdpdkN2TDNLU0RGU1lBRFBGYWhadXYxMStZakJsdEx1My8vblBWY2ljTHdrcUFMVHlmUmM3U1FXWXVBQnBybGVBTzl0NDA4UmcKcXREdS92NVJLYjZFY1VVNGxJd0lFeFVncmV1VjRJcXBvL2l1TFh5bVFvcFBCQlVBMnZ2NkpRN3ZnQkpaRmVlcDYrMmtmK29zdnVjKwpWZURtbE4wdXZncmNsVzBXNnF2Y0FIZkNxN2VEZkQzOVZOQzRxcTRiSjB6MHdSMVowbmtIeEYyQW1XSlZSZU1ZN2E1TzRnTUFUSk1TCnVyZVRlUVJBNmYzTmw1bXRicmoyd0NlYTkzZmZ2U1hmdlNyY1JWQjZGOFY1Nk5vRG56anZiNzRzeHpNUXJnTE1GR2VOMFk1T0RLYnkKblo1YnQvK2NnZTdNR1FEZzRORXRpM09kYmdwVHRYbC84MlVXQUd2ZC9uTVdnQ09pSStoaDU3cjk1NnlqV3hZWGVBWEFiV2VFVExGYQpBUEFjNnVJcmQrcHFBWUIxUHoycmdaRGRJQVNDcnlrUU1nSkNobjEvendWS0FMKzlBQnpkc3RnRUlXWFBjMVVhL3BUQWRNaXYrK2xaCmxaZE9tQXN3VTZ5bU04V3FoY2I2VHhWdVIzTmIxdTQ3cXhDQ2ttRHRUUkdDWVVLUVB2cnRKVGxDb0h1K0d6MzY3U1Yya0hTSW9ML2EKYzRibnVSUWhNQWxCbXZvMEpTQTlGaEdDMHRwOVp4WFdXZ0VZQzVEVzl5ek1yc2RrMjQxd2VGSy9BRUlXQ1ZUZk1BaEpqMjFkWW94dApYZUtzZmZhTURrSlNudStOTUVxS29zQ3hyVXY4dWFBeHRuV0pNN1oxaVFGQzBvSnl4QlFJS2JEVVNnMW1BcVQxdlZPWTNXcmROVEdZCnNqbzl2M2J2WkJiVFpBRFRCQUt1TXFiSmhXUGJsaHBqMjVZNk0wNU5FOE56eitqWXRxVjI0QVR4aHhHR3huRDcxKzZkMUFCZ2JOdFMKWjJ6YlVnUFRSS1UrSjVsR0EydjNUdXFzOUZLRGlRQXp4YW9CdDc3bnB4eWswWEhOMDZjVlFraUJFSUtFcnlsQ3lLNng3Y3Uwc2UzTApiSjlQR2lFazVibTNFQ1pOL0dHRllXejdNcE1RVXZFOHIvdSt0OGUyTDlNSUladG9ISkpLci93MVQ1OU9zOUJNamRnQ3BJMk4zUzIrCjFnTVpJU1F2b09pdGdCRHQyUDNMOHkxODByMzNIcnQvdVJrcVlhSldBaHZUcFBiODBEWC9QSkgyMzNMcy91VUZFS0xTdUNTUlpvdFkKRjhXUkJaZ3BWaFVxdnFFV3R3eDNtbG9GQUd2MlZEUkN5RkRDT2Q4b0lVUTc5cDJNMWNJbnhlZFRQbXo2eE1rQjZmTWxYKzZXYlhiZgpzZTlrYkVLSVJ1T1VSTnIxcjlsVHlZYUxUV3NpQ1pDT2JKaG9MYjRxM1A2L0FDa05Bd1JJOEJvK3ZxTlBQNzZqejJuamsrNTdwaFE2CmtmemhodVQ0amo0SEJDV1BqVnk3ZTQvdjZOTkJNSnhRR2hiVy9LU2loSS9WYkVJTDBDTyt2amEzNVlLMGV0ZjgyTXFDa1A0RWk5MU4KeHgvb016cEdzckg0UFhqOGdiNk9jV2xpSTE0UjdOb29lVnVpYTM1c3FlMXVQLzVBbndGQ05pVlVGT2VpUmFxUlVBSU1LTDd5eEdDcQpGQ3g5U1Q3QlluZlQ4ZStxaFU0K1hUMXlLazBJNmZNOEZ5Z3VUZUlXcXdnR2dPUGZWZjNGc0I3Z21RSnRuUEJPejkxWGo1eEtSNHFZCmg4QUNEQ2crd0oxMDBKR3I4eC83KzlpNDVud25kcTRvQklvb0lWbmZzNlZJS2NzaUIzVHRlSE5CTGNnakozYXVLQ1NVRXdaNjErMEkKa3dNVzBGbDg1WW5CbEJrb1hhZUpRYVlKRXJpR1QrUXVMd1IrMzlORTh6eDc4RVR1Y2lkS3d2cjlpQXFaSmlXUG5iN1ZUMzJVRHZMYwppZHpsQlRKTlJqaW43VkJRZjFvUlNJQzB0VHNRNEZZamlMM1YvL2lSQm9KVUFwWGwwWk1QWGhISXB4a0lCanpQbTVGVE5tWWpwTWJKCkI2OG8rV3hsUXp5YkE4RW81elFPbDc0K09ncVFkaklQZFRhRmF0RGNENFRrRWlnZUttRXJ5cXQvTks0eEtYN2RPTElwZ2wxYjNxRTUKTGVTek9mRHRKeHhhL2FQeGROU290UlVnWGJleE82Q3RmSkNicm5yeXQybEN5RUFDSXh6Wmt3K3RkTUs5SzVMMTJLaWVmR2lsSFRWaApXVFJDUExaTWp5MHR6TE1uSDFycEVFSjB6aU1tUnRTNHRSU2daeUpwVUVvQlU5UGJ4Y0d0Y3Z6QncxZmFFZDYwNnJGaFJrMVVhb3RsCkRtaDZiQzI2Nm9jZnFtRWUvK0RoS3kwUVluQk03K3hWUC94UWlSSzFkamxnQWNHbncxZUNqSHE0YVVsMHpybGYrWVB2cmNwSGU4K2sKMzJQSGltTERZNHRaRHZqQjkxYVpQbnRhQkJ0NVFraVpVNW92YWpWUzA0bW1BcVQxdms0dFhpK2xJRGV0ZXVLa2ltbVM0anhyUTQrUwpFS3VlT0tuNTdKaFI3TXdRWnpaTWMzdmUyUzlxUkJzNWp1bWVpK0xTckZWeHRPZzlGZExPK2lBTmtGV1BuOHlqdmpDSkJ4VUVyUXJNClJrVmpTMzg0cGk4YUdwY1Z4TFdYUlQxVHFKMFpFZ1VkL1BiVVdmSGhJNnV0TUE4MFd4TVNKV0tCQW8yYVRZZWdEK3dXOVFSdGZJbXcKbCtMZ0h3dDBvUFdZZFRNYUJFZ25sWVorZ1VIR2ZhLzhoK01xNUc1V2M1MHM0Z2dRQVR1U2ZWU0QzQlNsNGl6cE9WSXJIenVXSG4vMApHanZvQXpNQ3BMbGZsQndxV0dEVFhBVTRQTDU3clJIMTRaWERZd3FBLy9QOGFYQjg5OXBTSElkV0RvOFo4QlNUNDd2WExvZ2J5WlhECll3N3FQUk54NDV3SG4vcDRGa0duNHFHeEZSdzFNbXFndXdnWjROZ1BWWWlWWkkzOWZ3QWhkaXg3cmsxMi9ZQjFtNWJIWnJCMGIyMHIKeitsZGFHSGNXQWpNakhoRXJaOTE3Q3U4WXZkUmxXTy84OEZ4WTUwZDcxMGc3YlU1YnF5ellyMWM4TklmYkk5TkpZNnRjV09kVFFqSwpITjdIUUJnL2FqbGdOazVrTXNWcXVrUEtxYnpVaHpqanRYWC8waDU3VTdIdHVUWjVLTkJtbGdPNjlnbzgzc2tWZi85K1lOOFcwbmwrClF6R2owalpBUW9qS2NlU2pGUDg5RUlYVkNJakhKck9SRUk5TjJ6djZ3TUJlaWRNNzBZTDZzQkJ1aDJsY3NoMWl5aXNITEgvOFdMOFQKMjN1L2Z5emdud1BpOHI4ejAzSE1mZnhZdjRQR21UYXNyc0IrWFlBRUJFaWlEaDExcHNUQ2lHL0NxTW5CSmhPYTJFd2phQzlFYTVzbQoyRzhFcFFhOWNXR1ltOXV3aURaa1dzU1MyNXBmaTBseTlVZ09lT3J4OVNaenU0MHpiVmhkYXREZ1dRa1FhTkVEdnVMNzc2bThadU9lCmVtS0R5Y1J6Z2tVc1ppLzdiSUs1emRsMjFiam1UajJ4d2VUd2JnTFhUeGVDM1E2ay9YUUwzc1lJL21DRHhhbWlXMkhrdDkrdXljRW0KSzFmOWRoVkdOaXVzMzQvNnQ0ZTFJR0d6M3A3TmFCSERhdGNXdjY1L1BCb003RzI2ZGlzY2ZMVzRWSkVDd0ZxQS9abGlOVGM3Zmx3MgpIckpaT056MzhDR05VNWNKcnh6UTRkeTl3K3dLQW84ZFVnMS94M1RseVkwR3BrbUY4UVJJbTRtM3pXenpzTXNLUHI1YUhDYW9ha0dDCjVpSEFSV2pXUFVLSUJyYXJzMndtM2tZc09rTGJaVVdqWFkyUlRVZGtFUnhvT2xWSSt1aGE0aGtxVDkzZ0VBS05FRlFTakYrQXRKOTEKMlR6c3NpS2hORWpzL1N4WS9vWmRRckJGNTFFWTloL0RsY205cllETk9iOFZBQTRESHhXZkwyVkdjVStqY1lJSEs3c3E2ajBYVXdnNApHejFrR3JCZ2VDSi9vOUhwcGdYTDM3QnpBUDZKY2VCZVpoMUtzM3puV3dya1lkTnpuZUhUSXpjWm5XNWFDRWJEV1cxNGprNTJuZUgwCnlFME9yUk9PY3N2LzVTWCtDc0FDUWdneXhhb0ovZ2ZEN0dxMlgvVHlCMzV0SU5vQ0cxNUZNQ3U3YWN6ekl2ajBUNzVtZExxcEprQWQKelRjWlo4MW9zOE5xbHUxNE00dnc1OEt0bjl4enN4blhvV1U3M3RUUWVEb1JLN3NHUFA5WWszdHVqajBsbjlvMVVjOHN5cE43YnRZNApwQUVMaGlmMzNHeDB1bWtoQU5BNkdyT2hyVFlNWllyVkVwMkRPTVBrbnB0TDlPaUJjSDJGTE9qdGZrQ2JXeHJFdjZ3Z1FYdjdBWFBzClVxa3RBd0JNZjJmMTVOTzMySk5QMzZJU1FvWUQ5clNuSTRYdUkyb1BmbGk3ck9BeEdzUnB3ckFUSk93WkFkS2REVWFZcFZSNytnQlkKemFad25kbjdkUU9FckVEblR1czBFMCthZGNLeXNkdExIWUdLcUVhSWZ5VEVRREpGTWVEVzk0cVpZalh2TDVMUFBIT3JkZWFaVzFVUQpzZ3V0ajZWU1dUaHg1cGxiclI0VG9NckJWNVcxK000OGM2c1pKT2dHQWRJZERuUzRyYXVrMkFrM045VDhYNXg1ZGlCUDNCVnJJMDNpCm1HYmxnTSt1d3NFbU00aDdlQ0RyL3hWVlFPWUhvTWxZTUQzWExjc3V5UUtSQW5Da1dXNTRkdCtBYzNiZlFBN1Q1RUpNazFGUEpaZGQKdDBGajVWbmxZSk5kU2pGdWhDelpVbEk0N0ZnV3VNdXA2V1FFV2gvY3hDN1ZBck1UZ08zdnVBYUFzL3V6OXRuOVdaMFFjaUdocHdJdAozbHpVV0FSS0NLbjJRaU5rOGVhaXdyb1JRdHhUbG9RMFFJQTJzMkZvMTR3SUVTNkNPM3BpTjJ1a25Ec3dhSjg3TUtpRGtBc1psa0cyCnAveFFHTm5rVWE5VW1kdDFSNlJZTjBDc29NRmYwTzdMaWNGVUlWT3NBdTVlSDJFNmlWbVFndHRJS1FQSSt3Ky9PZmV6YjlpSXVTSnMKaHNZWHFYS3d5WWJaTmkwR05qWDJqZ1pmV2RoeFBpRE5DVFVrMnpEeDBnOVhpRTJMWmhhUXhrM0FXZG5rMGJmWTBGOTM3cm5ibkRqMgpMdE4va1NhTnAwS3h1cXdnNFdlS1ZTWFFoRlRhTUZHUlhCZE5NMUp3aTJZblU2d2FIYmNEQ1FOcHVOaU1pUlBmeGNhbTRyRVpmeDRuClFaYkRpcmpxSjRWdk9nRTlLQVNlRVQweG1MSW5CbE1xa3V1c2JzVWl1R09zWDlCaHZXeGNnMlNhV0N4T05mTFpaSEpTa3MrbTZyRnAKTTdDWDQzQjZraGtrYkRwaDJRbzlKWDlpTUpVRE1BaHhSYktYQWJqRnM1TXBWZ3QwZit2dytFWkRMcjMzVlMyMloveEhMT3c0cGk2OQo5MVVOZk03cU05dUY2emxuT2dzZ0gybE5DRzBRcENFK042eXhDTzRHUzZkb1hURWZSb3lmdm5DSFNScVBNRkRpT3NTcER0alBxZ3VHCjhEa3VZNHEwMlN5S1ZwdE0rcTZNaWNHVXN5QnU0dEFSakR5NmMzWnpGZTZFMjFMUVk4UXV1ZnNWRFc1OXQvYVpFaDJKSG1MVFp5L2QKV1dqMkJhMHFGZUJtRnVXSndaUUdORG1tSVNxMGhXcWdlMS9ZRkZ3eG1uQUY2UVI1NkpLN1hsWlFGMlNhL3R5Ti8yeWltSUticHZuUApYcjdMOUg5SmM3MDg2dXVPcGdDb3RZT05tQW5RRTZBQmQycFgwdjJHWWFtZ0xrWXo3TU1YMy9teWlyb2cwL1JpMDRMdWJpcHcreDh0CkFPYm5yOXhsTmJ1SkNzL0E3TDBuRzg2VVlTNUFHcmlDK3BrUjNab2oraW5ERmFRSndBcWFRL3E1K0k2WEZEU0tzbmFaTWYzVFVVL0wKSkE2cXFjTHQ2RGZwcC8zNXEzZDNqQU90ZStmUWZOUFRXUXZVdUFqUTU1Qk9IZXExWXF2Mm4yN0NGYVFsMHBtTGJuL1JRajBOUjgrLwpkbzhld1VZYXdCZG9YUGRpMFo5dGVqbm5YN3NuVkZ4cGhwTkY2L2M4QlNEbkZ4K1FnQUE5VG1wdy8vdUdZaGtTU3hudVM3SnFWOVNjCk1pd1hmZk1GemZPcmZmNFg5OW9pRTRMbWRCcGM0YldyZWxRQlpGdjlBeWNtUUkvakNucXZlRzVIYldXYUJUY25NWUdaR1VWekJwcUIKcUhCRnB5RllIWDhFdEx1bDFRMkpDN0JKcEhUMGRxN1lpZHJjT0pOKzJxaFBva2dzQncwQ2JUaDRMNVYraHEwK2xRSG9RWTd3RlNwQQpUOFFWdUZtNWp2blJrbXhHcmRKZncwSHIyUzd0dm11R2d0bXpmRlQ2OTlyUExIb3RSdUhtZUhiUUI3cENnRjdvZjJFV3JoaDdyZUV5Ckg2bkM3ZWNyUk1uTnUwNkFYcVFZdTVaYXAzNCtidTlBVnd2UUN4V2pCbGVRR3JxL28zdXVVUnZXTlAyVGcrUFFGUUs4NmZYekt1b0wKb2F5M2JydW9Zd1JwQXlZTFY0d3lkK1REUWRET2VWNzlvRjBod0J0Zit5d0xvT2o1VXkyTEw3MTkreVdsVHMvVFJvem11YVFndzFNYgowelhodHM3TkpBTHRDZ0VDd0EydmZOck9rWU9nMmY4N2QxNXFkN0pGQmFtaUxrZ1Zzc2oyNHUyN3RPRG1jTFlJUjdwR2dOZS9lTlpBCnNHM2FaaVlSdkh2UEVqT29mVnFIVkQxWEd2TWpwNnlOM3RpZzQ3cWl4TmFNcmhFZ0FHeDhmdEpDZUZITTFGTU8zYmZNQ2hzbUhWSksKWS9ZRWdsNFpwYW1ONjlxK0szWW45OGJuSnpVMC9zTVdEdDIzck1EUythNFM0SFdGQ1JYQXFSZ21ha1dMU1MvcnNKNXhvaHJ6Rk9WQQpYWmorbndGMkd6eDI2b3cyYTM5bjNTaWdhZSs5bWcwSXJEaXNaNWlHMjFVQ0JJQU5CeXdEMFhaTWJZVjMvcG9Gd0hwdnMrcUlqcWNvCk5oeXdGTXl1aWdRWmZUcjQzbVkxeTlxZnJoTWdBS3pmOTdFSnZrTnlzK2E2QWJDT2JMM2NFUjEzVnF6ZjkzRWFqVldMMm1lVXFrVVYKZ01vamZicFNnTnJlOFRUYzNFcEV5OVUvZWFEMmFadmJWOW9DazZVQmJlKzRSbjlNMDB0QmZYeVhkZU5xaGJsOXBjVWpIbDBwUUFEbwozL09oQnZiN0ZyUENYMWN6bTl6aklOeUVBYTNKMzlKb3JHdUttS2l4cWJ4alZZR1g4YTRWSUFDc0d6bVpBOTh6VENUdEdUbTZjM1dPClp3QmRMVUFBV1B2VThRTG05bnpCYm1WMDdNRTFPdTlBdWw2QUFIRE5rMGRMNEhlY21HUTJsV01QcjFPVENPaUMrQ2I0UTZhSkRubTAKVjFKVTBMdyt5b1dleUFFQjRPckhqeWlRSXVSTkJZQjI0cEgxVGxJQjlvd0FBZUNxeHc0cmtDTGtSUVdBOXNHajF6bEpCdHBUQWdTQQpWY1loQlZLRXJLa0EwRDQwTmpwSkI5eHpBZ1NBS3g5OVI0RzdNNEJzbU1SbkZFRHV0NC9kNElnSXZDY0ZXR1BsSTI4VklMdG80akF5Ci92aE5PWkVPOUxRQUFlQ0s3NytwSTVtVFB1Y1NCd0hrUC9wQi9GTkI0OUx6QWdTQUZRLy9Vb1U3WTdwWDV2Q0pvTGFvS0gvcXlhL2IKb3AycE1TY0VDQURxZ3djVmRFZTlzSXp1V1Z4ZkFWMWJZejAxWUlsMnBobHpSb0ExK25ZV3N3aC8rRFZMYWd1cUxIcXBhSnlwb25MeQpyV0hxZldWazBCUVUvMURNT1FFQ1FHYkg2d3E2SXpkczNKVjFULzFjRCtxajZybFhCUUlmbEdqV2ZwalljNXNaOEptdVpFNEtzTWJ5CjdhOXE2Szc5cTJzTHFrd0E1dW05ZHppaUhSTE5uQlpnamFYYmZxNmpPL2V2cnFKeHVZQjk1dGx2V2FLZFNwSjVJY0FhUzdhOHBLTTcKaGVpbnRyZ0ttRDNaMVVKOWQ5TTA2aE5XcmJQNzd5NkpkandzODBxQU5SWnZla0hIM05rS3JneWdjTzY1ZXd1aUhZbkN2QlJnamN2dQplMTZGdTFOckZyMjFjOExNN2xTZlBIK2ZKZHFaT014ckFYcTU5SjVDRnE0UXMraE9NYzdzbC9QcGkzcEp0RE9za0FKc3dzVjMvaXlMCjd0am9hS2JWL1BrcmYxTVNuQ3hja0FMc3dFVzM3MWRRMytDbzlza2poL1N1VmJZQW1PZGYyK0tJamo5dnBBQWo4SlhiOXFYUnVJOE0KMERpTlhjVnNrWlk5UDF1b0w5dDBmdmY2VmxOMG5FUWhCU2dSU3FUaldpVVNWa2dCU29RaUJTZ1JpaFNnUkNoU2dCS2hTQUZLaENJRgpLQkdLRktCRUtGS0FFcUZJQVVxRUlnVW9FWW9Vb0VRb1VvQVNvVWdCU29RaUJTZ1JpaFNnUkNqL0Q1U2ZMUnJYOE9WQ0FBQUFKWFJGCldIUmtZWFJsT21OeVpXRjBaUUF5TURJeUxUQXlMVEl6VkRBMk9qUTBPalE1S3pBek9qQXdzVHhsVkFBQUFDVjBSVmgwWkdGMFpUcHQKYjJScFpua0FNakF5TWkwd01pMHlNMVF3TmpvME5EbzBPU3N3TXpvd01NQmgzZWdBQUFBQVNVVk9SSzVDWUlJPSIgLz4KPC9zdmc+Cg==",
    "copyright": "2022 武汉中地数码科技有限公司 Version 10.6.0.10",
    "links": [{ "url": "http://www.smaryun.com", "label": "MapGIS Cloud" }]
  },
  "icon": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA2BAMAAACikgPZAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABJQTFRF2NjYAAAAgICAAAAAj42Nx8TE0/zE5wAAAAZ0Uk5T////AP//ICV/3wAAAFxJREFUeJxjYCAWMAoSBQSGl0ImJSVlY8LAAKzQxcTZhUyFRkpowACH1UQrxGE1XiWhYDCqcFQhDoV4kzdZCqljNQSQqJCwOlJNpL7VVFeoGkoEGFU4qpAeCokFAI5fxNzdnOPYAAAAAElFTkSuQmCC",
  "version": "2.0.0",
  "properties": {
    "cssFile": "theme.css", // 主题css文件
    "jsFile": "theme.js" // 主题js文件
  }
}

• 打包命令

  以上工作完成后执行打包命令将项目进行打包，为了满足调试需求，增加打包成可调式的源码脚本命令

yarn build // 正常打包

yarn build:debug // 调试打包

• 项目打包

  执行打包脚本后，项目会增加打包后的 dist-libs 文件夹，我们只需要关注其中的文件夹即可，在正常情况下，主题打包后生成的 js 和 css 文件默认会放在第一个主题文件夹中，所以多个主题的情况下，其他主题的 manifest.json 文件中的 properties 属性需要指向第一个主题文件夹，如"themes/classic-theme/theme.js"。若只需要单独的某一个主题，可以按照第一个主题文件夹中的 properties 属性配置，然后将其中的 theme.js 和 theme.css 文件复制到该主题中，然后打包成 zip 即可。

• 项目使用

  将按上述步骤打包好的 zip 包通过管理平台的功能菜单应用管理 -主题管理进行主题 zip 包的上传操作。上传成功后通过功能菜单应用管理-应用搭建对主题进行切换，保存后登录一张图即可看到主题效果。

若需要对以此种方式加载的主题进行调试，只需要执行调试打包脚本命令，将对应主题上传应用后进入一张图，打开控制台正常调试即可

• link调试

  在开发过程中若需要实时查看效果，通常使用link的方式进行，使用基本的link操作外，开发者只需要配置好主题的layout.json和manifest.json文件即可，然后将对应的主题直接打包，将打包好的 zip 包通过管理平台的功能菜单应用管理 -主题管理进行主题 zip 包的上传操作。上传成功后通过功能菜单应用管理-应用搭建对主题进行切换，保存后登录一张图即可实时调试。

yarn link // 主题脚手架执行
yarn link '@mapgis/mapgis-pan-spatial-map-themes-frame' // 主应用中执行

// 主应用中添加
import themesFrame from '@mapgis/mapgis-pan-spatial-map-themes-frame'
Vue.use(themesFrame)

link调试情况下是不需要执行打包脚本的，只需要将themes目录下需要调试的主题定义好后通过管理平台上传即可

在执行打包脚本和link的情况下，项目优先使用link模式下的代码