@maketribe/ms-app 3.2.31 → 3.2.33

package/dist/esm/modules/cms/pages/cms-contents/components/part-banner-edit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"part-banner-edit.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-banner-edit.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-part-banner__warp\" v-loading=\"loading\" v-if=\"cmsSettings.part.openBanner\">\r\n    <el-carousel v-if=\"partAdBanner && partAdBanner.contents?.length\" :autoplay=\"false\" height=\"240px\" arrow=\"always\">\r\n      <el-carousel-item v-for=\"item in partAdBanner.contents\" :key=\"item.id\">\r\n        <div class=\"mk-cms-part-banner__list_item\">\r\n          <div class=\"mk-cms-part-banner__list_content\">\r\n            <el-image class=\"mk-cms-part-banner__list_content_img\" v-if=\"item.type == 1\" :src=\"item.path\" fit=\"cover\"\r\n              tyle=\"width: 100%;height: 100%;\">\r\n              <div slot=\"placeholder\" class=\"image-slot\">\r\n                加载中<span class=\"dot\">...</span>\r\n              </div>\r\n            </el-image>\r\n            <video class=\"video\" v-if=\"item.type == 2\" :src=\"item.path\" style=\"width: 100%;height: 100%;\"\r\n              controls></video>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_bottom\">\r\n            <div class=\"mk-cms-part-banner__list_title\">{{ item.title }}</div>\r\n            <div>{{ item.desc }}</div>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_action-mask\">\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdContentHandle(item.id)\">\r\n              编辑当前轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n              添加新轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdDefineHandle()\">\r\n              设置素材显示尺寸\r\n            </el-button>\r\n          </div>\r\n        </div>\r\n      </el-carousel-item>\r\n    </el-carousel>\r\n    <el-empty v-else :image-size=\"80\" style=\"height: 240px;\">\r\n      <template #description>\r\n        <el-text>暂无轮播素材数据</el-text>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdDefineHandle()\">\r\n          设置素材显示尺寸\r\n        </el-button>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n          添加\r\n        </el-button>\r\n      </template>\r\n    </el-empty>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\nimport { onMounted, reactive, ref, watch, defineProps } from \"vue\";\r\nimport { DataViewRequest, Where } from \"@maketribe/request\";\r\nimport {  Dialoger,  Messager } from \"@maketribe/dm\";\r\nimport {  CmsAdContentsForm, CmsAdDefinesForm } from \"../../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete, Plus } from \"@element-plus/icons-vue\"\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\n// cms 配置\r\nconst cmsSettings = useCmsSettings();\r\nconst props = defineProps({ partId: { type: String }, title: { type: String } })\r\n// 栏目广告\r\nconst partAdBanner = ref<any | null>(null);\r\nconst loading = ref(true);\r\nconst adContentForm = reactive<CmsAdContentsForm>(new CmsAdContentsForm({ cutSise: cmsSettings.part.bannerImageSize }))\r\nconst adDefineForm = reactive<CmsAdDefinesForm>(new CmsAdDefinesForm())\r\n\r\n// 内容添加之前监测广告是否存在不存在先添加广告\r\nadContentForm.beforeSubmitEvent.on(async ({ data }) => {\r\n  if (partAdBanner.value) {\r\n    data.adDefineId = partAdBanner.value.id as any;\r\n  }\r\n  else {\r\n    try {\r\n\r\n      const widthAndHeight = cmsSettings.part.bannerImageSize.split(\"*\");\r\n      // 添加广告\r\n      const result = await adRequest.add({ key: `part_${props.partId}`, desc: `${props.title}的Banner`, width: widthAndHeight[0], height: widthAndHeight[1] })\r\n\r\n      if (result.data.code == 200) {\r\n        partAdBanner.value = { id: result.data.data as string }\r\n        data.adDefineId = result.data.data;\r\n      }\r\n\r\n    } catch (error) {\r\n      Messager.error({ message: \"添加失败！\" });\r\n    }\r\n  }\r\n\r\n})\r\n\r\n//提交判断是否存在，判断更新还是添加\r\nadDefineForm.formatSubmitData = ((data) => {\r\n  if (partAdBanner.value) {\r\n    data.id = partAdBanner.value.id as any;\r\n  } else {\r\n    data.key = `part_${props.partId}`\r\n    data.desc = `${props.title}的Banner`\r\n  }\r\n  return data\r\n})\r\n\r\n\r\n\r\n// 添加完成则刷新\r\nadContentForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n//加完成则刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n\r\n//加载栏目广告\r\nconst loadPartAdDefineData = async (partId: any) => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n    const where = new Where()\r\n    where.addCondition(\"key\", \"=\", `part_${partId}`);\r\n    // 加载广告定义\r\n    partAdBanner.value = (await adRequest.query({\r\n      data: {\r\n        pn: 1,\r\n        pc: 1000000,\r\n        condition: where\r\n      }\r\n    })).data.data[0];\r\n    if (partAdBanner.value?.width && partAdBanner.value?.width) {\r\n      adContentForm.changeCutSise(`${partAdBanner.value.width}*${partAdBanner.value.height}`)\r\n    }\r\n\r\n  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n//显示栏目广告的编辑弹窗\r\nconst showAdContentHandle = async (id: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\r\n    recId: id\r\n  })\r\n}\r\n//显示栏目广告定义的编辑弹窗\r\nconst showAdDefineHandle = async () => {\r\n  await Dialoger.dataFormDialog({\r\n    title:\"设置素材显示尺寸\",\r\n    dataForm: adDefineForm as CmsAdDefinesForm,\r\n    recId: partAdBanner.value?.id\r\n  })\r\n  adDefineForm.getColumn(\"contents\")!.visible = false;\r\n  adDefineForm.getColumn(\"key\")!.visible = false;\r\n  adDefineForm.getColumn(\"desc\")!.visible = false;\r\n}\r\n\r\n// 组件挂载的时候\r\nonMounted(() => {\r\n  watch(() => props.partId, id => {\r\n    loadPartAdDefineData(id)\r\n  }, { immediate: true })\r\n})\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDM,UAAA,YAAY,IAAI,gBAAgB,EAAE,MAAM,aAAa,YAAY,OAAO;AAE9E,UAAM,cAAc;AACpB,UAAM,QAAQ;AAER,UAAA,eAAe,IAAgB,IAAI;AACnC,UAAA,UAAU,IAAI,IAAI;AAClB,UAAA,gBAAgB,SAA4B,IAAI,kBAAkB,EAAE,SAAS,YAAY,KAAK,gBAAiB,CAAA,CAAC;AACtH,UAAM,eAAe,SAA2B,IAAI,iBAAkB,CAAA;AAGtE,kBAAc,kBAAkB,GAAG,OAAO,EAAE,WAAW;AACrD,UAAI,aAAa,OAAO;AACjB,aAAA,aAAa,aAAa,MAAM;AAAA,MAAA,OAElC;AACC,YAAA;AAEF,gBAAM,iBAAiB,YAAY,KAAK,gBAAgB,MAAM,GAAG;AAE3D,gBAAA,SAAS,MAAM,UAAU,IAAI,EAAE,KAAK,QAAQ,MAAM,MAAM,IAAI,MAAM,GAAG,MAAM,KAAK,WAAW,OAAO,eAAe,CAAC,GAAG,QAAQ,eAAe,CAAC,EAAG,CAAA;AAElJ,cAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,yBAAa,QAAQ,EAAE,IAAI,OAAO,KAAK;AAClC,iBAAA,aAAa,OAAO,KAAK;AAAA,UAChC;AAAA,iBAEO,OAAO;AACd,mBAAS,MAAM,EAAE,SAAS,QAAS,CAAA;AAAA,QACrC;AAAA,MACF;AAAA,IAAA,CAED;AAGY,iBAAA,mBAAoB,CAAC,SAAS;AACzC,UAAI,aAAa,OAAO;AACjB,aAAA,KAAK,aAAa,MAAM;AAAA,MAAA,OACxB;AACA,aAAA,MAAM,QAAQ,MAAM,MAAM;AAC1B,aAAA,OAAO,GAAG,MAAM,KAAK;AAAA,MAC5B;AACO,aAAA;AAAA,IAAA;AAMK,kBAAA,eAAe,GAAG,MAAM;AACpC,2BAAqB,MAAM,MAAM;AAAA,IAAA,CAClC;AAEY,iBAAA,eAAe,GAAG,MAAM;AACnC,2BAAqB,MAAM,MAAM;AAAA,IAAA,CAClC;AAGK,UAAA,uBAAuB,OAAO,WAAgB;;AAE9C,UAAA;AAEF,gBAAQ,QAAQ;AACV,cAAA,QAAQ,IAAI;AAClB,cAAM,aAAa,OAAO,KAAK,QAAQ,MAAM,EAAE;AAElC,qBAAA,SAAS,MAAM,UAAU,MAAM;AAAA,UAC1C,MAAM;AAAA,YACJ,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,WAAW;AAAA,UACb;AAAA,QACD,CAAA,GAAG,KAAK,KAAK,CAAC;AACf,cAAI,kBAAa,UAAb,mBAAoB,YAAS,kBAAa,UAAb,mBAAoB,QAAO;AAC5C,wBAAA,cAAc,GAAG,aAAa,MAAM,KAAK,IAAI,aAAa,MAAM,MAAM,EAAE;AAAA,QACxF;AAAA,eAEO,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA,UACf;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGI,UAAA,sBAAsB,OAAO,OAAY;AAC7C,YAAM,SAAS,eAAe;AAAA,QAC5B,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACR;AAAA,IAAA;AAGH,UAAM,qBAAqB,YAAY;;AACrC,YAAM,SAAS,eAAe;AAAA,QAC5B,OAAM;AAAA,QACN,UAAU;AAAA,QACV,QAAO,kBAAa,UAAb,mBAAoB;AAAA,MAAA,CAC5B;AACY,mBAAA,UAAU,UAAU,EAAG,UAAU;AACjC,mBAAA,UAAU,KAAK,EAAG,UAAU;AAC5B,mBAAA,UAAU,MAAM,EAAG,UAAU;AAAA,IAAA;AAI5C,cAAU,MAAM;AACR,YAAA,MAAM,MAAM,QAAQ,CAAM,OAAA;AAC9B,6BAAqB,EAAE;AAAA,MAAA,GACtB,EAAE,WAAW,KAAA,CAAM;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"part-banner-edit.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-banner-edit.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-part-banner__warp\" ref=\"warpRef\" v-loading=\"loading\" v-if=\"cmsSettings.part.openBanner\">\r\n    <el-carousel v-if=\"partAdBanner && partAdBanner.contents?.length\" :autoplay=\"false\" :height=\"partAdBannerHeight\"\r\n      arrow=\"always\" ref=\"carouselRef\">\r\n      <el-carousel-item v-for=\"item in partAdBanner.contents\" :key=\"item.id\">\r\n        <div class=\"mk-cms-part-banner__list_item\">\r\n          <div class=\"mk-cms-part-banner__list_content\">\r\n            <el-image class=\"mk-cms-part-banner__list_content_img\" v-if=\"item.type == 1\" :src=\"item.path\" fit=\"cover\"\r\n              tyle=\"width: 100%;height: 100%;\">\r\n              <div slot=\"placeholder\" class=\"image-slot\">\r\n                加载中<span class=\"dot\">...</span>\r\n              </div>\r\n            </el-image>\r\n            <video class=\"video\" v-if=\"item.type == 2\" :src=\"item.path\" style=\"width: 100%;height: 100%;\"\r\n              controls></video>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_bottom\">\r\n            <div class=\"mk-cms-part-banner__list_title\">{{ item.title }}</div>\r\n            <div>{{ item.desc }}</div>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_action-mask\">\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdContentHandle(item.id)\">\r\n              编辑当前轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n              添加新轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdDefineHandle()\">\r\n              设置素材显示尺寸\r\n            </el-button>\r\n          </div>\r\n        </div>\r\n      </el-carousel-item>\r\n    </el-carousel>\r\n    <el-empty v-else :image-size=\"80\" style=\"height: 240px;\">\r\n      <template #description>\r\n        <el-text>暂无轮播素材数据</el-text>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdDefineHandle()\">\r\n          设置素材显示尺寸\r\n        </el-button>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n          添加\r\n        </el-button>\r\n      </template>\r\n    </el-empty>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\nimport { onMounted, reactive, ref, watch, defineProps, computed, Ref } from \"vue\";\r\nimport { DataViewRequest, Where } from \"@maketribe/request\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdContentsForm, CmsAdDefinesForm } from \"../../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete, Plus } from \"@element-plus/icons-vue\"\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\n// cms 配置\r\nconst cmsSettings = useCmsSettings();\r\nconst props = defineProps({ partId: { type: String }, title: { type: String } })\r\n// 栏目广告\r\nconst partAdBanner = ref<any | null>(null);\r\nconst loading = ref(true);\r\nconst warpRef: Ref<HTMLElement | undefined> = ref();\r\nconst adContentForm = reactive<CmsAdContentsForm>(new CmsAdContentsForm({ cutSise: cmsSettings.part.bannerImageSize }))\r\nconst adDefineForm = reactive<CmsAdDefinesForm>(new CmsAdDefinesForm())\r\nconst partAdBannerHeight = computed(() => {\r\n  //判断有没有banner属性\r\n  let proportion = 0;\r\n  console.log(cmsSettings.part.bannerImageSize)\r\n  const widthAndHeight = cmsSettings.part.bannerImageSize.split(\"*\");\r\n  let settingHeight = 0\r\n  let settingWidth = 0\r\n\r\n  //设定的比例\r\n  if (!!partAdBanner.value.width && !!partAdBanner.value.height) {\r\n    proportion = partAdBanner.value.width / partAdBanner.value.height;\r\n  } else {\r\n    settingWidth = widthAndHeight[0] as any;\r\n\r\n    settingHeight = widthAndHeight[1] as any;\r\n    proportion = settingWidth / settingHeight\r\n  }\r\n\r\n\r\n  //比例是NaN，直接返回默认\r\n  if (Number.isNaN(proportion)) {\r\n    return \"240px\"\r\n  } else {\r\n    //通过比例确定高度\r\n    return partAdBanner.value.height ? (warpRef.value!.offsetWidth / proportion) + \"px\" : (warpRef.value!.offsetWidth / proportion) + \"px\"\r\n  }\r\n})\r\n\r\n\r\n// window.addEventListener(\"resize\", () => {\r\n//   const proportion = partAdBanner.value.width / partAdBanner.value.height;\r\n// })\r\n\r\n// 内容添加之前监测广告是否存在不存在先添加广告\r\nadContentForm.beforeSubmitEvent.on(async ({ data }) => {\r\n  if (partAdBanner.value) {\r\n    data.adDefineId = partAdBanner.value.id as any;\r\n  }\r\n  else {\r\n    try {\r\n\r\n      const widthAndHeight = cmsSettings.part.bannerImageSize.split(\"*\");\r\n      // 添加广告\r\n      const result = await adRequest.add({ key: `part_${props.partId}`, desc: `${props.title}的Banner`, width: widthAndHeight[0], height: widthAndHeight[1] })\r\n\r\n      if (result.data.code == 200) {\r\n        partAdBanner.value = { id: result.data.data as string }\r\n        data.adDefineId = result.data.data;\r\n      }\r\n\r\n    } catch (error) {\r\n      Messager.error({ message: \"添加失败！\" });\r\n    }\r\n  }\r\n\r\n})\r\n\r\n//提交判断是否存在，判断更新还是添加\r\nadDefineForm.formatSubmitData = ((data) => {\r\n  if (partAdBanner.value) {\r\n    data.id = partAdBanner.value.id as any;\r\n  } else {\r\n    data.key = `part_${props.partId}`\r\n    data.desc = `${props.title}的Banner`\r\n  }\r\n  return data\r\n})\r\n\r\n\r\n\r\n// 添加完成则刷新\r\nadContentForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n//加完成则刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n\r\n//加载栏目广告\r\nconst loadPartAdDefineData = async (partId: any) => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n    const where = new Where()\r\n    where.addCondition(\"key\", \"=\", `part_${partId}`);\r\n    // 加载广告定义\r\n    partAdBanner.value = (await adRequest.query({\r\n      data: {\r\n        pn: 1,\r\n        pc: 1000000,\r\n        condition: where\r\n      }\r\n    })).data.data[0];\r\n    if (partAdBanner.value?.width && partAdBanner.value?.width) {\r\n      adContentForm.changeCutSise(`${partAdBanner.value.width}*${partAdBanner.value.height}`)\r\n    }\r\n\r\n  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n//显示栏目广告的编辑弹窗\r\nconst showAdContentHandle = async (id: any) => {\r\n\r\n\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\r\n    recId: id\r\n  })\r\n}\r\n//显示栏目广告定义的编辑弹窗\r\nconst showAdDefineHandle = async () => {\r\n  await Dialoger.dataFormDialog({\r\n    title: \"设置素材显示尺寸\",\r\n    dataForm: adDefineForm as CmsAdDefinesForm,\r\n    recId: partAdBanner.value?.id\r\n  })\r\n  adDefineForm.getColumn(\"contents\")!.visible = false;\r\n  adDefineForm.getColumn(\"key\")!.visible = false;\r\n  adDefineForm.getColumn(\"desc\")!.visible = false;\r\n}\r\n\r\n// 组件挂载的时候\r\nonMounted(() => {\r\n  watch(() => props.partId, id => {\r\n    loadPartAdDefineData(id)\r\n  }, { immediate: true })\r\n})\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/cms/pages/cms-contents/components/part-info.vue.js

