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

package/lib/editDocMeta/hooks/useMetaOptions.js

@@ -0,0 +1,283 @@
+"use strict";
+var vue = require("vue");
+var api = require("../script/api.js");
+function useMetaOptions(BASE_API, domainId) {
+  const options = vue.ref([]);
+  const loading = vue.ref(true);
+  const optionsLoaded = vue.ref(false);
+  const optionsDict = vue.computed(() => {
+    const result = {};
+    options.value.forEach((item) => {
+      result[item.value] = item;
+    });
+    return result;
+  });
+  const showOptionsLen = vue.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 api.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 api.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
+  };
+}
+module.exports = useMetaOptions;

package/lib/editDocMeta/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var component = require("./component.js");
+require("./style/index.js");
+const editDocMeta = Object.assign(component, {
+  install: (app) => {
+    if (component.name) {
+      app.component(component.name, component);
+    }
+  }
+});
+module.exports = editDocMeta;

package/lib/editDocMeta/script/api.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var request = require("../../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"
+  });
+}
+exports.getAllDutyEditor = getAllDutyEditor;
+exports.getBylineTemplates = getBylineTemplates;
+exports.getDocDetailsNew = getDocDetailsNew;
+exports.getDocMetaFieldsConfig = getDocMetaFieldsConfig;
+exports.getEnabledExtendedFields = getEnabledExtendedFields;
+exports.updateDocMeta = updateDocMeta;

package/lib/editDocMeta/style/Adapter.less

@@ -0,0 +1,28 @@
+// Adapter.vue 样式
+.form-adapter {
+  width: 100%;
+
+  :deep(.form-item-wrp) {
+    width: 100%;
+  }
+}
+
+// 图片编辑器弹窗（非 scoped）
+.image-editor-modal {
+  .arco-modal {
+    height: 850px;
+  }
+  .arco-modal-body {
+    padding: 0;
+    height: 100%;
+    overflow: hidden;
+  }
+}
+
+.image-editor-iframe {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  border: 0;
+  outline: none;
+}

package/lib/editDocMeta/style/CustomSubTitle.less

@@ -0,0 +1,26 @@
+// CustomSubTitle.vue 样式
+.sub-title-wrp {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 25px;
+
+  .sub-left {
+    display: flex;
+    align-items: center;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+    color: #3d3d3d;
+    transform: translateX(-24px);
+
+    &::before {
+      content: '';
+      display: inline-block;
+      width: 4px;
+      height: 16px;
+      margin-right: 8px;
+      background: #165dff;
+    }
+  }
+}

package/lib/editDocMeta/style/FCheckbox.less

@@ -0,0 +1,17 @@
+// FCheckbox.vue 样式
+.form-checkbox-wrp {
+  width: 100%;
+
+  :deep(.arco-checkbox-group) {
+    width: 100%;
+  }
+
+  :deep(.arco-checkbox) {
+    margin-right: 16px;
+    margin-bottom: 8px;
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}

package/lib/editDocMeta/style/FContentModel.less

@@ -0,0 +1,32 @@
+// FContentModel.vue 样式
+.form-content-wrapper {
+  width: 100%;
+
+  .content-list-wrapper {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+
+    .content-item-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 9px 12px;
+      border: 1px solid #e5e6eb;
+      cursor: pointer;
+
+      &:hover {
+        background-color: #f7f8fa;
+      }
+
+      &:not(:first-child) {
+        border-top: none;
+      }
+
+      .title {
+        flex: 1;
+        line-height: 22px;
+      }
+    }
+  }
+}

package/lib/editDocMeta/style/FCustom.less

@@ -0,0 +1,18 @@
+// FCustom.vue 样式
+.form-custom-wrapper {
+  width: 100%;
+
+  .form-morn-item {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    align-items: start;
+    margin-top: 3px;
+
+    .form-morn-desc {
+      color: #86909c;
+      font-size: 12px;
+      line-height: 20px;
+    }
+  }
+}

package/lib/editDocMeta/style/FDate.less

@@ -0,0 +1,4 @@
+// FDate.vue 样式
+.form-item-wrp {
+  width: 100%;
+}

package/lib/editDocMeta/style/FInput.less

