@maketribe/ms-app 3.2.16 → 3.2.18

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

@@ -45,15 +45,8 @@ 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 = {
-  key: 0,
-  class: "form-title"
-};
+const _hoisted_7 = { class: "form-title" };
 const _hoisted_8 = { class: "notify" };
-const _hoisted_9 = {
-  key: 1,
-  class: "form-title"
-};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     mkRoute: {
@@ -70,11 +63,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const router = vueRouter.useRouter();
     const httpRequest = useHttpRequest.useHttpRequest();
     const loading = vue.ref(false);
-    const verifyVisible = vue.ref(false);
-    const forgotPassword = vue.ref(false);
-    const scene = vue.computed(
-      () => forgotPassword.value ? "ModifyPassword" : "Login"
-    );
     const rules = {
       account: [{ required: true, message: "账号必填" }],
       email: [
@@ -94,153 +82,138 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ],
       name: [{ required: true, message: "姓名必填" }]
     };
-    const verifyHandle = async () => {
-      const result = await formEl.value.validate();
-      if (!result) {
-        return;
-      }
-      verifyVisible.value = true;
-    };
     const signFormData = vue.reactive({
       account: "",
       email: "",
       name: "",
       nickName: "",
-      phone: ""
+      phone: "",
+      vCdoe: ""
     });
-    const handleSign = async (v) => {
-      const result = await httpRequest.post(
-        "ms/app/account-apply",
-        signFormData
-      );
+    const handleAccountApply = async () => {
+      if (!await formEl.value.validate()) {
+        return;
+      }
+      signFormData.vCdoe = await index.MKOpenVerifyCode({ sence: "AccountApply" }) + "";
+      const result = await httpRequest.post("ms/app/account-apply", signFormData);
       if (result.data.code != 200) {
         dm.Messager.error({ message: result.data.msg || "注册失败" });
         return;
       }
-      verifyVisible.value = false;
       dm.Messager.success({ message: "注册成功,请联系管理员通过验证" });
     };
     vue.ref(false);
     return (_ctx, _cache) => {
-      const _component_ElButton = vue.resolveComponent("ElButton");
+      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(vue.Fragment, null, [
-        vue.createElementVNode("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, [
-                  !forgotPassword.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                    vue.createTextVNode(" 账号注册 "),
-                    vue.createElementVNode("span", _hoisted_8, [
-                      vue.createTextVNode(" 已有账号？"),
-                      vue.createVNode(_component_ElButton, {
-                        link: "",
-                        class: "operaBtn",
-                        onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push("/login"))
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" 返回登录 ")
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, "账号重置")),
-                  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: verifyHandle
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createTextVNode(" 提交申请 ")
-                            ]),
-                            _: 1
-                          }, 8, ["loading"])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["model"]),
-                  vue.createVNode(_component_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
+                }, {
+                  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.createTextVNode(" 提交申请 ")
+                          ]),
+                          _: 1
+                        }, 8, ["loading"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["model"]),
+                vue.createVNode(_component_ElDivider)
               ])
             ])
           ])
