@maketribe/ms-app 3.2.23 → 3.2.24

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, watch, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref } from "vue";
+import { defineComponent, ref, onMounted, watch, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, createCommentVNode } from "vue";
 import { useCmsSettings, CmsSettingsKEY } from "../../cms-settings.js";
 import "@maketribe/dm";
 import "element-plus";
@@ -55,8 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_form = resolveComponent("el-form");
       const _component_el_tab_pane = resolveComponent("el-tab-pane");
       const _component_el_divider = resolveComponent("el-divider");
-      const _component_el_input = resolveComponent("el-input");
       const _component_el_switch = resolveComponent("el-switch");
+      const _component_el_input = resolveComponent("el-input");
       const _component_el_tabs = resolveComponent("el-tabs");
       const _directive_loading = resolveDirective("loading");
       return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
@@ -100,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_3, [
           createVNode(_component_el_tabs, {
             modelValue: activeTabName.value,
-            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => activeTabName.value = $event),
+            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => activeTabName.value = $event),
             class: "mk-cms-contents__body__right"
           }, {
             default: withCtx(() => [
@@ -156,6 +156,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
+                  createVNode(_component_el_form, {
+                    model: unref(CmsSettings),
+                    "label-width": "auto"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_form_item, { label: "开启栏目轮播图 : " }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_switch, {
+                            modelValue: unref(CmsSettings).part.openBanner,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(CmsSettings).part.openBanner = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      unref(CmsSettings).part.openBanner ? (openBlock(), createBlock(_component_el_form_item, {
+                        key: 0,
+                        label: "轮播图尺寸 : "
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_input, {
+                            modelValue: unref(CmsSettings).part.bannerImageSize,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(CmsSettings).part.bannerImageSize = $event),
+                            placeholder: "",
+                            style: { "max-width": "200px" }
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  }, 8, ["model"]),
                   createVNode(_component_el_form, {
                     model: unref(CmsSettings),
                     "label-width": "auto",
@@ -166,7 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
                             modelValue: unref(CmsSettings).part.doc.css,
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(CmsSettings).part.doc.css = $event),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(CmsSettings).part.doc.css = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个css url ， 号分割，逗号必须是英文逗号"
@@ -177,8 +208,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(_component_el_form_item, { label: "引入的Js : " }, {
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
-                            modelValue: unref(CmsSettings).part.doc.css,
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(CmsSettings).part.doc.css = $event),
+                            modelValue: unref(CmsSettings).part.doc.js,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(CmsSettings).part.doc.js = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个 js url ， 号分割，逗号必须是英文逗号"
@@ -206,7 +237,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useTop,
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(CmsSettings).content.useTop = $event)
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(CmsSettings).content.useTop = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -215,7 +246,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useNew,
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(CmsSettings).content.useNew = $event)
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(CmsSettings).content.useNew = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -224,7 +255,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useHotRecommend,
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(CmsSettings).content.useHotRecommend = $event)
+                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(CmsSettings).content.useHotRecommend = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -233,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.usePartRecommend,
-                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(CmsSettings).content.usePartRecommend = $event)
+                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(CmsSettings).content.usePartRecommend = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -242,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useTags,
-                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(CmsSettings).content.useTags = $event)
+                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(CmsSettings).content.useTags = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -251,7 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useAtlas,
-                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(CmsSettings).content.useAtlas = $event)
+                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(CmsSettings).content.useAtlas = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -260,7 +291,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
                             modelValue: unref(CmsSettings).content.coverImageSize,
-                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(CmsSettings).content.coverImageSize = $event),
+                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(CmsSettings).content.coverImageSize = $event),
                             placeholder: "",
                             style: { "max-width": "200px" }
                           }, null, 8, ["modelValue"])
@@ -271,7 +302,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
                             modelValue: unref(CmsSettings).content.bannerImageSize,
-                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(CmsSettings).content.bannerImageSize = $event),
+                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(CmsSettings).content.bannerImageSize = $event),
                             placeholder: "",
                             style: { "max-width": "200px" }
                           }, null, 8, ["modelValue"])
@@ -297,7 +328,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
                             modelValue: unref(CmsSettings).content.doc.css,
-                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(CmsSettings).content.doc.css = $event),
+                            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(CmsSettings).content.doc.css = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个css url ， 号分割，逗号必须是英文逗号"
@@ -308,8 +339,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(_component_el_form_item, { label: "引入的Js : " }, {
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
-                            modelValue: unref(CmsSettings).content.doc.css,
-                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(CmsSettings).content.doc.css = $event),
+                            modelValue: unref(CmsSettings).content.doc.js,
+                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(CmsSettings).content.doc.js = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个 js url ， 号分割，逗号必须是英文逗号"

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\" label-position=\"top\">\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.css\"\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.css\"\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":";;;;;;;;;;;;;;;;;;;;;;AAyHM,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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/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":["\nimport { unref,ref,reactive,defineComponent, computed } from 'vue'\nimport { \n  ElButton,ElTabs,ElTabPane,ElInput,ElImage,ElIcon\n} from \"element-plus\";\nimport { Share,UploadFilled,Picture } from \"@element-plus/icons-vue\";\nimport {  MsMaterialTable } from \"../../../../modules/ms/dataviews/ms-material\";\nimport { MKMaterialList } from \"../../../../modules/ms/components/material-list\";\nimport { fileSelect } from \"@maketribe/utils\";\n\n/**\n * 图片预览显示\n */\nconst ImageView = defineComponent({\n  props:[\"src\"],\n  setup(props,{ emit }){\n\n    return ()=>{\n\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={{\n        error:()=>{\n          return <div style=\"\n              font-size: 50px;\n              display: flex;\n              align-content: center;\n              justify-content: center;\n              align-items: center;\n              height: 100%;\n          \">\n            <ElIcon><Picture /></ElIcon>\n          </div>\n        }\n      }}>\n      </ElImage>;\n    }\n  }\n})\n\n\nexport default defineComponent({\n  name: 'ImageSelectPanelComponent',\n  props:[\"modelValue\"],\n  setup(props,{ emit }){\n\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n    // 激活的tab\n    const activeTabName = ref(\"l\");\n    // 选择素材\n    materialTable.selectionChangeEvent.on(()=>{\n      let id = materialTable.getSelection()[0];\n      if(id){\n        modelValue.value = materialTable.getList().find(item=>item.id == id)?.path;\n      }\n      else{\n        modelValue.value = \"\";\n      }\n    })\n\n    // 选择本地图片\n    const selectLocalImage = async ()=>{\n\n      const file = await fileSelect({ accept:\"image/*\"});\n        \n      if (file) {\n\n        const fileRender = new FileReader();\n        fileRender.onload = async (data:any)=>{\n          modelValue.value = data.target.result as string;\n        }\n        fileRender.readAsDataURL(file)\n      }\n    }\n\n    return ()=>{\n\n      return <ElTabs style=\"min-height: 520px\" v-model={activeTabName.value}>\n      <ElTabPane label=\"本地选择\" name=\"l\">\n        <ElButton icon={UploadFilled} type=\"primary\" style=\"width: 100%\" onClick={selectLocalImage}>\n          选择本地文件\n        </ElButton>\n        <ImageView src={unref(modelValue)} />\n      </ElTabPane>\n      <ElTabPane label=\"素材库选择\" name=\"m\">\n       <MKMaterialList style={{height:\"520px\"}} selectable materialTable={materialTable} allowMaterialTypeValues={[1]} />\n      </ElTabPane>\n      <ElTabPane label=\"网络图片\" name=\"n\">\n        {/* <ElInput v-model={modelValue.value} prefix-icon={Share} style=\"width: 100%\" placeholder=\"请输入链接地址\">\n        </ElInput> */}\n        <ImageView src={unref(modelValue)} />\n      </ElTabPane>\n    </ElTabs>;\n    }\n  }\n})\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"],"mappings":";;;;;;;AAaA,MAAMA,YAAYC,gCAAgB;AAAA,EAChCC,OAAM,CAAC,KAAK;AAAA,EACZC,MAAMD,OAAM;AAAA,IAAEE;AAAAA,EAAK,GAAE;AAEnB,WAAO,MAAI;AAET,aAAAC,YAAAC,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAAiIC,MAAML,MAAMM,GAAG;AAAA,QAAC,OAAA;AAAA,SAAyB;AAAA,QACxKC,OAAMA,MAAI;AACR,iBAAAJ,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAK,QAAA,MAAA;AAAA,YAAAC,SAAAA,MAAAN,CAAAA,YAAAO,SAAA,MAAA,IAAA,CAAA;AAAA,UAAA,CAAA,CAAA,CAAA;AAAA,QAUF;AAAA,OACD;AAAA;EAGL;AACF,CAAC;AAGD,MAAeX,mDAAgB;AAAA,EAC7BY,MAAM;AAAA,EACNX,OAAM,CAAC,YAAY;AAAA,EACnBC,MAAMD,OAAM;AAAA,IAAEE;AAAAA,EAAK,GAAE;AAEnB,UAAMU,gBAAgBC,SAAS,IAAIC,gBAAiB,CAAA;AAEpD,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMjB,MAAMe;AAAAA,MACjBG,KAAMC,OAAM;AACVjB,aAAK,sBAAsBiB,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,gBAAgBC,IAAI,GAAG;AAE7BT,kBAAcU,qBAAqBC,GAAG,MAAI;;AACxC,UAAIC,KAAKZ,cAAca,aAAc,EAAC,CAAC;AACvC,UAAGD,IAAG;AACJT,mBAAWW,SAAQd,mBAAce,UAAUC,KAAKC,UAAMA,KAAKL,MAAMA,EAAE,MAAhDZ,mBAAmDkB;AAAAA,MACxE,OACI;AACFf,mBAAWW,QAAQ;AAAA,MACrB;AAAA,IACF,CAAC;AAGD,UAAMK,mBAAmB,YAAU;AAEjC,YAAMC,OAAO,MAAMC,WAAW;AAAA,QAAEC,QAAO;AAAA,MAAS,CAAC;AAEjD,UAAIF,MAAM;AAER,cAAMG,aAAa,IAAIC;AACvBD,mBAAWE,SAAS,OAAOC,SAAW;AACpCvB,qBAAWW,QAAQY,KAAKC,OAAOC;AAAAA;AAEjCL,mBAAWM,cAAcT,IAAI;AAAA,MAC/B;AAAA;AAGF,WAAO,MAAI;AAET,aAAA7B,YAAAuC,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAAkDtB,cAAcM;AAAAA,QAAK,uBAAAiB,YAAnBvB,cAAcM,QAAKiB;AAAAA,MAAA,GAAA;AAAA,QAAAlC,SAAAA,MAAAN,CAAAA,YAAAyC,WAAA;AAAA,UAAA,SAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA;AAAA,UAAAnC,SAAAA,MAAAN,CAAAA,YAAA0C,UAAA;AAAA,YAAA,QAEnDC;AAAAA,YAAY,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAA8Cf;AAAAA,UAAgB,GAAA;AAAA,YAAAtB,SAAAA,MAAA,CAAAsC,gBAAA,QAAA,CAAA;AAAA,WAAA5C,GAAAA,YAAAL,WAAA;AAAA,YAAA,OAG1EO,MAAMU,UAAU;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,SAAAZ,GAAAA,YAAAyC,WAAA;AAAA,UAAA,SAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA;AAAA,UAAAnC,SAAAA,MAAAN,CAAAA,YAAA6C,gBAAA;AAAA,YAAA,SAGX;AAAA,cAACC,QAAO;AAAA,YAAQ;AAAA,YAAA,cAAA;AAAA,YAAA,iBAA4BrC;AAAAA,YAAa,2BAA2B,CAAC,CAAC;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,SAAAT,GAAAA,YAAAyC,WAAA;AAAA,UAAA,SAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA;AAAA,UAAAnC,SAAAA,MAAAN,CAAAA,YAAAL,WAAA;AAAA,YAAA,OAK7FO,MAAMU,UAAU;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAIvC;AACF,CAAC;"}