@@ -205,14 +205,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             key: 10,
                             name: "seoDesc"
                           })) : createCommentVNode("", true)
-                        ], 64)) : createCommentVNode("", true),
-                        createVNode(_component_el_divider, { "content-position": "left" }, {
-                          default: withCtx(() => [
-                            createTextVNode("其他配置")
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(unref(MKDataFormItem), { name: "sortNo" })
+                        ], 64)) : createCommentVNode("", true)
                       ]),
                       _: 1
                     })

package/dist/esm/modules/cms/pages/cms-contents/components/part-info.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"part-info.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-info.vue"],"sourcesContent":["<template>\r\n    <div class=\"mk-cms-part-info\">\r\n        <MKDataForm :dataForm=\"partDataForm\" style=\"height: 100%;\">\r\n            <MKForm :dataForm=\"partDataForm\">\r\n                <div class=\"mk-cms-part-info__body__form\">\r\n                    <div class=\"mk-cms-part-info__body__form-options\">\r\n                        <ElScrollbar>\r\n                            <MKDataFormItem name=\"cmsPartTypeId\" v-if=\"hideHandle('cmsPartTypeId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"parentId\" v-if=\"hideHandle('parentId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"cmsCoverArticleId\" v-if=\"hideHandle('cmsCoverArticleId')\">\r\n                            </MKDataFormItem>\r\n                            <MKDataFormItem name=\"title\" v-if=\"hideHandle('title')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"name\" v-if=\"hideHandle('name')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"externalLink\" v-if=\"hideHandle('externalLink')\">\r\n                            </MKDataFormItem>\r\n                            <el-row :gutter=\"22\" justify=\"space-between\">\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isShowMenu')\">\r\n                                    <MKDataFormItem name=\"isShowMenu\"></MKDataFormItem>\r\n                                </el-col>\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isHome')\">\r\n                                    <MKDataFormItem name=\"isHome\"></MKDataFormItem>\r\n                                </el-col>\r\n                            </el-row>\r\n                            <template v-if=\"CmsSettings.publish.mode == 'static'\">\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverRouter')\">路由配置</el-divider>\r\n                              <MKDataFormItem name=\"coverRouter\" v-if=\"hideHandle('coverRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listRouter\" v-if=\"hideHandle('listRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentRouter\" v-if=\"hideHandle('contentRouter')\"></MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverTemplate')\">模版配置</el-divider>\r\n                              <MKDataFormItem name=\"coverTemplate\" v-if=\"hideHandle('coverTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listTemplate\" v-if=\"hideHandle('listTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentTemplate\" v-if=\"hideHandle('contentTemplate')\">\r\n                              </MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('seoKeywords')\">SEO</el-divider>\r\n                              <MKDataFormItem name=\"seoKeywords\" v-if=\"hideHandle('seoKeywords')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"seoDesc\" v-if=\"hideHandle('seoDesc')\"></MKDataFormItem>\r\n                            </template>\r\n                            <el-divider content-position=\"left\">其他配置</el-divider>\r\n                            <MKDataFormItem name=\"sortNo\"></MKDataFormItem>\r\n                        </ElScrollbar>\r\n                    </div>\r\n                </div>\r\n            </MKForm>\r\n        </MKDataForm>\r\n    </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../../components\";\r\nimport { CmsPartForm } from \"../../../dataviews/cms-parts/CmsPartForm\";\r\nimport { computed, reactive, Ref, watch } from \"vue\";\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings();\r\nconst props = defineProps({\r\n    part: {\r\n        type: Object,\r\n        default: () => {\r\n            return {}\r\n        }\r\n    },\r\n    partDataForm: {\r\n        type: CmsPartForm,\r\n        default: () => {\r\n            return new CmsPartForm()\r\n        }\r\n    }\r\n})\r\n\r\n//监听保存成功事件\r\nprops.partDataForm.submittedEvent.on(() => {\r\n    props.partDataForm.editRecord(props.part.id)\r\n})\r\n\r\n/**\r\n * 需要隐藏的行\r\n */\r\nconst hideHandle = (name: string) => {\r\n    if (props.partDataForm.data.cmsPartTypeId == 1 && CmsPartForm.outerChainHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.contentHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 3 && CmsPartForm.menuHideColumn.includes(name)) {\r\n        props.partDataForm.data.isShowMenu = 1;\r\n        return false;\r\n    } \r\n    else {\r\n        return true;\r\n    }\r\n}\r\n\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,cAAc;AACpB,UAAM,QAAQ;AAgBR,UAAA,aAAa,eAAe,GAAG,MAAM;AACvC,YAAM,aAAa,WAAW,MAAM,KAAK,EAAE;AAAA,IAAA,CAC9C;AAKK,UAAA,aAAa,CAAC,SAAiB;AAC7B,UAAA,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,qBAAqB,SAAS,IAAI,GAAG;AACxF,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,kBAAkB,SAAS,IAAI,GAAG;AAC1F,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,eAAe,SAAS,IAAI,GAAG;AACxF,cAAA,aAAa,KAAK,aAAa;AAC9B,eAAA;AAAA,MAAA,OAEN;AACM,eAAA;AAAA,MACX;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"part-info.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-info.vue"],"sourcesContent":["<template>\r\n    <div class=\"mk-cms-part-info\">\r\n        <MKDataForm :dataForm=\"partDataForm\" style=\"height: 100%;\">\r\n            <MKForm :dataForm=\"partDataForm\">\r\n                <div class=\"mk-cms-part-info__body__form\">\r\n                    <div class=\"mk-cms-part-info__body__form-options\">\r\n                        <ElScrollbar>\r\n                            <MKDataFormItem name=\"cmsPartTypeId\" v-if=\"hideHandle('cmsPartTypeId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"parentId\" v-if=\"hideHandle('parentId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"cmsCoverArticleId\" v-if=\"hideHandle('cmsCoverArticleId')\">\r\n                            </MKDataFormItem>\r\n                            <MKDataFormItem name=\"title\" v-if=\"hideHandle('title')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"name\" v-if=\"hideHandle('name')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"externalLink\" v-if=\"hideHandle('externalLink')\">\r\n                            </MKDataFormItem>\r\n                            <el-row :gutter=\"22\" justify=\"space-between\">\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isShowMenu')\">\r\n                                    <MKDataFormItem name=\"isShowMenu\"></MKDataFormItem>\r\n                                </el-col>\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isHome')\">\r\n                                    <MKDataFormItem name=\"isHome\"></MKDataFormItem>\r\n                                </el-col>\r\n                            </el-row>\r\n                            <template v-if=\"CmsSettings.publish.mode == 'static'\">\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverRouter')\">路由配置</el-divider>\r\n                              <MKDataFormItem name=\"coverRouter\" v-if=\"hideHandle('coverRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listRouter\" v-if=\"hideHandle('listRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentRouter\" v-if=\"hideHandle('contentRouter')\"></MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverTemplate')\">模版配置</el-divider>\r\n                              <MKDataFormItem name=\"coverTemplate\" v-if=\"hideHandle('coverTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listTemplate\" v-if=\"hideHandle('listTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentTemplate\" v-if=\"hideHandle('contentTemplate')\">\r\n                              </MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('seoKeywords')\">SEO</el-divider>\r\n                              <MKDataFormItem name=\"seoKeywords\" v-if=\"hideHandle('seoKeywords')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"seoDesc\" v-if=\"hideHandle('seoDesc')\"></MKDataFormItem>\r\n                            </template>\r\n                       \r\n                        </ElScrollbar>\r\n                    </div>\r\n                </div>\r\n            </MKForm>\r\n        </MKDataForm>\r\n    </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../../components\";\r\nimport { CmsPartForm } from \"../../../dataviews/cms-parts/CmsPartForm\";\r\nimport { computed, reactive, Ref, watch } from \"vue\";\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings();\r\nconst props = defineProps({\r\n    part: {\r\n        type: Object,\r\n        default: () => {\r\n            return {}\r\n        }\r\n    },\r\n    partDataForm: {\r\n        type: CmsPartForm,\r\n        default: () => {\r\n            return new CmsPartForm()\r\n        }\r\n    }\r\n})\r\n\r\n//监听保存成功事件\r\nprops.partDataForm.submittedEvent.on(() => {\r\n    props.partDataForm.editRecord(props.part.id)\r\n})\r\n\r\n/**\r\n * 需要隐藏的行\r\n */\r\nconst hideHandle = (name: string) => {\r\n    if (props.partDataForm.data.cmsPartTypeId == 1 && CmsPartForm.outerChainHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.contentHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 3 && CmsPartForm.menuHideColumn.includes(name)) {\r\n        props.partDataForm.data.isShowMenu = 1;\r\n        return false;\r\n    } \r\n    else {\r\n        return true;\r\n    }\r\n}\r\n\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,cAAc;AACpB,UAAM,QAAQ;AAgBR,UAAA,aAAa,eAAe,GAAG,MAAM;AACvC,YAAM,aAAa,WAAW,MAAM,KAAK,EAAE;AAAA,IAAA,CAC9C;AAKK,UAAA,aAAa,CAAC,SAAiB;AAC7B,UAAA,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,qBAAqB,SAAS,IAAI,GAAG;AACxF,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,kBAAkB,SAAS,IAAI,GAAG;AAC1F,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,eAAe,SAAS,IAAI,GAAG;AACxF,cAAA,aAAa,KAAK,aAAa;AAC9B,eAAA;AAAA,MAAA,OAEN;AACM,eAAA;AAAA,MACX;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -52,7 +52,7 @@ const _hoisted_3 = { class: "flex items-center" };
 const _hoisted_4 = { class: "mk-cms-contents__body" };
 const _hoisted_5 = { class: "mk-cms-contents__body__right__action" };
 const _hoisted_6 = { class: "el-dropdown-link" };
-const _hoisted_7 = { style: { "background": "#fff", "margin-top": "-10px", "height": "100%", "overflow": "auto" } };
+const _hoisted_7 = { style: { "background": "#fff", "margin-top": "-10px" } };
 const _hoisted_8 = { class: "mk-cms-contents__publish" };
 const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", null, "是否发布列表：", -1);
 const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", null, "是否发布封面：", -1);
@@ -359,7 +359,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   activeTabName.value == "article-list" ? (openBlock(), createBlock(_sfc_main$1, {
                     key: 0,
-                    part: curSelectPartItem.value
+                    part: curSelectPartItem.value,
+                    style: { "height": "99%" }
                   }, null, 8, ["part"])) : createCommentVNode("", true)
                 ]),
                 _: 1
