@maketribe/ms-app 3.2.6 → 3.2.8

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

@@ -1,5 +1,5 @@
-import { defineComponent, ref, reactive, onMounted, resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, withDirectives, Fragment, renderList, createBlock, toDisplayString, unref, createCommentVNode } from "vue";
-import { DataViewRequest } from "@maketribe/request";
+import { defineComponent, ref, reactive, onMounted, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, withDirectives, Fragment, renderList, createBlock, toDisplayString, unref, createCommentVNode } from "vue";
+import { DataViewRequest, Group } from "@maketribe/request";
 import { FormColumn, Dialoger, Messager } from "@maketribe/dm";
 import { CmsAdContentsForm } from "../../dataviews/cms-ad-contents/CmsAdContentsForm.js";
 import { CmsAdDefinesForm } from "../../dataviews/cms-ad-defines/CmsAdDefinesForm.js";
@@ -79,13 +79,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const adRequest = new DataViewRequest({ name: "ad-define", moduleName: "cms" });
     const adContentRequest = new DataViewRequest({ name: "ad-content", moduleName: "cms" });
+    const adSearchWord = ref("");
     const adDefineList = ref([]);
     const loading = ref(true);
     ref(false);
-    const setAdDefineList = async () => {
+    const setAdDefineList = async (condition) => {
       try {
         loading.value = true;
-        adDefineList.value = (await adRequest.allList()).data.data;
+        adDefineList.value = (await adRequest.allList({
+          data: {
+            condition
+          }
+        })).data.data;
       } catch (e) {
         console.error(e);
       } finally {
@@ -93,7 +98,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const adContentForm = reactive(new CmsAdContentsForm());
-    adContentForm.submittedEvent.on(setAdDefineList);
+    adContentForm.submittedEvent.on(() => {
+      setAdDefineList();
+    });
     const showAdContentHandler = async (item, isEdit) => {
       await Dialoger.dataFormDialog({
         dataForm: adContentForm,
@@ -113,7 +120,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]);
       }
     }());
-    adDefineForm.submittedEvent.on(setAdDefineList);
+    adDefineForm.submittedEvent.on(() => {
+      setAdDefineList();
+    });
     const showAdDefineHandle = (item) => {
       Dialoger.dataFormDialog({
         dataForm: adDefineForm,
@@ -146,6 +155,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(async () => {
       await setAdDefineList();
     });
+    let timer = null;
+    watch(adSearchWord, async () => {
+      if (!!timer) {
+        clearTimeout(timer);
+      }
+      timer = setTimeout(async () => {
+        const condition = new Group();
+        condition.addCondition("desc", "like", `%${adSearchWord.value}%`);
+        await setAdDefineList(condition);
+      }, 500);
+    });
     return (_ctx, _cache) => {
       var _a;
       const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
@@ -178,13 +198,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           content: withCtx(() => [
             createVNode(_component_el_input, {
               style: { "width": "240px" },
-              placeholder: "请输入广告位描述"
+              placeholder: "请输入广告位描述",
+              modelValue: adSearchWord.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => adSearchWord.value = $event)
             }, {
               prefix: withCtx(() => [
                 createVNode(_component_MKSvgIcon, { iconClass: "Search" })
               ]),
               _: 1
-            })
+            }, 8, ["modelValue"])
           ]),
           extra: withCtx(() => [
             createElementVNode("div", _hoisted_3, [

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-ad/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-ad__warp\">\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=\"Guide\" style=\"margin-right: 5px;\" />\r\n          广告位管理\r\n        </h3>\r\n      </template>\r\n      <template #content>\r\n        <el-input style=\"width: 240px\" placeholder=\"请输入广告位描述\">\r\n          <template #prefix>\r\n            <MKSvgIcon iconClass=\"Search\" />\r\n          </template>\r\n        </el-input>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button type=\"primary\" size=\"large\" text @click=\"showAdDefineHandle\">\r\n            添加广告位\r\n            <MKSvgIcon iconClass=\"Plus\" style=\"margin-left: 10px;\" />\r\n          </el-button>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-ad__body\" v-loading=\"loading\">\r\n      <el-scrollbar class=\"mk-cms-ad__body__scrollbar\">\r\n        <el-card v-for=\"item in adDefineList\" :key=\"item.id\" class=\"mk-cms-ad__card\">\r\n          <template #header>\r\n            <div class=\"mk-cms-ad__card__header clearfix\">\r\n              <span>\r\n                <MKSvgIcon iconClass=\"Guide\" style=\"margin-right: 5px;\" />\r\n                {{ item.desc }}\r\n              </span>\r\n              <div class=\"btn-box\">\r\n                <MKSvgIcon class=\"btn\" iconClass=\"Plus\" style=\"color: #409EFF;\"\r\n                  @click=\"showAdContentHandler(item, false)\" />\r\n                <MKSvgIcon class=\"btn\" iconClass=\"EditPen\" style=\"color: #409EFF;\" @click=\"showAdDefineHandle(item)\" />\r\n                <MKSvgIcon class=\"btn\" iconClass=\"Delete\" style=\"color: #F56C6C;\"\r\n                  @click=\"deleteHandler(adRequest, 'desc', item)\" v-if=\"item.contents.length == 0\" />\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <el-empty v-if=\"item.contents.length <= 0\" description=\"暂无内容\" />\r\n          <div class=\"mk-cms-ad__card__body\">\r\n            <el-scrollbar class=\"mk-cms-ad__card__body__scrollbar\">\r\n              <el-card class=\"mk-cms-ad__card__body__item\" v-for=\"adContent in item.contents\" :key=\"adContent.id\">\r\n                <el-image class=\"images\" v-if=\"adContent.type == 1\" :src=\"adContent.path\"\r\n                  :preview-src-list=\"[adContent.path]\" 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=\"adContent.type == 2\" :src=\"adContent.path\" style=\"width: 100%;height: 200px;\"\r\n                  controls></video>\r\n                <div class=\"item-desc\">\r\n                  <div class=\"item-desc-left\">\r\n                    <div class=\"title ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 1\" iconClass=\"Picture\"></MKSvgIcon>\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 2\" iconClass=\"VideoCamera\"></MKSvgIcon>\r\n                      <span :title=\"adContent.title + '(' + adContent.desc + ')'\">{{ adContent.title }}<span\r\n                          class=\"desc\">{{\r\n                            adContent.desc ? `(${adContent.desc})` : \"\" }}</span></span>\r\n                    </div>\r\n                    <div class=\"external-links ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.link\" iconClass=\"Link\"></MKSvgIcon>\r\n                      <a :href=\"adContent.link\" target=\"_blank\" :title=\"adContent.link\">{{ adContent.link }}</a>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"item-desc-right\">\r\n                    <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right__more\">\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\"\r\n                            @click=\"showAdContentHandler(adContent, true)\">编辑</el-dropdown-item>\r\n                          <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                            @click=\"deleteHandler(adContentRequest, 'title', adContent)\">删除</el-dropdown-item>\r\n                        </el-dropdown-menu>\r\n                      </template>\r\n                    </el-dropdown>\r\n                  </div>\r\n                </div>\r\n              </el-card>\r\n            </el-scrollbar>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n\r\n      <el-empty v-if=\"adDefineList?.length <= 0\" description=“暂无内容” />\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, computed, ref } from \"vue\";\r\nimport { DataViewRequest } from \"@maketribe/request\";\r\nimport { DataForm, Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdDefinesTable, CmsAdContentsForm, CmsAdDefinesForm } from \"../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\n\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\nconst adContentRequest = new DataViewRequest({ name: \"ad-content\", moduleName: \"cms\" });\r\n\r\n// 广告定义列表\r\nconst adDefineList = ref([] as any[]);\r\nconst loading = ref(true);\r\n//新增广告表单显示\r\nconst formVisible = ref(false);\r\n//更新列表数据\r\nconst setAdDefineList = async () => {\r\n  try {\r\n    loading.value = true;\r\n    adDefineList.value = (await adRequest.allList()).data.data;\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 adContentForm = reactive(new CmsAdContentsForm())\r\n//监听广告内容表单保存事件\r\nadContentForm.submittedEvent.on(setAdDefineList)\r\n// 添加广告内容\r\nconst showAdContentHandler = async (item: any, isEdit: boolean) => {\r\n  const dialog = await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as DataForm,\r\n    recId: isEdit ? item.id : undefined\r\n  })\r\n  if (!isEdit) {\r\n    adContentForm.addRecord({ adDefineId: item.id })\r\n  }\r\n}\r\n\r\n//广告定义表单\r\nconst adDefineForm = reactive(new (class extends CmsAdDefinesForm {\r\n  //去掉广告内容\r\n  protected async initialize() {\r\n    await super.initialize();\r\n    this.setColumns([\r\n      new FormColumn({ name: \"key\", label: \"广告位KEY\", required: true }),\r\n      new FormColumn({ name: \"desc\", label: \"广告位描述\", required: true }),\r\n    ]);\r\n  }\r\n}))\r\n//监听广告保存完成进行刷新\r\nadDefineForm.submittedEvent.on(setAdDefineList)\r\n//增加广告位\r\nconst showAdDefineHandle = (item: any) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: adDefineForm as DataForm,\r\n    recId: item?.id\r\n  })\r\n}\r\n\r\n//删除\r\nconst deleteHandler = async (request: DataViewRequest, field: string, item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"是否删除？\",\r\n    message: `确定删除【${item[field]}】广告位？`,\r\n    type: \"warning\"\r\n  });\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  try {\r\n    loading.value = true\r\n    const result = await request.delete(item.id)\r\n    if (result.data.code != 200) {\r\n      Messager.error({ message: result.data.msg || \"删除失败\" })\r\n      return;\r\n    }\r\n    await setAdDefineList()\r\n  } catch (e: any) {\r\n    Messager.error({ message: e })\r\n  } finally {\r\n    loading.value = false\r\n\r\n  }\r\n}\r\n\r\n// 加载广告定义\r\nonMounted(async () => {\r\n  await setAdDefineList();\r\n})\r\n\r\n\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGM,UAAA,YAAY,IAAI,gBAAgB,EAAE,MAAM,aAAa,YAAY,OAAO;AACxE,UAAA,mBAAmB,IAAI,gBAAgB,EAAE,MAAM,cAAc,YAAY,OAAO;AAGhF,UAAA,eAAe,IAAI,CAAA,CAAW;AAC9B,UAAA,UAAU,IAAI,IAAI;AAEJ,QAAI,KAAK;AAE7B,UAAM,kBAAkB,YAAY;AAC9B,UAAA;AACF,gBAAQ,QAAQ;AAChB,qBAAa,SAAS,MAAM,UAAU,WAAW,KAAK;AAAA,eAE/C,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA,UACf;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGF,UAAM,gBAAgB,SAAS,IAAI,kBAAmB,CAAA;AAExC,kBAAA,eAAe,GAAG,eAAe;AAEzC,UAAA,uBAAuB,OAAO,MAAW,WAAoB;AAClD,YAAM,SAAS,eAAe;AAAA,QAC3C,UAAU;AAAA,QACV,OAAO,SAAS,KAAK,KAAK;AAAA,MAAA,CAC3B;AACD,UAAI,CAAC,QAAQ;AACX,sBAAc,UAAU,EAAE,YAAY,KAAK,GAAI,CAAA;AAAA,MACjD;AAAA,IAAA;AAIF,UAAM,eAAe,SAAS,IAAK,cAAc,iBAAiB;AAAA;AAAA,MAEhE,MAAgB,aAAa;AAC3B,cAAM,MAAM;AACZ,aAAK,WAAW;AAAA,UACd,IAAI,WAAW,EAAE,MAAM,OAAO,OAAO,UAAU,UAAU,MAAM;AAAA,UAC/D,IAAI,WAAW,EAAE,MAAM,QAAQ,OAAO,SAAS,UAAU,MAAM;AAAA,QAAA,CAChE;AAAA,MACH;AAAA,IACA,EAAA,CAAA;AAEW,iBAAA,eAAe,GAAG,eAAe;AAExC,UAAA,qBAAqB,CAAC,SAAc;AACxC,eAAS,eAAe;AAAA,QACtB,UAAU;AAAA,QACV,OAAO,6BAAM;AAAA,MAAA,CACd;AAAA,IAAA;AAIH,UAAM,gBAAgB,OAAO,SAA0B,OAAe,SAAc;AAC5E,YAAA,YAAY,MAAM,SAAS,QAAQ;AAAA,QACvC,OAAO;AAAA,QACP,SAAS,QAAQ,KAAK,KAAK,CAAC;AAAA,QAC5B,MAAM;AAAA,MAAA,CACP;AACD,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACI,UAAA;AACF,gBAAQ,QAAQ;AAChB,cAAM,SAAS,MAAM,QAAQ,OAAO,KAAK,EAAE;AACvC,YAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,mBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAQ;AACrD;AAAA,QACF;AACA,cAAM,gBAAgB;AAAA,eACf,GAAQ;AACf,iBAAS,MAAM,EAAE,SAAS,EAAG,CAAA;AAAA,MAAA,UAC7B;AACA,gBAAQ,QAAQ;AAAA,MAElB;AAAA,IAAA;AAIF,cAAU,YAAY;AACpB,YAAM,gBAAgB;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-ad/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-ad__warp\">\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=\"Guide\" style=\"margin-right: 5px;\" />\r\n          广告位管理\r\n        </h3>\r\n      </template>\r\n      <template #content>\r\n        <el-input style=\"width: 240px\" placeholder=\"请输入广告位描述\" v-model=\"adSearchWord\">\r\n          <template #prefix>\r\n            <MKSvgIcon iconClass=\"Search\" />\r\n          </template>\r\n        </el-input>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button type=\"primary\" size=\"large\" text @click=\"showAdDefineHandle\">\r\n            添加广告位\r\n            <MKSvgIcon iconClass=\"Plus\" style=\"margin-left: 10px;\" />\r\n          </el-button>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-ad__body\" v-loading=\"loading\">\r\n      <el-scrollbar class=\"mk-cms-ad__body__scrollbar\">\r\n        <el-card v-for=\"item in adDefineList\" :key=\"item.id\" class=\"mk-cms-ad__card\">\r\n          <template #header>\r\n            <div class=\"mk-cms-ad__card__header clearfix\">\r\n              <span>\r\n                <MKSvgIcon iconClass=\"Guide\" style=\"margin-right: 5px;\" />\r\n                {{ item.desc }}\r\n              </span>\r\n              <div class=\"btn-box\">\r\n                <MKSvgIcon class=\"btn\" iconClass=\"Plus\" style=\"color: #409EFF;\"\r\n                  @click=\"showAdContentHandler(item, false)\" />\r\n                <MKSvgIcon class=\"btn\" iconClass=\"EditPen\" style=\"color: #409EFF;\" @click=\"showAdDefineHandle(item)\" />\r\n                <MKSvgIcon class=\"btn\" iconClass=\"Delete\" style=\"color: #F56C6C;\"\r\n                  @click=\"deleteHandler(adRequest, 'desc', item)\" v-if=\"item.contents.length == 0\" />\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <el-empty v-if=\"item.contents.length <= 0\" description=\"暂无内容\" />\r\n          <div class=\"mk-cms-ad__card__body\">\r\n            <el-scrollbar class=\"mk-cms-ad__card__body__scrollbar\">\r\n              <el-card class=\"mk-cms-ad__card__body__item\" v-for=\"adContent in item.contents\" :key=\"adContent.id\">\r\n                <el-image class=\"images\" v-if=\"adContent.type == 1\" :src=\"adContent.path\"\r\n                  :preview-src-list=\"[adContent.path]\" 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=\"adContent.type == 2\" :src=\"adContent.path\" style=\"width: 100%;height: 200px;\"\r\n                  controls></video>\r\n                <div class=\"item-desc\">\r\n                  <div class=\"item-desc-left\">\r\n                    <div class=\"title ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 1\" iconClass=\"Picture\"></MKSvgIcon>\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 2\" iconClass=\"VideoCamera\"></MKSvgIcon>\r\n                      <span :title=\"adContent.title + '(' + adContent.desc + ')'\">{{ adContent.title }}<span\r\n                          class=\"desc\">{{\r\n                            adContent.desc ? `(${adContent.desc})` : \"\" }}</span></span>\r\n                    </div>\r\n                    <div class=\"external-links ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.link\" iconClass=\"Link\"></MKSvgIcon>\r\n                      <a :href=\"adContent.link\" target=\"_blank\" :title=\"adContent.link\">{{ adContent.link }}</a>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"item-desc-right\">\r\n                    <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right__more\">\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\"\r\n                            @click=\"showAdContentHandler(adContent, true)\">编辑</el-dropdown-item>\r\n                          <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                            @click=\"deleteHandler(adContentRequest, 'title', adContent)\">删除</el-dropdown-item>\r\n                        </el-dropdown-menu>\r\n                      </template>\r\n                    </el-dropdown>\r\n                  </div>\r\n                </div>\r\n              </el-card>\r\n            </el-scrollbar>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n\r\n      <el-empty v-if=\"adDefineList?.length <= 0\" description=“暂无内容” />\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, computed, ref, watch } from \"vue\";\r\nimport { DataViewRequest, Group } from \"@maketribe/request\";\r\nimport { DataForm, Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdDefinesTable, CmsAdContentsForm, CmsAdDefinesForm } from \"../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\nimport { debounce } from \"lodash-es\"\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\nconst adContentRequest = new DataViewRequest({ name: \"ad-content\", moduleName: \"cms\" });\r\n//广告位搜索词\r\nconst adSearchWord = ref(\"\")\r\n// 广告定义列表\r\nconst adDefineList = ref([] as any[]);\r\nconst loading = ref(true);\r\n//新增广告表单显示\r\nconst formVisible = ref(false);\r\n//更新列表数据\r\nconst setAdDefineList = async (condition?: Group) => {\r\n  try {\r\n    loading.value = true;\r\n    adDefineList.value = (await adRequest.allList({\r\n      data: {\r\n        condition: condition\r\n      }\r\n    })).data.data;\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 adContentForm = reactive(new CmsAdContentsForm())\r\n//监听广告内容表单保存事件\r\nadContentForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n// 添加广告内容\r\nconst showAdContentHandler = async (item: any, isEdit: boolean) => {\r\n  const dialog = await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as DataForm,\r\n    recId: isEdit ? item.id : undefined\r\n  })\r\n  if (!isEdit) {\r\n    adContentForm.addRecord({ adDefineId: item.id })\r\n  }\r\n}\r\n\r\n//广告定义表单\r\nconst adDefineForm = reactive(new (class extends CmsAdDefinesForm {\r\n  //去掉广告内容\r\n  protected async initialize() {\r\n    await super.initialize();\r\n    this.setColumns([\r\n      new FormColumn({ name: \"key\", label: \"广告位KEY\", required: true }),\r\n      new FormColumn({ name: \"desc\", label: \"广告位描述\", required: true }),\r\n    ]);\r\n  }\r\n}))\r\n//监听广告保存完成进行刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n//增加广告位\r\nconst showAdDefineHandle = (item: any) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: adDefineForm as DataForm,\r\n    recId: item?.id\r\n  })\r\n}\r\n\r\n//删除\r\nconst deleteHandler = async (request: DataViewRequest, field: string, item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"是否删除？\",\r\n    message: `确定删除【${item[field]}】广告位？`,\r\n    type: \"warning\"\r\n  });\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  try {\r\n    loading.value = true\r\n    const result = await request.delete(item.id)\r\n    if (result.data.code != 200) {\r\n      Messager.error({ message: result.data.msg || \"删除失败\" })\r\n      return;\r\n    }\r\n    await setAdDefineList()\r\n  } catch (e: any) {\r\n    Messager.error({ message: e })\r\n  } finally {\r\n    loading.value = false\r\n\r\n  }\r\n}\r\n\r\n// 加载广告定义\r\nonMounted(async () => {\r\n  await setAdDefineList();\r\n})\r\n\r\n//timer\r\nlet timer: any = null\r\n\r\n//监听adSearchWord变化进行搜索\r\nwatch(adSearchWord, async () => {\r\n\r\n  if (!!timer) {\r\n    clearTimeout(timer)\r\n  }\r\n\r\n  timer = setTimeout(async () => {\r\n    const condition = new Group()\r\n    condition.addCondition(\"desc\", \"like\", `%${adSearchWord.value}%`)\r\n    await setAdDefineList(condition);\r\n  }, 500)\r\n\r\n\r\n})\r\n\r\n</script>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/cms/pages/cms-contents/article-edit-add-page.vue2.js

@@ -19,7 +19,7 @@ import "@maketribe/request";
 import "@maketribe/utils";
 import "../../../../components/basic/upload-file/context/web-file-upload-context.js";
 import "../../../../components/basic/upload-file/context/web-file-upload-context-options.js";
-import "../../../../components/basic/upload-file/ui/upload-image/index.js";
+import { MKUploadImage } from "../../../../components/basic/upload-file/ui/upload-image/index.js";
 import "../../../../components/basic/upload-file/upload-file-options.js";
 import { MKDocEditor } from "../../../../components/basic/doc-editor/index.js";
 import "../../../../components/basic/copy-container/index.js";
@@ -87,6 +87,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         articleDv.data.subTitle = val;
       }
     });
+    const getDefaultDescContent = () => {
+      var _a;
+      if (!descAutoCreate.value) {
+        return "";
+      }
+      let val = "";
+      const div = document.createElement("div");
+      div.innerHTML = content.value;
+      val = (_a = div.textContent) == null ? void 0 : _a.substring(0, 700);
+      if (div.textContent.length > 700) {
+        val += "...";
+      }
+      return val;
+    };
+    const descAutoCreate = ref(true);
+    const desc = computed({
+      get() {
+        var _a;
+        return ((_a = articleDv.data) == null ? void 0 : _a.desc) || getDefaultDescContent();
+      },
+      set(val) {
+        articleDv.data.desc = val;
+      }
+    });
     const releaseDate = computed({
       get() {
         var _a, _b;
@@ -128,6 +152,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       articleDv.init();
     });
     const saveHandle = async () => {
+      var _a;
+      if (!((_a = articleDv.data) == null ? void 0 : _a.desc)) {
+        desc.value = getDefaultDescContent();
+      }
       await articleDv.submit();
       if (route.query.id) {
         articleDv.editRecord(route.query.id);
@@ -164,8 +192,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_col = resolveComponent("el-col");
       const _component_el_date_picker = resolveComponent("el-date-picker");
       const _component_el_select = resolveComponent("el-select");
-      const _component_el_image = resolveComponent("el-image");
-      const _component_MKUploadFile = resolveComponent("MKUploadFile");
+      const _component_el_switch = resolveComponent("el-switch");
       const _component_el_tab_pane = resolveComponent("el-tab-pane");
       const _component_el_tabs = resolveComponent("el-tabs");
       const _directive_loading = resolveDirective("loading");
@@ -437,7 +464,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_6, [
                 createVNode(_component_el_tabs, {
                   modelValue: articleOptionsActive.value,
-                  "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => articleOptionsActive.value = $event)
+                  "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => articleOptionsActive.value = $event)
                 }, {
                   default: withCtx(() => [
                     createVNode(_component_el_tab_pane, {
@@ -516,75 +543,61 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                           }),
+                          createVNode(_component_el_divider, { "content-position": "left" }, {
+                            default: withCtx(() => [
+                              createTextVNode(" 文章封面/简介 "),
+                              createVNode(_component_el_switch, {
+                                modelValue: descAutoCreate.value,
+                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => descAutoCreate.value = $event),
+                                style: { "margin-left": "10px" },
+                                "inline-prompt": "",
+                                "active-text": "自动生成",
+                                "inactive-text": "手动撰写"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }),
                           createVNode(_component_el_row, { class: "cover-desc" }, {
                             default: withCtx(() => [
-                              createVNode(_component_MKUploadFile, {
+                              createVNode(unref(MKUploadImage), {
                                 modelValue: articleDv.data.cover,
-                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => articleDv.data.cover = $event),
-                                class: "cover",
+                                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => articleDv.data.cover = $event),
+                                width: "115px",
+                                height: "115px",
                                 uploadContext: new (unref(MaterialUploadContext))({
                                   allowMaterialTypeValues: [1]
                                 })
-                              }, {
-                                default: withCtx(() => [
-                                  createVNode(_component_el_image, {
-                                    class: "cover-image",
-                                    src: articleDv.data.cover,
-                                    style: { "width": "100%", "height": "100%" },
-                                    fit: "contain"
-                                  }, {
-                                    error: withCtx(() => [
-                                      createVNode(unref(MKSvgIcon), { iconClass: "Picture" })
-                                    ]),
-                                    _: 1
-                                  }, 8, ["src"])
-                                ]),
-                                _: 1
-                              }, 8, ["modelValue", "uploadContext"]),
+                              }, null, 8, ["modelValue", "uploadContext"]),
                               createVNode(_component_el_input, {
                                 class: "desc",
                                 type: "textarea",
-                                autosize: { minRows: 5, maxRows: 10 },
+                                autosize: { minRows: 5, maxRows: 30 },
                                 maxlength: "1000",
                                 "show-word-limit": "",
                                 placeholder: "[选填] 文章简介",
-                                modelValue: articleDv.data.desc,
-                                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => articleDv.data.desc = $event)
+                                modelValue: desc.value,
+                                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => desc.value = $event)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
                           }),
                           createVNode(_component_el_divider, { "content-position": "left" }, {
                             default: withCtx(() => [
-                              createTextVNode("文章封面")
+                              createTextVNode("文章Banner图")
                             ]),
                             _: 1
                           }),
                           createVNode(_component_el_row, null, {
                             default: withCtx(() => [
-                              createVNode(_component_MKUploadFile, {
-                                class: "banner",
+                              createVNode(unref(MKUploadImage), {
                                 modelValue: articleDv.data.banner,
-                                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => articleDv.data.banner = $event),
+                                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => articleDv.data.banner = $event),
+                                width: "100%",
+                                height: "300px",
                                 uploadContext: new (unref(MaterialUploadContext))({
                                   allowMaterialTypeValues: [1]
                                 })
-                              }, {
-                                default: withCtx(() => [
-                                  createVNode(_component_el_image, {
-                                    class: "cover-image",
-                                    src: articleDv.data.banner,
-                                    style: { "width": "100%", "height": "100%" },
-                                    fit: "cover"
-                                  }, {
-                                    error: withCtx(() => [
-                                      createVNode(unref(MKSvgIcon), { iconClass: "Picture" })
-                                    ]),
-                                    _: 1
-                                  }, 8, ["src"])
-                                ]),
-                                _: 1
-                              }, 8, ["modelValue", "uploadContext"])
+                              }, null, 8, ["modelValue", "uploadContext"])
                             ]),
                             _: 1
                           })
@@ -601,7 +614,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         return [
                           createVNode(_sfc_main$1, {
                             modelValue: atlas.value,
-                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => atlas.value = $event),
+                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => atlas.value = $event),
                             articleId: parseInt((_a = articleDv.data) == null ? void 0 : _a.id)
                           }, null, 8, ["modelValue", "articleId"])
                         ];

package/dist/esm/modules/cms/pages/cms-contents/article-edit-add-page.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"article-edit-add-page.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/article-edit-add-page.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-article-eidtadd__warp\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\" @back=\"()=>router.push({name:'cms/contents',query:{pid:articleDv?.data?.cmsPartId} })\">\r\n      <template #content>\r\n        <el-text v-if=\"!articleDv.data?.modifier\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n        <el-text v-else>{{ articleDv.data?.modifierName }} 于 {{ articleDv.data?.updatedAt }} 更新</el-text>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"mk-cms-article-eidtadd__header_tools\">\r\n          <el-tag v-if=\"!articleDv.data?.publishTime\" effect=\"dark\" round>未发布</el-tag>\r\n          <el-text v-else>发布时间：{{ articleDv.data?.publishTime }}</el-text>\r\n          <el-dropdown>\r\n            <span class=\"el-dropdown-link\"  style=\"margin-left: 10px;\">\r\n              <el-button type=\"primary\" plain>\r\n                <MKSvgIcon iconClass=\"save\" style=\"margin-right: 10px;\" />\r\n                保存\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"saveHandle\">\r\n                  <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px;\" />\r\n                  仅保存\r\n                </el-dropdown-item>\r\n                <el-dropdown-item>\r\n                  <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px;\" />\r\n                  保存为草稿\r\n                </el-dropdown-item>\r\n                <el-dropdown-item>\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-right: 5px;\" />\r\n                  保存并预览\r\n                </el-dropdown-item>\r\n                <el-dropdown-item>\r\n                  <MKSvgIcon iconClass=\"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=\"articleDv.loading\">\r\n\r\n      <MKDocEditor v-if=\"articleDv.data\" :content=\"content\" @change=\"EditorChangeHandle\">\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: showExtentions! }\" ref=\"extentionsRef\">\r\n            <MKSvgIcon icon-class=\"ArrowLeft\" class=\"open\" @click=\"showExtentionsHandle\" v-if=\"showExtentions\">\r\n            </MKSvgIcon>\r\n            <MKSvgIcon v-else icon-class=\"ArrowRight\" class=\"close\" @click=\"hideExtentionsHandle\">\r\n            </MKSvgIcon>\r\n            <el-divider content-position=\"left\">文章设置</el-divider>\r\n            <MKDataForm :dataForm=\"articleDv\">\r\n              <MKForm :dataForm=\"articleDv\" style=\"width:225px\" label-width=\"110px\">\r\n                <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isTop\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isNew\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isHotRecommend\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row>\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=\"articleDv.data.author\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon iconClass=\"UserFilled\" />\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=\"articleDv.data.locationDesc\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon iconClass=\"Location\" />\r\n                        </template>\r\n                      </el-input>\r\n                    </el-col>\r\n                  </el-row>\r\n                  <el-row>\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 iconClass=\"CollectionTag\" />\r\n                      </template>\r\n                    </el-select>\r\n                  </el-row>\r\n                  <el-row class=\"cover-desc\">\r\n                    <MKUploadFile v-model=\"articleDv.data.cover\" class=\"cover\" :uploadContext=\"new MaterialUploadContext({\r\n                      allowMaterialTypeValues: [1],\r\n                    })\">\r\n                      <el-image class=\"cover-image\" :src=\"articleDv.data.cover\" style=\"width: 100%; height: 100%\"\r\n                        fit=\"contain\">\r\n                        <template #error>\r\n                          <MKSvgIcon iconClass=\"Picture\" />\r\n                        </template>\r\n                      </el-image>\r\n                    </MKUploadFile>\r\n                    <el-input class=\"desc\" type=\"textarea\" :autosize=\"{ minRows: 5, maxRows: 10 }\" maxlength=\"1000\"\r\n                      show-word-limit placeholder=\"[选填] 文章简介\" v-model=\"articleDv.data.desc\" />\r\n                  </el-row>\r\n                  <el-divider content-position=\"left\">文章封面</el-divider>\r\n                  <el-row>\r\n                    <MKUploadFile class=\"banner\" v-model=\"articleDv.data.banner\" :uploadContext=\"new MaterialUploadContext({\r\n                      allowMaterialTypeValues: [1],\r\n                    })\">\r\n                      <el-image class=\"cover-image\" :src=\"articleDv.data.banner\" style=\"width: 100%; height: 100%\"\r\n                        fit=\"cover\">\r\n                        <template #error>\r\n                          <MKSvgIcon iconClass=\"Picture\" />\r\n                        </template>\r\n                      </el-image>\r\n                    </MKUploadFile>\r\n                  </el-row>\r\n                </div>\r\n              </el-tab-pane>\r\n              <el-tab-pane label=\"文章资源库\" name=\"atlas\">\r\n                <ArticleAtlas v-model=\"atlas\" :articleId=\"parseInt(articleDv.data?.id)\" />\r\n              </el-tab-pane>\r\n              <el-tab-pane label=\"页面设置\" name=\"settings\">\r\n                <MKDataForm :dataForm=\"articleDv\" label-width=\"120px\">\r\n                  <MKForm :dataForm=\"articleDv\">\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 { MKDocEditor, MKSvgIcon } 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 { MaterialUploadContext } from \"../../../ms\";\r\n\r\nconst route = useRoute()\r\nconst router = useRouter();\r\n\r\n\r\n// 文章请求\r\nconst articleDv = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\nconst articleOptionsActive = ref(\"content\");\r\n\r\n//qiat\r\n\r\n// 标题\r\nconst title = computed({\r\n  get() { return articleDv.data?.title || \"\"; },\r\n  set(val) { articleDv.data.title = val; }\r\n});\r\n// 子标题\r\nconst subTitle = computed({\r\n  get() { return articleDv.data?.subTitle || \"\"; },\r\n  set(val) { articleDv.data.subTitle = val; }\r\n});\r\n// 发布时间\r\nconst releaseDate = computed({\r\n  get() { return articleDv.data?.releaseDate || articleDv.data?.publishTime; },\r\n  set(val) { articleDv.data.releaseDate = val; }\r\n});\r\n// 标签\r\nconst tags = ref([]);\r\n//  computed({ \r\n//   get() { return articleDv.data?.tags || [] }, \r\n//   set(val) { articleDv.data.tags = val; } \r\n// });\r\n// 内容\r\nconst content = computed({\r\n  get() { return articleDv.data?.content || \"\"; },\r\n  set(val) { articleDv.data.content = val; }\r\n});\r\n\r\n// 图集\r\nconst atlas = computed({\r\n  get() {\r\n    return articleDv.data?.atlas\r\n  },\r\n  set(val) { articleDv.data.atlas = val; }\r\n});\r\n\r\n\r\nonMounted(() => {\r\n\r\n  // 初始化数据加载\r\n  if (route.query.id) {\r\n    articleDv.editRecord(route.query.id);\r\n  }\r\n  else if (route.query.partId) {\r\n    articleDv.addRecord({\r\n      cmsPartId: route.query.partId\r\n    });\r\n  }\r\n  else {\r\n    articleDv.addRecord();\r\n  }\r\n  articleDv.init();\r\n \r\n})\r\n\r\n// 保存\r\nconst saveHandle = async () => {\r\n\r\n  let result = await articleDv.submit();\r\n  if (route.query.id) {\r\n    articleDv.editRecord(route.query.id);\r\n  } else if (route.query.partId) {\r\n    articleDv.addRecord({\r\n      cmsPartId: route.query.partId\r\n    });\r\n  } else {\r\n    articleDv.addRecord();\r\n  }\r\n}\r\nconst showExtentions = ref(false);\r\nconst extentionsRef = ref();\r\n// 隐藏扩展\r\nconst hideExtentionsHandle = () => {\r\n\r\n  showExtentions.value = true;\r\n}\r\n//展示扩展\r\nconst showExtentionsHandle = () => {\r\n\r\n  showExtentions.value = false;\r\n\r\n}\r\n\r\nconst EditorChangeHandle = (v: any) => {\r\n  articleDv.data.content = v;\r\n}\r\n\r\n</script>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"article-edit-add-page.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/article-edit-add-page.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-article-eidtadd__warp\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\"\r\n      @back=\"() => router.push({ name: 'cms/contents', query: { pid: articleDv?.data?.cmsPartId } })\">\r\n      <template #content>\r\n        <el-text v-if=\"!articleDv.data?.modifier\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n        <el-text v-else>{{ articleDv.data?.modifierName }} 于 {{ articleDv.data?.updatedAt }} 更新</el-text>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"mk-cms-article-eidtadd__header_tools\">\r\n          <el-tag v-if=\"!articleDv.data?.publishTime\" effect=\"dark\" round>未发布</el-tag>\r\n          <el-text v-else>发布时间：{{ articleDv.data?.publishTime }}</el-text>\r\n          <el-dropdown>\r\n            <span class=\"el-dropdown-link\" style=\"margin-left: 10px;\">\r\n              <el-button type=\"primary\" plain>\r\n                <MKSvgIcon iconClass=\"save\" style=\"margin-right: 10px;\" />\r\n                保存\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"saveHandle\">\r\n                  <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px;\" />\r\n                  仅保存\r\n                </el-dropdown-item>\r\n                <el-dropdown-item>\r\n                  <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px;\" />\r\n                  保存为草稿\r\n                </el-dropdown-item>\r\n                <el-dropdown-item>\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-right: 5px;\" />\r\n                  保存并预览\r\n                </el-dropdown-item>\r\n                <el-dropdown-item>\r\n                  <MKSvgIcon iconClass=\"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=\"articleDv.loading\">\r\n\r\n      <MKDocEditor v-if=\"articleDv.data\" :content=\"content\" @change=\"EditorChangeHandle\">\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: showExtentions! }\" ref=\"extentionsRef\">\r\n            <MKSvgIcon icon-class=\"ArrowLeft\" class=\"open\" @click=\"showExtentionsHandle\" v-if=\"showExtentions\">\r\n            </MKSvgIcon>\r\n            <MKSvgIcon v-else icon-class=\"ArrowRight\" class=\"close\" @click=\"hideExtentionsHandle\">\r\n            </MKSvgIcon>\r\n            <el-divider content-position=\"left\">文章设置</el-divider>\r\n            <MKDataForm :dataForm=\"articleDv\">\r\n              <MKForm :dataForm=\"articleDv\" style=\"width:225px\" label-width=\"110px\">\r\n                <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isTop\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isNew\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isHotRecommend\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row>\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=\"articleDv.data.author\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon iconClass=\"UserFilled\" />\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=\"articleDv.data.locationDesc\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon iconClass=\"Location\" />\r\n                        </template>\r\n                      </el-input>\r\n                    </el-col>\r\n                  </el-row>\r\n                  <el-row>\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 iconClass=\"CollectionTag\" />\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                    <!-- <MKUploadFile v-model=\"articleDv.data.cover\" class=\"cover\" :uploadContext=\"new MaterialUploadContext({\r\n                      allowMaterialTypeValues: [1],\r\n                    })\">\r\n                      <MKSvgIcon iconClass=\"close\"></MKSvgIcon>\r\n                      <el-image class=\"cover-image\" :src=\"articleDv.data.cover\" style=\"width: 100%; height: 100%\"\r\n                        fit=\"contain\">\r\n                        <template #error>\r\n                          <MKSvgIcon iconClass=\"Picture\" />\r\n                        </template>\r\n                      </el-image>\r\n                    </MKUploadFile> -->\r\n                    <MKUploadImage v-model=\"articleDv.data.cover\" width=\"115px\" height=\"115px\":uploadContext=\"new MaterialUploadContext({\r\n                      allowMaterialTypeValues: [1],\r\n                    })\">\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=\"articleDv.data.banner\" width=\"100%\" height=\"300px\":uploadContext=\"new MaterialUploadContext({\r\n                      allowMaterialTypeValues: [1],\r\n                    })\">\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\">\r\n                <ArticleAtlas v-model=\"atlas\" :articleId=\"parseInt(articleDv.data?.id)\" />\r\n              </el-tab-pane>\r\n              <el-tab-pane label=\"页面设置\" name=\"settings\">\r\n                <MKDataForm :dataForm=\"articleDv\" label-width=\"120px\">\r\n                  <MKForm :dataForm=\"articleDv\">\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 { 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 { MaterialUploadContext } from \"../../../ms\";\r\n\r\nconst route = useRoute()\r\nconst router = useRouter();\r\n\r\n\r\n// 文章请求\r\nconst articleDv = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\nconst articleOptionsActive = ref(\"content\");\r\n\r\n\r\n// 标题\r\nconst title = computed({\r\n  get() { return articleDv.data?.title || \"\"; },\r\n  set(val) { articleDv.data.title = val; }\r\n});\r\n// 子标题\r\nconst subTitle = computed({\r\n  get() { return articleDv.data?.subTitle || \"\"; },\r\n  set(val) { articleDv.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 articleDv.data?.desc || getDefaultDescContent();\r\n  },\r\n  set(val) {\r\n    articleDv.data.desc = val;\r\n  }\r\n});\r\n// 发布时间\r\nconst releaseDate = computed({\r\n  get() { return articleDv.data?.releaseDate || articleDv.data?.publishTime; },\r\n  set(val) { articleDv.data.releaseDate = val; }\r\n});\r\n// 标签\r\nconst tags = ref([]);\r\n//  computed({ \r\n//   get() { return articleDv.data?.tags || [] }, \r\n//   set(val) { articleDv.data.tags = val; } \r\n// });\r\n// 内容\r\nconst content = computed({\r\n  get() { return articleDv.data?.content || \"\"; },\r\n  set(val) { articleDv.data.content = val; }\r\n});\r\n\r\n// 图集\r\nconst atlas = computed({\r\n  get() {\r\n    return articleDv.data?.atlas\r\n  },\r\n  set(val) { articleDv.data.atlas = val; }\r\n});\r\n\r\n\r\nonMounted(() => {\r\n\r\n  // 初始化数据加载\r\n  if (route.query.id) {\r\n    articleDv.editRecord(route.query.id);\r\n  }\r\n  else if (route.query.partId) {\r\n    articleDv.addRecord({\r\n      cmsPartId: route.query.partId\r\n    });\r\n  }\r\n  else {\r\n    articleDv.addRecord();\r\n  }\r\n\r\n  articleDv.init();\r\n\r\n})\r\n\r\n// 保存\r\nconst saveHandle = async () => {\r\n\r\n  // 简介不存在的时候使用自动生成的\r\n  if (!articleDv.data?.desc) {\r\n    desc.value = getDefaultDescContent();\r\n  }\r\n\r\n  let result = await articleDv.submit();\r\n\r\n  if (route.query.id) {\r\n    articleDv.editRecord(route.query.id);\r\n  }\r\n  else if (route.query.partId) {\r\n    articleDv.addRecord({\r\n      cmsPartId: route.query.partId\r\n    });\r\n  }\r\n  else {\r\n    articleDv.addRecord();\r\n  }\r\n}\r\nconst showExtentions = ref(false);\r\nconst extentionsRef = ref();\r\n// 隐藏扩展\r\nconst hideExtentionsHandle = () => {\r\n\r\n  showExtentions.value = true;\r\n}\r\n//展示扩展\r\nconst showExtentionsHandle = () => {\r\n\r\n  showExtentions.value = false;\r\n\r\n}\r\n\r\nconst EditorChangeHandle = (v: any) => {\r\n  articleDv.data.content = v;\r\n}\r\n\r\n</script>\r\n"],"names":[],"mappings":"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"}