package/dist/esm/modules/ms/components/markdown-editor/markdown-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-editor.js","sources":["../../../../../../src/modules/ms/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n} from \"vue\";\n// @ts-ignore\nimport Vditor from \"vditor\";\nimport {\n  markdownEditorEmits,\n  markdownEditorProps,\n} from \"./markdown-editor-options\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\nimport { MKMaterialSelect } from \"../material-select\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"MKMarkdownEditor\",\n  props: markdownEditorProps,\n  emits: markdownEditorEmits,\n  setup(props, { emit }) {\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\n\n    const _uid = uid++;\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    onMounted(() => {\n      const disposable = new Disposable();\n\n      const vditor = new Vditor(unref(markdownEl)!, {\n        cache: { id: `vditor${_uid}` },\n        toolbar: [\n          \"emoji\",\n          \"headings\",\n          \"bold\",\n          \"italic\",\n          \"strike\",\n          \"link\",\n          \"|\",\n          \"list\",\n          \"ordered-list\",\n          \"check\",\n          \"outdent\",\n          \"indent\",\n          \"|\",\n          \"quote\",\n          \"line\",\n          \"code\",\n          \"inline-code\",\n          \"insert-before\",\n          \"insert-after\",\n          \"|\",\n          {\n            name: \"material\",\n            tipPosition: \"s\",\n            tip: \"素材\",\n            icon: `<svg><use xlink:href=\"#icon-image\" /></svg>`,\n            click: async () => {\n              const response = await MKMaterialSelect();\n\n              if (!response.success) {\n                return;\n              }\n\n              vditor.insertValue(`![图片](${response.path})`);\n            },\n          },\n          \"record\",\n          \"table\",\n          \"|\",\n          \"undo\",\n          \"redo\",\n          \"|\",\n          \"fullscreen\",\n          \"edit-mode\",\n          {\n            name: \"more\",\n            toolbar: [\n              \"both\",\n              \"code-theme\",\n              \"content-theme\",\n              \"export\",\n              \"outline\",\n              \"preview\",\n              \"devtools\",\n              \"info\",\n              \"help\",\n            ],\n          },\n        ],\n        after: () => {\n          vditor!.setValue(modelValue.value || \"\");\n\n          const _markdownEl = unref(markdownEl)!;\n\n          const handleContentChange = () => {\n            modelValue.value = vditor!.getValue();\n          };\n\n          _markdownEl.addEventListener(\"input\", handleContentChange);\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\n\n          disposable.register(\n            createDisposable(() => {\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\n            })\n          );\n        },\n      });\n\n      onBeforeUnmount(() => {\n        disposable.dispose();\n        vditor?.destroy();\n      });\n    });\n\n    return () => {\n      return (\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\n      );\n    };\n  },\n});\n"],"names":["uid","defineComponent","name","props","markdownEditorProps","emits","markdownEditorEmits","setup","emit","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","toolbar","tipPosition","tip","icon","click","response","MKMaterialSelect","success","insertValue","path","after","setValue","value","_markdownEl","handleContentChange","getValue","addEventListener","register","createDisposable","removeEventListener","onBeforeUnmount","dispose","destroy","_createVNode","el"],"mappings":";;;;;AAkBA,IAAIA,MAAM;AAEV,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAsCC,IAAI,IAAI;AAEpD,UAAMC,OAAOX;AAEb,UAAMY,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMX,MAAMS;AAAAA,MACjBG,KAAMC,OAAcR,KAAK,sBAAsBQ,CAAC;AAAA,IAClD,CAAC;AAEDC,cAAU,MAAM;AACd,YAAMC,aAAa,IAAIC;AAEvB,YAAMC,SAAS,IAAIC,OAAOC,MAAMb,UAAU,GAAI;AAAA,QAC5Cc,OAAO;AAAA,UAAEC,IAAI,SAASb,IAAI;AAAA,QAAI;AAAA,QAC9Bc,SAAS,CACP,SACA,YACA,QACA,UACA,UACA,QACA,KACA,QACA,gBACA,SACA,WACA,UACA,KACA,SACA,QACA,QACA,eACA,iBACA,gBACA,KACA;AAAA,UACEvB,MAAM;AAAA,UACNwB,aAAa;AAAA,UACbC,KAAK;AAAA,UACLC,MAAM;AAAA,UACNC,OAAO,YAAY;AACjB,kBAAMC,WAAW,MAAMC;AAEvB,gBAAI,CAACD,SAASE,SAAS;AACrB;AAAA,YACF;AAEAZ,mBAAOa,YAAY,SAASH,SAASI,IAAI,GAAG;AAAA,UAC9C;AAAA,QACF,GACA,UACA,SACA,KACA,QACA,QACA,KACA,cACA,aACA;AAAA,UACEhC,MAAM;AAAA,UACNuB,SAAS,CACP,QACA,cACA,iBACA,UACA,WACA,WACA,YACA,QACA,MAAM;AAAA,QAEV,CAAC;AAAA,QAEHU,OAAOA,MAAM;AACXf,iBAAQgB,SAASxB,WAAWyB,SAAS,EAAE;AAEvC,gBAAMC,cAAchB,MAAMb,UAAU;AAEpC,gBAAM8B,sBAAsBA,MAAM;AAChC3B,uBAAWyB,QAAQjB,OAAQoB;;AAG7BF,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,WAAWF,mBAAmB;AAC3DD,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,SAASF,mBAAmB;AAEzDrB,qBAAWwB,SACTC,iBAAiB,MAAM;AACrBL,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,WAAWL,mBAAmB;AAC9DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAAA,UAC7D,CAAA,CACH;AAAA,QACF;AAAA,MACF,CAAC;AAEDM,sBAAgB,MAAM;AACpB3B,mBAAW4B,QAAO;AAClB1B,yCAAQ2B;AAAAA,MACV,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAA,OAAA;AAAA,QAAA,OACcC,QAAqBxC,WAAW4B,QAAQY;AAAAA,MAAG,GAAA,IAAA;AAAA;EAG7D;AACF,CAAC;"}
+{"version":3,"file":"markdown-editor.js","sources":["../../../../../../src/modules/ms/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  onBeforeUnmount,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n} from \"vue\";\r\n// @ts-ignore\r\nimport Vditor from \"vditor\";\r\nimport {\r\n  markdownEditorEmits,\r\n  markdownEditorProps,\r\n} from \"./markdown-editor-options\";\r\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\r\nimport { MKMaterialSelect } from \"../material-select\";\r\n\r\nlet uid = 0;\r\n\r\nexport default defineComponent({\r\n  name: \"MKMarkdownEditor\",\r\n  props: markdownEditorProps,\r\n  emits: markdownEditorEmits,\r\n  setup(props, { emit }) {\r\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    const _uid = uid++;\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v: string) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    onMounted(() => {\r\n      const disposable = new Disposable();\r\n\r\n      const vditor = new Vditor(unref(markdownEl)!, {\r\n        cache: { id: `vditor${_uid}` },\r\n        toolbar: [\r\n          \"emoji\",\r\n          \"headings\",\r\n          \"bold\",\r\n          \"italic\",\r\n          \"strike\",\r\n          \"link\",\r\n          \"|\",\r\n          \"list\",\r\n          \"ordered-list\",\r\n          \"check\",\r\n          \"outdent\",\r\n          \"indent\",\r\n          \"|\",\r\n          \"quote\",\r\n          \"line\",\r\n          \"code\",\r\n          \"inline-code\",\r\n          \"insert-before\",\r\n          \"insert-after\",\r\n          \"|\",\r\n          {\r\n            name: \"material\",\r\n            tipPosition: \"s\",\r\n            tip: \"素材\",\r\n            icon: `<svg><use xlink:href=\"#icon-image\" /></svg>`,\r\n            click: async () => {\r\n              const response = await MKMaterialSelect();\r\n\r\n              if (!response.success) {\r\n                return;\r\n              }\r\n\r\n              vditor.insertValue(`![图片](${response.path})`);\r\n            },\r\n          },\r\n          \"record\",\r\n          \"table\",\r\n          \"|\",\r\n          \"undo\",\r\n          \"redo\",\r\n          \"|\",\r\n          \"fullscreen\",\r\n          \"edit-mode\",\r\n          {\r\n            name: \"more\",\r\n            toolbar: [\r\n              \"both\",\r\n              \"code-theme\",\r\n              \"content-theme\",\r\n              \"export\",\r\n              \"outline\",\r\n              \"preview\",\r\n              \"devtools\",\r\n              \"info\",\r\n              \"help\",\r\n            ],\r\n          },\r\n        ],\r\n        after: () => {\r\n          vditor!.setValue(modelValue.value || \"\");\r\n\r\n          const _markdownEl = unref(markdownEl)!;\r\n\r\n          const handleContentChange = () => {\r\n            modelValue.value = vditor!.getValue();\r\n          };\r\n\r\n          _markdownEl.addEventListener(\"input\", handleContentChange);\r\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\r\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\r\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\r\n\r\n          disposable.register(\r\n            createDisposable(() => {\r\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\r\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\r\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\r\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\r\n            })\r\n          );\r\n        },\r\n      });\r\n\r\n      onBeforeUnmount(() => {\r\n        disposable.dispose();\r\n        vditor?.destroy();\r\n      });\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["uid","defineComponent","name","props","markdownEditorProps","emits","markdownEditorEmits","setup","emit","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","toolbar","tipPosition","tip","icon","click","response","MKMaterialSelect","success","insertValue","path","after","setValue","value","_markdownEl","handleContentChange","getValue","addEventListener","register","createDisposable","removeEventListener","onBeforeUnmount","dispose","destroy","_createVNode","el"],"mappings":";;;;;AAkBA,IAAIA,MAAM;AAEV,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAsCC,IAAI,IAAI;AAEpD,UAAMC,OAAOX;AAEb,UAAMY,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMX,MAAMS;AAAAA,MACjBG,KAAMC,OAAcR,KAAK,sBAAsBQ,CAAC;AAAA,IAClD,CAAC;AAEDC,cAAU,MAAM;AACd,YAAMC,aAAa,IAAIC;AAEvB,YAAMC,SAAS,IAAIC,OAAOC,MAAMb,UAAU,GAAI;AAAA,QAC5Cc,OAAO;AAAA,UAAEC,IAAI,SAASb,IAAI;AAAA,QAAI;AAAA,QAC9Bc,SAAS,CACP,SACA,YACA,QACA,UACA,UACA,QACA,KACA,QACA,gBACA,SACA,WACA,UACA,KACA,SACA,QACA,QACA,eACA,iBACA,gBACA,KACA;AAAA,UACEvB,MAAM;AAAA,UACNwB,aAAa;AAAA,UACbC,KAAK;AAAA,UACLC,MAAM;AAAA,UACNC,OAAO,YAAY;AACjB,kBAAMC,WAAW,MAAMC;AAEvB,gBAAI,CAACD,SAASE,SAAS;AACrB;AAAA,YACF;AAEAZ,mBAAOa,YAAY,SAASH,SAASI,IAAI,GAAG;AAAA,UAC9C;AAAA,QACF,GACA,UACA,SACA,KACA,QACA,QACA,KACA,cACA,aACA;AAAA,UACEhC,MAAM;AAAA,UACNuB,SAAS,CACP,QACA,cACA,iBACA,UACA,WACA,WACA,YACA,QACA,MAAM;AAAA,QAEV,CAAC;AAAA,QAEHU,OAAOA,MAAM;AACXf,iBAAQgB,SAASxB,WAAWyB,SAAS,EAAE;AAEvC,gBAAMC,cAAchB,MAAMb,UAAU;AAEpC,gBAAM8B,sBAAsBA,MAAM;AAChC3B,uBAAWyB,QAAQjB,OAAQoB;;AAG7BF,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,WAAWF,mBAAmB;AAC3DD,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,SAASF,mBAAmB;AAEzDrB,qBAAWwB,SACTC,iBAAiB,MAAM;AACrBL,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,WAAWL,mBAAmB;AAC9DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAAA,UAC7D,CAAA,CACH;AAAA,QACF;AAAA,MACF,CAAC;AAEDM,sBAAgB,MAAM;AACpB3B,mBAAW4B,QAAO;AAClB1B,yCAAQ2B;AAAAA,MACV,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAA,OAAA;AAAA,QAAA,OACcC,QAAqBxC,WAAW4B,QAAQY;AAAAA,MAAG,GAAA,IAAA;AAAA;EAG7D;AACF,CAAC;"}

package/dist/esm/modules/ms/components/material-list/components/file-view/file-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/file-view/file-view.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { ElButton, ElIcon } from \"element-plus\";\nimport { Document, Download } from \"@element-plus/icons-vue\";\nimport { fileViewProps } from \"./file-view-options\";\n\nexport default defineComponent({\n  name: \"MKFileView\",\n  props: fileViewProps,\n  setup(props) {\n    const handleDownloadClick = () => {\n      const a = document.createElement(\"a\");\n      a.setAttribute(\"download\", new Date().getTime().toString());\n      a.target = \"_blank\";\n      a.href = props.src;\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\n\n      document.body.append(a);\n      a.click();\n\n      setTimeout(() => {\n        document.body.removeChild(a);\n      });\n    };\n\n    return () => (\n      <div class=\"mk-file-view\">\n        <ElIcon size=\"20\">\n          <Document />\n        </ElIcon>\n        <div class=\"mk-file-view__tools\">\n          <ElButton\n            type=\"primary\"\n            icon={Download}\n            onClick={handleDownloadClick}\n          />\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","fileViewProps","setup","handleDownloadClick","a","document","createElement","setAttribute","Date","getTime","toString","target","href","src","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","_createVNode","ElIcon","default","Document","ElButton","Download"],"mappings":";;;;AAKA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,sBAAsBA,MAAM;AAChC,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOZ,MAAMa;AACfC,aAAOC,OAAOX,EAAEY,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDb,eAASc,KAAKC,OAAOhB,CAAC;AACtBA,QAAEiB,MAAK;AAEPC,iBAAW,MAAM;AACfjB,iBAASc,KAAKI,YAAYnB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGH,WAAO,MAAAoB,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAC,QAAA;AAAA,MAAA,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAF,CAAAA,YAAAG,UAAA,MAAA,IAAA,CAAA;AAAA,IAAA,CAAA,GAAAH,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAI,UAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAQOC;AAAAA,MAAQ,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;"}
+{"version":3,"file":"file-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/file-view/file-view.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { ElButton, ElIcon } from \"element-plus\";\r\nimport { Document, Download } from \"@element-plus/icons-vue\";\r\nimport { fileViewProps } from \"./file-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFileView\",\r\n  props: fileViewProps,\r\n  setup(props) {\r\n    const handleDownloadClick = () => {\r\n      const a = document.createElement(\"a\");\r\n      a.setAttribute(\"download\", new Date().getTime().toString());\r\n      a.target = \"_blank\";\r\n      a.href = props.src;\r\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\r\n\r\n      document.body.append(a);\r\n      a.click();\r\n\r\n      setTimeout(() => {\r\n        document.body.removeChild(a);\r\n      });\r\n    };\r\n\r\n    return () => (\r\n      <div class=\"mk-file-view\">\r\n        <ElIcon size=\"20\">\r\n          <Document />\r\n        </ElIcon>\r\n        <div class=\"mk-file-view__tools\">\r\n          <ElButton\r\n            type=\"primary\"\r\n            icon={Download}\r\n            onClick={handleDownloadClick}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","fileViewProps","setup","handleDownloadClick","a","document","createElement","setAttribute","Date","getTime","toString","target","href","src","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","_createVNode","ElIcon","default","Document","ElButton","Download"],"mappings":";;;;AAKA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,sBAAsBA,MAAM;AAChC,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOZ,MAAMa;AACfC,aAAOC,OAAOX,EAAEY,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDb,eAASc,KAAKC,OAAOhB,CAAC;AACtBA,QAAEiB,MAAK;AAEPC,iBAAW,MAAM;AACfjB,iBAASc,KAAKI,YAAYnB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGH,WAAO,MAAAoB,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAC,QAAA;AAAA,MAAA,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAF,CAAAA,YAAAG,UAAA,MAAA,IAAA,CAAA;AAAA,IAAA,CAAA,GAAAH,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAI,UAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAQOC;AAAAA,MAAQ,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;"}

