@cmstops/pro-compo 3.10.5-nanning.2 → 3.10.5-stable.10

package/es/editDocMeta/components/fields/FContentModel.js

@@ -0,0 +1,82 @@
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createCommentVNode } from "vue";
+import { Button } from "@arco-design/web-vue";
+import { IconPlus, IconDelete } from "@arco-design/web-vue/es/icon";
+const _hoisted_1 = { class: "form-item-wrp form-content form-content-wrapper" };
+const _hoisted_2 = { class: "content-list-wrapper" };
+const _hoisted_3 = { class: "title" };
+const _sfc_main = defineComponent({
+  __name: "FContentModel",
+  props: {
+    mValue: {},
+    label: {},
+    placeholder: {},
+    meta: {}
+  },
+  emits: ["update:mValue", "select-content"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    computed({
+      get: () => props.mValue || [],
+      set: (value) => {
+        emits("update:mValue", value);
+      }
+    });
+    const contentList = computed({
+      get: () => {
+        return Array.isArray(props.mValue) ? props.mValue : [];
+      },
+      set: (value) => {
+        emits("update:mValue", value);
+      }
+    });
+    function handleClick() {
+      emits("select-content", {
+        meta: props.meta,
+        defaultSelectedData: contentList.value
+      });
+    }
+    function handleDelete(index) {
+      const newList = [...contentList.value];
+      newList.splice(index, 1);
+      contentList.value = newList;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Button), {
+          type: "primary",
+          onClick: handleClick
+        }, {
+          icon: withCtx(() => [
+            createVNode(unref(IconPlus))
+          ]),
+          default: withCtx(() => [
+            createTextVNode(" \u6DFB\u52A0\u76F8\u5173" + toDisplayString(__props.meta.label || "\u5185\u5BB9"), 1)
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", _hoisted_2, [
+          contentList.value && contentList.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(contentList.value, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "content-item-wrapper"
+            }, [
+              createElementVNode("div", _hoisted_3, toDisplayString(item.title || item.name || `\u9879\u76EE ${index + 1}`), 1),
+              createVNode(unref(Button), {
+                size: "mini",
+                type: "text",
+                onClick: ($event) => handleDelete(index)
+              }, {
+                icon: withCtx(() => [
+                  createVNode(unref(IconDelete))
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ]);
+          }), 128)) : createCommentVNode("v-if", true)
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/editDocMeta/components/fields/FCustom.js

@@ -0,0 +1,78 @@
+import { defineComponent, computed, toRef, openBlock, createElementBlock, createVNode, unref, isRef, createBlock, withCtx, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { Switch, RadioGroup, Radio } from "@arco-design/web-vue";
+import { IconInfoCircle } from "@arco-design/web-vue/es/icon";
+import { useMorn } from "./options/useCustom.js";
+const _hoisted_1 = { class: "form-item-wrp form-content form-custom-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "form-morn-item"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "form-morn-desc"
+};
+const _sfc_main = defineComponent({
+  __name: "FCustom",
+  props: {
+    mValue: {},
+    label: {},
+    placeholder: {},
+    meta: {}
+  },
+  emits: ["update:mValue"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const customType = computed(() => {
+      var _a;
+      return (_a = props.meta) == null ? void 0 : _a.type;
+    });
+    const modelValue = computed({
+      get: () => props.mValue,
+      set: (value) => {
+        emits("update:mValue", value);
+      }
+    });
+    const { mornSwitch, radioOptions } = useMorn(modelValue, toRef(props, "meta"));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        customType.value === "morn" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(unref(Switch), {
+            modelValue: unref(mornSwitch),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(mornSwitch) ? mornSwitch.value = $event : null)
+          }, null, 8, ["modelValue"]),
+          unref(mornSwitch) ? (openBlock(), createBlock(unref(RadioGroup), {
+            key: 0,
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(radioOptions), (item) => {
+                return openBlock(), createBlock(unref(Radio), {
+                  key: item.value,
+                  value: item.value
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])) : createCommentVNode("v-if", true),
+          unref(mornSwitch) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createVNode(unref(IconInfoCircle)),
+            modelValue.value === "1" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(" \u542F\u7528\u6B64\u9009\u9879\u540E\u8BE5\u7A3F\u4EF6\u5C06\u5728\u5BA2\u6237\u7AEF\u4FE1\u606F\u6D41\u5185\u4EE5\u9ED8\u8BA4\u9ED1\u767D\u6837\u5F0F\u5448\u73B0\u3002\u8BE5\u9009\u9879\u9002\u7528\u4E8E\uFF1A\u4EC5\u9700\u8981\u6307\u5B9A\u5185\u5BB9\u9ED8\u54C0\uFF0C\u65E0\u9700\u5BA2\u6237\u7AEF\u5168\u5C40\u9ED8\u54C0\u7684\u573A\u666F\u3002 ")
+            ], 64)) : createCommentVNode("v-if", true),
+            modelValue.value === "2" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(" \u542F\u7528\u6B64\u9009\u9879\u540E\u8BE5\u7A3F\u4EF6\u5C06\u5728\u5BA2\u6237\u7AEF\u5F3A\u5236\u5F69\u8272\u663E\u793A\uFF0C\u4E0D\u53D7\u5168\u5C40\u9ED8\u54C0\u914D\u7F6E\u7684\u5F71\u54CD\u3002\u8BE5\u9009\u9879\u9002\u7528\u4E8E\uFF1A\u5F53\u5BA2\u6237\u7AEF\u542F\u7528\u4E86\u5168\u5C40\u9ED8\u54C0\u6216\u9891\u9053\u9ED8\u54C0\u65F6\uFF0C\u671F\u671B\u6307\u5B9A\u5185\u5BB9\u5728\u4FE1\u606F\u6D41\u4FDD\u6301\u6B63\u5E38\u5F69\u8272\u663E\u793A\u7684\u573A\u666F\u3002 ")
+            ], 64)) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true)
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/editDocMeta/components/fields/FDate.js

@@ -0,0 +1,40 @@
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref } from "vue";
+import { DatePicker } from "@arco-design/web-vue";
+const _hoisted_1 = { class: "form-item-wrp form-content" };
+const _sfc_main = defineComponent({
+  __name: "FDate",
+  props: {
+    mValue: {},
+    label: {},
+    placeholder: {},
+    meta: {}
+  },
+  emits: ["update:mValue"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const modelValue = computed({
+      get: () => props.mValue,
+      set: (value) => {
+        if (value == null) {
+          emits("update:mValue", "");
+          return;
+        }
+        emits("update:mValue", value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(DatePicker), {
+          "model-value": modelValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+          style: { "width": "100%" },
+          "show-time": "",
+          format: "YYYY-MM-DD HH:mm",
+          "trigger-props": { updateAtScroll: true }
+        }, null, 8, ["model-value"])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/editDocMeta/components/fields/FInput.js

@@ -0,0 +1,115 @@
+import { defineComponent, computed, openBlock, createElementBlock, createBlock, resolveDynamicComponent, mergeProps, createSlots, withCtx, createElementVNode, toDisplayString } from "vue";
+import { InputNumber, Textarea, InputTag, Input } from "@arco-design/web-vue";
+const _hoisted_1 = { class: "form-item-wrp form-content form-input-wrp" };
+const _hoisted_2 = { class: "tag-count" };
+const _sfc_main = defineComponent({
+  __name: "FInput",
+  props: {
+    mValue: {},
+    label: {},
+    placeholder: {},
+    meta: {}
+  },
+  emits: ["update:mValue"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const type = computed(() => {
+      var _a;
+      return (_a = props.meta) == null ? void 0 : _a.type;
+    });
+    const modelValue = computed({
+      get: () => props.mValue,
+      set: (value) => {
+        if (type.value === "multi") {
+          const res = Array.isArray(props.mValue) ? value : [value];
+          emits("update:mValue", res);
+          return;
+        }
+        if (typeof props.mValue === "number" && value == null) {
+          emits("update:mValue", 0);
+          return;
+        }
+        emits("update:mValue", value);
+      }
+    });
+    const component = computed(() => {
+      if (type.value === "number")
+        return InputNumber;
+      if (type.value === "textarea")
+        return Textarea;
+      if (type.value === "multi")
+        return InputTag;
+      return Input;
+    });
+    const isShowMultiTagCount = computed(
+      () => {
+        var _a;
+        return type.value === "multi" && ((_a = props.meta) == null ? void 0 : _a.maxcount) && typeof modelValue.value !== "number";
+      }
+    );
+    const componentBind = computed(() => {
+      var _a, _b, _c;
+      const componentBindObj = {
+        number: {
+          type: "number",
+          mode: "button",
+          min: (_a = props.meta) == null ? void 0 : _a.min,
+          style: { width: "180px" }
+        },
+        multi: {
+          style: { width: "100%" }
+        },
+        textarea: {
+          type: "textarea",
+          showWordLimit: true,
+          maxLength: Number(props.meta.maxcount),
+          autoSize: {
+            minRows: 1,
+            maxRows: 10
+          },
+          style: { width: "100%" }
+        },
+        default: {
+          allowClear: true,
+          showWordLimit: true,
+          maxLength: Number((_b = props.meta) == null ? void 0 : _b.maxcount) || Number((_c = props.meta) == null ? void 0 : _c.maxLength),
+          style: { width: "100%" }
+        }
+      };
+      const result = {
+        placeholder: props.placeholder || "\u8BF7\u8F93\u5165",
+        ...componentBindObj[type.value] || componentBindObj.default
+      };
+      return result;
+    });
+    function handleValueChange(e) {
+      var _a;
+      if (type.value === "multi" && Array.isArray(e)) {
+        if (((_a = props.meta) == null ? void 0 : _a.maxcount) && e.length > props.meta.maxcount) {
+          return;
+        }
+        modelValue.value = [...new Set(e)];
+        return;
+      }
+      modelValue.value = e;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(), createBlock(resolveDynamicComponent(component.value), mergeProps({ "model-value": modelValue.value }, componentBind.value, { "onUpdate:modelValue": handleValueChange }), createSlots({ _: 2 }, [
+          isShowMultiTagCount.value ? {
+            name: "suffix",
+            fn: withCtx(() => {
+              var _a;
+              return [
+                createElementVNode("div", _hoisted_2, toDisplayString(modelValue.value.length) + "/" + toDisplayString((_a = __props.meta) == null ? void 0 : _a.maxcount), 1)
+              ];
+            }),
+            key: "0"
+          } : void 0
+        ]), 1040, ["model-value"]))
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/editDocMeta/components/fields/FRadio.js

@@ -0,0 +1,60 @@
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
+import { RadioGroup, Radio } from "@arco-design/web-vue";
+const _hoisted_1 = { class: "form-item-wrp form-content form-radio-wrp" };
+const _sfc_main = defineComponent({
+  __name: "FRadio",
+  props: {
+    mValue: { type: [String, Number, Boolean] },
+    label: {},
+    placeholder: {},
+    meta: {}
+  },
+  emits: ["update:mValue"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const options = computed(() => {
+      var _a;
+      if (((_a = props.meta) == null ? void 0 : _a.options) && Array.isArray(props.meta.options)) {
+        return props.meta.options;
+      }
+      return [];
+    });
+    const modelValue = computed({
+      get: () => {
+        return props.mValue != null ? String(props.mValue) : props.mValue;
+      },
+      set: (value) => {
+        emits("update:mValue", value);
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(RadioGroup), {
+          "model-value": modelValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+          direction: ((_a = __props.meta) == null ? void 0 : _a.direction) || "horizontal",
+          size: ((_b = __props.meta) == null ? void 0 : _b.size) || "medium"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
+              return openBlock(), createBlock(unref(Radio), {
+                key: option.value,
+                value: option.value,
+                disabled: option.disabled
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(option.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value", "disabled"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "direction", "size"])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/editDocMeta/components/fields/FSelect.js

@@ -0,0 +1,202 @@
+import { defineComponent, computed, ref, watch, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
+import { Select, Option } from "@arco-design/web-vue";
+import { getBylineTemplates, getAllDutyEditor } from "../../script/api.js";
+import { getConfiguration } from "../../../hooks/source.js";
+const _hoisted_1 = ["id"];
+const _sfc_main = defineComponent({
+  __name: "FSelect",
+  props: {
+    mValue: {},
+    label: {},
+    placeholder: {},
+    meta: {},
+    value: {},
+    BASE_API: {},
+    domainId: {}
+  },
+  emits: ["update:mValue"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const modelValue = computed({
+      get: () => props.mValue,
+      set: (value) => {
+        emits("update:mValue", value);
+      }
+    });
+    const options = ref([]);
+    const loadOptions = async () => {
+      var _a, _b, _c;
+      if (!((_a = props.meta) == null ? void 0 : _a.key)) {
+        if ((_b = props.meta) == null ? void 0 : _b.options) {
+          options.value = props.meta.options;
+        }
+        return;
+      }
+      try {
+        if (props.meta.key === "signature_template_id") {
+          if (!props.BASE_API) {
+            console.warn("signature_template_id \u9700\u8981 BASE_API");
+            return;
+          }
+          console.log("\u5F00\u59CB\u52A0\u8F7D\u7F72\u540D\u6A21\u7248\u9009\u9879\uFF0CBASE_API:", props.BASE_API);
+          const { code, message } = await getBylineTemplates(props.BASE_API, {
+            default_top: true
+          });
+          console.log("\u7F72\u540D\u6A21\u7248\u63A5\u53E3\u8FD4\u56DE:", { code, message });
+          if (code === 0 && Array.isArray(message)) {
+            const formattedOptions = message.map((item) => ({
+              label: item.title,
+              value: String(item.id),
+              meta: item
+            }));
+            formattedOptions.unshift({
+              label: "\u4E0D\u4F7F\u7528\u7F72\u540D\u6A21\u677F",
+              value: "0"
+            });
+            options.value = formattedOptions;
+            console.log("\u7F72\u540D\u6A21\u7248\u9009\u9879\u52A0\u8F7D\u5B8C\u6210:", options.value);
+          }
+        } else if (props.meta.key === "dutys") {
+          const { code, message } = await getAllDutyEditor(props.BASE_API);
+          if (code === 0 && (message == null ? void 0 : message.data)) {
+            options.value = message.data.map((item) => ({
+              label: item.name || item.alias,
+              value: item.id
+            }));
+          }
+        } else if (props.meta.key === "sources" && props.domainId) {
+          const { code, message } = await getConfiguration(props.BASE_API, {
+            domain_id: props.domainId,
+            module: "doc_config",
+            key: "restaurants"
+          });
+          if (code === 0 && message && message.length > 0) {
+            const sources = JSON.parse(message[message.length - 1].value);
+            options.value = sources.map((item) => ({
+              label: item.name || item,
+              value: item.id || item
+            }));
+          }
+        } else if ((_c = props.meta) == null ? void 0 : _c.options) {
+          options.value = props.meta.options;
+        }
+      } catch (error) {
+        console.error("\u52A0\u8F7D\u9009\u9879\u5931\u8D25:", error);
+      }
+    };
+    function initDefault() {
+      var _a;
+      if (((_a = props.meta) == null ? void 0 : _a.key) === "signature_template_id" && !modelValue.value) {
+        const defaultItem = options.value.find(
+          (opt) => {
+            var _a2, _b;
+            return ((_a2 = opt.meta) == null ? void 0 : _a2.is_default) || ((_b = opt.meta) == null ? void 0 : _b.default) === true;
+          }
+        );
+        if (defaultItem) {
+          modelValue.value = defaultItem.value;
+          return;
+        }
+        if (options.value.length > 0) {
+          modelValue.value = options.value[0].value;
+        }
+      }
+    }
+    async function loadSignatureTemplates() {
+      var _a;
+      if (((_a = props.meta) == null ? void 0 : _a.key) === "signature_template_id" && props.BASE_API) {
+        try {
+          console.log("\u5F00\u59CB\u52A0\u8F7D\u7F72\u540D\u6A21\u7248\u9009\u9879\uFF0CBASE_API:", props.BASE_API);
+          const { code, message } = await getBylineTemplates(props.BASE_API, {
+            default_top: true
+          });
+          console.log("\u7F72\u540D\u6A21\u7248\u63A5\u53E3\u8FD4\u56DE:", { code, message });
+          if (code === 0 && Array.isArray(message)) {
+            const formattedOptions = message.map((item) => ({
+              label: item.title,
+              value: String(item.id),
+              meta: item
+            }));
+            formattedOptions.unshift({
+              label: "\u4E0D\u4F7F\u7528\u7F72\u540D\u6A21\u677F",
+              value: "0"
+            });
+            options.value = formattedOptions;
+            console.log("\u7F72\u540D\u6A21\u7248\u9009\u9879\u52A0\u8F7D\u5B8C\u6210:", options.value);
+            initDefault();
+          }
+        } catch (error) {
+          console.error("\u52A0\u8F7D\u7F72\u540D\u6A21\u7248\u5931\u8D25:", error);
+        }
+      }
+    }
+    watch(
+      () => props.meta,
+      () => {
+        var _a;
+        if (((_a = props.meta) == null ? void 0 : _a.key) === "signature_template_id") {
+          return;
+        }
+        loadOptions();
+      },
+      { deep: true, immediate: true }
+    );
+    watch(
+      () => options.value.length,
+      () => {
+        var _a;
+        if (((_a = props.meta) == null ? void 0 : _a.key) === "signature_template_id") {
+          return;
+        }
+        initDefault();
+      }
+    );
+    onMounted(async () => {
+      var _a;
+      if (((_a = props.meta) == null ? void 0 : _a.key) === "signature_template_id") {
+        await loadSignatureTemplates();
+      } else {
+        loadOptions();
+        initDefault();
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("div", {
+        id: `form-item-${__props.value}`,
+        class: "form-item-wrp form-content form-select-wrp"
+      }, [
+        createVNode(unref(Select), {
+          "model-value": modelValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+          multiple: (_a = __props.meta) == null ? void 0 : _a.isMultiple,
+          "allow-search": (_b = __props.meta) == null ? void 0 : _b.isSearch,
+          placeholder: __props.placeholder || "\u8BF7\u9009\u62E9",
+          limit: ((_c = __props.meta) == null ? void 0 : _c.maxcount) || 0,
+          "trigger-props": { updateAtScroll: true },
+          "popup-container": __props.value ? `#form-item-${__props.value}` : void 0,
+          "allow-clear": ""
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
+              return openBlock(), createBlock(unref(Option), {
+                key: option.value,
+                value: option.value,
+                label: option.label,
+                disabled: option.disabled
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(option.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value", "label", "disabled"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "multiple", "allow-search", "placeholder", "limit", "popup-container"])
+      ], 8, _hoisted_1);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/editDocMeta/components/fields/FSwitch.js

@@ -0,0 +1,31 @@
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref } from "vue";
+import { Switch } from "@arco-design/web-vue";
+const _hoisted_1 = { class: "form-item-wrp form-content" };
+const _sfc_main = defineComponent({
+  __name: "FSwitch",
+  props: {
+    mValue: { type: Boolean },
+    label: {},
+    meta: {}
+  },
+  emits: ["update:mValue"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const modelValue = computed({
+      get: () => props.mValue,
+      set: (value) => {
+        emits("update:mValue", value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Switch), {
+          "model-value": modelValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+        }, null, 8, ["model-value"])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };