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

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';

package/es/style.css

@@ -10,12 +10,74 @@
   line-height: 12px;
   font-size: 18px;
 }
+.doc-meta-form-container[data-v-7041fd1e] {
+  padding: 40px 80px 20px 48px;
+}
+.doc-meta-form-container[data-v-7041fd1e] .arco-form-item-label {
+  position: relative;
+  width: 125px !important;
+  min-width: 125px;
+  max-width: 125px;
+}
+.doc-meta-form-container[data-v-7041fd1e] .arco-form-item-label .arco-form-item-label-required-symbol {
+  position: absolute;
+  top: 50%;
+  left: -15px;
+  transform: translateY(-50%);
+}
+.input-w[data-v-7041fd1e] {
+  width: 100%;
+}
 .content-tabs[data-v-00adfb7c] .arco-tabs-content {
   padding: 0;
 }
 .add-content-modal-body[data-v-00adfb7c] {
   padding: 0;
 }
+.sub-title-wrp[data-v-bb89ee54] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 25px;
+}
+.sub-title-wrp .sub-left[data-v-bb89ee54] {
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  color: #3d3d3d;
+  transform: translateX(-24px);
+}
+.sub-title-wrp .sub-left[data-v-bb89ee54]::before {
+  content: '';
+  display: inline-block;
+  width: 4px;
+  height: 16px;
+  margin-right: 8px;
+  background: #165dff;
+}
+.form-adapter[data-v-574180c8] {
+  width: 100%;
+}
+.form-adapter[data-v-574180c8] .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;
+}
 .view-all-column-container[data-v-01c2d0b8] {
   display: flex;
   flex-direction: column;
@@ -67,3 +129,219 @@
   color: #999;
   font-size: 12px;
 }
+.form-item-wrp[data-v-090be14c] {
+  width: 100%;
+}
+.form-item-wrp[data-v-52fbb29a] {
+  width: 100%;
+}
+.form-item-wrp[data-v-a36a6014] {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp[data-v-a36a6014] {
+  width: 100%;
+  display: block;
+}
+.form-input-wrp[data-v-a36a6014] .arco-input,
+.form-input-wrp[data-v-a36a6014] .arco-input-number,
+.form-input-wrp[data-v-a36a6014] .arco-textarea,
+.form-input-wrp[data-v-a36a6014] .arco-input-tag {
+  width: 100%;
+}
+.form-input-wrp .tag-count[data-v-a36a6014] {
+  color: var(--color-text-3);
+  font-size: 12px;
+  user-select: none;
+}
+.form-thumb-wrap[data-v-4f91c880] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  line-height: 32px;
+}
+.form-thumb-wrap .thumb-list[data-v-4f91c880] {
+  display: flex;
+  flex-direction: column;
+}
+.form-thumb-wrap .thumb-list .thumb-tip[data-v-4f91c880] {
+  color: var(--color-text-3);
+  font-size: 12px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap[data-v-4f91c880] {
+  position: relative;
+  display: flex;
+  gap: 10px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-item[data-v-4f91c880] {
+  position: relative;
+  width: 110px;
+  aspect-ratio: 4 / 3;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn[data-v-4f91c880] {
+  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;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-item:hover .thumb-remove-btn[data-v-4f91c880] {
+  opacity: 1;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .thumb-remove-btn[data-v-4f91c880]:hover {
+  background: #666;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .no-thumb-tips[data-v-4f91c880] {
+  line-height: 24px;
+}
+.form-thumb-wrap .thumb-list .thumb-list-wrap .card-preview[data-v-4f91c880] {
+  align-self: flex-end;
+  width: 40px;
+  line-height: 1;
+  white-space: nowrap;
+}
+.form-thumb-wrap .thumb-list span[data-v-4f91c880] {
+  color: var(--color-text-2);
+}
+.color-radio-group[data-v-4f91c880] {
+  overflow: hidden;
+}
+.color-radio-group .arco-radio-button[data-v-4f91c880] {
+  position: relative;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  overflow: hidden !important;
+  font-size: 0 !important;
+  background: transparent !important;
+  border-width: 0 !important;
+  box-shadow: none !important;
+}
+.color-radio-group .arco-radio-button.arco-radio-checked[data-v-4f91c880]::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[data-v-4f91c880] {
+  width: 32px;
+  height: 32px;
+  padding: 0 2px;
+  border: none;
+}
+.form-checkbox-wrp[data-v-e60aa702] {
+  width: 100%;
+}
+.form-checkbox-wrp[data-v-e60aa702] .arco-checkbox-group {
+  width: 100%;
+}
+.form-checkbox-wrp[data-v-e60aa702] .arco-checkbox {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-checkbox-wrp[data-v-e60aa702] .arco-checkbox:last-child {
+  margin-right: 0;
+}
+.form-radio-wrp[data-v-0fc87d34] {
+  width: 100%;
+}
+.form-radio-wrp[data-v-0fc87d34] .arco-radio-group {
+  width: 100%;
+}
+.form-radio-wrp[data-v-0fc87d34] .arco-radio {
+  margin-right: 16px;
+  margin-bottom: 8px;
+}
+.form-radio-wrp[data-v-0fc87d34] .arco-radio:last-child {
+  margin-right: 0;
+}
+.form-custom-wrapper[data-v-255c65a6] {
+  width: 100%;
+}
+.form-custom-wrapper .form-morn-item[data-v-255c65a6] {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: start;
+  margin-top: 3px;
+}
+.form-custom-wrapper .form-morn-item .form-morn-desc[data-v-255c65a6] {
+  color: #86909c;
+  font-size: 12px;
+  line-height: 20px;
+}
+.form-item-wrp[data-v-0b441498] {
+  width: 100%;
+}
+.form-content-wrapper[data-v-12f6ab5a] {
+  width: 100%;
+}
+.form-content-wrapper .content-list-wrapper[data-v-12f6ab5a] {
+  margin-top: 10px;
+  display: flex;
+  flex-direction: column;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper[data-v-12f6ab5a] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 9px 12px;
+  border: 1px solid #e5e6eb;
+  cursor: pointer;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper[data-v-12f6ab5a]:hover {
+  background-color: #f7f8fa;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper[data-v-12f6ab5a]:not(:first-child) {
+  border-top: none;
+}
+.form-content-wrapper .content-list-wrapper .content-item-wrapper .title[data-v-12f6ab5a] {
+  flex: 1;
+  line-height: 22px;
+}
+.thumb-edit-card[data-v-30915b66] {
+  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[data-v-30915b66] {
+  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[data-v-30915b66] {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: 14px;
+}

package/lib/contentModal/component.js

@@ -140,6 +140,7 @@ const _sfc_main = vue.defineComponent({
                     key: 0,
                     banner: typeDataController.value.docBanner,
                     "default-selected-data": selectedData.value,
+                    "default-order": typeDataController.value.docDefaultOrder,
                     "max-select": __props.maxSelect,
                     series: typeDataController.value.docSeries,
                     "type-data": typeDataController.value,
@@ -165,7 +166,7 @@ const _sfc_main = vue.defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["banner", "default-selected-data", "max-select", "series", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["banner", "default-selected-data", "default-order", "max-select", "series", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),