package/dist/esm/modules/ms/components/material-list/components/image-view/image-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/image-view/image-view.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElImage } from \"element-plus\";\nimport { imageViewProps } from \"./image-view-options\";\n\nexport default defineComponent({\n  name: \"MKImageView\",\n  inheritAttrs: false,\n  props: imageViewProps,\n  setup(props, { slots }) {\n    const showPreview = computed(() => props.showPreview);\n\n    const src = computed(() => props.src);\n\n    const previewSrcList = computed(() =>\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\n    );\n\n    return () => (\n      <ElImage\n        class=\"mk-image-view\"\n        src={unref(src)}\n        v-slots={slots}\n        fit=\"cover\"\n        previewSrcList={unref(previewSrcList)}\n        preview-teleported\n        hide-on-click-modal\n      />\n    );\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;AAIA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,SAAS,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,SAAS,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,SAAS,MAC9BG,MAAMJ,WAAW,KAAKI,MAAMF,GAAG,IAAI,CAACE,MAAMF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,YAAAC,SAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,MAAMF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCE,MAAMD,cAAc;AAAA,MAAC,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF5BJ,KAAK;AAAA,EAOpB;AACF,CAAC;"}
+{"version":3,"file":"image-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/image-view/image-view.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElImage } from \"element-plus\";\r\nimport { imageViewProps } from \"./image-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKImageView\",\r\n  inheritAttrs: false,\r\n  props: imageViewProps,\r\n  setup(props, { slots }) {\r\n    const showPreview = computed(() => props.showPreview);\r\n\r\n    const src = computed(() => props.src);\r\n\r\n    const previewSrcList = computed(() =>\r\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\r\n    );\r\n\r\n    return () => (\r\n      <ElImage\r\n        class=\"mk-image-view\"\r\n        src={unref(src)}\r\n        v-slots={slots}\r\n        fit=\"cover\"\r\n        previewSrcList={unref(previewSrcList)}\r\n        preview-teleported\r\n        hide-on-click-modal\r\n      />\r\n    );\r\n  },\r\n});\r\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;AAIA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,SAAS,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,SAAS,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,SAAS,MAC9BG,MAAMJ,WAAW,KAAKI,MAAMF,GAAG,IAAI,CAACE,MAAMF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,YAAAC,SAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,MAAMF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCE,MAAMD,cAAc;AAAA,MAAC,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF5BJ,KAAK;AAAA,EAOpB;AACF,CAAC;"}

package/dist/esm/modules/ms/components/material-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/material-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport MaterialList from \"./material-list\";\n\nexport const MKMaterialList = withInstall(MaterialList);\nexport default MKMaterialList;\n\nexport * from \"./material-list-options\";\n"],"names":[],"mappings":";;;AAGa,MAAA,iBAAiB,YAAY,YAAY;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/material-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport MaterialList from \"./material-list\";\r\n\r\nexport const MKMaterialList = withInstall(MaterialList);\r\nexport default MKMaterialList;\r\n\r\nexport * from \"./material-list-options\";\r\n"],"names":[],"mappings":";;;AAGa,MAAA,iBAAiB,YAAY,YAAY;"}

package/dist/esm/modules/ms/components/material-list/material-group-form-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-group-form-popover.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group-form-popover.tsx"],"sourcesContent":["import { defineComponent, reactive, computed, unref, ref } from \"vue\";\nimport { ElButton, ElPopover } from \"element-plus\";\nimport { MKDataForm, MKForm } from \"../../../../components/data-model\";\nimport { MsMaterialGroupForm, MsMaterialGroupTree } from \"../../dataviews/ms-material\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport default defineComponent({\n  name: \"MKMaterialFormPopover\",\n  props: buildProps({\n    materialGroupTree: {\n      type: MsMaterialGroupTree,\n      required: true,\n    },\n    materialGroupForm: {\n      type: MsMaterialGroupForm,\n      required: true,\n    },\n  } as const),\n  setup(props, { slots }) {\n    const visible = ref(false);\n\n    const loading = computed(() => props.materialGroupForm.loading);\n\n    const handleConfirmClick = async () => {\n      await props.materialGroupForm.simpleSubmit();\n\n      props.materialGroupTree.load();\n\n      visible.value = false;\n    };\n\n    const handleCancelClick = () => {\n      visible.value = false;\n    };\n\n    return () => {\n      return (\n        <ElPopover\n          visible={unref(visible)}\n          onUpdate:visible={(v: boolean) => (visible.value = v)}\n          title=\"添加素材分组\"\n          effect=\"light\"\n          placement=\"right\"\n          trigger=\"click\"\n          width=\"320\"\n          v-slots={{\n            reference: () => slots.default?.(),\n          }}\n        >\n          <div>\n            <MKDataForm data-form={props.materialGroupForm}>\n              <MKForm />\n            </MKDataForm>\n            <div class=\"mk-material-list__group-form-footer\">\n              <ElButton onClick={handleCancelClick}>取消</ElButton>\n              <ElButton\n                type=\"primary\"\n                loading={unref(loading)}\n                onClick={handleConfirmClick}\n              >\n                保存\n              </ElButton>\n            </div>\n          </div>\n        </ElPopover>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","materialGroupForm","MsMaterialGroupForm","setup","slots","visible","ref","loading","computed","handleConfirmClick","simpleSubmit","load","value","handleCancelClick","_createVNode","ElPopover","unref","v","default","MKDataForm","MKForm","ElButton","_createTextVNode","reference"],"mappings":";;;;;;;;;;;;;;;;AAMA,MAAeA,2DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,WAAW;AAAA,IAChBC,mBAAmB;AAAA,MACjBC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACX;AAAA,IACDC,mBAAmB;AAAA,MACjBH,MAAMI;AAAAA,MACNF,UAAU;AAAA,IACZ;AAAA,EACF,CAAU;AAAA,EACVG,MAAMR,OAAO;AAAA,IAAES;AAAAA,EAAM,GAAG;AACtB,UAAMC,UAAUC,IAAI,KAAK;AAEzB,UAAMC,UAAUC,SAAS,MAAMb,MAAMM,kBAAkBM,OAAO;AAE9D,UAAME,qBAAqB,YAAY;AACrC,YAAMd,MAAMM,kBAAkBS;AAE9Bf,YAAME,kBAAkBc;AAExBN,cAAQO,QAAQ;AAAA;AAGlB,UAAMC,oBAAoBA,MAAM;AAC9BR,cAAQO,QAAQ;AAAA;AAGlB,WAAO,MAAM;AACX,aAAAE,YAAAC,WAAA;AAAA,QAAA,WAEaC,MAAMX,OAAO;AAAA,QAAC,oBACJY,OAAgBZ,QAAQO,QAAQK;AAAAA,QAAE,SAAA;AAAA,QAAA,UAAA;AAAA,QAAA,aAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAAAJ,YAAAA,OAAAA,MAAAA,CAAAA,YAAAK,YAAA;AAAA,UAAA,aAW5BxB,MAAMM;AAAAA,QAAiB,GAAA;AAAA,UAAAiB,SAAAA,MAAAJ,CAAAA,YAAAM,QAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,GAAAN,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAO,UAAA;AAAA,UAAA,WAIzBR;AAAAA,QAAiB,GAAA;AAAA,UAAAK,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,YAAAO,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGzBL,MAAMT,OAAO;AAAA,UAAC,WACdE;AAAAA,QAAkB,GAAA;AAAA,UAAAS,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAZ/BC,WAAWA,MAAAA;;AAAMnB,6BAAMc,YAANd;AAAAA;AAAAA,MAAiB,CAAA;AAAA;EAqB5C;AACF,CAAC;"}
+{"version":3,"file":"material-group-form-popover.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group-form-popover.tsx"],"sourcesContent":["import { defineComponent, reactive, computed, unref, ref } from \"vue\";\r\nimport { ElButton, ElPopover } from \"element-plus\";\r\nimport { MKDataForm, MKForm } from \"../../../../components/data-model\";\r\nimport { MsMaterialGroupForm, MsMaterialGroupTree } from \"../../dataviews/ms-material\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKMaterialFormPopover\",\r\n  props: buildProps({\r\n    materialGroupTree: {\r\n      type: MsMaterialGroupTree,\r\n      required: true,\r\n    },\r\n    materialGroupForm: {\r\n      type: MsMaterialGroupForm,\r\n      required: true,\r\n    },\r\n  } as const),\r\n  setup(props, { slots }) {\r\n    const visible = ref(false);\r\n\r\n    const loading = computed(() => props.materialGroupForm.loading);\r\n\r\n    const handleConfirmClick = async () => {\r\n      await props.materialGroupForm.simpleSubmit();\r\n\r\n      props.materialGroupTree.load();\r\n\r\n      visible.value = false;\r\n    };\r\n\r\n    const handleCancelClick = () => {\r\n      visible.value = false;\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElPopover\r\n          visible={unref(visible)}\r\n          onUpdate:visible={(v: boolean) => (visible.value = v)}\r\n          title=\"添加素材分组\"\r\n          effect=\"light\"\r\n          placement=\"right\"\r\n          trigger=\"click\"\r\n          width=\"320\"\r\n          v-slots={{\r\n            reference: () => slots.default?.(),\r\n          }}\r\n        >\r\n          <div>\r\n            <MKDataForm data-form={props.materialGroupForm}>\r\n              <MKForm />\r\n            </MKDataForm>\r\n            <div class=\"mk-material-list__group-form-footer\">\r\n              <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n              <ElButton\r\n                type=\"primary\"\r\n                loading={unref(loading)}\r\n                onClick={handleConfirmClick}\r\n              >\r\n                保存\r\n              </ElButton>\r\n            </div>\r\n          </div>\r\n        </ElPopover>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","materialGroupForm","MsMaterialGroupForm","setup","slots","visible","ref","loading","computed","handleConfirmClick","simpleSubmit","load","value","handleCancelClick","_createVNode","ElPopover","unref","v","default","MKDataForm","MKForm","ElButton","_createTextVNode","reference"],"mappings":";;;;;;;;;;;;;;;;AAMA,MAAeA,2DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,WAAW;AAAA,IAChBC,mBAAmB;AAAA,MACjBC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACX;AAAA,IACDC,mBAAmB;AAAA,MACjBH,MAAMI;AAAAA,MACNF,UAAU;AAAA,IACZ;AAAA,EACF,CAAU;AAAA,EACVG,MAAMR,OAAO;AAAA,IAAES;AAAAA,EAAM,GAAG;AACtB,UAAMC,UAAUC,IAAI,KAAK;AAEzB,UAAMC,UAAUC,SAAS,MAAMb,MAAMM,kBAAkBM,OAAO;AAE9D,UAAME,qBAAqB,YAAY;AACrC,YAAMd,MAAMM,kBAAkBS;AAE9Bf,YAAME,kBAAkBc;AAExBN,cAAQO,QAAQ;AAAA;AAGlB,UAAMC,oBAAoBA,MAAM;AAC9BR,cAAQO,QAAQ;AAAA;AAGlB,WAAO,MAAM;AACX,aAAAE,YAAAC,WAAA;AAAA,QAAA,WAEaC,MAAMX,OAAO;AAAA,QAAC,oBACJY,OAAgBZ,QAAQO,QAAQK;AAAAA,QAAE,SAAA;AAAA,QAAA,UAAA;AAAA,QAAA,aAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAAAJ,YAAAA,OAAAA,MAAAA,CAAAA,YAAAK,YAAA;AAAA,UAAA,aAW5BxB,MAAMM;AAAAA,QAAiB,GAAA;AAAA,UAAAiB,SAAAA,MAAAJ,CAAAA,YAAAM,QAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,GAAAN,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAO,UAAA;AAAA,UAAA,WAIzBR;AAAAA,QAAiB,GAAA;AAAA,UAAAK,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,YAAAO,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGzBL,MAAMT,OAAO;AAAA,UAAC,WACdE;AAAAA,QAAkB,GAAA;AAAA,UAAAS,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAZ/BC,WAAWA,MAAAA;;AAAMnB,6BAAMc,YAANd;AAAAA;AAAAA,MAAiB,CAAA;AAAA;EAqB5C;AACF,CAAC;"}

