@cmstops/pro-compo 3.10.5-stable.6 → 3.10.5-stable.8

package/es/editDocMeta/components/options/useThumbs.js

@@ -0,0 +1,274 @@
+import { ref, computed, watch } from "vue";
+import { getThemeColor, generateUUID } from "../../../utils/index.js";
+import useUpload from "../../../hooks/useUpload.js";
+const DOC_THUMB_OPTIONS_MAP = {
+  imagetext: [
+    { label: "\u5927\u56FE", value: "1" },
+    { label: "\u4E09\u56FE", value: "2" },
+    { label: "\u5355\u56FE", value: "3" },
+    { label: "\u65E0\u5C01\u9762", value: "4" }
+  ],
+  video: [
+    { label: "\u5927\u56FE", value: "1" },
+    { label: "\u4E09\u56FE", value: "2" },
+    { label: "\u5355\u56FE", value: "3" },
+    { label: "\u65E0\u5C01\u9762", value: "4" },
+    { label: "\u6A2A\u5C4F", value: "5" }
+  ],
+  special_v3: [
+    { label: "\u5927\u56FE", value: "1" },
+    { label: "\u4E09\u56FE", value: "2" },
+    { label: "\u5355\u56FE", value: "3" },
+    { label: "\u65E0\u5C01\u9762", value: "4" }
+  ]
+};
+const docThumbObjMap = {
+  "1": { maxLength: 1, ratioStr: "16:9" },
+  "2": { maxLength: 3, ratioStr: "4:3" },
+  "3": { maxLength: 1, ratioStr: "4:3" },
+  "4": { maxLength: 0, ratioStr: "" },
+  "5": { maxLength: 1, ratioStr: "16:9" }
+};
+function getThumbLen(thumbs) {
+  return thumbs.filter((item) => item.url || item.sig_id).length;
+}
+function checkThumbIsEmpty(thumbs) {
+  return getThumbLen(thumbs) === 0;
+}
+function checkoutThumbIsOrigin(url) {
+  var _a;
+  if (!url)
+    return false;
+  try {
+    const { BASE_HOST, BASE_STATIC_FILE_API } = ((_a = window.situoyun) == null ? void 0 : _a.env) || {};
+    if (!BASE_HOST && !BASE_STATIC_FILE_API)
+      return true;
+    const ossURL = (BASE_STATIC_FILE_API == null ? void 0 : BASE_STATIC_FILE_API.replace("/maple/v1", "")) || "";
+    return url.includes(ossURL) || url.includes(BASE_HOST || "");
+  } catch (e) {
+    return true;
+  }
+}
+function getPayloadImg(payload, series) {
+  if (!payload)
+    return [];
+  if (series === "atlas") {
+    try {
+      const images = JSON.parse(payload);
+      return images.map((item) => item.url).filter(Boolean);
+    } catch (e) {
+    }
+    return [];
+  }
+  return (payload.match(/<img.*?src="(.*?)".*?>/gi) || []).filter((item) => item.indexOf("no-edit") === -1).map((item) => {
+    var _a;
+    return (_a = item.match(/src="(.*?)"/)) == null ? void 0 : _a[1];
+  }).filter((url) => url && checkoutThumbIsOrigin(url)).filter((url) => url && !url.startsWith("base64:image"));
+}
+function useThumb(modelValue, meta, series, currentModel) {
+  var _a, _b;
+  if (((_a = meta.value) == null ? void 0 : _a.key) === "pcBanner") {
+    return { thumbOptions: [], selectThumb: ref("3"), ratioStr: "" };
+  }
+  if (((_b = meta.value) == null ? void 0 : _b.type) !== "thumb") {
+    return { thumbOptions: [], selectThumb: ref("3"), ratioStr: "" };
+  }
+  const thumbOptions = DOC_THUMB_OPTIONS_MAP[series || "imagetext"] || DOC_THUMB_OPTIONS_MAP.imagetext;
+  const selectThumb = computed({
+    get: () => {
+      if (currentModel == null ? void 0 : currentModel.value) {
+        return `${currentModel.value}`;
+      }
+      return "3";
+    },
+    set: (value) => {
+      if (currentModel) {
+        currentModel.value = parseInt(value, 10);
+      }
+    }
+  });
+  const ratioStr = computed(
+    () => {
+      var _a2;
+      return ((_a2 = docThumbObjMap[selectThumb.value]) == null ? void 0 : _a2.ratioStr) || "";
+    }
+  );
+  const maxThumbCount = computed(
+    () => {
+      var _a2;
+      return ((_a2 = docThumbObjMap[selectThumb.value]) == null ? void 0 : _a2.maxLength) || 1;
+    }
+  );
+  function handleChangeThumbType() {
+    const len = maxThumbCount.value;
+    if (checkThumbIsEmpty(modelValue.value)) {
+      modelValue.value = new Array(len).fill({});
+    } else if (len < modelValue.value.length) {
+      modelValue.value = modelValue.value.slice(0, len);
+    } else if (len > modelValue.value.length) {
+      for (let i = 0; i <= len - modelValue.value.length; i++) {
+        modelValue.value.push({});
+      }
+    }
+  }
+  watch(() => selectThumb.value, handleChangeThumbType, { immediate: true });
+  return {
+    ratioStr,
+    selectThumb,
+    thumbOptions
+  };
+}
+function useBanner(modelValue, meta, bannerValue) {
+  var _a;
+  if (((_a = meta.value) == null ? void 0 : _a.type) !== "banner") {
+    return {
+      bannerSwitch: ref(false),
+      showSync: ref(false),
+      syncThumb: () => {
+      }
+    };
+  }
+  const bannerSwitch = computed({
+    get: () => {
+      var _a2;
+      return (_a2 = bannerValue == null ? void 0 : bannerValue.value) != null ? _a2 : false;
+    },
+    set: (value) => {
+      if (bannerValue) {
+        bannerValue.value = value;
+        if (value) {
+          if (checkThumbIsEmpty(modelValue.value)) {
+            modelValue.value = [{}];
+          }
+        } else {
+          modelValue.value = [];
+        }
+      }
+    }
+  });
+  return {
+    bannerSwitch,
+    showSync: ref(false),
+    syncThumb: () => {
+    }
+  };
+}
+function useColor(modelValue, meta, BASE_API, colorListValue) {
+  var _a;
+  if (!((_a = meta.value) == null ? void 0 : _a.color)) {
+    return { colorListShow: ref([]), currentColor: ref("rgb(0,0,0)") };
+  }
+  const image = computed(() => {
+    var _a2;
+    return (_a2 = modelValue.value[0]) == null ? void 0 : _a2.url;
+  });
+  const currentColor = computed({
+    get: () => {
+      var _a2;
+      if ((_a2 = modelValue.value[0]) == null ? void 0 : _a2.top_theme_color) {
+        const themeColor = modelValue.value[0].top_theme_color;
+        if (themeColor.startsWith("#")) {
+          const hex = themeColor.replace("#", "");
+          const r = parseInt(hex.substring(0, 2), 16);
+          const g = parseInt(hex.substring(2, 4), 16);
+          const b = parseInt(hex.substring(4, 6), 16);
+          return `rgb(${r},${g},${b})`;
+        }
+        if (themeColor.startsWith("rgb")) {
+          return themeColor;
+        }
+      }
+      return "rgb(0,0,0)";
+    },
+    set: (value) => {
+      if (modelValue.value[0]) {
+        const rgbMatch = value.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+        if (rgbMatch) {
+          const r = parseInt(rgbMatch[1], 10);
+          const g = parseInt(rgbMatch[2], 10);
+          const b = parseInt(rgbMatch[3], 10);
+          const hex = `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
+          modelValue.value[0].top_theme_color = hex;
+          modelValue.value = [...modelValue.value];
+        }
+      }
+    }
+  });
+  const colorList = computed({
+    get: () => {
+      var _a2;
+      const imgColorList = (_a2 = modelValue.value[0]) == null ? void 0 : _a2.top_colorList;
+      if (imgColorList && Array.isArray(imgColorList) && imgColorList.length > 0) {
+        return imgColorList;
+      }
+      return (colorListValue == null ? void 0 : colorListValue.value) || [];
+    },
+    set: (value) => {
+      if (modelValue.value[0]) {
+        modelValue.value[0].top_colorList = value;
+        modelValue.value = [...modelValue.value];
+      }
+    }
+  });
+  const colorListShow = computed(
+    () => colorList.value.map((item) => `rgb(${item})`)
+  );
+  async function handleImageChange() {
+    if (!image.value) {
+      colorList.value = [];
+      currentColor.value = "rgb(0,0,0)";
+      return;
+    }
+    if (colorList.value && colorList.value.length > 0) {
+      return;
+    }
+    try {
+      const themeColors = await getThemeColor(
+        BASE_API,
+        image.value
+      );
+      if (themeColors && themeColors.length > 0) {
+        colorList.value = themeColors;
+        currentColor.value = `rgb(${themeColors[1]})`;
+      }
+    } catch (error) {
+    }
+  }
+  watch(() => image.value, handleImageChange, { immediate: true });
+  return {
+    currentColor,
+    colorListShow
+  };
+}
+function useLocalUpload(modelValue, BASE_API, domainId) {
+  const { uploadFile } = useUpload();
+  const loadingList = ref([]);
+  function handleUpload(index) {
+    loadingList.value[index] = true;
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = "image/*";
+    input.onchange = (e) => {
+      var _a;
+      const file = (_a = e.target.files) == null ? void 0 : _a[0];
+      if (!file) {
+        loadingList.value[index] = false;
+        return;
+      }
+      file.sig_id = generateUUID();
+      uploadFile(BASE_API || "", file, 0, domainId || 0, (res) => {
+        const result = JSON.parse(JSON.stringify(modelValue.value));
+        result[index] = res;
+        setTimeout(() => {
+          modelValue.value = result;
+        }, 200);
+        loadingList.value[index] = false;
+      });
+    };
+    input.click();
+  }
+  return {
+    handleUpload
+  };
+}
+export { checkThumbIsEmpty, checkoutThumbIsOrigin, getPayloadImg, getThumbLen, useBanner, useColor, useLocalUpload, useThumb };

package/es/editDocMeta/hooks/useMetaOptions.js

@@ -0,0 +1,282 @@
+import { ref, computed } from "vue";
+import { getDocMetaFieldsConfig, getEnabledExtendedFields } from "../script/api.js";
+function useMetaOptions(BASE_API, domainId) {
+  const options = ref([]);
+  const loading = ref(true);
+  const optionsLoaded = ref(false);
+  const optionsDict = computed(() => {
+    const result = {};
+    options.value.forEach((item) => {
+      result[item.value] = item;
+    });
+    return result;
+  });
+  const showOptionsLen = computed(
+    () => options.value.reduce((prev, cur) => prev + (cur.show ? 1 : 0), 0)
+  );
+  function createExtendedFieldConfig(extendField, extendedFieldDetail) {
+    var _a;
+    const typeMapping = {
+      text: "input",
+      textarea: "input",
+      number: "input",
+      selection: "select",
+      multi_selection: "select",
+      datetime: "date",
+      backend_user: "select",
+      switch: "switch"
+    };
+    const metaMapping = {
+      text: { maxcount: (extendedFieldDetail == null ? void 0 : extendedFieldDetail.max_length) || 100 },
+      textarea: {
+        type: "textarea",
+        maxcount: (extendedFieldDetail == null ? void 0 : extendedFieldDetail.max_length) || 500
+      },
+      number: { type: "number", min: 0 },
+      selection: {
+        unSync: true,
+        key: extendField.value,
+        isSearch: false,
+        selectOptions: (extendedFieldDetail == null ? void 0 : extendedFieldDetail.select_options) || []
+      },
+      multi_selection: {
+        unSync: true,
+        key: extendField.value,
+        isSearch: false,
+        isMultiple: true,
+        selectOptions: (extendedFieldDetail == null ? void 0 : extendedFieldDetail.select_options) || []
+      },
+      datetime: {
+        showTime: ((_a = extendedFieldDetail == null ? void 0 : extendedFieldDetail.date_format) == null ? void 0 : _a.includes("15:04")) || false,
+        format: (extendedFieldDetail == null ? void 0 : extendedFieldDetail.date_format) === "2006-01-02" ? "YYYY-MM-DD" : "YYYY-MM-DD HH:mm"
+      },
+      backend_user: {
+        unSync: true,
+        key: "backend_users",
+        isSearch: true,
+        useIdAsValue: true
+      },
+      switch: {
+        defaultValue: extendedFieldDetail == null ? void 0 : extendedFieldDetail.default_value
+      }
+    };
+    const fieldType = (extendedFieldDetail == null ? void 0 : extendedFieldDetail.var_type) || extendField.ext_type;
+    return {
+      label: extendField.label,
+      value: extendField.value,
+      type: typeMapping[fieldType] || "input",
+      show: true,
+      required: extendField.required || false,
+      meta: metaMapping[fieldType] || {},
+      is_extend: true,
+      ext_type: fieldType,
+      order: 0
+    };
+  }
+  function processField(field, options2) {
+    const defaultField = field.default || {};
+    let fieldType = "input";
+    let metaType = defaultField.type;
+    if (field.value === "cover") {
+      fieldType = "thumb";
+      metaType = "thumb";
+    } else if (field.value === "pcBanner" || field.value === "top_image_url") {
+      fieldType = "thumb";
+      metaType = "thumb";
+    } else if (field.value === "banner") {
+      fieldType = "thumb";
+      metaType = "banner";
+    } else if (field.value === "self_publish_time") {
+      fieldType = "date";
+      metaType = "date";
+    } else if (field.value === "self_declaration") {
+      fieldType = "radio";
+      metaType = "radio";
+    } else if (field.value === "signature_template_id") {
+      fieldType = "select";
+      metaType = "select";
+    } else if (field.value === "mourn_style") {
+      fieldType = "custom";
+      metaType = "morn";
+    } else if (defaultField.type) {
+      fieldType = defaultField.type;
+      metaType = defaultField.type;
+    }
+    const metaObj = {
+      ...defaultField,
+      ...field,
+      key: field.value
+    };
+    if (field.value === "mourn_style") {
+      metaObj.type = "morn";
+    }
+    if (field.value === "author" && !metaObj.type) {
+      metaObj.type = "multi";
+      metaObj.isMultiple = true;
+      metaObj.maxcount = metaObj.maxcount || 50;
+    }
+    if (field.value === "self_declaration" && metaObj.options) {
+      metaObj.options = metaObj.options.map((opt) => ({
+        ...opt,
+        value: String(opt.value)
+      }));
+    }
+    if (field.value === "cover") {
+      if (metaObj.color !== false) {
+        metaObj.color = true;
+        metaObj.colorKey = metaObj.colorKey || "cover_theme_color";
+        metaObj.colorListKey = metaObj.colorListKey || "cover_colorList";
+      }
+    } else if (field.value === "banner") {
+      if (metaObj.color !== false) {
+        metaObj.color = true;
+        metaObj.colorKey = metaObj.colorKey || "banner_theme_color";
+        metaObj.colorListKey = metaObj.colorListKey || "banner_colorList";
+      }
+    } else if (field.value === "top_image_url") {
+      metaObj.key = "pcBanner";
+      metaObj.color = true;
+      metaObj.colorKey = "top_theme_color";
+      metaObj.colorListKey = "top_colorList";
+    }
+    if (metaType !== void 0) {
+      metaObj.type = metaType;
+    } else if (metaObj.type === void 0)
+      ;
+    return {
+      label: field.label,
+      value: field.value,
+      type: fieldType,
+      show: options2.show,
+      required: options2.required === null ? field.required === true : options2.required,
+      disabled: field.disabled === true,
+      order: 0,
+      default: defaultField.value,
+      meta: metaObj,
+      scope: field.scope
+    };
+  }
+  async function initOptions() {
+    var _a;
+    if (!domainId) {
+      loading.value = false;
+      return;
+    }
+    if (optionsLoaded.value) {
+      return;
+    }
+    loading.value = true;
+    try {
+      const { code, message } = await getDocMetaFieldsConfig(
+        BASE_API,
+        domainId
+      );
+      if (code !== 0 || !message || !message.length) {
+        loading.value = false;
+        return;
+      }
+      const metaOptionsConfigs = message.filter(
+        (item) => item.key === "meta_options"
+      );
+      const metaOptionsConfig = metaOptionsConfigs.sort((a, b) => {
+        const dateA = new Date(a.created_at || 0).getTime();
+        const dateB = new Date(b.created_at || 0).getTime();
+        return dateB - dateA;
+      })[0];
+      if (!metaOptionsConfig) {
+        loading.value = false;
+        return;
+      }
+      let configValue;
+      if (typeof metaOptionsConfig.value === "object" && metaOptionsConfig.value !== null) {
+        configValue = metaOptionsConfig.value;
+      } else if (!metaOptionsConfig.value || metaOptionsConfig.value.trim() === "") {
+        configValue = { open: [], close: [] };
+      } else if (typeof metaOptionsConfig.value === "string") {
+        try {
+          configValue = JSON.parse(metaOptionsConfig.value);
+        } catch (e) {
+          console.error("\u89E3\u6790 meta_options \u914D\u7F6E\u5931\u8D25:", e);
+          configValue = { open: [], close: [] };
+        }
+      } else {
+        configValue = { open: [], close: [] };
+      }
+      const { open = [], close = [] } = configValue;
+      let extendedFieldsConfig = {};
+      try {
+        const extRes = await getEnabledExtendedFields(BASE_API);
+        if (extRes.code === 0 && ((_a = extRes.message) == null ? void 0 : _a.items)) {
+          extendedFieldsConfig = extRes.message.items.reduce(
+            (acc, field) => {
+              acc[field.var_name] = field;
+              return acc;
+            },
+            {}
+          );
+        }
+      } catch (e) {
+        console.log("\u83B7\u53D6\u6269\u5C55\u5B57\u6BB5\u914D\u7F6E\u5931\u8D25\uFF0C\u5C06\u4F7F\u7528\u57FA\u7840\u914D\u7F6E", e);
+      }
+      const result = [];
+      open.forEach((field) => {
+        if (field.is_extend) {
+          const varName = field.value.includes("/") ? field.value.split("/").pop() : field.value;
+          const extendedFieldDetail = extendedFieldsConfig[varName];
+          const extendedFieldConfig = createExtendedFieldConfig(
+            field,
+            extendedFieldDetail
+          );
+          extendedFieldConfig.show = true;
+          extendedFieldConfig.order = result.length;
+          result.push(extendedFieldConfig);
+          return;
+        }
+        const processed = processField(field, {
+          show: true,
+          required: null
+        });
+        if (processed) {
+          processed.order = result.length;
+          result.push(processed);
+        }
+      });
+      close.forEach((field) => {
+        if (field.is_extend) {
+          const varName = field.value.includes("/") ? field.value.split("/").pop() : field.value;
+          const extendedFieldDetail = extendedFieldsConfig[varName];
+          const extendedFieldConfig = createExtendedFieldConfig(
+            field,
+            extendedFieldDetail
+          );
+          extendedFieldConfig.show = false;
+          extendedFieldConfig.order = result.length;
+          result.push(extendedFieldConfig);
+          return;
+        }
+        const processed = processField(field, {
+          show: false,
+          required: null
+        });
+        if (processed) {
+          processed.order = result.length;
+          result.push(processed);
+        }
+      });
+      options.value = result;
+      optionsLoaded.value = true;
+    } catch (error) {
+      console.error("\u83B7\u53D6\u7A3F\u7B7E\u914D\u7F6E\u5931\u8D25:", error);
+    } finally {
+      loading.value = false;
+    }
+  }
+  return {
+    loading,
+    options,
+    optionsDict,
+    showOptionsLen,
+    initOptions
+  };
+}
+export { useMetaOptions as default };

package/es/editDocMeta/index.js

@@ -0,0 +1,9 @@
+import _editDocMeta from "./component.js";
+const editDocMeta = Object.assign(_editDocMeta, {
+  install: (app) => {
+    if (_editDocMeta.name) {
+      app.component(_editDocMeta.name, _editDocMeta);
+    }
+  }
+});
+export { editDocMeta as default };

package/es/editDocMeta/script/api.js

@@ -0,0 +1,47 @@
+import request from "../../utils/request.js";
+function getDocDetailsNew(BASE_API, query) {
+  const url = `/poplar/v3/document/${query.hashid}`;
+  const params = {};
+  return request(BASE_API, {
+    url,
+    method: "get",
+    params
+  });
+}
+function getDocMetaFieldsConfig(BASE_API, domainId) {
+  return request(BASE_API, {
+    url: "/poplar/v2/settings",
+    method: "get",
+    params: {
+      domain_id: domainId,
+      module: "doc_meta_info"
+    }
+  });
+}
+function getAllDutyEditor(BASE_API) {
+  return request(BASE_API, {
+    url: `poplar/v2/account/aliases/duty`,
+    method: "get"
+  });
+}
+function getBylineTemplates(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/content_signature/templates",
+    method: "get",
+    params
+  });
+}
+function updateDocMeta(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v3/document/meta/${params.id}`,
+    method: "put",
+    data: params
+  });
+}
+function getEnabledExtendedFields(BASE_API, category = "pubmedia") {
+  return request(BASE_API, {
+    url: `/poplar/v3/extend-fields/${category}/fields/enabled`,
+    method: "get"
+  });
+}
+export { getAllDutyEditor, getBylineTemplates, getDocDetailsNew, getDocMetaFieldsConfig, getEnabledExtendedFields, updateDocMeta };

package/es/editDocMeta/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/editDocMeta/style/index.css

@@ -0,0 +1,3 @@
+.edit-doc-meta-dialog-body {
+  padding: 0;
+}

package/es/editDocMeta/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/editDocMeta/style/index.less

@@ -0,0 +1,3 @@
+.edit-doc-meta-dialog-body {
+  padding: 0;
+}

package/es/hooks/visible.js

@@ -0,0 +1,16 @@
+import { ref } from "vue";
+function useVisible(initValue = false) {
+  const visible = ref(initValue);
+  const setVisible = (value) => {
+    visible.value = value;
+  };
+  const toggle = () => {
+    visible.value = !visible.value;
+  };
+  return {
+    visible,
+    setVisible,
+    toggle
+  };
+}
+export { useVisible as default };

package/es/index.css

@@ -5121,3 +5121,6 @@
   color: var(---primary-6, #165dff);
   background: var(---primary-1, #e8f3ff);
 }
+.edit-doc-meta-dialog-body {
+  padding: 0;
+}

package/es/index.js

@@ -29,3 +29,4 @@ export { default as docHistory } from "./docHistory/index.js";
 export { default as videoThumb } from "./videoThumb/index.js";
 export { default as importData } from "./importData/index.js";
 export { default as selectAddTo } from "./selectAddTo/index.js";
+export { default as editDocMeta } from "./editDocMeta/index.js";

package/es/index.less

@@ -28,3 +28,4 @@
 @import './docHistory/style/index.less';
 @import './videoThumb/style/index.less';
 @import './importData/style/index.less';
+@import './editDocMeta/style/index.less';