@maketribe/ms-app 3.2.18 → 3.2.19

package/dist/esm/page/login/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/login/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"login-wrap\">\r\n    <div class=\"login-bg\">\r\n      <div class=\"login-bg-block\"></div>\r\n      <div class=\"login-bg-block\"></div>\r\n    </div>\r\n    <div class=\"login-root\">\r\n      <div class=\"login-main\">\r\n        <div class=\"form-container\">\r\n          <div class=\"form-wrap\">\r\n            <div class=\"form-title\" v-if=\"!forgotPassword\">\r\n              账号登录\r\n              <span class=\"notify\">\r\n                没有账号？\r\n                <el-link  :underline=\"false\" @click=\"router.push('/signup')\">\r\n                  申请账号\r\n                </el-link>\r\n              </span>\r\n            </div>\r\n            <div class=\"form-title\" v-else>账号重置</div>\r\n            <ElForm\r\n              :model=\"loginFormData\"\r\n              :rules=\"rules\"\r\n              size=\"large\"\r\n              ref=\"formEl\"\r\n              @submit.native.prevent\r\n            >\r\n              <ElFormItem prop=\"account\">\r\n                <ElInput\r\n                  v-model=\"loginFormData.account\"\r\n                  placeholder=\"帐号\"\r\n                  @keyup.enter.native.prevent=\"sendAction\"\r\n                />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"password\" v-if=\"!forgotPassword\">\r\n                <ElInput\r\n                  v-model=\"loginFormData.password\"\r\n                  type=\"password\"\r\n                  placeholder=\"密码\"\r\n                  @keyup.enter.native.prevent=\"sendAction\"\r\n                />\r\n              </ElFormItem>\r\n              <ElFormItem>\r\n                <ElRow style=\"width: 100%\">\r\n                  <ElCol :span=\"12\">\r\n                    <ElButton\r\n                      link\r\n                      class=\"operaBtn\"\r\n                      @click=\"forgotPassword = !forgotPassword\"\r\n                      >{{\r\n                        forgotPassword ? \"返回登陆\" : \"忘记密码？\"\r\n                      }}</ElButton\r\n                    >\r\n                  </ElCol>\r\n                </ElRow>\r\n              </ElFormItem>\r\n              <ElFormItem>\r\n                <ElButton\r\n                  type=\"primary\"\r\n                  style=\"width: 100%\"\r\n                  :loading=\"loading\"\r\n                  @click=\"sendAction\"\r\n                  v-if=\"!forgotPassword\"\r\n                >\r\n                  登陆\r\n                </ElButton>\r\n                <ElButton\r\n                  type=\"primary\"\r\n                  style=\"width: 100%\"\r\n                  :loading=\"loading\"\r\n                  @click=\"sendAction\"\r\n                  v-else\r\n                >\r\n                  重置\r\n                </ElButton>\r\n              </ElFormItem>\r\n            </ElForm>\r\n            <ElDivider></ElDivider>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\r\nimport { useMSAppClient } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"login\",\r\n    path: \"/login\",\r\n    meta: {\r\n      isAuthorization: false,\r\n    },\r\n  },\r\n});\r\n\r\nconst verifyDialog: Ref<{ fail: () => void } | null> = ref(null);\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst system = useMSAppClient()!;\r\n\r\nconst router = useRouter();\r\n\r\nconst loading = ref(false);\r\n\r\nconst loginDisabled = computed(\r\n  () => !loginFormData.account || !loginFormData.password\r\n);\r\nconst resetDisabled = computed(() => !loginFormData.account);\r\n\r\nconst forgotPassword = ref(false);\r\nconst scene = computed(() =>\r\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\r\n);\r\n\r\nconst rules = {\r\n  account: [{ required: true, message: \"账号必填\" }],\r\n  password: [{ required: true, message: \"密码必填\" }],\r\n};\r\n\r\nconst loginFormData = reactive({\r\n  account: \"\",\r\n  password: \"\",\r\n  vCode: \"\",\r\n});\r\n\r\n// 发起动作 可能是登录 也可能是修改密码\r\nconst sendAction = async (v: number) => {\r\n\r\n  // 验证不通过\r\n  if(!await formEl.value?.validate()){\r\n    return;\r\n  }\r\n  // 验证码\r\n  var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\r\n\r\n  // 转成字符串格式\r\n  loginFormData.vCode = vResult+\"\";\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n\r\n    if (forgotPassword.value) {\r\n\r\n      const { data } = await system.resetPassword(\r\n        loginFormData.account,\r\n        loginFormData.vCode\r\n      );\r\n\r\n      if (data.code !== 200) {\r\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\r\n        return;\r\n      }\r\n\r\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\r\n      forgotPassword.value = false;\r\n\r\n    } else {\r\n\r\n      const { data } = await system.login(\r\n        loginFormData.account,\r\n        loginFormData.password,\r\n        loginFormData.vCode\r\n      );\r\n\r\n      if (data.code !== 200) {\r\n        ElMessage.error(data.msg || \"登录失败!\");\r\n        return;\r\n      }\r\n\r\n      router.push({ path: \"/\" });\r\n    }\r\n  } catch (e) {\r\n    ElMessage.error(\"登录失败\");\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n};\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGuD,QAAI,IAAI;AAGpC,QAAI,KAAK;AAE9B,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AAEH;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsB,aAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiB,IAAI,KAAK;AAChC,UAAM,QAAQ;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgB,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAM,iBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEA,oBAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACV,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/login/index.vue"],"sourcesContent":["<template>\r\n  <SimplePageLayout class=\"login-wrap\">\r\n    <div class=\"login-form-wrap\">\r\n\r\n      <template v-if=\"!forgotPassword\">\r\n        <div class=\"login-form-title\"> 账号登录 </div>\r\n        <div class=\"login-form-item\">\r\n          <div></div>\r\n          <span class=\"notify\">\r\n            没有账号？\r\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/signup')\">\r\n              申请账号\r\n              <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\r\n            </el-link>\r\n          </span>\r\n        </div>\r\n      </template>\r\n      <template v-else>\r\n        <div class=\"login-form-title\">账号重置</div>\r\n        <div class=\"login-form-item\">\r\n          新密码将会在重置后送至 {{loginFormData.account}} 绑定的邮箱！请查收！\r\n        </div>\r\n      </template>   \r\n      \r\n      <ElForm :model=\"loginFormData\" :rules=\"rules\" size=\"large\" ref=\"formEl\" @submit.native.prevent>\r\n        <ElFormItem prop=\"account\">\r\n          <ElInput\r\n            v-model=\"loginFormData.account\"\r\n            placeholder=\"帐号\"\r\n            @keyup.enter.native.prevent=\"sendAction\"\r\n          />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"password\" style=\"margin-top: 30px;\" v-if=\"!forgotPassword\">\r\n          <ElInput\r\n            v-model=\"loginFormData.password\"\r\n            type=\"password\"\r\n            placeholder=\"密码\"\r\n            @keyup.enter.native.prevent=\"sendAction\"\r\n          />\r\n        </ElFormItem>\r\n        <div class=\"login-form-item\">\r\n          <div></div>\r\n          <el-link :underline=\"false\"  type=\"primary\" @click=\"forgotPassword = !forgotPassword\">\r\n            {{forgotPassword ? \"返回登陆\" : \"忘记密码\" }}\r\n            <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 2px;\" />\r\n          </el-link>\r\n        </div>\r\n        <ElFormItem>\r\n          <ElButton type=\"primary\" style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\" v-if=\"!forgotPassword\">\r\n            登陆\r\n          </ElButton>\r\n          <ElButton type=\"primary\" v-else style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\">\r\n            重置\r\n          </ElButton>\r\n        </ElFormItem>\r\n      </ElForm>\r\n      <!-- <ElDivider></ElDivider> -->\r\n    </div>\r\n  </SimplePageLayout>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\r\nimport { useMSAppClient } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport SimplePageLayout from \"../../layouts/components/simple-page-layout/index.vue\"\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"login\",\r\n    path: \"/login\",\r\n    meta: {\r\n      isAuthorization: false,\r\n    },\r\n  },\r\n});\r\n\r\nconst verifyDialog: Ref<{ fail: () => void } | null> = ref(null);\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst system = useMSAppClient()!;\r\n\r\nconst router = useRouter();\r\n\r\nconst loading = ref(false);\r\n\r\nconst loginDisabled = computed(\r\n  () => !loginFormData.account || !loginFormData.password\r\n);\r\nconst resetDisabled = computed(() => !loginFormData.account);\r\n\r\nconst forgotPassword = ref(false);\r\nconst scene = computed(() =>\r\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\r\n);\r\n\r\nconst rules = {\r\n  account: [{ required: true, message: \"账号必填\" }],\r\n  password: [{ required: true, message: \"密码必填\" }],\r\n};\r\n\r\nconst loginFormData = reactive({\r\n  account: \"\",\r\n  password: \"\",\r\n  vCode: \"\",\r\n});\r\n\r\n// 发起动作 可能是登录 也可能是修改密码\r\nconst sendAction = async (v: number) => {\r\n\r\n  // 验证不通过\r\n  if(!await formEl.value?.validate()){\r\n    return;\r\n  }\r\n  // 验证码\r\n  var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\r\n\r\n  // 转成字符串格式\r\n  loginFormData.vCode = vResult+\"\";\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n\r\n    if (forgotPassword.value) {\r\n\r\n      const { data } = await system.resetPassword(\r\n        loginFormData.account,\r\n        loginFormData.vCode\r\n      );\r\n\r\n      if (data.code !== 200) {\r\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\r\n        return;\r\n      }\r\n\r\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\r\n      forgotPassword.value = false;\r\n\r\n    } else {\r\n\r\n      const { data } = await system.login(\r\n        loginFormData.account,\r\n        loginFormData.password,\r\n        loginFormData.vCode\r\n      );\r\n\r\n      if (data.code !== 200) {\r\n        ElMessage.error(data.msg || \"登录失败!\");\r\n        return;\r\n      }\r\n\r\n      router.push({ path: \"/\" });\r\n    }\r\n  } catch (e) {\r\n    ElMessage.error(\"登录失败\");\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n};\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EuD,QAAI,IAAI;AAGpC,QAAI,KAAK;AAE9B,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AAEH;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsB,aAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiB,IAAI,KAAK;AAChC,UAAM,QAAQ;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgB,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAM,iBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEA,oBAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACV,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/signup/index.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, unref, withCtx } from "vue";
+import { defineComponent, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createTextVNode, createVNode, unref } from "vue";
 import { useRouter } from "vue-router";
 import { Messager } from "@maketribe/dm";
 import "../../components/basic/config-provider/index.js";
@@ -35,17 +35,12 @@ import "../../components/data-model/data-table-pagination/index.js";
 import { MKOpenVerifyCode } from "../../components/business/verify-dialog/index.js";
 import "../../components/business/resource-list/index.js";
 import "../../components/business/resource-manager/index.js";
-const _hoisted_1 = { class: "login-wrap" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "login-bg" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "login-bg-block" }),
-  /* @__PURE__ */ createElementVNode("div", { class: "login-bg-block" })
-], -1);
-const _hoisted_3 = { class: "login-root" };
-const _hoisted_4 = { class: "login-main" };
-const _hoisted_5 = { class: "form-container" };
-const _hoisted_6 = { class: "form-wrap" };
-const _hoisted_7 = { class: "form-title" };
-const _hoisted_8 = { class: "notify" };
+import _sfc_main$1 from "../../layouts/components/simple-page-layout/index.vue.js";
+const _hoisted_1 = { class: "login-form-wrap" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "login-form-title" }, " 账号申请 ", -1);
+const _hoisted_3 = { class: "login-form-item" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_5 = { class: "notify" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     mkRoute: {
@@ -103,116 +98,117 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     ref(false);
     return (_ctx, _cache) => {
+      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_el_link = resolveComponent("el-link");
       const _component_ElInput = resolveComponent("ElInput");
       const _component_ElFormItem = resolveComponent("ElFormItem");
       const _component_ElButton = resolveComponent("ElButton");
       const _component_ElForm = resolveComponent("ElForm");
-      const _component_ElDivider = resolveComponent("ElDivider");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _hoisted_2,
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("div", _hoisted_5, [
-              createElementVNode("div", _hoisted_6, [
-                createElementVNode("div", _hoisted_7, [
-                  createTextVNode(" 账号申请 "),
-                  createElementVNode("span", _hoisted_8, [
-                    createTextVNode(" 已有账号？ "),
-                    createVNode(_component_el_link, {
-                      underline: false,
-                      onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push("/login"))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(" 返回登录 ")
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                createVNode(_component_ElForm, {
-                  model: signFormData,
-                  rules,
-                  size: "large",
-                  ref_key: "formEl",
-                  ref: formEl
+      return openBlock(), createBlock(_sfc_main$1, { class: "login-wrap" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            _hoisted_2,
+            createElementVNode("div", _hoisted_3, [
+              _hoisted_4,
+              createElementVNode("span", _hoisted_5, [
+                createTextVNode(" 已有账号？ "),
+                createVNode(_component_el_link, {
+                  underline: false,
+                  type: "primary",
+                  onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push("/login"))
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_ElFormItem, { prop: "account" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.account,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => signFormData.account = $event),
-                          placeholder: "帐号"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, { prop: "email" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.email,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => signFormData.email = $event),
-                          placeholder: "邮箱"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, { prop: "name" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.name,
-                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => signFormData.name = $event),
-                          placeholder: "姓名"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, { prop: "nickName" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.nickName,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => signFormData.nickName = $event),
-                          placeholder: "昵称"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, { prop: "phone" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.phone,
-                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => signFormData.phone = $event),
-                          placeholder: "手机号"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, null, {
+                    createTextVNode(" 返回登录 "),
+                    createVNode(_component_MKSvgIcon, {
+                      iconClass: "ArrowRightBold",
+                      style: { "margin-left": "5px" }
+                    })
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            createVNode(_component_ElForm, {
+              model: signFormData,
+              rules,
+              size: "large",
+              ref_key: "formEl",
+              ref: formEl
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_ElFormItem, { prop: "account" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.account,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => signFormData.account = $event),
+                      placeholder: "帐号"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "email" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.email,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => signFormData.email = $event),
+                      placeholder: "邮箱"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "name" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.name,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => signFormData.name = $event),
+                      placeholder: "姓名"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "nickName" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.nickName,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => signFormData.nickName = $event),
+                      placeholder: "昵称"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "phone" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.phone,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => signFormData.phone = $event),
+                      placeholder: "手机号"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElButton, {
+                      type: "primary",
+                      style: { "width": "100%" },
+                      loading: loading.value,
+                      onClick: handleAccountApply
+                    }, {
                       default: withCtx(() => [
-                        createVNode(_component_ElButton, {
-                          type: "primary",
-                          style: { "width": "100%" },
-                          loading: loading.value,
-                          onClick: handleAccountApply
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(" 提交申请 ")
-                          ]),
-                          _: 1
-                        }, 8, ["loading"])
+                        createTextVNode(" 提交申请 ")
                       ]),
                       _: 1
-                    })
+                    }, 8, ["loading"])
                   ]),
                   _: 1
-                }, 8, ["model"]),
-                createVNode(_component_ElDivider)
-              ])
-            ])
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
           ])
-        ])
-      ]);
+        ]),
+        _: 1
+      });
     };
   }
 });