package/dist/esm/modules/ms/components/material-list/material-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-group.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  ref,\n  Ref,\n  unref,\n} from \"vue\";\nimport {\n  ElButton,\n  ElIcon,\n  ElMessage,\n  ElMessageBox,\n  ElScrollbar,\n  ElTooltip,\n} from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport {\n  MsMaterialGroupForm,\n  MsMaterialGroupNode,\n  MsMaterialGroupTree,\n} from \"../../dataviews/ms-material\";\nimport { MKDataTable, MKTree } from \"../../../../components/data-model\";\nimport MaterialGroupFormPopover from \"./material-group-form-popover\";\nimport { I18n } from \"@maketribe/locale\";\n\nexport default defineComponent({\n  name: \"MKMaterialGroup\",\n  props: buildProps({\n    materialGroupTree: {\n      type: MsMaterialGroupTree,\n      required: true,\n    },\n  } as const),\n  setup(props) {\n    const treeRef: Ref<typeof MKTree | null> = ref(null);\n\n    const materialGroupForm = reactive(\n      new MsMaterialGroupForm()\n    ) as MsMaterialGroupForm;\n\n    const materialGroupTree = computed(() => props.materialGroupTree);\n\n    const loading = computed(() => unref(materialGroupTree).loading);\n\n    onBeforeUnmount(() => {\n      materialGroupForm.dispose();\n    });\n\n    const handleAddClick = async (parent?: MsMaterialGroupNode) => {\n      materialGroupForm.addRecord();\n\n      await nextTick();\n\n      materialGroupForm.setData({\n        ...materialGroupForm.data,\n        parentGroupId: parent?.id || null,\n      } as MsMaterialGroupNode);\n    };\n\n    const handleEditClick = (item: MsMaterialGroupNode) => {\n      materialGroupForm.editRecord(item);\n    };\n\n    const handleDeleteClick = async (item: MsMaterialGroupNode) => {\n      const isConfirm = await ElMessageBox.confirm(\n        I18n.instance.translate(\"mk.dataTablePage.deleteMessage\"),\n        I18n.instance.translate(\"mk.dataTablePage.deleteTitle\"),\n        { type: \"warning\" }\n      ).then(\n        () => true,\n        () => false\n      );\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const result = await unref(materialGroupTree).deleteAfterRefresh(item);\n\n      if (result.data.code !== 200) {\n        ElMessage.error(result.data.msg);\n        return;\n      }\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-material-group\" v-loading={unref(loading)}>\n          <div class=\"mk-material-group__header\">\n            <div class=\"mk-material-group__header-title\">素材分组</div>\n            <MaterialGroupFormPopover\n              materialGroupTree={unref(materialGroupTree)}\n              materialGroupForm={materialGroupForm}\n            >\n              <ElButton\n                onClick={() => handleAddClick()}\n                icon={Plus}\n                size=\"small\"\n                type=\"primary\"\n              />\n            </MaterialGroupFormPopover>\n          </div>\n\n          <div class=\"mk-material-group__main\">\n            <ElScrollbar height=\"100%\">\n              <MKDataTable\n                dataTable={unref(materialGroupTree)}\n                highlight-current\n              >\n                <MKTree\n                  dataTree={unref(materialGroupTree)}\n                  allowSelectContainer={false}\n                  ref={((el: any) => (treeRef.value = el)) as any}\n                  v-slots={{\n                    \"node-tools\": ({ data }: any) => {\n                      return (\n                        <div\n                          class=\"mk-material-group__tools\"\n                          onClick={(e) => {\n                            e.preventDefault();\n                          }}\n                        >\n                          <ElTooltip content=\"添加\">\n                            <span class=\"mk-material-group__tools-item\">\n                              <MaterialGroupFormPopover\n                                materialGroupTree={unref(materialGroupTree)}\n                                materialGroupForm={materialGroupForm}\n                              >\n                                <span\n                                  onClick={(e) => handleAddClick(data.data)}\n                                >\n                                  <ElIcon>\n                                    <Plus />\n                                  </ElIcon>\n                                </span>\n                              </MaterialGroupFormPopover>\n                            </span>\n                          </ElTooltip>\n                          <ElTooltip content=\"编辑\">\n                            <span class=\"mk-material-group__tools-item\">\n                              <MaterialGroupFormPopover\n                                materialGroupTree={unref(materialGroupTree)}\n                                materialGroupForm={materialGroupForm}\n                              >\n                                <span\n                                  onClick={(e) => handleEditClick(data.data)}\n                                >\n                                  <ElIcon>\n                                    <Edit />\n                                  </ElIcon>\n                                </span>\n                              </MaterialGroupFormPopover>\n                            </span>\n                          </ElTooltip>\n                          <ElTooltip content=\"删除\">\n                            <span class=\"mk-material-group__tools-item\">\n                              <span\n                                onClick={() => handleDeleteClick(data.data)}\n                              >\n                                <ElIcon>\n                                  <Delete />\n                                </ElIcon>\n                              </span>\n                            </span>\n                          </ElTooltip>\n                        </div>\n                      );\n                    },\n                  }}\n                />\n              </MKDataTable>\n            </ElScrollbar>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","setup","treeRef","ref","materialGroupForm","reactive","MsMaterialGroupForm","computed","loading","unref","onBeforeUnmount","dispose","handleAddClick","parent","addRecord","nextTick","setData","data","parentGroupId","id","handleEditClick","item","editRecord","handleDeleteClick","isConfirm","ElMessageBox","confirm","I18n","instance","translate","then","result","deleteAfterRefresh","code","ElMessage","error","msg","_withDirectives","_createVNode","_createTextVNode","MaterialGroupFormPopover","default","ElButton","onClick","Plus","ElScrollbar","MKDataTable","MKTree","el","value","node-tools","e","preventDefault","ElTooltip","ElIcon","Edit","Delete","_resolveDirective"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,WAAW;AAAA,IAChBC,mBAAmB;AAAA,MACjBC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA,EACF,CAAU;AAAA,EACVC,MAAMN,OAAO;AACX,UAAMO,UAAqCC,IAAI,IAAI;AAEnD,UAAMC,oBAAoBC,SACxB,IAAIC,oBACN,CAAA;AAEA,UAAMT,oBAAoBU,SAAS,MAAMZ,MAAME,iBAAiB;AAEhE,UAAMW,UAAUD,SAAS,MAAME,MAAMZ,iBAAiB,EAAEW,OAAO;AAE/DE,oBAAgB,MAAM;AACpBN,wBAAkBO,QAAO;AAAA,IAC3B,CAAC;AAED,UAAMC,iBAAiB,OAAOC,WAAiC;AAC7DT,wBAAkBU,UAAS;AAE3B,YAAMC,SAAQ;AAEdX,wBAAkBY,QAAQ;AAAA,QACxB,GAAGZ,kBAAkBa;AAAAA,QACrBC,gBAAeL,iCAAQM,OAAM;AAAA,MAC/B,CAAwB;AAAA;AAG1B,UAAMC,kBAAmBC,UAA8B;AACrDjB,wBAAkBkB,WAAWD,IAAI;AAAA;AAGnC,UAAME,oBAAoB,OAAOF,SAA8B;AAC7D,YAAMG,YAAY,MAAMC,aAAaC,QACnCC,KAAKC,SAASC,UAAU,gCAAgC,GACxDF,KAAKC,SAASC,UAAU,8BAA8B,GACtD;AAAA,QAAE/B,MAAM;AAAA,MACV,CAAA,EAAEgC,KACA,MAAM,MACN,MAAM,KACR;AAEA,UAAI,CAACN,WAAW;AACd;AAAA,MACF;AAEA,YAAMO,SAAS,MAAMtB,MAAMZ,iBAAiB,EAAEmC,mBAAmBX,IAAI;AAErE,UAAIU,OAAOd,KAAKgB,SAAS,KAAK;AAC5BC,kBAAUC,MAAMJ,OAAOd,KAAKmB,GAAG;AAC/B;AAAA,MACF;AAAA;AAGF,WAAO,MAAM;AACX,aAAAC,eAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAC,gBAAA,MAAA,CAAA,CAAA,GAAAD,YAAAE,0BAAA;AAAA,QAAA,qBAK2B/B,MAAMZ,iBAAiB;AAAA,QAAC,qBACxBO;AAAAA,MAAiB,GAAA;AAAA,QAAAqC,SAAAA,MAAAH,CAAAA,YAAAI,UAAA;AAAA,UAAA,WAGzBC,MAAM/B,eAAgB;AAAA,UAAA,QACzBgC;AAAAA,UAAI,QAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA,GAAAN,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAO,aAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAA;AAAA,QAAAJ,SAAAA,MAAAH,CAAAA,YAAAQ,aAAA;AAAA,UAAA,aAUCrC,MAAMZ,iBAAiB;AAAA,UAAC,qBAAA;AAAA,QAAA,GAAA;AAAA,UAAA4C,SAAAA,MAAAH,CAAAA,YAAAS,QAAA;AAAA,YAAA,YAIvBtC,MAAMZ,iBAAiB;AAAA,YAAC,wBACZ;AAAA,YAAK,OACpBmD,QAAa9C,QAAQ+C,QAAQD;AAAAA,aAC3B;AAAA,YACP,cAAcE,CAAC;AAAA,cAAEjC;AAAAA,YAAU,MAAM;AAC/B,qBAAAqB,YAAA,OAAA;AAAA,gBAAA,SAAA;AAAA,gBAAA,WAGca,OAAM;AACdA,oBAAEC,eAAc;AAAA,gBAClB;AAAA,iBAACd,CAAAA,YAAAe,WAAA;AAAA,gBAAA,WAAA;AAAA,cAAA,GAAA;AAAA,gBAAAZ,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,kBAAA,SAAA;AAAA,mBAAAA,CAAAA,YAAAE,0BAAA;AAAA,kBAAA,qBAKwB/B,MAAMZ,iBAAiB;AAAA,kBAAC,qBACxBO;AAAAA,gBAAiB,GAAA;AAAA,kBAAAqC,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,oBAAA,WAGxBa,OAAMvC,eAAeK,KAAKA,IAAI;AAAA,qBAACqB,CAAAA,YAAAgB,QAAA,MAAA;AAAA,oBAAAb,SAAAA,MAAAH,CAAAA,YAAAM,MAAA,MAAA,IAAA,CAAA;AAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,eAAAN,GAAAA,YAAAe,WAAA;AAAA,gBAAA,WAAA;AAAA,cAAA,GAAA;AAAA,gBAAAZ,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,kBAAA,SAAA;AAAA,mBAAAA,CAAAA,YAAAE,0BAAA;AAAA,kBAAA,qBAYxB/B,MAAMZ,iBAAiB;AAAA,kBAAC,qBACxBO;AAAAA,gBAAiB,GAAA;AAAA,kBAAAqC,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,oBAAA,WAGxBa,OAAM/B,gBAAgBH,KAAKA,IAAI;AAAA,qBAACqB,CAAAA,YAAAgB,QAAA,MAAA;AAAA,oBAAAb,SAAAA,MAAAH,CAAAA,YAAAiB,MAAA,MAAA,IAAA,CAAA;AAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,eAAAjB,GAAAA,YAAAe,WAAA;AAAA,gBAAA,WAAA;AAAA,cAAA,GAAA;AAAA,gBAAAZ,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,kBAAA,SAAA;AAAA,gBAAA,GAAA,CAAAA,YAAA,QAAA;AAAA,kBAAA,WAYnCK,MAAMpB,kBAAkBN,KAAKA,IAAI;AAAA,mBAACqB,CAAAA,YAAAgB,QAAA,MAAA;AAAA,kBAAAb,SAAAA,MAAAH,CAAAA,YAAAkB,QAAA,MAAA,IAAA,CAAA;AAAA,gBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,cAAA,CAAA,CAAA,CAAA;AAAA,YAUvD;AAAA,WACD,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAAC,iBAAA,SAAA,GAjF+BhD,MAAMD,OAAO,CAAC,CAAA,CAAA;AAAA;EAyF9D;AACF,CAAC;"}
+{"version":3,"file":"material-group.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  onBeforeUnmount,\r\n  reactive,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n} from \"vue\";\r\nimport {\r\n  ElButton,\r\n  ElIcon,\r\n  ElMessage,\r\n  ElMessageBox,\r\n  ElScrollbar,\r\n  ElTooltip,\r\n} from \"element-plus\";\r\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport {\r\n  MsMaterialGroupForm,\r\n  MsMaterialGroupNode,\r\n  MsMaterialGroupTree,\r\n} from \"../../dataviews/ms-material\";\r\nimport { MKDataTable, MKTree } from \"../../../../components/data-model\";\r\nimport MaterialGroupFormPopover from \"./material-group-form-popover\";\r\nimport { I18n } from \"@maketribe/locale\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKMaterialGroup\",\r\n  props: buildProps({\r\n    materialGroupTree: {\r\n      type: MsMaterialGroupTree,\r\n      required: true,\r\n    },\r\n  } as const),\r\n  setup(props) {\r\n    const treeRef: Ref<typeof MKTree | null> = ref(null);\r\n\r\n    const materialGroupForm = reactive(\r\n      new MsMaterialGroupForm()\r\n    ) as MsMaterialGroupForm;\r\n\r\n    const materialGroupTree = computed(() => props.materialGroupTree);\r\n\r\n    const loading = computed(() => unref(materialGroupTree).loading);\r\n\r\n    onBeforeUnmount(() => {\r\n      materialGroupForm.dispose();\r\n    });\r\n\r\n    const handleAddClick = async (parent?: MsMaterialGroupNode) => {\r\n      materialGroupForm.addRecord();\r\n\r\n      await nextTick();\r\n\r\n      materialGroupForm.setData({\r\n        ...materialGroupForm.data,\r\n        parentGroupId: parent?.id || null,\r\n      } as MsMaterialGroupNode);\r\n    };\r\n\r\n    const handleEditClick = (item: MsMaterialGroupNode) => {\r\n      materialGroupForm.editRecord(item);\r\n    };\r\n\r\n    const handleDeleteClick = async (item: MsMaterialGroupNode) => {\r\n      const isConfirm = await ElMessageBox.confirm(\r\n        I18n.instance.translate(\"mk.dataTablePage.deleteMessage\"),\r\n        I18n.instance.translate(\"mk.dataTablePage.deleteTitle\"),\r\n        { type: \"warning\" }\r\n      ).then(\r\n        () => true,\r\n        () => false\r\n      );\r\n\r\n      if (!isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const result = await unref(materialGroupTree).deleteAfterRefresh(item);\r\n\r\n      if (result.data.code !== 200) {\r\n        ElMessage.error(result.data.msg);\r\n        return;\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-material-group\" v-loading={unref(loading)}>\r\n          <div class=\"mk-material-group__header\">\r\n            <div class=\"mk-material-group__header-title\">素材分组</div>\r\n            <MaterialGroupFormPopover\r\n              materialGroupTree={unref(materialGroupTree)}\r\n              materialGroupForm={materialGroupForm}\r\n            >\r\n              <ElButton\r\n                onClick={() => handleAddClick()}\r\n                icon={Plus}\r\n                size=\"small\"\r\n                type=\"primary\"\r\n              />\r\n            </MaterialGroupFormPopover>\r\n          </div>\r\n\r\n          <div class=\"mk-material-group__main\">\r\n            <ElScrollbar height=\"100%\">\r\n              <MKDataTable\r\n                dataTable={unref(materialGroupTree)}\r\n                highlight-current\r\n              >\r\n                <MKTree\r\n                  dataTree={unref(materialGroupTree)}\r\n                  allowSelectContainer={false}\r\n                  ref={((el: any) => (treeRef.value = el)) as any}\r\n                  v-slots={{\r\n                    \"node-tools\": ({ data }: any) => {\r\n                      return (\r\n                        <div\r\n                          class=\"mk-material-group__tools\"\r\n                          onClick={(e) => {\r\n                            e.preventDefault();\r\n                          }}\r\n                        >\r\n                          <ElTooltip content=\"添加\">\r\n                            <span class=\"mk-material-group__tools-item\">\r\n                              <MaterialGroupFormPopover\r\n                                materialGroupTree={unref(materialGroupTree)}\r\n                                materialGroupForm={materialGroupForm}\r\n                              >\r\n                                <span\r\n                                  onClick={(e) => handleAddClick(data.data)}\r\n                                >\r\n                                  <ElIcon>\r\n                                    <Plus />\r\n                                  </ElIcon>\r\n                                </span>\r\n                              </MaterialGroupFormPopover>\r\n                            </span>\r\n                          </ElTooltip>\r\n                          <ElTooltip content=\"编辑\">\r\n                            <span class=\"mk-material-group__tools-item\">\r\n                              <MaterialGroupFormPopover\r\n                                materialGroupTree={unref(materialGroupTree)}\r\n                                materialGroupForm={materialGroupForm}\r\n                              >\r\n                                <span\r\n                                  onClick={(e) => handleEditClick(data.data)}\r\n                                >\r\n                                  <ElIcon>\r\n                                    <Edit />\r\n                                  </ElIcon>\r\n                                </span>\r\n                              </MaterialGroupFormPopover>\r\n                            </span>\r\n                          </ElTooltip>\r\n                          <ElTooltip content=\"删除\">\r\n                            <span class=\"mk-material-group__tools-item\">\r\n                              <span\r\n                                onClick={() => handleDeleteClick(data.data)}\r\n                              >\r\n                                <ElIcon>\r\n                                  <Delete />\r\n                                </ElIcon>\r\n                              </span>\r\n                            </span>\r\n                          </ElTooltip>\r\n                        </div>\r\n                      );\r\n                    },\r\n                  }}\r\n                />\r\n              </MKDataTable>\r\n            </ElScrollbar>\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","setup","treeRef","ref","materialGroupForm","reactive","MsMaterialGroupForm","computed","loading","unref","onBeforeUnmount","dispose","handleAddClick","parent","addRecord","nextTick","setData","data","parentGroupId","id","handleEditClick","item","editRecord","handleDeleteClick","isConfirm","ElMessageBox","confirm","I18n","instance","translate","then","result","deleteAfterRefresh","code","ElMessage","error","msg","_withDirectives","_createVNode","_createTextVNode","MaterialGroupFormPopover","default","ElButton","onClick","Plus","ElScrollbar","MKDataTable","MKTree","el","value","node-tools","e","preventDefault","ElTooltip","ElIcon","Edit","Delete","_resolveDirective"],"mappings":"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"}

