npm - @maketribe/ms-app - Versions diffs - 3.2.18 → 3.2.20 - Mend

@maketribe/ms-app 3.2.18 → 3.2.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (121) hide show

package/dist/cjs/page/login/index.vue2.js.map CHANGED Viewed

	@@ -1 +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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":"~~;;;;;;;;;;;AAcA~~,~~MAAeA~~,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,IAAMC;AAAAA,EAAO,GAAG;AAE7B,UAAMC,YAAqCC,IAAI,IAAI;AACnD,UAAMC,WAAoCD,IAAI,IAAI;AAClD,UAAME,UAAmCF,IAAI,IAAI;AAGjD,QAAIG,aAAqB;AAEzB,UAAMC,UAAUJ,IAAI,KAAK;AAEzB,UAAMK,MAAML,IAAI,CAAC;~~AAEjB~~,UAAMM,WAAWN,IAAI,EAAE;AACvB,UAAMO,UAAUP,IAAI,KAAK;AACzB,UAAMQ,aAAaC,SAAS,MAAM;AAChC,aAAO;AAAA,QACLC,iBAAiB,OAAOC,MAAML,QAAQ,CAAC;AAAA,QACvCM,WAAW,WAAWD,MAAMN,GAAG,CAAC;AAAA;IAEpC,CAAC;AAED,UAAMQ,~~WAAW~~,~~YAAY~~;~~AAE3BN~~,cAAQO,QAAQ;AAEhB,YAAMC,~~SAAS~~;~~AAAA~~,~~QAAEC~~,~~OAAOxB~~,~~MAAMwB~~;~~AAAAA;AAE9B~~,~~YAAMC~~,~~WAAW~~,~~MAAMC~~,~~iBAAkBC~~,~~IAAU~~,~~kCAAiC~~;~~AAAA~~,~~QAChFJ;AAAAA~~,~~QACAK~~,~~cAAc~~;~~AAAA~~,~~MAClB~~,~~CAAC~~;~~AAEDb~~,~~cAAQO~~,QAAQ;~~AAChB~~,~~aAAOG~~,~~SAASI~~,QAAQ;AAAA;~~AAG1B~~,~~UAAMC~~,sBAAsBA,MAAM;~~AAChCzB~~,WAAK,WAAWc,MAAMN,GAAG,CAAC;AAAA;AAG5B,~~UAAMkB~~,kBAAmBC,oBAA0C;AACjE,~~UAAIb~~,MAAMP,OAAO,GAAG;AAClB;AAAA,MACF;AAEA,~~YAAMqB~~,aAAa,IAAIC;~~AAEvB~~,YAAMC,~~aAAahB~~,MAAMZ,SAAS,~~EAAG6B~~,sBAAqB,EAAGC;AAE7D,YAAMC,kBAAmBC,WAAiC;AAExD,cAAMC,~~IAAID~~,~~iBAAiBE~~,~~aAAaF~~,~~MAAMG~~,~~UAAUH~~,~~MAAMI~~,QAAQ,CAAC,EAAED;~~AACzE~~,~~cAAME~~,~~IAAIL~~,~~iBAAiBE~~,~~aAAaF~~,~~MAAMM~~,~~UAAUN~~,~~MAAMI~~,~~QAAQ,CAAC,EAAEE;AAGzElC,qBAAamC,KAAKC,IAAID,KAAKE,IAAIR,IAAII,~~IAAI,~~IAAI,~~EAAE,~~GAAET~~,UAAU;~~AAEzDtB~~,YAAIS,~~QAAQwB~~,~~KAAKG~~,~~OAAQtC~~,aAAa,~~OAAOwB~~,aAAa,MAAO,GAAG;~~AAEpEhB~~,cAAMT,OAAO,~~EAAGwC~~,~~MAAMb~~,QAAQ,~~GAAG1B~~,UAAU;AAC3CQ,cAAMV,QAAQ,~~EAAGyC~~,~~MAAM9B~~,YAAY,cAAcT,aAAa,EAAE;AAAA;AAGlE,~~YAAMwC~~,~~gBAAiBZ~~,WAAiC;AACtD,~~YAAI1B~~,IAAIS,UAAU,GAAG;~~AACnBQ~~;QACF;~~AAEAG~~,~~mBAAWmB~~,QAAO;AAAA;AAGpBC,eAASC,iBAAiB,~~aAAahB~~,eAAe;~~AACtDe~~,eAASC,iBAAiB,~~aAAahB~~,eAAe;~~AACtDe~~,eAASC,iBAAiB,WAAWH,aAAa;AAClDE,eAASC,iBAAiB,YAAYH,aAAa;AACnDE,eAASC,iBAAiB,eAAeH,aAAa;~~AAEtDlB~~,~~iBAAWsB~~,SACTC,iBAAiB,MAAM;AACrBH,iBAASI,oBAAoB,~~aAAanB~~,eAAe;~~AACzDe~~,iBAASI,oBAAoB,~~aAAanB~~,eAAe;~~AACzDe~~,iBAASI,oBAAoB,WAAWN,aAAa;AACrDE,iBAASI,oBAAoB,YAAYN,aAAa;AACtDE,iBAASI,oBAAoB,eAAeN,aAAa;AAAA,MAC1D,CAAA,CACH;AAAA;AAGF,UAAMO,QAAQA,MAAM;~~AAClBvC~~,YAAMT,OAAO,~~EAAGwC~~,~~MAAMb~~,QAAQ;~~AAC9BlB~~,YAAMV,QAAQ,~~EAAGyC~~,~~MAAM9B~~,YAAY;AAAA;AAGrCd,WAAO;AAAA,~~MACLqD~~,MAAMA,MAAM;~~AACV/C~~,gBAAQU,QAAQ;~~AAEhBsC~~,mBAAW,MAAM;~~AACfhD~~,kBAAQU,QAAQ;~~AAEhBoC~~;QACD,GAAE,GAAI;AAAA,MACT;AAAA,IACF,CAAC;AAEDG,cAAU,YAAY;~~AAEpB~~,~~YAAMC~~,~~OAAO,MAAMzC~~;~~AACnB,YAAM0C,MAAMC,IAAIC,gBAAgBH,IAAI;AAEpChD,eAASQ,QAAQyC;AAEjBG,kBAAY,MAAI;AACdF,YAAIG,gBAAgBJ,GAAG;~~AAAA,~~MACzB~~,CAAC;~~AAAA~~,~~IAEH,CAAC;AACD,~~WAAO,MAAM;AACX,~~aAAAK~~,YAAAC,UAAAC,MAAAA,CAAAA,eAAAF,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAAA;AAAA,QAAA,~~SAMepD~~,WAAWM;AAAAA,MAAK,GAAA,IAAA,~~GAAA8C~~,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,IAAA,CAAA,CAAA,GAAA,CAAA,CAAAG,~~iBAJuBpD~~,SAAAA,GAAAA,MAAMJ,OAAO,CAAC,~~KAAAqD~~,YAAA,OAAA;AAAA,QAAA,SAQpD,CAAC,~~oBAAoBjD~~,MAAMP,OAAO,IAAI,aAAa,EAAE;AAAA,MAAC,GAAA,~~CAAAwD~~,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAGvDI,~~QAAwBjE~~,UAAUe,~~QAAQkD~~;AAAAA,MAAG,GAAA,CAAAJ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAI3CI,~~QAAwB9D~~,QAAQY,~~QAAQkD~~;AAAAA,MAAG,GAAA,IAAA,GAAAJ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAI3CI,~~QAAwB/D~~,SAASa,~~QAAQkD~~;AAAAA,QAAG,~~eACtCzC~~;AAAAA,QAAe,gBACdA;AAAAA,MAAe,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;EAO3C;AACF,CAAC;"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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