@cmstops/pro-compo 3.10.5-stable.1 → 3.10.5-stable.10

package/lib/contentModal/components/ViewAllColumn/index.js

@@ -9,20 +9,19 @@ var batch = require("../../../hooks/batch.js");
 var index$1 = require("../../../utils/index.js");
 var api = require("../../script/api.js");
 const _hoisted_1 = { class: "view-all-column-container" };
-const _hoisted_2 = { class: "content-table-view" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = {
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
   key: 1,
   alt: "",
   class: "pic-thumb-img",
   src: picThumb
 };
-const _hoisted_5 = { class: "title-span" };
-const _hoisted_6 = { class: "title" };
+const _hoisted_4 = { class: "title-span" };
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = { class: "title-span" };
 const _hoisted_7 = { class: "title-span" };
-const _hoisted_8 = { class: "title-span" };
-const _hoisted_9 = { class: "bottom-view" };
-const _hoisted_10 = { class: "left" };
+const _hoisted_8 = { class: "bottom-view" };
+const _hoisted_9 = { class: "left" };
 const _sfc_main = vue.defineComponent({
   ...{ name: "ViewAllColumn" },
   __name: "index",
@@ -31,7 +30,8 @@ const _sfc_main = vue.defineComponent({
     defaultSelectedData: {},
     series: {},
     banner: {},
-    userInfo: {}
+    userInfo: {},
+    defaultOrder: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -142,9 +142,25 @@ const _sfc_main = vue.defineComponent({
       page.value.index = 1;
       loadData();
     };
+    const tableRef = vue.ref(null);
+    const tableContainerRef = vue.ref(null);
+    const resetScrollPosition = () => {
+      vue.nextTick(() => {
+        if (tableRef.value) {
+          const tableElement = tableRef.value.$el;
+          const scrollContainer = tableElement == null ? void 0 : tableElement.querySelector(
+            ".arco-table-body"
+          );
+          if (scrollContainer) {
+            scrollContainer.scrollTop = 0;
+          }
+        }
+      });
+    };
     const pageChangeHandle = (index2) => {
       page.value.index = index2;
       loadData();
+      resetScrollPosition();
     };
     vue.watch(
       () => group_id.value,
@@ -259,6 +275,7 @@ const _sfc_main = vue.defineComponent({
           return v;
         }) || [];
         page.value.total = message.total || message.count;
+        resetScrollPosition();
       }
     };
     vue.onMounted(() => {
@@ -271,14 +288,21 @@ const _sfc_main = vue.defineComponent({
           group_id: group_id.value,
           "onUpdate:group_id": _cache[0] || (_cache[0] = ($event) => group_id.value = $event),
           banner: __props.banner,
+          "default-order": props.defaultOrder,
           height: listMinHeight.value,
           series: props.series,
           tree: categoryCascaderData.value,
           "user-info": props.userInfo,
           onSearch: search
-        }, null, 8, ["group_id", "banner", "height", "series", "tree", "user-info"]),
-        vue.createElementVNode("div", _hoisted_2, [
+        }, null, 8, ["group_id", "banner", "default-order", "height", "series", "tree", "user-info"]),
+        vue.createElementVNode("div", {
+          ref_key: "tableContainerRef",
+          ref: tableContainerRef,
+          class: "content-table-view"
+        }, [
           vue.createVNode(vue.unref(webVue.Table), {
+            ref_key: "tableRef",
+            ref: tableRef,
             bordered: false,
             columns: columns.value,
             data: mediaFileData.value,
@@ -310,37 +334,37 @@ const _sfc_main = vue.defineComponent({
                   src: (_f = (_e = (_d = record.cover) == null ? void 0 : _d.data) == null ? void 0 : _e[0]) == null ? void 0 : _f.thumb,
                   alt: "",
                   class: "pic-thumb-img"
-                }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_4))
+                }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_3))
               ];
             }),
             title: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", _hoisted_5, [
+              vue.createElementVNode("span", _hoisted_4, [
                 vue.createVNode(component, {
                   type: record.series,
                   class: "icon",
                   doc: ""
                 }, null, 8, ["type"]),
-                vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(record.title || record.alias || "--"), 1)
+                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(record.title || record.alias || "--"), 1)
               ])
             ]),
             series: vue.withCtx(({ record }) => [
               vue.createVNode(component$1, { item: record }, null, 8, ["item"])
             ]),
             duty_editor: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", _hoisted_7, [
+              vue.createElementVNode("span", _hoisted_6, [
                 vue.createElementVNode("span", null, vue.toDisplayString(record.duty_editor || "--"), 1)
               ])
             ]),
             pub_time: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", _hoisted_8, [
+              vue.createElementVNode("span", _hoisted_7, [
                 vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index$1.timeFormat)(record.pub_time)), 1)
               ])
             ]),
             _: 1
           }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
-        ]),
-        vue.createElementVNode("div", _hoisted_9, [
-          vue.createElementVNode("div", _hoisted_10, [
+        ], 512),
+        vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_9, [
             vue.renderSlot(_ctx.$slots, "store"),
             vue.withDirectives(vue.createVNode(vue.unref(webVue.Pagination), {
               current: page.value.index,

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;