package/dist/esm/modules/ms/components/material-list/material-item.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-item.vue.js","sources":["../../../../../../src/modules/ms/components/material-list/material-item.vue"],"sourcesContent":["<template>\n  <ElCard\n    :class=\"['mk-material-item', isSelected ? 'is-selected' : '']\"\n    shadow=\"never\"\n    @click.capture=\"handleClick\"\n  >\n    <div class=\"mk-material-item__tools\">\n      <div class=\"mk-material-item__tools-item\">\n        <ElDropdown>\n          <MKSvgIcon iconClass=\"More\" />\n\n          <template #dropdown>\n            <ElDropdownItem\n              v-if=\"currentMaterialTypeValue === 1\"\n              @click=\"handleCutClick\"\n            >\n              裁切\n            </ElDropdownItem>\n            <ElDropdownItem\n              v-if=\"currentMaterialTypeValue === 2\"\n              @click=\"handleDownloadClick\"\n            >\n              下载\n            </ElDropdownItem>\n            <ElDropdownItem @click=\"handleMoveClick\">移动分组</ElDropdownItem>\n            <ElDropdownItem @click=\"handleDeleteClick\">删除</ElDropdownItem>\n          </template>\n        </ElDropdown>\n      </div>\n    </div>\n\n    <div class=\"mk-material-item__preview\">\n      <MaterialComponent :src=\"material.path\" />\n    </div>\n    <div class=\"mk-material-item__title\">{{ material.desc }}</div>\n  </ElCard>\n</template>\n\n<script setup lang=\"ts\">\nimport { MsMaterial, MsMaterialTable } from \"../../dataviews/ms-material\";\nimport { computed, toRaw } from \"vue\";\n\nconst props = defineProps({\n  materialTable: { type: MsMaterialTable, required: true },\n  material: { type: Object, required: true },\n});\n\nconst emit = defineEmits([\"click\", \"move\", \"cut\", \"download\"]);\n\nconst isSelected = computed(() =>\n  props.materialTable.getSelection().includes(props.material.id)\n);\n\nconst currentMaterialTypeValue = computed(\n  () => props.materialTable.currentMaterialType?.value ?? null\n);\n\nconst MaterialComponent = computed(() => {\n  const component =\n    props.materialTable.resolveMaterialComponent(\n      props.material as MsMaterial\n    ) || props.materialTable.materialComponents.resolveComponent(\"MKFileView\")!;\n\n  return toRaw(component.component);\n});\n\nconst handleClick = (event: MouseEvent) => {\n  emit(\"click\", event);\n};\n\nconst handleDeleteClick = () => {\n  props.materialTable.deleteRecord(props.material);\n};\n\nconst handleMoveClick = () => {\n  emit(\"move\", props.material);\n};\n\nconst handleCutClick = () => {\n  emit(\"cut\", props.material);\n};\n\nconst handleDownloadClick = () => {\n  emit(\"download\", props.material);\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA0CA,UAAM,QAAQ;AAKd,UAAM,OAAO;AAEb,UAAM,aAAa;AAAA,MAAS,MAC1B,MAAM,cAAc,aAAA,EAAe,SAAS,MAAM,SAAS,EAAE;AAAA,IAAA;AAG/D,UAAM,2BAA2B;AAAA,MAC/B,MAAA;;AAAM,4BAAM,cAAc,wBAApB,mBAAyC,UAAS;AAAA;AAAA,IAAA;AAGpD,UAAA,oBAAoB,SAAS,MAAM;AACjC,YAAA,YACJ,MAAM,cAAc;AAAA,QAClB,MAAM;AAAA,MACH,KAAA,MAAM,cAAc,mBAAmB,iBAAiB,YAAY;AAEpE,aAAA,MAAM,UAAU,SAAS;AAAA,IAAA,CACjC;AAEK,UAAA,cAAc,CAAC,UAAsB;AACzC,WAAK,SAAS,KAAK;AAAA,IAAA;AAGrB,UAAM,oBAAoB,MAAM;AACxB,YAAA,cAAc,aAAa,MAAM,QAAQ;AAAA,IAAA;AAGjD,UAAM,kBAAkB,MAAM;AACvB,WAAA,QAAQ,MAAM,QAAQ;AAAA,IAAA;AAG7B,UAAM,iBAAiB,MAAM;AACtB,WAAA,OAAO,MAAM,QAAQ;AAAA,IAAA;AAG5B,UAAM,sBAAsB,MAAM;AAC3B,WAAA,YAAY,MAAM,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"material-item.vue.js","sources":["../../../../../../src/modules/ms/components/material-list/material-item.vue"],"sourcesContent":["<template>\r\n  <ElCard\r\n    :class=\"['mk-material-item', isSelected ? 'is-selected' : '']\"\r\n    shadow=\"never\"\r\n    @click.capture=\"handleClick\"\r\n  >\r\n    <div class=\"mk-material-item__tools\">\r\n      <div class=\"mk-material-item__tools-item\">\r\n        <ElDropdown>\r\n          <MKSvgIcon iconClass=\"More\" />\r\n\r\n          <template #dropdown>\r\n            <ElDropdownItem\r\n              v-if=\"currentMaterialTypeValue === 1\"\r\n              @click=\"handleCutClick\"\r\n            >\r\n              裁切\r\n            </ElDropdownItem>\r\n            <ElDropdownItem\r\n              v-if=\"currentMaterialTypeValue === 2\"\r\n              @click=\"handleDownloadClick\"\r\n            >\r\n              下载\r\n            </ElDropdownItem>\r\n            <ElDropdownItem @click=\"handleMoveClick\">移动分组</ElDropdownItem>\r\n            <ElDropdownItem @click=\"handleDeleteClick\">删除</ElDropdownItem>\r\n          </template>\r\n        </ElDropdown>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"mk-material-item__preview\">\r\n      <MaterialComponent :src=\"material.path\" />\r\n    </div>\r\n    <div class=\"mk-material-item__title\">{{ material.desc }}</div>\r\n  </ElCard>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { MsMaterial, MsMaterialTable } from \"../../dataviews/ms-material\";\r\nimport { computed, toRaw } from \"vue\";\r\n\r\nconst props = defineProps({\r\n  materialTable: { type: MsMaterialTable, required: true },\r\n  material: { type: Object, required: true },\r\n});\r\n\r\nconst emit = defineEmits([\"click\", \"move\", \"cut\", \"download\"]);\r\n\r\nconst isSelected = computed(() =>\r\n  props.materialTable.getSelection().includes(props.material.id)\r\n);\r\n\r\nconst currentMaterialTypeValue = computed(\r\n  () => props.materialTable.currentMaterialType?.value ?? null\r\n);\r\n\r\nconst MaterialComponent = computed(() => {\r\n  const component =\r\n    props.materialTable.resolveMaterialComponent(\r\n      props.material as MsMaterial\r\n    ) || props.materialTable.materialComponents.resolveComponent(\"MKFileView\")!;\r\n\r\n  return toRaw(component.component);\r\n});\r\n\r\nconst handleClick = (event: MouseEvent) => {\r\n  emit(\"click\", event);\r\n};\r\n\r\nconst handleDeleteClick = () => {\r\n  props.materialTable.deleteRecord(props.material);\r\n};\r\n\r\nconst handleMoveClick = () => {\r\n  emit(\"move\", props.material);\r\n};\r\n\r\nconst handleCutClick = () => {\r\n  emit(\"cut\", props.material);\r\n};\r\n\r\nconst handleDownloadClick = () => {\r\n  emit(\"download\", props.material);\r\n};\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA0CA,UAAM,QAAQ;AAKd,UAAM,OAAO;AAEb,UAAM,aAAa;AAAA,MAAS,MAC1B,MAAM,cAAc,aAAA,EAAe,SAAS,MAAM,SAAS,EAAE;AAAA,IAAA;AAG/D,UAAM,2BAA2B;AAAA,MAC/B,MAAA;;AAAM,4BAAM,cAAc,wBAApB,mBAAyC,UAAS;AAAA;AAAA,IAAA;AAGpD,UAAA,oBAAoB,SAAS,MAAM;AACjC,YAAA,YACJ,MAAM,cAAc;AAAA,QAClB,MAAM;AAAA,MACH,KAAA,MAAM,cAAc,mBAAmB,iBAAiB,YAAY;AAEpE,aAAA,MAAM,UAAU,SAAS;AAAA,IAAA,CACjC;AAEK,UAAA,cAAc,CAAC,UAAsB;AACzC,WAAK,SAAS,KAAK;AAAA,IAAA;AAGrB,UAAM,oBAAoB,MAAM;AACxB,YAAA,cAAc,aAAa,MAAM,QAAQ;AAAA,IAAA;AAGjD,UAAM,kBAAkB,MAAM;AACvB,WAAA,QAAQ,MAAM,QAAQ;AAAA,IAAA;AAG7B,UAAM,iBAAiB,MAAM;AACtB,WAAA,OAAO,MAAM,QAAQ;AAAA,IAAA;AAG5B,UAAM,sBAAsB,MAAM;AAC3B,WAAA,YAAY,MAAM,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/ms/components/material-list/material-list-options.js

