@maketribe/ms-app 3.2.41 → 3.2.43

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

@@ -33,6 +33,37 @@ require("../../components/basic/doc-editor/index.js");
 require("../../components/basic/copy-container/index.js");
 require("../../components/basic/image-cropper/index.js");
 require("../../components/basic/visual-page-editor/index.js");
+require("../../components/basic/lexical-editor/assets/iconfont.js");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("../../components/basic/lexical-editor/utils/html.js");
+require("../../components/basic/lexical-editor/utils/image.js");
+require("@element-plus/icons-vue");
+require("../../components/basic/lexical-editor/composables/useElementBlockSelection.js");
+require("@lexical/history");
+;/* empty css                                                                     */
+require("../../components/basic/lexical-editor/nodes/ModuleDecoratorNode.js");
+require("../../components/basic/lexical-editor/nodes/ImageNode.js");
+require("../../components/basic/lexical-editor/nodes/ImageTextWarpNode.js");
+require("../../components/basic/lexical-editor/nodes/Template.js");
+;/* empty css                                                                              */
+;/* empty css                                                                */
+;/* empty css                                                                */
+require("../../components/basic/lexical-editor/plugins/RichTextEditorPlugin.js");
+require("../../components/basic/lexical-editor/plugins/HashtagPlugin.js");
+require("../../components/basic/lexical-editor/plugins/ListPlugin.js");
+require("../../components/basic/lexical-editor/plugins/CheckListPlugin.js");
+require("../../components/basic/lexical-editor/plugins/TablePlugin.js");
+;/* empty css                                                          */
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("../../components/basic/lexical-editor/stage/DecoratedTeleports.js");
+;/* empty css                                                      */
 require("../../components/data-model/data-form/index.js");
 require("../../components/data-model/data-table/index.js");
 require("../../components/data-model/data-table-pagination/index.js");

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\r\n  <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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/cjs/style.css

