@maketribe/ms-app 3.0.39 → 3.0.41

package/dist/esm/page/index/dv/ms-member/index.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent, ref, reactive, computed, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode } from 'vue';
-import { ElDialog, ElButton } from 'element-plus';
+import { defineComponent, reactive, computed, openBlock, createElementBlock, Fragment, createCommentVNode, createVNode, unref, withCtx, createElementVNode, toDisplayString, renderList, createBlock, createTextVNode } from 'vue';
+import { useRouter } from 'vue-router';
+import { ElImage, ElTag, ElDialog, ElButton } from 'element-plus';
 import '@maketribe/dm';
 import '@maketribe/utils';
 import { DataModelDefines } from '../../../../core/DataModelDefines.js';
-import 'vue-router';
 import '@maketribe/request';
 import '@maketribe/locale';
 import { MKDataForm } from '../../../../components/data-model/data-form/index.js';
 import '../../../../components/data-model/data-form-page/index.js';
 import '../../../../components/data-model/data-table/index.js';
-import '../../../../components/data-model/data-table-page/index.js';
+import { MKDataTablePage } from '../../../../components/data-model/data-table-page/index.js';
 import '../../../../components/data-model/data-table-pagination/index.js';
 import '../../../../components/form-components/form-data-select/index.js';
 import '../../../../components/form-components/form-icon-select/index.js';
@@ -24,7 +24,7 @@ import 'lodash-es';
 import '../../../../components/form-components/form-date-picker/index.js';
 import '../../../../components/form-components/form-rich-text-editor/index.js';
 import '../../../../components/column-components/column-action/column-action-options.js';
-import '../../../../components/svg-icon/index.js';
+import { MKSvgIcon } from '../../../../components/svg-icon/index.js';
 import '../../../../components/button/button-options.js';
 import '../../../../components/data-model/data-table/composables/use-column.js';
 import '../../../../components/column-components/column-image/column-image-options.js';
@@ -64,44 +64,188 @@ import '../../../../components/upload-file/context/web-file-upload-context.js';
 import '../../../../components/upload-file/context/web-file-upload-context-options.js';
 import '../../../../components/upload-file/ui/upload-image/index.js';
 import '../../../../components/upload-file/upload-file-options.js';
-import DefaultSingleListPage from '../default/single/list/normal.vue.js';
+import { MKTableView } from '../../../../components/data-model/data-table/views/table-view/index.js';
+import { MKTable } from '../../../../components/data-model/data-table/views/table/index.js';
+import { MKForm } from '../../../../components/data-model/data-form/views/form/index.js';
 
