@maketribe/ms-app 3.0.34 → 3.0.36

package/dist/cjs/dataview/material/material-group/MaterialGroupTree.js

@@ -28,6 +28,7 @@ class MaterialGroupTree extends dm.DataTree {
         }
       }
     }
+    response.data.data = response.data.data.filter((item) => !item.parentGroupId);
     return response;
   }
   getCurrentNode() {

package/dist/cjs/dataview/material/material-group/MaterialGroupTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialGroupTree.js","sources":["../../../../../src/dataview/material/material-group/MaterialGroupTree.ts"],"sourcesContent":["import { DataTableOptions, DataTree, DataTreeNode } from \"@maketribe/dm\";\r\nimport { MaterialGroup } from \"./MaterialGroupForm\";\r\n\r\nexport type MaterialGroupNode = MaterialGroup & {\r\n  children: MaterialGroupNode[];\r\n};\r\n\r\nexport class MaterialGroupTree extends DataTree<MaterialGroupNode> {\r\n  currentDataTreeNode: DataTreeNode<MaterialGroupNode> | null;\r\n\r\n  constructor(options: DataTableOptions = {}) {\r\n    super({\r\n      name: \"ms-material-group\",\r\n      props: { label: \"desc\", children: \"children\" },\r\n      ...options,\r\n    });\r\n\r\n    this.currentDataTreeNode = null;\r\n  }\r\n\r\n  protected async loadRequest(params: Record<string, any>) {\r\n    const response = await super.loadRequest(params);\r\n\r\n    if (response.data.code !== 200) {\r\n      return response;\r\n    }\r\n\r\n    const list = response.data.data;\r\n\r\n    const rootMaterialGroups: MaterialGroupNode[] = [];\r\n\r\n    const materialGroups = list as MaterialGroupNode[];\r\n\r\n    for (const materialGroup of materialGroups) {\r\n      materialGroup.children = [];\r\n\r\n      if (!materialGroup.parentGroupId) {\r\n        rootMaterialGroups.push(materialGroup);\r\n      }\r\n\r\n      for (const item of materialGroups) {\r\n        if (materialGroup.id === item.parentGroupId) {\r\n          materialGroup.children.push(item);\r\n        }\r\n      }\r\n    }\r\n    return response;\r\n  }\r\n\r\n  getCurrentNode() {\r\n    if (this.currentDataTreeNode) {\r\n      return this.currentDataTreeNode;\r\n    }\r\n\r\n    const getFirstNode = (\r\n      nodes: DataTreeNode<MaterialGroupNode>[]\r\n    ): DataTreeNode<MaterialGroupNode> | null => {\r\n      if (nodes[0].children.length) {\r\n        return getFirstNode(nodes[0].children);\r\n      }\r\n\r\n      return nodes[0];\r\n    };\r\n\r\n    return (this.currentDataTreeNode = getFirstNode(this.rootNodes));\r\n  }\r\n\r\n  setCurrentNode(node: DataTreeNode<MaterialGroupNode> | null) {\r\n    this.currentDataTreeNode = node;\r\n  }\r\n}\r\n"],"names":["DataTree"],"mappings":";;;;AAOO,MAAM,0BAA0BA,WAA4B,CAAA;AAAA,EACjE,mBAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAA4B,GAAA,EAAI,EAAA;AAC1C,IAAM,KAAA,CAAA;AAAA,MACJ,IAAM,EAAA,mBAAA;AAAA,MACN,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,UAAU,UAAW,EAAA;AAAA,MAC7C,GAAG,OAAA;AAAA,KACJ,CAAA,CAAA;AAED,IAAA,IAAA,CAAK,mBAAsB,GAAA,IAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAgB,YAAY,MAA6B,EAAA;AACvD,IAAA,MAAM,QAAW,GAAA,MAAM,KAAM,CAAA,WAAA,CAAY,MAAM,CAAA,CAAA;AAE/C,IAAI,IAAA,QAAA,CAAS,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC9B,MAAO,OAAA,QAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,IAAA,GAAO,SAAS,IAAK,CAAA,IAAA,CAAA;AAI3B,IAAA,MAAM,cAAiB,GAAA,IAAA,CAAA;AAEvB,IAAA,KAAA,MAAW,iBAAiB,cAAgB,EAAA;AAC1C,MAAA,aAAA,CAAc,WAAW,EAAC,CAAA;AAE1B,MAAI,IAAA,CAAC,cAAc,aAAe,EAAA,CAElC;AAEA,MAAA,KAAA,MAAW,QAAQ,cAAgB,EAAA;AACjC,QAAI,IAAA,aAAA,CAAc,EAAO,KAAA,IAAA,CAAK,aAAe,EAAA;AAC3C,UAAc,aAAA,CAAA,QAAA,CAAS,KAAK,IAAI,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AACA,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAAA,EAEA,cAAiB,GAAA;AACf,IAAA,IAAI,KAAK,mBAAqB,EAAA;AAC5B,MAAA,OAAO,IAAK,CAAA,mBAAA,CAAA;AAAA,KACd;AAEA,IAAM,MAAA,YAAA,GAAe,CACnB,KAC2C,KAAA;AAC3C,MAAA,IAAI,KAAM,CAAA,CAAC,CAAE,CAAA,QAAA,CAAS,MAAQ,EAAA;AAC5B,QAAA,OAAO,YAAa,CAAA,KAAA,CAAM,CAAC,CAAA,CAAE,QAAQ,CAAA,CAAA;AAAA,OACvC;AAEA,MAAA,OAAO,MAAM,CAAC,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,OAAQ,IAAK,CAAA,mBAAA,GAAsB,YAAa,CAAA,IAAA,CAAK,SAAS,CAAA,CAAA;AAAA,GAChE;AAAA,EAEA,eAAe,IAA8C,EAAA;AAC3D,IAAA,IAAA,CAAK,mBAAsB,GAAA,IAAA,CAAA;AAAA,GAC7B;AACF;;;;"}
+{"version":3,"file":"MaterialGroupTree.js","sources":["../../../../../src/dataview/material/material-group/MaterialGroupTree.ts"],"sourcesContent":["import { DataTableOptions, DataTree, DataTreeNode } from \"@maketribe/dm\";\r\nimport { MaterialGroup } from \"./MaterialGroupForm\";\r\n\r\nexport type MaterialGroupNode = MaterialGroup & {\r\n  children: MaterialGroupNode[];\r\n};\r\n\r\nexport class MaterialGroupTree extends DataTree<MaterialGroupNode> {\r\n  currentDataTreeNode: DataTreeNode<MaterialGroupNode> | null;\r\n\r\n  constructor(options: DataTableOptions = {}) {\r\n    super({\r\n      name: \"ms-material-group\",\r\n      props: { label: \"desc\", children: \"children\" },\r\n      ...options,\r\n    });\r\n\r\n    this.currentDataTreeNode = null;\r\n  }\r\n\r\n  protected async loadRequest(params: Record<string, any>) {\r\n    const response = await super.loadRequest(params);\r\n\r\n    if (response.data.code !== 200) {\r\n      return response;\r\n    }\r\n\r\n    const list = response.data.data;\r\n\r\n    const rootMaterialGroups: MaterialGroupNode[] = [];\r\n\r\n    const materialGroups = list as MaterialGroupNode[];\r\n\r\n    for (const materialGroup of materialGroups) {\r\n      materialGroup.children = [];\r\n\r\n      if (!materialGroup.parentGroupId) {\r\n        rootMaterialGroups.push(materialGroup);\r\n      }\r\n\r\n      for (const item of materialGroups) {\r\n        if (materialGroup.id === item.parentGroupId) {\r\n          materialGroup.children.push(item);\r\n        }\r\n      }\r\n    }\r\n    response.data.data = response.data.data.filter(item => !item.parentGroupId);\r\n    return response;\r\n  }\r\n\r\n  getCurrentNode() {\r\n    if (this.currentDataTreeNode) {\r\n      return this.currentDataTreeNode;\r\n    }\r\n\r\n    const getFirstNode = (\r\n      nodes: DataTreeNode<MaterialGroupNode>[]\r\n    ): DataTreeNode<MaterialGroupNode> | null => {\r\n      if (nodes[0].children.length) {\r\n        return getFirstNode(nodes[0].children);\r\n      }\r\n\r\n      return nodes[0];\r\n    };\r\n\r\n    return (this.currentDataTreeNode = getFirstNode(this.rootNodes));\r\n  }\r\n\r\n  setCurrentNode(node: DataTreeNode<MaterialGroupNode> | null) {\r\n    this.currentDataTreeNode = node;\r\n  }\r\n}\r\n"],"names":["DataTree"],"mappings":";;;;AAOO,MAAM,0BAA0BA,WAA4B,CAAA;AAAA,EACjE,mBAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAA4B,GAAA,EAAI,EAAA;AAC1C,IAAM,KAAA,CAAA;AAAA,MACJ,IAAM,EAAA,mBAAA;AAAA,MACN,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,UAAU,UAAW,EAAA;AAAA,MAC7C,GAAG,OAAA;AAAA,KACJ,CAAA,CAAA;AAED,IAAA,IAAA,CAAK,mBAAsB,GAAA,IAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAgB,YAAY,MAA6B,EAAA;AACvD,IAAA,MAAM,QAAW,GAAA,MAAM,KAAM,CAAA,WAAA,CAAY,MAAM,CAAA,CAAA;AAE/C,IAAI,IAAA,QAAA,CAAS,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC9B,MAAO,OAAA,QAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,IAAA,GAAO,SAAS,IAAK,CAAA,IAAA,CAAA;AAI3B,IAAA,MAAM,cAAiB,GAAA,IAAA,CAAA;AAEvB,IAAA,KAAA,MAAW,iBAAiB,cAAgB,EAAA;AAC1C,MAAA,aAAA,CAAc,WAAW,EAAC,CAAA;AAE1B,MAAI,IAAA,CAAC,cAAc,aAAe,EAAA,CAElC;AAEA,MAAA,KAAA,MAAW,QAAQ,cAAgB,EAAA;AACjC,QAAI,IAAA,aAAA,CAAc,EAAO,KAAA,IAAA,CAAK,aAAe,EAAA;AAC3C,UAAc,aAAA,CAAA,QAAA,CAAS,KAAK,IAAI,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AACA,IAAS,QAAA,CAAA,IAAA,CAAK,OAAO,QAAS,CAAA,IAAA,CAAK,KAAK,MAAO,CAAA,CAAA,IAAA,KAAQ,CAAC,IAAA,CAAK,aAAa,CAAA,CAAA;AAC1E,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAAA,EAEA,cAAiB,GAAA;AACf,IAAA,IAAI,KAAK,mBAAqB,EAAA;AAC5B,MAAA,OAAO,IAAK,CAAA,mBAAA,CAAA;AAAA,KACd;AAEA,IAAM,MAAA,YAAA,GAAe,CACnB,KAC2C,KAAA;AAC3C,MAAA,IAAI,KAAM,CAAA,CAAC,CAAE,CAAA,QAAA,CAAS,MAAQ,EAAA;AAC5B,QAAA,OAAO,YAAa,CAAA,KAAA,CAAM,CAAC,CAAA,CAAE,QAAQ,CAAA,CAAA;AAAA,OACvC;AAEA,MAAA,OAAO,MAAM,CAAC,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,OAAQ,IAAK,CAAA,mBAAA,GAAsB,YAAa,CAAA,IAAA,CAAK,SAAS,CAAA,CAAA;AAAA,GAChE;AAAA,EAEA,eAAe,IAA8C,EAAA;AAC3D,IAAA,IAAA,CAAK,mBAAsB,GAAA,IAAA,CAAA;AAAA,GAC7B;AACF;;;;"}