@@ -32,6 +32,7 @@ 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";

package/dist/esm/modules/ms/components/material-list/material-list-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-list-options.js","sources":["../../../../../../src/modules/ms/components/material-list/material-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { MsMaterial, MsMaterialTable } from \"../../dataviews\";\n\nexport const materialListProps = buildProps({\n  materialTable: {\n    type: MsMaterialTable,\n  },\n  selectable: {\n    type: Boolean,\n    default: false,\n  },\n  allowMaterialTypeValues: {\n    type: Array,\n    default: () => []\n  },\n} as const);\n\nexport type MaterialListProps = ExtractPropTypes<typeof materialListProps>;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,eAAe;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,yBAAyB;AAAA,IACvB,MAAM;AAAA,IACN,SAAS,MAAM,CAAC;AAAA,EAClB;AACF,CAAU;"}
+{"version":3,"file":"material-list-options.js","sources":["../../../../../../src/modules/ms/components/material-list/material-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { MsMaterial, MsMaterialTable } from \"../../dataviews\";\r\n\r\nexport const materialListProps = buildProps({\r\n  materialTable: {\r\n    type: MsMaterialTable,\r\n  },\r\n  selectable: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  allowMaterialTypeValues: {\r\n    type: Array,\r\n    default: () => []\r\n  },\r\n} as const);\r\n\r\nexport type MaterialListProps = ExtractPropTypes<typeof materialListProps>;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,eAAe;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,yBAAyB;AAAA,IACvB,MAAM;AAAA,IACN,SAAS,MAAM,CAAC;AAAA,EAClB;AACF,CAAU;"}

package/dist/esm/modules/ms/components/material-list/material-list.js

@@ -36,6 +36,7 @@ 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";

package/dist/esm/modules/ms/components/material-list/material-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-list.js","sources":["../../../../../../src/modules/ms/components/material-list/material-list.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  Fragment,\n  getCurrentInstance,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { base64ToBlob } from \"@maketribe/utils\";\nimport { DvOpt, WebFileUpload } from \"@maketribe/request\";\nimport { materialListProps } from \"./material-list-options\";\nimport MaterialGroup from \"./material-group\";\nimport {\n  MsMaterial,\n  MsMaterialForm,\n  MsMaterialGroupNode,\n  MsMaterialGroupTree,\n  MsMaterialTable,\n  MsMaterialType,\n} from \"../../dataviews\";\nimport {\n  MKUploadFile,\n  MKWebFileUploadContext,\n} from \"../../../../components/basic/upload-file\";\nimport { ImageCropper } from \"../../../../components/basic/image-cropper\";\nimport {\n  MKDataTable,\n  MKDataTablePagination,\n} from \"../../../../components/data-model\";\nimport { ElButton, ElScrollbar } from \"element-plus\";\nimport MaterialItem from \"./material-item.vue\";\nimport { Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\n\nconst RATIO_OPTIONS = [\n  {\n    value: \"1\",\n    label: \"1:1\",\n    width: 1,\n    height: 1,\n  },\n  {\n    value: \"2\",\n    label: \"2:1\",\n    width: 2,\n    height: 1,\n  },\n  {\n    value: \"3\",\n    label: \"4:3\",\n    width: 4,\n    height: 3,\n  },\n  {\n    value: \"3\",\n    label: \"16:9\",\n    width: 16,\n    height: 9,\n  },\n];\n\nexport default defineComponent({\n  name: \"MKMaterialList\",\n  props: materialListProps,\n  setup(props) {\n    const materialGroupTree = reactive(\n      new MsMaterialGroupTree()\n    ) as MsMaterialGroupTree;\n\n    const webFileUpload = new WebFileUpload();\n\n    const _materialTable = reactive(new MsMaterialTable());\n\n    const materialForm = reactive(\n      new (class extends MsMaterialForm {\n        protected async initialize() {\n          await super.initialize();\n\n          this.setColumns([\n            new FormColumn({\n              name: \"materialGroupId\",\n              label: \"素材组\",\n              componentInfo: \"MKDataTreeSelect\",\n              componentProps: {\n                dataTree: this.register(new MsMaterialGroupTree()),\n                checkStrictly: false,\n              },\n            }),\n          ]);\n        }\n      })()\n    ) as MsMaterialForm;\n\n    const materialTable = computed(\n      () => (props.materialTable ?? _materialTable) as MsMaterialTable\n    );\n\n    const loading = computed(() => unref(materialTable).loading);\n\n    const materialTypes = computed(() =>\n      unref(materialTable).getMaterialTypes()\n    );\n\n    const currentMaterialType = computed(\n      () => unref(materialTable).currentMaterialType\n    );\n\n    const currentMaterialTypeId = computed(\n      () => unref(currentMaterialType)?.value ?? \"\"\n    );\n\n    const materialList = computed(() => unref(materialTable).getList());\n\n    onBeforeUnmount(() => {\n      _materialTable.dispose();\n      materialGroupTree.dispose();\n      materialForm.dispose();\n    });\n\n    onMounted(() => {\n      const instance = getCurrentInstance();\n\n      watch(\n        materialTable,\n        (materialTable, _, onCleanup) => {\n          const disposable = materialTable.afterInitdEvent.on(() => {\n            materialTable.setAllowMaterialTypeValues(\n              props.allowMaterialTypeValues as MsMaterialType[\"value\"][]\n            );\n          });\n\n          onCleanup(() => {\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n\n      watch(\n        computed(() => props.allowMaterialTypeValues),\n        (allowMaterialTypeValues) => {\n          unref(materialTable).setAllowMaterialTypeValues(\n            allowMaterialTypeValues as MsMaterialType[\"value\"][]\n          );\n        }\n      );\n    });\n\n    watch(\n      materialTable,\n      (materialTable, _, onCleanup) => {\n        const disposable = materialTable.deleteRecordEvent.on(\n          async ({ item }) => {\n            const isConfirm = await Dialoger.confirm({\n              message: \"是否确认删除\",\n              title: \"素材删除\",\n              type: \"warning\",\n            });\n\n            if (!isConfirm) {\n              return;\n            }\n\n            materialTable.deleteAfterRefresh(item);\n          }\n        );\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    const handleMaterialTypeClick = (materialType: MsMaterialType) => {\n      if (materialType.value === unref(currentMaterialTypeId)) {\n        return;\n      }\n\n      unref(materialTable).setCurrentMaterialType(materialType);\n    };\n\n    materialGroupTree.selectionChangeEvent.on(() => {\n      const currentGroupId = materialGroupTree.getSelection()[0];\n\n      if (!currentGroupId) {\n        unref(materialTable).setList([]);\n      }\n\n      unref(materialTable).setCurrentMaterialGroupId(currentGroupId);\n    });\n\n    function getDefaultSelectMaterialGroup(\n      nodes: MsMaterialGroupNode[]\n    ): MsMaterialGroupNode | null {\n      if (!nodes.length) {\n        return null;\n      }\n\n      return getDefaultSelectMaterialGroup(nodes[0].children) ?? nodes[0];\n    }\n\n    materialGroupTree.afterLoadEvent.on(() => {\n      const list = materialGroupTree.getList();\n\n      const defaultSelectGroup = getDefaultSelectMaterialGroup(list);\n\n      if (defaultSelectGroup) {\n        materialGroupTree.setSelection([defaultSelectGroup.id]);\n      }\n    });\n\n    materialForm.submittedEvent.on(() => {\n      unref(materialTable).load();\n    });\n\n    const handleMaterialItemClick = (\n      event: MouseEvent,\n      material: MsMaterial\n    ) => {\n      if (!props.selectable) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      unref(materialTable).setSelection([material.id]);\n    };\n\n    const handleMoveClick = (material: MsMaterial) => {\n      Dialoger.dataFormDialog({\n        recId: material.id,\n        title: \"设置素材分组\",\n        dataForm: materialForm,\n      });\n    };\n\n    const handleCutClick = async (material: MsMaterial) => {\n      const cropperResult = await ImageCropper({\n        src: material.path,\n        ratioOptions: RATIO_OPTIONS,\n      });\n\n      if (!cropperResult.isConfirm) {\n        return;\n      }\n\n      const handleOverrideClick = async () => {\n        try {\n          const blob = base64ToBlob(cropperResult.data);\n\n          const uploadResponse = await webFileUpload.upload(\n            new File([blob], material.desc, { type: blob.type })\n          );\n\n          if (uploadResponse.data.code !== 200) {\n            Messager.error({ message: uploadResponse.data.msg });\n            return;\n          }\n\n          const response = await DvOpt.createInstance({\n            name: \"mk-material\",\n          }).save({\n            ...material,\n            path: uploadResponse.data.data.path,\n          });\n\n          if (response.code !== 200) {\n            Messager.error({ message: response.msg });\n            return;\n          }\n\n          unref(materialTable).load();\n        } catch {\n          Messager.error({ message: \"网络异常\" });\n        } finally {\n          dialogInstance.destroy();\n        }\n      };\n\n      const handleNewClick = async () => {\n        try {\n          const blob = base64ToBlob(cropperResult.data);\n\n          const result = await unref(materialTable).upload.upload(\n            new File([blob], material.desc, { type: blob.type })\n          );\n\n          if (result.data.code !== 200) {\n            Messager.error({ message: result.data.msg });\n            return;\n          }\n        } catch {\n          Messager.error({ message: \"网络异常\" });\n        } finally {\n          dialogInstance.destroy();\n        }\n      };\n\n      const handleCancelClick = () => {\n        dialogInstance.destroy();\n      };\n\n      const dialogInstance = Dialoger.customRender({\n        title: \"提示\",\n        width: \"400px\",\n        onClose: handleCancelClick,\n        body: () => \"修改已存在的素材。是新建新素材还是覆盖现有素材\",\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton type=\"danger\" onClick={handleOverrideClick}>\n                覆盖\n              </ElButton>\n              <ElButton type=\"primary\" onClick={handleNewClick}>\n                新建\n              </ElButton>\n              <ElButton onClick={handleCancelClick}>取消</ElButton>\n            </Fragment>\n          );\n        },\n      });\n    };\n\n    const handleDownload = () => {};\n\n    return () => {\n      const materialTypeVNodes = unref(materialTypes).map((materialType) => {\n        const className = [\n          \"mk-material-list__type\",\n          unref(currentMaterialTypeId) === materialType.value\n            ? \"is-active\"\n            : \"\",\n        ];\n\n        return (\n          <div\n            key={materialType.value}\n            class={className}\n            onClick={() => handleMaterialTypeClick(materialType)}\n          >\n            {materialType.label}\n          </div>\n        );\n      });\n\n      let currentMaterialTypeVNode: any = null;\n\n      if (unref(currentMaterialType)) {\n        currentMaterialTypeVNode = (\n          <Fragment>\n            <span>\n              {unref(currentMaterialType)!.label}大小不超过\n              {unref(currentMaterialType)!.limit} M\n            </span>\n            <MKWebFileUploadContext\n              webFileUpload={unref(materialTable).upload}\n              accept={unref(currentMaterialType)!.accept}\n            >\n              <MKUploadFile>\n                <ElButton type=\"primary\">\n                  选择{unref(currentMaterialType)!.label}\n                </ElButton>\n              </MKUploadFile>\n            </MKWebFileUploadContext>\n          </Fragment>\n        );\n      }\n\n      const materialListVNodes = unref(materialList).map((material) => (\n        <MaterialItem\n          key={material.id}\n          class=\"mk-material-list__item\"\n          materialTable={unref(materialTable)}\n          material={material}\n          onMove={handleMoveClick}\n          onCut={handleCutClick}\n          onDownload={handleDownload}\n          onClick={\n            ((event: MouseEvent) =>\n              handleMaterialItemClick(event, material)) as any\n          }\n        />\n      ));\n\n      return (\n        <div class=\"mk-material-list\">\n          <MaterialGroup materialGroupTree={unref(materialGroupTree)} />\n\n          <div class=\"mk-material-list__main\" v-loading={unref(loading)}>\n            <div class=\"mk-material-list__header\">\n              <div class=\"mk-material-list__header-left\">\n                <div class=\"mk-material-list__types\">{materialTypeVNodes}</div>\n              </div>\n              <div class=\"mk-material-list__header-right\">\n                {currentMaterialTypeVNode}\n              </div>\n            </div>\n\n            <div class=\"mk-material-list__body\">\n              <MKDataTable dataTable={unref(materialTable)} autoLoad={false}>\n                <ElScrollbar height=\"100%\">\n                  <div class=\"mk-material-list__wrapper\">\n                    {materialListVNodes}\n                  </div>\n                </ElScrollbar>\n                <div class=\"mk-material-list__footer\">\n                  <MKDataTablePagination dataTable={unref(materialTable)} />\n                </div>\n              </MKDataTable>\n            </div>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["RATIO_OPTIONS","value","label","width","height","defineComponent","name","props","materialListProps","setup","materialGroupTree","reactive","MsMaterialGroupTree","webFileUpload","WebFileUpload","_materialTable","MsMaterialTable","materialForm","MsMaterialForm","initialize","setColumns","FormColumn","componentInfo","componentProps","dataTree","register","checkStrictly","materialTable","computed","loading","unref","materialTypes","getMaterialTypes","currentMaterialType","currentMaterialTypeId","materialList","getList","onBeforeUnmount","dispose","onMounted","getCurrentInstance","watch","_","onCleanup","disposable","afterInitdEvent","on","setAllowMaterialTypeValues","allowMaterialTypeValues","immediate","deleteRecordEvent","item","isConfirm","Dialoger","confirm","message","title","type","deleteAfterRefresh","handleMaterialTypeClick","materialType","setCurrentMaterialType","selectionChangeEvent","currentGroupId","getSelection","setList","setCurrentMaterialGroupId","getDefaultSelectMaterialGroup","nodes","length","children","afterLoadEvent","list","defaultSelectGroup","setSelection","id","submittedEvent","load","handleMaterialItemClick","event","material","selectable","preventDefault","stopPropagation","handleMoveClick","dataFormDialog","recId","dataForm","handleCutClick","cropperResult","ImageCropper","src","path","ratioOptions","handleOverrideClick","blob","base64ToBlob","data","uploadResponse","upload","File","desc","code","Messager","error","msg","response","DvOpt","createInstance","save","dialogInstance","destroy","handleNewClick","result","handleCancelClick","customRender","onClose","body","footer","_createVNode","_Fragment","ElButton","default","_createTextVNode","handleDownload","materialTypeVNodes","map","className","onClick","currentMaterialTypeVNode","limit","MKWebFileUploadContext","accept","MKUploadFile","materialListVNodes","MaterialItem","MaterialGroup","_withDirectives","MKDataTable","ElScrollbar","MKDataTablePagination","_resolveDirective"],"mappings":"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"}
+{"version":3,"file":"material-list.js","sources":["../../../../../../src/modules/ms/components/material-list/material-list.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  Fragment,\r\n  getCurrentInstance,\r\n  onBeforeUnmount,\r\n  onMounted,\r\n  reactive,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { base64ToBlob } from \"@maketribe/utils\";\r\nimport { DvOpt, WebFileUpload } from \"@maketribe/request\";\r\nimport { materialListProps } from \"./material-list-options\";\r\nimport MaterialGroup from \"./material-group\";\r\nimport {\r\n  MsMaterial,\r\n  MsMaterialForm,\r\n  MsMaterialGroupNode,\r\n  MsMaterialGroupTree,\r\n  MsMaterialTable,\r\n  MsMaterialType,\r\n} from \"../../dataviews\";\r\nimport {\r\n  MKUploadFile,\r\n  MKWebFileUploadContext,\r\n} from \"../../../../components/basic/upload-file\";\r\nimport { ImageCropper } from \"../../../../components/basic/image-cropper\";\r\nimport {\r\n  MKDataTable,\r\n  MKDataTablePagination,\r\n} from \"../../../../components/data-model\";\r\nimport { ElButton, ElScrollbar } from \"element-plus\";\r\nimport MaterialItem from \"./material-item.vue\";\r\nimport { Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\n\r\nconst RATIO_OPTIONS = [\r\n  {\r\n    value: \"1\",\r\n    label: \"1:1\",\r\n    width: 1,\r\n    height: 1,\r\n  },\r\n  {\r\n    value: \"2\",\r\n    label: \"2:1\",\r\n    width: 2,\r\n    height: 1,\r\n  },\r\n  {\r\n    value: \"3\",\r\n    label: \"4:3\",\r\n    width: 4,\r\n    height: 3,\r\n  },\r\n  {\r\n    value: \"3\",\r\n    label: \"16:9\",\r\n    width: 16,\r\n    height: 9,\r\n  },\r\n];\r\n\r\nexport default defineComponent({\r\n  name: \"MKMaterialList\",\r\n  props: materialListProps,\r\n  setup(props) {\r\n    const materialGroupTree = reactive(\r\n      new MsMaterialGroupTree()\r\n    ) as MsMaterialGroupTree;\r\n\r\n    const webFileUpload = new WebFileUpload();\r\n\r\n    const _materialTable = reactive(new MsMaterialTable());\r\n\r\n    const materialForm = reactive(\r\n      new (class extends MsMaterialForm {\r\n        protected async initialize() {\r\n          await super.initialize();\r\n\r\n          this.setColumns([\r\n            new FormColumn({\r\n              name: \"materialGroupId\",\r\n              label: \"素材组\",\r\n              componentInfo: \"MKDataTreeSelect\",\r\n              componentProps: {\r\n                dataTree: this.register(new MsMaterialGroupTree()),\r\n                checkStrictly: false,\r\n              },\r\n            }),\r\n          ]);\r\n        }\r\n      })()\r\n    ) as MsMaterialForm;\r\n\r\n    const materialTable = computed(\r\n      () => (props.materialTable ?? _materialTable) as MsMaterialTable\r\n    );\r\n\r\n    const loading = computed(() => unref(materialTable).loading);\r\n\r\n    const materialTypes = computed(() =>\r\n      unref(materialTable).getMaterialTypes()\r\n    );\r\n\r\n    const currentMaterialType = computed(\r\n      () => unref(materialTable).currentMaterialType\r\n    );\r\n\r\n    const currentMaterialTypeId = computed(\r\n      () => unref(currentMaterialType)?.value ?? \"\"\r\n    );\r\n\r\n    const materialList = computed(() => unref(materialTable).getList());\r\n\r\n    onBeforeUnmount(() => {\r\n      _materialTable.dispose();\r\n      materialGroupTree.dispose();\r\n      materialForm.dispose();\r\n    });\r\n\r\n    onMounted(() => {\r\n      const instance = getCurrentInstance();\r\n\r\n      watch(\r\n        materialTable,\r\n        (materialTable, _, onCleanup) => {\r\n          const disposable = materialTable.afterInitdEvent.on(() => {\r\n            materialTable.setAllowMaterialTypeValues(\r\n              props.allowMaterialTypeValues as MsMaterialType[\"value\"][]\r\n            );\r\n          });\r\n\r\n          onCleanup(() => {\r\n            disposable.dispose();\r\n          });\r\n        },\r\n        { immediate: true }\r\n      );\r\n\r\n      watch(\r\n        computed(() => props.allowMaterialTypeValues),\r\n        (allowMaterialTypeValues) => {\r\n          unref(materialTable).setAllowMaterialTypeValues(\r\n            allowMaterialTypeValues as MsMaterialType[\"value\"][]\r\n          );\r\n        }\r\n      );\r\n    });\r\n\r\n    watch(\r\n      materialTable,\r\n      (materialTable, _, onCleanup) => {\r\n        const disposable = materialTable.deleteRecordEvent.on(\r\n          async ({ item }) => {\r\n            const isConfirm = await Dialoger.confirm({\r\n              message: \"是否确认删除\",\r\n              title: \"素材删除\",\r\n              type: \"warning\",\r\n            });\r\n\r\n            if (!isConfirm) {\r\n              return;\r\n            }\r\n\r\n            materialTable.deleteAfterRefresh(item);\r\n          }\r\n        );\r\n\r\n        onCleanup(() => {\r\n          disposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleMaterialTypeClick = (materialType: MsMaterialType) => {\r\n      if (materialType.value === unref(currentMaterialTypeId)) {\r\n        return;\r\n      }\r\n\r\n      unref(materialTable).setCurrentMaterialType(materialType);\r\n    };\r\n\r\n    materialGroupTree.selectionChangeEvent.on(() => {\r\n      const currentGroupId = materialGroupTree.getSelection()[0];\r\n\r\n      if (!currentGroupId) {\r\n        unref(materialTable).setList([]);\r\n      }\r\n\r\n      unref(materialTable).setCurrentMaterialGroupId(currentGroupId);\r\n    });\r\n\r\n    function getDefaultSelectMaterialGroup(\r\n      nodes: MsMaterialGroupNode[]\r\n    ): MsMaterialGroupNode | null {\r\n      if (!nodes.length) {\r\n        return null;\r\n      }\r\n\r\n      return getDefaultSelectMaterialGroup(nodes[0].children) ?? nodes[0];\r\n    }\r\n\r\n    materialGroupTree.afterLoadEvent.on(() => {\r\n      const list = materialGroupTree.getList();\r\n\r\n      const defaultSelectGroup = getDefaultSelectMaterialGroup(list);\r\n\r\n      if (defaultSelectGroup) {\r\n        materialGroupTree.setSelection([defaultSelectGroup.id]);\r\n      }\r\n    });\r\n\r\n    materialForm.submittedEvent.on(() => {\r\n      unref(materialTable).load();\r\n    });\r\n\r\n    const handleMaterialItemClick = (\r\n      event: MouseEvent,\r\n      material: MsMaterial\r\n    ) => {\r\n      if (!props.selectable) {\r\n        return;\r\n      }\r\n\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n\r\n      unref(materialTable).setSelection([material.id]);\r\n    };\r\n\r\n    const handleMoveClick = (material: MsMaterial) => {\r\n      Dialoger.dataFormDialog({\r\n        recId: material.id,\r\n        title: \"设置素材分组\",\r\n        dataForm: materialForm,\r\n      });\r\n    };\r\n\r\n    const handleCutClick = async (material: MsMaterial) => {\r\n      const cropperResult = await ImageCropper({\r\n        src: material.path,\r\n        ratioOptions: RATIO_OPTIONS,\r\n      });\r\n\r\n      if (!cropperResult.isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const handleOverrideClick = async () => {\r\n        try {\r\n          const blob = base64ToBlob(cropperResult.data);\r\n\r\n          const uploadResponse = await webFileUpload.upload(\r\n            new File([blob], material.desc, { type: blob.type })\r\n          );\r\n\r\n          if (uploadResponse.data.code !== 200) {\r\n            Messager.error({ message: uploadResponse.data.msg });\r\n            return;\r\n          }\r\n\r\n          const response = await DvOpt.createInstance({\r\n            name: \"mk-material\",\r\n          }).save({\r\n            ...material,\r\n            path: uploadResponse.data.data.path,\r\n          });\r\n\r\n          if (response.code !== 200) {\r\n            Messager.error({ message: response.msg });\r\n            return;\r\n          }\r\n\r\n          unref(materialTable).load();\r\n        } catch {\r\n          Messager.error({ message: \"网络异常\" });\r\n        } finally {\r\n          dialogInstance.destroy();\r\n        }\r\n      };\r\n\r\n      const handleNewClick = async () => {\r\n        try {\r\n          const blob = base64ToBlob(cropperResult.data);\r\n\r\n          const result = await unref(materialTable).upload.upload(\r\n            new File([blob], material.desc, { type: blob.type })\r\n          );\r\n\r\n          if (result.data.code !== 200) {\r\n            Messager.error({ message: result.data.msg });\r\n            return;\r\n          }\r\n        } catch {\r\n          Messager.error({ message: \"网络异常\" });\r\n        } finally {\r\n          dialogInstance.destroy();\r\n        }\r\n      };\r\n\r\n      const handleCancelClick = () => {\r\n        dialogInstance.destroy();\r\n      };\r\n\r\n      const dialogInstance = Dialoger.customRender({\r\n        title: \"提示\",\r\n        width: \"400px\",\r\n        onClose: handleCancelClick,\r\n        body: () => \"修改已存在的素材。是新建新素材还是覆盖现有素材\",\r\n        footer: () => {\r\n          return (\r\n            <Fragment>\r\n              <ElButton type=\"danger\" onClick={handleOverrideClick}>\r\n                覆盖\r\n              </ElButton>\r\n              <ElButton type=\"primary\" onClick={handleNewClick}>\r\n                新建\r\n              </ElButton>\r\n              <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n            </Fragment>\r\n          );\r\n        },\r\n      });\r\n    };\r\n\r\n    const handleDownload = () => {};\r\n\r\n    return () => {\r\n      const materialTypeVNodes = unref(materialTypes).map((materialType) => {\r\n        const className = [\r\n          \"mk-material-list__type\",\r\n          unref(currentMaterialTypeId) === materialType.value\r\n            ? \"is-active\"\r\n            : \"\",\r\n        ];\r\n\r\n        return (\r\n          <div\r\n            key={materialType.value}\r\n            class={className}\r\n            onClick={() => handleMaterialTypeClick(materialType)}\r\n          >\r\n            {materialType.label}\r\n          </div>\r\n        );\r\n      });\r\n\r\n      let currentMaterialTypeVNode: any = null;\r\n\r\n      if (unref(currentMaterialType)) {\r\n        currentMaterialTypeVNode = (\r\n          <Fragment>\r\n            <span>\r\n              {unref(currentMaterialType)!.label}大小不超过\r\n              {unref(currentMaterialType)!.limit} M\r\n            </span>\r\n            <MKWebFileUploadContext\r\n              webFileUpload={unref(materialTable).upload}\r\n              accept={unref(currentMaterialType)!.accept}\r\n            >\r\n              <MKUploadFile>\r\n                <ElButton type=\"primary\">\r\n                  选择{unref(currentMaterialType)!.label}\r\n                </ElButton>\r\n              </MKUploadFile>\r\n            </MKWebFileUploadContext>\r\n          </Fragment>\r\n        );\r\n      }\r\n\r\n      const materialListVNodes = unref(materialList).map((material) => (\r\n        <MaterialItem\r\n          key={material.id}\r\n          class=\"mk-material-list__item\"\r\n          materialTable={unref(materialTable)}\r\n          material={material}\r\n          onMove={handleMoveClick}\r\n          onCut={handleCutClick}\r\n          onDownload={handleDownload}\r\n          onClick={\r\n            ((event: MouseEvent) =>\r\n              handleMaterialItemClick(event, material)) as any\r\n          }\r\n        />\r\n      ));\r\n\r\n      return (\r\n        <div class=\"mk-material-list\">\r\n          <MaterialGroup materialGroupTree={unref(materialGroupTree)} />\r\n\r\n          <div class=\"mk-material-list__main\" v-loading={unref(loading)}>\r\n            <div class=\"mk-material-list__header\">\r\n              <div class=\"mk-material-list__header-left\">\r\n                <div class=\"mk-material-list__types\">{materialTypeVNodes}</div>\r\n              </div>\r\n              <div class=\"mk-material-list__header-right\">\r\n                {currentMaterialTypeVNode}\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"mk-material-list__body\">\r\n              <MKDataTable dataTable={unref(materialTable)} autoLoad={false}>\r\n                <ElScrollbar height=\"100%\">\r\n                  <div class=\"mk-material-list__wrapper\">\r\n                    {materialListVNodes}\r\n                  </div>\r\n                </ElScrollbar>\r\n                <div class=\"mk-material-list__footer\">\r\n                  <MKDataTablePagination dataTable={unref(materialTable)} />\r\n                </div>\r\n              </MKDataTable>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["RATIO_OPTIONS","value","label","width","height","defineComponent","name","props","materialListProps","setup","materialGroupTree","reactive","MsMaterialGroupTree","webFileUpload","WebFileUpload","_materialTable","MsMaterialTable","materialForm","MsMaterialForm","initialize","setColumns","FormColumn","componentInfo","componentProps","dataTree","register","checkStrictly","materialTable","computed","loading","unref","materialTypes","getMaterialTypes","currentMaterialType","currentMaterialTypeId","materialList","getList","onBeforeUnmount","dispose","onMounted","getCurrentInstance","watch","_","onCleanup","disposable","afterInitdEvent","on","setAllowMaterialTypeValues","allowMaterialTypeValues","immediate","deleteRecordEvent","item","isConfirm","Dialoger","confirm","message","title","type","deleteAfterRefresh","handleMaterialTypeClick","materialType","setCurrentMaterialType","selectionChangeEvent","currentGroupId","getSelection","setList","setCurrentMaterialGroupId","getDefaultSelectMaterialGroup","nodes","length","children","afterLoadEvent","list","defaultSelectGroup","setSelection","id","submittedEvent","load","handleMaterialItemClick","event","material","selectable","preventDefault","stopPropagation","handleMoveClick","dataFormDialog","recId","dataForm","handleCutClick","cropperResult","ImageCropper","src","path","ratioOptions","handleOverrideClick","blob","base64ToBlob","data","uploadResponse","upload","File","desc","code","Messager","error","msg","response","DvOpt","createInstance","save","dialogInstance","destroy","handleNewClick","result","handleCancelClick","customRender","onClose","body","footer","_createVNode","_Fragment","ElButton","default","_createTextVNode","handleDownload","materialTypeVNodes","map","className","onClick","currentMaterialTypeVNode","limit","MKWebFileUploadContext","accept","MKUploadFile","materialListVNodes","MaterialItem","MaterialGroup","_withDirectives","MKDataTable","ElScrollbar","MKDataTablePagination","_resolveDirective"],"mappings":"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"}