@maketribe/ms-app 3.2.25 → 3.2.27

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

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

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

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

@@ -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;;"}
+{"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/components/image-select/image-select-panel.js

@@ -99,7 +99,13 @@ const ImageSelectPanel = /* @__PURE__ */ vue.defineComponent({
           "label": "网络图片",
           "name": "n"
         }, {
-          default: () => [vue.createVNode(ImageView, {
+          default: () => [vue.createVNode(elementPlus.ElInput, {
+            "modelValue": modelValue.value,
+            "onUpdate:modelValue": ($event) => modelValue.value = $event,
+            "prefix-icon": elIcons.Share,
+            "style": "width: 100%",
+            "placeholder": "请输入链接地址"
+          }, null), vue.createVNode(ImageView, {
             "src": vue.unref(modelValue)
           }, null)]
         })]

package/dist/cjs/modules/ms/components/image-select/image-select-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-select-panel.js","sources":["../../../../../../src/modules/ms/components/image-select/image-select-panel.tsx"],"sourcesContent":["\r\nimport { unref,ref,reactive,defineComponent, computed } from 'vue'\r\nimport { \r\n  ElButton,ElTabs,ElTabPane,ElInput,ElImage,ElIcon\r\n} from \"element-plus\";\r\nimport { Share,UploadFilled,Picture } from \"@element-plus/icons-vue\";\r\nimport {  MsMaterialTable } from \"../../../../modules/ms/dataviews/ms-material\";\r\nimport { MKMaterialList } from \"../../../../modules/ms/components/material-list\";\r\nimport { fileSelect } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 图片预览显示\r\n */\r\nconst ImageView = defineComponent({\r\n  props:[\"src\"],\r\n  setup(props,{ emit }){\r\n\r\n    return ()=>{\r\n\r\n      return <ElImage style=\"background: #dedede;width: 100%; height: 480px;margin-top:10px;padding：10px;box-sizing: border-box;\" src={unref(props.src)} fit=\"contain\" v-slots={{\r\n        error:()=>{\r\n          return <div style=\"\r\n              font-size: 50px;\r\n              display: flex;\r\n              align-content: center;\r\n              justify-content: center;\r\n              align-items: center;\r\n              height: 100%;\r\n          \">\r\n            <ElIcon><Picture /></ElIcon>\r\n          </div>\r\n        }\r\n      }}>\r\n      </ElImage>;\r\n    }\r\n  }\r\n})\r\n\r\n\r\nexport default defineComponent({\r\n  name: 'ImageSelectPanelComponent',\r\n  props:[\"modelValue\"],\r\n  setup(props,{ emit }){\r\n\r\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n    // 激活的tab\r\n    const activeTabName = ref(\"l\");\r\n    // 选择素材\r\n    materialTable.selectionChangeEvent.on(()=>{\r\n      let id = materialTable.getSelection()[0];\r\n      if(id){\r\n        modelValue.value = materialTable.getList().find(item=>item.id == id)?.path;\r\n      }\r\n      else{\r\n        modelValue.value = \"\";\r\n      }\r\n    })\r\n\r\n    // 选择本地图片\r\n    const selectLocalImage = async ()=>{\r\n\r\n      const file = await fileSelect({ accept:\"image/*\"});\r\n        \r\n      if (file) {\r\n\r\n        const fileRender = new FileReader();\r\n        fileRender.onload = async (data:any)=>{\r\n          modelValue.value = data.target.result as string;\r\n        }\r\n        fileRender.readAsDataURL(file)\r\n      }\r\n    }\r\n\r\n    return ()=>{\r\n\r\n      return <ElTabs style=\"min-height: 520px\" v-model={activeTabName.value}>\r\n      <ElTabPane label=\"本地选择\" name=\"l\">\r\n        <ElButton icon={UploadFilled} type=\"primary\" style=\"width: 100%\" onClick={selectLocalImage}>\r\n          选择本地文件\r\n        </ElButton>\r\n        <ImageView src={unref(modelValue)} />\r\n      </ElTabPane>\r\n      <ElTabPane label=\"素材库选择\" name=\"m\">\r\n       <MKMaterialList style={{height:\"520px\"}} selectable materialTable={materialTable} allowMaterialTypeValues={[1]} />\r\n      </ElTabPane>\r\n      <ElTabPane label=\"网络图片\" name=\"n\">\r\n        {/* <ElInput v-model={modelValue.value} prefix-icon={Share} style=\"width: 100%\" placeholder=\"请输入链接地址\">\r\n        </ElInput> */}\r\n        <ImageView src={unref(modelValue)} />\r\n      </ElTabPane>\r\n    </ElTabs>;\r\n    }\r\n  }\r\n})\r\n"],"names":["ImageView","defineComponent","props","setup","emit","_createVNode","ElImage","unref","src","error","ElIcon","default","Picture","name","materialTable","reactive","MsMaterialTable","modelValue","computed","get","set","v","activeTabName","ref","selectionChangeEvent","on","id","getSelection","value","getList","find","item","path","selectLocalImage","file","fileSelect","accept","fileRender","FileReader","onload","data","target","result","readAsDataURL","ElTabs","$event","ElTabPane","ElButton","UploadFilled","_createTextVNode","MKMaterialList","height"],"mappings":"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"}
+{"version":3,"file":"image-select-panel.js","sources":["../../../../../../src/modules/ms/components/image-select/image-select-panel.tsx"],"sourcesContent":["\r\nimport { unref,ref,reactive,defineComponent, computed } from 'vue'\r\nimport { \r\n  ElButton,ElTabs,ElTabPane,ElInput,ElImage,ElIcon\r\n} from \"element-plus\";\r\nimport { Share,UploadFilled,Picture } from \"@element-plus/icons-vue\";\r\nimport {  MsMaterialTable } from \"../../../../modules/ms/dataviews/ms-material\";\r\nimport { MKMaterialList } from \"../../../../modules/ms/components/material-list\";\r\nimport { fileSelect } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 图片预览显示\r\n */\r\nconst ImageView = defineComponent({\r\n  props:[\"src\"],\r\n  setup(props,{ emit }){\r\n\r\n    return ()=>{\r\n\r\n      return <ElImage style=\"background: #dedede;width: 100%; height: 480px;margin-top:10px;padding：10px;box-sizing: border-box;\" src={unref(props.src)} fit=\"contain\" v-slots={{\r\n        error:()=>{\r\n          return <div style=\"\r\n              font-size: 50px;\r\n              display: flex;\r\n              align-content: center;\r\n              justify-content: center;\r\n              align-items: center;\r\n              height: 100%;\r\n          \">\r\n            <ElIcon><Picture /></ElIcon>\r\n          </div>\r\n        }\r\n      }}>\r\n      </ElImage>;\r\n    }\r\n  }\r\n})\r\n\r\n\r\nexport default defineComponent({\r\n  name: 'ImageSelectPanelComponent',\r\n  props:[\"modelValue\"],\r\n  setup(props,{ emit }){\r\n\r\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n    // 激活的tab\r\n    const activeTabName = ref(\"l\");\r\n    // 选择素材\r\n    materialTable.selectionChangeEvent.on(()=>{\r\n      let id = materialTable.getSelection()[0];\r\n      if(id){\r\n        modelValue.value = materialTable.getList().find(item=>item.id == id)?.path;\r\n      }\r\n      else{\r\n        modelValue.value = \"\";\r\n      }\r\n    })\r\n\r\n    // 选择本地图片\r\n    const selectLocalImage = async ()=>{\r\n\r\n      const file = await fileSelect({ accept:\"image/*\"});\r\n        \r\n      if (file) {\r\n\r\n        const fileRender = new FileReader();\r\n        fileRender.onload = async (data:any)=>{\r\n          modelValue.value = data.target.result as string;\r\n        }\r\n        fileRender.readAsDataURL(file)\r\n      }\r\n    }\r\n\r\n    return ()=>{\r\n\r\n      return <ElTabs style=\"min-height: 520px\" v-model={activeTabName.value}>\r\n      <ElTabPane label=\"本地选择\" name=\"l\">\r\n        <ElButton icon={UploadFilled} type=\"primary\" style=\"width: 100%\" onClick={selectLocalImage}>\r\n          选择本地文件\r\n        </ElButton>\r\n        <ImageView src={unref(modelValue)} />\r\n      </ElTabPane>\r\n      <ElTabPane label=\"素材库选择\" name=\"m\">\r\n       <MKMaterialList style={{height:\"520px\"}} selectable materialTable={materialTable} allowMaterialTypeValues={[1]} />\r\n      </ElTabPane>\r\n      <ElTabPane label=\"网络图片\" name=\"n\">\r\n        <ElInput v-model={modelValue.value} prefix-icon={Share} style=\"width: 100%\" placeholder=\"请输入链接地址\">\r\n        </ElInput>\r\n        <ImageView src={unref(modelValue)} />\r\n      </ElTabPane>\r\n    </ElTabs>;\r\n    }\r\n  }\r\n})\r\n"],"names":["ImageView","defineComponent","props","setup","emit","_createVNode","ElImage","unref","src","error","ElIcon","default","Picture","name","materialTable","reactive","MsMaterialTable","modelValue","computed","get","set","v","activeTabName","ref","selectionChangeEvent","on","id","getSelection","value","getList","find","item","path","selectLocalImage","file","fileSelect","accept","fileRender","FileReader","onload","data","target","result","readAsDataURL","ElTabs","$event","ElTabPane","ElButton","UploadFilled","_createTextVNode","MKMaterialList","height","ElInput","Share"],"mappings":"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"}

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

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

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