package/dist/esm/page/signup/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"login-wrap\">\r\n    <div class=\"login-bg\">\r\n      <div class=\"login-bg-block\"></div>\r\n      <div class=\"login-bg-block\"></div>\r\n    </div>\r\n    <div class=\"login-root\">\r\n      <div class=\"login-main\">\r\n        <div class=\"form-container\">\r\n          <div class=\"form-wrap\">\r\n            <div class=\"form-title\">\r\n              账号申请\r\n              <span class=\"notify\">\r\n                已有账号？\r\n                <el-link  :underline=\"false\" @click=\"router.push('/login')\">\r\n                  返回登录\r\n                </el-link>\r\n              </span>\r\n            </div>\r\n            <ElForm\r\n              :model=\"signFormData\"\r\n              :rules=\"rules\"\r\n              size=\"large\"\r\n              ref=\"formEl\"\r\n            >\r\n              <ElFormItem prop=\"account\">\r\n                <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"email\">\r\n                <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"name\">\r\n                <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"nickName\">\r\n                <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"phone\">\r\n                <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\r\n              </ElFormItem>\r\n\r\n              <ElFormItem>\r\n                <ElButton\r\n                  type=\"primary\"\r\n                  style=\"width: 100%\"\r\n                  :loading=\"loading\"\r\n                  @click=\"handleAccountApply\"\r\n                >\r\n                  提交申请\r\n                </ElButton>\r\n              </ElFormItem>\r\n            </ElForm>\r\n            <ElDivider></ElDivider>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { FormRules } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\nimport { useHttpRequest } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"signup\",\r\n    path: \"/signup\",\r\n    meta: {\r\n      isAuthorization: false,\r\n    },\r\n  },\r\n});\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst router = useRouter();\r\n\r\nconst httpRequest = useHttpRequest()!;\r\n\r\nconst loading = ref(false);\r\n\r\nconst rules: FormRules = {\r\n  account: [{ required: true, message: \"账号必填\" }],\r\n  email: [\r\n    {\r\n      required: true,\r\n      trigger: \"change\",\r\n      validator: (rule, value, callback) => {\r\n        if (!value) {\r\n          callback(new Error(\"邮箱必填\"));\r\n        } else if (\r\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\r\n        ) {\r\n          callback(new Error(\"邮箱规则不符\"));\r\n        } else {\r\n          callback();\r\n        }\r\n      },\r\n    },\r\n  ],\r\n  name: [{ required: true, message: \"姓名必填\" }],\r\n};\r\n\r\n\r\nconst signFormData = reactive({\r\n  account: \"\",\r\n  email: \"\",\r\n  name: \"\",\r\n  nickName: \"\",\r\n  phone: \"\",\r\n  vCdoe:\"\"\r\n});\r\n\r\nconst handleAccountApply = async () => {\r\n\r\n  if(! await formEl.value.validate()){\r\n    return ;\r\n  }\r\n\r\n  // 验证码\r\n  signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\r\n\r\n  const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\r\n\r\n  if (result.data.code != 200) {\r\n    Messager.error({ message: result.data.msg || \"注册失败\"});\r\n    return;\r\n  }\r\n\r\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\r\n};\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\r\n  <SimplePageLayout class=\"login-wrap\">\r\n    <div class=\"login-form-wrap\">\r\n      <div class=\"login-form-title\"> 账号申请 </div>\r\n        <div class=\"login-form-item\">\r\n          <div></div>\r\n          <span class=\"notify\">\r\n            已有账号？\r\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/login')\">\r\n              返回登录\r\n              <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\r\n            </el-link>\r\n          </span>\r\n      </div>\r\n      <ElForm\r\n        :model=\"signFormData\"\r\n        :rules=\"rules\"\r\n        size=\"large\"\r\n        ref=\"formEl\"\r\n      >\r\n        <ElFormItem prop=\"account\">\r\n          <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"email\">\r\n          <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"name\">\r\n          <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"nickName\">\r\n          <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"phone\">\r\n          <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\r\n        </ElFormItem>\r\n\r\n        <ElFormItem>\r\n          <ElButton type=\"primary\" style=\"width: 100%\"\r\n            :loading=\"loading\" @click=\"handleAccountApply\">\r\n            提交申请\r\n          </ElButton>\r\n        </ElFormItem>\r\n      </ElForm>\r\n    </div>\r\n  </SimplePageLayout>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { FormRules } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\nimport { useHttpRequest } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport SimplePageLayout from \"../../layouts/components/simple-page-layout/index.vue\"\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"signup\",\r\n    path: \"/signup\",\r\n    meta: {\r\n      isAuthorization: false,\r\n    },\r\n  },\r\n});\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst router = useRouter();\r\n\r\nconst httpRequest = useHttpRequest()!;\r\n\r\nconst loading = ref(false);\r\n\r\nconst rules: FormRules = {\r\n  account: [{ required: true, message: \"账号必填\" }],\r\n  email: [\r\n    {\r\n      required: true,\r\n      trigger: \"change\",\r\n      validator: (rule, value, callback) => {\r\n        if (!value) {\r\n          callback(new Error(\"邮箱必填\"));\r\n        } else if (\r\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\r\n        ) {\r\n          callback(new Error(\"邮箱规则不符\"));\r\n        } else {\r\n          callback();\r\n        }\r\n      },\r\n    },\r\n  ],\r\n  name: [{ required: true, message: \"姓名必填\" }],\r\n};\r\n\r\n\r\nconst signFormData = reactive({\r\n  account: \"\",\r\n  email: \"\",\r\n  name: \"\",\r\n  nickName: \"\",\r\n  phone: \"\",\r\n  vCdoe:\"\"\r\n});\r\n\r\nconst handleAccountApply = async () => {\r\n\r\n  if(! await formEl.value.validate()){\r\n    return ;\r\n  }\r\n\r\n  // 验证码\r\n  signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\r\n\r\n  const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\r\n\r\n  if (result.data.code != 200) {\r\n    Messager.error({ message: result.data.msg || \"注册失败\"});\r\n    return;\r\n  }\r\n\r\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\r\n};\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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--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 li p{margin-top:16px}.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;flex-shrink:0}.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-code-editor{--mk-code-editor-height:400px}.mk-code-editor .cm-editor{width:100%;height:var(--mk-code-editor-height)}.mk-doc-editor-inline-toolbar,.mk-doc-editor-toolbar{background-color:#fff;padding:10px 20px;z-index:1;text-align:center}.mk-doc-editor-inline-toolbar-content-style-item,.mk-doc-editor-toolbar-content-style-item{font-size:14px;text-align:left;margin:5px}.mk-doc-editor-inline-toolbar-content-style-item.text,.mk-doc-editor-toolbar-content-style-item.text{font-size:20px}.mk-doc-editor-inline-toolbar-content-style-item h1,.mk-doc-editor-inline-toolbar-content-style-item h2,.mk-doc-editor-inline-toolbar-content-style-item h3,.mk-doc-editor-inline-toolbar-content-style-item h4,.mk-doc-editor-inline-toolbar-content-style-item h5,.mk-doc-editor-inline-toolbar-content-style-item h6,.mk-doc-editor-toolbar-content-style-item h1,.mk-doc-editor-toolbar-content-style-item h2,.mk-doc-editor-toolbar-content-style-item h3,.mk-doc-editor-toolbar-content-style-item h4,.mk-doc-editor-toolbar-content-style-item h5,.mk-doc-editor-toolbar-content-style-item h6{padding:0;margin:0;font-weight:400}.mk-doc-editor-inline-toolbar__fontcolor,.mk-doc-editor-toolbar__fontcolor{padding:0;margin-left:0!important}.mk-doc-editor-inline-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger{border:none;position:relative}.mk-doc-editor-inline-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color{border:0;position:relative}.mk-doc-editor-inline-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner{position:absolute;height:4px;bottom:0;left:0}.mk-doc-editor-inline-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon{display:none}.mk-doc-editor-inline-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger::before,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger::before{content:"A";font-weight:700;font-size:18px;position:absolute;width:100%;z-index:1}.mk-doc-editor-inline-toolbar__bgcolor,.mk-doc-editor-toolbar__bgcolor{padding:0;margin-left:0!important;position:relative}.mk-doc-editor-inline-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger{border:none;position:relative}.mk-doc-editor-inline-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color{border:0;position:relative}.mk-doc-editor-inline-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner{position:absolute;height:4px;bottom:0;left:0}.mk-doc-editor-inline-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon{display:none}.mk-doc-editor-inline-toolbar__bgcolor>span,.mk-doc-editor-toolbar__bgcolor>span{justify-content:center}.mk-doc-editor-inline-toolbar__bgcolor>span>.view,.mk-doc-editor-toolbar__bgcolor>span>.view{position:absolute;pointer-events:none;font-size:18px;top:5px}.mk-doc-editor-inline-toolbar>.el-dropdown .el-button,.mk-doc-editor-toolbar>.el-dropdown .el-button{padding:8px}.mk-doc-editor-inline-toolbar>.el-button-group button,.mk-doc-editor-toolbar>.el-button-group button{font-size:18px;padding:8px}.mk-doc-editor-inline-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active,.mk-doc-editor-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active{background-color:var(--el-fill-color)}.mk-doc-editor{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.mk-doc-editor.mobile .mk-doc-editor__stage_body{max-width:640px}.mk-doc-editor__stage_iframe,.mk-doc-editor__stage_warp,.mk-doc-editor__view_iframe,.mk-doc-editor__view_warp{width:100%;height:100%;z-index:0;position:relative}.mk-doc-editor__stage_body{z-index:0;position:relative;max-width:900px;width:100%;min-height:100%;margin:auto}.mk-doc-editor__stage_warp{display:flex;flex-direction:column;padding:10px;overflow:auto;box-sizing:border-box}.mk-doc-editor__stage_warp .mk-doc-editor-inline-toolbar{position:absolute;background-color:#fff;box-shadow:1px -3px 7px 4px #ccc;padding:5px}.mk-doc-editor__stage_warp .mk-doc-editor-inline-toolbar>.el-dropdown .el-button{padding:8px 12px}.mk-doc-editor__stage_warp .mk-doc-editor-inline-toolbar>.el-button-group button{padding:8px 12px}.mk-doc-editor__stage_iframe,.mk-doc-editor__view_iframe{overflow:hidden;background-color:#fff;margin:0;border:0}.mk-doc-editor__view_warp{display:flex;background-color:var(--mk-container-border-color);overflow:auto;padding-top:10px}.mk-doc-editor__view_warp.mobile .mk-doc-editor__view_iframe{max-width:640px}.mk-doc-editor__view_iframe{max-width:900px;margin:auto;padding:20px;overflow:auto}.mk-data-tree-select__popper .el-tree-node__content{min-height:0!important}.mk-copy-container{display:flex;align-items:center}.mk-copy-container__icon{margin-left:5px;cursor:pointer;color:#409eff}.mk-image-cropper{display:flex}.mk-image-cropper__main{position:relative;width:0;flex:1;height:540px}.mk-image-cropper__bar{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:18px;background:#fff;padding:3px 10px;border-radius:5px}.mk-image-cropper__bar .mk-svg-icon{cursor:pointer}.mk-image-cropper__bar .mk-svg-icon+.mk-svg-icon{margin-left:6px}.mk-image-cropper__tools{width:200px;padding:15px 20px}: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:var(--mk-default-bg-color);border-right:1px solid var(--mk-container-border-color);color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__footer .mk-bar__item{color:#fff;border-radius:5px!important;border-right:0 solid #fff!important;margin-left:auto!important}.mk-bar__item+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;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;font-weight:500}.mk-bar__item.is-active{background:#fff;border-radius:5px 0 0 5px;color:#276efd;border-right:20px solid #fff;margin-left:10px}.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;overflow:auto}.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;background:var(--mk-default-bg-color);color:#fff}.mk-header__logo{height:36px;width:auto;margin-left:15px;filter:invert(100%)}.mk-header__projectName{margin-left:10px;letter-spacing:3px}.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;height:100%;display:flex;align-items:center}.mk-header-tools__user{color:#fff;margin:10px;padding:7px 10px;border-radius:5px}.mk-header-tools__user:hover{background-color:rgba(0,0,0,.16);background-color:var(--common_overlay_press_color,rgba(0,0,0,.16))}.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;color:#fff;text-align:right}.mk-layout-default{height:100%;background-color:var(--mk-container-border-color)}.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;display:flex}.mk-layout-default__body>.el-main .el-aside{overflow:hidden}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.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}.ms-menu__title{margin:0 10px 0 5px}.ms-menu__url{font-size:12px}.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}.vue-cropper[data-v-a742df44]{position:relative;width:100%;height:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;direction:ltr;touch-action:none;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-box-canvas[data-v-a742df44],.cropper-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-face[data-v-a742df44]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:none;max-width:none;max-height:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:rgba(0,0,0,.5)}.cropper-view-box[data-v-a742df44]{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.7490196078);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-view-box img[data-v-a742df44]{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-a742df44]{top:0;left:0;background-color:#fff;opacity:.1}.crop-info[data-v-a742df44]{position:absolute;left:0;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:rgba(0,0,0,.8);font-size:12px}.crop-line[data-v-a742df44]{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w[data-v-a742df44]{top:-3px;left:0;height:5px;cursor:n-resize}.line-a[data-v-a742df44]{top:0;left:-3px;width:5px;cursor:w-resize}.line-s[data-v-a742df44]{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d[data-v-a742df44]{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point[data-v-a742df44]{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-4px;left:-4px;cursor:nw-resize}.point2[data-v-a742df44]{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3[data-v-a742df44]{top:-4px;right:-4px;cursor:ne-resize}.point4[data-v-a742df44]{top:50%;left:-4px;margin-top:-3px;cursor:w-resize}.point5[data-v-a742df44]{top:50%;right:-4px;margin-top:-3px;cursor:e-resize}.point6[data-v-a742df44]{bottom:-5px;left:-4px;cursor:sw-resize}.point7[data-v-a742df44]{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8[data-v-a742df44]{bottom:-5px;right:-4px;cursor:se-resize}@media screen and (max-width:500px){.crop-point[data-v-a742df44]{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-10px;left:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{top:-10px;right:-10px}.point4[data-v-a742df44]{top:0;left:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}:root{--mk-spacing-small:5px;--mk-spacing-middle:10px;--mk-spacing-large:15px;--mk-default-bg-color:#2876f6;--mk-container-border-color:#f4f4f4;--mk-container-bg-color:#f4f4f4;--mk-border-color:#cccccc;--mk-border:1px solid var(--mk-border-color);--el-menu-level-padding:5px;--mk-mask-background-color:rgba(0, 0, 0, 0.1)}.el-card{--el-card-border-color:var(--mk-container-border-color)}.el-table{--el-card-border-color:var(--mk-container-border-color)}
+  );--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:var(--mk-default-bg-color);border-right:1px solid var(--mk-container-border-color);color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__footer .mk-bar__item{color:#fff;border-radius:5px!important;border-right:0 solid #fff!important;margin-left:auto!important}.mk-bar__item+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;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;font-weight:500}.mk-bar__item.is-active{background:#fff;border-radius:5px 0 0 5px;color:#276efd;border-right:20px solid #fff;margin-left:10px}.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;overflow:auto}.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;background:var(--mk-default-bg-color);color:#fff}.mk-header__logo{height:36px;width:auto;margin-left:15px;filter:invert(100%)}.mk-header__projectName{margin-left:10px;letter-spacing:3px}.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;height:100%;display:flex;align-items:center}.mk-header-tools__user{color:#fff;margin:10px;padding:7px 10px;border-radius:5px}.mk-header-tools__user:hover{background-color:rgba(0,0,0,.16);background-color:var(--common_overlay_press_color,rgba(0,0,0,.16))}.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;color:#fff;text-align:right}.simple-page-layout__warp{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.simple-page-layout__bg{background-color:var(--el-color-primary);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;display:flex;flex-direction:column}.simple-page-layout__bg_title{height:36px;width:auto;margin-left:15px;padding:20px;box-sizing:content-box;color:#fff;font-size:28px;position:relative;z-index:1}.simple-page-layout__bg_title>img{height:100%;filter:invert(100%)}.simple-page-layout__bg_body{height:100%;flex:1;padding-left:10%;box-sizing:content-box;position:relative;z-index:1}.simple-page-layout__bg_body>svg{height:100%}.simple-page-layout__bg_block{width:100%;height:100%;position:absolute;right:-50%;transform:rotate(45deg);background-color:rgba(133,181,231,.3607843137);transform-origin:50% 50%;border-radius:10%}.simple-page-layout__bg_block.block2{transform:rotate(125deg)}.simple-page-layout__main{display:flex;position:relative;z-index:1;height:100%;width:100%;align-items:center;justify-content:end}.simple-page-layout__main_body{background-color:#fff;padding:50px 30px;border-radius:10px;min-height:50%;max-height:80%;margin-right:20%;overflow:auto}@media screen and (max-width:900px){.simple-page-layout__bg_title{height:18%;width:auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center}.simple-page-layout__bg_title>img{height:50px;filter:invert(100%)}.simple-page-layout__bg_body{padding-left:0;display:flex;align-items:flex-end}.simple-page-layout__bg_body>svg{height:auto;width:100%}.simple-page-layout__main{justify-content:center}.simple-page-layout__main_body{width:95%;box-sizing:border-box;margin-right:0}}.mk-layout-default{height:100%;background-color:var(--mk-container-border-color)}.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;display:flex}.mk-layout-default__body>.el-main .el-aside{overflow:hidden}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.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}.ms-menu__title{margin:0 10px 0 5px}.ms-menu__url{font-size:12px}.login-wrap{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.login-wrap .login-form-wrap{width:440px}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}@media screen and (max-width:900px){.login-wrap .login-form-wrap{width:95%}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}}.vue-cropper[data-v-a742df44]{position:relative;width:100%;height:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;direction:ltr;touch-action:none;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-box-canvas[data-v-a742df44],.cropper-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-face[data-v-a742df44]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:none;max-width:none;max-height:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:rgba(0,0,0,.5)}.cropper-view-box[data-v-a742df44]{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.7490196078);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-view-box img[data-v-a742df44]{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-a742df44]{top:0;left:0;background-color:#fff;opacity:.1}.crop-info[data-v-a742df44]{position:absolute;left:0;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:rgba(0,0,0,.8);font-size:12px}.crop-line[data-v-a742df44]{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w[data-v-a742df44]{top:-3px;left:0;height:5px;cursor:n-resize}.line-a[data-v-a742df44]{top:0;left:-3px;width:5px;cursor:w-resize}.line-s[data-v-a742df44]{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d[data-v-a742df44]{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point[data-v-a742df44]{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-4px;left:-4px;cursor:nw-resize}.point2[data-v-a742df44]{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3[data-v-a742df44]{top:-4px;right:-4px;cursor:ne-resize}.point4[data-v-a742df44]{top:50%;left:-4px;margin-top:-3px;cursor:w-resize}.point5[data-v-a742df44]{top:50%;right:-4px;margin-top:-3px;cursor:e-resize}.point6[data-v-a742df44]{bottom:-5px;left:-4px;cursor:sw-resize}.point7[data-v-a742df44]{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8[data-v-a742df44]{bottom:-5px;right:-4px;cursor:se-resize}@media screen and (max-width:500px){.crop-point[data-v-a742df44]{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-10px;left:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{top:-10px;right:-10px}.point4[data-v-a742df44]{top:0;left:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}:root{--mk-spacing-small:5px;--mk-spacing-middle:10px;--mk-spacing-large:15px;--mk-default-bg-color:#2876f6;--mk-container-border-color:#f4f4f4;--mk-container-bg-color:#f4f4f4;--mk-border-color:#cccccc;--mk-border:1px solid var(--mk-border-color);--el-menu-level-padding:5px;--mk-mask-background-color:rgba(0, 0, 0, 0.1)}.el-card{--el-card-border-color:var(--mk-container-border-color)}.el-table{--el-card-border-color:var(--mk-container-border-color)}

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

@@ -1 +1 @@
-.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background:var(--mk-default-bg-color);border-right:1px solid var(--mk-container-border-color);color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__footer .mk-bar__item{color:#fff;border-radius:5px!important;border-right:0 solid #fff!important;margin-left:auto!important}.mk-bar__item+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;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;font-weight:500}.mk-bar__item.is-active{background:#fff;border-radius:5px 0 0 5px;color:#276efd;border-right:20px solid #fff;margin-left:10px}.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;overflow:auto}.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;background:var(--mk-default-bg-color);color:#fff}.mk-header__logo{height:36px;width:auto;margin-left:15px;filter:invert(100%)}.mk-header__projectName{margin-left:10px;letter-spacing:3px}.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;height:100%;display:flex;align-items:center}.mk-header-tools__user{color:#fff;margin:10px;padding:7px 10px;border-radius:5px}.mk-header-tools__user:hover{background-color:rgba(0,0,0,.16);background-color:var(--common_overlay_press_color,rgba(0,0,0,.16))}.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;color:#fff;text-align:right}.mk-layout-default{height:100%;background-color:var(--mk-container-border-color)}.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;display:flex}.mk-layout-default__body>.el-main .el-aside{overflow:hidden}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}
+.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background:var(--mk-default-bg-color);border-right:1px solid var(--mk-container-border-color);color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__footer .mk-bar__item{color:#fff;border-radius:5px!important;border-right:0 solid #fff!important;margin-left:auto!important}.mk-bar__item+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;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;font-weight:500}.mk-bar__item.is-active{background:#fff;border-radius:5px 0 0 5px;color:#276efd;border-right:20px solid #fff;margin-left:10px}.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;overflow:auto}.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;background:var(--mk-default-bg-color);color:#fff}.mk-header__logo{height:36px;width:auto;margin-left:15px;filter:invert(100%)}.mk-header__projectName{margin-left:10px;letter-spacing:3px}.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;height:100%;display:flex;align-items:center}.mk-header-tools__user{color:#fff;margin:10px;padding:7px 10px;border-radius:5px}.mk-header-tools__user:hover{background-color:rgba(0,0,0,.16);background-color:var(--common_overlay_press_color,rgba(0,0,0,.16))}.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;color:#fff;text-align:right}.simple-page-layout__warp{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.simple-page-layout__bg{background-color:var(--el-color-primary);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;display:flex;flex-direction:column}.simple-page-layout__bg_title{height:36px;width:auto;margin-left:15px;padding:20px;box-sizing:content-box;color:#fff;font-size:28px;position:relative;z-index:1}.simple-page-layout__bg_title>img{height:100%;filter:invert(100%)}.simple-page-layout__bg_body{height:100%;flex:1;padding-left:10%;box-sizing:content-box;position:relative;z-index:1}.simple-page-layout__bg_body>svg{height:100%}.simple-page-layout__bg_block{width:100%;height:100%;position:absolute;right:-50%;transform:rotate(45deg);background-color:rgba(133,181,231,.3607843137);transform-origin:50% 50%;border-radius:10%}.simple-page-layout__bg_block.block2{transform:rotate(125deg)}.simple-page-layout__main{display:flex;position:relative;z-index:1;height:100%;width:100%;align-items:center;justify-content:end}.simple-page-layout__main_body{background-color:#fff;padding:50px 30px;border-radius:10px;min-height:50%;max-height:80%;margin-right:20%;overflow:auto}@media screen and (max-width:900px){.simple-page-layout__bg_title{height:18%;width:auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center}.simple-page-layout__bg_title>img{height:50px;filter:invert(100%)}.simple-page-layout__bg_body{padding-left:0;display:flex;align-items:flex-end}.simple-page-layout__bg_body>svg{height:auto;width:100%}.simple-page-layout__main{justify-content:center}.simple-page-layout__main_body{width:95%;box-sizing:border-box;margin-right:0}}.mk-layout-default{height:100%;background-color:var(--mk-container-border-color)}.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;display:flex}.mk-layout-default__body>.el-main .el-aside{overflow:hidden}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}

package/dist/style/layouts/default/simple-page-layout.css

@@ -0,0 +1 @@
+.simple-page-layout__warp{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.simple-page-layout__bg{background-color:var(--el-color-primary);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;display:flex;flex-direction:column}.simple-page-layout__bg_title{height:36px;width:auto;margin-left:15px;padding:20px;box-sizing:content-box;color:#fff;font-size:28px;position:relative;z-index:1}.simple-page-layout__bg_title>img{height:100%;filter:invert(100%)}.simple-page-layout__bg_body{height:100%;flex:1;padding-left:10%;box-sizing:content-box;position:relative;z-index:1}.simple-page-layout__bg_body>svg{height:100%}.simple-page-layout__bg_block{width:100%;height:100%;position:absolute;right:-50%;transform:rotate(45deg);background-color:rgba(133,181,231,.3607843137);transform-origin:50% 50%;border-radius:10%}.simple-page-layout__bg_block.block2{transform:rotate(125deg)}.simple-page-layout__main{display:flex;position:relative;z-index:1;height:100%;width:100%;align-items:center;justify-content:end}.simple-page-layout__main_body{background-color:#fff;padding:50px 30px;border-radius:10px;min-height:50%;max-height:80%;margin-right:20%;overflow:auto}@media screen and (max-width:900px){.simple-page-layout__bg_title{height:18%;width:auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center}.simple-page-layout__bg_title>img{height:50px;filter:invert(100%)}.simple-page-layout__bg_body{padding-left:0;display:flex;align-items:flex-end}.simple-page-layout__bg_body>svg{height:auto;width:100%}.simple-page-layout__main{justify-content:center}.simple-page-layout__main_body{width:95%;box-sizing:border-box;margin-right:0}}

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:var(--mk-default-bg-color);border-right:1px solid var(--mk-container-border-color);color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__footer .mk-bar__item{color:#fff;border-radius:5px!important;border-right:0 solid #fff!important;margin-left:auto!important}.mk-bar__item+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;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;font-weight:500}.mk-bar__item.is-active{background:#fff;border-radius:5px 0 0 5px;color:#276efd;border-right:20px solid #fff;margin-left:10px}.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;overflow:auto}.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;background:var(--mk-default-bg-color);color:#fff}.mk-header__logo{height:36px;width:auto;margin-left:15px;filter:invert(100%)}.mk-header__projectName{margin-left:10px;letter-spacing:3px}.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;height:100%;display:flex;align-items:center}.mk-header-tools__user{color:#fff;margin:10px;padding:7px 10px;border-radius:5px}.mk-header-tools__user:hover{background-color:rgba(0,0,0,.16);background-color:var(--common_overlay_press_color,rgba(0,0,0,.16))}.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;color:#fff;text-align:right}.mk-layout-default{height:100%;background-color:var(--mk-container-border-color)}.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;display:flex}.mk-layout-default__body>.el-main .el-aside{overflow:hidden}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}
+.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:var(--mk-default-bg-color);border-right:1px solid var(--mk-container-border-color);color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__footer .mk-bar__item{color:#fff;border-radius:5px!important;border-right:0 solid #fff!important;margin-left:auto!important}.mk-bar__item+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;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;font-weight:500}.mk-bar__item.is-active{background:#fff;border-radius:5px 0 0 5px;color:#276efd;border-right:20px solid #fff;margin-left:10px}.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;overflow:auto}.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;background:var(--mk-default-bg-color);color:#fff}.mk-header__logo{height:36px;width:auto;margin-left:15px;filter:invert(100%)}.mk-header__projectName{margin-left:10px;letter-spacing:3px}.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;height:100%;display:flex;align-items:center}.mk-header-tools__user{color:#fff;margin:10px;padding:7px 10px;border-radius:5px}.mk-header-tools__user:hover{background-color:rgba(0,0,0,.16);background-color:var(--common_overlay_press_color,rgba(0,0,0,.16))}.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;color:#fff;text-align:right}.simple-page-layout__warp{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.simple-page-layout__bg{background-color:var(--el-color-primary);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;display:flex;flex-direction:column}.simple-page-layout__bg_title{height:36px;width:auto;margin-left:15px;padding:20px;box-sizing:content-box;color:#fff;font-size:28px;position:relative;z-index:1}.simple-page-layout__bg_title>img{height:100%;filter:invert(100%)}.simple-page-layout__bg_body{height:100%;flex:1;padding-left:10%;box-sizing:content-box;position:relative;z-index:1}.simple-page-layout__bg_body>svg{height:100%}.simple-page-layout__bg_block{width:100%;height:100%;position:absolute;right:-50%;transform:rotate(45deg);background-color:rgba(133,181,231,.3607843137);transform-origin:50% 50%;border-radius:10%}.simple-page-layout__bg_block.block2{transform:rotate(125deg)}.simple-page-layout__main{display:flex;position:relative;z-index:1;height:100%;width:100%;align-items:center;justify-content:end}.simple-page-layout__main_body{background-color:#fff;padding:50px 30px;border-radius:10px;min-height:50%;max-height:80%;margin-right:20%;overflow:auto}@media screen and (max-width:900px){.simple-page-layout__bg_title{height:18%;width:auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center}.simple-page-layout__bg_title>img{height:50px;filter:invert(100%)}.simple-page-layout__bg_body{padding-left:0;display:flex;align-items:flex-end}.simple-page-layout__bg_body>svg{height:auto;width:100%}.simple-page-layout__main{justify-content:center}.simple-page-layout__main_body{width:95%;box-sizing:border-box;margin-right:0}}.mk-layout-default{height:100%;background-color:var(--mk-container-border-color)}.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;display:flex}.mk-layout-default__body>.el-main .el-aside{overflow:hidden}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}

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%}.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}.ms-menu__title{margin:0 10px 0 5px}.ms-menu__url{font-size:12px}.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}.ms-menu__title{margin:0 10px 0 5px}.ms-menu__url{font-size:12px}.login-wrap{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.login-wrap .login-form-wrap{width:440px}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}@media screen and (max-width:900px){.login-wrap .login-form-wrap{width:95%}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}}

package/dist/style/page/login.css

@@ -1 +1 @@
-.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}
+.login-wrap{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.login-wrap .login-form-wrap{width:440px}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}@media screen and (max-width:900px){.login-wrap .login-form-wrap{width:95%}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}}

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

@@ -1,6 +1,7 @@
 @use "./bar.scss";
 @use "./menu.scss";
 @use "./header.scss";
+@use "./simple-page-layout.scss";
 
 .mk-layout-default {
   height: 100%;