@@ -398,10 +399,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_7, [
                         (openBlock(), createBlock(resolveDynamicComponent(partContentComponent.value)))
                       ])
-                    ], 64)) : activeTabName.value == "part-content" ? withDirectives((openBlock(), createBlock(unref(MKDocEditor), {
+                    ], 64)) : activeTabName.value == "part-content" ? (openBlock(), createBlock(unref(MKDocEditor), {
                       key: 1,
                       css: unref(CmsSettings).part.doc.css,
                       js: unref(CmsSettings).part.doc.js,
+                      loading: partDataForm.loading,
                       content: (_d = partDataForm.data) == null ? void 0 : _d.content,
                       placeholder: "从这里开始写正文...",
                       onChange: EditorChangeHandle
@@ -417,9 +419,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ];
                       }),
                       _: 1
-                    }, 8, ["css", "js", "content"])), [
-                      [_directive_loading, partDataForm.loading]
-                    ]) : createCommentVNode("", true)
+                    }, 8, ["css", "js", "loading", "content"])) : createCommentVNode("", true)
                   ];
                 }),
                 _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-contents__warp\" v-loading=\"loading\">\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=\"richtext-outline\" style=\"margin-right: 5px\" />\r\n          内容管理\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button-group>\r\n            <el-button type=\"primary\" size=\"large\" text v-if=\"CmsSettings.publish.mode == 'static'\" @click=\"publishAllPartHandle\">\r\n              <MKSvgIcon iconClass=\"Promotion\" style=\"margin-right: 10px\" />\r\n              整站发布\r\n            </el-button>\r\n            <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n              <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 10px\" />\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-contents__body\">\r\n      <MKPartTree class=\"mk-cms-contents__body__left\" @select=\"selectPartHandle\" @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\" @deleteSuccessfully=\"deletePartHandle\" ref=\"partTreeRef\"\r\n        :curSelectId=\"curSelectPartId\" />\r\n      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n        <div class=\"mk-cms-contents__body__right__action\">\r\n\r\n          <template v-for=\"(ext,i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i+1}`\" :name=\"\">\r\n            <el-button type=\"primary\" text @click=\"ext.save()\" v-if=\"activeTabName == `part-ext${i}` && ext.save\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存{{ext.title}}\r\n            </el-button>\r\n          </template>\r\n          <template  v-if=\"activeTabName == 'part' || (activeTabName == 'part-content' && !partContentComponent)\">\r\n            <el-button type=\"primary\" text @click=\"savePartHandle()\" :disabled=\"!partDataForm?.isChanged\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <el-dropdown v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate || curSelectPartItem.listTemplate || curSelectPartItem.contentTemplate\">\r\n            <span class=\"el-dropdown-link\">\r\n              <el-button type=\"primary\" text>\r\n                <MKSvgIcon iconClass=\"MoreFilled\" />\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id)\" v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览封面\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id,'1')\" v-if=\"curSelectPartItem.listTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览列表\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"showPublish = true\">\r\n                  <MKSvgIcon iconClass=\"Promotion\" style=\"margin-left: 10px;\" />\r\n                  发布当前栏目\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\" v-if=\"curSelectPartItem.contentTemplate\">\r\n          <ArticleList v-if=\"activeTabName == 'article-list'\" :part=\"curSelectPartItem\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目设置\" name=\"part\" v-loading=\"partDataForm.loading\">\r\n          <PartInfo v-if=\"activeTabName == 'part'\" :part=\"curSelectPartItem\" ref=\"partInfoRef\"\r\n            :partDataForm=\"partDataForm\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"页面内容\" name=\"part-content\" style=\"background-color: #f4f4f4\" v-if=\"curSelectPartItem.cmsPartTypeId != 1\">\r\n          \r\n          <template v-if=\"partContentComponent\">\r\n            <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\" :title=\"partDataForm.data?.title\" />\r\n            <div style=\"background: #fff;margin-top: -10px;height: 100%;overflow: auto;\">\r\n              <component :is=\"partContentComponent\" />\r\n            </div>\r\n          </template>\r\n          <template v-else-if=\"activeTabName == 'part-content'\">\r\n            <MKDocEditor :css=\"CmsSettings.part.doc.css\" :js=\"CmsSettings.part.doc.js\"  :content=\"partDataForm.data?.content\"\r\n              placeholder=\"从这里开始写正文...\" @change=\"EditorChangeHandle\"  v-loading=\"partDataForm.loading\">\r\n              <template #before-extentions>\r\n                <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\" :title=\"partDataForm.data?.title\" />\r\n              </template>\r\n            </MKDocEditor>\r\n          </template>\r\n          \r\n        </el-tab-pane>\r\n        <el-tab-pane v-for=\"(ext,i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i==0 ?'':i}`\" :name=\"`part-ext${i}`\">\r\n          <component :is=\"ext.component\" />\r\n        </el-tab-pane>\r\n       \r\n      </el-tabs>\r\n      <el-empty v-else description=\"请选择栏目\" style=\"width: 100%\" />\r\n    </div>\r\n    <el-dialog v-model=\"showPublish\" title=\"栏目发布\" width=\"475px\" :append-to-body=\"false\">\r\n      <div class=\"mk-cms-contents__publish\">\r\n        <div><span>是否发布列表：</span> <el-switch v-model=\"optionData.isPublishList\"\r\n            :disabled=\"!curSelectPartItem.listTemplate\" /></div>\r\n        <div><span>是否发布封面：</span> <el-switch v-model=\"optionData.isPublishCover\"\r\n            :disabled=\"!curSelectPartItem.coverTemplate\" /></div>\r\n        <div><span>是否发布内容：</span> <el-switch v-model=\"optionData.isPublishContent\"\r\n            :disabled=\"!curSelectPartItem.contentTemplate\" /></div>\r\n        <div><span>是否发布资源：</span> <el-switch v-model=\"optionData.isPublishAssets\" /></div>\r\n        <div><span>是否强制发布：</span> <el-switch v-model=\"optionData.isCompulsion\" /></div>\r\n      </div>\r\n      <template #footer>\r\n        <el-button @click=\"showPublish = false\">取消</el-button>\r\n        <el-button type=\"primary\" @click=\"publishPartHandle\" :loading=\"publishLoading\">确定</el-button>\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\" >\r\nimport { MKPartTree } from \"../../components\";\r\nimport ArticleList from \"./components/article-list.vue\";\r\nimport PartInfo from \"./components/part-info.vue\";\r\nimport PartBannerEdit from \"./components/part-banner-edit.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref, watch,watchEffect } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm,CmsPartForm, CmsPartMiniForm } from \"../../dataviews/cms-parts\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { usePartExtensionList,usePartContentComponent, type PartExtension } from \"../../composables/part-extensions\"\r\nimport { ElSwitch } from \"element-plus\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n//路由 \r\nconst route = useRoute();\r\nconst router = useRouter();\r\n\r\n// 当前选中的栏目id\r\nconst curSelectPartId = ref<string>(route.query.pid as string)\r\nwatch(()=>route.query.pid,(v:any)=>{\r\n  curSelectPartId.value = v \r\n},{ immediate:true });\r\n\r\n//栏目Mini表单\r\nconst partMiniForm = reactive<CmsPartMiniForm>(new CmsPartMiniForm());\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\n//发布栏目时的配置\r\nconst showPublish = ref(false)\r\n\r\n//发布配置项\r\nconst optionData = ref({\r\n  isPublishList: false,\r\n  isPublishCover: false,\r\n  isPublishContent: false,\r\n  isPublishAssets: false,\r\n  isCompulsion: true\r\n});\r\n\r\n//发布加载状态\r\nconst publishLoading = ref(false);\r\n\r\n// 数据加载状态\r\nconst loading = ref(false)\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n//栏目扩展\r\nconst partExList = ref<Array<PartExtension>>([]);\r\nconst partContentComponent = ref<any>(null)\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\r\n\r\n// 初始化表单\r\npartDataForm.init();\r\n\r\n// 切换tab 加载栏目表单数据\r\nlet beforeInitFormPart:any = null;\r\nwatchEffect(async ()=>{\r\n  if((activeTabName.value == \"part\" || activeTabName.value == \"part-content\") && curSelectPartItem.value != beforeInitFormPart){\r\n    try {\r\n      beforeInitFormPart = curSelectPartItem.value;\r\n      await partDataForm.editRecord(curSelectPartItem.value.id);\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n});\r\n\r\n// 选择栏目\r\nconst selectPartHandle = async (item: any) => {\r\n\r\n  if (curSelectPartItem.value != item) {\r\n\r\n    curSelectPartItem.value = item;\r\n\r\n    if (!curSelectPartItem.value.contentTemplate) {\r\n      activeTabName.value = \"part\";\r\n    }\r\n    else{\r\n      activeTabName.value = \"article-list\";\r\n    }\r\n    router.replace({ name: 'cms/contents', query: { pid: curSelectPartItem.value.id } } as any)\r\n    partExList.value = usePartExtensionList(curSelectPartItem.value.id).concat(usePartExtensionList(curSelectPartItem.value.name));\r\n    partContentComponent.value = usePartContentComponent(curSelectPartItem.value.id) || usePartContentComponent(curSelectPartItem.value.name) \r\n  }\r\n};\r\n\r\n//删除栏目\r\nconst deletePartHandle = (item: any) => {\r\n  if (item.id == curSelectPartItem.value.id) {\r\n    curSelectPartItem.value = null;\r\n  }\r\n};\r\n\r\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partMiniForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partMiniForm.addRecord({ parentId: item.id });\r\n  }\r\n\r\n};\r\n\r\nwatch(showPublish, async (v) => {\r\n  if(v){\r\n    optionData.value.isPublishList = !!curSelectPartItem.value.listTemplate\r\n    optionData.value.isPublishCover = !!curSelectPartItem.value.coverTemplate\r\n    optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate\r\n  }\r\n})\r\n \r\n//监听表单完成事件\r\npartMiniForm.submittedEvent.on(({ response }:any) => {\r\n  if(response.data.data){\r\n    // 重置选中\r\n    curSelectPartId.value = response.data.data;\r\n    // 刷新完成直接选中\r\n    (partTreeRef.value! as any).dataTree?.load();\r\n  }\r\n \r\n});\r\n\r\n//栏目发布\r\nconst publishAllPartHandle = async () => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n      \r\n    await CmsPartForm.publishAll()\r\n  } \r\n  finally {\r\n    loading.value = false;\r\n  }\r\n\r\n}\r\nconst publishPartHandle = async () => {\r\n \r\n  try {\r\n\r\n    publishLoading.value = true\r\n\r\n    await CmsPartForm.publish(curSelectPartItem.value.id,optionData.value);\r\n\r\n    showPublish.value = false;\r\n\r\n  } finally {\r\n    publishLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst savePartHandle = async () => {\r\n  curSelectPartItem.value = partDataForm.data;\r\n  await partDataForm.submit();\r\n}\r\n\r\n/**\r\n * 更新编辑器内容\r\n * @param v  内容\r\n */\r\nconst EditorChangeHandle = (v: any) => {\r\n  partDataForm.data.content = v\r\n}\r\n</script>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-contents__warp\" v-loading=\"loading\">\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=\"richtext-outline\" style=\"margin-right: 5px\" />\r\n          内容管理\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button-group>\r\n            <el-button type=\"primary\" size=\"large\" text v-if=\"CmsSettings.publish.mode == 'static'\"\r\n              @click=\"publishAllPartHandle\">\r\n              <MKSvgIcon iconClass=\"Promotion\" style=\"margin-right: 10px\" />\r\n              整站发布\r\n            </el-button>\r\n            <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n              <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 10px\" />\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-contents__body\">\r\n      <MKPartTree class=\"mk-cms-contents__body__left\" @select=\"selectPartHandle\" @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\" @deleteSuccessfully=\"deletePartHandle\" ref=\"partTreeRef\"\r\n        :curSelectId=\"curSelectPartId\" />\r\n      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n        <div class=\"mk-cms-contents__body__right__action\">\r\n\r\n          <template v-for=\"(ext, i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i+1}`\" :name=\"\">\r\n            <el-button type=\"primary\" text @click=\"ext.save()\" v-if=\"activeTabName == `part-ext${i}` && ext.save\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存{{ ext.title }}\r\n            </el-button>\r\n          </template>\r\n          <template v-if=\"activeTabName == 'part' || (activeTabName == 'part-content' && !partContentComponent)\">\r\n            <el-button type=\"primary\" text @click=\"savePartHandle()\" :disabled=\"!partDataForm?.isChanged\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <el-dropdown\r\n            v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate || curSelectPartItem.listTemplate || curSelectPartItem.contentTemplate\">\r\n            <span class=\"el-dropdown-link\">\r\n              <el-button type=\"primary\" text>\r\n                <MKSvgIcon iconClass=\"MoreFilled\" />\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id)\"\r\n                  v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览封面\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id, '1')\"\r\n                  v-if=\"curSelectPartItem.listTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览列表\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"showPublish = true\">\r\n                  <MKSvgIcon iconClass=\"Promotion\" style=\"margin-left: 10px;\" />\r\n                  发布当前栏目\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\" v-if=\"curSelectPartItem.contentTemplate\">\r\n          <ArticleList v-if=\"activeTabName == 'article-list'\" :part=\"curSelectPartItem\" style=\"height: 99%;\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目设置\" name=\"part\" v-loading=\"partDataForm.loading\">\r\n          <PartInfo v-if=\"activeTabName == 'part'\" :part=\"curSelectPartItem\" ref=\"partInfoRef\"\r\n            :partDataForm=\"partDataForm\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"页面内容\" name=\"part-content\" style=\"background-color: #f4f4f4\"\r\n          v-if=\"curSelectPartItem.cmsPartTypeId != 1\">\r\n\r\n          <template v-if=\"partContentComponent\">\r\n            <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\"\r\n              :title=\"partDataForm.data?.title\" />\r\n            <div style=\"background: #fff;margin-top: -10px;\">\r\n              <component :is=\"partContentComponent\" />\r\n            </div>\r\n          </template>\r\n          <template v-else-if=\"activeTabName == 'part-content'\">\r\n            <MKDocEditor :css=\"CmsSettings.part.doc.css\" :js=\"CmsSettings.part.doc.js\" :loading=\"partDataForm.loading\"\r\n              :content=\"partDataForm.data?.content\" placeholder=\"从这里开始写正文...\" @change=\"EditorChangeHandle\">\r\n              <template #before-extentions>\r\n                <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\"\r\n                  :title=\"partDataForm.data?.title\" />\r\n              </template>\r\n            </MKDocEditor>\r\n          </template>\r\n\r\n        </el-tab-pane>\r\n        <el-tab-pane v-for=\"(ext, i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i == 0 ? '' : i}`\" :name=\"`part-ext${i}`\">\r\n          <component :is=\"ext.component\" />\r\n        </el-tab-pane>\r\n\r\n      </el-tabs>\r\n      <el-empty v-else description=\"请选择栏目\" style=\"width: 100%\" />\r\n    </div>\r\n    <el-dialog v-model=\"showPublish\" title=\"栏目发布\" width=\"475px\" :append-to-body=\"false\">\r\n      <div class=\"mk-cms-contents__publish\">\r\n        <div><span>是否发布列表：</span> <el-switch v-model=\"optionData.isPublishList\"\r\n            :disabled=\"!curSelectPartItem.listTemplate\" /></div>\r\n        <div><span>是否发布封面：</span> <el-switch v-model=\"optionData.isPublishCover\"\r\n            :disabled=\"!curSelectPartItem.coverTemplate\" /></div>\r\n        <div><span>是否发布内容：</span> <el-switch v-model=\"optionData.isPublishContent\"\r\n            :disabled=\"!curSelectPartItem.contentTemplate\" /></div>\r\n        <div><span>是否发布资源：</span> <el-switch v-model=\"optionData.isPublishAssets\" /></div>\r\n        <div><span>是否强制发布：</span> <el-switch v-model=\"optionData.isCompulsion\" /></div>\r\n      </div>\r\n      <template #footer>\r\n        <el-button @click=\"showPublish = false\">取消</el-button>\r\n        <el-button type=\"primary\" @click=\"publishPartHandle\" :loading=\"publishLoading\">确定</el-button>\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { MKPartTree } from \"../../components\";\r\nimport ArticleList from \"./components/article-list.vue\";\r\nimport PartInfo from \"./components/part-info.vue\";\r\nimport PartBannerEdit from \"./components/part-banner-edit.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref, watch, watchEffect } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm, CmsPartForm, CmsPartMiniForm } from \"../../dataviews/cms-parts\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { usePartExtensionList, usePartContentComponent, type PartExtension } from \"../../composables/part-extensions\"\r\nimport { ElSwitch } from \"element-plus\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n//路由 \r\nconst route = useRoute();\r\nconst router = useRouter();\r\n\r\n// 当前选中的栏目id\r\nconst curSelectPartId = ref<string>(route.query.pid as string)\r\nwatch(() => route.query.pid, (v: any) => {\r\n  curSelectPartId.value = v\r\n}, { immediate: true });\r\n\r\n//栏目Mini表单\r\nconst partMiniForm = reactive<CmsPartMiniForm>(new CmsPartMiniForm());\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\n//发布栏目时的配置\r\nconst showPublish = ref(false)\r\n\r\n//发布配置项\r\nconst optionData = ref({\r\n  isPublishList: false,\r\n  isPublishCover: false,\r\n  isPublishContent: false,\r\n  isPublishAssets: false,\r\n  isCompulsion: true\r\n});\r\n\r\n//发布加载状态\r\nconst publishLoading = ref(false);\r\n\r\n// 数据加载状态\r\nconst loading = ref(false)\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n//栏目扩展\r\nconst partExList = ref<Array<PartExtension>>([]);\r\nconst partContentComponent = ref<any>(null)\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\r\n\r\n// 初始化表单\r\npartDataForm.init();\r\n\r\n// 切换tab 加载栏目表单数据\r\nlet beforeInitFormPart: any = null;\r\nwatchEffect(async () => {\r\n  if ((activeTabName.value == \"part\" || activeTabName.value == \"part-content\") && curSelectPartItem.value != beforeInitFormPart) {\r\n    try {\r\n      beforeInitFormPart = curSelectPartItem.value;\r\n      await partDataForm.editRecord(curSelectPartItem.value.id);\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n});\r\n\r\n// 选择栏目\r\nconst selectPartHandle = async (item: any) => {\r\n\r\n  if (curSelectPartItem.value != item) {\r\n\r\n    curSelectPartItem.value = item;\r\n\r\n    if (!curSelectPartItem.value.contentTemplate) {\r\n      activeTabName.value = \"part\";\r\n    }\r\n    else {\r\n      activeTabName.value = \"article-list\";\r\n    }\r\n    router.replace({ name: 'cms/contents', query: { pid: curSelectPartItem.value.id } } as any)\r\n    partExList.value = usePartExtensionList(curSelectPartItem.value.id).concat(usePartExtensionList(curSelectPartItem.value.name));\r\n    partContentComponent.value = usePartContentComponent(curSelectPartItem.value.id) || usePartContentComponent(curSelectPartItem.value.name)\r\n  }\r\n};\r\n\r\n//删除栏目\r\nconst deletePartHandle = (item: any) => {\r\n  if (item.id == curSelectPartItem.value.id) {\r\n    curSelectPartItem.value = null;\r\n  }\r\n};\r\n\r\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partMiniForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partMiniForm.addRecord({ parentId: item.id });\r\n  }\r\n\r\n};\r\n\r\nwatch(showPublish, async (v) => {\r\n  if (v) {\r\n    optionData.value.isPublishList = !!curSelectPartItem.value.listTemplate\r\n    optionData.value.isPublishCover = !!curSelectPartItem.value.coverTemplate\r\n    optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate\r\n  }\r\n})\r\n\r\n//监听表单完成事件\r\npartMiniForm.submittedEvent.on(({ response }: any) => {\r\n  if (response.data.data) {\r\n    // 重置选中\r\n    curSelectPartId.value = response.data.data;\r\n    // 刷新完成直接选中\r\n    (partTreeRef.value! as any).dataTree?.load();\r\n  }\r\n\r\n});\r\n\r\n//栏目发布\r\nconst publishAllPartHandle = async () => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n\r\n    await CmsPartForm.publishAll()\r\n  }\r\n  finally {\r\n    loading.value = false;\r\n  }\r\n\r\n}\r\nconst publishPartHandle = async () => {\r\n\r\n  try {\r\n\r\n    publishLoading.value = true\r\n\r\n    await CmsPartForm.publish(curSelectPartItem.value.id, optionData.value);\r\n\r\n    showPublish.value = false;\r\n\r\n  } finally {\r\n    publishLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst savePartHandle = async () => {\r\n  curSelectPartItem.value = partDataForm.data;\r\n  await partDataForm.submit();\r\n}\r\n\r\n/**\r\n * 更新编辑器内容\r\n * @param v  内容\r\n */\r\nconst EditorChangeHandle = (v: any) => {\r\n  partDataForm.data.content = v\r\n}\r\n</script>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/ms/components/rich-text-editor/index.js