@@ -0,0 +1,263 @@
+.lexical-editor-node-tree[data-v-873c3ba2] {
+  display: flex;
+  align-items: center;
+  min-height: 30px;
+}
+.lexical-editor-node-tree > .item[data-v-873c3ba2] {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+.lexical-editor-node-tree > .item .text[data-v-873c3ba2] {
+  padding: 5px 5px 5px 7px;
+  display: flex;
+  align-items: center;
+}
+.lexical-editor-node-tree > .item:last-child .el-icon--right[data-v-873c3ba2] {
+  display: none;
+}.mk-doc-editor-shortcut-tools-warp[data-v-6efcbbca] {
+  position: absolute;
+  z-index: 1;
+  background-color: rgb(255, 255, 255);
+  box-shadow: rgb(204, 204, 204) 1px -3px 7px 4px;
+  padding: 5px;
+  top: 15px;
+  left: 494px;
+}[data-v-a3ff2954].font-color,[data-v-a3ff2954].bg-color {
+  padding: 0;
+  margin-left: 0 !important;
+}
+[data-v-a3ff2954].font-color .el-color-picker,[data-v-a3ff2954].bg-color .el-color-picker {
+  height: 30px;
+}
+[data-v-a3ff2954].font-color .el-color-picker > .el-color-picker__trigger,[data-v-a3ff2954].bg-color .el-color-picker > .el-color-picker__trigger {
+  border: none;
+  position: relative;
+  padding: 0;
+  box-sizing: border-box;
+  width: 30px;
+  height: 30px;
+}
+[data-v-a3ff2954].font-color .el-color-picker > .el-color-picker__trigger > .el-color-picker__color,[data-v-a3ff2954].bg-color .el-color-picker > .el-color-picker__trigger > .el-color-picker__color {
+  border: 0;
+  position: relative;
+}
+[data-v-a3ff2954].font-color .el-color-picker > .el-color-picker__trigger > .el-color-picker__color .el-color-picker__color-inner,[data-v-a3ff2954].bg-color .el-color-picker > .el-color-picker__trigger > .el-color-picker__color .el-color-picker__color-inner {
+  position: absolute;
+  height: 3px;
+  bottom: 2px;
+  left: 10%;
+  width: 80%;
+  outline: 1px solid #ccc;
+}
+[data-v-a3ff2954].font-color .el-color-picker > .el-color-picker__trigger > .el-color-picker__color .el-color-picker__color-inner .el-icon,[data-v-a3ff2954].bg-color .el-color-picker > .el-color-picker__trigger > .el-color-picker__color .el-color-picker__color-inner .el-icon {
+  display: none;
+}
+[data-v-a3ff2954].font-color .el-color-picker > .el-color-picker__trigger::before,[data-v-a3ff2954].bg-color .el-color-picker > .el-color-picker__trigger::before {
+  content: "A";
+  font-weight: bold;
+  font-size: 20px;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
+}
+[data-v-a3ff2954].bg-color .el-color-picker > .el-color-picker__trigger > .el-color-picker__color {
+  background-image: linear-gradient(45deg, #f4f4f4 25%, transparent 25%), linear-gradient(-45deg, #f4f4f4 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f4f4f4 75%), linear-gradient(-45deg, transparent 75%, #f4f4f4 75%);
+  background-size: 5px 5px;
+  background-position: 0 0, 0 -10px, -10px 10px, 10px 0px;
+  box-sizing: content-box;
+}
+[data-v-a3ff2954].bg-color .el-color-picker > .el-color-picker__trigger > .el-color-picker__color .el-color-picker__color-inner {
+  height: 100%;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  outline: none;
+}
+[data-v-a3ff2954].bg-color .el-color-picker > .el-color-picker__trigger::before {
+  color: #fff;
+  text-shadow: 0 0 3px #555;
+}
+.font-style .el-button[data-v-a3ff2954] .mk-svg-icon {
+  font-size: 18px;
+}
+.el-dropdown .el-button[data-v-a3ff2954] {
+  padding: 8px;
+}
+.el-button-group[data-v-a3ff2954] :button {
+  font-size: 16px;
+  padding: 8px;
+}
+.el-button.is-text:not(.is-disabled).active[data-v-a3ff2954] {
+  background-color: var(--el-fill-color);
+}.lexical-editor-toolsbar-insert-proper .mk-svg-icon {
+  font-size: 18px;
+}.mk-doc-editor__module-template_dialog_warp {
+  height: 600px;
+  display: flex;
+  flex-direction: column;
+}
+.mk-doc-editor__module-template_dialog_list-body {
+  flex: 1;
+  height: 100%;
+  overflow: auto;
+  padding-top: 10px;
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  gap: 10px;
+}
+.mk-doc-editor__module-template_dialog_list-item {
+  width: 49%;
+  height: 150px;
+  display: flex;
+  background-color: #dedede;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-sizing: border-box;
+  position: relative;
+  border: 2px solid #dedede;
+}
+.mk-doc-editor__module-template_dialog_list-item.active {
+  border-color: #2196F3;
+}
+.mk-doc-editor__module-template_dialog_list-item_title {
+  text-align: center;
+}
+.mk-doc-editor__module-template_dialog_list-item.cover img {
+  object-fit: contain;
+  padding: 10px;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+.mk-doc-editor__module-template_dialog_list-item.cover > .mk-doc-editor__module-template_dialog_list-item_title {
+  width: 100%;
+  height: 100%;
+  display: none;
+  background-color: rgba(13, 13, 13, 0.7019607843);
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.mk-doc-editor__module-template_dialog_list-item.cover:hover > .mk-doc-editor__module-template_dialog_list-item_title {
+  display: flex;
+}
+.mk-doc-editor-stage-iframe[data-v-cfceb4b3]{
+  width: 100%;
+  min-height: 100%;
+  z-index: 0;
+  position: relative;
+  overflow: hidden;
+  background-color: #fff;  
+  margin: 0;
+  border: 0;
+}
+.mk-doc-editor-toolbar[data-v-fa8b9e47] {
+  background-color: #fff;
+  padding: 10px 20px;
+  z-index: 1;
+  text-align: center;
+}
+.mk-doc-editor[data-v-fa8b9e47] {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.mk-doc-editor__stage_warp[data-v-fa8b9e47] {
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 0 10px 10px 10px;
+  overflow: auto;
+  box-sizing: border-box;
+}
+.mk-doc-editor__stage_tree_view[data-v-fa8b9e47] {
+  position: sticky;
+  top: 0;
+  background-color: #f4f4f4;
+  width: 100%;
+  z-index: 999;
+}
+.mk-doc-editor__stage_body[data-v-fa8b9e47] {
+  z-index: 0;
+  position: relative;
+  padding-top: 10px;
+  max-width: 1400px;
+  width: 100%;
+  min-height: calc(100% - 60px);
+  margin: auto;
+}
+.mk-doc-editor__view_warp[data-v-fa8b9e47] {
+  display: flex;
+  background-color: var(--mk-container-border-color);
+  overflow: auto;
+  height: calc(100vh - 50px);
+  padding-top: 10px;
+}
+.mk-doc-editor__module-template_dialog_warp[data-v-fa8b9e47] {
+  height: 600px;
+  display: flex;
+  flex-direction: column;
+}
+.mk-doc-editor__module-template_dialog_list-body[data-v-fa8b9e47] {
+  flex: 1;
+  height: 100%;
+  overflow: auto;
+  padding-top: 10px;
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  gap: 10px;
+}
+.mk-doc-editor__module-template_dialog_list-item[data-v-fa8b9e47] {
+  width: 49%;
+  height: 150px;
+  display: flex;
+  background-color: #dedede;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-sizing: border-box;
+  position: relative;
+  border: 2px solid #dedede;
+}
+.mk-doc-editor__module-template_dialog_list-item.active[data-v-fa8b9e47] {
+  border-color: #2196F3;
+}
+.mk-doc-editor__module-template_dialog_list-item_title[data-v-fa8b9e47] {
+  text-align: center;
+}
+.mk-doc-editor__module-template_dialog_list-item.cover img[data-v-fa8b9e47] {
+  object-fit: contain;
+  padding: 10px;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+.mk-doc-editor__module-template_dialog_list-item.cover > .mk-doc-editor__module-template_dialog_list-item_title[data-v-fa8b9e47] {
+  width: 100%;
+  height: 100%;
+  display: none;
+  background-color: rgba(13, 13, 13, 0.7019607843);
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.mk-doc-editor__module-template_dialog_list-item.cover:hover > .mk-doc-editor__module-template_dialog_list-item_title[data-v-fa8b9e47] {
+  display: flex;
+}

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

@@ -1,155 +1,8 @@
-import { defineComponent, ref, computed, onMounted, watch, resolveDirective, openBlock, createBlock, withCtx, withDirectives, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, renderSlot, Teleport, createCommentVNode } from "vue";
-import _sfc_main$1 from "./core/LexicalComposer.vue.js";
-import { DEVICE_VIEW_MODE } from "./core/index.js";
-import _sfc_main$5 from "./plugins/AutoLinkPlugin/index.vue.js";
-import _sfc_main$4 from "./plugins/ImagePlugin/index.vue.js";
-import _sfc_main$2 from "./plugins/ToolbarPlugin/index.vue.js";
-import _sfc_main$8 from "./plugins/ElementBlockSelectionPlugin/index.vue.js";
-import _sfc_main$6 from "./plugins/ModulePlugin/index.vue.js";
-import _sfc_main$7 from "./plugins/GridPlugin/index.vue.js";
-import _sfc_main$9 from "./plugins/TemplatePlugin/index.vue.js";
-import Nodes from "./nodes.js";
-import { useModule } from "./plugins/ModulePlugin/composables.js";
-import { Templates } from "./plugins/TemplatePlugin/composables.js";
-import theme from "./themes/DocTheme.js";
-import DocEditorCss from "./themes/doc-editor.css.js";
-import DocEditorEditCss from "./themes/doc-editor-edit.css.js";
-import DocThemeCss from "./themes/doc-theme.css.js";
-import _sfc_main$3 from "./core/plugins/LexicalRichTextPlugin/index.vue.js";
-import _sfc_main$a from "./core/plugins/LexicalAutoFocusPlugin.vue.js";
-import _sfc_main$b from "./core/plugins/LexicalCheckListPlugin.vue.js";
-import _sfc_main$c from "./core/plugins/LexicalHashtagPlugin.vue.js";
-import _sfc_main$d from "./core/plugins/LexicalListPlugin.vue.js";
-import _sfc_main$e from "./core/plugins/LexicalHistoryPlugin.vue.js";
-const _hoisted_1 = { class: "mk-doc-editor__stage_warp" };
-const _hoisted_2 = { class: "mk-doc-editor__stage_body" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "MKDocEditor" },
-  __name: "editor",
-  props: {
-    placeholder: { type: String, default: "这里输入正文..." },
-    content: { type: String, default: `` },
-    loading: { type: Boolean, defualt: false },
-    js: { type: String, default: `` },
-    css: { type: String, default: `` }
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const config = {
-      namespace: "MyEditor",
-      theme,
-      nodes: [
-        ...Nodes
-      ],
-      onError(error) {
-        console.error(error);
-      }
-    };
-    const iframeContentRef = ref(null);
-    const iframeBody = computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = iframeContentRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.document) == null ? void 0 : _c.body;
-    });
-    const updateStage = () => {
-      setTimeout(() => {
-        var _a, _b, _c;
-        if (((_a = iframeBody.value) == null ? void 0 : _a.scrollHeight) > ((_b = iframeBody.value) == null ? void 0 : _b.offsetHeight)) {
-          iframeContentRef.value.style.height = ((_c = iframeBody.value) == null ? void 0 : _c.scrollHeight) + 10 + "px";
-        }
-      }, 10);
-    };
-    const contentChangeHandle = (content) => {
-      emit("change", content);
-      updateStage();
-    };
-    onMounted(() => {
-      var _a, _b;
-      const doc = (_b = (_a = iframeContentRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.document;
-      const { Modules } = useModule();
-      const style = document.createElement("style");
-      style.setAttribute("type", "text/css");
-      style.innerHTML = [DocEditorCss, DocThemeCss, DocEditorEditCss].join("\r\n");
-      style.innerHTML += Modules.filter((item) => item.editorCss).map((item) => item.editorCss).join("\r\n");
-      style.innerHTML += Templates.filter((item) => item.editorCss).map((item) => item.editorCss).join("\r\n");
-      doc.head.append(style);
-      props.js.split(",").filter((item) => !!item).forEach((path) => {
-        const script = document.createElement("script");
-        script.src = path;
-        script.setAttribute("crossorigin", "true");
-        doc.head.append(script);
-      });
-      props.css.split(",").filter((item) => !!item).forEach((path) => {
-        const link = document.createElement("link");
-        link.href = path;
-        link.setAttribute("rel", "stylesheet");
-        link.setAttribute("crossorigin", "true");
-        doc.head.append(link);
-      });
-      watch(DEVICE_VIEW_MODE, (payload) => {
-        doc.body.style.fontSize = payload == "pc" ? "14px" : "18px";
-        updateStage();
-        return false;
-      }, { immediate: true });
-      setTimeout(() => updateStage(), 500);
-    });
-    return (_ctx, _cache) => {
-      const _directive_loading = resolveDirective("loading");
-      return openBlock(), createBlock(_sfc_main$1, { "initial-config": config }, {
-        default: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", {
-            class: normalizeClass(["mk-doc-editor", unref(DEVICE_VIEW_MODE)])
-          }, [
-            createVNode(unref(_sfc_main$2), {
-              js: __props.js,
-              css: __props.css
-            }, null, 8, ["js", "css"]),
-            createElementVNode("div", _hoisted_1, [
-              renderSlot(_ctx.$slots, "before-extentions"),
-              createElementVNode("div", _hoisted_2, [
-                renderSlot(_ctx.$slots, "header"),
-                createElementVNode("iframe", {
-                  title: "iframe",
-                  class: "mk-doc-editor__stage_iframe",
-                  ref_key: "iframeContentRef",
-                  ref: iframeContentRef
-                }, null, 512),
-                iframeBody.value ? (openBlock(), createBlock(Teleport, {
-                  key: 0,
-                  to: iframeBody.value
-                }, [
-                  createVNode(unref(_sfc_main$3), {
-                    content: props.content,
-                    onChange: contentChangeHandle,
-                    placeholder: __props.placeholder
-                  }, null, 8, ["content", "placeholder"]),
-                  createVNode(unref(_sfc_main$4)),
-                  createVNode(unref(_sfc_main$5)),
-                  createVNode(unref(_sfc_main$6)),
-                  createVNode(unref(_sfc_main$7))
-                ], 8, ["to"])) : createCommentVNode("", true),
-                createVNode(unref(_sfc_main$8)),
-                renderSlot(_ctx.$slots, "footer")
-              ]),
-              renderSlot(_ctx.$slots, "after-extentions")
-            ])
-          ], 2)), [
-            [_directive_loading, __props.loading]
-          ]),
-          createVNode(unref(_sfc_main$9)),
-          createVNode(unref(_sfc_main$a)),
-          createVNode(unref(_sfc_main$b)),
-          createVNode(unref(_sfc_main$c)),
-          createVNode(unref(_sfc_main$d)),
-          createVNode(unref(_sfc_main$e))
-        ]),
-        _: 3
-      });
-    };
-  }
-});
+import _sfc_main from "./editor.vue2.js";
+/* empty css            */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const Editor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fa8b9e47"]]);
 export {
-  _sfc_main as default
+  Editor as default
 };
 //# sourceMappingURL=editor.vue.js.map

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>\r\n  <LexicalComposer :initial-config=\"config\">\r\n    <div class=\"mk-doc-editor\" v-loading=\"loading\" :class=\"DEVICE_VIEW_MODE\">\r\n      <ToolbarPlugin  :js=\"js\" :css=\"css\"  />\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\" :placeholder=\"placeholder\">\r\n            </LexicalRichTextPlugin>\r\n            <ImagePlugin />\r\n            <AutoLinkPlugin />\r\n            <ModulePlugin />\r\n            <GridPlugin />\r\n          </Teleport>\r\n          <ElementBlockSelectionPlugin />\r\n          <slot name=\"footer\"></slot>\r\n        </div>\r\n        <slot name=\"after-extentions\"></slot>\r\n      </div>\r\n      \r\n    </div>\r\n    <TemplatePlguin />\r\n    <LexicalAutoFocusPlugin />\r\n    <LexicalCheckListPlugin />\r\n    <LexicalHashtagPlugin />\r\n    <LexicalListPlugin />\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 LexicalComposer from \"./core/LexicalComposer.vue\"\r\nimport { \r\n  DEVICE_VIEW_MODE,\r\n  LexicalAutoFocusPlugin,\r\n  LexicalCheckListPlugin,\r\n  LexicalHashtagPlugin,\r\n  LexicalHistoryPlugin,\r\n  LexicalListPlugin,\r\n  LexicalRichTextPlugin,\r\n} from \"./core\"\r\n\r\nimport { \r\n  ToolbarPlugin,\r\n  AutoLinkPlugin,\r\n  ImagePlugin,\r\n  ElementBlockSelectionPlugin,\r\n  GridPlugin,\r\n  ModulePlugin,\r\n  TemplatePlguin\r\n} from \"./plugins\"\r\n\r\nimport DocNodes from \"./nodes\"\r\n\r\nimport { useModule } from \"./plugins/ModulePlugin/composables\"\r\nimport { Templates } from \"./plugins/TemplatePlugin/composables\"\r\nimport DocTheme from \"./themes/DocTheme\";\r\nimport DocEditorCss from \"./themes/doc-editor.css?raw\";\r\nimport DocEditorEditCss from \"./themes/doc-editor-edit.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  loading:{ type:Boolean,defualt:false},\r\n  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n \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\nonMounted(()=>{\r\n\r\n  const doc = iframeContentRef.value?.contentWindow?.document;\r\n  const { Modules } = useModule(); \r\n\r\n  // 样式\r\n  const style = document.createElement(\"style\");\r\n  style.setAttribute(\"type\",\"text/css\")\r\n\r\n  // 默认样式\r\n  style.innerHTML = [DocEditorCss,DocThemeCss,DocEditorEditCss].join(\"\\r\\n\");\r\n\r\n  //模块渲染样式\r\n  style.innerHTML += Modules.filter(item=>item.editorCss).map(item=>item.editorCss).join(\"\\r\\n\");\r\n\r\n  //模版渲染样式\r\n  style.innerHTML += Templates.filter(item=>item.editorCss).map(item=>item.editorCss).join(\"\\r\\n\");\r\n\r\n  doc.head.append(style);\r\n\r\n  // 扩展的js和css\r\n  props.js.split(\",\").filter(item=>!!item).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\r\n  props.css.split(\",\").filter(item=>!!item).forEach(path=>{\r\n    const link = document.createElement(\"link\");\r\n    link.href = path;\r\n    link.setAttribute(\"rel\",\"stylesheet\")\r\n    link.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(link);\r\n  })\r\n\r\n  // 设备显示模式改变\r\n  watch(DEVICE_VIEW_MODE,(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  setTimeout(()=> updateStage(),500)\r\n});\r\n\r\n</script>\r\n"],"names":["DocNodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAUd,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;AAGd,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAC7C,YAAA,EAAE,YAAY;AAGd,YAAA,QAAQ,SAAS,cAAc,OAAO;AACtC,YAAA,aAAa,QAAO,UAAU;AAGpC,YAAM,YAAY,CAAC,cAAa,aAAY,gBAAgB,EAAE,KAAK,MAAM;AAGzE,YAAM,aAAa,QAAQ,OAAO,CAAA,SAAM,KAAK,SAAS,EAAE,IAAI,CAAM,SAAA,KAAK,SAAS,EAAE,KAAK,MAAM;AAG7F,YAAM,aAAa,UAAU,OAAO,CAAA,SAAM,KAAK,SAAS,EAAE,IAAI,CAAM,SAAA,KAAK,SAAS,EAAE,KAAK,MAAM;AAE3F,UAAA,KAAK,OAAO,KAAK;AAGf,YAAA,GAAG,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AAC/C,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AAEK,YAAA,IAAI,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AAChD,cAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,OAAO;AACP,aAAA,aAAa,OAAM,YAAY;AAC/B,aAAA,aAAa,eAAc,MAAM;AAClC,YAAA,KAAK,OAAO,IAAI;AAAA,MAAA,CACrB;AAGK,YAAA,kBAAiB,CAAC,YAAoB;AAC1C,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAGT,iBAAA,MAAK,eAAc,GAAG;AAAA,IAAA,CAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"editor.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,4 +1,81 @@
-import _sfc_main from "./editor.vue.js";
+import { defineComponent, computed, resolveDirective, openBlock, createBlock, unref, withCtx, withDirectives, createElementBlock, mergeProps, createElementVNode, createVNode, renderSlot } from "vue";
+import "../lexical-editor/assets/iconfont.js";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../lexical-editor/utils/html.js";
+import "@maketribe/dm";
+import "element-plus";
+import "../lexical-editor/utils/image.js";
+import "@element-plus/icons-vue";
+import "../lexical-editor/composables/useElementBlockSelection.js";
+import "@lexical/history";
+import NodeTreeViewPlugin from "../lexical-editor/plugins/NodeTreeViewPlugin.vue.js";
+import ElementBlockSelectionPlugin from "../lexical-editor/plugins/ElementBlockSelectionPlugin.vue.js";
+import ToolbarPlugin from "../lexical-editor/plugins/ToolbarPlugin.vue.js";
+import _sfc_main$1 from "../lexical-editor/LexicalComposer.vue.js";
+/* empty css                                     */
+import EditorStage from "../lexical-editor/stage/index.vue.js";
+const _hoisted_1 = { class: "mk-doc-editor-toolbar" };
+const _hoisted_2 = { class: "mk-doc-editor__stage_warp" };
+const _hoisted_3 = { class: "mk-doc-editor__stage_body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "editor",
+  props: {
+    modelValue: { type: String, default: "" },
+    editable: { default: true, type: Boolean },
+    namespace: { type: String, default: "" },
+    placeholder: { type: String, default: "这里输入正文..." },
+    loading: { type: Boolean, defualt: false },
+    js: { type: String, default: `` },
+    css: { type: String, default: `` }
+  },
+  emits: ["error", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const docContent = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createBlock(unref(_sfc_main$1), {
+        modelValue: docContent.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => docContent.value = $event),
+        importCss: __props.css,
+        importScripts: __props.js,
+        namespace: __props.namespace
+      }, {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "mk-doc-editor" }, _ctx.$attrs), [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(unref(ToolbarPlugin))
+            ]),
+            createElementVNode("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "before-extentions", {}, void 0, true),
+              createVNode(unref(NodeTreeViewPlugin), { class: "mk-doc-editor__stage_tree_view" }),
+              createElementVNode("div", _hoisted_3, [
+                renderSlot(_ctx.$slots, "header", {}, void 0, true),
+                createVNode(unref(EditorStage), { class: "mk-doc-editor__stage_iframe" }),
+                createVNode(unref(ElementBlockSelectionPlugin)),
+                renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+              ]),
+              renderSlot(_ctx.$slots, "after-extentions", {}, void 0, true)
+            ])
+          ], 16)), [
+            [_directive_loading, __props.loading]
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue", "importCss", "importScripts", "namespace"]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"editor.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"editor.vue2.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\r\n  <LexicalComposer v-model=\"docContent\" :importCss=\"css\" :importScripts=\"js\" :namespace=\"namespace\">\r\n    <div class=\"mk-doc-editor\" v-bind=\"$attrs\" v-loading=\"loading\">\r\n      <div class=\"mk-doc-editor-toolbar\">\r\n        <ToolbarPlugin />\r\n      </div>\r\n      \r\n      <div class=\"mk-doc-editor__stage_warp\">\r\n        <slot name=\"before-extentions\"></slot>\r\n        <NodeTreeViewPlugin class=\"mk-doc-editor__stage_tree_view\" />\r\n        <div class=\"mk-doc-editor__stage_body\">\r\n          <slot name=\"header\"></slot>\r\n          <EditorStage class=\"mk-doc-editor__stage_iframe\" />\r\n          <ElementBlockSelectionPlugin />\r\n          <slot name=\"footer\"></slot>\r\n        </div>\r\n        <slot name=\"after-extentions\"></slot>\r\n      </div>\r\n     \r\n    </div>\r\n  </LexicalComposer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { \r\n  LexicalComposer,EditorStage,NodeTreeViewPlugin,\r\n  ElementBlockSelectionPlugin,ToolbarPlugin\r\n} from '../lexical-editor'\r\nimport { computed } from \"vue\"\r\n\r\nconst props = defineProps({ \r\n  modelValue:{ type:String,default:\"\"},\r\n  editable: { default:true,type:Boolean },\r\n  namespace: { type:String,default:\"\" },\r\n  placeholder:{type:String,default:\"这里输入正文...\"},\r\n  loading:{ type:Boolean,defualt:false},\r\n  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'error', error: Error): void,\r\n  (e: 'update:modelValue',value:string ): void\r\n}>()\r\n\r\n// 文档内容\r\nconst docContent = computed({\r\n  get:()=>props.modelValue,\r\n  set:v=>emit('update:modelValue',v)\r\n})\r\n\r\n</script>\r\n<style scoped lang=\"scss\">\r\n\r\n.mk-doc-editor-toolbar{\r\n  background-color: #fff;\r\n  padding: 10px 20px;\r\n  z-index: 1;\r\n  text-align: center;\r\n\r\n}\r\n\r\n.mk-doc-editor{\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  &__stage_warp{\r\n    width: 100%;\r\n    height: 100%; \r\n    z-index: 0;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 0 10px 10px 10px;\r\n    overflow: auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  &__stage_tree_view{\r\n    position: sticky;\r\n    top:0;\r\n    background-color: #f4f4f4;\r\n    width: 100%;\r\n    z-index: 999;\r\n  }\r\n  &__stage_body{  \r\n    z-index: 0;\r\n    position: relative;\r\n    padding-top:10px;\r\n    max-width: 1400px;\r\n    width: 100%;    \r\n    min-height: calc(100% - 60px);\r\n    margin: auto;\r\n  }\r\n\r\n  &__view_warp{\r\n    display: flex;\r\n    background-color: var(--mk-container-border-color);\r\n    overflow: auto;    \r\n    height: calc(100vh - 50px);\r\n    padding-top: 10px;\r\n  }\r\n\r\n  &__module-template{\r\n    &_dialog{\r\n        &_warp{\r\n          height:600px;\r\n          display: flex;\r\n          flex-direction: column;\r\n        }\r\n        &_list-body{\r\n          flex: 1;\r\n          height: 100%;\r\n          overflow: auto;\r\n          padding-top: 10px;\r\n          box-sizing: border-box;\r\n          display: flex;\r\n          flex-wrap: wrap;    \r\n          align-content: flex-start;\r\n          gap: 10px;\r\n        }\r\n        &_list-item{\r\n          width: 49%;\r\n          height: 150px;\r\n          display: flex;\r\n          background-color: #dedede;\r\n          align-items: center;\r\n          justify-content: center;\r\n          cursor: pointer;\r\n          box-sizing: border-box;\r\n          position: relative;\r\n          border: 2px solid #dedede;    \r\n\r\n          &.active{\r\n            border-color:#2196F3;\r\n          }\r\n          &_title{\r\n            text-align:center;\r\n          }\r\n          &.cover{\r\n            img{\r\n              object-fit: contain;\r\n              padding: 10px;\r\n              width: 100%;\r\n              height: 100%;    \r\n              box-sizing: border-box;\r\n            }\r\n            >.mk-doc-editor__module-template_dialog_list-item_title{\r\n              width: 100%;\r\n              height: 100%;\r\n              display: none;\r\n              background-color: #0d0d0db3;\r\n              align-items: center;\r\n              justify-content: center;\r\n              color:#fff;\r\n              position: absolute;\r\n              top:0;\r\n              left:0;\r\n            }\r\n            &:hover{\r\n              >.mk-doc-editor__module-template_dialog_list-item_title{\r\n                display: flex;\r\n              }\r\n            }\r\n          }\r\n        }\r\n    }\r\n  }\r\n}\r\n\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAMb,UAAM,aAAa,SAAS;AAAA,MAC1B,KAAI,MAAI,MAAM;AAAA,MACd,KAAI,CAAA,MAAG,KAAK,qBAAoB,CAAC;AAAA,IAAA,CAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,8 @@
 import { withInstall } from "@maketribe/utils";
-import _sfc_main from "./editor.vue.js";
-import { registerDocTemplate } from "./plugins/TemplatePlugin/composables.js";
-const MKDocEditor = withInstall(_sfc_main);
+import Editor from "./editor.vue.js";
+const MKDocEditor = withInstall(Editor);
 export {
   MKDocEditor,
-  MKDocEditor as default,
-  registerDocTemplate
+  MKDocEditor as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/doc-editor/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport Editor from \"./editor.vue\";\r\nimport { registerDocModule } from \"./plugins/ModulePlugin/composables\";\r\nimport { registerDocTemplate } from \"./plugins/TemplatePlugin/composables\";\r\n\r\nexport const MKDocEditor = withInstall(Editor);\r\n\r\nexport { registerDocModule,registerDocTemplate }\r\n\r\nexport default MKDocEditor;\r\n\r\n"],"names":["Editor"],"mappings":";;;AAKa,MAAA,cAAc,YAAYA,SAAM;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/doc-editor/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport Editor from \"./editor.vue\";\r\n\r\nexport const MKDocEditor = withInstall(Editor);\r\n\r\nexport default MKDocEditor;\r\n\r\n"],"names":[],"mappings":";;AAGa,MAAA,cAAc,YAAY,MAAM;"}