@@ -0,0 +1,23 @@
+// FInput.vue 样式
+.form-item-wrp {
+  width: 100%;
+  display: block;
+}
+
+.form-input-wrp {
+  width: 100%;
+  display: block;
+
+  :deep(.arco-input),
+  :deep(.arco-input-number),
+  :deep(.arco-textarea),
+  :deep(.arco-input-tag) {
+    width: 100%;
+  }
+
+  .tag-count {
+    color: var(--color-text-3);
+    font-size: 12px;
+    user-select: none;
+  }
+}

package/lib/editDocMeta/style/FRadio.less

@@ -0,0 +1,17 @@
+// FRadio.vue 样式
+.form-radio-wrp {
+  width: 100%;
+
+  :deep(.arco-radio-group) {
+    width: 100%;
+  }
+
+  :deep(.arco-radio) {
+    margin-right: 16px;
+    margin-bottom: 8px;
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}

package/lib/editDocMeta/style/FSelect.less

@@ -0,0 +1,4 @@
+// FSelect.vue 样式
+.form-item-wrp {
+  width: 100%;
+}

package/lib/editDocMeta/style/FSwitch.less

@@ -0,0 +1,4 @@
+// FSwitch.vue 样式
+.form-item-wrp {
+  width: 100%;
+}

package/lib/editDocMeta/style/FThumb.less

@@ -0,0 +1,111 @@
+// FThumb.vue 样式
+.form-thumb-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  line-height: 32px;
+
+  .thumb-list {
+    display: flex;
+    flex-direction: column;
+
+    .thumb-tip {
+      color: var(--color-text-3);
+      font-size: 12px;
+    }
+
+    .thumb-list-wrap {
+      position: relative;
+      display: flex;
+      gap: 10px;
+
+      .thumb-item {
+        position: relative;
+        width: 110px;
+        aspect-ratio: 4 / 3;
+      }
+
+      .thumb-remove-btn {
+        position: absolute;
+        top: -10px;
+        right: -10px;
+        display: flex;
+        width: 20px;
+        height: 20px;
+        align-items: center;
+        justify-content: center;
+        background: #999;
+        border-radius: 50%;
+        cursor: pointer;
+        opacity: 0;
+        transition: opacity 0.3s ease-in-out;
+      }
+
+      .thumb-item:hover .thumb-remove-btn {
+        opacity: 1;
+      }
+
+      .thumb-remove-btn:hover {
+        background: #666;
+      }
+
+      .no-thumb-tips {
+        line-height: 24px;
+      }
+
+      .card-preview {
+        align-self: flex-end;
+        width: 40px;
+        line-height: 1;
+        white-space: nowrap;
+      }
+    }
+
+    span {
+      color: var(--color-text-2);
+    }
+  }
+}
+
+@radio-button-size: 32px;
+
+.color-radio-group {
+  overflow: hidden;
+
+  .arco-radio-button {
+    position: relative;
+    width: @radio-button-size;
+    height: @radio-button-size;
+    padding: 0;
+    overflow: hidden !important;
+    font-size: 0 !important;
+    background: transparent !important;
+    border-width: 0 !important;
+    box-shadow: none !important;
+
+    &.arco-radio-checked {
+      &::after {
+        position: absolute;
+        top: 7px;
+        left: 12px;
+        box-sizing: content-box;
+        width: 5px;
+        height: 11px;
+        border: 2px solid #fff;
+        border-top: 0;
+        border-left: 0;
+        transform: rotate(45deg) scaleY(1);
+        transform-origin: center;
+        content: '';
+        transition: transform 0.15s ease-in 0.05s;
+      }
+    }
+  }
+}
+
+.color-picker-input {
+  width: @radio-button-size;
+  height: @radio-button-size;
+  padding: 0 2px;
+  border: none;
+}

package/lib/editDocMeta/style/ThumbEditCard.less

@@ -0,0 +1,32 @@
+// ThumbEditCard.vue 样式
+.thumb-edit-card {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border: 1px dashed #e5e6eb !important;
+  border-radius: 2px;
+  background-color: #f2f3f5;
+  cursor: pointer;
+
+  .thumb-add {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    color: var(--color-text-2);
+    font-size: 16px;
+    cursor: pointer;
+  }
+}
+
+.thumb-drop-button {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: 14px;
+}

package/lib/editDocMeta/style/css.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.css");