@cmstops/pro-compo 0.1.20 → 0.1.21

package/lib/editMetaInfo/component.js

@@ -0,0 +1,88 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var api = require("./script/api.js");
+var metaInfoForm = require("./components/metaInfoForm.js");
+var dialogVisible = require("../hooks/dialogVisible.js");
+var config = require("../config.js");
+const _hoisted_1 = { class: "edit-meta-info-container" };
+const _hoisted_2 = { style: { "padding": "20px" } };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "editMetaInfo" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    visible: { type: Boolean },
+    hashId: {}
+  },
+  emits: ["update:visible", "submit"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const metaInfoFormRef = vue.ref();
+    const editorDataPubInfo = vue.ref(null);
+    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
+    const handleOpen = async () => {
+      if (props.hashId) {
+        const { code, message } = await api.getDocDetailsNew(BASE_API, {
+          hashid: props.hashId
+        });
+        if (code === 0) {
+          editorDataPubInfo.value = {
+            id: message.id,
+            title: message.title,
+            series: message.series,
+            ...message.meta
+          };
+        }
+      }
+    };
+    const { visible, setVisible } = dialogVisible(props, emit);
+    const handleOk = async () => {
+      const meta = await metaInfoFormRef.value.getFormData("valid");
+      if (meta) {
+        const data = { id: editorDataPubInfo.value.id, meta };
+        emit("submit", data);
+      }
+    };
+    const handleCancel = () => {
+      setVisible(false);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(webVue.Modal), {
+          visible: vue.unref(visible),
+          width: "800px",
+          "mask-closable": false,
+          "title-align": "start",
+          "body-class": "edit-meta-info-dialog-body",
+          "unmount-on-close": "",
+          title: "\u7F16\u8F91\u7A3F\u7B7E",
+          onOpen: handleOpen,
+          onOk: handleOk,
+          onCancel: handleCancel
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Scrollbar), {
+              "outer-style": "height: 60vh; overflow: auto",
+              style: { "height": "100%", "overflow": "auto" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(metaInfoForm, {
+                    ref_key: "metaInfoFormRef",
+                    ref: metaInfoFormRef,
+                    BASE_API: vue.unref(BASE_API),
+                    "init-data": editorDataPubInfo.value
+                  }, null, 8, ["BASE_API", "init-data"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;