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

package/dist/esm/index-aehN16E-.js

@@ -0,0 +1,393 @@
+import { defineComponent, ref, reactive, onMounted, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, unref, createTextVNode, withDirectives, createBlock, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+import { DataViewRequest, Group } from "@maketribe/request";
+import { FormColumn, Dialoger, Messager } from "@maketribe/dm";
+import { Q as CmsAdContentsForm, S as CmsAdDefinesForm, q as MKSvgIcon } from "./index-D2Qngjos.js";
+import "element-plus";
+import "@maketribe/utils";
+import "vue-router";
+import "@maketribe/locale";
+import "lodash-es";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import { EditPen, Delete, ArrowDown } from "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@codemirror/lang-html";
+const _hoisted_1 = { class: "mk-cms-ad__warp" };
+const _hoisted_2 = {
+  style: { "color": "var(--el-text-color-regular)" },
+  m: "l-[10px]",
+  flex: "~ items-center"
+};
+const _hoisted_3 = { class: "flex items-center" };
+const _hoisted_4 = { class: "mk-cms-ad__body" };
+const _hoisted_5 = { class: "mk-cms-ad__card__header clearfix" };
+const _hoisted_6 = { class: "btn-box" };
+const _hoisted_7 = { class: "mk-cms-ad__card__body" };
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", {
+  slot: "placeholder",
+  class: "image-slot"
+}, [
+  /* @__PURE__ */ createTextVNode(" 加载中"),
+  /* @__PURE__ */ createElementVNode("span", { class: "dot" }, "...")
+], -1);
+const _hoisted_9 = ["src"];
+const _hoisted_10 = { class: "item-desc" };
+const _hoisted_11 = { class: "item-desc-left" };
+const _hoisted_12 = { class: "title ellipsis" };
+const _hoisted_13 = ["title"];
+const _hoisted_14 = { class: "desc" };
+const _hoisted_15 = { class: "external-links ellipsis" };
+const _hoisted_16 = ["href", "title"];
+const _hoisted_17 = { class: "item-desc-right" };
+const _hoisted_18 = { class: "el-dropdown-link" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  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);
+    const setAdDefineList = async (condition) => {
+      try {
+        loading.value = true;
+        if (!condition) {
+          condition = new Group();
+        }
+        condition == null ? void 0 : condition.addCondition("key", "nolike", "part_");
+        adDefineList.value = (await adRequest.allList({
+          data: {
+            condition
+          }
+        })).data.data;
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const adContentForm = reactive(new CmsAdContentsForm());
+    adContentForm.submittedEvent.on(() => {
+      setAdDefineList();
+    });
+    const showAdContentHandler = async (item, isEdit) => {
+      await Dialoger.dataFormDialog({
+        dataForm: adContentForm,
+        recId: isEdit ? item.id : void 0
+      });
+      if (!isEdit) {
+        adContentForm.addRecord({ adDefineId: item.id });
+      }
+    };
+    const adDefineForm = reactive(new class extends CmsAdDefinesForm {
+      //去掉广告内容
+      async initialize() {
+        await super.initialize();
+        this.setColumns([
+          new FormColumn({ name: "key", label: "广告位KEY", required: true }),
+          new FormColumn({ name: "desc", label: "广告位描述", required: true })
+        ]);
+      }
+    }());
+    adDefineForm.submittedEvent.on(() => {
+      setAdDefineList();
+    });
+    const showAdDefineHandle = (item) => {
+      Dialoger.dataFormDialog({
+        dataForm: adDefineForm,
+        recId: item == null ? void 0 : item.id
+      });
+    };
+    const deleteHandler = async (request, field, item) => {
+      const isConfirm = await Dialoger.confirm({
+        title: "是否删除？",
+        message: `确定删除【${item[field]}】广告位？`,
+        type: "warning"
+      });
+      if (!isConfirm) {
+        return;
+      }
+      try {
+        loading.value = true;
+        const result = await request.delete(item.id);
+        if (result.data.code != 200) {
+          Messager.error({ message: result.data.msg || "删除失败" });
+          return;
+        }
+        await setAdDefineList();
+      } catch (e) {
+        Messager.error({ message: e });
+      } finally {
+        loading.value = false;
+      }
+    };
+    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, _b;
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_page_header = resolveComponent("el-page-header");
+      const _component_el_empty = resolveComponent("el-empty");
+      const _component_el_image = resolveComponent("el-image");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      const _component_el_card = resolveComponent("el-card");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_page_header, {
+          style: { "background-color": "#fff", "padding": "10px" },
+          icon: null
+        }, {
+          title: withCtx(() => [
+            createElementVNode("h3", _hoisted_2, [
+              createVNode(unref(MKSvgIcon), {
+                name: "ep:guide",
+                m: "r-[5px]"
+              }),
+              createTextVNode(" 广告位管理 ")
+            ])
+          ]),
+          content: withCtx(() => [
+            createVNode(_component_el_input, {
+              style: { "width": "240px" },
+              placeholder: "请输入广告位描述",
+              modelValue: adSearchWord.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => adSearchWord.value = $event)
+            }, {
+              prefix: withCtx(() => [
+                createVNode(unref(MKSvgIcon), { name: "material-symbols:search" })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          extra: withCtx(() => [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_component_el_button, {
+                type: "primary",
+                size: "large",
+                text: "",
+                onClick: showAdDefineHandle
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 添加广告位 "),
+                  createVNode(unref(MKSvgIcon), {
+                    name: "ep:plus",
+                    style: { "margin-left": "10px" }
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
+          ((_a = adDefineList.value) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_el_scrollbar, {
+            key: 0,
+            class: "mk-cms-ad__body__scrollbar"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(adDefineList.value, (item) => {
+                return openBlock(), createBlock(_component_el_card, {
+                  key: item.id,
+                  class: "mk-cms-ad__card"
+                }, {
+                  header: withCtx(() => [
+                    createElementVNode("div", _hoisted_5, [
+                      createElementVNode("span", null, [
+                        createVNode(unref(MKSvgIcon), {
+                          name: "ep:guide",
+                          style: { "margin-right": "5px" }
+                        }),
+                        createTextVNode(" " + toDisplayString(item.desc), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_6, [
+                        createVNode(unref(MKSvgIcon), {
+                          class: "btn",
+                          name: "ep:plus",
+                          style: { "color": "#409EFF" },
+                          onClick: ($event) => showAdContentHandler(item, false)
+                        }, null, 8, ["onClick"]),
+                        createVNode(unref(MKSvgIcon), {
+                          class: "btn",
+                          name: "ep:edit-pen",
+                          style: { "color": "#409EFF" },
+                          onClick: ($event) => showAdDefineHandle(item)
+                        }, null, 8, ["onClick"]),
+                        item.contents.length == 0 ? (openBlock(), createBlock(unref(MKSvgIcon), {
+                          key: 0,
+                          class: "btn",
+                          name: "ep:delete",
+                          style: { "color": "#F56C6C" },
+                          onClick: ($event) => deleteHandler(unref(adRequest), "desc", item)
+                        }, null, 8, ["onClick"])) : createCommentVNode("", true)
+                      ])
+                    ])
+                  ]),
+                  default: withCtx(() => [
+                    item.contents.length <= 0 ? (openBlock(), createBlock(_component_el_empty, {
+                      key: 0,
+                      description: "暂无内容"
+                    })) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_7, [
+                      createVNode(_component_el_scrollbar, { class: "mk-cms-ad__card__body__scrollbar" }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(item.contents, (adContent) => {
+                            return openBlock(), createBlock(_component_el_card, {
+                              class: "mk-cms-ad__card__body__item",
+                              key: adContent.id
+                            }, {
+                              default: withCtx(() => [
+                                adContent.type == 1 ? (openBlock(), createBlock(_component_el_image, {
+                                  key: 0,
+                                  class: "images",
+                                  src: adContent.path,
+                                  "preview-src-list": [adContent.path],
+                                  fit: "contain"
+                                }, {
+                                  default: withCtx(() => [
+                                    _hoisted_8
+                                  ]),
+                                  _: 2
+                                }, 1032, ["src", "preview-src-list"])) : createCommentVNode("", true),
+                                adContent.type == 2 ? (openBlock(), createElementBlock("video", {
+                                  key: 1,
+                                  class: "video",
+                                  src: adContent.path,
+                                  style: { "width": "100%", "height": "200px" },
+                                  controls: ""
+                                }, null, 8, _hoisted_9)) : createCommentVNode("", true),
+                                createElementVNode("div", _hoisted_10, [
+                                  createElementVNode("div", _hoisted_11, [
+                                    createElementVNode("div", _hoisted_12, [
+                                      adContent.type == 1 ? (openBlock(), createBlock(unref(MKSvgIcon), {
+                                        key: 0,
+                                        class: "icon",
+                                        name: "ep:picture"
+                                      })) : createCommentVNode("", true),
+                                      adContent.type == 2 ? (openBlock(), createBlock(unref(MKSvgIcon), {
+                                        key: 1,
+                                        class: "icon",
+                                        name: "ep:video-camera"
+                                      })) : createCommentVNode("", true),
+                                      createElementVNode("span", {
+                                        title: adContent.title + "(" + adContent.desc + ")"
+                                      }, [
+                                        createTextVNode(toDisplayString(adContent.title), 1),
+                                        createElementVNode("span", _hoisted_14, toDisplayString(adContent.desc ? `(${adContent.desc})` : ""), 1)
+                                      ], 8, _hoisted_13)
+                                    ]),
+                                    createElementVNode("div", _hoisted_15, [
+                                      adContent.link ? (openBlock(), createBlock(unref(MKSvgIcon), {
+                                        key: 0,
+                                        class: "icon",
+                                        name: "ep:link"
+                                      })) : createCommentVNode("", true),
+                                      createElementVNode("a", {
+                                        href: adContent.link,
+                                        target: "_blank",
+                                        title: adContent.link
+                                      }, toDisplayString(adContent.link), 9, _hoisted_16)
+                                    ])
+                                  ]),
+                                  createElementVNode("div", _hoisted_17, [
+                                    createVNode(_component_el_dropdown, {
+                                      trigger: "click",
+                                      teleported: false,
+                                      class: "item-desc-right__more"
+                                    }, {
+                                      dropdown: withCtx(() => [
+                                        createVNode(_component_el_dropdown_menu, null, {
+                                          default: withCtx(() => [
+                                            createVNode(_component_el_dropdown_item, {
+                                              class: "edit-button",
+                                              icon: unref(EditPen),
+                                              onClick: ($event) => showAdContentHandler(adContent, true)
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode("编辑")
+                                              ]),
+                                              _: 2
+                                            }, 1032, ["icon", "onClick"]),
+                                            createVNode(_component_el_dropdown_item, {
+                                              class: "delete-button",
+                                              icon: unref(Delete),
+                                              onClick: ($event) => deleteHandler(unref(adContentRequest), "title", adContent)
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode("删除")
+                                              ]),
+                                              _: 2
+                                            }, 1032, ["icon", "onClick"])
+                                          ]),
+                                          _: 2
+                                        }, 1024)
+                                      ]),
+                                      default: withCtx(() => [
+                                        createElementVNode("span", _hoisted_18, [
+                                          createTextVNode(" 更多"),
+                                          createVNode(_component_el_icon, { class: "el-icon--right" }, {
+                                            default: withCtx(() => [
+                                              createVNode(unref(ArrowDown))
+                                            ]),
+                                            _: 1
+                                          })
+                                        ])
+                                      ]),
+                                      _: 2
+                                    }, 1024)
+                                  ])
+                                ])
+                              ]),
+                              _: 2
+                            }, 1024);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ]),
+                  _: 2
+                }, 1024);
+              }), 128))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          ((_b = adDefineList.value) == null ? void 0 : _b.length) <= 0 ? (openBlock(), createBlock(_component_el_empty, {
+            key: 1,
+            description: "“暂无内容”"
+          })) : createCommentVNode("", true)
+        ])), [
+          [_directive_loading, loading.value]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index-aehN16E-.js.map

package/dist/esm/index-aehN16E-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-aehN16E-.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);\" m=\"l-[10px]\" flex=\"~ items-center\">\r\n          <MKSvgIcon name=\"ep:guide\" m=\"r-[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 name=\"material-symbols: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 name=\"ep: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\"  v-if=\"adDefineList?.length\">\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 name=\"ep:guide\" style=\"margin-right: 5px;\" />\r\n                {{ item.desc }}\r\n              </span>\r\n              <div class=\"btn-box\">\r\n                <MKSvgIcon class=\"btn\" name=\"ep:plus\" style=\"color: #409EFF;\"\r\n                  @click=\"showAdContentHandler(item, false)\" />\r\n                <MKSvgIcon class=\"btn\" name=\"ep:edit-pen\" style=\"color: #409EFF;\" @click=\"showAdDefineHandle(item)\" />\r\n                <MKSvgIcon class=\"btn\" name=\"ep: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\" name=\"ep:picture\"></MKSvgIcon>\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 2\" name=\"ep:video-camera\"></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\" name=\"ep: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, ref, watch } from \"vue\";\r\nimport { DataViewRequest, Group } from \"@maketribe/request\";\r\nimport { DataForm, Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdContentsForm, CmsAdDefinesForm } from \"../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\nimport {MKSvgIcon} from \"../../../../components/basic\";\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\nconst adSearchWord = ref(\"\")\r\n// 广告定义列表\r\nconst adDefineList = ref([] as any[]);\r\nconst loading = ref(true);\r\n\r\n//更新列表数据\r\nconst setAdDefineList = async (condition?: Group) => {\r\n  try {\r\n    loading.value = true;\r\n\r\n    if(!condition){ condition = new Group();  }\r\n\r\n    // 栏目的广告不查\r\n    condition?.addCondition(\"key\",\"nolike\",\"part_\")\r\n\r\n    // console.log(condition);\r\n\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  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\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/index-j5zC6lEt.js

@@ -0,0 +1,96 @@
+import { defineComponent, computed, unref, createVNode, isVNode } from "vue";
+import { ElTag } from "element-plus";
+import { T as columnProps, X as useColumn } from "./index-D2Qngjos.js";
+import { buildProps } from "@maketribe/utils";
+import "vue-router";
+import "@maketribe/dm";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+const columnTagProps = buildProps({
+  ...columnProps,
+  type: {
+    values: ["success", "warning", "info", "danger", "primary"]
+  },
+  effect: {
+    default: "light",
+    values: ["light", "dark"]
+  },
+  color: {
+    type: String,
+    default: ""
+  },
+  hit: {
+    type: Boolean,
+    default: false
+  },
+  round: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: String,
+    default: ""
+  },
+  options: {
+    type: Array,
+    default: () => []
+  }
+});
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const ColumnTag = /* @__PURE__ */ defineComponent({
+  name: "MKColumnTag",
+  props: columnTagProps,
+  setup(props) {
+    const {
+      value
+    } = useColumn(props);
+    const options = computed(() => props.options);
+    const tagStyle = computed(() => ({
+      width: props.width
+    }));
+    const currentOption = computed(() => unref(options).find((option) => option.value === unref(value)));
+    return () => {
+      const _currentOption = unref(currentOption);
+      let content;
+      if (!_currentOption) {
+        let _slot;
+        content = createVNode(ElTag, {
+          "style": unref(tagStyle),
+          "disableTransitions": true,
+          "type": props.type,
+          "effect": props.effect,
+          "hit": props.hit,
+          "color": props.color,
+          "round": props.round
+        }, _isSlot(_slot = unref(value)) ? _slot : {
+          default: () => [_slot]
+        });
+      } else {
+        content = createVNode(ElTag, {
+          "style": unref(tagStyle),
+          "disableTransitions": true,
+          "type": _currentOption.type,
+          "effect": props.effect,
+          "hit": props.hit,
+          "color": _currentOption.color,
+          "round": props.round
+        }, {
+          default: () => [_currentOption.label || _currentOption.value]
+        });
+      }
+      return createVNode("div", {
+        "class": "mk-column-tag"
+      }, [content]);
+    };
+  }
+});
+const MKColumnTag = ColumnTag;
+export {
+  MKColumnTag,
+  columnTagProps,
+  MKColumnTag as default
+};
+//# sourceMappingURL=index-j5zC6lEt.js.map

package/dist/esm/index-j5zC6lEt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-j5zC6lEt.js","sources":["../../src/components/data-model/data-table/components/column-tag/column-tag-options.ts","../../src/components/data-model/data-table/components/column-tag/column-tag.tsx","../../src/components/data-model/data-table/components/column-tag/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnTagProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\"success\", \"warning\", \"info\", \"danger\", \"primary\"],\n  },\n  effect: {\n    default: \"light\",\n    values: [\"light\", \"dark\"],\n  },\n  color: {\n    type: String,\n    default: \"\",\n  },\n  hit: {\n    type: Boolean,\n    default: false,\n  },\n  round: {\n    type: Boolean,\n    default: false,\n  },\n  width: {\n    type: String,\n    default: \"\",\n  },\n  options: {\n    type: Array<{\n      label: string;\n      value: any;\n      color: string;\n      type: \"success\" | \"warning\" | \"info\" | \"danger\";\n    }>,\n    default: () => [],\n  },\n} as const);\n\nexport type ColumnTagProps = ExtractPropTypes<typeof columnTagProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElTag } from \"element-plus\";\n\nimport { useColumn } from \"../../composables\";\nimport { columnTagProps } from \"./column-tag-options\";\n\nexport default defineComponent({\n  name: \"MKColumnTag\",\n  props: columnTagProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const options = computed(() => props.options);\n\n    const tagStyle = computed(() => ({ width: props.width }));\n\n    const currentOption = computed(() =>\n      unref(options).find((option) => option.value === unref(value))\n    );\n\n    return () => {\n      const _currentOption = unref(currentOption);\n\n      let content;\n\n      if (!_currentOption) {\n        content = (\n          <ElTag\n            style={unref(tagStyle)}\n            disableTransitions\n            type={props.type}\n            effect={props.effect}\n            hit={props.hit}\n            color={props.color}\n            round={props.round}\n          >\n            {unref(value)}\n          </ElTag>\n        );\n      } else {\n        content = (\n          <ElTag\n            style={unref(tagStyle)}\n            disableTransitions\n            type={_currentOption.type}\n            effect={props.effect}\n            hit={props.hit}\n            color={_currentOption.color}\n            round={props.round}\n          >\n            {_currentOption.label || _currentOption.value}\n          </ElTag>\n        );\n      }\n\n      return <div class=\"mk-column-tag\">{content}</div>;\n    };\n  },\n});\n","import ColumnTag from \"./column-tag\";\r\n\r\nexport const MKColumnTag = ColumnTag;\r\nexport default MKColumnTag;\r\n\r\nexport * from \"./column-tag-options\";\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","columnTagProps","setup","value","useColumn","options","computed","tagStyle","width","currentOption","unref","find","option","_currentOption","content","_slot","_createVNode","ElTag","type","effect","hit","color","round","default","label"],"mappings":";;;;;;;;;AAIO,MAAM,iBAAiB,WAAW;AAAA,EACvC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ,CAAC,WAAW,WAAW,QAAQ,UAAU,SAAS;AAAA,EAC5D;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,SAAS,MAAM;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IAMN,SAAS,MAAM,CAAC;AAAA,EAClB;AACF,CAAU;AClC4C,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAEtD,MAAeM,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,UAAUC,SAAS,MAAMN,MAAMK,OAAO;AAE5C,UAAME,WAAWD,SAAS,OAAO;AAAA,MAAEE,OAAOR,MAAMQ;AAAAA,IAAO,EAAC;AAExD,UAAMC,gBAAgBH,SAAS,MAC7BI,MAAML,OAAO,EAAEM,KAAMC,YAAWA,OAAOT,UAAUO,MAAMP,KAAK,CAAC,CAC/D;AAEA,WAAO,MAAM;AACX,YAAMU,iBAAiBH,MAAMD,aAAa;AAE1C,UAAIK;AAEJ,UAAI,CAACD,gBAAgB;AAAA,YAAAE;AACnBD,kBAAOE,YAAAC,OAAA;AAAA,UAAA,SAEIP,MAAMH,QAAQ;AAAA,UAAC,sBAAA;AAAA,UAAA,QAEhBP,MAAMkB;AAAAA,UAAI,UACRlB,MAAMmB;AAAAA,UAAM,OACfnB,MAAMoB;AAAAA,UAAG,SACPpB,MAAMqB;AAAAA,UAAK,SACXrB,MAAMsB;AAAAA,WAAK/B,QAAAwB,QAEjBL,MAAMP,KAAK,CAAC,IAAAY,QAAA;AAAA,UAAAQ,SAAAA,MAAA,CAAAR,KAAA;AAAA,SAEhB;AAAA,MACH,OAAO;AACLD,kBAAOE,YAAAC,OAAA;AAAA,UAAA,SAEIP,MAAMH,QAAQ;AAAA,UAAC,sBAAA;AAAA,UAAA,QAEhBM,eAAeK;AAAAA,UAAI,UACjBlB,MAAMmB;AAAAA,UAAM,OACfnB,MAAMoB;AAAAA,UAAG,SACPP,eAAeQ;AAAAA,UAAK,SACpBrB,MAAMsB;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAEjBV,CAAAA,eAAeW,SAASX,eAAeV,KAAK;AAAA,SAEhD;AAAA,MACH;AAEA,aAAAa,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAmCF,OAAO,CAAA;AAAA;EAE9C;AACF,CAAC;ACxDM,MAAM,cAAc;"}

package/dist/esm/index-m_TCZuSa.js

@@ -0,0 +1,49 @@
+import { defineComponent, computed, unref, createVNode } from "vue";
+import { buildProps } from "@maketribe/utils";
+import { TableColumn, TableActionColumn } from "@maketribe/dm";
+import { T as columnProps, V as MKButton } from "./index-D2Qngjos.js";
+import "vue-router";
+import "element-plus";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+const columnActionProps = buildProps({
+  ...columnProps,
+  column: { type: TableColumn, required: true },
+  buttons: { type: Array, default: () => [] }
+});
+const ColumnAction = /* @__PURE__ */ defineComponent({
+  name: "MKColumnAction",
+  props: columnActionProps,
+  setup(props) {
+    const buttons = computed(() => {
+      if (props.column instanceof TableActionColumn) {
+        return props.column.buttons;
+      }
+      return props.buttons;
+    });
+    const handleColumnActionClick = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    };
+    return () => {
+      const buttonVnodes = unref(buttons).filter((button) => button.predicate(props.row)).map((button) => createVNode(MKButton, {
+        "icon": button.icon,
+        "label": button.label,
+        "type": button.type,
+        "link": true,
+        "onClick": () => button.handler(props.row)
+      }, null));
+      return createVNode("span", {
+        "class": "mk-column-action",
+        "onClick": handleColumnActionClick
+      }, [buttonVnodes]);
+    };
+  }
+});
+const MKColumnAction = ColumnAction;
+export {
+  MKColumnAction,
+  MKColumnAction as default
+};
+//# sourceMappingURL=index-m_TCZuSa.js.map

package/dist/esm/index-m_TCZuSa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-m_TCZuSa.js","sources":["../../src/components/data-model/data-table/components/column-action/column-action-options.ts","../../src/components/data-model/data-table/components/column-action/column-action.tsx","../../src/components/data-model/data-table/components/column-action/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnActionProps = buildProps({\n  ...columnProps,\n  column: { type: TableColumn, required: true },\n  buttons: { type: Array, default: () => [] }\n} as const);\n\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton } from \"element-plus\";\n\nimport { columnActionProps } from \"./column-action-options\";\nimport { MKButton } from \"../../../../basic/button\";\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\n\nexport type MKColumnActionButton = {\n  name?: string;\n  label?: string;\n  type?: InstanceType<typeof ElButton>[\"type\"];\n  handler?: (row: any) => any;\n};\n\nexport default defineComponent({\n  name: \"MKColumnAction\",\n  props: columnActionProps,\n  setup(props) {\n    const buttons = computed(() => {\n      if (props.column instanceof TableActionColumn) {\n        return props.column.buttons;\n      }\n\n      return props.buttons as ActionButton[];\n    });\n\n    const handleColumnActionClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    return () => {\n      const buttonVnodes = unref(buttons)\n        .filter((button) => button.predicate(props.row))\n        .map((button) => (\n          <MKButton\n            icon={button.icon}\n            label={button.label}\n            type={button.type}\n            link\n            onClick={() => button.handler(props.row)}\n          />\n        ));\n\n      return (\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\n          {buttonVnodes}\n        </span>\n      );\n    };\n  },\n});\n","import ColumnAction from \"./column-action\";\r\n\r\nexport const MKColumnAction = ColumnAction;\r\nexport default MKColumnAction;\r\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;;;;;;AAKO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;ACKV,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,UAAUC,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,mBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,YAAAC,UAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;ACjDM,MAAM,iBAAiB;"}