-        ]),
-        verifyVisible.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKVerifyDialog), {
-          key: 0,
-          scene: scene.value,
-          visible: verifyVisible.value,
-          "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => verifyVisible.value = $event),
-          onConfirm: handleSign
-        }, null, 8, ["scene", "visible"])) : vue.createCommentVNode("", true)
-      ], 64);
+        ])
+      ]);
     };
   }
 });

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>\n  <div class=\"login-wrap\">\n    <div class=\"login-bg\">\n      <div class=\"login-bg-block\"></div>\n      <div class=\"login-bg-block\"></div>\n    </div>\n    <div class=\"login-root\">\n      <div class=\"login-main\">\n        <div class=\"form-container\">\n          <div class=\"form-wrap\">\n            <div class=\"form-title\" v-if=\"!forgotPassword\">\n              账号注册\n              <span class=\"notify\">\n                已有账号？<ElButton\n                  link\n                  class=\"operaBtn\"\n                  @click=\"router.push('/login')\"\n                >\n                  返回登录\n                </ElButton>\n              </span>\n            </div>\n            <div class=\"form-title\" v-else>账号重置</div>\n            <ElForm\n              :model=\"signFormData\"\n              :rules=\"rules\"\n              size=\"large\"\n              ref=\"formEl\"\n            >\n              <ElFormItem prop=\"account\">\n                <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\n              </ElFormItem>\n              <ElFormItem prop=\"email\">\n                <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\n              </ElFormItem>\n              <ElFormItem prop=\"name\">\n                <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\n              </ElFormItem>\n              <ElFormItem prop=\"nickName\">\n                <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\n              </ElFormItem>\n              <ElFormItem prop=\"phone\">\n                <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\n              </ElFormItem>\n\n              <ElFormItem>\n                <ElButton\n                  type=\"primary\"\n                  style=\"width: 100%\"\n                  :loading=\"loading\"\n                  @click=\"verifyHandle\"\n                >\n                  提交申请\n                </ElButton>\n              </ElFormItem>\n            </ElForm>\n            <ElDivider></ElDivider>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <MKVerifyDialog\n    :scene=\"scene\"\n    v-model:visible=\"verifyVisible\"\n    v-if=\"verifyVisible\"\n    @confirm=\"handleSign\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { FormRules } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { useHttpRequest } from \"../../composables\";\nimport { MKVerifyDialog } from \"../../components\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"signup\",\n    path: \"/signup\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst formEl: Ref<any> = ref(null);\n\nconst router = useRouter();\n\nconst httpRequest = useHttpRequest()!;\n\nconst loading = ref(false);\n\nconst verifyVisible = ref(false);\n\nconst forgotPassword = ref(false);\nconst scene = computed(() =>\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\n);\nconst rules: FormRules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  email: [\n    {\n      required: true,\n      trigger: \"change\",\n      validator: (rule, value, callback) => {\n        if (!value) {\n          callback(new Error(\"邮箱必填\"));\n        } else if (\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\n        ) {\n          callback(new Error(\"邮箱规则不符\"));\n        } else {\n          callback();\n        }\n      },\n    },\n  ],\n  name: [{ required: true, message: \"姓名必填\" }],\n};\n\nconst verifyHandle = async () => {\n  const result = await formEl.value.validate();\n  if (!result) {\n    return;\n  }\n  verifyVisible.value = true;\n};\n\nconst signFormData = reactive({\n  account: \"\",\n  email: \"\",\n  name: \"\",\n  nickName: \"\",\n  phone: \"\",\n});\n\nconst handleSign = async (v: string) => {\n  const result = await httpRequest.post(\n    \"ms/app/account-apply\",\n    signFormData\n  );\n  if (result.data.code != 200) {\n    Messager.error({ message: result.data.msg || \"注册失败\"});\n    return;\n  }\n  verifyVisible.value = false;\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\n};\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n</script>\n"],"names":["ref","useRouter","useHttpRequest","computed","reactive","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFM,UAAA,SAAmBA,QAAI,IAAI;AAEjC,UAAM,SAASC,UAAAA;AAEf,UAAM,cAAcC,eAAAA;AAEd,UAAA,UAAUF,QAAI,KAAK;AAEnB,UAAA,gBAAgBA,QAAI,KAAK;AAEzB,UAAA,iBAAiBA,QAAI,KAAK;AAChC,UAAM,QAAQG,IAAA;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAE5C,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;AAG5C,UAAM,eAAe,YAAY;AAC/B,YAAM,SAAS,MAAM,OAAO,MAAM,SAAS;AAC3C,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AACA,oBAAc,QAAQ;AAAA,IAAA;AAGxB,UAAM,eAAeC,IAAAA,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAEK,UAAA,aAAa,OAAO,MAAc;AAChC,YAAA,SAAS,MAAM,YAAY;AAAA,QAC/B;AAAA,QACA;AAAA,MAAA;AAEE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3BC,oBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AACA,oBAAc,QAAQ;AACtBA,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  <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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/data-table-select/data-table-select.js

@@ -27,6 +27,9 @@ const DataTableSelect = /* @__PURE__ */ defineComponent({
     });
     const handleMousedown = async () => {
       var _a, _b;
+      if (props.disabled) {
+        return;
+      }
       const _dataTable = unref(dataTable);
       const _selections = (_a = unref(abstractSelectInstance)) == null ? void 0 : _a.selections;
       const selections = props.multiple ? _selections ?? [] : _selections ? [_selections] : [];

package/dist/esm/components/basic/data-table-select/data-table-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-select.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select.tsx"],"sourcesContent":["import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { ElSelect } from \"element-plus\";\nimport { Grid } from \"@element-plus/icons-vue\";\nimport {\n  dataTableSelectEmits,\n  dataTableSelectProps,\n} from \"./data-table-select-options\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport { DataTable, Dialoger, TableSelectCacheColumn } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKDataTableSelect\",\n  inheritAttrs: false,\n  props: dataTableSelectProps,\n  emits: dataTableSelectEmits,\n  setup(props, { emit }) {\n    const abstractSelectInstance: Ref<typeof MKAbstractSelect | null> =\n      ref(null);\n\n    const dataTable = computed(() => props.dataTable);\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    watch(\n      computed(\n        () => [unref(dataTable), props.multiple] as [DataTable, boolean]\n      ),\n      ([dataTable, multiple]) => {\n        dataTable.setSelectionColumn(new TableSelectCacheColumn({ multiple }));\n      },\n      { immediate: true }\n    );\n\n    const handleMousedown = async () => {\n      const _dataTable = unref(dataTable);\n\n      const _selections = unref(abstractSelectInstance)?.selections;\n\n      const selections = props.multiple\n        ? _selections ?? []\n        : _selections\n        ? [_selections]\n        : [];\n\n      _dataTable.setSelection(selections);\n\n      const result = await Dialoger.dataTableSelectDialog(unref(dataTable)!);\n      if (result.isConfirm) {\n        unref(abstractSelectInstance)?.setSelections(\n          props.multiple ? result.selections : result.selections[0]\n        );\n      }\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-data-table-select\" onMousedown={handleMousedown}>\n          <MKAbstractSelect\n            modelValue={unref(modelValue)}\n            onUpdate:model-value={(v: any) => {\n              modelValue.value = v;\n            }}\n            ref={(el) => (abstractSelectInstance.value = el as any)}\n            dataTable={props.dataTable}\n            objectValue={props.objectValue}\n            multiple={props.multiple}\n            labelFieldName={props.labelFieldName}\n            primaryFieldName={props.primaryFieldName}\n            formatOptions={props.formatOptions}\n            v-slots={{\n              default: ({ selectRecords, formatOptions }: any) => {\n                const options = selectRecords.map(formatOptions);\n\n                return (\n                  <ElSelect\n                    disabled={props.disabled}\n                    multiple={props.multiple}\n                    suffixIcon={Grid}\n                    popperClass=\"mk-data-table-select__popper\"\n                    clearable\n                    modelValue={props.multiple ? options : options[0] ?? null}\n                  />\n                );\n              },\n            }}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","dataTableSelectProps","emits","dataTableSelectEmits","setup","emit","abstractSelectInstance","ref","dataTable","computed","modelValue","get","set","v","watch","unref","multiple","setSelectionColumn","TableSelectCacheColumn","immediate","handleMousedown","_dataTable","_selections","selections","setSelection","result","Dialoger","dataTableSelectDialog","isConfirm","setSelections","_createVNode","MKAbstractSelect","value","el","objectValue","labelFieldName","primaryFieldName","formatOptions","default","selectRecords","options","map","ElSelect","disabled","Grid"],"mappings":";;;;;;AAUA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,yBACJC,IAAI,IAAI;AAEV,UAAMC,YAAYC,SAAS,MAAMT,MAAMQ,SAAS;AAEhD,UAAME,aAAaD,SAAS;AAAA,MAC1BE,KAAKA,MAAMX,MAAMU;AAAAA,MACjBE,KAAMC,OAAMR,KAAK,sBAAsBQ,CAAC;AAAA,IAC1C,CAAC;AAEDC,UACEL,SACE,MAAM,CAACM,MAAMP,SAAS,GAAGR,MAAMgB,QAAQ,CACzC,GACA,CAAC,CAACR,YAAWQ,QAAQ,MAAM;AACzBR,MAAAA,WAAUS,mBAAmB,IAAIC,uBAAuB;AAAA,QAAEF;AAAAA,MAAU,CAAA,CAAC;AAAA,IACvE,GACA;AAAA,MAAEG,WAAW;AAAA,IAAK,CACpB;AAEA,UAAMC,kBAAkB,YAAY;;AAClC,YAAMC,aAAaN,MAAMP,SAAS;AAElC,YAAMc,eAAcP,WAAMT,sBAAsB,MAA5BS,mBAA+BQ;AAEnD,YAAMA,aAAavB,MAAMgB,WACrBM,eAAe,CAAE,IACjBA,cACA,CAACA,WAAW,IACZ;AAEJD,iBAAWG,aAAaD,UAAU;AAElC,YAAME,SAAS,MAAMC,SAASC,sBAAsBZ,MAAMP,SAAS,CAAE;AACrE,UAAIiB,OAAOG,WAAW;AACpBb,oBAAMT,sBAAsB,MAA5BS,mBAA+Bc,cAC7B7B,MAAMgB,WAAWS,OAAOF,aAAaE,OAAOF,WAAW,CAAC;AAAA,MAE5D;AAAA;AAGF,WAAO,MAAM;AACX,aAAAO,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,eACiDV;AAAAA,SAAeU,CAAAA,YAAAC,kBAAA;AAAA,QAAA,cAE9ChB,MAAML,UAAU;AAAA,QAAC,wBACNG,OAAW;AAChCH,qBAAWsB,QAAQnB;AAAAA,QACpB;AAAA,QAAA,OACKoB,QAAQ3B,uBAAuB0B,QAAQC;AAAAA,QAAU,aAC5CjC,MAAMQ;AAAAA,QAAS,eACbR,MAAMkC;AAAAA,QAAW,YACpBlC,MAAMgB;AAAAA,QAAQ,kBACRhB,MAAMmC;AAAAA,QAAc,oBAClBnC,MAAMoC;AAAAA,QAAgB,iBACzBpC,MAAMqC;AAAAA,SACZ;AAAA,QACPC,SAASA,CAAC;AAAA,UAAEC;AAAAA,UAAeF;AAAAA,QAAmB,MAAM;AAClD,gBAAMG,UAAUD,cAAcE,IAAIJ,aAAa;AAE/C,iBAAAP,YAAAY,UAAA;AAAA,YAAA,YAEc1C,MAAM2C;AAAAA,YAAQ,YACd3C,MAAMgB;AAAAA,YAAQ,cACZ4B;AAAAA,YAAI,eAAA;AAAA,YAAA,aAAA;AAAA,YAAA,cAGJ5C,MAAMgB,WAAWwB,UAAUA,QAAQ,CAAC,KAAK;AAAA,UAAI,GAAA,IAAA;AAAA,QAG/D;AAAA,MACD,CAAA,CAAA,CAAA;AAAA;EAKX;AACF,CAAC;"}
+{"version":3,"file":"data-table-select.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select.tsx"],"sourcesContent":["import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { ElSelect } from \"element-plus\";\nimport { Grid } from \"@element-plus/icons-vue\";\nimport {\n  dataTableSelectEmits,\n  dataTableSelectProps,\n} from \"./data-table-select-options\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport { DataTable, Dialoger, TableSelectCacheColumn } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKDataTableSelect\",\n  inheritAttrs: false,\n  props: dataTableSelectProps,\n  emits: dataTableSelectEmits,\n  setup(props, { emit }) {\n    const abstractSelectInstance: Ref<typeof MKAbstractSelect | null> =\n      ref(null);\n\n    const dataTable = computed(() => props.dataTable);\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    watch(\n      computed(\n        () => [unref(dataTable), props.multiple] as [DataTable, boolean]\n      ),\n      ([dataTable, multiple]) => {\n        dataTable.setSelectionColumn(new TableSelectCacheColumn({ multiple }));\n      },\n      { immediate: true }\n    );\n\n    const handleMousedown = async () => {\n      if (props.disabled) {\n        return;\n      }\n\n      const _dataTable = unref(dataTable);\n\n      const _selections = unref(abstractSelectInstance)?.selections;\n\n      const selections = props.multiple\n        ? _selections ?? []\n        : _selections\n        ? [_selections]\n        : [];\n\n      _dataTable.setSelection(selections);\n\n      const result = await Dialoger.dataTableSelectDialog(unref(dataTable)!);\n      if (result.isConfirm) {\n        unref(abstractSelectInstance)?.setSelections(\n          props.multiple ? result.selections : result.selections[0]\n        );\n      }\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-data-table-select\" onMousedown={handleMousedown}>\n          <MKAbstractSelect\n            modelValue={unref(modelValue)}\n            onUpdate:model-value={(v: any) => {\n              modelValue.value = v;\n            }}\n            ref={(el) => (abstractSelectInstance.value = el as any)}\n            dataTable={props.dataTable}\n            objectValue={props.objectValue}\n            multiple={props.multiple}\n            labelFieldName={props.labelFieldName}\n            primaryFieldName={props.primaryFieldName}\n            formatOptions={props.formatOptions}\n            v-slots={{\n              default: ({ selectRecords, formatOptions }: any) => {\n                const options = selectRecords.map(formatOptions);\n\n                return (\n                  <ElSelect\n                    disabled={props.disabled}\n                    multiple={props.multiple}\n                    suffixIcon={Grid}\n                    popperClass=\"mk-data-table-select__popper\"\n                    clearable\n                    modelValue={props.multiple ? options : options[0] ?? null}\n                  />\n                );\n              },\n            }}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","dataTableSelectProps","emits","dataTableSelectEmits","setup","emit","abstractSelectInstance","ref","dataTable","computed","modelValue","get","set","v","watch","unref","multiple","setSelectionColumn","TableSelectCacheColumn","immediate","handleMousedown","disabled","_dataTable","_selections","selections","setSelection","result","Dialoger","dataTableSelectDialog","isConfirm","setSelections","_createVNode","MKAbstractSelect","value","el","objectValue","labelFieldName","primaryFieldName","formatOptions","default","selectRecords","options","map","ElSelect","Grid"],"mappings":";;;;;;AAUA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,yBACJC,IAAI,IAAI;AAEV,UAAMC,YAAYC,SAAS,MAAMT,MAAMQ,SAAS;AAEhD,UAAME,aAAaD,SAAS;AAAA,MAC1BE,KAAKA,MAAMX,MAAMU;AAAAA,MACjBE,KAAMC,OAAMR,KAAK,sBAAsBQ,CAAC;AAAA,IAC1C,CAAC;AAEDC,UACEL,SACE,MAAM,CAACM,MAAMP,SAAS,GAAGR,MAAMgB,QAAQ,CACzC,GACA,CAAC,CAACR,YAAWQ,QAAQ,MAAM;AACzBR,MAAAA,WAAUS,mBAAmB,IAAIC,uBAAuB;AAAA,QAAEF;AAAAA,MAAU,CAAA,CAAC;AAAA,IACvE,GACA;AAAA,MAAEG,WAAW;AAAA,IAAK,CACpB;AAEA,UAAMC,kBAAkB,YAAY;;AAClC,UAAIpB,MAAMqB,UAAU;AAClB;AAAA,MACF;AAEA,YAAMC,aAAaP,MAAMP,SAAS;AAElC,YAAMe,eAAcR,WAAMT,sBAAsB,MAA5BS,mBAA+BS;AAEnD,YAAMA,aAAaxB,MAAMgB,WACrBO,eAAe,CAAE,IACjBA,cACA,CAACA,WAAW,IACZ;AAEJD,iBAAWG,aAAaD,UAAU;AAElC,YAAME,SAAS,MAAMC,SAASC,sBAAsBb,MAAMP,SAAS,CAAE;AACrE,UAAIkB,OAAOG,WAAW;AACpBd,oBAAMT,sBAAsB,MAA5BS,mBAA+Be,cAC7B9B,MAAMgB,WAAWU,OAAOF,aAAaE,OAAOF,WAAW,CAAC;AAAA,MAE5D;AAAA;AAGF,WAAO,MAAM;AACX,aAAAO,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,eACiDX;AAAAA,SAAeW,CAAAA,YAAAC,kBAAA;AAAA,QAAA,cAE9CjB,MAAML,UAAU;AAAA,QAAC,wBACNG,OAAW;AAChCH,qBAAWuB,QAAQpB;AAAAA,QACpB;AAAA,QAAA,OACKqB,QAAQ5B,uBAAuB2B,QAAQC;AAAAA,QAAU,aAC5ClC,MAAMQ;AAAAA,QAAS,eACbR,MAAMmC;AAAAA,QAAW,YACpBnC,MAAMgB;AAAAA,QAAQ,kBACRhB,MAAMoC;AAAAA,QAAc,oBAClBpC,MAAMqC;AAAAA,QAAgB,iBACzBrC,MAAMsC;AAAAA,SACZ;AAAA,QACPC,SAASA,CAAC;AAAA,UAAEC;AAAAA,UAAeF;AAAAA,QAAmB,MAAM;AAClD,gBAAMG,UAAUD,cAAcE,IAAIJ,aAAa;AAE/C,iBAAAP,YAAAY,UAAA;AAAA,YAAA,YAEc3C,MAAMqB;AAAAA,YAAQ,YACdrB,MAAMgB;AAAAA,YAAQ,cACZ4B;AAAAA,YAAI,eAAA;AAAA,YAAA,aAAA;AAAA,YAAA,cAGJ5C,MAAMgB,WAAWyB,UAAUA,QAAQ,CAAC,KAAK;AAAA,UAAI,GAAA,IAAA;AAAA,QAG/D;AAAA,MACD,CAAA,CAAA,CAAA;AAAA;EAKX;AACF,CAAC;"}

