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

package/es/editMetaInfo/components/metaInfoForm.js

@@ -1,9 +1,9 @@
-import { defineComponent, ref, computed, watch, onMounted, openBlock, createBlock, unref, withCtx, createVNode, withDirectives, vShow, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode, withDirectives, vShow, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { Form, FormItem, Input, InputTag, Select, Option, Switch, DatePicker, InputNumber, RadioGroup, Radio, Message } from "@arco-design/web-vue";
 import { IconInfoCircle } from "@arco-design/web-vue/es/icon";
 import { docSeries } from "../../utils/doc.js";
 import _sfc_main$1 from "../../selectThumb/component.js";
-import { getAllDutyEditor } from "../script/api.js";
+import { getAllDutyEditor, getBackendUsers } from "../script/api.js";
 import { DEFAULT_BASE_API } from "../../config.js";
 import { validateForm } from "../../utils/index.js";
 import useLoadSourceInfo from "../../hooks/source.js";
@@ -29,7 +29,9 @@ const _sfc_main = defineComponent({
     titleValid: { type: Boolean },
     topImageTitleValid: { type: Boolean },
     BASE_API: {},
-    sourceStore: {}
+    sourceStore: {},
+    extendedFieldsConfig: {},
+    domainId: {}
   },
   emits: ["upload"],
   setup(__props, { expose: __expose }) {
@@ -66,7 +68,8 @@ const _sfc_main = defineComponent({
       comment_available: false,
       is_recommend: false,
       album_status: false,
-      mourn_style: 0
+      mourn_style: 0,
+      ext_meta: {}
     });
     const silenceOptions = ref(false);
     const tips = ref([
@@ -109,17 +112,52 @@ const _sfc_main = defineComponent({
       ].includes(series.value);
     });
     const dutyEditorOptions = ref([]);
+    const backendUsersOptions = ref([]);
     const getAllDutyEditorOption = async () => {
       const { code, message } = await getAllDutyEditor(BASE_API);
       if (code === 0) {
         dutyEditorOptions.value = message.data.map((item) => {
           return {
             value: item.alias,
-            label: item.alias
+            label: item.alias,
+            id: item.id,
+            name: item.name,
+            uid: item.uid || ""
           };
         });
       }
     };
+    const getBackendUsersOption = async () => {
+      if (!props.domainId) {
+        console.warn("domainId \u672A\u63D0\u4F9B\uFF0C\u65E0\u6CD5\u83B7\u53D6\u540E\u53F0\u7528\u6237\u5217\u8868");
+        return;
+      }
+      try {
+        const { code, message } = await getBackendUsers(BASE_API, {
+          domainId: props.domainId,
+          limit: 1e4,
+          offset: 0
+        });
+        if (code === 0 && (message == null ? void 0 : message.users)) {
+          backendUsersOptions.value = message.users.map((item) => {
+            return {
+              value: item.uid,
+              label: item.alias,
+              id: item.id,
+              name: item.name,
+              uid: item.uid
+            };
+          });
+          console.log(
+            "\u540E\u53F0\u7528\u6237\u5217\u8868\u52A0\u8F7D\u6210\u529F:",
+            backendUsersOptions.value.length,
+            "\u4E2A\u7528\u6237"
+          );
+        }
+      } catch (error) {
+        console.error("\u83B7\u53D6\u540E\u53F0\u7528\u6237\u5217\u8868\u5931\u8D25:", error);
+      }
+    };
     const defaultSourceValue = computed(() => {
       const defaultValue = SourceInfo.value.find((x) => x.default);
       return defaultValue ? defaultValue.value : "";
@@ -196,7 +234,54 @@ const _sfc_main = defineComponent({
       delete data.line_time;
       delete data.ori_count;
       delete data.aiRelated;
+      if (data.ext_meta && props.extendedFieldsConfig) {
+        const processedExtMeta = {};
+        props.extendedFieldsConfig.forEach((field) => {
+          const value = data.ext_meta[field.var_name];
+          if (value === void 0 || value === null || value === "") {
+            return;
+          }
+          switch (field.var_type) {
+            case "datetime":
+              if (typeof value === "string") {
+                if (field.date_format === "2006-01-02") {
+                  const [dateOnly] = value.split(" ");
+                  processedExtMeta[field.var_name] = dateOnly;
+                } else {
+                  const parts = value.split(":");
+                  if (parts.length === 3) {
+                    processedExtMeta[field.var_name] = `${parts[0]}:${parts[1]}`;
+                  } else {
+                    processedExtMeta[field.var_name] = value;
+                  }
+                }
+              } else {
+                processedExtMeta[field.var_name] = value;
+              }
+              break;
+            case "multi_selection":
+              processedExtMeta[field.var_name] = Array.isArray(value) ? value : [];
+              break;
+            case "selection":
+              processedExtMeta[field.var_name] = value;
+              break;
+            case "backend_user":
+              processedExtMeta[field.var_name] = value;
+              break;
+            case "switch":
+              processedExtMeta[field.var_name] = !!value;
+              break;
+            default:
+              processedExtMeta[field.var_name] = value;
+          }
+        });
+        data.ext_meta = JSON.stringify(processedExtMeta);
+      } else {
+        delete data.ext_meta;
+      }
       Object.keys(data).map((key) => {
+        if (key === "ext_meta")
+          return key;
         if (typeof data[key] !== "string") {
           data[key] += "";
         }
@@ -227,6 +312,63 @@ const _sfc_main = defineComponent({
       data.statement = data.statement !== "false";
       data.is_recommend = data.is_recommend !== "false";
       data.album_status = data.album_status !== "0";
+      if (data.ext_meta) {
+        if (typeof data.ext_meta === "string") {
+          try {
+            data.ext_meta = JSON.parse(data.ext_meta);
+          } catch (e) {
+            console.error("\u89E3\u6790 ext_meta \u5931\u8D25:", e);
+            data.ext_meta = {};
+          }
+        }
+        if (props.extendedFieldsConfig) {
+          props.extendedFieldsConfig.forEach((field) => {
+            const value = data.ext_meta[field.var_name];
+            if (value !== void 0 && value !== null) {
+              if (field.var_type === "datetime" && value) {
+                if (typeof value === "number") {
+                  const date = new Date(value * 1e3);
+                  const year = date.getFullYear();
+                  const month = String(date.getMonth() + 1).padStart(2, "0");
+                  const day = String(date.getDate()).padStart(2, "0");
+                  const hour = String(date.getHours()).padStart(2, "0");
+                  const minute = String(date.getMinutes()).padStart(2, "0");
+                  const second = String(date.getSeconds()).padStart(2, "0");
+                  if (field.date_format === "2006-01-02") {
+                    data.ext_meta[field.var_name] = `${year}-${month}-${day}`;
+                  } else {
+                    data.ext_meta[field.var_name] = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+                  }
+                } else if (typeof value === "string") {
+                  data.ext_meta[field.var_name] = value;
+                }
+              }
+              if (field.var_type === "multi_selection" && value) {
+                if (Array.isArray(value)) {
+                  data.ext_meta[field.var_name] = value.map(
+                    (item) => typeof item === "object" ? item.key : item
+                  );
+                }
+              }
+              if (field.var_type === "backend_user" && value) {
+                if (typeof value === "object") {
+                  data.ext_meta[field.var_name] = value.uid || value.id;
+                }
+              }
+              if (field.var_type === "selection" && value) {
+                if (typeof value === "object") {
+                  data.ext_meta[field.var_name] = value.key || value;
+                }
+              }
+              if (field.var_type === "switch") {
+                data.ext_meta[field.var_name] = !!value;
+              }
+            }
+          });
+        }
+      } else {
+        data.ext_meta = {};
+      }
       Object.assign(form.value, data);
     };
     watch(silenceOptions, (newVal, oldVal) => {
@@ -267,6 +409,20 @@ const _sfc_main = defineComponent({
       },
       { immediate: true }
     );
+    watch(
+      () => props.extendedFieldsConfig,
+      (newConfig) => {
+        if (newConfig && newConfig.length > 0) {
+          const hasBackendUserField = newConfig.some(
+            (field) => field.var_type === "backend_user"
+          );
+          if (hasBackendUserField) {
+            getBackendUsersOption();
+          }
+        }
+      },
+      { immediate: true }
+    );
     onMounted(() => {
       getAllDutyEditorOption();
       if (props.sourceStore) {
@@ -279,6 +435,7 @@ const _sfc_main = defineComponent({
       getFormData
     });
     return (_ctx, _cache) => {
+      const _component_a_textarea = resolveComponent("a-textarea");
       return openBlock(), createBlock(unref(Form), {
         ref_key: "metaInfoFormRef",
         ref: metaInfoFormRef,
@@ -783,7 +940,191 @@ const _sfc_main = defineComponent({
               ])) : createCommentVNode("v-if", true)
             ]),
             _: 1
-          })
+          }),
+          createCommentVNode(" \u6269\u5C55\u5B57\u6BB5\u533A\u57DF "),
+          __props.extendedFieldsConfig && __props.extendedFieldsConfig.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.extendedFieldsConfig, (field) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: field.var_name
+            }, [
+              createCommentVNode(" \u6587\u672C\u7C7B\u578B "),
+              field.var_type === "text" ? (openBlock(), createBlock(unref(FormItem), {
+                key: 0,
+                field: `ext_meta.${field.var_name}`,
+                label: field.name
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Input), {
+                    modelValue: form.value.ext_meta[field.var_name],
+                    "onUpdate:modelValue": ($event) => form.value.ext_meta[field.var_name] = $event,
+                    placeholder: `\u8BF7\u8F93\u5165${field.name}`,
+                    "max-length": field.max_length || 100,
+                    "allow-clear": "",
+                    class: "input-w"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "max-length"])
+                ]),
+                _: 2
+              }, 1032, ["field", "label"])) : field.var_type === "textarea" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createCommentVNode(" \u6587\u672C\u57DF\u7C7B\u578B "),
+                createVNode(unref(FormItem), {
+                  field: `ext_meta.${field.var_name}`,
+                  label: field.name
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_a_textarea, {
+                      modelValue: form.value.ext_meta[field.var_name],
+                      "onUpdate:modelValue": ($event) => form.value.ext_meta[field.var_name] = $event,
+                      placeholder: `\u8BF7\u8F93\u5165${field.name}`,
+                      "max-length": field.max_length || 500,
+                      "allow-clear": "",
+                      class: "input-w"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "max-length"])
+                  ]),
+                  _: 2
+                }, 1032, ["field", "label"])
+              ], 2112)) : field.var_type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                createCommentVNode(" \u6570\u5B57\u7C7B\u578B "),
+                createVNode(unref(FormItem), {
+                  field: `ext_meta.${field.var_name}`,
+                  label: field.name,
+                  class: "horizontal"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(InputNumber), {
+                      modelValue: form.value.ext_meta[field.var_name],
+                      "onUpdate:modelValue": ($event) => form.value.ext_meta[field.var_name] = $event,
+                      placeholder: `\u8BF7\u8F93\u5165${field.name}`,
+                      style: { width: "240px" }
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                  ]),
+                  _: 2
+                }, 1032, ["field", "label"])
+              ], 2112)) : field.var_type === "selection" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+                createCommentVNode(" \u5355\u9009\u7C7B\u578B "),
+                createVNode(unref(FormItem), {
+                  field: `ext_meta.${field.var_name}`,
+                  label: field.name
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Select), {
+                      modelValue: form.value.ext_meta[field.var_name],
+                      "onUpdate:modelValue": ($event) => form.value.ext_meta[field.var_name] = $event,
+                      placeholder: `\u8BF7\u9009\u62E9${field.name}`,
+                      class: "input-w",
+                      "allow-clear": ""
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(field.select_options || [], (option) => {
+                          return openBlock(), createBlock(unref(Option), {
+                            key: option.key,
+                            value: option.key,
+                            label: option.value
+                          }, null, 8, ["value", "label"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                  ]),
+                  _: 2
+                }, 1032, ["field", "label"])
+              ], 2112)) : field.var_type === "multi_selection" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+                createCommentVNode(" \u591A\u9009\u7C7B\u578B "),
+                createVNode(unref(FormItem), {
+                  field: `ext_meta.${field.var_name}`,
+                  label: field.name
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Select), {
+                      modelValue: form.value.ext_meta[field.var_name],
+                      "onUpdate:modelValue": ($event) => form.value.ext_meta[field.var_name] = $event,
+                      placeholder: `\u8BF7\u9009\u62E9${field.name}`,
+                      class: "input-w",
+                      multiple: "",
+                      "allow-clear": ""
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(field.select_options || [], (option) => {
+                          return openBlock(), createBlock(unref(Option), {
+                            key: option.key,
+                            value: option.key,
+                            label: option.value
+                          }, null, 8, ["value", "label"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                  ]),
+                  _: 2
+                }, 1032, ["field", "label"])
+              ], 2112)) : field.var_type === "datetime" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+                createCommentVNode(" \u65E5\u671F\u65F6\u95F4\u7C7B\u578B "),
+                createVNode(unref(FormItem), {
+                  field: `ext_meta.${field.var_name}`,
+                  label: field.name,
+                  class: "horizontal"
+                }, {
+                  default: withCtx(() => {
+                    var _a;
+                    return [
+                      createVNode(unref(DatePicker), {
+                        modelValue: form.value.ext_meta[field.var_name],
+                        "onUpdate:modelValue": ($event) => form.value.ext_meta[field.var_name] = $event,
+                        "show-time": (_a = field.date_format) == null ? void 0 : _a.includes("15:04"),
+                        placeholder: `\u8BF7\u9009\u62E9${field.name}`,
+                        "time-picker-props": { defaultValue: "12:00:00" },
+                        format: field.date_format === "2006-01-02" ? "YYYY-MM-DD" : "YYYY-MM-DD HH:mm",
+                        "value-format": "YYYY-MM-DD HH:mm:ss"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "show-time", "placeholder", "format"])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["field", "label"])
+              ], 2112)) : field.var_type === "backend_user" ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+                createCommentVNode(" \u540E\u53F0\u7528\u6237\u7C7B\u578B "),
+                createVNode(unref(FormItem), {
+                  field: `ext_meta.${field.var_name}`,
+                  label: field.name
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Select), {
+                      modelValue: form.value.ext_meta[field.var_name],
+                      "onUpdate:modelValue": ($event) => form.value.ext_meta[field.var_name] = $event,
+                      placeholder: `\u8BF7\u9009\u62E9${field.name}`,
+                      class: "input-w",
+                      filterable: "",
+                      "allow-clear": ""
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(backendUsersOptions.value, (user) => {
+                          return openBlock(), createBlock(unref(Option), {
+                            key: user.value,
+                            value: user.value,
+                            label: user.label
+                          }, null, 8, ["value", "label"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                  ]),
+                  _: 2
+                }, 1032, ["field", "label"])
+              ], 2112)) : field.var_type === "switch" ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
+                createCommentVNode(" \u5F00\u5173\u7C7B\u578B "),
+                createVNode(unref(FormItem), {
+                  field: `ext_meta.${field.var_name}`,
+                  label: field.name,
+                  class: "horizontal"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Switch), {
+                      modelValue: form.value.ext_meta[field.var_name],
+                      "onUpdate:modelValue": ($event) => form.value.ext_meta[field.var_name] = $event
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1032, ["field", "label"])
+              ], 2112)) : createCommentVNode("v-if", true)
+            ], 64);
+          }), 128)) : createCommentVNode("v-if", true)
         ]),
         _: 1
       }, 8, ["model"]);

package/es/editMetaInfo/script/api.js

@@ -14,4 +14,23 @@ function getAllDutyEditor(BASE_API, params) {
     method: "get"
   });
 }
-export { getAllDutyEditor, getDocDetailsNew };
+function getEnabledExtendedFields(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/extend-fields/pubmedia/fields/enabled",
+    method: "get",
+    params
+  });
+}
+function getBackendUsers(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/accounts/${params.domainId}`,
+    method: "get",
+    params: {
+      keywords: params.keywords || "",
+      limit: params.limit || 1e4,
+      offset: params.offset || 0,
+      where: "state:0,role:0"
+    }
+  });
+}
+export { getAllDutyEditor, getBackendUsers, getDocDetailsNew, getEnabledExtendedFields };

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