@cmstops/pro-compo 3.10.5-nanning.2 → 3.10.5-stable.10

package/lib/editDocMeta/component.js

@@ -0,0 +1,365 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var api = require("./script/api.js");
+var dialogVisible = require("../hooks/dialogVisible.js");
+var config = require("../config.js");
+var docMetaForm = require("./components/docMetaForm.js");
+var doc = require("../utils/doc.js");
+const _hoisted_1 = { class: "edit-doc-meta-container" };
+const _hoisted_2 = { style: { "padding": "20px" } };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "EditDocMeta" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    visible: { type: Boolean },
+    hashId: {},
+    domainId: {}
+  },
+  emits: [
+    "update:visible",
+    "submit",
+    "upload",
+    "select-content"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const docMetaFormRef = vue.ref();
+    const isLoading = vue.ref(false);
+    const docSeries = vue.ref("");
+    const editorData = vue.ref(null);
+    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
+    const handleOpen = async () => {
+      var _a;
+      if (props.hashId) {
+        isLoading.value = true;
+        try {
+          const { code, message } = await api.getDocDetailsNew(BASE_API, {
+            hashid: props.hashId
+          });
+          if (code === 0) {
+            docSeries.value = message.series;
+            const { style, ...meta } = message.meta || {};
+            editorData.value = {
+              id: message.id,
+              title: message.title,
+              series: message.series,
+              state: message.state,
+              payload: message.payload,
+              ...meta,
+              style: style && style !== "{}" ? style : ((_a = message.object_meta) == null ? void 0 : _a.style) ? JSON.stringify(message.object_meta.style) : JSON.stringify({ data: [], model: 3 })
+            };
+          }
+        } catch (error) {
+          console.error("\u52A0\u8F7D\u7A3F\u4EF6\u8BE6\u60C5\u5931\u8D25:", error);
+        } finally {
+          isLoading.value = false;
+        }
+      }
+    };
+    const { visible, setVisible } = dialogVisible(props, emit);
+    const styleValidator = (data) => {
+      var _a;
+      if (data && data.style) {
+        const style = typeof data.style === "string" ? JSON.parse(data.style) : data.style;
+        if (["video_album", "audio_album", "special", "special_v3"].includes(
+          docSeries.value
+        ) && !style.pc_banner_url) {
+          const title = ((_a = doc.docSeries[docSeries.value]) == null ? void 0 : _a.replace("\u7A3F\u4EF6", "")) || "";
+          webVue.Message.warning(`\u8BF7\u4E0A\u4F20${title}\u5C01\u9762\u5934\u56FE`);
+          return false;
+        }
+      }
+      return true;
+    };
+    const handleOk = async () => {
+      var _a, _b, _c, _d, _e;
+      if (!docMetaFormRef.value) {
+        console.error("[editDocMeta] docMetaFormRef \u672A\u521D\u59CB\u5316");
+        webVue.Message.error("\u8868\u5355\u672A\u521D\u59CB\u5316\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
+        return;
+      }
+      const formData = await docMetaFormRef.value.getFormData("valid");
+      if (!formData) {
+        console.warn("[editDocMeta] \u8868\u5355\u6821\u9A8C\u5931\u8D25\u6216\u8FD4\u56DE\u7A7A\u6570\u636E\uFF0CformData:", formData);
+        return;
+      }
+      const data = JSON.parse(JSON.stringify(formData));
+      const { cover, banner, pcBanner, top_image_url } = data;
+      let coverModel = 3;
+      if ((_a = editorData.value) == null ? void 0 : _a.style) {
+        try {
+          const existingStyle = typeof editorData.value.style === "string" ? JSON.parse(editorData.value.style) : editorData.value.style;
+          if (existingStyle.model !== void 0) {
+            coverModel = existingStyle.model;
+          }
+        } catch (e) {
+        }
+      }
+      if (data.style && coverModel === 3) {
+        try {
+          const existingStyle = typeof data.style === "string" ? JSON.parse(data.style) : data.style;
+          if (existingStyle.model !== void 0) {
+            coverModel = existingStyle.model;
+          }
+        } catch (e) {
+        }
+      }
+      const coverCount = Array.isArray(cover) ? cover.filter((item) => item && (item.url || item.sig_id)).length : 0;
+      if (coverCount === 0) {
+        coverModel = 4;
+      } else if (coverCount === 3 && coverModel !== 1) {
+        coverModel = 1;
+      }
+      const tempStyle = {
+        model: coverModel,
+        data: Array.isArray(cover) ? cover.filter((item) => item && (item.url || item.sig_id)).map((item) => ({
+          url: item.url,
+          thumb: item.thumb || item.url
+        })) : []
+      };
+      if (Array.isArray(banner) && ((_b = banner[0]) == null ? void 0 : _b.url)) {
+        tempStyle.banner = true;
+        tempStyle.banner_url = banner[0].url;
+      } else {
+        tempStyle.banner = false;
+      }
+      const isSpecialOrAlbum = [
+        "special_v3",
+        "video_album",
+        "audio_album"
+      ].includes(docSeries.value);
+      const activePcBanner = isSpecialOrAlbum ? top_image_url : pcBanner;
+      if (Array.isArray(activePcBanner) && ((_c = activePcBanner[0]) == null ? void 0 : _c.url)) {
+        tempStyle.pc_banner_url = activePcBanner[0].url;
+      }
+      const tempDataForValidate = { style: JSON.stringify(tempStyle) };
+      if (!styleValidator(tempDataForValidate)) {
+        console.warn("[editDocMeta] \u5C01\u9762\u56FE\u6821\u9A8C\u5931\u8D25\uFF0C\u963B\u6B62\u63D0\u4EA4");
+        return;
+      }
+      console.log("[editDocMeta] \u8868\u5355\u6821\u9A8C\u901A\u8FC7\uFF0CformData:", formData);
+      const excludeMeta = [
+        "cover",
+        "banner",
+        "pcBanner",
+        "top_image_url",
+        "category",
+        "category_with",
+        "deliver_politics",
+        "deliver_specials",
+        "deliver_albums",
+        "clue_ids",
+        "journalist_uuids",
+        "line_time",
+        "ori_count",
+        "aiRelated"
+      ];
+      const style = {};
+      style.model = coverModel;
+      if (Array.isArray(cover)) {
+        style.data = cover.filter((item) => item.url).map((item) => ({
+          url: item.url,
+          thumb: item.thumb || item.url
+        }));
+      } else {
+        style.data = [];
+      }
+      if (Array.isArray(banner) && ((_d = banner[0]) == null ? void 0 : _d.url)) {
+        style.banner = true;
+        style.banner_url = banner[0].url;
+      } else {
+        style.banner = false;
+        delete style.banner_url;
+      }
+      if (Array.isArray(activePcBanner) && ((_e = activePcBanner[0]) == null ? void 0 : _e.url)) {
+        const img = activePcBanner[0];
+        style.pc_banner_url = img.url;
+        if (img.width && img.height) {
+          style.pc_banner_url_info = JSON.stringify({
+            width: img.width,
+            height: img.height
+          });
+        } else {
+          delete style.pc_banner_url_info;
+        }
+        if (isSpecialOrAlbum) {
+          style.top_image_url = img.url;
+          if (img.top_colorList) {
+            style.top_colorList = img.top_colorList;
+          } else {
+            delete style.top_colorList;
+          }
+          if (img.top_theme_color) {
+            style.top_theme_color = img.top_theme_color;
+          } else {
+            delete style.top_theme_color;
+          }
+        } else {
+          delete style.top_image_url;
+          delete style.top_colorList;
+          delete style.top_theme_color;
+        }
+      } else {
+        delete style.pc_banner_url;
+        delete style.pc_banner_url_info;
+        if (isSpecialOrAlbum) {
+          delete style.top_image_url;
+          delete style.top_colorList;
+          delete style.top_theme_color;
+        } else {
+          delete style.top_image_url;
+          delete style.top_colorList;
+          delete style.top_theme_color;
+        }
+      }
+      const meta = {};
+      data.self_publish_time = data.self_publish_time && Math.floor(data.self_publish_time / 1e3);
+      data.online_time = data.online_time && Math.floor(data.online_time / 1e3);
+      data.offline_time = data.offline_time && Math.floor(data.offline_time / 1e3);
+      data.keywords = data.keywords && Array.isArray(data.keywords) ? data.keywords.join(",") : data.keywords;
+      data.duty_editor = data.duty_editor && Array.isArray(data.duty_editor) ? data.duty_editor.join(",") : data.duty_editor;
+      data.author = data.author && Array.isArray(data.author) ? data.author.join(",") : data.author;
+      data.extra_attrs = data.extra_attrs && Array.isArray(data.extra_attrs) ? data.extra_attrs.join(",") : data.extra_attrs;
+      data.relation_news = data.relation_news && Array.isArray(data.relation_news) ? JSON.stringify(data.relation_news) : data.relation_news;
+      data.comment_available = !!data.comment_available;
+      data.statement = !!data.statement;
+      data.is_recommend = !!data.is_recommend;
+      data.album_status = data.album_status ? "1" : "0";
+      delete data.line_time;
+      delete data.ori_count;
+      delete data.aiRelated;
+      const extMetaData = {};
+      Object.keys(data).forEach((key) => {
+        if (key.startsWith("ext-meta/")) {
+          const fieldName = key.split("/").pop();
+          if (fieldName) {
+            let fieldValue = data[key];
+            if (fieldValue && typeof fieldValue === "string") {
+              const date = new Date(fieldValue);
+              if (!Number.isNaN(date.getTime())) {
+                const hasTime = fieldValue.includes(":");
+                if (hasTime) {
+                  fieldValue = Math.floor(date.getTime() / 1e3);
+                } else {
+                  fieldValue = Math.floor(date.getTime() / 1e3);
+                }
+              }
+            }
+            extMetaData[fieldName] = fieldValue;
+          }
+        }
+      });
+      if (Object.keys(extMetaData).length > 0) {
+        data.ext_meta = JSON.stringify(extMetaData);
+      } else {
+        delete data.ext_meta;
+      }
+      Object.keys(data).forEach((key) => {
+        if (excludeMeta.includes(key))
+          return;
+        if (key.startsWith("ext-meta/"))
+          return;
+        let value = data[key];
+        if (value === void 0)
+          return;
+        if (key === "source") {
+          if (Array.isArray(value)) {
+            [value] = value;
+          }
+        }
+        if (["ori_read_count", "ori_thumbup_count"].includes(key)) {
+          value = `${value}`;
+        }
+        meta[key] = value;
+      });
+      meta.style = JSON.stringify(style);
+      Object.keys(meta).forEach((key) => {
+        if (key === "ext_meta")
+          return;
+        if (key === "style")
+          return;
+        if (typeof meta[key] !== "string") {
+          meta[key] += "";
+        }
+        if (meta[key] === "NaN") {
+          meta[key] = "";
+        }
+      });
+      const submitData = { id: editorData.value.id, meta };
+      console.log("[editDocMeta] \u63D0\u4EA4\u6570\u636E:", submitData);
+      try {
+        const { code } = await api.updateDocMeta(BASE_API, submitData);
+        if (code === 0) {
+          webVue.Message.success("\u7F16\u8F91\u6210\u529F");
+          setVisible(false);
+          emit("submit", submitData);
+        } else {
+          webVue.Message.error("\u7F16\u8F91\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
+        }
+      } catch (error) {
+        console.error("[editDocMeta] \u63D0\u4EA4\u5931\u8D25:", error);
+        webVue.Message.error("\u7F16\u8F91\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
+      }
+    };
+    const handleCancel = () => {
+      setVisible(false);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(webVue.Modal), {
+          visible: vue.unref(visible),
+          width: "800px",
+          "mask-closable": false,
+          "title-align": "start",
+          "body-class": "edit-doc-meta-dialog-body",
+          "unmount-on-close": "",
+          title: "\u7F16\u8F91\u7A3F\u7B7E",
+          onOpen: handleOpen,
+          onOk: handleOk,
+          onCancel: handleCancel
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Spin), {
+              loading: isLoading.value,
+              style: { "width": "100%" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(webVue.Scrollbar), {
+                  "outer-style": "height: 60vh; overflow: auto",
+                  style: { "height": "100%", "overflow": "auto" }
+                }, {
+                  default: vue.withCtx(() => {
+                    var _a;
+                    return [
+                      vue.createElementVNode("div", _hoisted_2, [
+                        editorData.value ? (vue.openBlock(), vue.createBlock(docMetaForm, {
+                          key: 0,
+                          ref_key: "docMetaFormRef",
+                          ref: docMetaFormRef,
+                          BASE_API: vue.unref(BASE_API),
+                          "init-data": editorData.value,
+                          "domain-id": props.domainId,
+                          series: docSeries.value,
+                          payload: (_a = editorData.value) == null ? void 0 : _a.payload,
+                          onUpload: _cache[0] || (_cache[0] = (e) => _ctx.$emit("upload", e)),
+                          onSelectContent: _cache[1] || (_cache[1] = (e) => _ctx.$emit("select-content", e))
+                        }, null, 8, ["BASE_API", "init-data", "domain-id", "series", "payload"])) : vue.createCommentVNode("v-if", true)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/editDocMeta/components/Adapter.js

@@ -0,0 +1,210 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var FInput = require("./fields/FInput.js");
+var FSelect = require("./fields/FSelect.js");
+var FSwitch = require("./fields/FSwitch.js");
+var FThumb = require("./fields/FThumb.js");
+var FDate = require("./fields/FDate.js");
+var FRadio = require("./fields/FRadio.js");
+var FCheckbox = require("./fields/FCheckbox.js");
+var FCustom = require("./fields/FCustom.js");
+var FContentModel = require("./fields/FContentModel.js");
+var component = require("../../selectResourceModal/component.js");
+const _hoisted_1 = { class: "form-adapter" };
+const _hoisted_2 = {
+  key: 1,
+  style: { "padding": "10px", "color": "red", "border": "1px solid red" }
+};
+const _hoisted_3 = ["src"];
+const IMAGE_EDITOR_MSG_KEY = "ImageEditor";
+const _sfc_main = vue.defineComponent({
+  __name: "Adapter",
+  props: {
+    value: {},
+    formItem: {},
+    BASE_API: {},
+    domainId: {},
+    series: {},
+    payload: {},
+    userInfo: {}
+  },
+  emits: ["update:value", "upload", "cover-model-change"],
+  setup(__props, { emit: __emit }) {
+    const components = {
+      "input": FInput,
+      "select": FSelect,
+      "switch": FSwitch,
+      "thumb": FThumb,
+      "banner": FThumb,
+      "date": FDate,
+      "radio": FRadio,
+      "checkbox": FCheckbox,
+      "custom": FCustom,
+      "content-model": FContentModel
+    };
+    const props = __props;
+    const emits = __emit;
+    const mValue = vue.computed({
+      get: () => {
+        return props.value;
+      },
+      set: (value) => emits("update:value", value)
+    });
+    const resourceModalVisible = vue.ref(false);
+    const resourceModalProps = vue.ref(null);
+    const resourceModalCallback = vue.ref(null);
+    const userInfo = vue.computed(() => {
+      if (props.userInfo) {
+        return props.userInfo;
+      }
+      return {
+        domain_id: props.domainId || 1,
+        repository_id: 1
+      };
+    });
+    function handleResourceSelect(params) {
+      resourceModalProps.value = params;
+      resourceModalCallback.value = params.callback;
+      resourceModalVisible.value = true;
+    }
+    function handleResourceSubmit(data) {
+      if (resourceModalCallback.value) {
+        resourceModalCallback.value(data);
+      }
+      resourceModalVisible.value = false;
+      resourceModalProps.value = null;
+      resourceModalCallback.value = null;
+    }
+    const imageEditorVisible = vue.ref(false);
+    const imageEditorSrc = vue.ref("");
+    const imageEditorIframe = vue.ref(null);
+    const imageEditorCallback = vue.ref(null);
+    function getImageEditorUrl(url) {
+      var _a, _b;
+      const BASE_HOST = (_b = (_a = window.situoyun) == null ? void 0 : _a.env) == null ? void 0 : _b.BASE_HOST;
+      if (BASE_HOST) {
+        const HOST = `${BASE_HOST}/porat/#`;
+        return `${HOST}/imageEditor-plus?url=${encodeURIComponent(url)}`;
+      }
+      if (props.BASE_API) {
+        const baseHost = props.BASE_API.replace("/maple/v1", "");
+        return `${baseHost}/porat/#/imageEditor-plus?url=${encodeURIComponent(
+          url
+        )}`;
+      }
+      throw new Error("\u65E0\u6CD5\u6784\u9020\u56FE\u7247\u7F16\u8F91\u5668 URL\uFF1A\u7F3A\u5C11 BASE_HOST \u6216 BASE_API");
+    }
+    function handleImageEditorMessage(event) {
+      var _a;
+      if (((_a = event.data) == null ? void 0 : _a.key) !== IMAGE_EDITOR_MSG_KEY)
+        return;
+      const { type, data } = event.data.data || {};
+      const cb = imageEditorCallback.value;
+      if (type === "submit") {
+        if (cb) {
+          const editedUrl = (data == null ? void 0 : data.url) || "";
+          if (!editedUrl) {
+            cb("");
+            closeImageEditor();
+            return;
+          }
+          const result = { url: editedUrl, thumb: editedUrl };
+          cb(result);
+        }
+        closeImageEditor();
+      } else if (type === "cancel") {
+        if (cb)
+          cb("");
+        closeImageEditor();
+      }
+    }
+    function closeImageEditor() {
+      imageEditorVisible.value = false;
+      imageEditorSrc.value = "";
+      imageEditorCallback.value = null;
+      window.removeEventListener("message", handleImageEditorMessage);
+    }
+    function handleImageEditorLoad() {
+      window.addEventListener("message", handleImageEditorMessage);
+    }
+    function handleImageEdit(params) {
+      const { url, callback } = params;
+      if (!url) {
+        console.warn("\u56FE\u7247\u7F16\u8F91\uFF1A\u7F3A\u5C11\u56FE\u7247 URL");
+        return;
+      }
+      imageEditorCallback.value = callback;
+      window.postMessage({ key: "changeUrl", data: url }, "*");
+      imageEditorSrc.value = getImageEditorUrl(url);
+      imageEditorVisible.value = true;
+    }
+    function handlePreview(params) {
+      console.warn("\u9884\u89C8\u529F\u80FD\u5F85\u5B9E\u73B0", params);
+    }
+    vue.onBeforeUnmount(() => {
+      window.removeEventListener("message", handleImageEditorMessage);
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        components[__props.formItem.type] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(components[__props.formItem.type]), {
+          key: 0,
+          "m-value": mValue.value,
+          label: __props.formItem.label,
+          placeholder: (_a = __props.formItem.meta) == null ? void 0 : _a.placeholder,
+          meta: __props.formItem.meta,
+          BASE_API: __props.BASE_API,
+          "domain-id": __props.domainId,
+          series: __props.series,
+          payload: __props.payload,
+          "onUpdate:mValue": _cache[0] || (_cache[0] = (e) => mValue.value = e),
+          onUpload: _cache[1] || (_cache[1] = (e) => _ctx.$emit("upload", e)),
+          onResourceSelect: handleResourceSelect,
+          onImageEdit: handleImageEdit,
+          onPreview: handlePreview,
+          onCoverModelChange: _cache[2] || (_cache[2] = (model) => _ctx.$emit("cover-model-change", model))
+        }, null, 40, ["m-value", "label", "placeholder", "meta", "BASE_API", "domain-id", "series", "payload"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, " \u7EC4\u4EF6\u672A\u627E\u5230: " + vue.toDisplayString(__props.formItem.type) + " (\u5B57\u6BB5: " + vue.toDisplayString(__props.formItem.value) + ") ", 1)),
+        vue.createCommentVNode(" \u8D44\u6E90\u9009\u62E9\u5668 "),
+        resourceModalVisible.value && userInfo.value ? (vue.openBlock(), vue.createBlock(component, {
+          key: 2,
+          visible: resourceModalVisible.value,
+          "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => resourceModalVisible.value = $event),
+          BASE_API: __props.BASE_API,
+          userInfo: userInfo.value,
+          wrap: "modal",
+          maxcount: ((_c = (_b = resourceModalProps.value) == null ? void 0 : _b.data) == null ? void 0 : _c.maxcount) || 1,
+          filterOptions: (_e = (_d = resourceModalProps.value) == null ? void 0 : _d.data) == null ? void 0 : _e.filterOptions,
+          mediaUseType: (_g = (_f = resourceModalProps.value) == null ? void 0 : _f.data) == null ? void 0 : _g.mediaUseType,
+          aiThumbList: ((_i = (_h = resourceModalProps.value) == null ? void 0 : _h.data) == null ? void 0 : _i.aiThumbList) || [],
+          videoThumbOptions: ((_k = (_j = resourceModalProps.value) == null ? void 0 : _j.data) == null ? void 0 : _k.videoThumbOptions) || void 0,
+          onSubmit: handleResourceSubmit
+        }, null, 8, ["visible", "BASE_API", "userInfo", "maxcount", "filterOptions", "mediaUseType", "aiThumbList", "videoThumbOptions"])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u56FE\u7247\u7F16\u8F91\u5668 "),
+        imageEditorVisible.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Modal), {
+          key: 3,
+          visible: imageEditorVisible.value,
+          "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => imageEditorVisible.value = $event),
+          width: "1300px",
+          "mask-closable": false,
+          "unmount-on-close": "",
+          "hide-title": "",
+          footer: false,
+          class: "image-editor-modal"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("iframe", {
+              ref_key: "imageEditorIframe",
+              ref: imageEditorIframe,
+              class: "image-editor-iframe",
+              src: imageEditorSrc.value,
+              onLoad: handleImageEditorLoad
+            }, null, 40, _hoisted_3)
+          ]),
+          _: 1
+        }, 8, ["visible"])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/editDocMeta/components/CustomSubTitle.js

@@ -0,0 +1,22 @@
+"use strict";
+var vue = require("vue");
+const _hoisted_1 = { class: "sub-title-wrp" };
+const _hoisted_2 = { class: "sub-left" };
+const _hoisted_3 = { class: "sub-right" };
+const _sfc_main = vue.defineComponent({
+  __name: "CustomSubTitle",
+  props: {
+    title: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(__props.title), 1),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "right")
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/editDocMeta/components/ThumbEditCard.js

@@ -0,0 +1,76 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
+var component = require("../../thumbCard/component.js");
+const _hoisted_1 = { class: "thumb-edit-card" };
+const _hoisted_2 = { class: "thumb-drop-button" };
+const _hoisted_3 = { class: "thumb-drop-button" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "ThumbEditCard" },
+  __name: "ThumbEditCard",
+  props: {
+    item: {}
+  },
+  emits: ["edit", "handle"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createCommentVNode(" \u7F16\u8F91\u6A21\u5F0F\u4E0B\u53EF\u4F7F\u7528\u60AC\u6D6E\u6846\u5FEB\u901F\u63D2\u5165\u7D20\u6750 "),
+        !__props.item.url && !__props.item.meta ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Dropdown), {
+          key: 0,
+          class: "thumb-edit-card-dropdown",
+          trigger: "hover",
+          "trigger-props": { updateAtScroll: true },
+          onSelect: _cache[1] || (_cache[1] = (e) => emits("edit", e))
+        }, {
+          content: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Doption), { value: "resource" }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(vue.unref(vueCmstopIcons.IconResource)),
+                  _cache[3] || (_cache[3] = vue.createTextVNode(" \u7D20\u6750\u5E93\u9009\u62E9 ", -1))
+                ])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(webVue.Doption), { value: "local" }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_3, [
+                  vue.createVNode(vue.unref(vueCmstopIcons.IconComputer)),
+                  _cache[4] || (_cache[4] = vue.createTextVNode(" \u672C\u5730\u4E0A\u4F20 ", -1))
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: "thumb-add",
+              onClick: _cache[0] || (_cache[0] = ($event) => emits("edit", { key: "resource" }))
+            }, [
+              vue.createVNode(vue.unref(icon.IconPlus))
+            ])
+          ]),
+          _: 1
+        })) : (vue.openBlock(), vue.createBlock(component, {
+          key: 1,
+          catalog: "image",
+          "use-mask": "",
+          "handlers-key": [
+            { label: "\u7F16\u8F91", key: "edit" },
+            { label: "\u66FF\u6362", key: "replace" }
+          ],
+          url: (_a = __props.item) == null ? void 0 : _a.url,
+          thumb: (_b = __props.item) == null ? void 0 : _b.thumb,
+          meta: __props.item,
+          onHandle: _cache[2] || (_cache[2] = (e) => emits("handle", e))
+        }, null, 8, ["url", "thumb", "meta"]))
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;