package/dist/cjs/layouts/components/bar/index.js

@@ -119,7 +119,7 @@ const MKBar = /* @__PURE__ */ vue.defineComponent({
       }, null)]), vue.createVNode("div", {
         "class": "mk-bar__item-title"
       }, [systemSettingNode.title, vue.createTextVNode(" ")])])]) : null;
-      const logo = msAppClient.logo ? vue.createVNode("div", {
+      msAppClient.logo ? vue.createVNode("div", {
         "class": "mk-bar__logo"
       }, [vue.createVNode("div", {
         "class": "mk-logo",
@@ -129,7 +129,7 @@ const MKBar = /* @__PURE__ */ vue.defineComponent({
       }, null)]) : null;
       return vue.createVNode("div", {
         "class": "mk-bar"
-      }, [logo, vue.createVNode("div", {
+      }, [vue.createVNode("div", {
         "class": "mk-bar__items"
       }, [barItems]), footer]);
     };

package/dist/cjs/layouts/components/bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {logo}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {/* {logo} */}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,wBAAwBC,mBAAA,CAAA;AAAA,EACnCC,IAAM,EAAA,OAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,OAAS,EAAA;AAAA,MACPC,IAAMC,EAAAA,iBAAAA;AAAAA,KACR;AAAA,GACF;AAAA,EACAC,MAAMJ,KAAO,EAAA;AACX,IAAA,MAAMK,cAAcC,uBAAYC,CAAAA,QAAAA,CAAAA;AAChC,IAAA,MAAMC,cAAcH,WAAYG,CAAAA,WAAAA,CAAAA;AAChC,IAAA,MAAMC,SAAOD,WAAYC,CAAAA,IAAAA,CAAAA;AACzB,IAAA,MAAMC,YAAYL,WAAYK,CAAAA,SAAAA,CAAAA;AAG9B,IAAA,MAAMC,cAAiBC,GAAAA,YAAAA,CAAS,MAAMZ,KAAAA,CAAMC,OAAO,CAAA,CAAA;AAEnD,IAAA,MAAMY,qBAAsBZ,CAAsB,OAAA,KAAA;AAChD,MAAA,IAAIa,MAA0Bb,GAAAA,OAAAA,CAAAA;AAE9B,MAAIA,IAAAA,OAAAA,CAAQc,SAASC,MAAQ,EAAA;AAC3BF,QAASL,MAAAA,GAAAA,MAAAA,CAAKQ,oBAAqBhB,CAAAA,OAAAA,CAAQc,QAAQ,CAAA,CAAA;AAAA,OACrD;AAEA,MAAA,IAAI,CAACD,MAAQ,EAAA;AACX,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,IAAIA,QAAQI,KAAO,EAAA;AACjBR,QAAAA,SAAAA,CAAUS,IAAK,CAAA;AAAA,UAAEpB,IAAAA,EAAMe,OAAOI,KAAMnB,CAAAA,IAAAA;AAAAA,SAAM,CAAA,CAAA;AAAA,OAC5C;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMqB,QAAWX,GAAAA,MAAAA,CAAKY,SACnBC,CAAAA,MAAAA,CAAQC,CAAaA,QAAAA,KAAAA,QAAAA,CAASrB,IAAS,KAAA,GAAG,CAC1CsB,CAAAA,GAAAA,CAAKD,CAAQE,QAAAA,KAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAEH,EAAA,CACL,cACAF,EAAAA,QAAAA,CAASR,SAASC,MAAS,GAAA,cAAA,GAAiB,EAC5CU,EAAAA,SAAAA,CAAMf,cAAc,CAAGgB,EAAAA,EAAAA,KAAOJ,QAASI,CAAAA,EAAAA,GAAK,cAAc,EAAE,CAAA;AAAA,QAC7D,SAAA,EACQC,MAAMf,kBAAAA,CAAmBU,QAAQ,CAAA;AAAA,OAAC,EAAA,CAAAE,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAI,eAAA,EAAA;AAAA,QAAA,aAGnBN,QAASO,CAAAA,QAAAA;AAAAA,SAAQ,IAAA,CAAA,CAAA,CAAA,EAAAL,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAA,CAERF,QAAAA,CAASQ,KAAKC,EAAAA,mBAAAA,SAElD,CAAA,CAAA;AAEH,MAAMC,MAAAA,iBAAAA,GAAoBxB,OAAKY,SAAUa,CAAAA,IAAAA,CACtCX,cAAaA,QAASrB,CAAAA,IAAAA,KAASiC,cAASC,cAC3C,CAAA,CAAA;AAEA,MAAA,MAAMC,MAASJ,GAAAA,iBAAAA,EAAmBlB,QAASC,CAAAA,MAAAA,GAAMS,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,gBAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,SAGpC,CACL,cAAA,EACA,kBACAQ,EAAAA,iBAAAA,CAAkBlB,SAASC,MAAS,GAAA,cAAA,GAAiB,EACrDU,EAAAA,SAAAA,CAAMf,cAAc,CAAGgB,EAAAA,EAAAA,KAAOM,iBAAkBN,CAAAA,EAAAA,GAC5C,cACA,EAAE,CAAA;AAAA,QACP,SAAA,EACQC,MAAMf,kBAAAA,CAAmBoB,iBAAiB,CAAA;AAAA,OAAC,EAAA,CAAAR,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAI,eAAA,EAAA;AAAA,QAAA,aAG5BI,iBAAkBH,CAAAA,QAAAA;AAAAA,SAAQ,IAAA,CAAA,CAAA,CAAA,EAAAL,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAA,CAEjBQ,iBAAkBF,CAAAA,KAAAA,EAAKC,8BAG1D,GAAA,IAAA,CAAA;AAEJ,MAAa3B,WAAAA,CAAYiC,IAAIb,GAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,cAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,SAAA;AAAA,QAAA,OAIhB,EAAA;AAAA,UAAEc,eAAAA,EAAkB,CAAMlC,IAAAA,EAAAA,WAAAA,CAAYiC,IAAK,CAAA,CAAA,CAAA;AAAA,SAAG;AAAA,OAAC,EAAA,IAAA,CAAA,CAAA,CAGxD,GAAA,KAAA;AAEJ,MAAA,OAAAb,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,QAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,eAAA;AAAA,SAIgCL,CAAAA,QAAQ,IAEnCiB,MAAM,CAAA,CAAA,CAAA;AAAA,KAGb,CAAA;AAAA,GACF;AACF,CAAC;;;;"}

package/dist/cjs/layouts/components/header/index.js

@@ -2,16 +2,25 @@
 
 var vue = require('vue');
 var tools = require('./tools.js');
+require('@maketribe/dm');
+require('element-plus');
+require('@maketribe/utils');
+require('../../../core/DataModelDefines.js');
+var MSAppClient = require('../../../core/MSAppClient.js');
 
 const MKHeader = /* @__PURE__ */ vue.defineComponent({
   name: "MKHeader",
   setup() {
+    const msAppClient = MSAppClient.MSAppClient.instance;
     return () => {
       return vue.createVNode("div", {
         "class": "mk-header"
       }, [vue.createVNode("div", {
         "class": "mk-header__main"
-      }, null), vue.createVNode("div", {
+      }, [vue.createVNode("img", {
+        "class": "mk-header__logo",
+        "src": msAppClient.logo
+      }, null)]), vue.createVNode("div", {
         "class": "mk-header__tools"
       }, [vue.createVNode(tools.MKHeaderTools, null, null)])]);
     };

package/dist/cjs/layouts/components/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/header/index.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { MKHeaderTools } from \"./tools\";\r\n\r\nexport const MKHeader = defineComponent({\r\n  name: \"MKHeader\",\r\n  setup() {\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-header\">\r\n          <div class=\"mk-header__main\"></div>\r\n          <div class=\"mk-header__tools\">\r\n            <MKHeaderTools />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKHeader","defineComponent","name","setup","_createVNode","MKHeaderTools"],"mappings":";;;;;AAGO,MAAMA,2BAA2BC,mBAAA,CAAA;AAAA,EACtCC,IAAM,EAAA,UAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,WAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA,IAAA,CAAAA,EAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,kBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAC,CAAAA,mBAAAA,EAAA,MAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAQF,CAAA;AAAA,GACF;AACF,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/header/index.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { MKHeaderTools } from \"./tools\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\n\r\n\r\nexport const MKHeader = defineComponent({\r\n  name: \"MKHeader\",\r\n  setup() {\r\n    const msAppClient = MSAppClient.instance!;\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-header\">\r\n          <div class=\"mk-header__main\">\r\n            <img class=\"mk-header__logo\" src={msAppClient.logo}></img>\r\n          </div>\r\n          <div class=\"mk-header__tools\">\r\n            <MKHeaderTools />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKHeader","defineComponent","name","setup","msAppClient","MSAppClient","instance","_createVNode","logo","MKHeaderTools"],"mappings":";;;;;;;;;;AAKO,MAAMA,2BAA2BC,mBAAA,CAAA;AAAA,EACtCC,IAAM,EAAA,UAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,MAAMC,cAAcC,uBAAYC,CAAAA,QAAAA,CAAAA;AAChC,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,WAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,QAAA,OAGwCH,WAAYI,CAAAA,IAAAA;AAAAA,SAAI,IAAA,CAAA,CAAA,CAAA,EAAAD,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,kBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAE,CAAAA,mBAAAA,EAAA,MAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAO1D,CAAA;AAAA,GACF;AACF,CAAC;;;;"}

package/dist/esm/dataview/material/material-group/MaterialGroupTree.js

@@ -26,6 +26,7 @@ class MaterialGroupTree extends DataTree {
         }
       }
     }
+    response.data.data = response.data.data.filter((item) => !item.parentGroupId);
     return response;
   }
   getCurrentNode() {

package/dist/esm/dataview/material/material-group/MaterialGroupTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialGroupTree.js","sources":["../../../../../src/dataview/material/material-group/MaterialGroupTree.ts"],"sourcesContent":["import { DataTableOptions, DataTree, DataTreeNode } from \"@maketribe/dm\";\r\nimport { MaterialGroup } from \"./MaterialGroupForm\";\r\n\r\nexport type MaterialGroupNode = MaterialGroup & {\r\n  children: MaterialGroupNode[];\r\n};\r\n\r\nexport class MaterialGroupTree extends DataTree<MaterialGroupNode> {\r\n  currentDataTreeNode: DataTreeNode<MaterialGroupNode> | null;\r\n\r\n  constructor(options: DataTableOptions = {}) {\r\n    super({\r\n      name: \"ms-material-group\",\r\n      props: { label: \"desc\", children: \"children\" },\r\n      ...options,\r\n    });\r\n\r\n    this.currentDataTreeNode = null;\r\n  }\r\n\r\n  protected async loadRequest(params: Record<string, any>) {\r\n    const response = await super.loadRequest(params);\r\n\r\n    if (response.data.code !== 200) {\r\n      return response;\r\n    }\r\n\r\n    const list = response.data.data;\r\n\r\n    const rootMaterialGroups: MaterialGroupNode[] = [];\r\n\r\n    const materialGroups = list as MaterialGroupNode[];\r\n\r\n    for (const materialGroup of materialGroups) {\r\n      materialGroup.children = [];\r\n\r\n      if (!materialGroup.parentGroupId) {\r\n        rootMaterialGroups.push(materialGroup);\r\n      }\r\n\r\n      for (const item of materialGroups) {\r\n        if (materialGroup.id === item.parentGroupId) {\r\n          materialGroup.children.push(item);\r\n        }\r\n      }\r\n    }\r\n    return response;\r\n  }\r\n\r\n  getCurrentNode() {\r\n    if (this.currentDataTreeNode) {\r\n      return this.currentDataTreeNode;\r\n    }\r\n\r\n    const getFirstNode = (\r\n      nodes: DataTreeNode<MaterialGroupNode>[]\r\n    ): DataTreeNode<MaterialGroupNode> | null => {\r\n      if (nodes[0].children.length) {\r\n        return getFirstNode(nodes[0].children);\r\n      }\r\n\r\n      return nodes[0];\r\n    };\r\n\r\n    return (this.currentDataTreeNode = getFirstNode(this.rootNodes));\r\n  }\r\n\r\n  setCurrentNode(node: DataTreeNode<MaterialGroupNode> | null) {\r\n    this.currentDataTreeNode = node;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAOO,MAAM,0BAA0B,QAA4B,CAAA;AAAA,EACjE,mBAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAA4B,GAAA,EAAI,EAAA;AAC1C,IAAM,KAAA,CAAA;AAAA,MACJ,IAAM,EAAA,mBAAA;AAAA,MACN,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,UAAU,UAAW,EAAA;AAAA,MAC7C,GAAG,OAAA;AAAA,KACJ,CAAA,CAAA;AAED,IAAA,IAAA,CAAK,mBAAsB,GAAA,IAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAgB,YAAY,MAA6B,EAAA;AACvD,IAAA,MAAM,QAAW,GAAA,MAAM,KAAM,CAAA,WAAA,CAAY,MAAM,CAAA,CAAA;AAE/C,IAAI,IAAA,QAAA,CAAS,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC9B,MAAO,OAAA,QAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,IAAA,GAAO,SAAS,IAAK,CAAA,IAAA,CAAA;AAI3B,IAAA,MAAM,cAAiB,GAAA,IAAA,CAAA;AAEvB,IAAA,KAAA,MAAW,iBAAiB,cAAgB,EAAA;AAC1C,MAAA,aAAA,CAAc,WAAW,EAAC,CAAA;AAE1B,MAAI,IAAA,CAAC,cAAc,aAAe,EAAA,CAElC;AAEA,MAAA,KAAA,MAAW,QAAQ,cAAgB,EAAA;AACjC,QAAI,IAAA,aAAA,CAAc,EAAO,KAAA,IAAA,CAAK,aAAe,EAAA;AAC3C,UAAc,aAAA,CAAA,QAAA,CAAS,KAAK,IAAI,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AACA,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAAA,EAEA,cAAiB,GAAA;AACf,IAAA,IAAI,KAAK,mBAAqB,EAAA;AAC5B,MAAA,OAAO,IAAK,CAAA,mBAAA,CAAA;AAAA,KACd;AAEA,IAAM,MAAA,YAAA,GAAe,CACnB,KAC2C,KAAA;AAC3C,MAAA,IAAI,KAAM,CAAA,CAAC,CAAE,CAAA,QAAA,CAAS,MAAQ,EAAA;AAC5B,QAAA,OAAO,YAAa,CAAA,KAAA,CAAM,CAAC,CAAA,CAAE,QAAQ,CAAA,CAAA;AAAA,OACvC;AAEA,MAAA,OAAO,MAAM,CAAC,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,OAAQ,IAAK,CAAA,mBAAA,GAAsB,YAAa,CAAA,IAAA,CAAK,SAAS,CAAA,CAAA;AAAA,GAChE;AAAA,EAEA,eAAe,IAA8C,EAAA;AAC3D,IAAA,IAAA,CAAK,mBAAsB,GAAA,IAAA,CAAA;AAAA,GAC7B;AACF;;;;"}
+{"version":3,"file":"MaterialGroupTree.js","sources":["../../../../../src/dataview/material/material-group/MaterialGroupTree.ts"],"sourcesContent":["import { DataTableOptions, DataTree, DataTreeNode } from \"@maketribe/dm\";\r\nimport { MaterialGroup } from \"./MaterialGroupForm\";\r\n\r\nexport type MaterialGroupNode = MaterialGroup & {\r\n  children: MaterialGroupNode[];\r\n};\r\n\r\nexport class MaterialGroupTree extends DataTree<MaterialGroupNode> {\r\n  currentDataTreeNode: DataTreeNode<MaterialGroupNode> | null;\r\n\r\n  constructor(options: DataTableOptions = {}) {\r\n    super({\r\n      name: \"ms-material-group\",\r\n      props: { label: \"desc\", children: \"children\" },\r\n      ...options,\r\n    });\r\n\r\n    this.currentDataTreeNode = null;\r\n  }\r\n\r\n  protected async loadRequest(params: Record<string, any>) {\r\n    const response = await super.loadRequest(params);\r\n\r\n    if (response.data.code !== 200) {\r\n      return response;\r\n    }\r\n\r\n    const list = response.data.data;\r\n\r\n    const rootMaterialGroups: MaterialGroupNode[] = [];\r\n\r\n    const materialGroups = list as MaterialGroupNode[];\r\n\r\n    for (const materialGroup of materialGroups) {\r\n      materialGroup.children = [];\r\n\r\n      if (!materialGroup.parentGroupId) {\r\n        rootMaterialGroups.push(materialGroup);\r\n      }\r\n\r\n      for (const item of materialGroups) {\r\n        if (materialGroup.id === item.parentGroupId) {\r\n          materialGroup.children.push(item);\r\n        }\r\n      }\r\n    }\r\n    response.data.data = response.data.data.filter(item => !item.parentGroupId);\r\n    return response;\r\n  }\r\n\r\n  getCurrentNode() {\r\n    if (this.currentDataTreeNode) {\r\n      return this.currentDataTreeNode;\r\n    }\r\n\r\n    const getFirstNode = (\r\n      nodes: DataTreeNode<MaterialGroupNode>[]\r\n    ): DataTreeNode<MaterialGroupNode> | null => {\r\n      if (nodes[0].children.length) {\r\n        return getFirstNode(nodes[0].children);\r\n      }\r\n\r\n      return nodes[0];\r\n    };\r\n\r\n    return (this.currentDataTreeNode = getFirstNode(this.rootNodes));\r\n  }\r\n\r\n  setCurrentNode(node: DataTreeNode<MaterialGroupNode> | null) {\r\n    this.currentDataTreeNode = node;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAOO,MAAM,0BAA0B,QAA4B,CAAA;AAAA,EACjE,mBAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAA4B,GAAA,EAAI,EAAA;AAC1C,IAAM,KAAA,CAAA;AAAA,MACJ,IAAM,EAAA,mBAAA;AAAA,MACN,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,UAAU,UAAW,EAAA;AAAA,MAC7C,GAAG,OAAA;AAAA,KACJ,CAAA,CAAA;AAED,IAAA,IAAA,CAAK,mBAAsB,GAAA,IAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAgB,YAAY,MAA6B,EAAA;AACvD,IAAA,MAAM,QAAW,GAAA,MAAM,KAAM,CAAA,WAAA,CAAY,MAAM,CAAA,CAAA;AAE/C,IAAI,IAAA,QAAA,CAAS,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC9B,MAAO,OAAA,QAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,IAAA,GAAO,SAAS,IAAK,CAAA,IAAA,CAAA;AAI3B,IAAA,MAAM,cAAiB,GAAA,IAAA,CAAA;AAEvB,IAAA,KAAA,MAAW,iBAAiB,cAAgB,EAAA;AAC1C,MAAA,aAAA,CAAc,WAAW,EAAC,CAAA;AAE1B,MAAI,IAAA,CAAC,cAAc,aAAe,EAAA,CAElC;AAEA,MAAA,KAAA,MAAW,QAAQ,cAAgB,EAAA;AACjC,QAAI,IAAA,aAAA,CAAc,EAAO,KAAA,IAAA,CAAK,aAAe,EAAA;AAC3C,UAAc,aAAA,CAAA,QAAA,CAAS,KAAK,IAAI,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;AAAA,KACF;AACA,IAAS,QAAA,CAAA,IAAA,CAAK,OAAO,QAAS,CAAA,IAAA,CAAK,KAAK,MAAO,CAAA,CAAA,IAAA,KAAQ,CAAC,IAAA,CAAK,aAAa,CAAA,CAAA;AAC1E,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAAA,EAEA,cAAiB,GAAA;AACf,IAAA,IAAI,KAAK,mBAAqB,EAAA;AAC5B,MAAA,OAAO,IAAK,CAAA,mBAAA,CAAA;AAAA,KACd;AAEA,IAAM,MAAA,YAAA,GAAe,CACnB,KAC2C,KAAA;AAC3C,MAAA,IAAI,KAAM,CAAA,CAAC,CAAE,CAAA,QAAA,CAAS,MAAQ,EAAA;AAC5B,QAAA,OAAO,YAAa,CAAA,KAAA,CAAM,CAAC,CAAA,CAAE,QAAQ,CAAA,CAAA;AAAA,OACvC;AAEA,MAAA,OAAO,MAAM,CAAC,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,OAAQ,IAAK,CAAA,mBAAA,GAAsB,YAAa,CAAA,IAAA,CAAK,SAAS,CAAA,CAAA;AAAA,GAChE;AAAA,EAEA,eAAe,IAA8C,EAAA;AAC3D,IAAA,IAAA,CAAK,mBAAsB,GAAA,IAAA,CAAA;AAAA,GAC7B;AACF;;;;"}

package/dist/esm/layouts/components/bar/index.js

@@ -117,7 +117,7 @@ const MKBar = /* @__PURE__ */ defineComponent({
       }, null)]), createVNode("div", {
         "class": "mk-bar__item-title"
       }, [systemSettingNode.title, createTextVNode(" ")])])]) : null;
