@maketribe/ms-app 3.2.18 → 3.2.19

package/dist/cjs/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":["ref","useMSAppClient","useRouter","computed","reactive","MKOpenVerifyCode","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGuDA,QAAAA,IAAI,IAAI;AAGpCA,QAAAA,IAAI,KAAK;AAE9B,UAAA,SAAmBA,QAAI,IAAI;AAEjC,UAAM,SAASC,eAAAA;AAEf,UAAM,SAASC,UAAAA;AAET,UAAA,UAAUF,QAAI,KAAK;AAEHG,QAAA;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsBA,iBAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiBH,QAAI,KAAK;AAChC,UAAM,QAAQG,IAAA;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,gBAAgBC,IAAAA,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,MAAMC,uBAAiB,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;AACXC,wBAAAA,UAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEAA,gCAAU,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;AACXA,wBAAAA,UAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACVA,8BAAU,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":["ref","useMSAppClient","useRouter","computed","reactive","MKOpenVerifyCode","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EuDA,QAAAA,IAAI,IAAI;AAGpCA,QAAAA,IAAI,KAAK;AAE9B,UAAA,SAAmBA,QAAI,IAAI;AAEjC,UAAM,SAASC,eAAAA;AAEf,UAAM,SAASC,UAAAA;AAET,UAAA,UAAUF,QAAI,KAAK;AAEHG,QAAA;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsBA,iBAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiBH,QAAI,KAAK;AAChC,UAAM,QAAQG,IAAA;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,gBAAgBC,IAAAA,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,MAAMC,uBAAiB,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;AACXC,wBAAAA,UAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEAA,gCAAU,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;AACXA,wBAAAA,UAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACVA,8BAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/cjs/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":["ref","useRouter","useHttpRequest","reactive","MKOpenVerifyCode","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFM,UAAA,SAAmBA,QAAI,IAAI;AAEjC,UAAM,SAASC,UAAAA;AAEf,UAAM,cAAcC,eAAAA;AAEd,UAAA,UAAUF,QAAI,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,eAAeG,IAAAA,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,MAAMC,MAAA,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3BC,oBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEAA,SAAAA,SAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItBL,QAAAA,IAAI,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":["ref","useRouter","useHttpRequest","reactive","MKOpenVerifyCode","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEM,UAAA,SAAmBA,QAAI,IAAI;AAEjC,UAAM,SAASC,UAAAA;AAEf,UAAM,cAAcC,eAAAA;AAEd,UAAA,UAAUF,QAAI,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,eAAeG,IAAAA,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,MAAMC,MAAA,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3BC,oBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEAA,SAAAA,SAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItBL,QAAAA,IAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/business/verify-dialog/verify-dialog-api.js

