@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.3

package/dist/esm/article-edit-add-page-AeJ2loBa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"article-edit-add-page-AeJ2loBa.js","sources":["../../src/modules/cms/pages/cms-contents/components/article-atlas.vue","../../src/modules/cms/pages/cms-contents/article-edit-add-page.vue"],"sourcesContent":["<template>\r\n  <el-card class=\"cms-article-atlas\">\r\n    <template #header>\r\n      <div @click=\"showAtlasFormHandle()\" class=\"cms-article-atlas__header\">\r\n        <span>\r\n          <MKSvgIcon iconClass=\"Picture\" style=\"margin-right: 5px;\" />\r\n          文章媒体库\r\n        </span>\r\n        <MKSvgIcon class=\"cms-article-atlas__header__btn\" iconClass=\"Plus\" style=\"color: #409EFF;\" />\r\n      </div>\r\n    </template>\r\n    <el-empty v-if=\"atlas.length <= 0\" description=\"暂无内容\" />\r\n    <el-scrollbar class=\"cms-article-atlas__list\" v-else>\r\n      <el-card class=\"cms-article-atlas__list__item\" v-for=\"(item, index) in atlas\" :key=\"item.id\">\r\n        <el-image class=\"images\" :src=\"item.path\" v-if=\"item.type == 1\" fit=\"contain\">\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\" controls></video>\r\n        <div class=\"cms-article-atlas__list__item__desc\">\r\n          <div class=\"item-desc-left\">\r\n            <div class=\"title ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 1\" iconClass=\"Picture\"></MKSvgIcon>\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 2\" iconClass=\"VideoCamera\"></MKSvgIcon>\r\n              <span :title=\"item.title\">{{ item.title }}</span>\r\n            </div>\r\n            <div class=\"external-links ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.link\" iconClass=\"Link\"></MKSvgIcon>\r\n              <a :href=\"item.link\" target=\"_blank\" :title=\"item.path\">{{ item.link }}</a>\r\n            </div>\r\n          </div>\r\n          <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right\">\r\n            <span class=\"el-dropdown-link\">\r\n              更多<el-icon class=\"el-icon--right\"><arrow-down /></el-icon>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item class=\"edit-button\" :icon=\"EditPen\" @click=\"editHandle(item)\">编辑</el-dropdown-item>\r\n                <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                  @click=\"deleteHandle(index)\">删除</el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n      </el-card>\r\n      <el-dialog v-model=\"formVisible\" append-to-body>\r\n        <MKDataForm :dataForm=\"atlasDv\">\r\n          <MKForm></MKForm>\r\n        </MKDataForm>\r\n        <template #footer>\r\n          <el-button type=\"primary\" @click=\"saveAlatsHandle\">保存</el-button>\r\n          <el-button @click=\"formVisible = false\"> 取消 </el-button>\r\n        </template>\r\n      </el-dialog>\r\n\r\n    </el-scrollbar>\r\n  </el-card>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, computed, ref, defineProps, watch, reactive } from \"vue\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\nimport { CmsArticleAtlasForm } from \"../../../dataviews/cms-articles/cms-article-atlas\";\r\nimport { MKDataForm, MKForm } from \"../../../../../components\";\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  articleId: { type: Number, default: \"\" },\r\n  modelValue: { type: Array<any>, default: () => [] },\r\n})\r\nconst emit = defineEmits([\"update:modelValue\"])\r\n//atlas表单\r\nconst atlasDv = reactive(new CmsArticleAtlasForm()) as CmsArticleAtlasForm;\r\nconst formVisible = ref(false);\r\n\r\nconst imgExtension = [\".jpg\", \".png\", \".gif\", \".jpeg\", \".bmp\", \".webp\", \".svg\", \".tiff\", \".tif\", \".ico\", \".jfif\", \".jpe\"]\r\nconst videoExtension = [\".mp4\", \".avi\", \".rmvb\", \".flv\", \".mkv\", \".wmv\", \".mov\", \".webm\", \".m4v\", \".mpg\", \".mpeg\", \".mts\", \".m2ts\", \".m2v\", \".mpe\", \".mpv\", \".vob\", \".ogv\", \".3gp\", \".3g2\", \".3gpp\", \".3gpp2\", \".3gp2\"]\r\n\r\n\r\n//图集数据\r\nconst atlas = computed(\r\n  () => {\r\n    const _arr = props.modelValue.map((item, index) => {\r\n      const extension = item.path.slice(item.path.lastIndexOf(\".\"))\r\n      let type = 0;\r\n      if (imgExtension.includes(extension)) {\r\n        type = 1\r\n      } else if (videoExtension.includes(extension)) {\r\n        type = 2\r\n      }\r\n      return { ...item, type, uid: item.title + index }\r\n    })\r\n    return _arr\r\n  },\r\n);\r\n\r\n\r\n(window as any).atlasDv = atlasDv;\r\n(window as any).atlas = atlas;\r\n(window as any).modelValue = props.modelValue;\r\n/***\r\n * 展示atlas表单\r\n */\r\nconst showAtlasFormHandle = () => {\r\n  formVisible.value = true;\r\n  atlasDv.addRecord({\r\n    cmsArticlesId: props.articleId\r\n  })\r\n}\r\n\r\n//重置atlas表单\r\nwatch(formVisible, (v) => {\r\n  atlasDv.reset();\r\n})\r\n\r\n/**\r\n * 保存\r\n */\r\nconst saveAlatsHandle = async () => {\r\n  if (atlasDv.data.uid) {\r\n    const index = atlas.value.findIndex(item => item.uid == atlasDv.data.uid)\r\n    atlas.value[index] = { ...atlas.value[index], ...atlasDv.data }\r\n  } else {\r\n    atlas.value.push(atlasDv.data)\r\n  }\r\n\r\n  emit(\"update:modelValue\", atlas.value)\r\n  formVisible.value = false;\r\n}\r\n/**\r\n * 删除\r\n */\r\nconst deleteHandle = (index: number) => {\r\n  atlas.value.splice(index, 1)\r\n  emit(\"update:modelValue\", atlas.value)\r\n}\r\n\r\nconst editHandle = (item: any) => {\r\n  atlasDv.addRecord(item)\r\n  formVisible.value = true;\r\n}\r\n// 挂在完成之后\r\nonMounted(async () => {\r\n  await atlasDv.init();\r\n})\r\n\r\n</script>\r\n","<template>\r\n  <div class=\"mk-cms-article-eidtadd__warp\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"ArrowLeftBold\" title=\"返回\"\r\n      @back=\"() => router.push({ name: 'cms/contents', query: { pid: articleForm?.data?.cmsPartId } })\">\r\n      <template #content>\r\n        <template v-if=\"!articleForm.loading\">\r\n          <el-text v-if=\"!articleForm.data?.modifier\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n          <el-text v-else>{{ articleForm.data?.modifierName }} 于 {{ articleForm.data?.updatedAt }} 更新</el-text>\r\n        </template>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"mk-cms-article-eidtadd__header_tools\">\r\n\r\n          <template v-if=\"!articleForm.loading\">\r\n            <el-tag v-if=\"!articleForm.data?.publishTime\" effect=\"dark\" round>未发布</el-tag>\r\n            <el-text v-else>发布时间：{{ articleForm.data?.publishTime }}</el-text>\r\n          </template>\r\n\r\n          <el-dropdown split-button type=\"primary\" style=\"margin-left: 10px;\" @click=\"saveHandle\">\r\n            <MKSvgIcon name=\"carbon:save\" style=\"margin-right: 10px;\" />\r\n            保存\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item v-if=\"CmsSettings.publish.mode == 'static'\"  @click=\"saveAndViewHandle\">\r\n                  <MKSvgIcon name=\"ep:view\" style=\"margin-right: 5px;\" />\r\n                  保存并预览\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"saveAndPublishHandle\">\r\n                  <MKSvgIcon name=\"ep:share\" style=\"margin-right: 5px;\" />\r\n                  保存并发布\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-article-eidtadd__body\" v-loading=\"articleForm.loading\">\r\n\r\n      <MKDocEditor v-if=\"articleForm.data\"  :css=\"CmsSettings.content.doc.css\" namespace=\"cms-article\"\r\n      :js=\"CmsSettings.content.doc.js\" :modelValue=\"content\" @update:modelValue=\"docEditorChangeHandle\">\r\n        <template #header>\r\n          <div class=\"mk-cms-article-eidtadd__body__header\">\r\n            <el-row>\r\n              <el-input class=\"title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n                show-word-limit placeholder=\"请输入标题\" v-model=\"title\" />\r\n            </el-row>\r\n            <el-row>\r\n              <el-input class=\"sub-title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n                show-word-limit placeholder=\"[选填] 请输入子标题\" v-model=\"subTitle\" />\r\n            </el-row>\r\n          </div>\r\n        </template>\r\n        <template #after-extentions>\r\n          <div class=\"mk-cms-article-eidtadd__body__extentions\" :class=\"{ hide: closeExtentions! }\" ref=\"extentionsRef\">\r\n            <MKSvgIcon name=\"ep:arrow-left\" class=\"open\" @click=\"closeExtentionsHandle\" v-if=\"closeExtentions\">\r\n            </MKSvgIcon>\r\n            <MKSvgIcon v-else name=\"ep:arrow-right\" class=\"close\" @click=\"hideExtentionsHandle\">\r\n            </MKSvgIcon>\r\n            <el-divider content-position=\"left\">文章设置</el-divider>\r\n            <MKDataForm :dataForm=\"articleForm\">\r\n              <MKForm :dataForm=\"articleForm\" style=\"width:225px\" label-width=\"110px\">\r\n                <el-row v-if=\"CmsSettings.content.useTop\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isTop\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row v-if=\"CmsSettings.content.useNew\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isNew\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row v-if=\"CmsSettings.content.useHotRecommend\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isHotRecommend\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row v-if=\"CmsSettings.content.usePartRecommend\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isPartRecommend\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isShowList\"></MKDataFormItem>\r\n                </el-row>\r\n                <!-- <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isDraft\"></MKDataFormItem>\r\n                </el-row> -->\r\n                <!-- <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"sortNo\"></MKDataFormItem>\r\n                </el-row> -->\r\n              </MKForm>\r\n            </MKDataForm>\r\n          </div>\r\n        </template>\r\n        <template #footer>\r\n          <div class=\"mk-cms-article-eidtadd__body__footer\">\r\n            <el-tabs v-model=\"articleOptionsActive\">\r\n              <el-tab-pane label=\"基础内容\" name=\"content\">\r\n                <div class=\"content\">\r\n                  <el-row :gutter=\"20\">\r\n                    <el-col :span=\"6\">\r\n                      <el-input placeholder=\"[选填] 作者\" v-model=\"articleForm.data.author\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon name=\"ep:user-filled\" />\r\n                        </template>\r\n                      </el-input>\r\n                    </el-col>\r\n                    <el-col :span=\"6\">\r\n                      <el-date-picker v-model=\"releaseDate\" type=\"datetime\" placeholder=\"发布时间\"\r\n                        :default-time=\"new Date()\" />\r\n                    </el-col>\r\n                    <el-col :span=\"12\">\r\n                      <el-input placeholder=\"[选填] 发布地址\" v-model=\"articleForm.data.locationDesc\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon name=\"ep:location\" />\r\n                        </template>\r\n                      </el-input>\r\n                    </el-col>\r\n                  </el-row>\r\n                  <el-row v-if=\"CmsSettings.content.useTags\">\r\n                    <el-select v-model=\"tags\" multiple filterable allow-create default-first-option\r\n                      :reserve-keyword=\"false\" placeholder=\"[可选] 选择文章标签\" style=\"width: 100%\">\r\n                      <template #prefix>\r\n                        <MKSvgIcon name=\"ep:collection-tag\" />\r\n                      </template>\r\n                    </el-select>\r\n                  </el-row>\r\n                  <el-divider content-position=\"left\">\r\n                    文章封面/简介\r\n                    <el-switch v-model=\"descAutoCreate\" style=\"margin-left: 10px;\" inline-prompt active-text=\"自动生成\"\r\n                      inactive-text=\"手动撰写\" />\r\n                  </el-divider>\r\n                  <el-row class=\"cover-desc\">\r\n                    <MKUploadImage style=\"margin-right: 10px;\" v-model=\"articleForm.data.cover\" width=\"115px\" height=\"115px\" \r\n                    :uploadContext=\"new ImageUploadContext(CmsSettings.content.coverImageSize)\">\r\n\r\n                    </MKUploadImage>\r\n                    <el-input class=\"desc\" type=\"textarea\" :autosize=\"{ minRows: 5, maxRows: 30 }\" maxlength=\"1000\"\r\n                      show-word-limit placeholder=\"[选填] 文章简介\" v-model=\"desc\" />\r\n                  </el-row>\r\n                  <el-divider content-position=\"left\">文章Banner图</el-divider>\r\n                  <el-row>\r\n                    <MKUploadImage v-model=\"articleForm.data.banner\" style=\"width: 100%;\" height=\"300px\" :uploadContext=\"new ImageUploadContext(CmsSettings.content.bannerImageSize)\">\r\n\r\n                    </MKUploadImage>\r\n                  </el-row>\r\n                </div>\r\n              </el-tab-pane>\r\n              <el-tab-pane label=\"文章资源库\" name=\"atlas\"  v-if=\"CmsSettings.content.useAtlas\">\r\n                <ArticleAtlas v-model=\"atlas\" :articleId=\"parseInt(articleForm.data?.id)\" />\r\n              </el-tab-pane>\r\n              <el-tab-pane label=\"页面设置\" name=\"settings\"  v-if=\"CmsSettings.publish.mode == 'static'\">\r\n                <MKDataForm :dataForm=\"articleForm\" label-width=\"120px\">\r\n                  <MKForm :dataForm=\"articleForm\">\r\n                    <el-row>\r\n                      <MKDataFormItem style=\"width: 100%;\" name=\"seoKeywords\"></MKDataFormItem>\r\n                    </el-row>\r\n                    <el-row>\r\n                      <MKDataFormItem style=\"width: 100%;\" name=\"seoDesc\"></MKDataFormItem>\r\n                    </el-row>\r\n                  </MKForm>\r\n                </MKDataForm>\r\n              </el-tab-pane>\r\n            </el-tabs>\r\n          </div>\r\n        </template>\r\n      </MKDocEditor>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, computed } from \"vue\";\r\nimport { ArrowLeftBold } from \"@element-plus/icons-vue\"\r\nimport { MKDocEditor, MKSvgIcon, MKUploadImage } from '../../../../components'\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../components\";\r\nimport ArticleAtlas from \"./components/article-atlas.vue\";\r\nimport { CmsArticlesForm } from \"../../dataviews\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { ImageUploadContext } from \"../../../ms\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\nconst route = useRoute()\r\nconst router = useRouter();\r\n\r\n\r\n// 文章请求\r\nconst articleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\nconst articleOptionsActive = ref(\"content\");\r\n\r\n\r\n// 标题\r\nconst title = computed({\r\n  get() { return articleForm.data?.title || \"\"; },\r\n  set(val) { articleForm.data.title = val; }\r\n});\r\n// 子标题\r\nconst subTitle = computed({\r\n  get() { return articleForm.data?.subTitle || \"\"; },\r\n  set(val) { articleForm.data.subTitle = val; }\r\n});\r\n// 获取默认简介\r\nconst getDefaultDescContent = () => {\r\n  if (!descAutoCreate.value) {\r\n    return \"\";\r\n  }\r\n  let val: any = \"\";\r\n  const div = document.createElement(\"div\");\r\n  div.innerHTML = content.value;\r\n  val = div.textContent?.substring(0, 700);\r\n  if (div.textContent!.length > 700) {\r\n    val += \"...\";\r\n  }\r\n  return val;\r\n}\r\nconst descAutoCreate = ref(true)\r\n// 简介\r\nconst desc = computed({\r\n  get() {\r\n    return articleForm.data?.desc || getDefaultDescContent();\r\n  },\r\n  set(val) {\r\n    articleForm.data.desc = val;\r\n  }\r\n});\r\n// 发布时间\r\nconst releaseDate = computed({\r\n  get() { return articleForm.data?.releaseDate || articleForm.data?.publishTime; },\r\n  set(val) { articleForm.data.releaseDate = val; }\r\n});\r\n// 标签\r\nconst tags = ref([]);\r\n//  computed({ \r\n//   get() { return articleForm.data?.tags || [] }, \r\n//   set(val) { articleForm.data.tags = val; } \r\n// });\r\n// 内容\r\nconst content = computed({\r\n  get() { return articleForm.data?.content || \"\"; },\r\n  set(val) { articleForm.data.content = val; }\r\n});\r\n\r\n// 图集\r\nconst atlas = computed({\r\n  get() {\r\n    return articleForm.data?.atlas\r\n  },\r\n  set(val) { articleForm.data.atlas = val; }\r\n});\r\n\r\n// 表单初始化\r\nconst formInitDataInfo = ()=>{\r\n // 初始化数据加载\r\n if (route.query.id) {\r\n    articleForm.editRecord(route.query.id);\r\n  }\r\n  else if (route.query.partId) {\r\n    articleForm.addRecord({ cmsPartId: route.query.partId,isDraft:1 });\r\n  }\r\n  else {\r\n    articleForm.addRecord({ isDraft:1 });\r\n  }\r\n}\r\n\r\nonMounted(() => {\r\n  formInitDataInfo();\r\n  articleForm.init();\r\n\r\n})\r\n\r\n// 保存\r\nconst saveHandle = async () => {\r\n\r\n  // 简介不存在的时候使用自动生成的\r\n  if (!articleForm.data?.desc) {\r\n    desc.value = getDefaultDescContent();\r\n  }\r\n\r\n  let result = await articleForm.submit();\r\n\r\n  router.back();\r\n\r\n  return result;\r\n}\r\n\r\n// 保存并预览\r\nconst saveAndViewHandle = async ()=>{\r\n  const partId = articleForm.data.cmsPartId;\r\n  const data = await saveHandle();\r\n  if(data.data.code == 200 && data.data.data){\r\n    window.open('/api/cms/content/preview/content/' + partId + '/' + data.data.data)\r\n  }\r\n}\r\n\r\n// 保存并发布\r\nconst saveAndPublishHandle = async ()=>{\r\n  const result:any = await articleForm.saveAndPublish(CmsSettings.publish.mode);\r\n  if(result.data.code == 200){\r\n    router.back();\r\n  }\r\n}\r\n\r\n// 隐藏扩展\r\nconst closeExtentions = ref(true);\r\nconst extentionsRef = ref();\r\nconst hideExtentionsHandle = () => {\r\n  closeExtentions.value = true;\r\n}\r\n//展示扩展\r\nconst closeExtentionsHandle = () => {\r\n  closeExtentions.value = false;\r\n}\r\n\r\nconst docEditorChangeHandle = (v: any) => {\r\n  articleForm.data.content = v;\r\n}\r\n\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAId,UAAM,OAAO;AAEb,UAAM,UAAU,SAAS,IAAI,oBAAqB,CAAA;AAC5C,UAAA,cAAc,IAAI,KAAK;AAE7B,UAAM,eAAe,CAAC,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,SAAS,MAAM;AAClH,UAAA,iBAAiB,CAAC,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,UAAU,OAAO;AAItN,UAAM,QAAQ;AAAA,MACZ,MAAM;AACJ,cAAM,OAAO,MAAM,WAAW,IAAI,CAAC,MAAM,UAAU;AAC3C,gBAAA,YAAY,KAAK,KAAK,MAAM,KAAK,KAAK,YAAY,GAAG,CAAC;AAC5D,cAAI,OAAO;AACP,cAAA,aAAa,SAAS,SAAS,GAAG;AAC7B,mBAAA;AAAA,UACE,WAAA,eAAe,SAAS,SAAS,GAAG;AACtC,mBAAA;AAAA,UACT;AACA,iBAAO,EAAE,GAAG,MAAM,MAAM,KAAK,KAAK,QAAQ;QAAM,CACjD;AACM,eAAA;AAAA,MACT;AAAA,IAAA;AAID,WAAe,UAAU;AACzB,WAAe,QAAQ;AACvB,WAAe,aAAa,MAAM;AAInC,UAAM,sBAAsB,MAAM;AAChC,kBAAY,QAAQ;AACpB,cAAQ,UAAU;AAAA,QAChB,eAAe,MAAM;AAAA,MAAA,CACtB;AAAA,IAAA;AAIG,UAAA,aAAa,CAAC,MAAM;AACxB,cAAQ,MAAM;AAAA,IAAA,CACf;AAKD,UAAM,kBAAkB,YAAY;AAC9B,UAAA,QAAQ,KAAK,KAAK;AACd,cAAA,QAAQ,MAAM,MAAM,UAAU,UAAQ,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClE,cAAA,MAAM,KAAK,IAAI,EAAE,GAAG,MAAM,MAAM,KAAK,GAAG,GAAG,QAAQ,KAAK;AAAA,MAAA,OACzD;AACC,cAAA,MAAM,KAAK,QAAQ,IAAI;AAAA,MAC/B;AAEK,WAAA,qBAAqB,MAAM,KAAK;AACrC,kBAAY,QAAQ;AAAA,IAAA;AAKhB,UAAA,eAAe,CAAC,UAAkB;AAChC,YAAA,MAAM,OAAO,OAAO,CAAC;AACtB,WAAA,qBAAqB,MAAM,KAAK;AAAA,IAAA;AAGjC,UAAA,aAAa,CAAC,SAAc;AAChC,cAAQ,UAAU,IAAI;AACtB,kBAAY,QAAQ;AAAA,IAAA;AAGtB,cAAU,YAAY;AACpB,YAAM,QAAQ;IAAK,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC8BK,UAAA,cAAc,eAAe,IAAI;AAEvC,UAAM,QAAQ;AACd,UAAM,SAAS;AAIf,UAAM,cAAc,SAAS,IAAI,gBAAiB,CAAA;AAC5C,UAAA,uBAAuB,IAAI,SAAS;AAI1C,UAAM,QAAQ,SAAS;AAAA,MACrB,MAAM;;AAAS,iBAAA,iBAAY,SAAZ,mBAAkB,UAAS;AAAA,MAAI;AAAA,MAC9C,IAAI,KAAK;AAAE,oBAAY,KAAK,QAAQ;AAAA,MAAK;AAAA,IAAA,CAC1C;AAED,UAAM,WAAW,SAAS;AAAA,MACxB,MAAM;;AAAS,iBAAA,iBAAY,SAAZ,mBAAkB,aAAY;AAAA,MAAI;AAAA,MACjD,IAAI,KAAK;AAAE,oBAAY,KAAK,WAAW;AAAA,MAAK;AAAA,IAAA,CAC7C;AAED,UAAM,wBAAwB,MAAM;;AAC9B,UAAA,CAAC,eAAe,OAAO;AAClB,eAAA;AAAA,MACT;AACA,UAAI,MAAW;AACT,YAAA,MAAM,SAAS,cAAc,KAAK;AACxC,UAAI,YAAY,QAAQ;AACxB,aAAM,SAAI,gBAAJ,mBAAiB,UAAU,GAAG;AAChC,UAAA,IAAI,YAAa,SAAS,KAAK;AAC1B,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA;AAEH,UAAA,iBAAiB,IAAI,IAAI;AAE/B,UAAM,OAAO,SAAS;AAAA,MACpB,MAAM;;AACG,iBAAA,iBAAY,SAAZ,mBAAkB,SAAQ,sBAAsB;AAAA,MACzD;AAAA,MACA,IAAI,KAAK;AACP,oBAAY,KAAK,OAAO;AAAA,MAC1B;AAAA,IAAA,CACD;AAED,UAAM,cAAc,SAAS;AAAA,MAC3B,MAAM;;AAAE,iBAAO,iBAAY,SAAZ,mBAAkB,kBAAe,iBAAY,SAAZ,mBAAkB;AAAA,MAAa;AAAA,MAC/E,IAAI,KAAK;AAAE,oBAAY,KAAK,cAAc;AAAA,MAAK;AAAA,IAAA,CAChD;AAEK,UAAA,OAAO,IAAI,CAAA,CAAE;AAMnB,UAAM,UAAU,SAAS;AAAA,MACvB,MAAM;;AAAS,iBAAA,iBAAY,SAAZ,mBAAkB,YAAW;AAAA,MAAI;AAAA,MAChD,IAAI,KAAK;AAAE,oBAAY,KAAK,UAAU;AAAA,MAAK;AAAA,IAAA,CAC5C;AAGD,UAAM,QAAQ,SAAS;AAAA,MACrB,MAAM;;AACJ,gBAAO,iBAAY,SAAZ,mBAAkB;AAAA,MAC3B;AAAA,MACA,IAAI,KAAK;AAAE,oBAAY,KAAK,QAAQ;AAAA,MAAK;AAAA,IAAA,CAC1C;AAGD,UAAM,mBAAmB,MAAI;AAExB,UAAA,MAAM,MAAM,IAAI;AACL,oBAAA,WAAW,MAAM,MAAM,EAAE;AAAA,MAAA,WAE9B,MAAM,MAAM,QAAQ;AACf,oBAAA,UAAU,EAAE,WAAW,MAAM,MAAM,QAAO,SAAQ,GAAG;AAAA,MAAA,OAE9D;AACH,oBAAY,UAAU,EAAE,SAAQ,EAAG,CAAA;AAAA,MACrC;AAAA,IAAA;AAGF,cAAU,MAAM;AACG;AACjB,kBAAY,KAAK;AAAA,IAAA,CAElB;AAGD,UAAM,aAAa,YAAY;;AAGzB,UAAA,GAAC,iBAAY,SAAZ,mBAAkB,OAAM;AAC3B,aAAK,QAAQ;MACf;AAEI,UAAA,SAAS,MAAM,YAAY;AAE/B,aAAO,KAAK;AAEL,aAAA;AAAA,IAAA;AAIT,UAAM,oBAAoB,YAAU;AAC5B,YAAA,SAAS,YAAY,KAAK;AAC1B,YAAA,OAAO,MAAM;AACnB,UAAG,KAAK,KAAK,QAAQ,OAAO,KAAK,KAAK,MAAK;AACzC,eAAO,KAAK,sCAAsC,SAAS,MAAM,KAAK,KAAK,IAAI;AAAA,MACjF;AAAA,IAAA;AAIF,UAAM,uBAAuB,YAAU;AACrC,YAAM,SAAa,MAAM,YAAY,eAAe,YAAY,QAAQ,IAAI;AACzE,UAAA,OAAO,KAAK,QAAQ,KAAI;AACzB,eAAO,KAAK;AAAA,MACd;AAAA,IAAA;AAII,UAAA,kBAAkB,IAAI,IAAI;AAChC,UAAM,gBAAgB;AACtB,UAAM,uBAAuB,MAAM;AACjC,sBAAgB,QAAQ;AAAA,IAAA;AAG1B,UAAM,wBAAwB,MAAM;AAClC,sBAAgB,QAAQ;AAAA,IAAA;AAGpB,UAAA,wBAAwB,CAAC,MAAW;AACxC,kBAAY,KAAK,UAAU;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/cms-settings-DHQmoLKI.js

@@ -0,0 +1,50 @@
+import { reactive } from "vue";
+import { p as MsConfigTable } from "./index-mq3nYYwD.js";
+const CmsSettings = reactive({
+  publish: {
+    mode: "dynamic"
+  },
+  devices: ["pc"],
+  part: {
+    openBanner: true,
+    bannerImageSize: "1440*560",
+    docModules: [],
+    docTemplates: [],
+    doc: {
+      js: "",
+      css: ""
+    }
+  },
+  content: {
+    doc: {
+      js: "",
+      css: ""
+    },
+    docModules: [],
+    docTemplates: [],
+    useTop: true,
+    useNew: true,
+    useHotRecommend: false,
+    usePartRecommend: false,
+    useTags: false,
+    useAtlas: false,
+    coverImageSize: "300*300",
+    bannerImageSize: "1440*560"
+  }
+});
+const CmsSettingsKEY = "cms:content:man:settings";
+const useCmsSettings = function(load = false) {
+  if (load) {
+    MsConfigTable.getConfigValue(CmsSettingsKEY).then((data) => {
+      if (data) {
+        Object.assign(CmsSettings, data);
+      }
+    });
+  }
+  return CmsSettings;
+};
+export {
+  CmsSettingsKEY as C,
+  useCmsSettings as u
+};
+//# sourceMappingURL=cms-settings-DHQmoLKI.js.map

package/dist/esm/cms-settings-DHQmoLKI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cms-settings-DHQmoLKI.js","sources":["../../src/modules/cms/cms-settings.ts"],"sourcesContent":["import { reactive } from \"vue\"\r\nimport { MsConfigTable } from \"../ms/dataviews/ms-config/MsConfigTable\"\r\nimport { registerLexicalEditorModule,unRegisterLexicalEditorModule } from \"../../components/basic/lexical-editor\"\r\n\r\n/**\r\n * 发布配置\r\n */\r\ntype PublishSettings = {\r\n  // 发布模式 静态发布和动态发布\r\n  mode:'static' | 'dynamic'\r\n}\r\n\r\n/**\r\n * cms 文档编辑设置\r\n */\r\ntype CmsDocSettings = {\r\n  css:string,\r\n  js:string\r\n}\r\n\r\n/**\r\n * 栏目配置\r\n */\r\ntype PartSettings = {\r\n  doc:CmsDocSettings\r\n  openBanner:boolean,\r\n  bannerImageSize:string,\r\n  // 文档模块\r\n  docModules:Array<any>,\r\n  // 文档模版\r\n  docTemplates:Array<any>\r\n}\r\n\r\n/**\r\n * 内容设置\r\n */\r\ntype ContentSettings = {\r\n  /**\r\n   * 内容文档设置\r\n   */\r\n  doc:CmsDocSettings,\r\n  /**\r\n   * 开启文档置顶功能\r\n   */\r\n  useTop:boolean,\r\n  /**\r\n   * 开启最新文档功能\r\n   */\r\n  useNew:boolean,\r\n  /**\r\n   * 开启热点推荐功能\r\n   */\r\n  useHotRecommend:boolean,\r\n  /**\r\n   * 开启栏目推荐功能\r\n   */\r\n  usePartRecommend:boolean,\r\n  /**\r\n   * 开启内容标签\r\n   */\r\n  useTags:boolean,\r\n  /**\r\n   * 开启媒体库\r\n   */\r\n  useAtlas:boolean,\r\n  /**\r\n   * 封面图的尺寸 默认 300 * 300\r\n   */\r\n  coverImageSize:string,\r\n  /**\r\n   * banner图的尺寸 默认 1440 * 560\r\n   */\r\n  bannerImageSize:string,\r\n  // 文档模块\r\n  docModules:Array<any>,\r\n  // 文档模版\r\n  docTemplates:Array<any>\r\n}\r\n\r\n/**\r\n * cms 系统设置\r\n */\r\nexport type CmsSettingsType = {\r\n  // 发布配置\r\n  publish:PublishSettings,\r\n  devices:Array<'pc' | 'mobile'>,\r\n  part:PartSettings,\r\n  content:ContentSettings\r\n}\r\n\r\n/**\r\n * cms 配置\r\n */\r\nconst CmsSettings = reactive<CmsSettingsType>({\r\n  publish:{\r\n    mode:\"dynamic\"\r\n  },\r\n  devices:[\"pc\"],\r\n  part:{\r\n    openBanner:true,\r\n    bannerImageSize:\"1440*560\",\r\n    docModules:[],\r\n    docTemplates:[],\r\n    doc:{\r\n      js:\"\",\r\n      css:\"\"\r\n    }\r\n  },\r\n  content:{\r\n    doc:{\r\n      js:\"\",\r\n      css:\"\"\r\n    },\r\n    docModules:[],\r\n    docTemplates:[],\r\n    useTop:true,\r\n    useNew:true,\r\n    useHotRecommend:false,\r\n    usePartRecommend:false,\r\n    useTags:false,\r\n    useAtlas:false,\r\n    coverImageSize:\"300*300\",\r\n    bannerImageSize:\"1440*560\"\r\n  }\r\n})\r\n\r\n/**\r\n * \r\n */\r\nexport const CmsSettingsKEY = \"cms:content:man:settings\";\r\n\r\n/**\r\n * 使用cms配置\r\n * @param load \r\n */\r\nexport const useCmsSettings =  function(load:boolean|undefined = false):CmsSettingsType{\r\n\r\n  if(load){\r\n   \r\n    MsConfigTable.getConfigValue<CmsSettingsType>(CmsSettingsKEY).then(data=>{\r\n      if(data){ \r\n        // 卸载掉老旧模块\r\n        // CmsSettings.docModules.forEach(item=> unRegisterDocModule(item.name) );\r\n        Object.assign(CmsSettings,data);\r\n        // 加载新内容安装新模块\r\n        // CmsSettings.docModules.forEach(item=>registerLexicalEditorModule(item,\"\"));\r\n      }\r\n    });\r\n\r\n  }\r\n\r\n  return CmsSettings;\r\n}\r\n"],"names":[],"mappings":";;AA6FA,MAAM,cAAc,SAA0B;AAAA,EAC5C,SAAQ;AAAA,IACN,MAAK;AAAA,EACP;AAAA,EACA,SAAQ,CAAC,IAAI;AAAA,EACb,MAAK;AAAA,IACH,YAAW;AAAA,IACX,iBAAgB;AAAA,IAChB,YAAW,CAAC;AAAA,IACZ,cAAa,CAAC;AAAA,IACd,KAAI;AAAA,MACF,IAAG;AAAA,MACH,KAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,SAAQ;AAAA,IACN,KAAI;AAAA,MACF,IAAG;AAAA,MACH,KAAI;AAAA,IACN;AAAA,IACA,YAAW,CAAC;AAAA,IACZ,cAAa,CAAC;AAAA,IACd,QAAO;AAAA,IACP,QAAO;AAAA,IACP,iBAAgB;AAAA,IAChB,kBAAiB;AAAA,IACjB,SAAQ;AAAA,IACR,UAAS;AAAA,IACT,gBAAe;AAAA,IACf,iBAAgB;AAAA,EAClB;AACF,CAAC;AAKM,MAAM,iBAAiB;AAMjB,MAAA,iBAAkB,SAAS,OAAyB,OAAsB;AAErF,MAAG,MAAK;AAEN,kBAAc,eAAgC,cAAc,EAAE,KAAK,CAAM,SAAA;AACvE,UAAG,MAAK;AAGC,eAAA,OAAO,aAAY,IAAI;AAAA,MAGhC;AAAA,IAAA,CACD;AAAA,EAEH;AAEO,SAAA;AACT;"}