-      const logo = msAppClient.logo ? createVNode("div", {
+      msAppClient.logo ? createVNode("div", {
         "class": "mk-bar__logo"
       }, [createVNode("div", {
         "class": "mk-logo",
@@ -127,7 +127,7 @@ const MKBar = /* @__PURE__ */ defineComponent({
       }, null)]) : null;
       return createVNode("div", {
         "class": "mk-bar"
-      }, [logo, createVNode("div", {
+      }, [createVNode("div", {
         "class": "mk-bar__items"
       }, [barItems]), footer]);
     };

package/dist/esm/layouts/components/bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {logo}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {/* {logo} */}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":"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"}

package/dist/esm/layouts/components/header/index.js

@@ -1,15 +1,24 @@
 import { defineComponent, createVNode } from 'vue';
 import { MKHeaderTools } from './tools.js';
+import '@maketribe/dm';
+import 'element-plus';
+import '@maketribe/utils';
+import '../../../core/DataModelDefines.js';
+import { MSAppClient } from '../../../core/MSAppClient.js';
 
 const MKHeader = /* @__PURE__ */ defineComponent({
   name: "MKHeader",
   setup() {
+    const msAppClient = MSAppClient.instance;
     return () => {
       return createVNode("div", {
         "class": "mk-header"
       }, [createVNode("div", {
         "class": "mk-header__main"
-      }, null), createVNode("div", {
+      }, [createVNode("img", {
+        "class": "mk-header__logo",
+        "src": msAppClient.logo
+      }, null)]), createVNode("div", {
         "class": "mk-header__tools"
       }, [createVNode(MKHeaderTools, null, null)])]);
     };

package/dist/esm/layouts/components/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/header/index.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { MKHeaderTools } from \"./tools\";\r\n\r\nexport const MKHeader = defineComponent({\r\n  name: \"MKHeader\",\r\n  setup() {\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-header\">\r\n          <div class=\"mk-header__main\"></div>\r\n          <div class=\"mk-header__tools\">\r\n            <MKHeaderTools />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKHeader","name","setup","_createVNode","MKHeaderTools"],"mappings":";;;AAGO,MAAMA,2BAA2B,eAAA,CAAA;AAAA,EACtCC,IAAM,EAAA,UAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,WAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA,IAAA,CAAAA,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,kBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAC,CAAAA,aAAAA,EAAA,MAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAQF,CAAA;AAAA,GACF;AACF,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/header/index.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { MKHeaderTools } from \"./tools\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\n\r\n\r\nexport const MKHeader = defineComponent({\r\n  name: \"MKHeader\",\r\n  setup() {\r\n    const msAppClient = MSAppClient.instance!;\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-header\">\r\n          <div class=\"mk-header__main\">\r\n            <img class=\"mk-header__logo\" src={msAppClient.logo}></img>\r\n          </div>\r\n          <div class=\"mk-header__tools\">\r\n            <MKHeaderTools />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKHeader","name","setup","msAppClient","MSAppClient","instance","_createVNode","logo","MKHeaderTools"],"mappings":";;;;;;;;AAKO,MAAMA,2BAA2B,eAAA,CAAA;AAAA,EACtCC,IAAM,EAAA,UAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,MAAMC,cAAcC,WAAYC,CAAAA,QAAAA,CAAAA;AAChC,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,WAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,QAAA,OAGwCH,WAAYI,CAAAA,IAAAA;AAAAA,SAAI,IAAA,CAAA,CAAA,CAAA,EAAAD,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,kBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAE,CAAAA,aAAAA,EAAA,MAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAO1D,CAAA;AAAA,GACF;AACF,CAAC;;;;"}

package/dist/style/index.css

@@ -25,4 +25,4 @@
  *
  */.vditor{--border-color:#d1d5da;--second-color:rgba(88, 96, 105, 0.36);--panel-background-color:#fff;--panel-shadow:0 1px 2px rgba(0, 0, 0, 0.2);--toolbar-background-color:#f6f8fa;--toolbar-icon-color:#586069;--toolbar-icon-hover-color:#4285f4;--toolbar-height:35px;--toolbar-divider-margin-top:8px;--textarea-background-color:#fafbfc;--textarea-text-color:#24292e;--resize-icon-color:var(--toolbar-icon-color);--resize-background-color:var(--toolbar-background-color);--resize-hover-icon-color:var(--panel-background-color);--resize-hover-background-color:var(--toolbar-icon-hover-color);--count-background-color:rgba(27, 31, 35, 0.05);--heading-border-color:#eaecef;--blockquote-color:#6a737d;--ir-heading-color:#660e7a;--ir-title-color:#808080;--ir-bi-color:#0033b3;--ir-link-color:#008000;--ir-bracket-color:#0000ff;--ir-paren-color:#008000}.vditor--dark{--border-color:#141414;--second-color:rgba(185, 185, 185, 0.36);--panel-background-color:#24292e;--panel-shadow:0 1px 2px rgba(255, 255, 255, 0.2);--toolbar-background-color:#1d2125;--toolbar-icon-color:#b9b9b9;--toolbar-icon-hover-color:#fff;--textarea-background-color:#2f363d;--textarea-text-color:#d1d5da;--resize-icon-color:var(--border-color);--resize-background-color:var(--second-color);--resize-hover-icon-color:var(--toolbar-icon-hover-color);--resize-hover-background-color:rgba(185, 185, 185, 0.86);--count-background-color:rgba(66, 133, 244, 0.36);--heading-border-color:var(--textarea-text-color);--blockquote-color:var(--toolbar-icon-color);--ir-heading-color:#9876aa;--ir-title-color:#808080;--ir-bi-color:#cc7832;--ir-link-color:#ffc66d;--ir-bracket-color:#287bde;--ir-paren-color:#6a8759}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:#3b3e43;border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:#3b3e43;pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::after,.vditor-tooltipped--hover::before,.vditor-tooltipped:active::after,.vditor-tooltipped:active::before,.vditor-tooltipped:focus::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:hover::before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.15s;animation-fill-mode:forwards;animation-timing-function:ease-in}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:#3b3e43}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:#3b3e43}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__s::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:#3b3e43}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:#3b3e43}@media screen and (max-width:520px){.vditor-tooltipped:after,.vditor-tooltipped:before{content:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}.vditor-panel{background-color:var(--panel-background-color);position:absolute;box-shadow:var(--panel-shadow);border-radius:3px;padding:5px;z-index:3;font-size:14px;display:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:320px;min-width:80px;animation-duration:.15s;animation-name:scale-in;animation-timing-function:cubic-bezier(.2,0,.13,1.5);color:var(--toolbar-icon-color)}.vditor-panel--none{padding:0;animation:none;min-width:auto;max-width:none;white-space:nowrap;opacity:.86}.vditor-panel--arrow:before{position:absolute;width:0;height:0;pointer-events:none;content:" ";border:7px solid transparent;top:-14px;left:5px;border-bottom-color:var(--panel-background-color)}.vditor-panel--left{right:0}.vditor-panel--left.vditor-panel--arrow:before{right:5px;left:auto}.vditor-input{border:0;padding:3px 5px;background-color:var(--panel-background-color);font-size:12px;color:var(--textarea-text-color)}.vditor-input:focus{background-color:var(--toolbar-background-color);outline:0}.vditor-icon{color:var(--toolbar-icon-color);cursor:pointer;float:left;padding:4px 5px;height:21px;width:23px;background-color:transparent;border:0;box-sizing:border-box}.vditor-icon--current,.vditor-icon:hover{color:var(--toolbar-icon-hover-color);background-color:transparent}.vditor-icon:focus{outline:0}.vditor-icon svg{height:13px!important;width:13px!important;float:left;fill:currentColor;pointer-events:none}.vditor-toolbar{background-color:var(--toolbar-background-color);border-bottom:1px solid var(--border-color);padding:0 5px;line-height:1}.vditor-toolbar--pin{position:sticky;top:0;z-index:1}.vditor-toolbar--hide{transition:all .15s ease-in-out;height:5px;overflow:hidden}.vditor-toolbar--hide:hover{background-color:var(--toolbar-background-color);height:auto;overflow:visible}.vditor-toolbar__item{float:left;position:relative}.vditor-toolbar__item .vditor-tooltipped{color:var(--toolbar-icon-color);border:0;padding:10px 5px;background-color:transparent;height:var(--toolbar-height);width:25px;box-sizing:border-box;font-size:0}.vditor-toolbar__item .vditor-tooltipped:focus{outline:0}.vditor-toolbar__item .vditor-tooltipped:focus{cursor:pointer;color:var(--toolbar-icon-hover-color)}.vditor-toolbar__item svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:15px;height:15px}.vditor-toolbar__item input{position:absolute;width:25px;height:var(--toolbar-height);top:0;left:0;cursor:pointer;opacity:.001;overflow:hidden}.vditor-toolbar__divider{float:left;height:calc(var(--toolbar-height) - var(--toolbar-divider-margin-top) * 2);border-left:1px solid var(--second-color);margin:var(--toolbar-divider-margin-top) 8px}.vditor-toolbar__br{width:100%;padding:0!important;height:0!important}.vditor-menu--current{color:var(--toolbar-icon-hover-color)!important}.vditor-menu--disabled{color:var(--second-color)!important;cursor:not-allowed!important}.vditor-emojis{display:inline-block;overflow:auto}.vditor-emojis::-webkit-scrollbar{display:none}.vditor-emojis__tip{flex:1;min-width:1px;width:200px;margin-right:10px;color:var(--toolbar-icon-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vditor-emojis__tail{margin-top:5px;font-size:12px;color:var(--toolbar-icon-color);display:flex}.vditor-emojis__tail a{text-decoration:none;color:var(--toolbar-icon-color)}.vditor-emojis__tail a:hover{color:var(--toolbar-icon-hover-color)}.vditor-emojis button{cursor:pointer;border-radius:3px;float:left;height:30px;width:30px;text-align:center;line-height:26px;padding:3px;box-sizing:border-box;font-size:16px;transition:all .15s ease-in-out;border:0;margin:0;background-color:transparent;overflow:hidden}.vditor-emojis button:focus{outline:0}.vditor-emojis button:hover .vditor-emojis__icon{display:inline-block;transform:scale(1.2)}.vditor-emojis img{height:20px;width:20px;float:left;margin:3px 0 0 3px}@media screen and (max-width:520px){.vditor-toolbar__item{padding:0 12px}.vditor-panel--left.vditor-panel--arrow:before{right:17px}}@media (hover:hover) and (pointer:fine){.vditor-toolbar__item .vditor-tooltipped:hover{color:var(--toolbar-icon-hover-color)}}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.vditor{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:3px;box-sizing:border-box;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols}.vditor .vditor-copy{z-index:auto}.vditor--fullscreen{position:fixed;top:0;width:100%!important;left:0;height:100vh!important;z-index:90;border-radius:0}.vditor-content{display:flex;min-height:60px;flex:1;min-width:1px;position:relative}.vditor-preview{flex:1;min-width:1px;overflow:auto;margin-left:-1px;border-left:1px solid var(--border-color);box-sizing:border-box;border-radius:0 0 3px 0;background-color:var(--textarea-background-color)}.vditor-preview::-webkit-scrollbar{display:none}.vditor-preview__action{text-align:center;padding:10px;background-color:var(--toolbar-background-color)}.vditor-preview__action button{background-color:var(--toolbar-background-color);color:var(--toolbar-icon-color);line-height:20px;border:0;margin:0 10px;cursor:pointer;padding:0 7px;font-size:12px}.vditor-preview__action button.vditor-preview__action--current,.vditor-preview__action button:hover{color:var(--toolbar-icon-hover-color);background-color:var(--toolbar-background-color)}.vditor-preview__action button:focus{outline:0}.vditor-preview__action button svg{fill:currentColor;height:15px;width:15px;vertical-align:middle}.vditor-preview>.vditor-reset{padding:10px;margin:0 auto}.vditor-preview img:not(.emoji){cursor:pointer}.vditor-devtools{display:none;background-color:var(--textarea-background-color);overflow:auto;flex:1;min-width:1px;box-shadow:inset 1px 0 var(--border-color);box-sizing:border-box;border-radius:0 0 3px 0;padding:10px}.vditor-counter{padding:3px;color:var(--toolbar-icon-color);background-color:var(--count-background-color);border-radius:3px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;float:right;margin:8px 3px 0 0}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,.1)}.vditor-resize{padding:3px 0;cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:100%}.vditor-resize--top{top:-3px}.vditor-resize--bottom{bottom:-3px}.vditor-resize>div{height:3px;background-color:var(--resize-background-color);transition:all .15s ease-in-out}.vditor-resize--selected>div,.vditor-resize:hover>div{background-color:var(--resize-hover-background-color)}.vditor-resize--selected svg,.vditor-resize:hover svg{color:var(--resize-hover-icon-color)}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:var(--resize-icon-color)}.vditor-upload{position:absolute;height:3px;left:0;top:-2px;transition:all .15s ease-in-out;background-color:#4285f4}.vditor-tip{position:absolute;font-size:12px;top:10px;animation-duration:.15s;animation-fill-mode:both;left:50%;z-index:5}.vditor-tip--show{display:block;animation-name:slideInDown}.vditor-tip__content{text-align:left;display:inline-block;line-height:16px;padding:3px 10px;border-radius:3px;background:var(--toolbar-background-color);position:relative;margin-left:-50%;color:var(--toolbar-icon-color);max-width:100%;box-shadow:var(--panel-shadow)}.vditor-tip__content ul{margin:2px 0;padding:0 0 0 18px}.vditor-tip__content a{color:#4285f4}.vditor-tip__close{position:absolute;color:var(--toolbar-icon-color);top:-7px;right:-15px;font-weight:700;cursor:pointer}.vditor-tip__close:hover{color:var(--toolbar-icon-hover-color)}.vditor-img{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;z-index:100}.vditor-img__bar{border-bottom:1px solid var(--border-color);background-color:var(--toolbar-background-color);text-align:center;height:36px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.vditor-img__btn{display:flex;align-items:center;cursor:pointer;margin-left:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--toolbar-icon-color)}.vditor-img__btn:hover{color:var(--toolbar-icon-hover-color)}.vditor-img__btn svg{height:14px;width:14px;margin-right:8px;fill:currentColor}.vditor-img__img{flex:1;background-color:var(--textarea-background-color);overflow:auto;cursor:zoom-out}.vditor-img__img img{max-width:none}.vditor-hint{background-color:var(--panel-background-color);position:absolute;box-shadow:var(--panel-shadow);border-radius:3px;padding:5px 0;z-index:4;line-height:20px;list-style:none;font-size:12px;margin:0;max-width:250px;min-width:80px;display:none}.vditor-hint .vditor-hint{margin-top:-31px;left:100%;right:auto}.vditor-hint .vditor-hint.vditor-panel--left{right:100%;left:auto}.vditor-hint button{color:var(--toolbar-icon-color);display:block;padding:3px 10px;border:0;border-radius:0;line-height:20px;width:100%;box-sizing:border-box;text-align:left;margin:0;background-color:transparent;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vditor-hint button:focus{outline:0}.vditor-hint button:not(.vditor-menu--disabled):hover,.vditor-hint--current{background-color:var(--toolbar-background-color)!important;color:var(--toolbar-icon-hover-color)!important}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{color:#24292e;font-variant-ligatures:no-common-ligatures;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols;word-wrap:break-word;overflow:auto;line-height:1.5;font-size:16px;word-break:break-word}.vditor-reset--anchor{padding-left:20px}.vditor-reset--error{color:#d23f31;font-size:12px;display:block;line-height:16px}.vditor-reset ul ul ul{list-style-type:square}.vditor-reset ul ul{list-style-type:circle}.vditor-reset ul{list-style-type:disc}.vditor-reset ol,.vditor-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li+li{margin-top:.25em}.vditor-reset audio{max-width:100%}.vditor-reset audio:focus{outline:0}.vditor-reset video{max-height:90vh;max-width:100%}.vditor-reset img{max-width:100%}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:sub}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1:hover .vditor-anchor svg,.vditor-reset h2:hover .vditor-anchor svg,.vditor-reset h3:hover .vditor-anchor svg,.vditor-reset h4:hover .vditor-anchor svg,.vditor-reset h5:hover .vditor-anchor svg,.vditor-reset h6:hover .vditor-anchor svg{visibility:visible}.vditor-reset h1{font-size:1.75em}.vditor-reset h2{font-size:1.55em}.vditor-reset h3{font-size:1.38em}.vditor-reset h4{font-size:1.25em}.vditor-reset h5{font-size:1.13em}.vditor-reset h6{font-size:1em}.vditor-reset hr{height:2px;padding:0;margin:24px 0;background-color:#eaecef;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #eaecef;margin:0 0 16px 0}.vditor-reset blockquote>:first-child{margin-top:0}.vditor-reset blockquote>:last-child{margin-bottom:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da;max-width:100%;box-sizing:border-box}.vditor-reset iframe.iframe__video{min-width:80%;min-height:36vh}.vditor-reset table{border-collapse:collapse;empty-cells:show;margin-bottom:16px;overflow:auto;border-spacing:0;display:block;word-break:keep-all;width:100%}.vditor-reset table tr{background-color:#fafbfc;border-top:1px solid #c6cbd1}.vditor-reset table td,.vditor-reset table th{padding:6px 13px;border:1px solid #dfe2e5;word-break:normal;white-space:nowrap}.vditor-reset table td:first-child::after,.vditor-reset table th:first-child::after{content:"";display:inline-block;vertical-align:top;min-height:24px}.vditor-reset table th{font-weight:600}.vditor-reset table tbody tr:nth-child(2n){background-color:#fff}.vditor-reset code:not(.hljs):not(.highlight-chroma){padding:.2em .4em;margin:0;font-size:85%;border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols;word-break:break-word;background-size:20px 20px;white-space:pre-wrap}.vditor-reset pre{margin:1em 0}.vditor-reset pre>code{margin:0;font-size:85%;padding:.5em;border-radius:5px;display:block;overflow:auto;white-space:pre;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols;background-size:20px 20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==);word-break:initial;word-wrap:normal}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-reset .language-abc,.vditor-reset .language-echarts,.vditor-reset .language-flowchart,.vditor-reset .language-graphviz,.vditor-reset .language-markmap,.vditor-reset .language-math,.vditor-reset .language-mermaid,.vditor-reset .language-mindmap,.vditor-reset .language-plantuml{margin-bottom:16px}.vditor-reset .language-math mjx-container:focus{outline:0;cursor:context-menu}.vditor-reset .language-echarts,.vditor-reset .language-mindmap{overflow:hidden;height:420px}.vditor-reset .language-flowchart,.vditor-reset .language-graphviz,.vditor-reset .language-markmap,.vditor-reset .language-mermaid{text-align:center}.vditor-reset .language-graphviz parsererror{overflow:auto}.vditor-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#24292e;vertical-align:middle;background-color:#fafbfc;border:solid 1px #d1d5da;border-radius:3px;box-shadow:inset 0 -1px 0 #d1d5da}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:0}.vditor-reset svg{height:auto;width:auto;stroke-width:initial}.vditor-reset blockquote:last-child,.vditor-reset hr:last-child,.vditor-reset ol:last-child,.vditor-reset p:last-child,.vditor-reset pre:last-child,.vditor-reset ul:last-child{margin-bottom:0}.vditor-comment{border-bottom:2px solid #f8e6ab}.vditor-comment--focus,.vditor-comment--hover{background-color:#faf1d1;border-bottom:2px solid #ffc60a}.vditor-comment--focus .vditor-comment,.vditor-comment--hover .vditor-comment{border-bottom:2px solid #ffc60a}.vditor-task{list-style:none!important;word-break:break-all}.vditor-task input{margin:0 .2em .25em -1.6em;font-size:12px;vertical-align:middle}.vditor-copy{position:relative;display:none;z-index:1}.vditor-copy textarea{position:absolute;left:-100000px;height:10px}.vditor-copy span{cursor:pointer;position:absolute;right:15px;top:.5em}.vditor-copy svg{color:#586069;height:14px;width:14px!important;display:block;fill:currentColor}.vditor-linenumber{padding-left:4em!important;position:relative}.vditor-linenumber__rows{position:absolute;pointer-events:none;top:.5em;left:0;width:3em;-webkit-user-select:none;-moz-user-select:none;user-select:none;counter-reset:linenumber}.vditor-linenumber__rows>span{pointer-events:none;display:block}.vditor-linenumber__rows>span::before{counter-increment:linenumber;content:counter(linenumber);color:rgba(158,150,150,.38);display:block;padding-right:1em;text-align:right}.vditor-speech{position:absolute;display:none;background-color:#f6f8fa;border:1px solid #d1d5da;border-radius:3px;padding:3px;cursor:pointer;color:#586069}.vditor-speech--current,.vditor-speech:hover{color:#4285f4}.vditor-speech svg{height:14px;width:14px;fill:currentColor;display:block;stroke-width:0;stroke:currentColor}.vditor-anchor{margin-left:5px}.vditor-anchor--left{float:left;padding-right:4px;margin-left:-20px}.vditor-anchor svg{visibility:hidden}.vditor-anchor:hover svg{visibility:visible}.vditor-anchor:focus{outline:0}.vditor-linkcard{margin:31px auto 16px;transition:all .15s ease-in-out;cursor:pointer;max-width:768px;padding:0 10px}.vditor-linkcard a{border-radius:3px;background-color:#f6f8fa;overflow:hidden;max-height:250px;display:flex;text-decoration:none;flex-wrap:wrap-reverse;box-shadow:0 1px 2px rgba(0,0,0,.2)}.vditor-linkcard a:hover{box-shadow:0 0 3px rgba(0,0,0,.13),0 3px 6px rgba(0,0,0,.26);text-decoration:none}.vditor-linkcard a:visited .vditor-linkcard__abstract{color:rgba(88,96,105,.36)}.vditor-linkcard__info{padding:10px;min-width:200px;box-sizing:border-box;flex:1}.vditor-linkcard__title{font-size:14px;font-weight:400;color:#24292e;display:flex;align-items:center}.vditor-linkcard__title img{cursor:pointer;height:20px;width:20px;border-radius:3px;flex-shrink:0;margin-right:5px}.vditor-linkcard__abstract{word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;color:#586069;margin:5px 0}.vditor-linkcard__site{font-size:12px;color:#4285f4}.vditor-linkcard__image{background-size:cover;background-repeat:no-repeat;background-position:center center;max-width:250px;min-width:126px;cursor:pointer;background-color:rgba(88,96,105,.36)}.vditor-footnotes__goto-ref{text-decoration:none}.vditor-toc{margin-bottom:16px;-webkit-user-select:text;-moz-user-select:text;user-select:text;color:#4285f4}.vditor-toc .vditor-outline__action{display:none}.vditor-toc ul{list-style:none!important;padding-left:1em}.vditor-toc>ul{padding-left:0}.vditor-toc span{cursor:pointer}.vditor-toc li>span>svg{width:0;height:0}.vditor-outline{width:250px;border-right:1px solid var(--border-color);background-color:var(--panel-background-color);display:none;overflow:auto}.vditor-outline--right{border-right:0;border-left:1px solid var(--border-color)}.vditor-outline::-webkit-scrollbar{display:none}.vditor-outline ul{list-style:none!important;padding-left:1em;margin:0}.vditor-outline__content>ul{padding-left:0}.vditor-outline li>span{display:flex;align-items:center;padding:5px 10px;cursor:pointer;color:var(--textarea-text-color)}.vditor-outline li>span>svg{height:10px;width:10px}.vditor-outline li>span:hover{color:var(--toolbar-icon-hover-color)}.vditor-outline li>span>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vditor-outline__title{border-bottom:1px dashed var(--border-color);padding:5px 10px;color:var(--toolbar-icon-color);font-size:12px}.vditor-outline__action{transition:all .15s ease-in-out;fill:currentColor;margin-right:5px;flex-shrink:0}.vditor-outline__action--close{transform:rotate(-90deg)}.vditor-wysiwyg{box-sizing:border-box;flex:1;position:relative;width:100%;min-width:1px}.vditor-wysiwyg pre.vditor-reset{background-color:var(--panel-background-color);margin:0;white-space:pre-wrap;height:100%;box-sizing:border-box}.vditor-wysiwyg pre.vditor-reset[contenteditable=false]{opacity:.3;cursor:not-allowed}.vditor-wysiwyg pre.vditor-reset:empty::before{content:attr(placeholder);color:var(--second-color)}.vditor-wysiwyg pre.vditor-reset:focus{outline:0;background-color:var(--textarea-background-color)}.vditor-wysiwyg pre.vditor-reset:after{content:"";height:var(--editor-bottom);display:block}.vditor-wysiwyg blockquote:empty::before,.vditor-wysiwyg h1:empty::after,.vditor-wysiwyg h2:empty::after,.vditor-wysiwyg h3:empty::after,.vditor-wysiwyg h4:empty::after,.vditor-wysiwyg h5:empty::after,.vditor-wysiwyg h6:empty::after,.vditor-wysiwyg p:empty::before,.vditor-wysiwyg pre>code:empty::before{content:" "}.vditor-wysiwyg code[data-marker="`"]{padding-left:0!important;padding-right:0!important}.vditor-wysiwyg__block pre:first-child{margin-bottom:-1em}.vditor-wysiwyg__block pre:first-child code{color:var(--textarea-text-color);height:auto;text-align:left}.vditor-wysiwyg__block pre:last-child{margin-bottom:1em}.vditor-wysiwyg__preview{cursor:pointer;white-space:initial;min-height:27px}.vditor-wysiwyg .vditor-toc:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before,.vditor-wysiwyg div[data-type=footnotes-block]:before,.vditor-wysiwyg div[data-type=link-ref-defs-block]:before,.vditor-wysiwyg>.vditor-reset>h1:before,.vditor-wysiwyg>.vditor-reset>h2:before,.vditor-wysiwyg>.vditor-reset>h3:before,.vditor-wysiwyg>.vditor-reset>h4:before,.vditor-wysiwyg>.vditor-reset>h5:before,.vditor-wysiwyg>.vditor-reset>h6:before{float:left;padding-right:4px;margin-left:-29px;content:"H1";font-size:.85rem;font-weight:400;color:var(--second-color)}.vditor-wysiwyg>.vditor-reset>h2:before{content:"H2"}.vditor-wysiwyg>.vditor-reset>h3:before{content:"H3"}.vditor-wysiwyg>.vditor-reset>h4:before{content:"H4"}.vditor-wysiwyg>.vditor-reset>h5:before{content:"H5"}.vditor-wysiwyg>.vditor-reset>h6:before{content:"H6"}.vditor-wysiwyg div[data-type=link-ref-defs-block]:before{content:'"A"'}.vditor-wysiwyg div[data-type=footnotes-block]:before{content:"^F"}.vditor-wysiwyg div.vditor-wysiwyg__block:before{content:"</>"}.vditor-wysiwyg div.vditor-wysiwyg__block[data-type=yaml-front-matter]:before{content:"F"}.vditor-wysiwyg div.vditor-wysiwyg__block[data-type=math-block]:before{content:"$$"}.vditor-wysiwyg .vditor-toc:before{content:"ToC"}.vditor-wysiwyg hr{display:inline-block;margin:12px 0;width:100%}.vditor-wysiwyg details{white-space:initial}.vditor-wysiwyg a{cursor:pointer}.vditor-wysiwyg span[data-type=backslash]>span{display:none;color:var(--second-color)}.vditor-wysiwyg span[data-type=link-ref],.vditor-wysiwyg sup[data-type=footnotes-ref]{color:#4285f4}.vditor-wysiwyg span[data-type=toc-h]{color:#4285f4;text-decoration:underline}.vditor-wysiwyg div[data-type=footnotes-block]{border-top:2px solid var(--heading-border-color);padding-top:24px;margin-top:24px}.vditor-wysiwyg div[data-type=link-ref-defs-block]{color:var(--blockquote-color)}@media screen and (max-width:520px){.vditor-wysiwyg .vditor-toc:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before,.vditor-wysiwyg div[data-type=footnotes-block]:before,.vditor-wysiwyg div[data-type=link-ref-defs-block]:before,.vditor-wysiwyg h1:before,.vditor-wysiwyg h2:before,.vditor-wysiwyg h3:before,.vditor-wysiwyg h4:before,.vditor-wysiwyg h5:before,.vditor-wysiwyg h6:before{content:none}}.vditor-ir{box-sizing:border-box;flex:1;min-width:1px;position:relative;width:100%}.vditor-ir__node[data-type=code-block]:after,.vditor-ir__node[data-type=code-block]:before,.vditor-ir__node[data-type=math-block]:after,.vditor-ir__node[data-type=math-block]:before,.vditor-ir__node[data-type=yaml-front-matter]:after,.vditor-ir__node[data-type=yaml-front-matter]:before{content:" ";color:var(--second-color)}.vditor-ir__node:not(.vditor-ir__node--expand) .vditor-ir__marker{padding:0!important}.vditor-ir__node:not(.vditor-ir__node--expand)[data-type=a]{cursor:pointer}.vditor-ir__node[data-type=footnotes-ref],.vditor-ir__node[data-type=link-ref]{color:#4285f4}.vditor-ir__node[data-type=html-block]{margin-bottom:1em}.vditor-ir__node .vditor-ir__marker{width:0;overflow:hidden;display:inline-block;height:0;transition:all .15s ease-in-out}.vditor-ir__node--hidden .vditor-ir__marker{visibility:hidden}.vditor-ir__node--expand .vditor-ir__marker{color:var(--second-color);display:inline;height:auto;width:auto}.vditor-ir__node--expand .vditor-ir__marker--hide{display:none}.vditor-ir__node--expand .vditor-ir__marker--heading{color:var(--ir-heading-color)}.vditor-ir__node--expand .vditor-ir__marker--bi{color:var(--ir-bi-color)}.vditor-ir__node--expand .vditor-ir__marker--link{color:var(--ir-link-color)}.vditor-ir__node--expand .vditor-ir__marker--title{color:var(--ir-title-color)}.vditor-ir__node--expand .vditor-ir__marker--bracket{color:var(--ir-bracket-color);text-decoration:underline}.vditor-ir__node--expand .vditor-ir__marker--paren{color:var(--ir-paren-color)}.vditor-ir__node--expand .vditor-ir__marker--info{color:var(--ir-heading-color)}.vditor-ir__node--expand .vditor-ir__marker--pre code{color:var(--textarea-text-color);height:auto;text-align:left}.vditor-ir__node--expand[data-type=code-block]:after,.vditor-ir__node--expand[data-type=code-block]:before{content:"```"}.vditor-ir__node--expand[data-type=yaml-front-matter]:after,.vditor-ir__node--expand[data-type=yaml-front-matter]:before{content:"---"}.vditor-ir__node--expand[data-type=math-block]:after,.vditor-ir__node--expand[data-type=math-block]:before{content:"$$"}.vditor-ir__node span[data-type=code-block-close-marker],.vditor-ir__node span[data-type=code-block-open-marker],.vditor-ir__node span[data-type=math-block-close-marker],.vditor-ir__node span[data-type=math-block-open-marker],.vditor-ir__node span[data-type=yaml-front-matter-close-marker],.vditor-ir__node span[data-type=yaml-front-matter-open-marker]{display:none}.vditor-ir__preview{cursor:pointer;white-space:initial;min-height:27px}.vditor-ir__link{color:var(--ir-bracket-color);text-decoration:underline}.vditor-ir pre.vditor-reset{background-color:var(--panel-background-color);margin:0;white-space:pre-wrap;height:100%;box-sizing:border-box}.vditor-ir pre.vditor-reset[contenteditable=false]{opacity:.3;cursor:not-allowed}.vditor-ir pre.vditor-reset:empty::before{content:attr(placeholder);color:var(--second-color)}.vditor-ir pre.vditor-reset:focus{outline:0;background-color:var(--textarea-background-color)}.vditor-ir pre.vditor-reset:after{content:"";height:var(--editor-bottom);display:block}.vditor-ir pre.vditor-reset pre{margin:0}.vditor-ir hr{display:inline-block;margin:12px 0;width:100%}.vditor-ir blockquote:empty::before,.vditor-ir h1:empty::after,.vditor-ir h2:empty::after,.vditor-ir h3:empty::after,.vditor-ir h4:empty::after,.vditor-ir h5:empty::after,.vditor-ir h6:empty::after,.vditor-ir p:empty::before,.vditor-ir pre>code:empty::before{content:" "}.vditor-ir .vditor-reset>h1:before,.vditor-ir .vditor-reset>h2:before,.vditor-ir .vditor-reset>h3:before,.vditor-ir .vditor-reset>h4:before,.vditor-ir .vditor-reset>h5:before,.vditor-ir .vditor-reset>h6:before,.vditor-ir .vditor-toc:before,.vditor-ir div[data-type=footnotes-block]:before,.vditor-ir div[data-type=link-ref-defs-block]:before{float:left;padding-right:4px;margin-left:-29px;content:"H1";font-size:.85rem;font-weight:400;color:var(--second-color)}.vditor-ir .vditor-reset>h2:before{content:"H2"}.vditor-ir .vditor-reset>h3:before{content:"H3"}.vditor-ir .vditor-reset>h4:before{content:"H4"}.vditor-ir .vditor-reset>h5:before{content:"H5"}.vditor-ir .vditor-reset>h6:before{content:"H6"}.vditor-ir div[data-type=link-ref-defs-block]{color:var(--blockquote-color)}.vditor-ir div[data-type=link-ref-defs-block]:before{content:'"A"'}.vditor-ir div[data-type=footnotes-block]{border-top:2px solid var(--heading-border-color);padding-top:24px;margin-top:24px}.vditor-ir div[data-type=footnotes-block]:before{content:"^F"}.vditor-ir div[data-type=footnotes-block]>div[data-type=footnotes-def]>blockquote,.vditor-ir div[data-type=footnotes-block]>div[data-type=footnotes-def]>hr,.vditor-ir div[data-type=footnotes-block]>div[data-type=footnotes-def]>ol,.vditor-ir div[data-type=footnotes-block]>div[data-type=footnotes-def]>p,.vditor-ir div[data-type=footnotes-block]>div[data-type=footnotes-def]>pre,.vditor-ir div[data-type=footnotes-block]>div[data-type=footnotes-def]>table,.vditor-ir div[data-type=footnotes-block]>div[data-type=footnotes-def]>ul{margin-left:8px}.vditor-ir .vditor-toc:before{content:"ToC"}.vditor-ir .vditor-toc span[data-type=toc-h]{color:#4285f4;text-decoration:underline}@media screen and (max-width:520px){.vditor-ir .vditor-toc:before,.vditor-ir div[data-type=footnotes-block]:before,.vditor-ir div[data-type=link-ref-defs-block]:before,.vditor-ir h1:before,.vditor-ir h2:before,.vditor-ir h3:before,.vditor-ir h4:before,.vditor-ir h5:before,.vditor-ir h6:before{content:none}}.vditor-sv{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","Hiragino Sans GB","Microsoft Yahei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols;margin:0 1px 0 0;overflow:auto;width:100%;flex:1;min-width:1px;border:0;resize:none;padding:10px 9px 10px 10px;box-sizing:border-box;background-color:var(--panel-background-color);outline:0 none;font-size:16px;line-height:22px;color:var(--textarea-text-color);border-radius:0 0 3px 3px;font-variant-ligatures:no-common-ligatures;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}.vditor-sv[contenteditable=false]{opacity:.3;cursor:not-allowed}.vditor-sv:empty::before{content:attr(placeholder);color:var(--second-color)}.vditor-sv:focus{background-color:var(--textarea-background-color)}.vditor-sv:after{content:"";height:var(--editor-bottom);display:block}.vditor-sv span[data-type=newline]+span[data-type=text]:empty{display:inherit}.vditor-sv .sup{vertical-align:super;font-size:smaller}.vditor-sv .strong{font-weight:700}.vditor-sv .em{font-style:italic}.vditor-sv .s{text-decoration:line-through}.vditor-sv .mark:not(.vditor-sv__marker){background-color:#ff0;color:#000}.vditor-sv .h1{font-size:1.75em;line-height:44px}.vditor-sv .h2{font-size:1.55em;line-height:38px}.vditor-sv .h3{font-size:1.38em;line-height:27px}.vditor-sv .h4{font-size:1.25em;line-height:25px}.vditor-sv .h5{font-size:1.13em}.vditor-sv .h6{font-size:1em}.vditor-sv__marker{color:var(--second-color)}.vditor-sv__marker--heading{color:var(--ir-heading-color)}.vditor-sv__marker--bi{color:var(--ir-bi-color)}.vditor-sv__marker--link{color:var(--ir-link-color)}.vditor-sv__marker--title{color:var(--ir-title-color)}.vditor-sv__marker--bracket{color:var(--ir-bracket-color)}.vditor-sv__marker--paren{color:var(--ir-paren-color)}.vditor-sv__marker--info{color:var(--ir-heading-color)}.vditor-sv__marker--strong{font-weight:700}.mk-json-editor{--mk-json-editor-height:400px}.mk-json-editor .cm-editor{width:100%;height:var(--mk-json-editor-height)}:root{--el-aside-width:auto;--mk-line-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12),0 0 3px 0 rgba(0, 0, 0, 0.04);--mk-sidebar-collpase-width:calc(
     var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2
-  );--mk-menu-font-size:14px;--mk-menu-bg-color:var(--mk-sidebar-bg-color);--mk-menu-sub-menu-bg-color:#001529;--mk-menu-hover-text-color:#ffffff;--mk-menu-text-color:#ffffff;--mk-menu-hover-bg-color:#2e8cf0;--mk-menu-active-color:#ffffff;--mk-menu-active-bg-color:var(--mk-menu-hover-bg-color);--mk-menu-icon-width:var(--mk-menu-font-size)}.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__main{flex:1}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}.mk-local-log__main{height:100%}.mk-local-log__log{white-space:pre}.mk-local-log__dialog{height:80%}.login-wrap{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.login-wrap>.login-bg{background-color:#fcfcfc;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.login-wrap>.login-bg>.login-bg-block{width:80vh;height:200%;background-color:#0078f5;position:absolute;top:0}.login-wrap>.login-bg>.login-bg-block:nth-child(1){left:100%;transform-origin:0 50%;transform:rotate(-30deg) translate(0,-50%)}.login-wrap>.login-bg>.login-bg-block:nth-child(2){right:100%;transform-origin:0 0;transform:rotate(-30deg) translate(-10%,0)}.login-wrap .operaBtn{color:#0078f5}.login-wrap .notify{color:#202d40;display:flex;align-items:center}.login-root{position:relative;display:flex;justify-content:center;width:100%;min-height:100%;align-items:center;background-color:initial;z-index:1;padding:5%;box-sizing:border-box}.login-main{position:relative;width:100%;min-width:320px}.form-container{transform-origin:top;display:flex;justify-content:center}.form-wrap{width:440px;max-width:calc(100vw - 28px);padding:30px;position:relative;overflow:hidden;background:hsla(0,0%,95%,.5);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.form-title{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 30px;color:#202d40;font-size:20px;font-weight:600}.form-title span{height:20px;color:#8592a5;font-size:14px;font-weight:400}.form-title a{color:#06f}:root{--mk-spacing-small:5px;--mk-spacing-middle:10px;--mk-spacing-large:15px;--mk-border-color:#cccccc;--mk-border:1px solid var(--mk-border-color);--mk-mask-background-color:rgba(0, 0, 0, 0.1)}
+  );--mk-menu-font-size:14px;--mk-menu-bg-color:var(--mk-sidebar-bg-color);--mk-menu-sub-menu-bg-color:#001529;--mk-menu-hover-text-color:#ffffff;--mk-menu-text-color:#ffffff;--mk-menu-hover-bg-color:#2e8cf0;--mk-menu-active-color:#ffffff;--mk-menu-active-bg-color:var(--mk-menu-hover-bg-color);--mk-menu-icon-width:var(--mk-menu-font-size)}.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}.mk-local-log__main{height:100%}.mk-local-log__log{white-space:pre}.mk-local-log__dialog{height:80%}.login-wrap{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.login-wrap>.login-bg{background-color:#fcfcfc;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.login-wrap>.login-bg>.login-bg-block{width:80vh;height:200%;background-color:#0078f5;position:absolute;top:0}.login-wrap>.login-bg>.login-bg-block:nth-child(1){left:100%;transform-origin:0 50%;transform:rotate(-30deg) translate(0,-50%)}.login-wrap>.login-bg>.login-bg-block:nth-child(2){right:100%;transform-origin:0 0;transform:rotate(-30deg) translate(-10%,0)}.login-wrap .operaBtn{color:#0078f5}.login-wrap .notify{color:#202d40;display:flex;align-items:center}.login-root{position:relative;display:flex;justify-content:center;width:100%;min-height:100%;align-items:center;background-color:initial;z-index:1;padding:5%;box-sizing:border-box}.login-main{position:relative;width:100%;min-width:320px}.form-container{transform-origin:top;display:flex;justify-content:center}.form-wrap{width:440px;max-width:calc(100vw - 28px);padding:30px;position:relative;overflow:hidden;background:hsla(0,0%,95%,.5);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.form-title{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 30px;color:#202d40;font-size:20px;font-weight:600}.form-title span{height:20px;color:#8592a5;font-size:14px;font-weight:400}.form-title a{color:#06f}:root{--mk-spacing-small:5px;--mk-spacing-middle:10px;--mk-spacing-large:15px;--mk-border-color:#cccccc;--mk-border:1px solid var(--mk-border-color);--mk-mask-background-color:rgba(0, 0, 0, 0.1)}

package/dist/style/layouts/default/header.css

@@ -1 +1 @@
-.mk-header{display:flex;height:56px}.mk-header__main{flex:1}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}
+.mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}

package/dist/style/layouts/default/index.css

@@ -1 +1 @@
-.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__main{flex:1}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
+.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}

package/dist/style/layouts/default/menu.css

@@ -1 +1 @@
-.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}
+.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}