@@ -1,10 +1,7 @@
-import { defineAsyncComponent } from "vue";
 import { withInstall } from "@maketribe/utils";
+import RichTextEditor from "./rich-text-editor.js";
 import { richTextEditorEmits, richTextEditorProps } from "./rich-text-editor-options.js";
-const _RichTextEditor = defineAsyncComponent(
-  () => import("./rich-text-editor.js")
-);
-const MKRichTextEditor = withInstall(_RichTextEditor);
+const MKRichTextEditor = withInstall(RichTextEditor);
 export {
   MKRichTextEditor,
   MKRichTextEditor as default,

package/dist/esm/modules/ms/components/rich-text-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/index.ts"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\nconst _RichTextEditor = defineAsyncComponent(\r\n  () => import(\"./rich-text-editor\")\r\n);\r\n\r\nexport const MKRichTextEditor = withInstall(_RichTextEditor);\r\n\r\nexport default MKRichTextEditor;\r\n\r\nexport * from \"./rich-text-editor-options\";\r\n"],"names":[],"mappings":";;;AAGA,MAAM,kBAAkB;AAAA,EACtB,MAAM,OAAO,uBAAoB;AACnC;AAEa,MAAA,mBAAmB,YAAY,eAAe;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/index.ts"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\nimport RichTextEditor  from \"./rich-text-editor\"\r\n\r\nexport const MKRichTextEditor = withInstall(RichTextEditor );\r\n\r\nexport default MKRichTextEditor;\r\n\r\nexport * from \"./rich-text-editor-options\";\r\n"],"names":[],"mappings":";;;AAIa,MAAA,mBAAmB,YAAY,cAAe;"}