package/dist/esm/components/basic/doc-editor/editor.vue.js

@@ -36,13 +36,14 @@ import DocThemeCss from "./themes/doc-theme.css.js";
 const _hoisted_1 = { class: "mk-doc-editor__stage_warp" };
 const _hoisted_2 = { class: "mk-doc-editor__stage_body" };
 const _hoisted_3 = { class: "mk-doc-editor__stage__placeholder mk-doc__paragraph" };
-const lowPriority = 1;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "MKDocEditor" },
   __name: "editor",
   props: {
     placeholder: { type: String, default: "这里输入正文..." },
-    content: { type: String, default: `` }
+    content: { type: String, default: `` },
+    js: { type: String, default: `` },
+    css: { type: String, default: `` }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -80,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       editor.registerCommand(DEVICE_VIEW_MODE, (payload) => {
         viewDevice.value = payload;
         return false;
-      }, lowPriority);
+      }, 1);
     };
     onMounted(() => {
       var _a, _b;
@@ -91,6 +92,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const docThemeStyle = document.createElement("style");
       docThemeStyle.innerHTML = DocThemeCss;
       doc.head.append(docThemeStyle);
+      props.js.split(",").forEach((path) => {
+        const script = document.createElement("script");
+        script.src = path;
+        script.setAttribute("crossorigin", "true");
+        doc.head.append(script);
+      });
+      props.css.split(",").forEach((path) => {
+        const link = document.createElement("link");
+        link.href = path;
+        link.setAttribute("crossorigin", "true");
+        doc.head.append(link);
+      });
       watch(viewDevice, (payload) => {
         doc.body.style.fontSize = payload == "pc" ? "14px" : "18px";
         updateStage();

package/dist/esm/components/basic/doc-editor/editor.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor.vue.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\n  <LexicalComposer :initial-config=\"config\" @init=\"lexicalInitHandler\">\n    <div class=\"mk-doc-editor\" :class=\"viewDevice\">\n      <ToolbarPlugin />\n      <div class=\"mk-doc-editor__stage_warp\">\n        <slot name=\"before-extentions\"></slot>\n        <div class=\"mk-doc-editor__stage_body\">\n          <slot name=\"header\"></slot>\n          <iframe title=\"iframe\" class=\"mk-doc-editor__stage_iframe\" ref=\"iframeContentRef\"></iframe>\n          <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\n            <LexicalRichTextPlugin :content=\"props.content\" @change=\"contentChangeHandle\">\n              <template #contentEditable>\n                <LexicalContentEditable />\n              </template>\n              <template #placeholder>\n                <div class=\"mk-doc-editor__stage__placeholder mk-doc__paragraph\">\n                  {{props.placeholder}}\n                </div>\n              </template>\n            </LexicalRichTextPlugin>\n          </Teleport>\n          <slot name=\"footer\"></slot>\n          <DocPlugin />\n        </div>\n        <slot name=\"after-extentions\"></slot>\n      </div>\n      \n    </div>\n    <LexicalHistoryPlugin />\n  </LexicalComposer>\n</template>\n\n<script setup lang=\"ts\">\nimport { defineOptions,defineProps,defineEmits,computed,ref,onMounted,watch,onUnmounted } from \"vue\"\nimport type {  LexicalEditor ,CommandListenerPriority} from 'lexical'\nimport { LexicalComposer,LexicalContentEditable, LexicalHistoryPlugin,LexicalRichTextPlugin } from './lexical-vue'\nimport ToolbarPlugin from \"./plugins/ToolbarPlugin/index.vue\"\nimport { DEVICE_VIEW_MODE } from \"./plugins/commands\"\nimport DocPlugin from \"./plugins/index.vue\"\n\nimport DocTheme from \"./themes/DocTheme\";\nimport DocNodes from \"./plugins/nodes\"\nimport DocEditorCss from \"./themes/doc-editor.css?raw\";\nimport DocThemeCss from \"./themes/doc-theme.css?raw\";\n\n// 定义组件\ndefineOptions({ name: \"MKDocEditor\" })\n\nconst lowPriority: CommandListenerPriority = 1\n\n// 事件\nconst emit = defineEmits(['change']);\n\n// 参数\nconst props = defineProps({\n  placeholder:{type:String,default:\"这里输入正文...\"},\n  content:{ type:String,default:`` }\n})\n\n// pc | mobile\nconst viewDevice = ref('pc')\n\n// 配置\nconst config = {\n  namespace: 'MyEditor',\n  theme: DocTheme,\n  nodes: [\n    ...DocNodes,\n  ],\n  onError(error:Error) {\n    // Catch any errors that occur during Lexical updates and log them\n    // or throw them as needed. If you don't throw them, Lexical will\n    // try to recover gracefully without losing user data.\n    console.error(error)\n  },\n}\n\n// iframe 编辑器\nconst iframeContentRef = ref(null as any);\nconst iframeBody = computed(()=>iframeContentRef.value?.contentWindow?.document?.body)\n\n//内容改变时\nconst updateStage = ()=>{\n  setTimeout(() => {\n    if(iframeBody.value?.scrollHeight > iframeBody.value?.offsetHeight){\n      iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\n    }\n  }, 10);\n}\nconst contentChangeHandle = (content:any)=>{\n  emit('change',content);\n  updateStage();\n}\n\n// 初始化\nconst lexicalInitHandler = (editor:LexicalEditor)=>{\n  editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\n    viewDevice.value = payload;\n    return false\n  },lowPriority)\n}\n\nonMounted(()=>{\n\n  const doc = iframeContentRef.value?.contentWindow?.document;\n  // 编辑器外观\n  const editorStyle = document.createElement(\"style\");\n  editorStyle.innerHTML = DocEditorCss;\n  doc.head.append(editorStyle);\n\n  // 皮肤样式\n  const docThemeStyle = document.createElement(\"style\");\n  docThemeStyle.innerHTML = DocThemeCss;\n  doc.head.append(docThemeStyle);\n\n\n  watch(viewDevice,(payload: string) => {\n    doc.body.style.fontSize = payload == \"pc\" ? \"14px\" : \"18px\";\n    updateStage();\n    return false\n  },{ immediate :true})\n});\n\n</script>\n"],"names":["DocNodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,cAAuC;;;;;;;;;;AAG7C,UAAM,OAAO;AAGb,UAAM,QAAQ;AAMR,UAAA,aAAa,IAAI,IAAI;AAG3B,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,GAAGA;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAS;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAGrF,UAAM,cAAc,MAAI;AACtB,iBAAW,MAAM;;AACf,cAAG,gBAAW,UAAX,mBAAkB,kBAAe,gBAAW,UAAX,mBAAkB,eAAa;AACjE,2BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,QAC9E;AAAA,SACC,EAAE;AAAA,IAAA;AAED,UAAA,sBAAsB,CAAC,YAAc;AACzC,WAAK,UAAS,OAAO;AACT;IAAA;AAIR,UAAA,qBAAqB,CAAC,WAAuB;AAC1C,aAAA,gBAAgB,kBAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,WAAW;AAAA,IAAA;AAGf,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAE7C,YAAA,cAAc,SAAS,cAAc,OAAO;AAClD,kBAAY,YAAY;AACpB,UAAA,KAAK,OAAO,WAAW;AAGrB,YAAA,gBAAgB,SAAS,cAAc,OAAO;AACpD,oBAAc,YAAY;AACtB,UAAA,KAAK,OAAO,aAAa;AAGvB,YAAA,YAAW,CAAC,YAAoB;AACpC,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAAA,IAAA,CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"editor.vue.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\r\n  <LexicalComposer :initial-config=\"config\" @init=\"lexicalInitHandler\">\r\n    <div class=\"mk-doc-editor\" :class=\"viewDevice\">\r\n      <ToolbarPlugin />\r\n      <div class=\"mk-doc-editor__stage_warp\">\r\n        <slot name=\"before-extentions\"></slot>\r\n        <div class=\"mk-doc-editor__stage_body\">\r\n          <slot name=\"header\"></slot>\r\n          <iframe title=\"iframe\" class=\"mk-doc-editor__stage_iframe\" ref=\"iframeContentRef\"></iframe>\r\n          <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\r\n            <LexicalRichTextPlugin :content=\"props.content\" @change=\"contentChangeHandle\">\r\n              <template #contentEditable>\r\n                <LexicalContentEditable />\r\n              </template>\r\n              <template #placeholder>\r\n                <div class=\"mk-doc-editor__stage__placeholder mk-doc__paragraph\">\r\n                  {{props.placeholder}}\r\n                </div>\r\n              </template>\r\n            </LexicalRichTextPlugin>\r\n          </Teleport>\r\n          <slot name=\"footer\"></slot>\r\n          <DocPlugin />\r\n        </div>\r\n        <slot name=\"after-extentions\"></slot>\r\n      </div>\r\n      \r\n    </div>\r\n    <LexicalHistoryPlugin />\r\n  </LexicalComposer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { defineOptions,defineProps,defineEmits,computed,ref,onMounted,watch } from \"vue\"\r\nimport type {  LexicalEditor } from 'lexical'\r\nimport { LexicalComposer,LexicalContentEditable, LexicalHistoryPlugin,LexicalRichTextPlugin } from './lexical-vue'\r\nimport ToolbarPlugin from \"./plugins/ToolbarPlugin/index.vue\"\r\nimport { DEVICE_VIEW_MODE } from \"./plugins/commands\"\r\nimport DocPlugin from \"./plugins/index.vue\"\r\n\r\nimport DocTheme from \"./themes/DocTheme\";\r\nimport DocNodes from \"./plugins/nodes\"\r\nimport DocEditorCss from \"./themes/doc-editor.css?raw\";\r\nimport DocThemeCss from \"./themes/doc-theme.css?raw\";\r\n\r\n// 定义组件\r\ndefineOptions({ name: \"MKDocEditor\" })\r\n\r\n// 事件\r\nconst emit = defineEmits(['change']);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  placeholder:{type:String,default:\"这里输入正文...\"},\r\n  content:{ type:String,default:`` },\r\n  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n\r\n// pc | mobile\r\nconst viewDevice = ref('pc')\r\n\r\n// 配置\r\nconst config = {\r\n  namespace: 'MyEditor',\r\n  theme: DocTheme,\r\n  nodes: [\r\n    ...DocNodes,\r\n  ],\r\n  onError(error:Error) {\r\n    // Catch any errors that occur during Lexical updates and log them\r\n    // or throw them as needed. If you don't throw them, Lexical will\r\n    // try to recover gracefully without losing user data.\r\n    console.error(error)\r\n  },\r\n}\r\n\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\n//内容改变时\r\nconst updateStage = ()=>{\r\n  setTimeout(() => {\r\n    if(iframeBody.value?.scrollHeight > iframeBody.value?.offsetHeight){\r\n      iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\r\n    }\r\n  }, 10);\r\n}\r\nconst contentChangeHandle = (content:any)=>{\r\n  emit('change',content);\r\n  updateStage();\r\n}\r\n\r\n// 初始化\r\nconst lexicalInitHandler = (editor:LexicalEditor)=>{\r\n  editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\r\n    viewDevice.value = payload;\r\n    return false\r\n  },1)\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n  const doc = iframeContentRef.value?.contentWindow?.document;\r\n  // 编辑器外观\r\n  const editorStyle = document.createElement(\"style\");\r\n  editorStyle.innerHTML = DocEditorCss;\r\n  doc.head.append(editorStyle);\r\n\r\n  // 皮肤样式\r\n  const docThemeStyle = document.createElement(\"style\");\r\n  docThemeStyle.innerHTML = DocThemeCss;\r\n  doc.head.append(docThemeStyle);\r\n\r\n  // 扩展的js和css\r\n  props.js.split(\",\").forEach(path=>{\r\n    const script = document.createElement(\"script\");\r\n    script.src = path;\r\n    script.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(script);\r\n  })\r\n  props.css.split(\",\").forEach(path=>{\r\n    const link = document.createElement(\"link\");\r\n    link.href = path;\r\n    link.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(link);\r\n  })\r\n\r\n  watch(viewDevice,(payload: string) => {\r\n    doc.body.style.fontSize = payload == \"pc\" ? \"14px\" : \"18px\";\r\n    updateStage();\r\n    return false\r\n  },{ immediate :true})\r\n});\r\n\r\n</script>\r\n"],"names":["DocNodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAQR,UAAA,aAAa,IAAI,IAAI;AAG3B,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,GAAGA;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAS;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAGrF,UAAM,cAAc,MAAI;AACtB,iBAAW,MAAM;;AACf,cAAG,gBAAW,UAAX,mBAAkB,kBAAe,gBAAW,UAAX,mBAAkB,eAAa;AACjE,2BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,QAC9E;AAAA,SACC,EAAE;AAAA,IAAA;AAED,UAAA,sBAAsB,CAAC,YAAc;AACzC,WAAK,UAAS,OAAO;AACT;IAAA;AAIR,UAAA,qBAAqB,CAAC,WAAuB;AAC1C,aAAA,gBAAgB,kBAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,CAAC;AAAA,IAAA;AAGL,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAE7C,YAAA,cAAc,SAAS,cAAc,OAAO;AAClD,kBAAY,YAAY;AACpB,UAAA,KAAK,OAAO,WAAW;AAGrB,YAAA,gBAAgB,SAAS,cAAc,OAAO;AACpD,oBAAc,YAAY;AACtB,UAAA,KAAK,OAAO,aAAa;AAG7B,YAAM,GAAG,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC1B,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AACD,YAAM,IAAI,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC3B,cAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,OAAO;AACP,aAAA,aAAa,eAAc,MAAM;AAClC,YAAA,KAAK,OAAO,IAAI;AAAA,MAAA,CACrB;AAEK,YAAA,YAAW,CAAC,YAAoB;AACpC,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAAA,IAAA,CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/business/resource-manager/resource-manager.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, unref, onMounted, resolveDirective, openBlock, createElementBlock, Fragment, withDirectives, createElementVNode, createBlock, withCtx, createTextVNode, createCommentVNode, renderSlot, createVNode, renderList, toDisplayString } from "vue";
+import { defineComponent, ref, computed, unref, onMounted, resolveComponent, resolveDirective, openBlock, createElementBlock, Fragment, withDirectives, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createTextVNode, createCommentVNode, renderSlot, renderList } from "vue";
 import { ElButton, ElDialog, ElMessageBox, ElMessage } from "element-plus";
 import "../../basic/svg-icon/index.js";
 import "../../basic/button/button-options.js";
@@ -25,10 +25,12 @@ import "../../basic/image-cropper/index.js";
 import { MKResourceList } from "../resource-list/index.js";
 import { ResourceManager } from "../resource-list/ResourceManager.js";
 const _hoisted_1 = { class: "resource-manager" };
-const _hoisted_2 = { class: "resource-manager-tools" };
+const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
+const _hoisted_3 = { style: { "margin-left": "10px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "resource-manager",
   props: {
+    title: { type: String, default: "" },
     resourceManager: {
       type: ResourceManager,
       required: true
@@ -158,40 +160,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unref(resourceManager).loadResourceInfoList();
     });
     return (_ctx, _cache) => {
+      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
+      const _component_el_page_header = resolveComponent("el-page-header");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createElementBlock(Fragment, null, [
         withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            selectResourceCount.value > 0 ? (openBlock(), createBlock(unref(ElButton), {
-              key: 0,
-              type: "danger",
-              onClick: handleDeleteClick
-            }, {
-              default: withCtx(() => [
-                createTextVNode(" 删除 ")
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            selectResourceCount.value === 1 && !resourceManager.value.selectResourceList[0].isDirectory ? (openBlock(), createBlock(unref(ElButton), {
-              key: 1,
-              onClick: handleEdit
-            }, {
-              default: withCtx(() => [
-                createTextVNode(" 编辑 ")
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            selectResourceCount.value === 1 && !resourceManager.value.selectResourceList[0].isDirectory ? (openBlock(), createBlock(unref(ElButton), {
-              key: 2,
-              onClick: _cache[0] || (_cache[0] = ($event) => handleDownload())
-            }, {
-              default: withCtx(() => [
-                createTextVNode(" 下载 ")
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "tools")
-          ]),
+          createVNode(_component_el_page_header, {
+            style: { "background-color": "#fff", "padding": "10px" },
+            icon: null
+          }, {
+            title: withCtx(() => [
+              createElementVNode("h3", _hoisted_2, [
+                createVNode(_component_MKSvgIcon, {
+                  iconClass: "sucaiku",
+                  style: { "margin-right": "5px" }
+                }),
+                createElementVNode("span", _hoisted_3, toDisplayString(props.title), 1)
+              ])
+            ]),
+            extra: withCtx(() => [
+              selectResourceCount.value > 0 ? (openBlock(), createBlock(unref(ElButton), {
+                key: 0,
+                type: "danger",
+                onClick: handleDeleteClick
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 删除 ")
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              selectResourceCount.value === 1 && !resourceManager.value.selectResourceList[0].isDirectory ? (openBlock(), createBlock(unref(ElButton), {
+                key: 1,
+                onClick: handleEdit
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 编辑 ")
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              selectResourceCount.value === 1 && !resourceManager.value.selectResourceList[0].isDirectory ? (openBlock(), createBlock(unref(ElButton), {
+                key: 2,
+                onClick: _cache[0] || (_cache[0] = ($event) => handleDownload())
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 下载 ")
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "tools")
+            ]),
+            _: 3
+          }),
           createVNode(unref(MKResourceList), {
             resourceManager: resourceManager.value,
             onDrop: handleDrop