@@ -5,7 +5,7 @@ async function OpenVerifyCode(options) {
   return new Promise((resolve) => {
     const dialogInstance = Dialoger.customRender({
       width: options.width ?? "300px",
-      title: options.title ?? "选择文件",
+      title: options.title ?? "图片验证",
       class: "mk-verify-dialog",
       body: () => createVNode(VerifyPanel, {
         "scene": options.sence,

package/dist/esm/components/business/verify-dialog/verify-dialog-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"verify-dialog-api.js","sources":["../../../../../src/components/business/verify-dialog/verify-dialog-api.tsx"],"sourcesContent":["import { Fragment, reactive } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport VerifyPanel from \"./verify-panel\";\r\nimport { ElButton } from \"element-plus\";\r\n\r\ntype VerifyCodeOptions = { sence:string,title:string,width:string }\r\n\r\nasync function OpenVerifyCode(options: VerifyCodeOptions): Promise<any> {\r\n  return new Promise((resolve) => {\r\n   \r\n    const dialogInstance = Dialoger.customRender({\r\n      width: options.width ?? \"300px\",\r\n      title: options.title ?? \"选择文件\",\r\n      class: \"mk-verify-dialog\",\r\n      body: () => (\r\n        <VerifyPanel scene={options.sence} onConfirm={\r\n          result=>{\r\n            dialogInstance.destroy();\r\n            resolve(result)\r\n          }\r\n        }></VerifyPanel>\r\n      ),\r\n      footer: () => \"\",\r\n      onClose: () => {\r\n        setTimeout(() => {\r\n          dialogInstance.destroy();\r\n        }, 100);\r\n      },\r\n    });\r\n  });\r\n}\r\n\r\nexport default OpenVerifyCode;\r\n"],"names":["OpenVerifyCode","options","Promise","resolve","dialogInstance","Dialoger","customRender","width","title","class","body","_createVNode","VerifyPanel","sence","result","destroy","footer","onClose","setTimeout"],"mappings":";;;AAOA,eAAeA,eAAeC,SAA0C;AACtE,SAAO,IAAIC,QAASC,aAAY;AAE9B,UAAMC,iBAAiBC,SAASC,aAAa;AAAA,MAC3CC,OAAON,QAAQM,SAAS;AAAA,MACxBC,OAAOP,QAAQO,SAAS;AAAA,MACxBC,OAAO;AAAA,MACPC,MAAMA,MAAAC,YAAAC,aAAA;AAAA,QAAA,SACgBX,QAAQY;AAAAA,QAAK,aAC/BC,YAAQ;AACNV,yBAAeW,QAAO;AACtBZ,kBAAQW,MAAM;AAAA,QAChB;AAAA,MAEH,GAAA,IAAA;AAAA,MACDE,QAAQA,MAAM;AAAA,MACdC,SAASA,MAAM;AACbC,mBAAW,MAAM;AACfd,yBAAeW,QAAO;AAAA,QACvB,GAAE,GAAG;AAAA,MACR;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}
+{"version":3,"file":"verify-dialog-api.js","sources":["../../../../../src/components/business/verify-dialog/verify-dialog-api.tsx"],"sourcesContent":["import { Fragment, reactive } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport VerifyPanel from \"./verify-panel\";\r\nimport { ElButton } from \"element-plus\";\r\n\r\ntype VerifyCodeOptions = { sence:string,title:string,width:string }\r\n\r\nasync function OpenVerifyCode(options: VerifyCodeOptions): Promise<any> {\r\n  return new Promise((resolve) => {\r\n   \r\n    const dialogInstance = Dialoger.customRender({\r\n      width: options.width ?? \"300px\",\r\n      title: options.title ?? \"图片验证\",\r\n      class: \"mk-verify-dialog\",\r\n      body: () => (\r\n        <VerifyPanel scene={options.sence} onConfirm={\r\n          result=>{\r\n            dialogInstance.destroy();\r\n            resolve(result)\r\n          }\r\n        }></VerifyPanel>\r\n      ),\r\n      footer: () => \"\",\r\n      onClose: () => {\r\n        setTimeout(() => {\r\n          dialogInstance.destroy();\r\n        }, 100);\r\n      },\r\n    });\r\n  });\r\n}\r\n\r\nexport default OpenVerifyCode;\r\n"],"names":["OpenVerifyCode","options","Promise","resolve","dialogInstance","Dialoger","customRender","width","title","class","body","_createVNode","VerifyPanel","sence","result","destroy","footer","onClose","setTimeout"],"mappings":";;;AAOA,eAAeA,eAAeC,SAA0C;AACtE,SAAO,IAAIC,QAASC,aAAY;AAE9B,UAAMC,iBAAiBC,SAASC,aAAa;AAAA,MAC3CC,OAAON,QAAQM,SAAS;AAAA,MACxBC,OAAOP,QAAQO,SAAS;AAAA,MACxBC,OAAO;AAAA,MACPC,MAAMA,MAAAC,YAAAC,aAAA;AAAA,QAAA,SACgBX,QAAQY;AAAAA,QAAK,aAC/BC,YAAQ;AACNV,yBAAeW,QAAO;AACtBZ,kBAAQW,MAAM;AAAA,QAChB;AAAA,MAEH,GAAA,IAAA;AAAA,MACDE,QAAQA,MAAM;AAAA,MACdC,SAASA,MAAM;AACbC,mBAAW,MAAM;AACfd,yBAAeW,QAAO;AAAA,QACvB,GAAE,GAAG;AAAA,MACR;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}

package/dist/esm/components/business/verify-dialog/verify-panel.js

@@ -1,14 +1,13 @@
-import { defineComponent, ref, computed, unref, onMounted, onUnmounted, createVNode, Fragment, withDirectives, resolveDirective } from "vue";
-import "@maketribe/dm";
-import "../../basic/config-provider/index.js";
-import "vue-router";
-import "@maketribe/request";
-import "@maketribe/locale";
-import { Disposable, createDisposable } from "@maketribe/utils";
-import "../../../core/DataModelDefines.js";
-import "element-plus";
-import { useHttpRequest } from "../../../composables/use-http-request.js";
+import { defineComponent, ref, computed, unref, onMounted, createVNode, Fragment, withDirectives, resolveDirective } from "vue";
 import { verifyDialogProps, verifyDialogEmits } from "./verify-dialog-option.js";
+import { WebHttpRequest } from "@maketribe/request";
+import { Disposable, createDisposable } from "@maketribe/utils";
+const webHttpRequest = new class InnerWebHttpRequest extends WebHttpRequest {
+  async getClientId() {
+    await this.loadClientIDPromise;
+    return this.clientID;
+  }
+}();
 const VerifyPanel = /* @__PURE__ */ defineComponent({
   name: "VerifyPanel",
   props: verifyDialogProps,
@@ -31,17 +30,18 @@ const VerifyPanel = /* @__PURE__ */ defineComponent({
         transform: `rotate(-${unref(deg)}deg)`
       };
     });
-    const getImage = async () => {
+    const loadImage = async () => {
       loading.value = true;
-      const params = {
-        scene: props.scene
-      };
-      const response = await useHttpRequest().get("/ms/app/captcha/rotation/image", {
-        params,
-        responseType: "blob"
+      const clientId = await webHttpRequest.getClientId();
+      return await new Promise((reslove) => {
+        const img = new Image();
+        img.onload = () => {
+          imageUrl.value = img.src;
+          reslove(void 0);
+          loading.value = false;
+        };
+        img.src = `/api/ms/app/captcha/rotation/image?scene=${props.scene}&t=${Math.random()}&rcid=${clientId}`;
       });
-      loading.value = false;
-      return response.data ?? null;
     };
     const handleSwitchConfirm = () => {
       emit("confirm", unref(deg));
@@ -50,12 +50,12 @@ const VerifyPanel = /* @__PURE__ */ defineComponent({
       if (unref(isError)) {
         return;
       }
+      const startX = mouseDownEvent instanceof MouseEvent ? mouseDownEvent.clientX : mouseDownEvent.touches[0].clientX;
       const disposable = new Disposable();
       const totalWidth = unref(wrapperEl).getBoundingClientRect().width;
       const handleMouseMove = (event) => {
-        const x = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
-        const y = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;
-        slideWidth = Math.min(Math.max(x - y + 48, 48), totalWidth);
+        const moveX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
+        slideWidth = Math.min(Math.max(moveX - startX + 48, 48), totalWidth);
         deg.value = Math.floor((slideWidth - 48) / (totalWidth - 48) * 360);
         unref(grandEl).style.width = `${slideWidth}px`;
         unref(buttonEl).style.transform = `translateX(${slideWidth - 48}px)`;
@@ -93,12 +93,7 @@ const VerifyPanel = /* @__PURE__ */ defineComponent({
       }
     });
     onMounted(async () => {
-      const blob = await getImage();
-      const url = URL.createObjectURL(blob);
-      imageUrl.value = url;
-      onUnmounted(() => {
-        URL.revokeObjectURL(url);
-      });
+      await loadImage();
     });
     return () => {
       return createVNode(Fragment, null, [withDirectives(createVNode("div", {

package/dist/esm/components/business/verify-dialog/verify-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"verify-panel.js","sources":["../../../../../src/components/business/verify-dialog/verify-panel.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  unref,\r\n  ref,\r\n  onMounted,\r\n  onUnmounted,\r\n  Ref,\r\n  Fragment\r\n} from \"vue\";\r\nimport { useHttpRequest } from \"../../../composables\";\r\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\r\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\r\n\r\nexport default defineComponent({\r\n  name: \"VerifyPanel\",\r\n  props: verifyDialogProps,\r\n  emits: verifyDialogEmits,\r\n  setup(props, { emit, expose }) {\r\n  \r\n    const wrapperEl: Ref<HTMLElement | null> = ref(null);\r\n    const buttonEl: Ref<HTMLElement | null> = ref(null);\r\n    const grandEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    // 样式默认宽度是48px\r\n    let slideWidth: number = 48;\r\n\r\n    const isError = ref(false);\r\n\r\n    const deg = ref(0);\r\n\r\n    const imageUrl = ref(\"\");\r\n    const loading = ref(false);\r\n    const imageStyle = computed(() => {\r\n      return {\r\n        backgroundImage: `url(${unref(imageUrl)})`,\r\n        transform: `rotate(-${unref(deg)}deg)`,\r\n      };\r\n    });\r\n\r\n    const getImage = async () => {\r\n\r\n      loading.value = true;\r\n\r\n      const params = { scene: props.scene };\r\n\r\n      const response = await useHttpRequest()!.get<Blob>(\"/ms/app/captcha/rotation/image\",{\r\n          params,\r\n          responseType: \"blob\",\r\n      });\r\n\r\n      loading.value = false;\r\n      return response.data ?? null;\r\n    };\r\n\r\n    const handleSwitchConfirm = () => {\r\n      emit(\"confirm\", unref(deg));\r\n    };\r\n\r\n    const handleMouseDown = (mouseDownEvent: MouseEvent|TouchEvent) => {\r\n      if (unref(isError)) {\r\n        return;\r\n      }\r\n\r\n      const disposable = new Disposable();\r\n\r\n      const totalWidth = unref(wrapperEl)!.getBoundingClientRect().width;\r\n\r\n      const handleMouseMove = (event: MouseEvent|TouchEvent) => {\r\n       \r\n        const x = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;\r\n        const y = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;\r\n\r\n        // 限定宽度范围\r\n        slideWidth = Math.min(Math.max(x - y + 48, 48),totalWidth);\r\n\r\n        deg.value = Math.floor(((slideWidth - 48) / (totalWidth - 48)) * 360);\r\n\r\n        unref(grandEl)!.style.width = `${slideWidth}px`;\r\n        unref(buttonEl)!.style.transform = `translateX(${slideWidth - 48}px)`;\r\n      };\r\n\r\n      const handleMouseUp = (event: MouseEvent|TouchEvent) => {\r\n        if (deg.value !== 0) {\r\n          handleSwitchConfirm();\r\n        }\r\n\r\n        disposable.dispose();\r\n      };\r\n\r\n      document.addEventListener(\"mousemove\", handleMouseMove);\r\n      document.addEventListener(\"touchmove\", handleMouseMove);\r\n      document.addEventListener(\"mouseup\", handleMouseUp);\r\n      document.addEventListener(\"touchend\", handleMouseUp);\r\n      document.addEventListener(\"touchcancel\", handleMouseUp);\r\n\r\n      disposable.register(\r\n        createDisposable(() => {\r\n          document.removeEventListener(\"mousemove\", handleMouseMove);\r\n          document.removeEventListener(\"touchmove\", handleMouseMove);\r\n          document.removeEventListener(\"mouseup\", handleMouseUp);\r\n          document.removeEventListener(\"touchend\", handleMouseUp);\r\n          document.removeEventListener(\"touchcancel\", handleMouseUp);\r\n        })\r\n      );\r\n    };\r\n\r\n    const reset = () => {\r\n      unref(grandEl)!.style.width = ``;\r\n      unref(buttonEl)!.style.transform = ``;\r\n    };\r\n\r\n    expose({\r\n      fail: () => {\r\n        isError.value = true;\r\n\r\n        setTimeout(() => {\r\n          isError.value = false;\r\n\r\n          reset();\r\n        }, 1000);\r\n      },\r\n    });\r\n\r\n    onMounted(async () => {\r\n\r\n      const blob = await getImage();\r\n      const url = URL.createObjectURL(blob);\r\n\r\n      imageUrl.value = url;\r\n\r\n      onUnmounted(()=>{\r\n        URL.revokeObjectURL(url);\r\n      })\r\n     \r\n    });\r\n    return () => {\r\n      return (\r\n        <Fragment>\r\n          <div class=\"mk-verify-dialog__wrapper\" v-loading={unref(loading)}>\r\n            <div\r\n              class=\"mk-verify-dialog__image\"\r\n              ref=\"imageEl\"\r\n              style={imageStyle.value}\r\n            />\r\n            <div class=\"mk-verify-dialog__coordinate\" />\r\n          </div>\r\n          <div class={[\"mk-verify-switch\", unref(isError) ? \"is-error\" : \"\"]}>\r\n            <div\r\n              class=\"mk-verify-switch__wrapper\"\r\n              ref={((el: HTMLDivElement) => (wrapperEl.value = el)) as any}\r\n            >\r\n              <div\r\n                class=\"mk-verify-switch__button-grand\"\r\n                ref={((el: HTMLDivElement) => (grandEl.value = el)) as any}\r\n              />\r\n              <div\r\n                class=\"mk-verify-switch__button\"\r\n                ref={((el: HTMLDivElement) => (buttonEl.value = el)) as any}\r\n                onMousedown={handleMouseDown}\r\n                onTouchstart={handleMouseDown}\r\n              />\r\n            </div>\r\n          </div>\r\n        </Fragment>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","expose","wrapperEl","ref","buttonEl","grandEl","slideWidth","isError","deg","imageUrl","loading","imageStyle","computed","backgroundImage","unref","transform","getImage","value","params","scene","response","useHttpRequest","get","responseType","data","handleSwitchConfirm","handleMouseDown","mouseDownEvent","disposable","Disposable","totalWidth","getBoundingClientRect","width","handleMouseMove","event","x","MouseEvent","clientX","touches","y","clientY","Math","min","max","floor","style","handleMouseUp","dispose","document","addEventListener","register","createDisposable","removeEventListener","reset","fail","setTimeout","onMounted","blob","url","URL","createObjectURL","onUnmounted","revokeObjectURL","_createVNode","_Fragment","_withDirectives","_resolveDirective","el"],"mappings":"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"}
+{"version":3,"file":"verify-panel.js","sources":["../../../../../src/components/business/verify-dialog/verify-panel.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  unref,\r\n  ref,\r\n  onMounted,\r\n  Ref,\r\n  Fragment\r\n} from \"vue\";\r\nimport { useHttpRequest } from \"../../../composables\";\r\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\r\nimport { WebHttpRequest } from \"@maketribe/request\";\r\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\r\n\r\n// 建一个私有的类吧客户端id放出来\r\nconst webHttpRequest = new (class InnerWebHttpRequest extends WebHttpRequest{\r\n  async getClientId(){\r\n    await this.loadClientIDPromise\r\n    return this.clientID\r\n  }\r\n});\r\n\r\nexport default defineComponent({\r\n  name: \"VerifyPanel\",\r\n  props: verifyDialogProps,\r\n  emits: verifyDialogEmits,\r\n  setup(props, { emit, expose }) {\r\n  \r\n    const wrapperEl: Ref<HTMLElement | null> = ref(null);\r\n    const buttonEl: Ref<HTMLElement | null> = ref(null);\r\n    const grandEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    // 样式默认宽度是48px\r\n    let slideWidth: number = 48;\r\n\r\n    const isError = ref(false);\r\n\r\n    const deg = ref(0);\r\n    const imageUrl = ref(\"\");\r\n    const loading = ref(false);\r\n    const imageStyle = computed(() => {\r\n      return {\r\n        backgroundImage: `url(${unref(imageUrl)})`,\r\n        transform: `rotate(-${unref(deg)}deg)`,\r\n      };\r\n    });\r\n\r\n    const loadImage = async ():Promise<undefined> => {\r\n\r\n      loading.value = true;\r\n\r\n      const clientId  = await webHttpRequest.getClientId();\r\n     \r\n      return await new Promise(reslove=>{\r\n\r\n        const img = new Image();\r\n\r\n        img.onload = ()=>{\r\n          imageUrl.value = img.src;\r\n          reslove(undefined);\r\n          loading.value = false;\r\n        }\r\n        img.src = `/api/ms/app/captcha/rotation/image?scene=${props.scene}&t=${Math.random()}&rcid=${clientId}`\r\n      })\r\n\r\n    };\r\n\r\n    const handleSwitchConfirm = () => {\r\n      emit(\"confirm\", unref(deg));\r\n    };\r\n\r\n    const handleMouseDown = (mouseDownEvent: MouseEvent|TouchEvent) => {\r\n      if (unref(isError)) {\r\n        return;\r\n      }\r\n\r\n      const startX = mouseDownEvent instanceof MouseEvent ? mouseDownEvent.clientX : mouseDownEvent.touches[0].clientX;\r\n      const disposable = new Disposable();\r\n      const totalWidth = unref(wrapperEl)!.getBoundingClientRect().width;\r\n\r\n      const handleMouseMove = (event: MouseEvent|TouchEvent) => {\r\n       \r\n        const moveX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;\r\n\r\n        // 限定宽度范围\r\n        slideWidth = Math.min(Math.max(moveX - startX + 48, 48),totalWidth);\r\n\r\n        deg.value = Math.floor(((slideWidth - 48) / (totalWidth - 48)) * 360);\r\n\r\n        unref(grandEl)!.style.width = `${slideWidth}px`;\r\n        unref(buttonEl)!.style.transform = `translateX(${slideWidth - 48}px)`;\r\n      };\r\n\r\n      const handleMouseUp = (event: MouseEvent|TouchEvent) => {\r\n        if (deg.value !== 0) {\r\n          handleSwitchConfirm();\r\n        }\r\n\r\n        disposable.dispose();\r\n      };\r\n\r\n      document.addEventListener(\"mousemove\", handleMouseMove);\r\n      document.addEventListener(\"touchmove\", handleMouseMove);\r\n      document.addEventListener(\"mouseup\", handleMouseUp);\r\n      document.addEventListener(\"touchend\", handleMouseUp);\r\n      document.addEventListener(\"touchcancel\", handleMouseUp);\r\n\r\n      disposable.register(\r\n        createDisposable(() => {\r\n          document.removeEventListener(\"mousemove\", handleMouseMove);\r\n          document.removeEventListener(\"touchmove\", handleMouseMove);\r\n          document.removeEventListener(\"mouseup\", handleMouseUp);\r\n          document.removeEventListener(\"touchend\", handleMouseUp);\r\n          document.removeEventListener(\"touchcancel\", handleMouseUp);\r\n        })\r\n      );\r\n    };\r\n\r\n    const reset = () => {\r\n      unref(grandEl)!.style.width = ``;\r\n      unref(buttonEl)!.style.transform = ``;\r\n    };\r\n\r\n    expose({\r\n      fail: () => {\r\n        isError.value = true;\r\n\r\n        setTimeout(() => {\r\n          isError.value = false;\r\n\r\n          reset();\r\n        }, 1000);\r\n      },\r\n    });\r\n\r\n    onMounted(async () => {\r\n      await loadImage();\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <Fragment>\r\n          <div class=\"mk-verify-dialog__wrapper\" v-loading={unref(loading)}>\r\n            <div\r\n              class=\"mk-verify-dialog__image\"\r\n              ref=\"imageEl\"\r\n              style={imageStyle.value}\r\n            />\r\n            <div class=\"mk-verify-dialog__coordinate\" />\r\n          </div>\r\n          <div class={[\"mk-verify-switch\", unref(isError) ? \"is-error\" : \"\"]}>\r\n            <div\r\n              class=\"mk-verify-switch__wrapper\"\r\n              ref={((el: HTMLDivElement) => (wrapperEl.value = el)) as any}\r\n            >\r\n              <div\r\n                class=\"mk-verify-switch__button-grand\"\r\n                ref={((el: HTMLDivElement) => (grandEl.value = el)) as any}\r\n              />\r\n              <div\r\n                class=\"mk-verify-switch__button\"\r\n                ref={((el: HTMLDivElement) => (buttonEl.value = el)) as any}\r\n                onMousedown={handleMouseDown}\r\n                onTouchstart={handleMouseDown}\r\n              />\r\n            </div>\r\n          </div>\r\n        </Fragment>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["webHttpRequest","InnerWebHttpRequest","WebHttpRequest","getClientId","loadClientIDPromise","clientID","defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","expose","wrapperEl","ref","buttonEl","grandEl","slideWidth","isError","deg","imageUrl","loading","imageStyle","computed","backgroundImage","unref","transform","loadImage","value","clientId","Promise","reslove","img","Image","onload","src","undefined","scene","Math","random","handleSwitchConfirm","handleMouseDown","mouseDownEvent","startX","MouseEvent","clientX","touches","disposable","Disposable","totalWidth","getBoundingClientRect","width","handleMouseMove","event","moveX","min","max","floor","style","handleMouseUp","dispose","document","addEventListener","register","createDisposable","removeEventListener","reset","fail","setTimeout","onMounted","_createVNode","_Fragment","_withDirectives","_resolveDirective","el"],"mappings":"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"}

package/dist/esm/installer.js

@@ -31,12 +31,12 @@ import { MKImageCropperContent } from "./components/basic/image-cropper/index.js
 import { MKDataForm } from "./components/data-model/data-form/index.js";
 import { MKDataTable } from "./components/data-model/data-table/index.js";
 import { MKDataTablePagination } from "./components/data-model/data-table-pagination/index.js";
-import "vue-router";
-import "@maketribe/locale";
-import "./core/DataModelDefines.js";
-import "./components/business/verify-dialog/verify-dialog-option.js";
+import "./components/business/verify-dialog/verify-panel.js";
 import "./components/business/resource-list/index.js";
 import "./components/business/resource-manager/index.js";
+import "./core/DataModelDefines.js";
+import "vue-router";
+import "@maketribe/locale";
 import { MKDialogs } from "./layouts/components/dialogs/index.js";
 import { provideGlobalConfig } from "./components/basic/config-provider/use-global-config.js";
 import { MKTableHeaderItem } from "./components/data-model/data-table/views/table-view/header/index.js";

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

@@ -28,13 +28,13 @@ import "../../../components/data-model/data-form/index.js";
 import "../../../components/data-model/data-table/index.js";
 import "../../../components/data-model/data-table-pagination/index.js";
 import "@maketribe/dm";
-import { MSAppClient } from "../../../core/MSAppClient.js";
+import "../../../components/business/verify-dialog/verify-panel.js";
+import "../../../components/business/resource-list/index.js";
+import "../../../components/business/resource-manager/index.js";
 import { MenuNode } from "../../../core/menu/MenuNode.js";
 import "../../../core/DataModelDefines.js";
+import { MSAppClient } from "../../../core/MSAppClient.js";
 import { MenuType } from "../../../constants/menu.js";
-import "../../../components/business/verify-dialog/verify-dialog-option.js";
-import "../../../components/business/resource-list/index.js";
-import "../../../components/business/resource-manager/index.js";
 const MKBar = /* @__PURE__ */ defineComponent({
   name: "MKBar",
   props: {

package/dist/esm/layouts/components/menu/menu-item.js

@@ -28,13 +28,13 @@ import "../../../components/data-model/data-form/index.js";
 import "../../../components/data-model/data-table/index.js";
 import "../../../components/data-model/data-table-pagination/index.js";
 import "@maketribe/dm";
-import "vue-router";
-import "@maketribe/locale";
-import { MenuNode } from "../../../core/menu/MenuNode.js";
-import "../../../core/DataModelDefines.js";
-import "../../../components/business/verify-dialog/verify-dialog-option.js";
+import "../../../components/business/verify-dialog/verify-panel.js";
 import "../../../components/business/resource-list/index.js";
 import "../../../components/business/resource-manager/index.js";
+import { MenuNode } from "../../../core/menu/MenuNode.js";
+import "../../../core/DataModelDefines.js";
+import "vue-router";
+import "@maketribe/locale";
 const MKAsideMenuItem = /* @__PURE__ */ defineComponent({
   name: "MKMenuItem",
   props: {

package/dist/esm/layouts/components/simple-page-layout/index.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, unref, Fragment, createTextVNode, toDisplayString, createVNode, renderSlot } from "vue";
+import "@maketribe/dm";
+import "../../../components/basic/config-provider/index.js";
+import "vue-router";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "@maketribe/utils";
+import "../../../core/DataModelDefines.js";
+import "element-plus";
+import { useMSAppClient } from "../../../composables/use-ms-app-client.js";
+import TeamImage from "./team-image.vue.js";
+const _hoisted_1 = { class: "simple-page-layout__warp" };
+const _hoisted_2 = { class: "simple-page-layout__bg" };
+const _hoisted_3 = { class: "simple-page-layout__bg_title" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "simple-page-layout__bg_body" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "simple-page-layout__bg_block" }, null, -1);
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("div", { class: "simple-page-layout__bg_block block2" }, null, -1);
+const _hoisted_8 = { class: "simple-page-layout__main" };
+const _hoisted_9 = { class: "simple-page-layout__main_body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const system = useMSAppClient();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            unref(system).logo ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: unref(system).logo
+            }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(unref(system).projectName), 1)
+            ], 64))
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(TeamImage)
+          ]),
+          _hoisted_6,
+          _hoisted_7
+        ]),
+        createElementVNode("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_9, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue.js.map

package/dist/esm/layouts/components/simple-page-layout/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/layouts/components/simple-page-layout/index.vue"],"sourcesContent":["<template>\r\n\r\n  <div class=\"simple-page-layout__warp\">\r\n\r\n    <div class=\"simple-page-layout__bg\">\r\n      <div class=\"simple-page-layout__bg_title\">\r\n        <template v-if=\"system.logo\">\r\n          <img :src=\"system.logo\"></img>\r\n        </template>\r\n        <template v-else>\r\n          {{system.projectName}}\r\n        </template>\r\n      </div>\r\n      <div class=\"simple-page-layout__bg_body\">\r\n        <TeamImage/>\r\n      </div>\r\n      <div  class=\"simple-page-layout__bg_block\"> </div>\r\n      <div  class=\"simple-page-layout__bg_block block2\"> </div>\r\n    </div>\r\n    <div class=\"simple-page-layout__main\">\r\n      <div class=\"simple-page-layout__main_body\">\r\n        <slot></slot>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { useMSAppClient } from \"../../../composables\";\r\nimport TeamImage from \"./team-image.vue\"\r\n\r\nconst system = useMSAppClient()!;\r\n\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/components/simple-page-layout/index.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/dist/esm/layouts/components/simple-page-layout/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}