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

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,10 @@
+import _sfc_main from "./component.js";
+import "./style/index.js";
+const editDocMeta = Object.assign(_sfc_main, {
+  install: (app) => {
+    if (_sfc_main.name) {
+      app.component(_sfc_main.name, _sfc_main);
+    }
+  }
+});
+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/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/es/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/es/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/es/editDocMeta/style/css.js

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

package/es/editDocMeta/style/docMetaForm.less

@@ -0,0 +1,22 @@
+// docMetaForm.vue 样式
+.doc-meta-form-container {
+  padding: 40px 80px 20px 48px;
+
+  :deep(.arco-form-item-label) {
+    position: relative;
+    width: 125px !important;
+    min-width: 125px;
+    max-width: 125px;
+
+    .arco-form-item-label-required-symbol {
+      position: absolute;
+      top: 50%;
+      left: -15px;
+      transform: translateY(-50%);
+    }
+  }
+}
+
+.input-w {
+  width: 100%;
+}

package/es/editDocMeta/style/index.css

@@ -0,0 +1,94 @@
+.form-adapter {
+  width: 100%;
+}
+.form-adapter :deep(.form-item-wrp) {
+  width: 100%;
+}
+.image-editor-modal .arco-modal {
+  height: 850px;
+}
+.image-editor-modal .arco-modal-body {
+  padding: 0;
+  height: 100%;
+  overflow: hidden;
+}
+.image-editor-iframe {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  border: 0;
+  outline: none;
+}
+.doc-meta-form-container {
+  padding: 40px 80px 20px 48px;
+}
+.doc-meta-form-container :deep(.arco-form-item-label) {
+  position: relative;
+  width: 125px !important;
+  min-width: 125px;
+  max-width: 125px;
+}
+.doc-meta-form-container :deep(.arco-form-item-label) .arco-form-item-label-required-symbol {
+  position: absolute;
+  top: 50%;
+  left: -15px;
+  transform: translateY(-50%);
+}
+.input-w {
+  width: 100%;
+}
+.sub-title-wrp {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 25px;
+}
+.sub-title-wrp .sub-left {
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  color: #3d3d3d;
+  transform: translateX(-24px);
+}
+.sub-title-wrp .sub-left::before {
+  content: '';
+  display: inline-block;
+  width: 4px;
+  height: 16px;
+  margin-right: 8px;
+  background: #165dff;
+}
+.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-edit-card .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;
+}
+.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,12 @@
+@import './Adapter.less';
+@import './docMetaForm.less';
+@import './CustomSubTitle.less';
+@import './ThumbEditCard.less';
+
+.edit-doc-meta-dialog-body {
+  padding: 0;
+}
+
+.edit-doc-meta-container {
+  // 主组件容器样式
+}

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,97 @@
   color: var(---primary-6, #165dff);
   background: var(---primary-1, #e8f3ff);
 }
+.form-adapter {
+  width: 100%;
+}
+.form-adapter :deep(.form-item-wrp) {
+  width: 100%;
+}
+.image-editor-modal .arco-modal {
+  height: 850px;
+}
+.image-editor-modal .arco-modal-body {
+  padding: 0;
+  height: 100%;
+  overflow: hidden;
+}
+.image-editor-iframe {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  border: 0;
+  outline: none;
+}
+.doc-meta-form-container {
+  padding: 40px 80px 20px 48px;
+}
+.doc-meta-form-container :deep(.arco-form-item-label) {
+  position: relative;
+  width: 125px !important;
+  min-width: 125px;
+  max-width: 125px;
+}
+.doc-meta-form-container :deep(.arco-form-item-label) .arco-form-item-label-required-symbol {
+  position: absolute;
+  top: 50%;
+  left: -15px;
+  transform: translateY(-50%);
+}
+.input-w {
+  width: 100%;
+}
+.sub-title-wrp {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 25px;
+}
+.sub-title-wrp .sub-left {
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  color: #3d3d3d;
+  transform: translateX(-24px);
+}
+.sub-title-wrp .sub-left::before {
+  content: '';
+  display: inline-block;
+  width: 4px;
+  height: 16px;
+  margin-right: 8px;
+  background: #165dff;
+}
+.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-edit-card .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;
+}
+.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';