npm - @maketribe/ms-app - Versions diffs - 3.2.26 → 3.2.28 - Mend

@maketribe/ms-app 3.2.26 → 3.2.28

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

Files changed (207) hide show

package/dist/cjs/modules/cms/pages/cms-settigns/DocModuleEditForm.vue.js ADDED Viewed

@@ -0,0 +1,312 @@
+"use strict";
+const vue = require("vue");
+require("@maketribe/dm");
+const elementPlus = require("element-plus");
+require("@maketribe/utils");
+require("../../../../core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("../../../ms/dataviews/ms-config/MsConfigTable.js");
+require("lodash-es");
+require("../../../../components/basic/svg-icon/index.js");
+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");
+require("../../../../components/abstract/abstract-select/abstract-select.js");
+require("../../../../components/abstract/abstract-select/abstract-select-options.js");
+require("../../../../components/basic/button/button-options.js");
+require("../../../../components/basic/config-provider/index.js");
+require("../../../../components/basic/data-table-select/index.js");
+require("../../../../components/basic/data-select/index.js");
+require("../../../../components/basic/pagination/index.js");
+require("../../../../components/basic/system-provider/index.js");
+const index$1 = require("../../../../components/basic/code-editor/index.js");
+require("../../../../components/basic/json-editor/index.js");
+require("../../../../components/basic/page-container/index.js");
+require("../../../../components/basic/date-picker/index.js");
+require("../../../../components/basic/icon-select/index.js");
+require("../../../../components/basic/upload-file/upload-file.js");
+require("../../../../components/basic/upload-file/context/web-file-upload-context.js");
+require("../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
+require("../../../../components/basic/upload-file/ui/upload-image/index.js");
+require("../../../../components/basic/upload-file/ui/upload-file/index.js");
+require("../../../../components/basic/upload-file/ui/upload-video/index.js");
+require("../../../../components/basic/upload-file/upload-file-options.js");
+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/business/verify-dialog/verify-dialog-option.js");
+require("../../../../components/business/resource-list/index.js");
+require("../../../../components/business/resource-manager/index.js");
+require("../../../ms/dataviews/department/DepartmentForm.js");
+require("../../../ms/dataviews/department/DepartmentTable.js");
+require("../../../ms/dataviews/department/DepartmentTree.js");
+require("../../../ms/dataviews/log/operate-log/OperateLogTable.js");
+require("../../../ms/dataviews/log/login-log/LoginLogTable.js");
+require("../../../ms/dataviews/log/request-log/RequestLogTable.js");
+require("../../../ms/dataviews/log/local-log/LocalLogTree.js");
+require("../../../ms/components/material-list/index.js");
+require("../../../ms/components/markdown-editor/index.js");
+require("../../../ms/components/rich-text-editor/index.js");
+require("@element-plus/icons-vue");
+require("../../../ms/material-upload-context/material-upload-context-options.js");
+require("../../../ms/material-upload-context/material-upload-context.js");
+const index = require("../../../ms/image-upload-context/index.js");
+const langJson = require("@codemirror/lang-json");
+const langHtml = require("@codemirror/lang-html");
+const langCss = require("@codemirror/lang-css");
+const _hoisted_1 = { style: { "width": "500px", "max-height": "700px", "overflow": "auto" } };
+const _hoisted_2 = { style: { "display": "flex", "justify-content": "space-between" } };
+const _hoisted_3 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "DocModuleEditForm",
+  props: { modules: { type: Array, default() {
+    return [];
+  } } },
+  setup(__props) {
+    const props = __props;
+    const dialogVisible = vue.ref(false);
+    const dialogTitle = vue.ref("添加模块");
+    const curEditModule = vue.ref(null);
+    const disabledName = vue.ref(false);
+    const addModuleHandle = () => {
+      dialogTitle.value = "添加模块";
+      curEditModule.value = {
+        name: "",
+        title: "新增模块",
+        cover: "",
+        template: "",
+        editorCss: "",
+        options: ""
+      };
+      dialogVisible.value = true;
+      disabledName.value = false;
+    };
+    const editModuleHandle = (data) => {
+      dialogTitle.value = `编辑模块【${data.name}】`;
+      curEditModule.value = Object.assign({}, data, {
+        options: JSON.stringify(data.options, null, 4)
+      });
+      dialogVisible.value = true;
+      disabledName.value = true;
+    };
+    const deleteModuleHandle = (data) => {
+      elementPlus.ElMessageBox.confirm(`确认删除模块【${data.name}】？`).then(() => {
+        let modules = props.modules;
+        for (let i = 0; i < modules.length; i++) {
+          if (modules[i].name == data.name) {
+            modules.splice(i, 1);
+            console.log(modules);
+            break;
+          }
+        }
+        dialogVisible.value = false;
+      }).catch((e) => {
+        console.log(e);
+        elementPlus.ElMessage.error({ message: "删除失败！" });
+      });
+    };
+    const saveModuleHandle = () => {
+      var _a, _b;
+      try {
+        if (curEditModule.value) {
+          const oldModule = (_a = props.modules) == null ? void 0 : _a.find((item) => curEditModule.value.name == item.name);
+          if (oldModule != null) {
+            Object.assign(oldModule, curEditModule.value, {
+              options: JSON.parse(curEditModule.value.options)
+            });
+          } else {
+            (_b = props.modules) == null ? void 0 : _b.push(Object.assign({}, curEditModule.value, {
+              options: JSON.parse(curEditModule.value.options)
+            }));
+          }
+        }
+        curEditModule.value = null;
+        dialogVisible.value = false;
+      } catch (error) {
+        console.log(error);
+        elementPlus.ElMessage.error({ message: "配置有误，保存失败！" });
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_card = vue.resolveComponent("el-card");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_MKUploadImage = vue.resolveComponent("MKUploadImage");
+      const _component_el_form = vue.resolveComponent("el-form");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.modules, (mod) => {
+          return vue.openBlock(), vue.createBlock(_component_el_card, {
+            style: { "width": "100%", "margin-top": "10px", "box-sizing": "border-box" },
+            shadow: "hover"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.createElementVNode("div", null, vue.toDisplayString(mod.title) + " [" + vue.toDisplayString(mod.name) + "]", 1),
+                vue.createElementVNode("div", null, [
+                  vue.createVNode(_component_el_button, {
+                    type: "primary",
+                    text: "",
+                    onClick: ($event) => editModuleHandle(mod)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("编辑")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]),
+                  vue.createVNode(_component_el_button, {
+                    type: "danger",
+                    text: "",
+                    onClick: ($event) => deleteModuleHandle(mod)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("删除")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1024);
+        }), 256)),
+        vue.createVNode(_component_el_button, {
+          type: "primary",
+          onClick: addModuleHandle,
+          style: { "width": "100%", "margin-top": "10px", "box-sizing": "border-box" }
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode("添加模块")
+          ]),
+          _: 1
+        }),
+        vue.createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => dialogVisible.value = $event),
+          title: dialogTitle.value,
+          width: 800
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createVNode(_component_el_button, {
+                onClick: _cache[6] || (_cache[6] = ($event) => dialogVisible.value = false)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                onClick: saveModuleHandle
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 保存 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            curEditModule.value ? (vue.openBlock(), vue.createBlock(_component_el_form, {
+              key: 0,
+              model: curEditModule.value,
+              "label-width": "auto",
+              "label-position": "top",
+              style: { "max-height": "500px", "overflow": "auto", "padding": "20px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_form_item, { label: "模块名称 : " }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_input, {
+                      modelValue: curEditModule.value.name,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => curEditModule.value.name = $event),
+                      disabled: disabledName.value,
+                      clearable: ""
+                    }, null, 8, ["modelValue", "disabled"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_form_item, {
+                  label: "模块描述 : ",
+                  style: { "margin-bottom": "20px" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_input, {
+                      modelValue: curEditModule.value.title,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => curEditModule.value.title = $event),
+                      clearable: ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_form_item, {
+                  label: "模块封面图 : ",
+                  style: { "margin-bottom": "20px" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_MKUploadImage, {
+                      modelValue: curEditModule.value.cover,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => curEditModule.value.cover = $event),
+                      width: "700px",
+                      height: "300px",
+                      uploadContext: new (vue.unref(index.ImageUploadContext))("")
+                    }, null, 8, ["modelValue", "uploadContext"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_form_item, {
+                  label: "模块HTML模版 : ",
+                  style: { "margin-bottom": "20px" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index$1.MKCodeEditor), {
+                      modelValue: curEditModule.value.template,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => curEditModule.value.template = $event),
+                      extensions: [vue.unref(langHtml.html)()],
+                      style: { "border": "1px solid #ccc" }
+                    }, null, 8, ["modelValue", "extensions"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_form_item, {
+                  label: "模块配置面板 : ",
+                  style: { "margin-bottom": "20px" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index$1.MKCodeEditor), {
+                      modelValue: curEditModule.value.options,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => curEditModule.value.options = $event),
+                      extensions: [vue.unref(langJson.json)()],
+                      style: { "border": "1px solid #ccc" }
+                    }, null, 8, ["modelValue", "extensions"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_form_item, { label: "模块编辑样式 : " }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index$1.MKCodeEditor), {
+                      modelValue: curEditModule.value.editorCss,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => curEditModule.value.editorCss = $event),
+                      extensions: [vue.unref(langCss.css)()],
+                      style: { "border": "1px solid #ccc" }
+                    }, null, 8, ["modelValue", "extensions"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=DocModuleEditForm.vue.js.map

package/dist/cjs/modules/cms/pages/cms-settigns/DocModuleEditForm.vue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DocModuleEditForm.vue.js","sources":["../../../../../../src/modules/cms/pages/cms-settigns/DocModuleEditForm.vue"],"sourcesContent":["<template>\r\n <div style=\" width: 500px;max-height: 700px;overflow: auto;\">\r\n <el-card v-for=\"mod in modules\" style=\"width: 100%;margin-top: 10px;box-sizing: border-box;\" shadow=\"hover\">\r\n <div style=\"display: flex; justify-content: space-between;\">\r\n <div>{{mod.title}} [{{mod.name}}]</div>\r\n <div>\r\n <el-button type=\"primary\" text @click=\"editModuleHandle(mod)\">编辑</el-button>\r\n <el-button type=\"danger\" text @click=\"deleteModuleHandle(mod)\">删除</el-button>\r\n </div>\r\n </div>\r\n </el-card>\r\n <el-button type=\"primary\" @click=\"addModuleHandle\" style=\"width: 100%;margin-top: 10px;box-sizing: border-box;\">添加模块</el-button>\r\n <el-dialog v-model=\"dialogVisible\" :title=\"dialogTitle\" :width=\"800\">\r\n <el-form v-if=\"curEditModule\" :model=\"curEditModule\" label-width=\"auto\" label-position=\"top\" style=\"max-height: 500px;overflow: auto;padding: 20px;\">\r\n <el-form-item label=\"模块名称 : \">\r\n <el-input v-model=\"curEditModule.name\" :disabled=\"disabledName\" clearable />\r\n </el-form-item>\r\n <el-form-item label=\"模块描述 : \" style=\"margin-bottom: 20px;\">\r\n <el-input v-model=\"curEditModule.title\" clearable />\r\n </el-form-item>\r\n <el-form-item label=\"模块封面图 : \" style=\"margin-bottom: 20px;\">\r\n <MKUploadImage v-model=\"curEditModule.cover\" width=\"700px\" height=\"300px\" :uploadContext=\"new ImageUploadContext('')\">\r\n\r\n </MKUploadImage>\r\n </el-form-item>\r\n <el-form-item label=\"模块HTML模版 : \" style=\"margin-bottom: 20px;\">\r\n <MKCodeEditor v-model=\"curEditModule.template\" :extensions=\"[html()]\" style=\"border: 1px solid #ccc;\">\r\n\r\n </MKCodeEditor>\r\n </el-form-item>\r\n <el-form-item label=\"模块配置面板 : \" style=\"margin-bottom: 20px;\">\r\n <MKCodeEditor v-model=\"curEditModule.options\" :extensions=\"[json()]\" style=\"border: 1px solid #ccc;\">\r\n\r\n </MKCodeEditor>\r\n </el-form-item>\r\n <el-form-item label=\"模块编辑样式 : \">\r\n <MKCodeEditor v-model=\"curEditModule.editorCss\" :extensions=\"[css()]\" style=\"border: 1px solid #ccc;\">\r\n\r\n </MKCodeEditor>\r\n </el-form-item>\r\n </el-form>\r\n <template #footer>\r\n <div class=\"dialog-footer\">\r\n <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n <el-button type=\"primary\" @click=\"saveModuleHandle\"> 保存 </el-button>\r\n </div>\r\n </template>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n \r\n<script setup lang=\"ts\">\r\nimport { defineProps,watch,ref } from \"vue\"\r\nimport { ImageUploadContext } from \"../../../ms\";\r\nimport { ModuleType } from \"../../../../components/basic/doc-editor/plugins/ModulePlugin/composables\"\r\nimport { MKCodeEditor } from \"../../../../components/basic/code-editor\";\r\nimport { ElMessageBox,ElMessage } from 'element-plus'\r\nimport { json } from \"@codemirror/lang-json\";\r\nimport { html } from \"@codemirror/lang-html\";\r\nimport { css } from \"@codemirror/lang-css\";\r\n\r\nconst props = defineProps({ modules:{ type:Array<ModuleType>,default(){ return [] } } })\r\nconst dialogVisible = ref<boolean>(false)\r\nconst dialogTitle = ref<string>(\"添加模块\")\r\nconst curEditModule = ref<any>(null)\r\nconst disabledName = ref<boolean>(false)\r\n \r\n// 添加模块\r\nconst addModuleHandle = ()=>{\r\n dialogTitle.value = \"添加模块\";\r\n curEditModule.value = {\r\n name:\"\",\r\n title:\"新增模块\",\r\n cover:\"\",\r\n template:\"\",\r\n editorCss:\"\",\r\n options:\"\"\r\n };\r\n dialogVisible.value = true;\r\n disabledName.value = false;\r\n}\r\n\r\n// 编辑模块\r\nconst editModuleHandle = (data:any)=>{\r\n dialogTitle.value = `编辑模块【${data.name}】`;\r\n curEditModule.value = Object.assign({},data,{\r\n options:JSON.stringify(data.options,null,4)\r\n });\r\n dialogVisible.value = true;\r\n disabledName.value = true;\r\n}\r\n\r\n// 删除模块\r\nconst deleteModuleHandle = (data:any)=>{\r\n\r\n ElMessageBox.confirm(`确认删除模块【${data.name}】？`).then(() => {\r\n\r\n let modules = props.modules;\r\n\r\n for(let i = 0;i < modules.length; i++){\r\n if(modules[i].name == data.name){\r\n modules.splice(i,1);\r\n console.log(modules);\r\n break;\r\n }\r\n }\r\n\r\n dialogVisible.value = false;\r\n })\r\n .catch(e => {\r\n // catch error\r\n console.log(e);\r\n ElMessage.error({ message:\"删除失败！\"});\r\n })\r\n}\r\n\r\n// 保存模块\r\nconst saveModuleHandle = ()=>{\r\n \r\n try {\r\n if(curEditModule.value){\r\n\r\n const oldModule = props.modules?.find(item=>curEditModule.value.name == item.name)\r\n\r\n if(oldModule != null){\r\n Object.assign(oldModule,curEditModule.value,{\r\n options:JSON.parse(curEditModule.value.options)\r\n })\r\n }\r\n else{\r\n props.modules?.push(Object.assign({},curEditModule.value,{\r\n options:JSON.parse(curEditModule.value.options)\r\n }))\r\n }\r\n }\r\n\r\n curEditModule.value = null;\r\n dialogVisible.value = false;\r\n } catch (error) {\r\n console.log(error)\r\n ElMessage.error({ message:\"配置有误，保存失败！\"});\r\n }\r\n}\r\n\r\n </script>\r\n "],"names":["ref","ElMessageBox","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,UAAM,QAAQ;AACR,UAAA,gBAAgBA,QAAa,KAAK;AAClC,UAAA,cAAcA,QAAY,MAAM;AAChC,UAAA,gBAAgBA,QAAS,IAAI;AAC7B,UAAA,eAAeA,QAAa,KAAK;AAGvC,UAAM,kBAAkB,MAAI;AAC1B,kBAAY,QAAQ;AACpB,oBAAc,QAAQ;AAAA,QACpB,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAM;AAAA,QACN,UAAS;AAAA,QACT,WAAU;AAAA,QACV,SAAQ;AAAA,MAAA;AAEV,oBAAc,QAAQ;AACtB,mBAAa,QAAQ;AAAA,IAAA;AAIjB,UAAA,mBAAmB,CAAC,SAAW;AACvB,kBAAA,QAAQ,QAAQ,KAAK,IAAI;AACrC,oBAAc,QAAQ,OAAO,OAAO,CAAA,GAAG,MAAK;AAAA,QACtC,SAAQ,KAAK,UAAU,KAAK,SAAQ,MAAK,CAAC;AAAA,MAAA,CAC3C;AACL,oBAAc,QAAQ;AACtB,mBAAa,QAAQ;AAAA,IAAA;AAIjB,UAAA,qBAAqB,CAAC,SAAW;AAErCC,+BAAa,QAAQ,UAAU,KAAK,IAAI,IAAI,EAAE,KAAK,MAAM;AAEvD,YAAI,UAAU,MAAM;AAEpB,iBAAQ,IAAI,GAAE,IAAI,QAAQ,QAAQ,KAAI;AACpC,cAAG,QAAQ,CAAC,EAAE,QAAQ,KAAK,MAAK;AACtB,oBAAA,OAAO,GAAE,CAAC;AAClB,oBAAQ,IAAI,OAAO;AACnB;AAAA,UACF;AAAA,QACF;AAEA,sBAAc,QAAQ;AAAA,MAAA,CACvB,EACA,MAAM,CAAK,MAAA;AAEV,gBAAQ,IAAI,CAAC;AACbC,oBAAAA,UAAU,MAAM,EAAE,SAAQ,QAAQ,CAAA;AAAA,MAAA,CACnC;AAAA,IAAA;AAIH,UAAM,mBAAmB,MAAI;;AAEvB,UAAA;AACF,YAAG,cAAc,OAAM;AAEf,gBAAA,aAAY,WAAM,YAAN,mBAAe,KAAK,UAAM,cAAc,MAAM,QAAQ,KAAK;AAE7E,cAAG,aAAa,MAAK;AACZ,mBAAA,OAAO,WAAU,cAAc,OAAM;AAAA,cAC1C,SAAQ,KAAK,MAAM,cAAc,MAAM,OAAO;AAAA,YAAA,CAC/C;AAAA,UAAA,OAEC;AACF,wBAAM,YAAN,mBAAe,KAAK,OAAO,OAAO,CAAC,GAAE,cAAc,OAAM;AAAA,cACvD,SAAQ,KAAK,MAAM,cAAc,MAAM,OAAO;AAAA,YAC/C,CAAA;AAAA,UACH;AAAA,QACF;AAEA,sBAAc,QAAQ;AACtB,sBAAc,QAAQ;AAAA,eACf,OAAO;AACd,gBAAQ,IAAI,KAAK;AACjBA,oBAAAA,UAAU,MAAM,EAAE,SAAQ,aAAa,CAAA;AAAA,MACzC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/modules/cms/pages/cms-settigns/DocModuleEditForm.vue2.js ADDED Viewed

@@ -0,0 +1,4 @@
+"use strict";
+const DocModuleEditForm_vue_vue_type_script_setup_true_lang = require("./DocModuleEditForm.vue.js");
+module.exports = DocModuleEditForm_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=DocModuleEditForm.vue2.js.map

package/dist/cjs/modules/cms/pages/cms-settigns/DocModuleEditForm.vue2.js.map ADDED Viewed

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

package/dist/cjs/modules/cms/pages/cms-settigns/index.vue2.js CHANGED Viewed

@@ -9,6 +9,7 @@ require("vue-router");
 require("@maketribe/request");
 require("@maketribe/locale");
 const MsConfigTable = require("../../../ms/dataviews/ms-config/MsConfigTable.js");
+const DocModuleEditForm_vue_vue_type_script_setup_true_lang = require("./DocModuleEditForm.vue.js");
 const _hoisted_1 = {
   class: "mk-cms-appsettings__warp",
   style: { "height": "100%", "display": "flex", "flex-direction": "column" }
@@ -142,6 +143,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       })
                     ]),
                     _: 1
+                  }, 8, ["model"]),
+                  vue.createVNode(_component_el_form, {
+                    model: vue.unref(CmsSettings),
+                    "label-width": "auto",
+                    "label-position": "top"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_form_item, { label: "文档模块 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(DocModuleEditForm_vue_vue_type_script_setup_true_lang, {
+                            modules: vue.unref(CmsSettings).docModules
+                          }, null, 8, ["modules"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
                   }, 8, ["model"])
                 ]),
                 _: 1

package/dist/cjs/modules/cms/pages/cms-settigns/index.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-settigns/index.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-cms-appsettings__warp\" v-loading=\"loading\" style=\"\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\">\r\n <el-page-header style=\"background-color: #fff; padding: 10px\" :icon=\"null\">\r\n <template #title>\r\n <h3 style=\"color: var(--el-text-color-regular); margin-left: 10px\">\r\n <MKSvgIcon iconClass=\"Operation\" style=\"margin-right: 5px\" />\r\n CMS应用设置\r\n </h3>\r\n </template>\r\n <template #extra>\r\n <div>\r\n <el-button-group>\r\n <el-button type=\"primary\" size=\"large\" text :disabled=\"!changed\" @click=\"saveHandle\">\r\n <MKSvgIcon iconClass=\"save\" />\r\n 保存\r\n </el-button>\r\n </el-button-group>\r\n </div>\r\n </template>\r\n </el-page-header>\r\n <div class=\"mk-cms-appsettings__form_warp\" style=\"\r\n background: #fff;\r\n flex: 1;\r\n height: 100%;\r\n padding: 10px;\r\n margin: 10px;\r\n overflow: auto;\r\n \">\r\n <el-tabs v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n <el-tab-pane label=\"发布设置\" name=\"publish\">\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\">\r\n <el-form-item label=\"发布模式 : \">\r\n <el-radio-group v-model=\"CmsSettings.publish.mode\">\r\n <el-radio value=\"static\">静态发布</el-radio>\r\n <el-radio value=\"dynamic\">动态发布</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-form>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"栏目设置\" name=\"part\">\r\n <el-divider content-position=\"left\">栏目内容文档编辑器扩展设置</el-divider>\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\">\r\n <el-form-item label=\"开启栏目轮播图 : \">\r\n <el-switch v-model=\"CmsSettings.part.openBanner\" />\r\n </el-form-item>\r\n\r\n <el-form-item v-if=\"CmsSettings.part.openBanner\" label=\"轮播图尺寸 : \">\r\n <el-input v-model=\"CmsSettings.part.bannerImageSize\" placeholder=\"\" style=\"max-width: 200px;\" />\r\n </el-form-item>\r\n </el-form>\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\" label-position=\"top\">\r\n \r\n <el-form-item label=\"引入的Css : \">\r\n <el-input v-model=\"CmsSettings.part.doc.css\"\r\n :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n type=\"textarea\"\r\n placeholder=\"多个css url ，号分割，逗号必须是英文逗号\"\r\n />\r\n </el-form-item>\r\n \r\n <el-form-item label=\"引入的Js : \">\r\n <el-input v-model=\"CmsSettings.part.doc.js\"\r\n :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n type=\"textarea\"\r\n placeholder=\"多个 js url ，号分割，逗号必须是英文逗号\"\r\n />\r\n </el-form-item>\r\n </el-form>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"内容设置\" name=\"content\">\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\">\r\n <el-form-item label=\"启用内容置顶 : \">\r\n <el-switch v-model=\"CmsSettings.content.useTop\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用最新内容 : \">\r\n <el-switch v-model=\"CmsSettings.content.useNew\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用热门推荐 : \">\r\n <el-switch v-model=\"CmsSettings.content.useHotRecommend\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用栏目推荐 : \">\r\n <el-switch v-model=\"CmsSettings.content.usePartRecommend\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用内容标签 : \">\r\n <el-switch v-model=\"CmsSettings.content.useTags\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用内容资源库 : \">\r\n <el-switch v-model=\"CmsSettings.content.useAtlas\" />\r\n </el-form-item>\r\n <el-form-item label=\"内容封面图尺寸 : \">\r\n <el-input v-model=\"CmsSettings.content.coverImageSize\" placeholder=\"\" style=\"max-width: 200px;\" />\r\n </el-form-item>\r\n <el-form-item label=\"内容Banner图尺寸 : \">\r\n <el-input v-model=\"CmsSettings.content.bannerImageSize\" placeholder=\"\" style=\"max-width: 200px;\" />\r\n </el-form-item>\r\n </el-form>\r\n \r\n <el-divider content-position=\"left\">内容文档编辑器扩展设置</el-divider>\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\" label-position=\"top\">\r\n <el-form-item label=\"引入的Css : \">\r\n <el-input v-model=\"CmsSettings.content.doc.css\"\r\n :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n type=\"textarea\"\r\n placeholder=\"多个css url ，号分割，逗号必须是英文逗号\"\r\n />\r\n </el-form-item>\r\n \r\n <el-form-item label=\"引入的Js : \">\r\n <el-input v-model=\"CmsSettings.content.doc.js\"\r\n :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n type=\"textarea\"\r\n placeholder=\"多个 js url ，号分割，逗号必须是英文逗号\"\r\n />\r\n </el-form-item>\r\n </el-form>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref,onMounted,watch, } from \"vue\";\r\nimport { useCmsSettings,CmsSettingsKEY,type ~~CmsSettings~~ } from \"../../cms-settings\"\r\nimport { MsConfigTable } from \"../../../ms/dataviews/ms-config/\"\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true); \r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"publish\");\r\n// 激活的tab\r\nconst loading = ref(false);\r\nconst changed = ref(false);\r\n\r\n\r\nconst saveHandle = async ()=>{\r\n\r\n if(changed.value){\r\n loading.value = true;\r\n await MsConfigTable.setConfigValue(CmsSettingsKEY,JSON.stringify(CmsSettings))\r\n loading.value = false;\r\n changed.value = false;\r\n }\r\n\r\n}\r\n\r\nonMounted(async ()=>{\r\n\r\n // 初始化\r\n const data = await MsConfigTable.getConfigValue<~~CmsSettings~~>(CmsSettingsKEY);\r\n if(data){ Object.assign(CmsSettings,data) }\r\n setTimeout(() => {\r\n loading.value = false;\r\n }, 500);\r\n // 数据改变\r\n watch(CmsSettings,()=>{\r\n changed.value = true;\r\n },{ deep:true })\r\n})\r\n</script>\r\n"],"names":["useCmsSettings","ref","MsConfigTable","CmsSettingsKEY","onMounted","watch"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;AAmIM~~,UAAA,cAAcA,2BAAe,IAAI;AAGjC,UAAA,gBAAgBC,QAAI,SAAS;AAE7B,UAAA,UAAUA,QAAI,KAAK;AACnB,UAAA,UAAUA,QAAI,KAAK;AAGzB,UAAM,aAAa,YAAU;AAE3B,UAAG,QAAQ,OAAM;AACf,gBAAQ,QAAQ;AAChB,cAAMC,cAAAA,cAAc,eAAeC,YAAA,gBAAe,KAAK,UAAU,WAAW,CAAC;AAC7E,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAIFC,QAAAA,UAAU,YAAU;AAGlB,YAAM,OAAQ,MAAMF,cAAAA,cAAc,~~eAA4BC~~,YAAc,cAAA;~~AAC5E~~,UAAG,MAAK;AAAS,eAAA,OAAO,aAAY,IAAI;AAAA,MAAE;AAC1C,iBAAW,MAAM;AACf,gBAAQ,QAAQ;AAAA,SACf,GAAG;AAENE,UAAA,MAAM,aAAY,MAAI;AACpB,gBAAQ,QAAQ;AAAA,MAAA,GAChB,EAAE,MAAK,KAAA,CAAM;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-settigns/index.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-cms-appsettings__warp\" v-loading=\"loading\" style=\"\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\">\r\n <el-page-header style=\"background-color: #fff; padding: 10px\" :icon=\"null\">\r\n <template #title>\r\n <h3 style=\"color: var(--el-text-color-regular); margin-left: 10px\">\r\n <MKSvgIcon iconClass=\"Operation\" style=\"margin-right: 5px\" />\r\n CMS应用设置\r\n </h3>\r\n </template>\r\n <template #extra>\r\n <div>\r\n <el-button-group>\r\n <el-button type=\"primary\" size=\"large\" text :disabled=\"!changed\" @click=\"saveHandle\">\r\n <MKSvgIcon iconClass=\"save\" />\r\n 保存\r\n </el-button>\r\n </el-button-group>\r\n </div>\r\n </template>\r\n </el-page-header>\r\n <div class=\"mk-cms-appsettings__form_warp\" style=\"\r\n background: #fff;\r\n flex: 1;\r\n height: 100%;\r\n padding: 10px;\r\n margin: 10px;\r\n overflow: auto;\r\n \">\r\n <el-tabs v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n <el-tab-pane label=\"发布设置\" name=\"publish\">\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\">\r\n <el-form-item label=\"发布模式 : \">\r\n <el-radio-group v-model=\"CmsSettings.publish.mode\">\r\n <el-radio value=\"static\">静态发布</el-radio>\r\n <el-radio value=\"dynamic\">动态发布</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-form>\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\" label-position=\"top\">\r\n <el-form-item label=\"文档模块 : \">\r\n <DocModuleEditForm :modules=\"CmsSettings.docModules\"></DocModuleEditForm>\r\n </el-form-item>\r\n </el-form>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"栏目设置\" name=\"part\">\r\n <el-divider content-position=\"left\">栏目内容文档编辑器扩展设置</el-divider>\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\">\r\n <el-form-item label=\"开启栏目轮播图 : \">\r\n <el-switch v-model=\"CmsSettings.part.openBanner\" />\r\n </el-form-item>\r\n\r\n <el-form-item v-if=\"CmsSettings.part.openBanner\" label=\"轮播图尺寸 : \">\r\n <el-input v-model=\"CmsSettings.part.bannerImageSize\" placeholder=\"\" style=\"max-width: 200px;\" />\r\n </el-form-item>\r\n </el-form>\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\" label-position=\"top\">\r\n \r\n <el-form-item label=\"引入的Css : \">\r\n <el-input v-model=\"CmsSettings.part.doc.css\"\r\n :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n type=\"textarea\"\r\n placeholder=\"多个css url ，号分割，逗号必须是英文逗号\"\r\n />\r\n </el-form-item>\r\n \r\n <el-form-item label=\"引入的Js : \">\r\n <el-input v-model=\"CmsSettings.part.doc.js\"\r\n :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n type=\"textarea\"\r\n placeholder=\"多个 js url ，号分割，逗号必须是英文逗号\"\r\n />\r\n </el-form-item>\r\n </el-form>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"内容设置\" name=\"content\">\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\">\r\n <el-form-item label=\"启用内容置顶 : \">\r\n <el-switch v-model=\"CmsSettings.content.useTop\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用最新内容 : \">\r\n <el-switch v-model=\"CmsSettings.content.useNew\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用热门推荐 : \">\r\n <el-switch v-model=\"CmsSettings.content.useHotRecommend\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用栏目推荐 : \">\r\n <el-switch v-model=\"CmsSettings.content.usePartRecommend\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用内容标签 : \">\r\n <el-switch v-model=\"CmsSettings.content.useTags\" />\r\n </el-form-item>\r\n <el-form-item label=\"启用内容资源库 : \">\r\n <el-switch v-model=\"CmsSettings.content.useAtlas\" />\r\n </el-form-item>\r\n <el-form-item label=\"内容封面图尺寸 : \">\r\n <el-input v-model=\"CmsSettings.content.coverImageSize\" placeholder=\"\" style=\"max-width: 200px;\" />\r\n </el-form-item>\r\n <el-form-item label=\"内容Banner图尺寸 : \">\r\n <el-input v-model=\"CmsSettings.content.bannerImageSize\" placeholder=\"\" style=\"max-width: 200px;\" />\r\n </el-form-item>\r\n </el-form>\r\n \r\n <el-divider content-position=\"left\">内容文档编辑器扩展设置</el-divider>\r\n <el-form :model=\"CmsSettings\" label-width=\"auto\" label-position=\"top\">\r\n <el-form-item label=\"引入的Css : \">\r\n <el-input v-model=\"CmsSettings.content.doc.css\"\r\n :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n type=\"textarea\"\r\n placeholder=\"多个css url ，号分割，逗号必须是英文逗号\"\r\n />\r\n </el-form-item>\r\n \r\n <el-form-item label=\"引入的Js : \">\r\n <el-input v-model=\"CmsSettings.content.doc.js\"\r\n :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n type=\"textarea\"\r\n placeholder=\"多个 js url ，号分割，逗号必须是英文逗号\"\r\n />\r\n </el-form-item>\r\n </el-form>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref,onMounted,watch, } from \"vue\";\r\nimport { useCmsSettings,CmsSettingsKEY,type CmsSettingsType } from \"../../cms-settings\"\r\nimport { MsConfigTable } from \"../../../ms/dataviews/ms-config/\"\r\nimport DocModuleEditForm from \"./DocModuleEditForm.vue\"\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true); \r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"publish\");\r\n// 激活的tab\r\nconst loading = ref(false);\r\nconst changed = ref(false);\r\n\r\n\r\nconst saveHandle = async ()=>{\r\n\r\n if(changed.value){\r\n loading.value = true;\r\n await MsConfigTable.setConfigValue(CmsSettingsKEY,JSON.stringify(CmsSettings))\r\n loading.value = false;\r\n changed.value = false;\r\n }\r\n\r\n}\r\n\r\nonMounted(async ()=>{\r\n\r\n // 初始化\r\n const data = await MsConfigTable.getConfigValue<CmsSettingsType>(CmsSettingsKEY);\r\n if(data){ Object.assign(CmsSettings,data) }\r\n setTimeout(() => {\r\n loading.value = false;\r\n }, 500);\r\n // 数据改变\r\n watch(CmsSettings,()=>{\r\n changed.value = true;\r\n },{ deep:true })\r\n})\r\n</script>\r\n"],"names":["useCmsSettings","ref","MsConfigTable","CmsSettingsKEY","onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyIM,UAAA,cAAcA,2BAAe,IAAI;AAGjC,UAAA,gBAAgBC,QAAI,SAAS;AAE7B,UAAA,UAAUA,QAAI,KAAK;AACnB,UAAA,UAAUA,QAAI,KAAK;AAGzB,UAAM,aAAa,YAAU;AAE3B,UAAG,QAAQ,OAAM;AACf,gBAAQ,QAAQ;AAChB,cAAMC,cAAAA,cAAc,eAAeC,YAAA,gBAAe,KAAK,UAAU,WAAW,CAAC;AAC7E,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAIFC,QAAAA,UAAU,YAAU;AAGlB,YAAM,OAAQ,MAAMF,cAAAA,cAAc,eAAgCC,YAAc,cAAA;AAChF,UAAG,MAAK;AAAS,eAAA,OAAO,aAAY,IAAI;AAAA,MAAE;AAC1C,iBAAW,MAAM;AACf,gBAAQ,QAAQ;AAAA,SACf,GAAG;AAENE,UAAA,MAAM,aAAY,MAAI;AACpB,gBAAQ,QAAQ;AAAA,MAAA,GAChB,EAAE,MAAK,KAAA,CAAM;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/modules/ms/components/image-select/image-select-api.js CHANGED Viewed

@@ -5,7 +5,7 @@ const elementPlus = require("element-plus");
 const imageSelectPanel = require("./image-select-panel.js");
 require("../../../../components/basic/image-cropper/index.js");
 const imageCropperApi = require("../../../../components/basic/image-cropper/image-cropper-api.js");
-async function ImageSelect(cutWidth, cutHeight) {
+async function ImageSelect(cutWidth, cutHeight, isCut) {
   return new Promise((resolve) => {
     const path = vue.ref("");
     const handleCancelClick = () => {
@@ -15,7 +15,7 @@ async function ImageSelect(cutWidth, cutHeight) {
         path: ""
       });
     };
-    const handleConfirmClick = async () => {
+    const handleCutClick = async () => {
       if (path.value) {
         var result = await imageCropperApi.ImageCropper({
           src: path.value,
@@ -44,6 +44,13 @@ async function ImageSelect(cutWidth, cutHeight) {
         });
       }
     };
+    const handleConfirmClick = async () => {
+      dialogInstance.destroy();
+      resolve({
+        success: true,
+        path: path.value
+      });
+    };
     const dialogInstance = dm.Dialoger.customRender({
       title: "图片选择",
       class: "mk-material-select",
@@ -62,6 +69,11 @@ async function ImageSelect(cutWidth, cutHeight) {
           "onClick": handleCancelClick
         }, {
           default: () => [vue.createTextVNode("取消")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "onClick": handleCutClick
+        }, {
+          default: () => [vue.createTextVNode("裁切")]
         }), vue.createVNode(elementPlus.ElButton, {
           "type": "primary",
           "onClick": handleConfirmClick

package/dist/cjs/modules/ms/components/image-select/image-select-api.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image-select-api.js","sources":["../../../../../../src/modules/ms/components/image-select/image-select-api.tsx"],"sourcesContent":["import { Fragment, ref,h } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { ElButton } from \"element-plus\";\r\nimport ImageSelectPanel from \"./image-select-panel\";\r\nimport { ImageCropper } from \"../../../../components/basic/image-cropper\"\r\n\r\nexport type MKImageSelectResult = { success: boolean; path: string; };\r\n\r\nexport default async function ImageSelect(cutWidth?:number,cutHeight?:number): Promise<MKImageSelectResult> {\r\n return new Promise((resolve) => {\r\n \r\n const path = ref<any>(\"\");\r\n\r\n const handleCancelClick = () => {\r\n dialogInstance.destroy();\r\n\r\n resolve({ success: false, path: \"\" });\r\n };\r\n\r\n const ~~handleConfirmClick~~ = async () => {\r\n\r\n\r\n if(path.value){\r\n\r\n var result = await ImageCropper({ \r\n src: path.value ,\r\n ratioOptions: cutWidth && cutHeight ?[\r\n { value: `${cutWidth}${cutHeight}`, label: `${cutWidth}px${cutHeight}px`, width: cutWidth, height: cutHeight }\r\n ]:[],\r\n maxWidth:cutWidth \|\| 0,\r\n maxHeight:cutHeight \|\| 0\r\n });\r\n\r\n if(result.data){\r\n path.value = result.data;\r\n dialogInstance.destroy();\r\n resolve({ success: true, path: path.value });\r\n }\r\n else{\r\n // 取消裁切\r\n \r\n }\r\n }\r\n else{\r\n dialogInstance.destroy();\r\n resolve({ success: true, path: path.value });\r\n }\r\n };\r\n\r\n const dialogInstance = Dialoger.customRender({\r\n title: \"图片选择\",\r\n class: \"mk-material-select\",\r\n width: \"70%\",\r\n onClose: () => {\r\n dialogInstance.destroy();\r\n },\r\n body: () => {\r\n return <ImageSelectPanel v-model={path.value} />\r\n },\r\n footer: () => {\r\n return (\r\n <Fragment>\r\n <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n 确定\r\n </ElButton>\r\n </Fragment>\r\n );\r\n },\r\n });\r\n });\r\n}\r\n"],"names":["ImageSelect","cutWidth","cutHeight","Promise","resolve","path","ref","handleCancelClick","dialogInstance","destroy","success","~~handleConfirmClick~~","value","result","ImageCropper","src","ratioOptions","label","width","height","maxWidth","maxHeight","data","Dialoger","customRender","title","class","onClose","body","_createVNode","ImageSelectPanel","$event","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;;;AAQe,eAAeA,YAAYC,~~UAAiBC~~,~~WAAiD~~;~~AAC1G~~,SAAO,IAAIC,QAASC,aAAY;AAE9B,UAAMC,OAAOC,QAAS,EAAE;AAExB,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QAAEM,SAAS;AAAA,~~QAAQL~~,MAAM;AAAA,MAAG,CAAC;AAAA;~~AAGvC~~,UAAMM,~~qBAAqB~~,YAAY;~~AAGrC~~,~~UAAGN~~,KAAKO,~~OAAM~~;~~AAEZ~~,YAAIC,SAAS,MAAMC,6BAAa;AAAA,UAC9BC,KAAKV,KAAKO;AAAAA,UACVI,~~cAAcf~~,YAAYC,~~YAAW~~,~~CACnC~~;AAAA,~~YAAEU~~,OAAO,~~GAAGX~~,QAAQ,IAAIC,SAAS;AAAA,~~YAAIe~~,OAAO,~~GAAGhB~~,QAAQ,MAAMC,SAAS;AAAA,~~YAAMgB~~,~~OAAOjB~~;AAAAA,~~YAAUkB~~,~~QAAQjB~~;AAAAA,UAAW,CAAA,~~IAChH~~,CAAE;AAAA,~~UACJkB~~,~~UAASnB~~,YAAY;AAAA,~~UACrBoB~~,~~WAAUnB~~,aAAa;AAAA,~~QACzB~~,CAAC;AAED,~~YAAGW~~,OAAOS,~~MAAK~~;~~AACbjB~~,eAAKO,QAAQC,OAAOS;AACpBd,yBAAeC,QAAO;AACtBL,kBAAQ;AAAA,YAAEM,SAAS;AAAA,~~YAAOL~~,MAAMA,KAAKO;AAAAA,UAAM,CAAC;AAAA,~~QAG5C~~;AAAA,MAGJ,~~OACI~~;~~AACFJ~~,uBAAeC,QAAO;AACtBL,gBAAQ;AAAA,UAAEM,SAAS;AAAA,~~UAAOL~~,MAAMA,KAAKO;AAAAA,QAAM,CAAC;AAAA,~~MAC9C~~;AAAA;~~AAGF~~,UAAMJ,~~iBAAiBe~~,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,OAAO;AAAA,~~MACPR~~,OAAO;AAAA,~~MACPS~~,SAASA,MAAM;~~AACbnB~~,uBAAeC,QAAO;AAAA,MACvB;AAAA,~~MACDmB~~,MAAMA,MAAM;AACV,eAAAC,IAAAA,YAAAC,kBAAA;AAAA,UAAA,~~cAAkCzB~~,KAAKO;AAAAA,UAAK,~~uBAAAmB~~,~~YAAV1B~~,KAAKO,~~QAAKmB~~;AAAAA,QAAA,GAAA,IAAA;AAAA,MAC7C;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAH,IAAA,YAAAI,IAAA,UAAAJ,MAAAA,CAAAA,IAAAA,YAAAK,YAAAA,UAAA;AAAA,UAAA,~~WAEuB3B~~;AAAAA,QAAiB,GAAA;AAAA,~~UAAA4B~~,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAP,GAAAA,IAAA,YAAAK,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,~~WACFvB~~;AAAAA,QAAkB,GAAA;AAAA,~~UAAAwB~~,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}
1	+ {"version":3,"file":"image-select-api.js","sources":["../../../../../../src/modules/ms/components/image-select/image-select-api.tsx"],"sourcesContent":["import { Fragment, ref, h } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { ElButton } from \"element-plus\";\r\nimport ImageSelectPanel from \"./image-select-panel\";\r\nimport { ImageCropper } from \"../../../../components/basic/image-cropper\"\r\n\r\nexport type MKImageSelectResult = { success: boolean; path: string; };\r\n\r\nexport default async function ImageSelect(cutWidth?: number, cutHeight?: number, isCut?: boolean): Promise<MKImageSelectResult> {\r\n return new Promise((resolve) => {\r\n\r\n const path = ref<any>(\"\");\r\n\r\n const handleCancelClick = () => {\r\n dialogInstance.destroy();\r\n\r\n resolve({ success: false, path: \"\" });\r\n };\r\n\r\n //裁剪\r\n const handleCutClick = async () => {\r\n\r\n\r\n if (path.value) {\r\n\r\n var result = await ImageCropper({\r\n src: path.value,\r\n ratioOptions: cutWidth && cutHeight ? [\r\n { value: `${cutWidth}${cutHeight}`, label: `${cutWidth}px${cutHeight}px`, width: cutWidth, height: cutHeight }\r\n ] : [],\r\n maxWidth: cutWidth \|\| 0,\r\n maxHeight: cutHeight \|\| 0\r\n });\r\n\r\n if (result.data) {\r\n path.value = result.data;\r\n dialogInstance.destroy();\r\n resolve({ success: true, path: path.value });\r\n }\r\n else {\r\n // 取消裁切\r\n\r\n }\r\n }\r\n else {\r\n dialogInstance.destroy();\r\n resolve({ success: true, path: path.value });\r\n }\r\n };\r\n\r\n //原图输出\r\n const handleConfirmClick = async () => {\r\n dialogInstance.destroy();\r\n resolve({ success: true, path: path.value });\r\n };\r\n\r\n\r\n const dialogInstance = Dialoger.customRender({\r\n title: \"图片选择\",\r\n class: \"mk-material-select\",\r\n width: \"70%\",\r\n onClose: () => {\r\n dialogInstance.destroy();\r\n },\r\n body: () => {\r\n return <ImageSelectPanel v-model={path.value} />\r\n },\r\n footer: () => {\r\n return (\r\n <Fragment>\r\n <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n <ElButton type=\"primary\" onClick={handleCutClick}>\r\n 裁切\r\n </ElButton>\r\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n 确定\r\n </ElButton>\r\n </Fragment>\r\n );\r\n },\r\n });\r\n });\r\n}\r\n"],"names":["ImageSelect","cutWidth","cutHeight","isCut","Promise","resolve","path","ref","handleCancelClick","dialogInstance","destroy","success","handleCutClick","value","result","ImageCropper","src","ratioOptions","label","width","height","maxWidth","maxHeight","data","handleConfirmClick","Dialoger","customRender","title","class","onClose","body","_createVNode","ImageSelectPanel","$event","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;;;AAQe,eAAeA,YAAYC,UAAmBC,WAAoBC,OAA+C;AAC9H,SAAO,IAAIC,QAASC,aAAY;AAE9B,UAAMC,OAAOC,QAAS,EAAE;AAExB,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QAAEM,SAAS;AAAA,QAAOL,MAAM;AAAA,MAAG,CAAC;AAAA;AAItC,UAAMM,iBAAiB,YAAY;AAGjC,UAAIN,KAAKO,OAAO;AAEd,YAAIC,SAAS,MAAMC,6BAAa;AAAA,UAC9BC,KAAKV,KAAKO;AAAAA,UACVI,cAAchB,YAAYC,YAAY,CACpC;AAAA,YAAEW,OAAO,GAAGZ,QAAQ,IAAIC,SAAS;AAAA,YAAIgB,OAAO,GAAGjB,QAAQ,MAAMC,SAAS;AAAA,YAAMiB,OAAOlB;AAAAA,YAAUmB,QAAQlB;AAAAA,UAAW,CAAA,IAC9G,CAAE;AAAA,UACNmB,UAAUpB,YAAY;AAAA,UACtBqB,WAAWpB,aAAa;AAAA,QAC1B,CAAC;AAED,YAAIY,OAAOS,MAAM;AACfjB,eAAKO,QAAQC,OAAOS;AACpBd,yBAAeC,QAAO;AACtBL,kBAAQ;AAAA,YAAEM,SAAS;AAAA,YAAML,MAAMA,KAAKO;AAAAA,UAAM,CAAC;AAAA,QAG3C;AAAA,MAGJ,OACK;AACHJ,uBAAeC,QAAO;AACtBL,gBAAQ;AAAA,UAAEM,SAAS;AAAA,UAAML,MAAMA,KAAKO;AAAAA,QAAM,CAAC;AAAA,MAC7C;AAAA;AAIF,UAAMW,qBAAqB,YAAY;AACrCf,qBAAeC,QAAO;AACtBL,cAAQ;AAAA,QAAEM,SAAS;AAAA,QAAML,MAAMA,KAAKO;AAAAA,MAAM,CAAC;AAAA;AAI7C,UAAMJ,iBAAiBgB,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPT,OAAO;AAAA,MACPU,SAASA,MAAM;AACbpB,uBAAeC,QAAO;AAAA,MACvB;AAAA,MACDoB,MAAMA,MAAM;AACV,eAAAC,IAAAA,YAAAC,kBAAA;AAAA,UAAA,cAAkC1B,KAAKO;AAAAA,UAAK,uBAAAoB,YAAV3B,KAAKO,QAAKoB;AAAAA,QAAA,GAAA,IAAA;AAAA,MAC7C;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAH,IAAA,YAAAI,IAAA,UAAAJ,MAAAA,CAAAA,IAAAA,YAAAK,YAAAA,UAAA;AAAA,UAAA,WAEuB5B;AAAAA,QAAiB,GAAA;AAAA,UAAA6B,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAP,GAAAA,IAAA,YAAAK,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFxB;AAAAA,QAAc,GAAA;AAAA,UAAAyB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAP,GAAAA,IAAA,YAAAK,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGdZ;AAAAA,QAAkB,GAAA;AAAA,UAAAa,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}

package/dist/cjs/modules/ms/image-upload-context/index.js CHANGED Viewed

@@ -24,7 +24,7 @@ class ImageUploadContext extends UploadContext.UploadContext {
     __publicField(this, "cutSise");
     this.cutSise = cutSise;
   }
-  async selectFile() {
+  async selectFile(isCut) {
     let cutWidth = 0;
     let cutHeight = 0;
     if (this.cutSise) {

package/dist/cjs/modules/ms/image-upload-context/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/modules/ms/image-upload-context/index.ts"],"sourcesContent":["import { MKImageSelect } from \"../components/image-select\";\r\nimport { UploadContext, UploadResult } from \"../../../components/basic/upload-file\";\r\nimport { base64ToBlob,md5 } from \"@maketribe/utils\";\r\nimport { WebFileUpload } from \"@maketribe/request\";\r\n\r\n\r\n/*\r\n 图片上传上下文\r\n /\r\nexport class ImageUploadContext extends UploadContext {\r\n cutSise?:string;\r\n\r\n /\r\n \r\n * @param cutSise 裁切尺寸 \r\n /\r\n~~\tconstructor~~(cutSise?:string) {\r\n~~\t\tsuper~~();\r\n this.cutSise = cutSise;\r\n\t}\r\n\r\n~~\tasync~~ selectFile(): Promise<UploadResult> {\r\n\r\n let cutWidth = 0;\r\n let cutHeight = 0;\r\n\r\n if(this.cutSise){\r\n let cutInfo = this.cutSise.split(\"\");\r\n cutWidth = parseInt(cutInfo[0]) \|\| 0;\r\n cutHeight = parseInt(cutInfo[1]) \|\| cutWidth;\r\n }\r\n\r\n\r\n~~\t\tconst~~ result = await MKImageSelect(cutWidth,cutHeight);\r\n\r\n let path:any = result.path;\r\n\r\n // base 64 则上传\r\n if(path && path.indexOf(\"data:image/\") == 0){\r\n\r\n const webFileUpload = new WebFileUpload();\r\n // 开始上传\r\n const blob = base64ToBlob(path)~~; \~~r\n\r\n // 上传\r\n const uploadResult = await webFileUpload.upload(\r\n new File([blob], `${md5(Math.random().toString())}.${blob.type.toString().replace(\"image/\",\"\") \|\| \"png\"}`, { type: blob.type })\r\n );\r\n\r\n if (uploadResult.data.code !== 200) {\r\n \r\n return {\r\n success: false, path: \"\", msg: uploadResult.data.msg,\r\n };\r\n }\r\n else{\r\n path = uploadResult.data.data.path;\r\n }\r\n }\r\n\r\n~~\t\treturn~~ { success: true, path: path, msg: \"\", };\r\n\t}\r\n}\r\n"],"names":["UploadContext","MKImageSelect","WebFileUpload","base64ToBlob","md5"],"mappings":";;;;;;;;;;;;;;;;AASO,MAAM,2BAA2BA,cAAAA,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAOrD~~,YAAY,~~SAAiB~~;AACtB;~~AAPN~~;AAQE,SAAK,UAAU;AAAA,~~EAClB~~;AAAA,EAEA,MAAM,~~aAAoC~~;~~AAEvC~~,QAAI,WAAW;AACf,QAAI,YAAY;AAEhB,~~QAAG~~,KAAK,~~SAAQ~~;~~AACd~~,UAAI,UAAU,KAAK,QAAQ,MAAM,GAAG;AACpC,iBAAW,SAAS,QAAQ,CAAC,CAAC,KAAK;AACnC,kBAAY,SAAS,QAAQ,CAAC,CAAC,KAAK;AAAA,IACtC;~~AAGF~~,UAAM,SAAS,MAAMC,MAAAA,cAAc,~~UAAS~~,~~SAAS~~;~~AAEnD~~,QAAI,~~OAAW~~,OAAO;~~AAGtB~~,~~QAAG~~,QAAQ,KAAK,QAAQ,aAAa,KAAK,~~GAAE~~;~~AAEpC~~,YAAA,gBAAgB,IAAIC,QAAAA;AAEpB,YAAA,OAAOC,mBAAa,IAAI;AAGxB,YAAA,eAAe,MAAM,cAAc;AAAA,QACvC,IAAI,KAAK,CAAC,IAAI,GAAG,GAAGC,MAAAA,IAAI,KAAK,OAAO,EAAE,SAAU,CAAA,CAAC,IAAI,KAAK,KAAK,SAAS,EAAE,QAAQ,~~UAAS~~,EAAE,KAAK,KAAK,IAAI,EAAE,MAAM,KAAK,KAAA,CAAM;AAAA,MAAA;~~AAG5H~~,UAAA,aAAa,KAAK,SAAS,KAAK;AAE3B,eAAA;AAAA,UACL,SAAS;AAAA,UAAO,MAAM;AAAA,~~UAAK~~,~~KAAM~~,aAAa,KAAK;AAAA,QAAA;AAAA,~~MACrD~~,~~OAEE~~;~~AACK~~,eAAA,aAAa,KAAK,KAAK;AAAA,MAChC;AAAA,IACF;~~AAEF~~,WAAO,EAAE,SAAS,MAAM,MAAY,KAAK,GAAI;AAAA,~~EAC9C~~;~~AACD~~;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/modules/ms/image-upload-context/index.ts"],"sourcesContent":["import { MKImageSelect } from \"../components/image-select\";\r\nimport { UploadContext, UploadResult } from \"../../../components/basic/upload-file\";\r\nimport { base64ToBlob, md5 } from \"@maketribe/utils\";\r\nimport { WebFileUpload } from \"@maketribe/request\";\r\n\r\n\r\n/*\r\n 图片上传上下文\r\n /\r\nexport class ImageUploadContext extends UploadContext {\r\n cutSise?: string;\r\n\r\n /\r\n \r\n * @param cutSise 裁切尺寸 \r\n /\r\n constructor(cutSise?: string) {\r\n super();\r\n this.cutSise = cutSise;\r\n }\r\n\r\n async selectFile(isCut?: boolean): Promise<UploadResult> {\r\n\r\n let cutWidth = 0;\r\n let cutHeight = 0;\r\n\r\n if (this.cutSise) {\r\n let cutInfo = this.cutSise.split(\"\");\r\n cutWidth = parseInt(cutInfo[0]) \|\| 0;\r\n cutHeight = parseInt(cutInfo[1]) \|\| cutWidth;\r\n }\r\n\r\n \r\n const result = await MKImageSelect(cutWidth, cutHeight, isCut);\r\n\r\n let path: any = result.path;\r\n\r\n // base 64 则上传\r\n if (path && path.indexOf(\"data:image/\") == 0) {\r\n\r\n const webFileUpload = new WebFileUpload();\r\n // 开始上传\r\n const blob = base64ToBlob(path);\r\n\r\n // 上传\r\n const uploadResult = await webFileUpload.upload(\r\n new File([blob], `${md5(Math.random().toString())}.${blob.type.toString().replace(\"image/\", \"\") \|\| \"png\"}`, { type: blob.type })\r\n );\r\n\r\n if (uploadResult.data.code !== 200) {\r\n\r\n return {\r\n success: false, path: \"\", msg: uploadResult.data.msg,\r\n };\r\n }\r\n else {\r\n path = uploadResult.data.data.path;\r\n }\r\n }\r\n\r\n return { success: true, path: path, msg: \"\", };\r\n }\r\n}\r\n"],"names":["UploadContext","MKImageSelect","WebFileUpload","base64ToBlob","md5"],"mappings":";;;;;;;;;;;;;;;;AASO,MAAM,2BAA2BA,cAAAA,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpD,YAAY,SAAkB;AACtB;AAPR;AAQE,SAAK,UAAU;AAAA,EACjB;AAAA,EAEA,MAAM,WAAW,OAAwC;AAEvD,QAAI,WAAW;AACf,QAAI,YAAY;AAEhB,QAAI,KAAK,SAAS;AAChB,UAAI,UAAU,KAAK,QAAQ,MAAM,GAAG;AACpC,iBAAW,SAAS,QAAQ,CAAC,CAAC,KAAK;AACnC,kBAAY,SAAS,QAAQ,CAAC,CAAC,KAAK;AAAA,IACtC;AAGA,UAAM,SAAS,MAAMC,MAAAA,cAAc,UAAU,SAAgB;AAE7D,QAAI,OAAY,OAAO;AAGvB,QAAI,QAAQ,KAAK,QAAQ,aAAa,KAAK,GAAG;AAEtC,YAAA,gBAAgB,IAAIC,QAAAA;AAEpB,YAAA,OAAOC,mBAAa,IAAI;AAGxB,YAAA,eAAe,MAAM,cAAc;AAAA,QACvC,IAAI,KAAK,CAAC,IAAI,GAAG,GAAGC,MAAAA,IAAI,KAAK,OAAO,EAAE,SAAU,CAAA,CAAC,IAAI,KAAK,KAAK,SAAS,EAAE,QAAQ,UAAU,EAAE,KAAK,KAAK,IAAI,EAAE,MAAM,KAAK,KAAA,CAAM;AAAA,MAAA;AAG7H,UAAA,aAAa,KAAK,SAAS,KAAK;AAE3B,eAAA;AAAA,UACL,SAAS;AAAA,UAAO,MAAM;AAAA,UAAI,KAAK,aAAa,KAAK;AAAA,QAAA;AAAA,MACnD,OAEG;AACI,eAAA,aAAa,KAAK,KAAK;AAAA,MAChC;AAAA,IACF;AAEA,WAAO,EAAE,SAAS,MAAM,MAAY,KAAK,GAAI;AAAA,EAC/C;AACF;;"}

package/dist/esm/components/basic/doc-editor/core/element-block.js CHANGED Viewed

@@ -37,6 +37,17 @@ const useElementBlockSelection = (func, toolsbars) => {
       editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND, null);
     }
   };
+  const setSelection = async (nodeKey, el) => {
+    if (isSelected.value) {
+      isSelected.value = false;
+      await clearSelection(editor);
+    }
+    await new Promise((reslove) => setTimeout(reslove, 10));
+    await setSelected(editor, true, nodeKey);
+    curSelectEl.value = el == null ? editor.getElementByKey(nodeKey) : el;
+    curSelectKey.value = nodeKey;
+    isSelected.value = isNodeSelected(editor, nodeKey);
+  };
   watch(isSelected, (state) => {
     if (state) {
       updateActiveViewState(state ? curSelectEl.value : null);
@@ -49,11 +60,7 @@ const useElementBlockSelection = (func, toolsbars) => {
       // 更新选中状态
       editor.registerUpdateListener(() => {
         isSelected.value = isNodeSelected(editor, curSelectKey.value);
-        setTimeout(() => {
-          if (isNodeSelected(editor, curSelectKey.value)) {
-            updateActiveBox(curSelectEl.value);
-          }
-        }, 10);
+        setTimeout(() => updateActiveBox(curSelectEl.value), 10);
       }),
       // 点击选中
       editor.registerCommand(CLICK_COMMAND, (event) => {
@@ -62,21 +69,19 @@ const useElementBlockSelection = (func, toolsbars) => {
         if (nodeKey != null) {
           event.preventDefault();
           if (!event.shiftKey) {
-            clearSelection(editor);
+            clearSelection(editor).then(() => {
+              setSelection(nodeKey, el);
+            });
+          } else {
+            setSelection(nodeKey, el);
           }
-          setTimeout(() => {
-            setSelected(editor, true, nodeKey);
-            curSelectEl.value = el;
-            curSelectKey.value = nodeKey;
-            isSelected.value = isNodeSelected(editor, nodeKey);
-          }, 10);
           return true;
         }
         return false;
       }, COMMAND_PRIORITY_LOW)
     );
   });
-  return { isSelected, curSelectKey, curSelectPos };
+  return { isSelected, setSelection, curSelectKey, curSelectPos };
 };
 export {
   REMOVE_ELEMENTBLOCK_COMMAND,

package/dist/esm/components/basic/doc-editor/core/element-block.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"element-block.js","sources":["../../../../../../src/components/basic/doc-editor/core/element-block.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { COMMAND_PRIORITY_LOW,CLICK_COMMAND, LexicalCommand, createCommand, BaseSelection } from 'lexical'\r\nimport { useLexicalComposer,useMounted } from 'lexical-vue'\r\nimport { ref,watch } from 'vue'\r\n\r\nimport { \r\n isNodeSelected,setSelected,clearSelection,\r\n} from './utils'\r\n\r\n/*\r\n toolsbar的函数\r\n /\r\nexport type SelectElementBlockToolsbarFunction = (selection:BaseSelection\|null)=>Array<any>\|null;\r\n\r\n/\r\n 元素抗选中类型\r\n /\r\nexport type SelectElementBlocktEventType = {\r\n element:HTMLElement,\r\n toolsbars:Array<any>\|SelectElementBlockToolsbarFunction\r\n}\r\n\r\n/\r\n 选中元素快\r\n /\r\nexport const SELECTED_ELEMENTBLOCK_COMMAND: LexicalCommand<SelectElementBlocktEventType\|null> = createCommand('SELECTED_ELEMENTBLOCK_COMMAND')\r\n\r\n/\r\n 移除元素快\r\n /\r\nexport const REMOVE_ELEMENTBLOCK_COMMAND: LexicalCommand<undefined\|null> = createCommand('REMOVE_ELEMENTBLOCK_COMMAND')\r\n\r\n/\r\n 更新模块工具条位置信息\r\n /\r\nexport const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND: LexicalCommand<undefined\|null> = createCommand('UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND')\r\n\r\n\r\n\r\n/\r\n 判断选中的方法\r\n /\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement\|null\r\n\r\n/\r\n 判断选中的方法\r\n /\r\nexport type ElementSelectionHandle = (el:HTMLElement)=>undefined\r\n\r\n/\r\n 使用元素模块激活\r\n /\r\nexport const useElementBlockActive = (func:SelectExistFunc,selectionHandle:ElementSelectionHandle, unSelectionHandle:ElementSelectionHandle)=>{\r\n\r\n const editor = useLexicalComposer()\r\n\r\n let curSelectEl:HTMLElement\|null = null\r\n \r\n // 编辑器挂载\r\n useMounted(()=>{\r\n // 注册事件\r\n return mergeRegister(\r\n // 点击选中\r\n editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n \r\n const el = func(event.target as HTMLElement);\r\n const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n // 不为null的话则视为点击选中\r\n if(nodeKey){\r\n \r\n event.preventDefault();\r\n\r\n selectionHandle(el as HTMLElement)\r\n\r\n if(curSelectEl && curSelectEl != el){\r\n unSelectionHandle(curSelectEl);\r\n }\r\n curSelectEl = el;\r\n ~~console.log(\"选中\")\r\n~~ return true;\r\n }\r\n else{\r\n curSelectEl && unSelectionHandle(curSelectEl);\r\n curSelectEl = null;\r\n }\r\n \r\n return false;\r\n }, COMMAND_PRIORITY_LOW)\r\n )\r\n })\r\n\r\n}\r\n\r\n/\r\n 使用元素块选中\r\n */\r\nexport const useElementBlockSelection = (func:SelectExistFunc,toolsbars:Array<any>\|SelectElementBlockToolsbarFunction)=>{\r\n\r\n const editor = useLexicalComposer()\r\n const isSelected = ref(false)\r\n const curSelectKey = ref<any>(null)\r\n const curSelectEl = ref<any>(null)\r\n const curSelectPos = ref<any>(null)\r\n // 更新选中框\r\n const updateActiveBox = (el:HTMLElement\|null):undefined=>{\r\n if(el){\r\n const selectRect = el.getBoundingClientRect();\r\n curSelectPos.value = {\r\n top:`${selectRect.y}px`,left:`${selectRect.x}px`,\r\n width:`${selectRect.width}px`,height:`${selectRect.height}px`\r\n };\r\n }\r\n }\r\n // 更新选中\r\n const updateActiveViewState = (el:HTMLElement\|null):undefined=>{\r\n \r\n if(el){\r\n\r\n updateActiveBox(el);\r\n editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,{ \r\n element:curSelectEl.value,\r\n toolsbars:toolsbars\r\n });\r\n }\r\n else{\r\n curSelectEl.value = null;\r\n curSelectKey.value = null;\r\n curSelectPos.value = null;\r\n editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,null);\r\n }\r\n }\r\n\r\n // 是否选中\r\n watch(isSelected,(state)=>{\r\n if(state){\r\n updateActiveViewState(state ? curSelectEl.value : null)\r\n }\r\n else{\r\n updateActiveViewState(null)\r\n }\r\n })\r\n \r\n // 编辑器挂载\r\n useMounted(()=>{\r\n // 注册事件\r\n return mergeRegister(\r\n // 更新选中状态\r\n editor.registerUpdateListener(() => {\r\n isSelected.value = isNodeSelected(editor, curSelectKey.value);\r\n setTimeout(() => ~~{\r\n if(isNodeSelected(editor, curSelectKey.value)){\r\n~~ updateActiveBox(curSelectEl.value)\r\n }\r\n ~~}, 10);\r\n~~ }),\r\n // 点击选中\r\n editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n \r\n const el = func(event.target as HTMLElement);\r\n const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n // 不为null的话则视为点击选中\r\n if(nodeKey != null){\r\n \r\n event.preventDefault();\r\n \r\n if (!event.shiftKey) { ~~clearSelection(editor); }~~\r\n~~\r\n~~ // ~~选中新的\~~r\n ~~setTimeout~~(()=>{\r\n ~~setSelected~~(~~editor~~,~~true,nodeKey~~);\r\n ~~curSelectEl.value = el;\~~r\n ~~curSelectKey.value~~ ~~= nodeKey;\~~r\n ~~isSelected.value = isNodeSelected~~(~~editor~~, ~~nodeKey~~);\r\n }~~,10)~~\r\n \r\n return true;\r\n }\r\n \r\n return false;\r\n }, COMMAND_PRIORITY_LOW)\r\n )\r\n })\r\n\r\n\r\n return { isSelected, curSelectKey,curSelectPos };\r\n\r\n}\r\n"],"names":[],"mappings":";;;;;AA2Ba,MAAA,gCAAmF,cAAc,+BAA+B;AAKhI,MAAA,8BAA8D,cAAc,6BAA6B;AAKzG,MAAA,0CAA0E,cAAc,yCAAyC;~~AA8DjI~~,MAAA,2BAA2B,CAAC,MAAqB,cAA0D;AAEtH,QAAM,SAAS;AACT,QAAA,aAAa,IAAI,KAAK;AACtB,QAAA,eAAe,IAAS,IAAI;AAC5B,QAAA,cAAc,IAAS,IAAI;AAC3B,QAAA,eAAe,IAAS,IAAI;AAE5B,QAAA,kBAAmB,CAAC,OAAgC;AACxD,QAAG,IAAG;AACE,YAAA,aAAa,GAAG;AACtB,mBAAa,QAAQ;AAAA,QACnB,KAAI,GAAG,WAAW,CAAC;AAAA,QAAK,MAAK,GAAG,WAAW,CAAC;AAAA,QAC5C,OAAM,GAAG,WAAW,KAAK;AAAA,QAAK,QAAO,GAAG,WAAW,MAAM;AAAA,MAAA;AAAA,IAE7D;AAAA,EAAA;AAGI,QAAA,wBAAwB,CAAC,OAAgC;AAE7D,QAAG,IAAG;AAEJ,sBAAgB,EAAE;AAClB,aAAO,gBAAgB,+BAA8B;AAAA,QACnD,SAAQ,YAAY;AAAA,QACpB;AAAA,MAAA,CACD;AAAA,IAAA,OAEC;AACF,kBAAY,QAAQ;AACpB,mBAAa,QAAQ;AACrB,mBAAa,QAAQ;AACd,aAAA,gBAAgB,+BAA8B,IAAI;AAAA,IAC3D;AAAA,EAAA;AAII,QAAA,YAAW,CAAC,UAAQ;AACxB,QAAG,OAAM;AACe,4BAAA,QAAQ,YAAY,QAAQ,IAAI;AAAA,IAAA,OAEpD;AACF,4BAAsB,IAAI;AAAA,IAC5B;AAAA,EAAA,CACD;AAGD,aAAW,MAAI;AAEN,WAAA;AAAA;AAAA,MAEL,OAAO,uBAAuB,MAAM;~~AAClC~~,mBAAW,QAAQ,eAAe,QAAQ,aAAa,KAAK;AAC5D,mBAAW,~~MAAM;AACf~~,~~cAAG~~,~~eAAe~~,~~QAAQ,aAAa,~~KAAK,GAAE~~;AAC5C~~,~~4BAAgB,YAAY,KAAK;AAAA,UACnC;AAAA,WACC,~~EAAE;AAAA,MAAA,~~CACN~~;AAAA;AAAA,MAED,OAAO,gBAA4B,eAAc,CAAC,UAAU;AAEpD,cAAA,KAAK,KAAK,MAAM,MAAqB;AACrC,cAAA,UAAU,yBAAI,aAAa;AAGjC,YAAG,WAAW,MAAK;AAEjB,gBAAM,eAAe;AAEjB,cAAA,CAAC,MAAM,UAAU;~~AAAE~~,~~2BAAe~~,MAAM~~;AAAA~~,~~UAAI;AAGhD~~,~~qBAAW~~,MAAI;~~AACD~~,~~wBAAA~~,~~QAAO~~,~~MAAK,OAAO~~;~~AAC/B~~,~~wBAAY~~,~~QAAQ~~;~~AACpB~~,~~yBAAa~~,~~QAAQ~~;~~AACV~~,~~uBAAA~~,~~QAAQ~~,~~eAAe,QAAQ,OAAO~~;AAAA,~~aACjD,EAAE~~;~~AAEG~~,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,SACN,oBAAoB;AAAA,IAAA;AAAA,EACzB,CACD;~~AAGM~~,~~SAAA~~,EAAE,~~YAAY~~,cAAa;~~AAEpC~~;"}
1	+ {"version":3,"file":"element-block.js","sources":["../../../../../../src/components/basic/doc-editor/core/element-block.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { COMMAND_PRIORITY_LOW,CLICK_COMMAND, LexicalCommand, createCommand, BaseSelection } from 'lexical'\r\nimport { useLexicalComposer,useMounted } from 'lexical-vue'\r\nimport { ref,watch } from 'vue'\r\n\r\nimport { \r\n isNodeSelected,setSelected,clearSelection,\r\n} from './utils'\r\n\r\n/*\r\n toolsbar的函数\r\n /\r\nexport type SelectElementBlockToolsbarFunction = (selection:BaseSelection\|null)=>Array<any>\|null;\r\n\r\n/\r\n 元素抗选中类型\r\n /\r\nexport type SelectElementBlocktEventType = {\r\n element:HTMLElement,\r\n toolsbars:Array<any>\|SelectElementBlockToolsbarFunction\r\n}\r\n\r\n/\r\n 选中元素快\r\n /\r\nexport const SELECTED_ELEMENTBLOCK_COMMAND: LexicalCommand<SelectElementBlocktEventType\|null> = createCommand('SELECTED_ELEMENTBLOCK_COMMAND')\r\n\r\n/\r\n 移除元素快\r\n /\r\nexport const REMOVE_ELEMENTBLOCK_COMMAND: LexicalCommand<undefined\|null> = createCommand('REMOVE_ELEMENTBLOCK_COMMAND')\r\n\r\n/\r\n 更新模块工具条位置信息\r\n /\r\nexport const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND: LexicalCommand<undefined\|null> = createCommand('UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND')\r\n\r\n\r\n\r\n/\r\n 判断选中的方法\r\n /\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement\|null\r\n\r\n/\r\n 判断选中的方法\r\n /\r\nexport type ElementSelectionHandle = (el:HTMLElement)=>undefined\r\n\r\n/\r\n 使用元素模块激活\r\n /\r\nexport const useElementBlockActive = (func:SelectExistFunc,selectionHandle:ElementSelectionHandle, unSelectionHandle:ElementSelectionHandle)=>{\r\n\r\n const editor = useLexicalComposer()\r\n\r\n let curSelectEl:HTMLElement\|null = null\r\n \r\n // 编辑器挂载\r\n useMounted(()=>{\r\n // 注册事件\r\n return mergeRegister(\r\n // 点击选中\r\n editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n \r\n const el = func(event.target as HTMLElement);\r\n const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n // 不为null的话则视为点击选中\r\n if(nodeKey){\r\n \r\n event.preventDefault();\r\n\r\n selectionHandle(el as HTMLElement)\r\n\r\n if(curSelectEl && curSelectEl != el){\r\n unSelectionHandle(curSelectEl);\r\n }\r\n curSelectEl = el;\r\n return true;\r\n }\r\n else{\r\n curSelectEl && unSelectionHandle(curSelectEl);\r\n curSelectEl = null;\r\n }\r\n \r\n return false;\r\n }, COMMAND_PRIORITY_LOW)\r\n )\r\n })\r\n\r\n}\r\n\r\n/\r\n 使用元素块选中\r\n */\r\nexport const useElementBlockSelection = (func:SelectExistFunc,toolsbars:Array<any>\|SelectElementBlockToolsbarFunction)=>{\r\n\r\n const editor = useLexicalComposer()\r\n const isSelected = ref(false)\r\n const curSelectKey = ref<any>(null)\r\n const curSelectEl = ref<any>(null)\r\n const curSelectPos = ref<any>(null)\r\n // 更新选中框\r\n const updateActiveBox = (el:HTMLElement\|null):undefined=>{\r\n if(el){\r\n const selectRect = el.getBoundingClientRect();\r\n curSelectPos.value = {\r\n top:`${selectRect.y}px`,left:`${selectRect.x}px`,\r\n width:`${selectRect.width}px`,height:`${selectRect.height}px`\r\n };\r\n }\r\n }\r\n // 更新选中\r\n const updateActiveViewState = (el:HTMLElement\|null):undefined=>{\r\n \r\n if(el){\r\n\r\n updateActiveBox(el);\r\n editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,{ \r\n element:curSelectEl.value,\r\n toolsbars:toolsbars\r\n });\r\n }\r\n else{\r\n curSelectEl.value = null;\r\n curSelectKey.value = null;\r\n curSelectPos.value = null;\r\n editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,null);\r\n }\r\n }\r\n\r\n // 设置选中\r\n const setSelection = async (nodeKey:string,el:HTMLElement\|null\|undefined)=>{\r\n\r\n // 没来得及取消的则先取消\r\n if(isSelected.value){ \r\n isSelected.value = false;\r\n await clearSelection(editor);\r\n }\r\n // 稍微停顿下\r\n await new Promise(reslove=>setTimeout(reslove, 10));\r\n await setSelected(editor,true,nodeKey);\r\n curSelectEl.value = el == null ? editor.getElementByKey(nodeKey) : el;\r\n curSelectKey.value = nodeKey;\r\n isSelected.value = isNodeSelected(editor, nodeKey);\r\n }\r\n // 是否选中\r\n watch(isSelected,(state)=>{\r\n if(state){\r\n updateActiveViewState(state ? curSelectEl.value : null)\r\n }\r\n else{\r\n updateActiveViewState(null)\r\n }\r\n })\r\n \r\n // 编辑器挂载\r\n useMounted(()=>{\r\n // 注册事件\r\n return mergeRegister(\r\n // 更新选中状态\r\n editor.registerUpdateListener(() => {\r\n \r\n isSelected.value = isNodeSelected(editor, curSelectKey.value);\r\n setTimeout(()=>updateActiveBox(curSelectEl.value),10)\r\n \r\n }),\r\n // 点击选中\r\n editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n \r\n const el = func(event.target as HTMLElement);\r\n const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n // 不为null的话则视为点击选中\r\n if(nodeKey != null){\r\n \r\n event.preventDefault();\r\n \r\n if (!event.shiftKey) { \r\n // 先取消\r\n clearSelection(editor).then(()=>{\r\n // 设置选中\r\n setSelection(nodeKey,el)\r\n })\r\n }\r\n else{\r\n // 设置选中\r\n setSelection(nodeKey,el)\r\n }\r\n\r\n return true;\r\n }\r\n \r\n return false;\r\n }, COMMAND_PRIORITY_LOW)\r\n )\r\n })\r\n\r\n\r\n return { isSelected,setSelection, curSelectKey,curSelectPos };\r\n\r\n}\r\n"],"names":[],"mappings":";;;;;AA2Ba,MAAA,gCAAmF,cAAc,+BAA+B;AAKhI,MAAA,8BAA8D,cAAc,6BAA6B;AAKzG,MAAA,0CAA0E,cAAc,yCAAyC;AA6DjI,MAAA,2BAA2B,CAAC,MAAqB,cAA0D;AAEtH,QAAM,SAAS;AACT,QAAA,aAAa,IAAI,KAAK;AACtB,QAAA,eAAe,IAAS,IAAI;AAC5B,QAAA,cAAc,IAAS,IAAI;AAC3B,QAAA,eAAe,IAAS,IAAI;AAE5B,QAAA,kBAAmB,CAAC,OAAgC;AACxD,QAAG,IAAG;AACE,YAAA,aAAa,GAAG;AACtB,mBAAa,QAAQ;AAAA,QACnB,KAAI,GAAG,WAAW,CAAC;AAAA,QAAK,MAAK,GAAG,WAAW,CAAC;AAAA,QAC5C,OAAM,GAAG,WAAW,KAAK;AAAA,QAAK,QAAO,GAAG,WAAW,MAAM;AAAA,MAAA;AAAA,IAE7D;AAAA,EAAA;AAGI,QAAA,wBAAwB,CAAC,OAAgC;AAE7D,QAAG,IAAG;AAEJ,sBAAgB,EAAE;AAClB,aAAO,gBAAgB,+BAA8B;AAAA,QACnD,SAAQ,YAAY;AAAA,QACpB;AAAA,MAAA,CACD;AAAA,IAAA,OAEC;AACF,kBAAY,QAAQ;AACpB,mBAAa,QAAQ;AACrB,mBAAa,QAAQ;AACd,aAAA,gBAAgB,+BAA8B,IAAI;AAAA,IAC3D;AAAA,EAAA;AAII,QAAA,eAAe,OAAO,SAAe,OAAgC;AAGzE,QAAG,WAAW,OAAM;AAClB,iBAAW,QAAQ;AACnB,YAAO,eAAe,MAAM;AAAA,IAC9B;AAEA,UAAM,IAAI,QAAQ,CAAA,YAAS,WAAW,SAAS,EAAE,CAAC;AAC5C,UAAA,YAAY,QAAO,MAAK,OAAO;AACrC,gBAAY,QAAQ,MAAM,OAAO,OAAO,gBAAgB,OAAO,IAAI;AACnE,iBAAa,QAAQ;AACV,eAAA,QAAQ,eAAe,QAAQ,OAAO;AAAA,EAAA;AAG7C,QAAA,YAAW,CAAC,UAAQ;AACxB,QAAG,OAAM;AACe,4BAAA,QAAQ,YAAY,QAAQ,IAAI;AAAA,IAAA,OAEpD;AACF,4BAAsB,IAAI;AAAA,IAC5B;AAAA,EAAA,CACD;AAGD,aAAW,MAAI;AAEN,WAAA;AAAA;AAAA,MAEL,OAAO,uBAAuB,MAAM;AAElC,mBAAW,QAAQ,eAAe,QAAQ,aAAa,KAAK;AAC5D,mBAAW,MAAI,gBAAgB,YAAY,KAAK,GAAE,EAAE;AAAA,MAAA,CAErD;AAAA;AAAA,MAED,OAAO,gBAA4B,eAAc,CAAC,UAAU;AAEpD,cAAA,KAAK,KAAK,MAAM,MAAqB;AACrC,cAAA,UAAU,yBAAI,aAAa;AAGjC,YAAG,WAAW,MAAK;AAEjB,gBAAM,eAAe;AAEjB,cAAA,CAAC,MAAM,UAAU;AAEJ,2BAAA,MAAM,EAAE,KAAK,MAAI;AAE9B,2BAAa,SAAQ,EAAE;AAAA,YAAA,CACxB;AAAA,UAAA,OAEC;AAEF,yBAAa,SAAQ,EAAE;AAAA,UACzB;AAEO,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,SACN,oBAAoB;AAAA,IAAA;AAAA,EACzB,CACD;AAGD,SAAO,EAAE,YAAW,cAAc,cAAa,aAAa;AAE9D;"}