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

package/lib/editDocMeta/components/Adapter.js

@@ -0,0 +1,210 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var FInput = require("./fields/FInput.js");
+var FSelect = require("./fields/FSelect.js");
+var FSwitch = require("./fields/FSwitch.js");
+var FThumb = require("./fields/FThumb.js");
+var FDate = require("./fields/FDate.js");
+var FRadio = require("./fields/FRadio.js");
+var FCheckbox = require("./fields/FCheckbox.js");
+var FCustom = require("./fields/FCustom.js");
+var FContentModel = require("./fields/FContentModel.js");
+var component = require("../../selectResourceModal/component.js");
+const _hoisted_1 = { class: "form-adapter" };
+const _hoisted_2 = {
+  key: 1,
+  style: { "padding": "10px", "color": "red", "border": "1px solid red" }
+};
+const _hoisted_3 = ["src"];
+const IMAGE_EDITOR_MSG_KEY = "ImageEditor";
+const _sfc_main = vue.defineComponent({
+  __name: "Adapter",
+  props: {
+    value: {},
+    formItem: {},
+    BASE_API: {},
+    domainId: {},
+    series: {},
+    payload: {},
+    userInfo: {}
+  },
+  emits: ["update:value", "upload", "cover-model-change"],
+  setup(__props, { emit: __emit }) {
+    const components = {
+      "input": FInput,
+      "select": FSelect,
+      "switch": FSwitch,
+      "thumb": FThumb,
+      "banner": FThumb,
+      "date": FDate,
+      "radio": FRadio,
+      "checkbox": FCheckbox,
+      "custom": FCustom,
+      "content-model": FContentModel
+    };
+    const props = __props;
+    const emits = __emit;
+    const mValue = vue.computed({
+      get: () => {
+        return props.value;
+      },
+      set: (value) => emits("update:value", value)
+    });
+    const resourceModalVisible = vue.ref(false);
+    const resourceModalProps = vue.ref(null);
+    const resourceModalCallback = vue.ref(null);
+    const userInfo = vue.computed(() => {
+      if (props.userInfo) {
+        return props.userInfo;
+      }
+      return {
+        domain_id: props.domainId || 1,
+        repository_id: 1
+      };
+    });
+    function handleResourceSelect(params) {
+      resourceModalProps.value = params;
+      resourceModalCallback.value = params.callback;
+      resourceModalVisible.value = true;
+    }
+    function handleResourceSubmit(data) {
+      if (resourceModalCallback.value) {
+        resourceModalCallback.value(data);
+      }
+      resourceModalVisible.value = false;
+      resourceModalProps.value = null;
+      resourceModalCallback.value = null;
+    }
+    const imageEditorVisible = vue.ref(false);
+    const imageEditorSrc = vue.ref("");
+    const imageEditorIframe = vue.ref(null);
+    const imageEditorCallback = vue.ref(null);
+    function getImageEditorUrl(url) {
+      var _a, _b;
+      const BASE_HOST = (_b = (_a = window.situoyun) == null ? void 0 : _a.env) == null ? void 0 : _b.BASE_HOST;
+      if (BASE_HOST) {
+        const HOST = `${BASE_HOST}/porat/#`;
+        return `${HOST}/imageEditor-plus?url=${encodeURIComponent(url)}`;
+      }
+      if (props.BASE_API) {
+        const baseHost = props.BASE_API.replace("/maple/v1", "");
+        return `${baseHost}/porat/#/imageEditor-plus?url=${encodeURIComponent(
+          url
+        )}`;
+      }
+      throw new Error("\u65E0\u6CD5\u6784\u9020\u56FE\u7247\u7F16\u8F91\u5668 URL\uFF1A\u7F3A\u5C11 BASE_HOST \u6216 BASE_API");
+    }
+    function handleImageEditorMessage(event) {
+      var _a;
+      if (((_a = event.data) == null ? void 0 : _a.key) !== IMAGE_EDITOR_MSG_KEY)
+        return;
+      const { type, data } = event.data.data || {};
+      const cb = imageEditorCallback.value;
+      if (type === "submit") {
+        if (cb) {
+          const editedUrl = (data == null ? void 0 : data.url) || "";
+          if (!editedUrl) {
+            cb("");
+            closeImageEditor();
+            return;
+          }
+          const result = { url: editedUrl, thumb: editedUrl };
+          cb(result);
+        }
+        closeImageEditor();
+      } else if (type === "cancel") {
+        if (cb)
+          cb("");
+        closeImageEditor();
+      }
+    }
+    function closeImageEditor() {
+      imageEditorVisible.value = false;
+      imageEditorSrc.value = "";
+      imageEditorCallback.value = null;
+      window.removeEventListener("message", handleImageEditorMessage);
+    }
+    function handleImageEditorLoad() {
+      window.addEventListener("message", handleImageEditorMessage);
+    }
+    function handleImageEdit(params) {
+      const { url, callback } = params;
+      if (!url) {
+        console.warn("\u56FE\u7247\u7F16\u8F91\uFF1A\u7F3A\u5C11\u56FE\u7247 URL");
+        return;
+      }
+      imageEditorCallback.value = callback;
+      window.postMessage({ key: "changeUrl", data: url }, "*");
+      imageEditorSrc.value = getImageEditorUrl(url);
+      imageEditorVisible.value = true;
+    }
+    function handlePreview(params) {
+      console.warn("\u9884\u89C8\u529F\u80FD\u5F85\u5B9E\u73B0", params);
+    }
+    vue.onBeforeUnmount(() => {
+      window.removeEventListener("message", handleImageEditorMessage);
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        components[__props.formItem.type] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(components[__props.formItem.type]), {
+          key: 0,
+          "m-value": mValue.value,
+          label: __props.formItem.label,
+          placeholder: (_a = __props.formItem.meta) == null ? void 0 : _a.placeholder,
+          meta: __props.formItem.meta,
+          BASE_API: __props.BASE_API,
+          "domain-id": __props.domainId,
+          series: __props.series,
+          payload: __props.payload,
+          "onUpdate:mValue": _cache[0] || (_cache[0] = (e) => mValue.value = e),
+          onUpload: _cache[1] || (_cache[1] = (e) => _ctx.$emit("upload", e)),
+          onResourceSelect: handleResourceSelect,
+          onImageEdit: handleImageEdit,
+          onPreview: handlePreview,
+          onCoverModelChange: _cache[2] || (_cache[2] = (model) => _ctx.$emit("cover-model-change", model))
+        }, null, 40, ["m-value", "label", "placeholder", "meta", "BASE_API", "domain-id", "series", "payload"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, " \u7EC4\u4EF6\u672A\u627E\u5230: " + vue.toDisplayString(__props.formItem.type) + " (\u5B57\u6BB5: " + vue.toDisplayString(__props.formItem.value) + ") ", 1)),
+        vue.createCommentVNode(" \u8D44\u6E90\u9009\u62E9\u5668 "),
+        resourceModalVisible.value && userInfo.value ? (vue.openBlock(), vue.createBlock(component, {
+          key: 2,
+          visible: resourceModalVisible.value,
+          "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => resourceModalVisible.value = $event),
+          BASE_API: __props.BASE_API,
+          userInfo: userInfo.value,
+          wrap: "modal",
+          maxcount: ((_c = (_b = resourceModalProps.value) == null ? void 0 : _b.data) == null ? void 0 : _c.maxcount) || 1,
+          filterOptions: (_e = (_d = resourceModalProps.value) == null ? void 0 : _d.data) == null ? void 0 : _e.filterOptions,
+          mediaUseType: (_g = (_f = resourceModalProps.value) == null ? void 0 : _f.data) == null ? void 0 : _g.mediaUseType,
+          aiThumbList: ((_i = (_h = resourceModalProps.value) == null ? void 0 : _h.data) == null ? void 0 : _i.aiThumbList) || [],
+          videoThumbOptions: ((_k = (_j = resourceModalProps.value) == null ? void 0 : _j.data) == null ? void 0 : _k.videoThumbOptions) || void 0,
+          onSubmit: handleResourceSubmit
+        }, null, 8, ["visible", "BASE_API", "userInfo", "maxcount", "filterOptions", "mediaUseType", "aiThumbList", "videoThumbOptions"])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u56FE\u7247\u7F16\u8F91\u5668 "),
+        imageEditorVisible.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Modal), {
+          key: 3,
+          visible: imageEditorVisible.value,
+          "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => imageEditorVisible.value = $event),
+          width: "1300px",
+          "mask-closable": false,
+          "unmount-on-close": "",
+          "hide-title": "",
+          footer: false,
+          class: "image-editor-modal"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("iframe", {
+              ref_key: "imageEditorIframe",
+              ref: imageEditorIframe,
+              class: "image-editor-iframe",
+              src: imageEditorSrc.value,
+              onLoad: handleImageEditorLoad
+            }, null, 40, _hoisted_3)
+          ]),
+          _: 1
+        }, 8, ["visible"])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/editDocMeta/components/CustomSubTitle.js

@@ -0,0 +1,22 @@
+"use strict";
+var vue = require("vue");
+const _hoisted_1 = { class: "sub-title-wrp" };
+const _hoisted_2 = { class: "sub-left" };
+const _hoisted_3 = { class: "sub-right" };
+const _sfc_main = vue.defineComponent({
+  __name: "CustomSubTitle",
+  props: {
+    title: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(__props.title), 1),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "right")
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/editDocMeta/components/ThumbEditCard.js

@@ -0,0 +1,76 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
+var component = require("../../thumbCard/component.js");
+const _hoisted_1 = { class: "thumb-edit-card" };
+const _hoisted_2 = { class: "thumb-drop-button" };
+const _hoisted_3 = { class: "thumb-drop-button" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "ThumbEditCard" },
+  __name: "ThumbEditCard",
+  props: {
+    item: {}
+  },
+  emits: ["edit", "handle"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createCommentVNode(" \u7F16\u8F91\u6A21\u5F0F\u4E0B\u53EF\u4F7F\u7528\u60AC\u6D6E\u6846\u5FEB\u901F\u63D2\u5165\u7D20\u6750 "),
+        !__props.item.url && !__props.item.meta ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Dropdown), {
+          key: 0,
+          class: "thumb-edit-card-dropdown",
+          trigger: "hover",
+          "trigger-props": { updateAtScroll: true },
+          onSelect: _cache[1] || (_cache[1] = (e) => emits("edit", e))
+        }, {
+          content: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Doption), { value: "resource" }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(vue.unref(vueCmstopIcons.IconResource)),
+                  _cache[3] || (_cache[3] = vue.createTextVNode(" \u7D20\u6750\u5E93\u9009\u62E9 ", -1))
+                ])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(webVue.Doption), { value: "local" }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_3, [
+                  vue.createVNode(vue.unref(vueCmstopIcons.IconComputer)),
+                  _cache[4] || (_cache[4] = vue.createTextVNode(" \u672C\u5730\u4E0A\u4F20 ", -1))
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: "thumb-add",
+              onClick: _cache[0] || (_cache[0] = ($event) => emits("edit", { key: "resource" }))
+            }, [
+              vue.createVNode(vue.unref(icon.IconPlus))
+            ])
+          ]),
+          _: 1
+        })) : (vue.openBlock(), vue.createBlock(component, {
+          key: 1,
+          catalog: "image",
+          "use-mask": "",
+          "handlers-key": [
+            { label: "\u7F16\u8F91", key: "edit" },
+            { label: "\u66FF\u6362", key: "replace" }
+          ],
+          url: (_a = __props.item) == null ? void 0 : _a.url,
+          thumb: (_b = __props.item) == null ? void 0 : _b.thumb,
+          meta: __props.item,
+          onHandle: _cache[2] || (_cache[2] = (e) => emits("handle", e))
+        }, null, 8, ["url", "thumb", "meta"]))
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;