package/dist/esm/modules/ms/components/rich-text-editor/rich-text-editor-options.js

@@ -4,6 +4,23 @@ const richTextEditorProps = buildProps({
     type: String,
     required: true
   },
+  inline: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
+  plugins: {
+    type: Array,
+    required: false,
+    // ["link", "table", "fullscreen", "code","image"],
+    default: () => ["link", "quickbars", "lists"]
+  },
+  toolbar: {
+    type: [String, Boolean],
+    required: false,
+    //"undo redo | styles | fontfamily |  fontsize forecolor | bold italic underline strikethrough | alignleft aligncenter alignright | material | outdent indent | link | table | hr | removeformat  | code fullscreen"
+    default: false
+  },
   disabled: {
     type: Boolean,
     default: false

package/dist/esm/modules/ms/components/rich-text-editor/rich-text-editor-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor-options.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/rich-text-editor-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { ExtractPropTypes } from \"vue\";\r\n\r\nexport const richTextEditorProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type RichTextEditorProps = ExtractPropTypes<typeof richTextEditorProps>;\r\n\r\nexport const richTextEditorEmits = {\r\n  \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type RichTextEditorEmits = typeof richTextEditorEmits;\r\n"],"names":[],"mappings":";AAGO,MAAM,sBAAsB,WAAW;AAAA,EAC5C,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,eAAuB;AAChD;"}
+{"version":3,"file":"rich-text-editor-options.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/rich-text-editor-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { ExtractPropTypes } from \"vue\";\r\n\r\nexport const richTextEditorProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  inline : {\r\n    type: Boolean,\r\n    required: false,\r\n    default:false\r\n  },\r\n  plugins:{\r\n    type: Array<string>,\r\n    required: false,\r\n   // [\"link\", \"table\", \"fullscreen\", \"code\",\"image\"],\r\n    default:()=> ['link','quickbars','lists']\r\n  },\r\n  toolbar:{\r\n    type: [String,Boolean],\r\n    required: false,\r\n    //\"undo redo | styles | fontfamily |  fontsize forecolor | bold italic underline strikethrough | alignleft aligncenter alignright | material | outdent indent | link | table | hr | removeformat  | code fullscreen\"\r\n    default:false\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type RichTextEditorProps = ExtractPropTypes<typeof richTextEditorProps>;\r\n\r\nexport const richTextEditorEmits = {\r\n  \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type RichTextEditorEmits = typeof richTextEditorEmits;\r\n"],"names":[],"mappings":";AAGO,MAAM,sBAAsB,WAAW;AAAA,EAC5C,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,QAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,SAAQ;AAAA,EACV;AAAA,EACA,SAAQ;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,IAEV,SAAQ,MAAK,CAAC,QAAO,aAAY,OAAO;AAAA,EAC1C;AAAA,EACA,SAAQ;AAAA,IACN,MAAM,CAAC,QAAO,OAAO;AAAA,IACrB,UAAU;AAAA;AAAA,IAEV,SAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,eAAuB;AAChD;"}