package/dist/esm/code-editor-CvI_XMp5.js

@@ -0,0 +1,46 @@
+import { defineComponent, computed, createVNode, unref } from "vue";
+import { Codemirror } from "vue-codemirror";
+import { buildProps } from "@maketribe/utils";
+const codeEditorProps = buildProps({
+  modelValue: {
+    type: null,
+    required: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  extensions: {
+    type: Array,
+    default: () => []
+  }
+});
+const codeEditorEmits = {
+  "update:model-value": (modelValue) => true
+};
+const codeEditor = /* @__PURE__ */ defineComponent({
+  name: "MKCodeEditor",
+  props: codeEditorProps,
+  emits: codeEditorEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = computed({
+      get: () => props.modelValue || "",
+      set: (v) => emit("update:model-value", v)
+    });
+    return () => {
+      return createVNode(Codemirror, {
+        "class": "mk-code-editor",
+        "modelValue": unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v,
+        "disabled": props.disabled,
+        "extensions": props.extensions
+      }, null);
+    };
+  }
+});
+export {
+  codeEditor as default
+};
+//# sourceMappingURL=code-editor-CvI_XMp5.js.map

package/dist/esm/code-editor-CvI_XMp5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor-CvI_XMp5.js","sources":["../../src/components/basic/code-editor/code-editor-options.ts","../../src/components/basic/code-editor/code-editor.tsx"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\nimport { ExtractPropTypes } from \"vue\";\n\nexport const codeEditorProps = buildProps({\n  modelValue: {\n    type: null,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  extensions: {\n    type: Array,\n    default: () => []\n  }\n});\n\nexport type CodeEditorProps = ExtractPropTypes<typeof codeEditorProps>;\n\nexport const codeEditorEmits = {\n  \"update:model-value\": (modelValue: string) => true,\n};\n\nexport type CodeEditorEmits = typeof codeEditorEmits;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { Codemirror } from \"vue-codemirror\";\nimport { codeEditorEmits, codeEditorProps } from \"./code-editor-options\";\nimport { Extension } from \"@codemirror/state\";\n\nexport default defineComponent({\n  name: \"MKCodeEditor\",\n  props: codeEditorProps,\n  emits: codeEditorEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue as string) || \"\",\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <Codemirror\n          class=\"mk-code-editor\"\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: string) => (modelValue.value = v)}\n          disabled={props.disabled}\n          extensions={props.extensions as Extension[]}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","codeEditorProps","emits","codeEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","Codemirror","unref","value","disabled","extensions"],"mappings":";;;AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM,CAAC;AAAA,EAClB;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,eAAuB;AAChD;ACjBA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAyB;AAAA,MAC3CG,KAAMC,OAAcL,KAAK,sBAAsBK,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,YAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMP,UAAU;AAAA,QAAC,uBACPI,OAAeJ,WAAWQ,QAAQJ;AAAAA,QAAE,YAChDV,MAAMe;AAAAA,QAAQ,cACZf,MAAMgB;AAAAA,MAAU,GAAA,IAAA;AAAA;EAIpC;AACF,CAAC;"}

