@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

package/src/components/form-render/dynamic-drawer.vue.js

@@ -0,0 +1,173 @@
+import w from "../../utils/i18n.js";
+import { defineAsyncComponent as C, resolveComponent as r, createBlock as i, openBlock as l, withCtx as s, createVNode as b, createElementVNode as F, createCommentVNode as d, createTextVNode as f, toDisplayString as m } from "vue";
+import "./dynamic-drawer.vue2.js";
+import k from "../../../_virtual/_plugin-vue_export-helper.js";
+const R = {
+  name: "dynamic-drawer",
+  mixins: [w],
+  components: {
+    VFormRender: C(() => import("./index.vue.js"))
+  },
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    formJson: {
+      type: Object
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    optionData: {
+      //prop传入的选项数据
+      type: Object,
+      default: () => ({})
+    },
+    globalDsv: {
+      // 全局数据源变量
+      type: Object,
+      default: () => ({})
+    },
+    parentFormRef: {
+      type: Object,
+      default: null
+    },
+    extraData: {
+      type: Object,
+      default: () => ({})
+    },
+    wrapperId: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      drawerVisible: !1
+    };
+  },
+  computed: {
+    cancelBtnLabel() {
+      return this.options.cancelButtonLabel || this.i18nt("designer.hint.cancel");
+    },
+    okBtnLabel() {
+      return this.options.okButtonLabel || this.i18nt("designer.hint.confirm");
+    }
+  },
+  mounted() {
+  },
+  beforeUnmount() {
+    this.parentFormRef.setChildFormRef(null);
+  },
+  methods: {
+    show() {
+      this.drawerVisible = !0, this.$nextTick(() => {
+        this.options.readMode && this.$refs.dFormRef.setReadMode(!0), this.$refs.dFormRef.setDialogOrDrawerRef(this), this.parentFormRef.setChildFormRef(this.$refs.dFormRef);
+      });
+    },
+    close() {
+      this.options.onDrawerBeforeClose && new Function(this.options.onDrawerBeforeClose).call(this) === !1 || (this.drawerVisible = !1, this.$refs.drawerRef.handleClose(), setTimeout(this.deleteWrapperNode, 150));
+    },
+    deleteWrapperNode() {
+      const t = document.getElementById(
+        "vf-dynamic-drawer-wrapper" + this.wrapperId
+      );
+      t && document.body.removeChild(t);
+    },
+    handleBeforeClose(t) {
+      if (this.options.onDrawerBeforeClose) {
+        const e = new Function(this.options.onDrawerBeforeClose).call(this);
+        return e === !1 ? e : t();
+      }
+      return t();
+    },
+    handleCloseEvent() {
+      this.drawerVisible = !1, setTimeout(this.deleteWrapperNode, 150);
+    },
+    handleOpenedEvent() {
+      this.options.onDrawerOpened && new Function(this.options.onDrawerOpened).call(this);
+    },
+    handleCancelClick() {
+      this.options.onCancelButtonClick && new Function(this.options.onCancelButtonClick).call(this) === !1 || (this.drawerVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+    },
+    handleOkClick() {
+      this.options.onOkButtonClick && new Function(this.options.onOkButtonClick).call(this) === !1 || (this.drawerVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+    },
+    getParentFormRef() {
+      return this.parentFormRef;
+    },
+    getFormRef() {
+      return this.$refs.dFormRef;
+    },
+    getWidgetRef(t, o = !1) {
+      return this.$refs.dFormRef.getWidgetRef(t, o);
+    },
+    getExtraData() {
+      return this.extraData;
+    }
+  }
+}, y = { style: { float: "right" } };
+function B(t, o, e, _, a, n) {
+  const u = r("VFormRender"), c = r("a-button"), h = r("a-drawer");
+  return l(), i(h, {
+    ref: "drawerRef",
+    title: e.options.title,
+    open: a.drawerVisible,
+    "onUpdate:open": o[0] || (o[0] = (p) => a.drawerVisible = p),
+    "custom-class": "dynamic-drawer",
+    "append-to-body": "",
+    "destroy-on-close": "",
+    size: e.options.size,
+    modal: e.options.showModal,
+    direction: e.options.direction,
+    "show-close": e.options.showClose,
+    "close-on-click-modal": e.options.closeOnClickModal,
+    "close-on-press-escape": e.options.closeOnPressEscape,
+    "before-close": n.handleBeforeClose,
+    onClose: n.handleCloseEvent,
+    onOpened: n.handleOpenedEvent
+  }, {
+    footer: s(() => [
+      F("div", y, [
+        e.options.cancelButtonHidden ? d("", !0) : (l(), i(c, {
+          key: 0,
+          onClick: n.handleCancelClick
+        }, {
+          default: s(() => [
+            f(m(n.cancelBtnLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])),
+        e.options.okButtonHidden ? d("", !0) : (l(), i(c, {
+          key: 1,
+          type: "primary",
+          onClick: n.handleOkClick
+        }, {
+          default: s(() => [
+            f(m(n.okBtnLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"]))
+      ])
+    ]),
+    default: s(() => [
+      b(u, {
+        ref: "dFormRef",
+        "form-json": e.formJson,
+        "form-data": e.formData,
+        "option-data": e.optionData,
+        "global-dsv": e.globalDsv,
+        "parent-form": e.parentFormRef,
+        "disabled-mode": e.options.disabledMode,
+        "dynamic-creation": !0
+      }, null, 8, ["form-json", "form-data", "option-data", "global-dsv", "parent-form", "disabled-mode"])
+    ]),
+    _: 1
+  }, 8, ["title", "open", "size", "modal", "direction", "show-close", "close-on-click-modal", "close-on-press-escape", "before-close", "onClose", "onOpened"]);
+}
+const v = /* @__PURE__ */ k(R, [["render", B], ["__scopeId", "data-v-45c7705e"]]);
+export {
+  v as default
+};

package/src/components/form-render/dynamic-drawer.vue2.js

@@ -0,0 +1 @@
+