package/dist/style/layouts/index.css

@@ -1 +1 @@
-.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__main{flex:1}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
+.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;border-radius:50%;overflow:hidden}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}

package/dist/style/src/layouts/default/header.scss

@@ -2,12 +2,22 @@
   display: flex;
   height: 56px;
 
+  &__logo {
+    height: 36px;
+    width: auto;
+    margin-left: 30px
+  }
+
   &__main {
     flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
   }
 
   &-tools {
     height: 100%;
+
     &__item {
       cursor: pointer;
       padding: 0 10px;
@@ -36,8 +46,9 @@
       border-radius: 50%;
       overflow: hidden;
     }
+
     &__nickName {
       margin-left: 5px;
     }
   }
-}
+}

package/dist/style/src/layouts/default/menu.scss

@@ -7,6 +7,7 @@
 
   .el-menu {
     border: none;
+    padding-top: 10px;
   }
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maketribe/ms-app",
-  "version": "3.0.34",
+  "version": "3.0.36",
   "description": "",
   "main": "dist/cjs",
   "files": [
@@ -20,10 +20,10 @@
     "vue": "^3.3.4",
     "vue-codemirror": "^6.1.1",
     "vue-router": "^4.2.4",
+    "@maketribe/utils": "^1.1.4",
     "@maketribe/dm": "^3.0.13",
     "@maketribe/request": "^2.0.3",
-    "@maketribe/locale": "^1.0.5",
-    "@maketribe/utils": "^1.1.4"
+    "@maketribe/locale": "^1.0.5"
   },
   "scripts": {
     "build": "npm run clean && npm run build:js && npm run build:type && npm run build:style",

package/src/dataview/material/material-group/MaterialGroupTree.ts

@@ -44,6 +44,7 @@ export class MaterialGroupTree extends DataTree<MaterialGroupNode> {
         }
       }
     }
+    response.data.data = response.data.data.filter(item => !item.parentGroupId);
     return response;
   }
 

package/src/layouts/components/bar/index.tsx

@@ -90,7 +90,7 @@ export const MKBar = defineComponent({
 
       return (
         <div class="mk-bar">
-          {logo}
+          {/* {logo} */}
 
           <div class="mk-bar__items">{barItems}</div>
 

package/src/layouts/components/header/index.tsx

@@ -1,13 +1,18 @@
 import { defineComponent } from "vue";
 import { MKHeaderTools } from "./tools";
+import { MSAppClient, MenuNode } from "../../../core";
+
 
 export const MKHeader = defineComponent({
   name: "MKHeader",
   setup() {
+    const msAppClient = MSAppClient.instance!;
     return () => {
       return (
         <div class="mk-header">
-          <div class="mk-header__main"></div>
+          <div class="mk-header__main">
+            <img class="mk-header__logo" src={msAppClient.logo}></img>
+          </div>
           <div class="mk-header__tools">
             <MKHeaderTools />
           </div>