package/dist/esm/dialog-BQtjgY66.js

@@ -0,0 +1,52 @@
+import { defineComponent, ref, watch, computed, unref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import { x as DataModelDefines, C as useSingleViewWithDialog, E as MKTreeView } from "./index-mq3nYYwD.js";
+import "element-plus";
+import "@maketribe/request";
+import "@maketribe/utils";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@maketribe/dm";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@maketribe/locale";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dialog",
+  setup(__props) {
+    const router = useRouter();
+    const dataTree = ref(null);
+    const dataForm = ref(null);
+    watch(
+      computed(() => unref(router.currentRoute).meta.name),
+      (name) => {
+        dataTree.value = DataModelDefines.instance.getDataTree(name);
+        dataForm.value = DataModelDefines.instance.getDataForm(name);
+      },
+      { immediate: true }
+    );
+    useSingleViewWithDialog({ dataTable: dataTree, dataForm });
+    return (_ctx, _cache) => {
+      const _component_MKDataTablePage = resolveComponent("MKDataTablePage");
+      return dataTree.value ? (openBlock(), createBlock(_component_MKDataTablePage, {
+        key: 0,
+        "data-table": dataTree.value
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(MKTreeView))
+        ]),
+        _: 1
+      }, 8, ["data-table"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=dialog-BQtjgY66.js.map

package/dist/esm/dialog-BQtjgY66.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-BQtjgY66.js","sources":["../../src/page/index/dv/default/single/tree/dialog.vue"],"sourcesContent":["<template>\n  <MKDataTablePage v-if=\"dataTree\" :data-table=\"dataTree\">\n    <MKTreeView />\n  </MKDataTablePage>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, Ref, ref, watch } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTree } from \"@maketribe/dm\";\nimport { MKTreeView } from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nuseSingleViewWithDialog({ dataTable: dataTree, dataForm });\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAC3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,4BAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;"}

package/dist/esm/dialog-CPR8_y9H.js

@@ -0,0 +1,61 @@
+import { defineComponent, ref, watch, computed, unref, openBlock, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import "@maketribe/dm";
+import "element-plus";
+import "@maketribe/utils";
+import { x as DataModelDefines, C as useSingleViewWithDialog, z as MKPageContainer, A as MKDataTable, F as MKTableView, G as MKTableTree } from "./index-mq3nYYwD.js";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dialog",
+  setup(__props) {
+    const router = useRouter();
+    const dataTree = ref(null);
+    const dataForm = ref(null);
+    watch(
+      computed(() => unref(router.currentRoute).meta.name),
+      (name) => {
+        dataTree.value = DataModelDefines.instance.getDataTree(name);
+        dataForm.value = DataModelDefines.instance.getDataForm(name);
+      },
+      { immediate: true }
+    );
+    useSingleViewWithDialog({ dataTable: dataTree, dataForm });
+    return (_ctx, _cache) => {
+      return dataTree.value ? (openBlock(), createBlock(unref(MKPageContainer), { key: 0 }, {
+        default: withCtx(() => [
+          createVNode(unref(MKDataTable), {
+            "data-table": dataTree.value,
+            enableQueryParams: ""
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(MKTableView), null, {
+                default: withCtx(() => [
+                  createVNode(unref(MKTableTree))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["data-table"])
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=dialog-CPR8_y9H.js.map

package/dist/esm/dialog-CPR8_y9H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CPR8_y9H.js","sources":["../../src/page/index/dv/default/single/table-tree/dialog.vue"],"sourcesContent":["<template>\n  <MKPageContainer v-if=\"dataTree\">\n    <MKDataTable :data-table=\"dataTree\" enableQueryParams>\n      <MKTableView>\n        <MKTableTree />\n      </MKTableView>\n    </MKDataTable>\n  </MKPageContainer>\n</template>\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTree } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport {\n  MKPageContainer,\n  MKDataTable,\n  MKTableView,\n  MKTableTree,\n} from \"../../../../../../components\";\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\n\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nuseSingleViewWithDialog({ dataTable: dataTree, dataForm });\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,4BAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/dialog-Cb7Lps0k.js

@@ -0,0 +1,51 @@
+import { defineComponent, ref, watch, computed, unref, openBlock, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import { x as DataModelDefines, C as useSingleViewWithDialog, z as MKPageContainer, A as MKDataTable } from "./index-mq3nYYwD.js";
+import "element-plus";
+import "@maketribe/request";
+import "@maketribe/utils";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@maketribe/dm";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@maketribe/locale";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dialog",
+  setup(__props) {
+    const router = useRouter();
+    const dataTable = ref(null);
+    const dataForm = ref(null);
+    watch(
+      computed(() => unref(router.currentRoute).meta.name),
+      (name) => {
+        dataTable.value = DataModelDefines.instance.getDataTable(name);
+        dataForm.value = DataModelDefines.instance.getDataForm(name);
+      },
+      { immediate: true }
+    );
+    useSingleViewWithDialog({ dataTable, dataForm });
+    return (_ctx, _cache) => {
+      return dataTable.value ? (openBlock(), createBlock(unref(MKPageContainer), { key: 0 }, {
+        default: withCtx(() => [
+          createVNode(unref(MKDataTable), {
+            "data-table": dataTable.value,
+            enableQueryParams: ""
+          }, null, 8, ["data-table"])
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=dialog-Cb7Lps0k.js.map

package/dist/esm/dialog-Cb7Lps0k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-Cb7Lps0k.js","sources":["../../src/page/index/dv/default/single/list/dialog.vue"],"sourcesContent":["<template>\n  <MKPageContainer v-if=\"dataTable\">\n    <MKDataTable :data-table=\"dataTable\" enableQueryParams />\n  </MKPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTable } from \"@maketribe/dm\";\nimport { MKDataTable, MKPageContainer } from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTable.value = DataModelDefines.instance.getDataTable(name);\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nuseSingleViewWithDialog({ dataTable, dataForm });\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAC3C,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAI;AAC7D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGI,4BAAA,EAAE,WAAW,SAAA,CAAU;;;;;;;;;;;;;;"}

package/dist/esm/edit-Bk7te-2r.js

@@ -0,0 +1,65 @@
+import { defineComponent, computed, unref, reactive, watch, openBlock, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import "@maketribe/dm";
+import "element-plus";
+import "@maketribe/utils";
+import { x as DataModelDefines, z as MKPageContainer, B as MKDataForm } from "./index-mq3nYYwD.js";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "edit",
+  setup(__props) {
+    const router = useRouter();
+    const id = computed(() => unref(router.currentRoute).params.id);
+    const dataForm = computed(() => {
+      const dataForm2 = DataModelDefines.instance.getDataForm(
+        unref(router.currentRoute).meta.name
+      );
+      return dataForm2 ? reactive(dataForm2) : null;
+    });
+    watch(
+      dataForm,
+      (dataForm2) => {
+        var _a, _b;
+        if (!dataForm2) {
+          return;
+        }
+        dataForm2.submittedEvent.on(() => {
+          router.push({ name: `dv/${dataForm2.name}/list` });
+        });
+        dataForm2.cancelEvent.on(() => {
+          router.push({ name: `dv/${dataForm2.name}/list` });
+        });
+        if (!unref(id)) {
+          (_a = unref(dataForm2)) == null ? void 0 : _a.addRecord();
+          return;
+        }
+        (_b = unref(dataForm2)) == null ? void 0 : _b.editRecord(unref(id));
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return dataForm.value ? (openBlock(), createBlock(unref(MKPageContainer), { key: 0 }, {
+        default: withCtx(() => [
+          createVNode(unref(MKDataForm), { "data-form": dataForm.value }, null, 8, ["data-form"])
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=edit-Bk7te-2r.js.map

package/dist/esm/edit-Bk7te-2r.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-Bk7te-2r.js","sources":["../../src/page/index/dv/default/edit.vue"],"sourcesContent":["<template>\n  <MKPageContainer v-if=\"dataForm\">\n    <MKDataForm :data-form=\"dataForm\" />\n  </MKPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, Ref, reactive } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../core\";\nimport { MKDataForm, MKPageContainer } from \"../../../../components\";\n\nconst router = useRouter();\n\nconst id = computed(() => unref(router.currentRoute).params.id as string);\n\nconst dataForm: Ref<DataForm | null> = computed(() => {\n  const dataForm = DataModelDefines.instance.getDataForm(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataForm ? (reactive(dataForm) as DataForm) : null;\n});\n\nwatch(\n  dataForm,\n  (dataForm) => {\n    if (!dataForm) {\n      return;\n    }\n\n    dataForm.submittedEvent.on(() => {\n      router.push({ name: `dv/${dataForm.name}/list` });\n    });\n\n    dataForm.cancelEvent.on(() => {\n      router.push({ name: `dv/${dataForm.name}/list` });\n    });\n\n    if (!unref(id)) {\n      unref(dataForm)?.addRecord();\n      return;\n    }\n\n    unref(dataForm)?.editRecord(unref(id));\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["dataForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,SAAS;AAET,UAAA,KAAK,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,OAAO,EAAY;AAElE,UAAA,WAAiC,SAAS,MAAM;AAC9CA,YAAAA,YAAW,iBAAiB,SAAS;AAAA,QACzC,MAAM,OAAO,YAAY,EAAE,KAAK;AAAA,MAAA;AAG3BA,aAAAA,YAAY,SAASA,SAAQ,IAAiB;AAAA,IAAA,CACtD;AAED;AAAA,MACE;AAAA,MACA,CAACA,cAAa;;AACZ,YAAI,CAACA,WAAU;AACb;AAAA,QACF;AAEAA,kBAAS,eAAe,GAAG,MAAM;AAC/B,iBAAO,KAAK,EAAE,MAAM,MAAMA,UAAS,IAAI,SAAS;AAAA,QAAA,CACjD;AAEDA,kBAAS,YAAY,GAAG,MAAM;AAC5B,iBAAO,KAAK,EAAE,MAAM,MAAMA,UAAS,IAAI,SAAS;AAAA,QAAA,CACjD;AAEG,YAAA,CAAC,MAAM,EAAE,GAAG;AACRA,sBAAAA,SAAQ,MAARA,mBAAW;AACjB;AAAA,QACF;AAEA,oBAAMA,SAAQ,MAAd,mBAAiB,WAAW,MAAM,EAAE;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;;;;;;;;;;;"}

package/dist/esm/index-84gxgRCL.js

@@ -0,0 +1,127 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, computed, unref, watch, createVNode } from "vue";
+import { Z as abstractSelectEmits, $ as abstractSelectProps, a0 as MKAbstractSelect } from "./index-mq3nYYwD.js";
+import { DataTree } from "@maketribe/dm";
+import { ElTreeSelect } from "element-plus";
+const { dataTable, ...restAbstractSelectProps } = abstractSelectProps;
+const dataTreeSelectProps = buildProps({
+  ...restAbstractSelectProps,
+  dataTree: DataTree,
+  checkStrictly: {
+    type: Boolean,
+    default: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  formatOptions: {
+    type: Function,
+    default: (item) => {
+      const value = item.value ?? item.id ?? item.name;
+      const label = item.label ?? item.desc ?? item.title ?? item.name;
+      const children = item.children ?? [];
+      return { value, label, children };
+    }
+  }
+});
+const dataTreeSelectEmits = {
+  ...abstractSelectEmits
+};
+const DataTreeSelect = /* @__PURE__ */ defineComponent({
+  name: "MKDataTreeSelect",
+  props: dataTreeSelectProps,
+  emits: dataTreeSelectEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const primaryKey = computed(() => {
+      var _a;
+      return props.primaryFieldName ?? ((_a = props.dataTree) == null ? void 0 : _a.primaryKey) ?? "value";
+    });
+    const loading = computed(() => {
+      var _a;
+      return ((_a = props.dataTree) == null ? void 0 : _a.loading) ?? false;
+    });
+    const modelValue = computed({
+      get: () => unref(props.modelValue),
+      set: (v) => {
+        emit("update:model-value", v);
+      }
+    });
+    watch(computed(() => props.dataTree), async (dataTree) => {
+      if (!dataTree) {
+        return;
+      }
+      await dataTree.init();
+      dataTree.dataFilter.setReady();
+      await dataTree.loadAll();
+    }, {
+      immediate: true
+    });
+    const formatOptions = (item) => {
+      let _formatOptions;
+      if (props.labelFieldName) {
+        _formatOptions = (item2) => {
+          return {
+            value: item2[unref(primaryKey)],
+            label: item2[props.labelFieldName],
+            children: (item2.children ?? []).map(formatOptions)
+          };
+        };
+      } else {
+        _formatOptions = props.formatOptions;
+      }
+      let option = _formatOptions(item);
+      option.data = item;
+      return option;
+    };
+    return () => {
+      return createVNode(MKAbstractSelect, {
+        "class": "mk-data-tree-select",
+        "modelValue": unref(modelValue),
+        "onUpdate:model-value": (v) => {
+          modelValue.value = v;
+        },
+        "additional": false,
+        "dataTable": props.dataTree,
+        "objectValue": props.objectValue,
+        "multiple": props.multiple,
+        "options": props.options,
+        "primaryFieldName": props.primaryFieldName,
+        "formatOptions": formatOptions
+      }, {
+        default: ({
+          selections,
+          setSelections,
+          options
+        }) => {
+          return createVNode(ElTreeSelect, {
+            "popper-class": "mk-data-tree-select__popper",
+            "clearable": props.clearable,
+            "data": options,
+            "disabled": props.disabled,
+            "loading": unref(loading),
+            "modelValue": selections,
+            "onUpdate:modelValue": setSelections,
+            "multiple": props.multiple,
+            "checkStrictly": props.checkStrictly
+          }, slots);
+        }
+      });
+    };
+  }
+});
+const MKDataTreeSelect = withInstall(DataTreeSelect);
+export {
+  MKDataTreeSelect,
+  dataTreeSelectEmits,
+  dataTreeSelectProps,
+  MKDataTreeSelect as default
+};
+//# sourceMappingURL=index-84gxgRCL.js.map

package/dist/esm/index-84gxgRCL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-84gxgRCL.js","sources":["../../src/components/basic/data-tree-select/data-tree-select-options.ts","../../src/components/basic/data-tree-select/data-tree-select.tsx","../../src/components/basic/data-tree-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\n\r\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\r\n\r\nexport const dataTreeSelectProps = buildProps({\r\n  ...restAbstractSelectProps,\r\n  dataTree: DataTree<any>,\r\n  checkStrictly: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  clearable: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  formatOptions: {\r\n    type: Function,\r\n    default: (item: any) => {\r\n      const value = item.value ?? item.id ?? item.name;\r\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\r\n      const children = item.children ?? [];\r\n\r\n      return { value, label, children };\r\n    },\r\n  },\r\n});\r\n\r\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\r\n\r\nexport const dataTreeSelectEmits = {\r\n  ...abstractSelectEmits,\r\n};\r\n\r\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\r\n","import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport {\n  dataTreeSelectEmits,\n  dataTreeSelectProps,\n} from \"./data-tree-select-options\";\nimport { ElTreeSelect } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataTreeSelect\",\n  props: dataTreeSelectProps,\n  emits: dataTreeSelectEmits,\n  setup(props, { emit, slots }) {\n    const primaryKey = computed(\n      () => props.primaryFieldName ?? props.dataTree?.primaryKey ?? \"value\"\n    );\n\n    const loading = computed(() => props.dataTree?.loading ?? false);\n\n    const modelValue = computed({\n      get: () => unref(props.modelValue),\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    watch(\n      computed(() => props.dataTree),\n      async (dataTree) => {\n        if (!dataTree) {\n          return;\n        }\n        await dataTree.init();\n        dataTree.dataFilter.setReady();\n        await dataTree.loadAll();\n      },\n      { immediate: true }\n    );\n\n    const formatOptions = (item: any) => {\n      let _formatOptions;\n\n      if (props.labelFieldName) {\n        _formatOptions = (item: any) => {\n          return {\n            value: item[unref(primaryKey)],\n            label: item[props.labelFieldName!],\n            children: (item.children ?? []).map(formatOptions),\n          };\n        };\n      } else {\n        _formatOptions = props.formatOptions;\n      }\n\n      let option = _formatOptions(item);\n\n      option.data = item;\n\n      return option;\n    };\n\n    return () => {\n      return (\n        <MKAbstractSelect\n          class=\"mk-data-tree-select\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: any) => {\n            modelValue.value = v;\n          }}\n          additional={false}\n          dataTable={props.dataTree}\n          objectValue={props.objectValue}\n          multiple={props.multiple}\n          options={props.options}\n          primaryFieldName={props.primaryFieldName}\n          formatOptions={formatOptions}\n          v-slots={{\n            default: ({ selections, setSelections, options }: any) => {\n              return (\n                <ElTreeSelect\n                  popper-class=\"mk-data-tree-select__popper\"\n                  clearable={props.clearable}\n                  data={options}\n                  disabled={props.disabled}\n                  loading={unref(loading)}\n                  modelValue={selections}\n                  onUpdate:modelValue={setSelections}\n                  multiple={props.multiple}\n                  checkStrictly={props.checkStrictly}\n                  v-slots={slots}\n                />\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataTreeSelect from \"./data-tree-select\";\n\nexport const MKDataTreeSelect = withInstall(DataTreeSelect);\n\nexport default MKDataTreeSelect;\n\nexport * from \"./data-tree-select-options\";\n"],"names":["defineComponent","name","props","dataTreeSelectProps","emits","dataTreeSelectEmits","setup","emit","slots","primaryKey","computed","primaryFieldName","dataTree","loading","modelValue","get","unref","set","v","watch","init","dataFilter","setReady","loadAll","immediate","formatOptions","item","_formatOptions","labelFieldName","value","label","children","map","option","data","_createVNode","MKAbstractSelect","objectValue","multiple","options","default","selections","setSelections","ElTreeSelect","clearable","disabled","checkStrictly"],"mappings":"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"}

package/dist/esm/index-8H_Cvlt6.js

@@ -0,0 +1,62 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, ref, computed, createVNode, Fragment, unref, isVNode } from "vue";
+import { ElButton, ElDialog, ElScrollbar } from "element-plus";
+import { T as columnProps, X as useColumn, Y as MKJsonEditor } from "./index-mq3nYYwD.js";
+import "vue-router";
+import "@maketribe/dm";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+const columnJsonProps = buildProps({
+  ...columnProps,
+  buttonText: {
+    type: String,
+    default: "查看"
+  }
+});
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ColumnJson = /* @__PURE__ */ defineComponent({
+  name: "MKColumnJson",
+  props: columnJsonProps,
+  setup(props) {
+    const {
+      value
+    } = useColumn(props);
+    const isShowDialog = ref(false);
+    const buttonText = computed(() => props.buttonText);
+    const handleClick = () => {
+      isShowDialog.value = true;
+    };
+    return () => {
+      let _slot;
+      return createVNode(Fragment, null, [createVNode(ElButton, {
+        "onClick": handleClick
+      }, _isSlot(_slot = unref(buttonText)) ? _slot : {
+        default: () => [_slot]
+      }), createVNode(ElDialog, {
+        "class": "mk-column-json__dialog",
+        "appendToBody": true,
+        "modelValue": unref(isShowDialog),
+        "onUpdate:modelValue": (v) => isShowDialog.value = v
+      }, {
+        default: () => [createVNode(ElScrollbar, {
+          "height": "100%"
+        }, {
+          default: () => [createVNode(MKJsonEditor, {
+            "disabled": true,
+            "modelValue": unref(value)
+          }, null)]
+        })]
+      })]);
+    };
+  }
+});
+const MKColumnJson = withInstall(ColumnJson);
+export {
+  MKColumnJson,
+  columnJsonProps,
+  MKColumnJson as default
+};
+//# sourceMappingURL=index-8H_Cvlt6.js.map