package/dist/esm/components/basic/{doc-editor/themes → lexical-editor}/DocTheme.js

@@ -36,7 +36,7 @@ const theme = {
   },
   embedBlock: {
     base: "mk-doc__embedBlock",
-    focus: "mk-doc__embedBlockFocus"
+    focus: "mk-doc__node-selection"
   },
   hashtag: "mk-doc__hashtag",
   heading: {

package/dist/esm/components/basic/lexical-editor/DocTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocTheme.js","sources":["../../../../../src/components/basic/lexical-editor/DocTheme.ts"],"sourcesContent":["/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n */\r\n\r\nimport type { EditorThemeClasses } from 'lexical'\r\n\r\nconst theme: EditorThemeClasses = {\r\n  blockCursor: 'mk-doc__blockCursor',\r\n  characterLimit: 'mk-doc__characterLimit',\r\n  code: 'mk-doc__code',\r\n  codeHighlight: {\r\n    'atrule': 'mk-doc__tokenAttr',\r\n    'attr': 'mk-doc__tokenAttr',\r\n    'boolean': 'mk-doc__tokenProperty',\r\n    'builtin': 'mk-doc__tokenSelector',\r\n    'cdata': 'mk-doc__tokenComment',\r\n    'char': 'mk-doc__tokenSelector',\r\n    'class': 'mk-doc__tokenFunction',\r\n    'class-name': 'mk-doc__tokenFunction',\r\n    'comment': 'mk-doc__tokenComment',\r\n    'constant': 'mk-doc__tokenProperty',\r\n    'deleted': 'mk-doc__tokenProperty',\r\n    'doctype': 'mk-doc__tokenComment',\r\n    'entity': 'mk-doc__tokenOperator',\r\n    'function': 'mk-doc__tokenFunction',\r\n    'important': 'mk-doc__tokenVariable',\r\n    'inserted': 'mk-doc__tokenSelector',\r\n    'keyword': 'mk-doc__tokenAttr',\r\n    'namespace': 'mk-doc__tokenVariable',\r\n    'number': 'mk-doc__tokenProperty',\r\n    'operator': 'mk-doc__tokenOperator',\r\n    'prolog': 'mk-doc__tokenComment',\r\n    'property': 'mk-doc__tokenProperty',\r\n    'punctuation': 'mk-doc__tokenPunctuation',\r\n    'regex': 'mk-doc__tokenVariable',\r\n    'selector': 'mk-doc__tokenSelector',\r\n    'string': 'mk-doc__tokenSelector',\r\n    'symbol': 'mk-doc__tokenProperty',\r\n    'tag': 'mk-doc__tokenProperty',\r\n    'url': 'mk-doc__tokenOperator',\r\n    'variable': 'mk-doc__tokenVariable',\r\n  },\r\n  embedBlock: {\r\n    base: 'mk-doc__embedBlock',\r\n    focus: 'mk-doc__node-selection',\r\n  },\r\n  hashtag: 'mk-doc__hashtag',\r\n  heading: {\r\n    h1: 'mk-doc__h1',\r\n    h2: 'mk-doc__h2',\r\n    h3: 'mk-doc__h3',\r\n    h4: 'mk-doc__h4',\r\n    h5: 'mk-doc__h5',\r\n    h6: 'mk-doc__h6',\r\n  },\r\n  image: 'mk-doc__img',\r\n  indent: 'mk-doc__indent',\r\n  layoutContainer: 'mk-doc__layoutContainer',\r\n  layoutItem: 'mk-doc__layoutItem',\r\n  link: 'mk-doc__link',\r\n  list: {\r\n    checklist: 'mk-doc__checklist',\r\n    listitem: 'mk-doc__listItem',\r\n    listitemChecked: 'mk-doc__listItemChecked',\r\n    listitemUnchecked: 'mk-doc__listItemUnchecked',\r\n    nested: {\r\n      listitem: 'mk-doc__nestedListItem',\r\n    },\r\n    olDepth: [\r\n      'mk-doc__ol1',\r\n      'mk-doc__ol2',\r\n      'mk-doc__ol3',\r\n      'mk-doc__ol4',\r\n      'mk-doc__ol5',\r\n    ],\r\n    ul: 'mk-doc__ul',\r\n  },\r\n  ltr: 'mk-doc__ltr',\r\n  mark: 'mk-doc__mark',\r\n  markOverlap: 'mk-doc__markOverlap',\r\n  paragraph: 'mk-doc__paragraph',\r\n  quote: 'mk-doc__quote',\r\n  rtl: 'mk-doc__rtl',\r\n  table: 'mk-doc__table',\r\n  tableAddColumns: 'mk-doc__tableAddColumns',\r\n  tableAddRows: 'mk-doc__tableAddRows',\r\n  tableCell: 'mk-doc__tableCell',\r\n  tableCellActionButton: 'mk-doc__tableCellActionButton',\r\n  tableCellActionButtonContainer:\r\n    'mk-doc__tableCellActionButtonContainer',\r\n  tableCellEditing: 'mk-doc__tableCellEditing',\r\n  tableCellHeader: 'mk-doc__tableCellHeader',\r\n  tableCellPrimarySelected: 'mk-doc__tableCellPrimarySelected',\r\n  tableCellResizer: 'mk-doc__tableCellResizer',\r\n  tableCellSelected: 'mk-doc__tableCellSelected',\r\n  tableCellSortedIndicator: 'mk-doc__tableCellSortedIndicator',\r\n  tableResizeRuler: 'mk-doc__tableCellResizeRuler',\r\n  tableSelected: 'mk-doc__tableSelected',\r\n  tableSelection: 'mk-doc__tableSelection',\r\n  text: {\r\n    bold: 'mk-doc__textBold',\r\n    code: 'mk-doc__textCode',\r\n    italic: 'mk-doc__textItalic',\r\n    strikethrough: 'mk-doc__textStrikethrough',\r\n    subscript: 'mk-doc__textSubscript',\r\n    superscript: 'mk-doc__textSuperscript',\r\n    underline: 'mk-doc__textUnderline',\r\n    underlineStrikethrough: 'mk-doc__textUnderlineStrikethrough',\r\n  }\r\n}\r\n\r\nexport default theme\r\n"],"names":[],"mappings":"AAUA,MAAM,QAA4B;AAAA,EAChC,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,eAAe;AAAA,IACb,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,aAAa;AAAA,IACb,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,QAAQ;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,IAAI;AAAA,EACN;AAAA,EACA,KAAK;AAAA,EACL,MAAM;AAAA,EACN,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,KAAK;AAAA,EACL,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,uBAAuB;AAAA,EACvB,gCACE;AAAA,EACF,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,WAAW;AAAA,IACX,aAAa;AAAA,IACb,WAAW;AAAA,IACX,wBAAwB;AAAA,EAC1B;AACF;"}