@maketribe/ms-app 3.2.26 → 3.2.27

package/dist/esm/modules/cms/pages/cms-settigns/DocModuleEditForm.vue.js

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

package/dist/esm/modules/cms/pages/cms-settigns/DocModuleEditForm.vue.js.map

@@ -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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,UAAM,QAAQ;AACR,UAAA,gBAAgB,IAAa,KAAK;AAClC,UAAA,cAAc,IAAY,MAAM;AAChC,UAAA,gBAAgB,IAAS,IAAI;AAC7B,UAAA,eAAe,IAAa,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;AAErC,mBAAa,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;AACb,kBAAU,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;AACjB,kBAAU,MAAM,EAAE,SAAQ,aAAa,CAAA;AAAA,MACzC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/cms/pages/cms-settigns/DocModuleEditForm.vue2.js

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

package/dist/esm/modules/cms/pages/cms-settigns/DocModuleEditForm.vue2.js.map

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

package/dist/esm/modules/cms/pages/cms-settigns/index.vue2.js

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

package/dist/esm/modules/cms/pages/cms-settigns/index.vue2.js.map

@@ -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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmIM,UAAA,cAAc,eAAe,IAAI;AAGjC,UAAA,gBAAgB,IAAI,SAAS;AAE7B,UAAA,UAAU,IAAI,KAAK;AACnB,UAAA,UAAU,IAAI,KAAK;AAGzB,UAAM,aAAa,YAAU;AAE3B,UAAG,QAAQ,OAAM;AACf,gBAAQ,QAAQ;AAChB,cAAM,cAAc,eAAe,gBAAe,KAAK,UAAU,WAAW,CAAC;AAC7E,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAIF,cAAU,YAAU;AAGlB,YAAM,OAAQ,MAAM,cAAc,eAA4B,cAAc;AAC5E,UAAG,MAAK;AAAS,eAAA,OAAO,aAAY,IAAI;AAAA,MAAE;AAC1C,iBAAW,MAAM;AACf,gBAAQ,QAAQ;AAAA,SACf,GAAG;AAEN,YAAM,aAAY,MAAI;AACpB,gBAAQ,QAAQ;AAAA,MAAA,GAChB,EAAE,MAAK,KAAA,CAAM;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyIM,UAAA,cAAc,eAAe,IAAI;AAGjC,UAAA,gBAAgB,IAAI,SAAS;AAE7B,UAAA,UAAU,IAAI,KAAK;AACnB,UAAA,UAAU,IAAI,KAAK;AAGzB,UAAM,aAAa,YAAU;AAE3B,UAAG,QAAQ,OAAM;AACf,gBAAQ,QAAQ;AAChB,cAAM,cAAc,eAAe,gBAAe,KAAK,UAAU,WAAW,CAAC;AAC7E,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAIF,cAAU,YAAU;AAGlB,YAAM,OAAQ,MAAM,cAAc,eAAgC,cAAc;AAChF,UAAG,MAAK;AAAS,eAAA,OAAO,aAAY,IAAI;AAAA,MAAE;AAC1C,iBAAW,MAAM;AACf,gBAAQ,QAAQ;AAAA,SACf,GAAG;AAEN,YAAM,aAAY,MAAI;AACpB,gBAAQ,QAAQ;AAAA,MAAA,GAChB,EAAE,MAAK,KAAA,CAAM;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/ms/components/image-select/image-select-api.js

@@ -4,7 +4,7 @@ import { ElButton } from "element-plus";
 import ImageSelectPanel from "./image-select-panel.js";
 import "../../../../components/basic/image-cropper/index.js";
 import { ImageCropper } from "../../../../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 = ref("");
     const handleCancelClick = () => {
@@ -14,7 +14,7 @@ async function ImageSelect(cutWidth, cutHeight) {
         path: ""
       });
     };