package/dist/esm/modules/ms/components/rich-text-editor/rich-text-editor.js

@@ -9,12 +9,14 @@ import "tinymce/plugins/table";
 import "tinymce/plugins/fullscreen";
 import "tinymce/plugins/code";
 import "tinymce/plugins/image";
+import "tinymce/plugins/quickbars";
+import "tinymce/plugins/lists";
 import "./langs/zh-Hans.js";
 import "./skins/ui/ms/skin.js";
 import "./skins/ui/ms/content.js";
 import "./skins/content/ms/content.js";
 import { richTextEditorProps, richTextEditorEmits } from "./rich-text-editor-options.js";
-const richTextEditor = /* @__PURE__ */ defineComponent({
+const RichTextEditor = /* @__PURE__ */ defineComponent({
   name: "MKRichTextEditor",
   props: richTextEditorProps,
   emits: richTextEditorEmits,
@@ -27,9 +29,10 @@ const richTextEditor = /* @__PURE__ */ defineComponent({
       const tinymceInstance = await TinyMCE.init({
         target: unref(richTextEditorEl),
         promotion: false,
-        plugins: ["link", "table", "fullscreen", "code", "image"],
-        branding: false,
         menubar: false,
+        plugins: props.plugins,
+        toolbar: props.toolbar,
+        inline: props.inline,
         forced_root_block: " ",
         valid_elements: "*[*]",
         // 允许所有元素和属性
@@ -43,13 +46,15 @@ const richTextEditor = /* @__PURE__ */ defineComponent({
         apply_source_formatting: false,
         verify_html: false,
         font_family_formats: "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings",
-        toolbar: "undo redo | styles | fontfamily |  fontsize forecolor | bold italic underline strikethrough | alignleft aligncenter alignright | material | outdent indent | link | table | hr | removeformat  | code fullscreen",
         language: "zh-Hans",
         skin_url: "ms",
         content_css: "ms",
+        quickbars_insert_toolbar: "image",
+        quickbars_selection_toolbar: "bold italic underline | blocks | backcolor color quicklink",
+        powerpaste_word_import: "clean",
+        powerpaste_html_import: "clean",
         setup: (editor) => {
           editor.on("change", function() {
-            console.log("Content changed:", editor.getContent());
           });
           editor.ui.registry.addButton("material", {
             icon: "image",
@@ -62,7 +67,6 @@ const richTextEditor = /* @__PURE__ */ defineComponent({
             }
           });
           editor.on("paste", (event, ...args) => {
-            console.log(event, ...args);
           });
           editor.on("change input undo redo", () => {
             emit("update:model-value", editor.getContent());
@@ -72,7 +76,7 @@ const richTextEditor = /* @__PURE__ */ defineComponent({
       watch(computed(() => props.modelValue), (modelValue) => {
         for (const instance2 of tinymceInstance) {
           if (instance2.getContent() !== modelValue) {
-            instance2.setContent(modelValue);
+            instance2.setContent(modelValue || "");
           }
         }
       }, {
@@ -104,6 +108,6 @@ const richTextEditor = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  richTextEditor as default
+  RichTextEditor as default
 };
 //# sourceMappingURL=rich-text-editor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, ref, unref, watch, withCtx } from \"vue\";\r\nimport { MKMaterialSelect } from \"../material-select\";\r\nimport TinyMCE from \"tinymce\";\r\nimport \"tinymce/themes/silver/theme.js\";\r\nimport \"tinymce/models/dom/model.min.js\";\r\nimport \"tinymce/icons/default/icons.min.js\";\r\nimport \"tinymce/plugins/link\";\r\nimport \"tinymce/plugins/table\";\r\nimport \"tinymce/plugins/fullscreen\";\r\nimport \"tinymce/plugins/code\";\r\nimport \"tinymce/plugins/image\";\r\nimport \"./langs/zh-Hans.js\";\r\n\r\nimport \"./skins/ui/ms/skin.js\";\r\nimport \"./skins/ui/ms/content.js\";\r\nimport \"./skins/content/ms/content.js\";\r\n\r\n\r\nimport { richTextEditorEmits, richTextEditorProps } from \"./rich-text-editor-options\";\r\n\r\nexport default defineComponent({\r\n\tname: \"MKRichTextEditor\",\r\n\tprops: richTextEditorProps,\r\n\temits: richTextEditorEmits,\r\n\tsetup(props, { emit }) {\r\n\t\tconst richTextEditorEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n\t\tconst instance = getCurrentInstance();\r\n\t\tfunction escapeHtml(text: string) {\r\n\t\t\treturn text.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\").replace(/'/g, \"&#039;\");\r\n\t\t}\r\n\t\tonMounted(async () => {\r\n\t\t\tconst tinymceInstance = await TinyMCE.init({\r\n\t\t\t\ttarget: unref(richTextEditorEl)!,\r\n\t\t\t\tpromotion: false, \r\n\t\t\t\tplugins: [\"link\", \"table\", \"fullscreen\", \"code\",\"image\"],\r\n\t\t\t\tbranding: false,\r\n\t\t\t\tmenubar: false,\r\n\t\t\t\tforced_root_block: \" \",\r\n\t\t\t\tvalid_elements: \"*[*]\", // 允许所有元素和属性\r\n\t\t\t\textended_valid_elements: \"script[src|async|defer|type|charset]\", // 允许 script 标签的特定属性\r\n\t\t\t\tcustom_elements: \"~script\", // 允许自定义标签\r\n\t\t\t\tvalid_children: \"+body[script]\", // 允许 body 包含 script 标签\r\n\t\t\t\tcleanup: false,\r\n\t\t\t\tapply_source_formatting: false,\r\n\t\t\t\tverify_html: false,\r\n\t\t\t\tfont_family_formats:\r\n\t\t\t\t\t\"微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings\",\r\n\t\t\t\ttoolbar:\r\n\t\t\t\t\t\"undo redo | styles | fontfamily |  fontsize forecolor | bold italic underline strikethrough | alignleft aligncenter alignright | material | outdent indent | link | table | hr | removeformat  | code fullscreen\",\r\n\t\t\t\tlanguage: \"zh-Hans\",\r\n        skin_url:\"ms\",\r\n        content_css:\"ms\",\r\n\t\t\t\tsetup: (editor) => {\r\n\t\t\t\t\t\r\n\t\t\t\t\teditor.on(\"change\", function () {\r\n\t\t\t\t\t\tconsole.log(\"Content changed:\", editor.getContent());\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.ui.registry.addButton(\"material\", {\r\n\t\t\t\t\t\ticon: \"image\",\r\n\t\t\t\t\t\tonAction: async () => {\r\n\t\t\t\t\t\t\tconst response = await MKMaterialSelect();\r\n\t\t\t\t\t\t\tif (!response.success) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\teditor.insertContent(`<img src=\"${response.path}\" alt=\"${response.data!.id}\">`);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.on(\"paste\", (event, ...args) => {\r\n\t\t\t\t\t\tconsole.log(event, ...args);\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.on(\"change input undo redo\", () => {\r\n\t\t\t\t\t\temit(\"update:model-value\", editor.getContent());\r\n\t\t\t\t\t});\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\twatch(\r\n\t\t\t\tcomputed(() => props.modelValue),\r\n\t\t\t\t(modelValue) => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tif (instance.getContent() !== modelValue) {\r\n\t\t\t\t\t\t\tinstance.setContent(modelValue);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{ immediate: true }\r\n\t\t\t);\r\n\t\t\twatch(\r\n\t\t\t\tcomputed(() => props.disabled),\r\n\t\t\t\t(disabled) => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tinstance.mode.set(disabled ? \"readonly\" : \"design\");\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{ immediate: true }\r\n\t\t\t);\r\n\r\n\t\t\twithCtx(() => {\r\n\t\t\t\tonBeforeUnmount(() => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tinstance.destroy();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}, instance);\r\n\t\t});\r\n\t\treturn () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"mk-rich-text-editor\">\r\n\t\t\t\t\t<div class=\"mk-rich-text-editor__wrapper\" ref={((el: HTMLElement) => (richTextEditorEl.value = el)) as any} />\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\t},\r\n});\r\n"],"names":["defineComponent","name","props","richTextEditorProps","emits","richTextEditorEmits","setup","emit","richTextEditorEl","ref","instance","getCurrentInstance","onMounted","tinymceInstance","TinyMCE","init","target","unref","promotion","plugins","branding","menubar","forced_root_block","valid_elements","extended_valid_elements","custom_elements","valid_children","cleanup","apply_source_formatting","verify_html","font_family_formats","toolbar","language","skin_url","content_css","editor","on","console","log","getContent","ui","registry","addButton","icon","onAction","response","MKMaterialSelect","success","insertContent","path","data","id","event","args","watch","computed","modelValue","setContent","immediate","disabled","mode","set","withCtx","onBeforeUnmount","destroy","_createVNode","el","value"],"mappings":";;;;;;;;;;;;;;;;AAoBA,MAAeA,iDAAgB;AAAA,EAC9BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACtB,UAAMC,mBAA4CC,IAAI,IAAI;AAE1D,UAAMC,WAAWC;AAIjBC,cAAU,YAAY;AACrB,YAAMC,kBAAkB,MAAMC,QAAQC,KAAK;AAAA,QAC1CC,QAAQC,MAAMT,gBAAgB;AAAA,QAC9BU,WAAW;AAAA,QACXC,SAAS,CAAC,QAAQ,SAAS,cAAc,QAAO,OAAO;AAAA,QACvDC,UAAU;AAAA,QACVC,SAAS;AAAA,QACTC,mBAAmB;AAAA,QACnBC,gBAAgB;AAAA;AAAA,QAChBC,yBAAyB;AAAA;AAAA,QACzBC,iBAAiB;AAAA;AAAA,QACjBC,gBAAgB;AAAA;AAAA,QAChBC,SAAS;AAAA,QACTC,yBAAyB;AAAA,QACzBC,aAAa;AAAA,QACbC,qBACC;AAAA,QACDC,SACC;AAAA,QACDC,UAAU;AAAA,QACNC,UAAS;AAAA,QACTC,aAAY;AAAA,QAChB5B,OAAQ6B,YAAW;AAElBA,iBAAOC,GAAG,UAAU,WAAY;AAC/BC,oBAAQC,IAAI,oBAAoBH,OAAOI,WAAY,CAAA;AAAA,UACpD,CAAC;AACDJ,iBAAOK,GAAGC,SAASC,UAAU,YAAY;AAAA,YACxCC,MAAM;AAAA,YACNC,UAAU,YAAY;AACrB,oBAAMC,WAAW,MAAMC;AACvB,kBAAI,CAACD,SAASE,SAAS;AACtB;AAAA,cACD;AACAZ,qBAAOa,cAAc,aAAaH,SAASI,IAAI,UAAUJ,SAASK,KAAMC,EAAE,IAAI;AAAA,YAC/E;AAAA,UACD,CAAC;AACDhB,iBAAOC,GAAG,SAAS,CAACgB,UAAUC,SAAS;AACtChB,oBAAQC,IAAIc,OAAO,GAAGC,IAAI;AAAA,UAC3B,CAAC;AACDlB,iBAAOC,GAAG,0BAA0B,MAAM;AACzC7B,iBAAK,sBAAsB4B,OAAOI,WAAY,CAAA;AAAA,UAC/C,CAAC;AAAA,QACF;AAAA,MACD,CAAC;AACDe,YACCC,SAAS,MAAMrD,MAAMsD,UAAU,GAC9BA,gBAAe;AACf,mBAAW9C,aAAYG,iBAAiB;AACvC,cAAIH,UAAS6B,WAAY,MAAKiB,YAAY;AACzC9C,YAAAA,UAAS+C,WAAWD,UAAU;AAAA,UAC/B;AAAA,QACD;AAAA,MACD,GACA;AAAA,QAAEE,WAAW;AAAA,MAAK,CACnB;AACAJ,YACCC,SAAS,MAAMrD,MAAMyD,QAAQ,GAC5BA,cAAa;AACb,mBAAWjD,aAAYG,iBAAiB;AACvCH,UAAAA,UAASkD,KAAKC,IAAIF,WAAW,aAAa,QAAQ;AAAA,QACnD;AAAA,MACD,GACA;AAAA,QAAED,WAAW;AAAA,MAAK,CACnB;AAEAI,cAAQ,MAAM;AACbC,wBAAgB,MAAM;AACrB,qBAAWrD,aAAYG,iBAAiB;AACvCH,YAAAA,UAASsD,QAAO;AAAA,UACjB;AAAA,QACD,CAAC;AAAA,MACD,GAAEtD,QAAQ;AAAA,IACZ,CAAC;AACD,WAAO,MAAM;AACZ,aAAAuD,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAEmDC,QAAqB1D,iBAAiB2D,QAAQD;AAAAA,MAAG,GAAA,IAAA,CAAA,CAAA;AAAA;EAItG;AACD,CAAC;"}
+{"version":3,"file":"rich-text-editor.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, ref, unref, watch, withCtx } from \"vue\";\r\nimport { MKMaterialSelect } from \"../material-select\";\r\nimport TinyMCE from \"tinymce\";\r\nimport \"tinymce/themes/silver/theme.js\";\r\nimport \"tinymce/models/dom/model.min.js\";\r\nimport \"tinymce/icons/default/icons.min.js\";\r\nimport \"tinymce/plugins/link\";\r\nimport \"tinymce/plugins/table\";\r\nimport \"tinymce/plugins/fullscreen\";\r\nimport \"tinymce/plugins/code\";\r\nimport \"tinymce/plugins/image\";\r\nimport \"tinymce/plugins/quickbars\";\r\nimport \"tinymce/plugins/lists\";\r\nimport \"./langs/zh-Hans.js\";\r\n\r\nimport \"./skins/ui/ms/skin.js\";\r\nimport \"./skins/ui/ms/content.js\";\r\nimport \"./skins/content/ms/content.js\";\r\n\r\n\r\nimport { richTextEditorEmits, richTextEditorProps } from \"./rich-text-editor-options\";\r\n\r\nexport default defineComponent({\r\n\tname: \"MKRichTextEditor\",\r\n\tprops: richTextEditorProps,\r\n\temits: richTextEditorEmits,\r\n\tsetup(props, { emit }) {\r\n\t\tconst richTextEditorEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n\t\tconst instance = getCurrentInstance();\r\n\r\n    // 这个方法暂时没用上\r\n\t\t// function escapeHtml(text: string) {\r\n\t\t// \treturn text.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\").replace(/'/g, \"&#039;\");\r\n\t\t// }\r\n\r\n\t\tonMounted(async () => {\r\n\t\t\tconst tinymceInstance = await TinyMCE.init({\r\n\t\t\t\ttarget: unref(richTextEditorEl)!,\r\n\t\t\t\tpromotion: false, \r\n        menubar: false,\r\n\t\t\t\tplugins:props.plugins,\r\n        toolbar: props.toolbar,\r\n        inline: props.inline,\r\n\t\t\t\tforced_root_block: \" \",\r\n\t\t\t\tvalid_elements: \"*[*]\", // 允许所有元素和属性\r\n\t\t\t\textended_valid_elements: \"script[src|async|defer|type|charset]\", // 允许 script 标签的特定属性\r\n\t\t\t\tcustom_elements: \"~script\", // 允许自定义标签\r\n\t\t\t\tvalid_children: \"+body[script]\", // 允许 body 包含 script 标签\r\n\t\t\t\tcleanup: false,\r\n\t\t\t\tapply_source_formatting: false,\r\n\t\t\t\tverify_html: false,\r\n\t\t\t\tfont_family_formats:\r\n\t\t\t\t\t\"微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings\",\r\n\t\t\t\tlanguage: \"zh-Hans\",\r\n        skin_url:\"ms\",\r\n        content_css:\"ms\",\r\n\r\n        quickbars_insert_toolbar: 'image',\r\n        quickbars_selection_toolbar: 'bold italic underline | blocks | backcolor color quicklink',\r\n        powerpaste_word_import: 'clean',\r\n        powerpaste_html_import: 'clean',\r\n\t\t\t\tsetup: (editor) => {\r\n\t\t\t\t\t\r\n\t\t\t\t\teditor.on(\"change\", function () {\r\n\t\t\t\t\t\t// console.log(\"Content changed:\", editor.getContent());\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.ui.registry.addButton(\"material\", {\r\n\t\t\t\t\t\ticon: \"image\",\r\n\t\t\t\t\t\tonAction: async () => {\r\n\t\t\t\t\t\t\tconst response = await MKMaterialSelect();\r\n\t\t\t\t\t\t\tif (!response.success) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\teditor.insertContent(`<img src=\"${response.path}\" alt=\"${response.data!.id}\">`);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.on(\"paste\", (event, ...args) => {\r\n\t\t\t\t\t\t// console.log(event, ...args);\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.on(\"change input undo redo\", () => {\r\n\t\t\t\t\t\temit(\"update:model-value\", editor.getContent());\r\n\t\t\t\t\t});\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\twatch(\r\n\t\t\t\tcomputed(() => props.modelValue),\r\n\t\t\t\t(modelValue) => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tif (instance.getContent() !== modelValue) {\r\n\t\t\t\t\t\t\tinstance.setContent(modelValue || \"\");\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{ immediate: true }\r\n\t\t\t);\r\n\t\t\twatch(\r\n\t\t\t\tcomputed(() => props.disabled),\r\n\t\t\t\t(disabled) => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tinstance.mode.set(disabled ? \"readonly\" : \"design\");\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{ immediate: true }\r\n\t\t\t);\r\n\r\n\t\t\twithCtx(() => {\r\n\t\t\t\tonBeforeUnmount(() => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tinstance.destroy();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}, instance);\r\n\t\t});\r\n\t\treturn () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"mk-rich-text-editor\">\r\n\t\t\t\t\t<div class=\"mk-rich-text-editor__wrapper\" ref={((el: HTMLElement) => (richTextEditorEl.value = el)) as any} />\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\t},\r\n});\r\n"],"names":["defineComponent","name","props","richTextEditorProps","emits","richTextEditorEmits","setup","emit","richTextEditorEl","ref","instance","getCurrentInstance","onMounted","tinymceInstance","TinyMCE","init","target","unref","promotion","menubar","plugins","toolbar","inline","forced_root_block","valid_elements","extended_valid_elements","custom_elements","valid_children","cleanup","apply_source_formatting","verify_html","font_family_formats","language","skin_url","content_css","quickbars_insert_toolbar","quickbars_selection_toolbar","powerpaste_word_import","powerpaste_html_import","editor","on","ui","registry","addButton","icon","onAction","response","MKMaterialSelect","success","insertContent","path","data","id","event","args","getContent","watch","computed","modelValue","setContent","immediate","disabled","mode","set","withCtx","onBeforeUnmount","destroy","_createVNode","el","value"],"mappings":";;;;;;;;;;;;;;;;;;AAsBA,MAAeA,iDAAgB;AAAA,EAC9BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACtB,UAAMC,mBAA4CC,IAAI,IAAI;AAE1D,UAAMC,WAAWC;AAOjBC,cAAU,YAAY;AACrB,YAAMC,kBAAkB,MAAMC,QAAQC,KAAK;AAAA,QAC1CC,QAAQC,MAAMT,gBAAgB;AAAA,QAC9BU,WAAW;AAAA,QACPC,SAAS;AAAA,QACbC,SAAQlB,MAAMkB;AAAAA,QACVC,SAASnB,MAAMmB;AAAAA,QACfC,QAAQpB,MAAMoB;AAAAA,QAClBC,mBAAmB;AAAA,QACnBC,gBAAgB;AAAA;AAAA,QAChBC,yBAAyB;AAAA;AAAA,QACzBC,iBAAiB;AAAA;AAAA,QACjBC,gBAAgB;AAAA;AAAA,QAChBC,SAAS;AAAA,QACTC,yBAAyB;AAAA,QACzBC,aAAa;AAAA,QACbC,qBACC;AAAA,QACDC,UAAU;AAAA,QACNC,UAAS;AAAA,QACTC,aAAY;AAAA,QAEZC,0BAA0B;AAAA,QAC1BC,6BAA6B;AAAA,QAC7BC,wBAAwB;AAAA,QACxBC,wBAAwB;AAAA,QAC5BhC,OAAQiC,YAAW;AAElBA,iBAAOC,GAAG,UAAU,WAAY;AAAA,UAC/B,CACA;AACDD,iBAAOE,GAAGC,SAASC,UAAU,YAAY;AAAA,YACxCC,MAAM;AAAA,YACNC,UAAU,YAAY;AACrB,oBAAMC,WAAW,MAAMC;AACvB,kBAAI,CAACD,SAASE,SAAS;AACtB;AAAA,cACD;AACAT,qBAAOU,cAAc,aAAaH,SAASI,IAAI,UAAUJ,SAASK,KAAMC,EAAE,IAAI;AAAA,YAC/E;AAAA,UACD,CAAC;AACDb,iBAAOC,GAAG,SAAS,CAACa,UAAUC,SAAS;AAAA,UACtC,CACA;AACDf,iBAAOC,GAAG,0BAA0B,MAAM;AACzCjC,iBAAK,sBAAsBgC,OAAOgB,WAAY,CAAA;AAAA,UAC/C,CAAC;AAAA,QACF;AAAA,MACD,CAAC;AACDC,YACCC,SAAS,MAAMvD,MAAMwD,UAAU,GAC9BA,gBAAe;AACf,mBAAWhD,aAAYG,iBAAiB;AACvC,cAAIH,UAAS6C,WAAY,MAAKG,YAAY;AACzChD,YAAAA,UAASiD,WAAWD,cAAc,EAAE;AAAA,UACrC;AAAA,QACD;AAAA,MACD,GACA;AAAA,QAAEE,WAAW;AAAA,MAAK,CACnB;AACAJ,YACCC,SAAS,MAAMvD,MAAM2D,QAAQ,GAC5BA,cAAa;AACb,mBAAWnD,aAAYG,iBAAiB;AACvCH,UAAAA,UAASoD,KAAKC,IAAIF,WAAW,aAAa,QAAQ;AAAA,QACnD;AAAA,MACD,GACA;AAAA,QAAED,WAAW;AAAA,MAAK,CACnB;AAEAI,cAAQ,MAAM;AACbC,wBAAgB,MAAM;AACrB,qBAAWvD,aAAYG,iBAAiB;AACvCH,YAAAA,UAASwD,QAAO;AAAA,UACjB;AAAA,QACD,CAAC;AAAA,MACD,GAAExD,QAAQ;AAAA,IACZ,CAAC;AACD,WAAO,MAAM;AACZ,aAAAyD,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAEmDC,QAAqB5D,iBAAiB6D,QAAQD;AAAAA,MAAG,GAAA,IAAA,CAAA,CAAA;AAAA;EAItG;AACD,CAAC;"}