+const _hoisted_1 = { class: "member-info" };
+const _hoisted_2 = { class: "member-info-text" };
+const _hoisted_3 = { class: "member-info-text__name" };
+const _hoisted_4 = { class: "member-info-text__email" };
+const _hoisted_5 = { class: "roles-Info" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    mkRoute: {
+      name: "dv/ms-member/list"
+    }
+  },
   __name: "index",
   setup(__props) {
-    ref("");
     const memberTable = reactive(
       DataModelDefines.instance.getDataTable("ms-member")
     );
     const activeMemberForm = computed(() => memberTable.activeMemberForm);
+    const router = useRouter();
     const handleActiveMemberConfirm = async () => {
       memberTable.approveMember();
     };
+    memberTable.addRecordEvent.on(() => {
+      router.push({
+        name: "dv/ms-member/add"
+      });
+    });
+    memberTable.editRecordEvent.on(({ item }) => {
+      router.push({
+        name: "dv/ms-member/edit",
+        params: {
+          id: item.id
+        }
+      });
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         Fragment,
         null,
         [
-          createVNode(DefaultSingleListPage, { "data-table": memberTable }, null, 8, ["data-table"]),
+          createCommentVNode(' <DefaultSingleListPage :data-table="memberTable" /> '),
+          createVNode(unref(MKDataTablePage), { "data-table": memberTable }, {
+            default: withCtx(() => [
+              createVNode(unref(MKTableView), { "data-table": memberTable }, {
+                default: withCtx(() => [
+                  createVNode(unref(MKTable), { "data-table": memberTable }, {
+                    "col-name-content": withCtx(({ row }) => [
+                      createElementVNode("div", _hoisted_1, [
+                        createVNode(unref(ElImage), {
+                          src: row.avatar,
+                          class: "member-info-img"
+                        }, {
+                          error: withCtx(() => [
+                            createVNode(unref(MKSvgIcon), {
+                              "icon-class": "User",
+                              class: "member-info-img__icon"
+                            })
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["src"]),
+                        createElementVNode("div", _hoisted_2, [
+                          createElementVNode(
+                            "span",
+                            _hoisted_3,
+                            toDisplayString(row.name),
+                            1
+                            /* TEXT */
+                          ),
+                          createElementVNode(
+                            "span",
+                            _hoisted_4,
+                            toDisplayString(row.email),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ])
+                    ]),
+                    "col-roles-content": withCtx(({ row }) => [
+                      createElementVNode("div", _hoisted_5, [
+                        (openBlock(true), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(row.roles, (role) => {
+                            return openBlock(), createBlock(
+                              unref(ElTag),
+                              {
+                                key: role.id,
+                                size: "large",
+                                type: "info",
+                                class: "roles-Info-tag"
+                              },
+                              {
+                                default: withCtx(() => [
+                                  createTextVNode(
+                                    toDisplayString(role.name),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              },
+                              1024
+                              /* DYNAMIC_SLOTS */
+                            );
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ])
+                    ]),
+                    "col-type-content": withCtx(({ row }) => [
+                      row.valid == 0 ? (openBlock(), createBlock(unref(ElTag), { key: 0 }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u5F85\u6FC0\u6D3B")
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })) : row.isLock == 1 ? (openBlock(), createBlock(unref(ElTag), {
+                        key: 1,
+                        type: "danger"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u5DF2\u9501\u5B9A")
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })) : (openBlock(), createBlock(unref(ElTag), {
+                        key: 2,
+                        type: "success"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u6B63\u5E38")
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["data-table"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["data-table"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["data-table"]),
           createVNode(unref(ElDialog), {
             modelValue: memberTable.isShowActiveMemberForm,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => memberTable.isShowActiveMemberForm = $event),
-            class: "dialogClass"
+            class: "dialogClass",
+            title: "\u6FC0\u6D3B\u6210\u5458",
+            "append-to-body": ""
           }, {
             footer: withCtx(() => [
               createVNode(unref(ElButton), {
                 onClick: handleActiveMemberConfirm,
-                type: "primary"
+                type: "primary",
+                loading: activeMemberForm.value.loading
               }, {
                 default: withCtx(() => [
                   createTextVNode(" \u786E\u5B9A ")
                 ]),
                 _: 1
                 /* STABLE */
-              })
+              }, 8, ["loading"])
             ]),
             default: withCtx(() => [
-              createVNode(unref(MKDataForm), { "data-form": activeMemberForm.value }, null, 8, ["data-form"])
+              createVNode(unref(MKDataForm), { "data-form": activeMemberForm.value }, {
+                default: withCtx(() => [
+                  createVNode(unref(MKForm), { "data-form": activeMemberForm.value }, null, 8, ["data-form"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["data-form"])
             ]),
             _: 1
             /* STABLE */

package/dist/esm/page/index/dv/ms-member/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/page/index/dv/ms-member/index.vue"],"sourcesContent":["<template>\r\n  <DefaultSingleListPage :data-table=\"memberTable\" />\r\n\r\n  <ElDialog v-model=\"memberTable.isShowActiveMemberForm\" class=\"dialogClass\">\r\n    <MKDataForm :data-form=\"activeMemberForm\" />\r\n    <template #footer>\r\n      <ElButton @click=\"handleActiveMemberConfirm\" type=\"primary\">\r\n        确定\r\n      </ElButton>\r\n    </template>\r\n  </ElDialog>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, reactive, ref } from \"vue\";\r\nimport { ElButton, ElDialog } from \"element-plus\";\r\nimport { DataModelDefines } from \"../../../../core\";\r\nimport { MKDataForm } from \"../../../../components\";\r\nimport { MemberTable } from \"../../../../dataview\";\r\nimport DefaultSingleListPage from \"../default/single/list/normal.vue\";\r\nimport { MKUploadImage } from \"../../../../components/upload-file\";\r\n\r\nconst src = ref(\"\");\r\n\r\nconst memberTable = reactive(\r\n  DataModelDefines.instance.getDataTable(\"ms-member\")!\r\n) as MemberTable;\r\nconst activeMemberForm = computed(() => memberTable.activeMemberForm);\r\n\r\nconst handleActiveMemberConfirm = async () => {\r\n  memberTable.approveMember();\r\n};\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAY,IAAI,EAAE,EAAA;AAElB,IAAA,MAAM,WAAc,GAAA,QAAA;AAAA,MAClB,gBAAA,CAAiB,QAAS,CAAA,YAAA,CAAa,WAAW,CAAA;AAAA,KACpD,CAAA;AACA,IAAA,MAAM,gBAAmB,GAAA,QAAA,CAAS,MAAM,WAAA,CAAY,gBAAgB,CAAA,CAAA;AAEpE,IAAA,MAAM,4BAA4B,YAAY;AAC5C,MAAA,WAAA,CAAY,aAAc,EAAA,CAAA;AAAA,KAC5B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/page/index/dv/ms-member/index.vue"],"sourcesContent":["<template>\r\n  <!-- <DefaultSingleListPage :data-table=\"memberTable\" /> -->\r\n  <MKDataTablePage :data-table=\"memberTable\">\r\n    <MKTableView :data-table=\"memberTable\">\r\n      <MKTable :data-table=\"memberTable\">\r\n        <template #col-name-content=\"{ row }\">\r\n          <div class=\"member-info\">\r\n            <ElImage :src=\"row.avatar\" class=\"member-info-img\">\r\n              <template #error>\r\n                <MKSvgIcon icon-class=\"User\" class=\"member-info-img__icon\"></MKSvgIcon>\r\n              </template>\r\n            </ElImage>\r\n            <div class=\"member-info-text\">\r\n              <span class=\"member-info-text__name\">{{ row.name }}</span>\r\n              <span class=\"member-info-text__email\">{{ row.email }}</span>\r\n            </div>\r\n          </div>\r\n        </template>\r\n        <template #col-roles-content=\"{ row }\">\r\n          <div class=\"roles-Info\">\r\n            <ElTag v-for=\"role in row.roles\" :key=\"role.id\" size=\"large\" type=\"info\" class=\"roles-Info-tag\">\r\n              {{ role.name }}</ElTag>\r\n          </div>\r\n        </template>\r\n        <template #col-type-content=\"{ row }\">\r\n          <ElTag v-if=\"row.valid == 0\">待激活</ElTag>\r\n          <ElTag v-else-if=\"row.isLock == 1\" type=\"danger\">已锁定</ElTag>\r\n          <ElTag v-else type=\"success\">正常</ElTag>\r\n        </template>\r\n      </MKTable>\r\n    </MKTableView>\r\n  </MKDataTablePage>\r\n  <ElDialog v-model=\"memberTable.isShowActiveMemberForm\" class=\"dialogClass\" title=\"激活成员\" append-to-body>\r\n    <MKDataForm :data-form=\"activeMemberForm\">\r\n      <MKForm :data-form=\"activeMemberForm\">\r\n      </MKForm>\r\n    </MKDataForm>\r\n    <template #footer>\r\n      <ElButton @click=\"handleActiveMemberConfirm\" type=\"primary\"  :loading=\"activeMemberForm.loading\">\r\n        确定\r\n      </ElButton>\r\n    </template>\r\n  </ElDialog>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { ElButton, ElDialog, ElImage, ElTag } from \"element-plus\";\r\nimport { DataModelDefines } from \"../../../../core\";\r\nimport { MKDataForm, MKDataTablePage, MKTableView, MKTable, MKSvgIcon, MKForm } from \"../../../../components\";\r\nimport { MemberTable } from \"../../../../dataview\";\r\nimport DefaultSingleListPage from \"../default/single/list/normal.vue\";\r\nimport { MKUploadImage } from \"../../../../components/upload-file\";\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"dv/ms-member/list\",\r\n  }\r\n})\r\nconst memberTable = reactive(\r\n  DataModelDefines.instance.getDataTable(\"ms-member\")!\r\n) as MemberTable;\r\nconst activeMemberForm = computed(() => memberTable.activeMemberForm);\r\nconst router = useRouter();\r\nconst handleActiveMemberConfirm = async () => {\r\n  memberTable.approveMember();\r\n};\r\n\r\nmemberTable.addRecordEvent.on(() => {\r\n  router.push({\r\n    name: \"dv/ms-member/add\",\r\n  });\r\n});\r\n\r\nmemberTable.editRecordEvent.on(({ item }) => {\r\n  router.push({\r\n    name: \"dv/ms-member/edit\",\r\n    params: {\r\n      id: item.id,\r\n    },\r\n  });\r\n});\r\n\r\n</script>\r\n<style lang=\"scss\"></style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,IAAA,MAAM,WAAc,GAAA,QAAA;AAAA,MAClB,gBAAA,CAAiB,QAAS,CAAA,YAAA,CAAa,WAAW,CAAA;AAAA,KACpD,CAAA;AACA,IAAA,MAAM,gBAAmB,GAAA,QAAA,CAAS,MAAM,WAAA,CAAY,gBAAgB,CAAA,CAAA;AACpE,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,IAAA,MAAM,4BAA4B,YAAY;AAC5C,MAAA,WAAA,CAAY,aAAc,EAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAY,WAAA,CAAA,cAAA,CAAe,GAAG,MAAM;AAClC,MAAA,MAAA,CAAO,IAAK,CAAA;AAAA,QACV,IAAM,EAAA,kBAAA;AAAA,OACP,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,WAAA,CAAY,eAAgB,CAAA,EAAA,CAAG,CAAC,EAAE,MAAW,KAAA;AAC3C,MAAA,MAAA,CAAO,IAAK,CAAA;AAAA,QACV,IAAM,EAAA,mBAAA;AAAA,QACN,MAAQ,EAAA;AAAA,UACN,IAAI,IAAK,CAAA,EAAA;AAAA,SACX;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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;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__default-avatar{font-size:28px}.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;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.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%}.member-info{height:80px;display:flex;align-items:center}.member-info-img{width:64px;height:64px;border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#dbdbdc}.member-info-img__icon{font-size:28px}.member-info-text{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px}.member-info-text__name{font-size:18px;font-weight:700}.roles-Info{width:100%}.roles-Info-tag{margin-left:4px;margin-right:4px}.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__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__default-avatar{font-size:28px}.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;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.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;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__default-avatar{font-size:28px}.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;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.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/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;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__default-avatar{font-size:28px}.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;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.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/page/dv/index.css

@@ -1 +1 @@
-.mk-local-log__main{height:100%}.mk-local-log__log{white-space:pre}.mk-local-log__dialog{height:80%}
+.mk-local-log__main{height:100%}.mk-local-log__log{white-space:pre}.mk-local-log__dialog{height:80%}.member-info{height:80px;display:flex;align-items:center}.member-info-img{width:64px;height:64px;border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#dbdbdc}.member-info-img__icon{font-size:28px}.member-info-text{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px}.member-info-text__name{font-size:18px;font-weight:700}.roles-Info{width:100%}.roles-Info-tag{margin-left:4px;margin-right:4px}

package/dist/style/page/dv/ms-member.css

@@ -0,0 +1 @@
+.member-info{height:80px;display:flex;align-items:center}.member-info-img{width:64px;height:64px;border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#dbdbdc}.member-info-img__icon{font-size:28px}.member-info-text{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px}.member-info-text__name{font-size:18px;font-weight:700}.roles-Info{width:100%}.roles-Info-tag{margin-left:4px;margin-right:4px}

package/dist/style/page/index.css

@@ -1 +1 @@
-.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}
+.mk-local-log__main{height:100%}.mk-local-log__log{white-space:pre}.mk-local-log__dialog{height:80%}.member-info{height:80px;display:flex;align-items:center}.member-info-img{width:64px;height:64px;border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#dbdbdc}.member-info-img__icon{font-size:28px}.member-info-text{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px}.member-info-text__name{font-size:18px;font-weight:700}.roles-Info{width:100%}.roles-Info-tag{margin-left:4px;margin-right:4px}.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}

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

@@ -43,6 +43,7 @@
 
     &__avatar {
       height: 28px;
+      width: 28px;
       border-radius: 50%;
       overflow: hidden;
     }

package/dist/style/src/page/dv/index.scss

@@ -1 +1,2 @@
-@use "./local-log.scss";
+@use "./local-log.scss";
+@use "./ms-member.scss"

package/dist/style/src/page/dv/ms-member.scss

@@ -0,0 +1,42 @@
+.member-info {
+    height: 80px;
+    display: flex;
+    align-items: center;
+
+    &-img {
+        width: 64px;
+        height: 64px;
+        border-radius: 50%;
+        flex-shrink: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: #dbdbdc;
+
+        &__icon {
+            font-size: 28px;
+        }
+    }
+
+    &-text {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        margin-left: 8px;
+
+        &__name {
+            font-size: 18px;
+            font-weight: 700;
+        }
+    }
+
+}
+
+.roles-Info {
+    width: 100%;
+
+    &-tag {
+        margin-left: 4px;
+        margin-right: 4px;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maketribe/ms-app",
-  "version": "3.0.39",
+  "version": "3.0.41",
   "description": "",
   "main": "dist/cjs",
   "files": [
@@ -20,10 +20,10 @@
     "vue": "^3.3.4",
     "vue-codemirror": "^6.1.1",
     "vue-router": "^4.2.4",
-    "@maketribe/locale": "^1.0.5",
     "@maketribe/dm": "^3.0.13",
     "@maketribe/request": "^2.0.3",
-    "@maketribe/utils": "^1.1.4"
+    "@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",