-    const handleConfirmClick = async () => {
+    const handleCutClick = async () => {
       if (path.value) {
         var result = await ImageCropper({
           src: path.value,
@@ -43,6 +43,13 @@ async function ImageSelect(cutWidth, cutHeight) {
         });
       }
     };
+    const handleConfirmClick = async () => {
+      dialogInstance.destroy();
+      resolve({
+        success: true,
+        path: path.value
+      });
+    };
     const dialogInstance = Dialoger.customRender({
       title: "图片选择",
       class: "mk-material-select",
@@ -61,6 +68,11 @@ async function ImageSelect(cutWidth, cutHeight) {
           "onClick": handleCancelClick
         }, {
           default: () => [createTextVNode("取消")]
+        }), createVNode(ElButton, {
+          "type": "primary",
+          "onClick": handleCutClick
+        }, {
+          default: () => [createTextVNode("裁切")]
         }), createVNode(ElButton, {
           "type": "primary",
           "onClick": handleConfirmClick

package/dist/esm/modules/ms/components/image-select/image-select-api.js.map

@@ -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,IAAS,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,aAAa;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,SAASC,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,YAAAC,kBAAA;AAAA,UAAA,cAAkCzB,KAAKO;AAAAA,UAAK,uBAAAmB,YAAV1B,KAAKO,QAAKmB;AAAAA,QAAA,GAAA,IAAA;AAAA,MAC7C;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAH,YAAAI,UAAAJ,MAAAA,CAAAA,YAAAK,UAAA;AAAA,UAAA,WAEuB3B;AAAAA,QAAiB,GAAA;AAAA,UAAA4B,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAP,GAAAA,YAAAK,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFvB;AAAAA,QAAkB,GAAA;AAAA,UAAAwB,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}
+{"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,IAAS,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,aAAa;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,SAASC,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,YAAAC,kBAAA;AAAA,UAAA,cAAkC1B,KAAKO;AAAAA,UAAK,uBAAAoB,YAAV3B,KAAKO,QAAKoB;AAAAA,QAAA,GAAA,IAAA;AAAA,MAC7C;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAH,YAAAI,UAAAJ,MAAAA,CAAAA,YAAAK,UAAA;AAAA,UAAA,WAEuB5B;AAAAA,QAAiB,GAAA;AAAA,UAAA6B,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAP,GAAAA,YAAAK,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFxB;AAAAA,QAAc,GAAA;AAAA,UAAAyB,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAP,GAAAA,YAAAK,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGdZ;AAAAA,QAAkB,GAAA;AAAA,UAAAa,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}

package/dist/esm/modules/ms/image-upload-context/index.js

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

package/dist/esm/modules/ms/image-upload-context/index.js.map

@@ -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":[],"mappings":";;;;;;;;;;;;;;AASO,MAAM,2BAA2B,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,MAAM,cAAc,UAAS,SAAS;AAEnD,QAAI,OAAW,OAAO;AAGtB,QAAG,QAAQ,KAAK,QAAQ,aAAa,KAAK,GAAE;AAEpC,YAAA,gBAAgB,IAAI;AAEpB,YAAA,OAAO,aAAa,IAAI;AAGxB,YAAA,eAAe,MAAM,cAAc;AAAA,QACvC,IAAI,KAAK,CAAC,IAAI,GAAG,GAAG,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;"}
+{"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":[],"mappings":";;;;;;;;;;;;;;AASO,MAAM,2BAA2B,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,MAAM,cAAc,UAAU,SAAgB;AAE7D,QAAI,OAAY,OAAO;AAGvB,QAAI,QAAQ,KAAK,QAAQ,aAAa,KAAK,GAAG;AAEtC,YAAA,gBAAgB,IAAI;AAEpB,YAAA,OAAO,aAAa,IAAI;AAGxB,YAAA,eAAe,MAAM,cAAc;AAAA,QACvC,IAAI,KAAK,CAAC,IAAI,GAAG,GAAG,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/style/components/basic/visual-page-editor/index.css

@@ -1 +1 @@
-.mk-visual-page-editor-inline-toolbar,.mk-visual-page-editor-toolbar{padding:10px 20px;z-index:1;text-align:center;background-color:#fff}.mk-visual-page-editor-inline-toolbar>.el-dropdown .el-button,.mk-visual-page-editor-toolbar>.el-dropdown .el-button{padding:8px}.mk-visual-page-editor-inline-toolbar>.el-button-group button,.mk-visual-page-editor-toolbar>.el-button-group button{font-size:18px;padding:8px}.mk-visual-page-editor-inline-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active,.mk-visual-page-editor-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active{background-color:#e2e2e2}.mk-visual-page-editor{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.mk-visual-page-editor__stage{width:100%;height:100%;z-index:0;position:relative;display:flex;overflow:hidden;box-sizing:border-box;justify-content:space-between}.mk-visual-page-editor__stage::before{content:"";display:block;width:100%;height:1px;position:absolute;top:0;box-shadow:1px -3px 7px 4px #ccc}.mk-visual-page-editor__stage_body{z-index:0;position:relative;width:100%;min-height:100%;overflow:auto;padding:10px 0;box-sizing:border-box;flex:1}.mk-visual-page-editor__stage_editable{margin:auto;position:relative}.mk-visual-page-editor__stage_editable>.mk-visual-page-editor-inline-toolbar{position:absolute;left:100%;top:100%;background-color:#fff;box-shadow:1px -3px 7px 4px #ccc;padding:5px;z-index:99;transform:matrix3d(1px)}.mk-visual-page-editor__stage_editable>.mk-visual-page-editor-inline-toolbar>.el-button-group button,.mk-visual-page-editor__stage_editable>.mk-visual-page-editor-inline-toolbar>.el-dropdown .el-button{padding:8px 12px;font-size:14px;letter-spacing:.3em}.mk-visual-page-editor__stage_editable_addblock{width:100%;padding:20px;margin-bottom:50px;box-sizing:border-box;text-align:center;background-color:#e4e4e4}.mk-visual-page-editor__stage_editable_addblock .el-button{width:100%}.mk-visual-page-editor__stage_block{position:relative;width:100%;box-sizing:border-box}.mk-visual-page-editor__stage_block_mask{width:100%;height:100%;position:absolute;z-index:98;top:0;left:0;box-sizing:border-box;cursor:pointer}.mk-visual-page-editor__stage_block_mask.active{background-color:rgba(33,150,234,.3);border:2px solid #03a9f4;top:-2px}.mk-visual-page-editor__stage_left{z-index:0;position:relative;width:300px;min-height:100%;background-color:#fff}.mk-visual-page-editor__stage_right{z-index:0;position:relative;width:300px;min-height:100%;background-color:#fff}
+.mk-visual-page-editor-inline-toolbar,.mk-visual-page-editor-toolbar{padding:10px 20px;z-index:1;text-align:center;background-color:#fff}.mk-visual-page-editor-inline-toolbar>.el-dropdown .el-button,.mk-visual-page-editor-toolbar>.el-dropdown .el-button{padding:8px}.mk-visual-page-editor-inline-toolbar>.el-button-group button,.mk-visual-page-editor-toolbar>.el-button-group button{font-size:18px;padding:8px}.mk-visual-page-editor-inline-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active,.mk-visual-page-editor-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active{background-color:#e2e2e2}.mk-visual-page-editor{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.mk-visual-page-editor__stage{width:100%;height:100%;z-index:0;position:relative;display:flex;overflow:hidden;box-sizing:border-box;justify-content:space-between}.mk-visual-page-editor__stage::before{content:"";display:block;width:100%;height:1px;position:absolute;top:0;box-shadow:1px -3px 7px 4px #ccc}.mk-visual-page-editor__stage_body{z-index:0;position:relative;width:100%;min-height:100%;overflow:auto;padding:10px 0;box-sizing:border-box;flex:1}.mk-visual-page-editor__stage_editable{margin:auto;position:relative}.mk-visual-page-editor__stage_editable>.mk-visual-page-editor-inline-toolbar{position:absolute;left:100%;top:100%;background-color:#fff;box-shadow:1px -3px 7px 4px #ccc;padding:5px;z-index:99;transform:matrix3d(1px)}.mk-visual-page-editor__stage_editable>.mk-visual-page-editor-inline-toolbar>.el-button-group button,.mk-visual-page-editor__stage_editable>.mk-visual-page-editor-inline-toolbar>.el-dropdown .el-button{padding:8px 12px;font-size:14px;letter-spacing:.3em}.mk-visual-page-editor__stage_editable_addblock{width:100%;padding:20px;margin-bottom:50px;box-sizing:border-box;text-align:center;background-color:#f0f0f0;border:1px dashed #11a9f4;margin-top:20px}.mk-visual-page-editor__stage_editable_addblock .el-button{width:100%}.mk-visual-page-editor__stage_block{position:relative;width:100%;box-sizing:border-box}.mk-visual-page-editor__stage_block_mask{width:100%;height:100%;position:absolute;z-index:98;top:0;left:0;box-sizing:border-box;cursor:pointer}.mk-visual-page-editor__stage_block_mask.active{background-color:rgba(33,150,234,.3);border:2px solid #03a9f4;top:-2px}.mk-visual-page-editor__stage_left{z-index:0;position:relative;width:300px;min-height:100%;background-color:#fff}.mk-visual-page-editor__stage_right{z-index:0;position:relative;width:400px;min-height:100%;background-color:#fff}