@epic-designer/antd 1.0.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 kchengz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/chunks/button.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "button",
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createBlock(
+        vue.unref(antDesignVue.Button),
+        vue.normalizeProps(vue.guardReactiveProps((_a = props.componentSchema) == null ? void 0 : _a.componentProps)),
+        {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => {
+              var _a2;
+              return [
+                vue.createTextVNode(
+                  vue.toDisplayString((_a2 = props.componentSchema) == null ? void 0 : _a2.label),
+                  1
+                  /* TEXT */
+                )
+              ];
+            })
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/chunks/button.mjs

@@ -0,0 +1,42 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { Button } from 'ant-design-vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "button",
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createBlock(
+        unref(Button),
+        normalizeProps(guardReactiveProps((_a = props.componentSchema) == null ? void 0 : _a.componentProps)),
+        {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, () => {
+              var _a2;
+              return [
+                createTextVNode(
+                  toDisplayString((_a2 = props.componentSchema) == null ? void 0 : _a2.label),
+                  1
+                  /* TEXT */
+                )
+              ];
+            })
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/chunks/card.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const card = vue.defineComponent({
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      require: true,
+      type: Object
+    }
+  },
+  setup(props, { slots }) {
+    return () => {
+      var _a, _b, _c;
+      const componentSchema = {
+        ...props.componentSchema,
+        title: (_b = (_a = props.componentSchema) == null ? void 0 : _a.label) != null ? _b : ""
+      };
+      const children = (_c = componentSchema.children) != null ? _c : [];
+      delete componentSchema.children;
+      return vue.h(antDesignVue.Card, componentSchema, {
+        default: () => vue.renderSlot(
+          slots,
+          "edit-node",
+          {},
+          () => children.map(
+            (subcomponentSchema) => vue.renderSlot(slots, "node", {
+              componentSchema: subcomponentSchema
+            })
+          )
+        )
+      });
+    };
+  }
+});
+
+exports.default = card;

package/dist/chunks/card.mjs

@@ -0,0 +1,37 @@
+import { defineComponent, h, renderSlot } from 'vue';
+import { Card } from 'ant-design-vue';
+
+const card = defineComponent({
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      require: true,
+      type: Object
+    }
+  },
+  setup(props, { slots }) {
+    return () => {
+      var _a, _b, _c;
+      const componentSchema = {
+        ...props.componentSchema,
+        title: (_b = (_a = props.componentSchema) == null ? void 0 : _a.label) != null ? _b : ""
+      };
+      const children = (_c = componentSchema.children) != null ? _c : [];
+      delete componentSchema.children;
+      return h(Card, componentSchema, {
+        default: () => renderSlot(
+          slots,
+          "edit-node",
+          {},
+          () => children.map(
+            (subcomponentSchema) => renderSlot(slots, "node", {
+              componentSchema: subcomponentSchema
+            })
+          )
+        )
+      });
+    };
+  }
+});
+
+export { card as default };

package/dist/chunks/col.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const col = vue.defineComponent({
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      require: true,
+      type: Object
+    }
+  },
+  setup(props, { slots }) {
+    return () => {
+      var _a, _b;
+      const componentSchema = {
+        ...props.componentSchema,
+        title: (_b = (_a = props.componentSchema) == null ? void 0 : _a.label) != null ? _b : ""
+      };
+      const children = componentSchema.children;
+      delete componentSchema.children;
+      return vue.h(antDesignVue.Col, componentSchema, {
+        default: () => vue.renderSlot(
+          slots,
+          "edit-node",
+          {},
+          () => children.map(
+            (subcomponentSchema) => vue.renderSlot(slots, "node", {
+              componentSchema: subcomponentSchema
+            })
+          )
+        )
+      });
+    };
+  }
+});
+
+exports.default = col;

package/dist/chunks/col.mjs

@@ -0,0 +1,37 @@
+import { defineComponent, h, renderSlot } from 'vue';
+import { Col } from 'ant-design-vue';
+
+const col = defineComponent({
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      require: true,
+      type: Object
+    }
+  },
+  setup(props, { slots }) {
+    return () => {
+      var _a, _b;
+      const componentSchema = {
+        ...props.componentSchema,
+        title: (_b = (_a = props.componentSchema) == null ? void 0 : _a.label) != null ? _b : ""
+      };
+      const children = componentSchema.children;
+      delete componentSchema.children;
+      return h(Col, componentSchema, {
+        default: () => renderSlot(
+          slots,
+          "edit-node",
+          {},
+          () => children.map(
+            (subcomponentSchema) => renderSlot(slots, "node", {
+              componentSchema: subcomponentSchema
+            })
+          )
+        )
+      });
+    };
+  }
+});
+
+export { col as default };

package/dist/chunks/datePicker.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const datePicker = vue.defineComponent({
+  emits: ["update:modelValue", "change", "blur"],
+  name: "EDatePicker",
+  props: {
+    modelValue: {
+      default: null,
+      type: [String, Object, Array]
+    },
+    type: {
+      default: "date",
+      type: String
+    }
+  },
+  setup(props, { emit }) {
+    vue.watch(
+      () => props.type,
+      () => {
+        handleUpdate();
+      }
+    );
+    function handleUpdate(e = null) {
+      emit("update:modelValue", e);
+      emit("change", e);
+      emit("blur", e);
+    }
+    return () => {
+      let cmp = antDesignVue.DatePicker;
+      const compProps = {
+        "onUpdate:value": handleUpdate,
+        picker: props.type.replace(/range$/, ""),
+        showTime: props.type.includes("time"),
+        value: props.modelValue
+      };
+      if (props.type.includes("range")) {
+        cmp = antDesignVue.DatePicker.RangePicker;
+      }
+      return vue.h(cmp, compProps);
+    };
+  }
+});
+
+exports.default = datePicker;

package/dist/chunks/datePicker.mjs

@@ -0,0 +1,45 @@
+import { defineComponent, watch, h } from 'vue';
+import { DatePicker } from 'ant-design-vue';
+
+const datePicker = defineComponent({
+  emits: ["update:modelValue", "change", "blur"],
+  name: "EDatePicker",
+  props: {
+    modelValue: {
+      default: null,
+      type: [String, Object, Array]
+    },
+    type: {
+      default: "date",
+      type: String
+    }
+  },
+  setup(props, { emit }) {
+    watch(
+      () => props.type,
+      () => {
+        handleUpdate();
+      }
+    );
+    function handleUpdate(e = null) {
+      emit("update:modelValue", e);
+      emit("change", e);
+      emit("blur", e);
+    }
+    return () => {
+      let cmp = DatePicker;
+      const compProps = {
+        "onUpdate:value": handleUpdate,
+        picker: props.type.replace(/range$/, ""),
+        showTime: props.type.includes("time"),
+        value: props.modelValue
+      };
+      if (props.type.includes("range")) {
+        cmp = DatePicker.RangePicker;
+      }
+      return h(cmp, compProps);
+    };
+  }
+});
+
+export { datePicker as default };

package/dist/chunks/form.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "form",
+  props: {
+    componentSchema: { type: Object, required: true, default: () => ({ type: "" }) },
+    scrollToFirstError: { type: Boolean, required: false, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    var _a, _b;
+    const props = __props;
+    const designerProps = vue.inject("designerProps");
+    const pageManager = vue.inject("pageManager", {});
+    const form = vue.ref(null);
+    const forms = vue.inject("forms", {});
+    const formData = pageManager.setFormData(
+      {},
+      (_b = (_a = props.componentSchema) == null ? void 0 : _a.componentProps) == null ? void 0 : _b.name
+    );
+    vue.provide("formData", formData);
+    function getData() {
+      return formData;
+    }
+    async function validate() {
+      var _a2, _b2;
+      try {
+        return await ((_a2 = form.value) == null ? void 0 : _a2.validateFields());
+      } catch (error) {
+        if (props.scrollToFirstError) {
+          (_b2 = form.value) == null ? void 0 : _b2.scrollToField(error.errorFields[0].name.toString());
+        }
+        throw error;
+      }
+    }
+    function setData(data) {
+      Object.assign(formData, data);
+    }
+    const mountedForm = (vNode) => {
+      var _a2, _b2, _c, _d, _e, _f, _g;
+      form.value = (_a2 = vNode.component) == null ? void 0 : _a2.exposed;
+      if (((_b2 = props.componentSchema) == null ? void 0 : _b2.type) === "form" && forms.value && form.value) {
+        const name = (_g = (_f = (_d = (_c = props.componentSchema) == null ? void 0 : _c.componentProps) == null ? void 0 : _d.name) != null ? _f : (_e = props.componentSchema) == null ? void 0 : _e.name) != null ? _g : "default";
+        form.value.validate = validate;
+        forms.value[name] = form.value;
+        form.value.getData = getData;
+        form.value.setData = setData;
+        return false;
+      }
+    };
+    const componentProps = vue.computed(() => {
+      const recordProps = props.componentSchema.componentProps;
+      let labelCol = recordProps.labelCol;
+      let wrapperCol = recordProps.wrapperCol;
+      if (recordProps.layout === "vertical") {
+        labelCol = wrapperCol = { span: 24 };
+      } else if (recordProps.layout === "inline" && recordProps.labelLayout === "fixed") {
+        labelCol = {};
+        wrapperCol = { flex: 1 };
+      } else if (recordProps.labelLayout === "fixed") {
+        labelCol = {
+          flex: `${typeof recordProps.labelWidth === "number" ? `${recordProps.labelWidth}px` : recordProps.labelWidth}`
+        };
+        wrapperCol = { flex: 1 };
+      }
+      return {
+        ...recordProps,
+        labelCol,
+        wrapperCol
+      };
+    });
+    function onFinish() {
+    }
+    const children = vue.computed(() => {
+      var _a2;
+      return (_a2 = props.componentSchema.children) != null ? _a2 : [];
+    });
+    __expose({
+      form,
+      getData,
+      setData,
+      validate
+    });
+    return (_ctx, _cache) => {
+      var _a2;
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Form), vue.mergeProps({ model: vue.unref(formData) }, componentProps.value, {
+        onFinish,
+        class: { "epic-form-mode": (_a2 = vue.unref(designerProps)) == null ? void 0 : _a2.formMode },
+        onVnodeMounted: mountedForm
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "edit-node", {}, () => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(children.value, (item) => {
+                return vue.renderSlot(_ctx.$slots, "node", { componentSchema: item });
+              }),
+              256
+              /* UNKEYED_FRAGMENT */
+            ))
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["model", "class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/chunks/form.mjs

@@ -0,0 +1,114 @@
+import { defineComponent, inject, ref, provide, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
+import { Form } from 'ant-design-vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "form",
+  props: {
+    componentSchema: { type: Object, required: true, default: () => ({ type: "" }) },
+    scrollToFirstError: { type: Boolean, required: false, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    var _a, _b;
+    const props = __props;
+    const designerProps = inject("designerProps");
+    const pageManager = inject("pageManager", {});
+    const form = ref(null);
+    const forms = inject("forms", {});
+    const formData = pageManager.setFormData(
+      {},
+      (_b = (_a = props.componentSchema) == null ? void 0 : _a.componentProps) == null ? void 0 : _b.name
+    );
+    provide("formData", formData);
+    function getData() {
+      return formData;
+    }
+    async function validate() {
+      var _a2, _b2;
+      try {
+        return await ((_a2 = form.value) == null ? void 0 : _a2.validateFields());
+      } catch (error) {
+        if (props.scrollToFirstError) {
+          (_b2 = form.value) == null ? void 0 : _b2.scrollToField(error.errorFields[0].name.toString());
+        }
+        throw error;
+      }
+    }
+    function setData(data) {
+      Object.assign(formData, data);
+    }
+    const mountedForm = (vNode) => {
+      var _a2, _b2, _c, _d, _e, _f, _g;
+      form.value = (_a2 = vNode.component) == null ? void 0 : _a2.exposed;
+      if (((_b2 = props.componentSchema) == null ? void 0 : _b2.type) === "form" && forms.value && form.value) {
+        const name = (_g = (_f = (_d = (_c = props.componentSchema) == null ? void 0 : _c.componentProps) == null ? void 0 : _d.name) != null ? _f : (_e = props.componentSchema) == null ? void 0 : _e.name) != null ? _g : "default";
+        form.value.validate = validate;
+        forms.value[name] = form.value;
+        form.value.getData = getData;
+        form.value.setData = setData;
+        return false;
+      }
+    };
+    const componentProps = computed(() => {
+      const recordProps = props.componentSchema.componentProps;
+      let labelCol = recordProps.labelCol;
+      let wrapperCol = recordProps.wrapperCol;
+      if (recordProps.layout === "vertical") {
+        labelCol = wrapperCol = { span: 24 };
+      } else if (recordProps.layout === "inline" && recordProps.labelLayout === "fixed") {
+        labelCol = {};
+        wrapperCol = { flex: 1 };
+      } else if (recordProps.labelLayout === "fixed") {
+        labelCol = {
+          flex: `${typeof recordProps.labelWidth === "number" ? `${recordProps.labelWidth}px` : recordProps.labelWidth}`
+        };
+        wrapperCol = { flex: 1 };
+      }
+      return {
+        ...recordProps,
+        labelCol,
+        wrapperCol
+      };
+    });
+    function onFinish() {
+    }
+    const children = computed(() => {
+      var _a2;
+      return (_a2 = props.componentSchema.children) != null ? _a2 : [];
+    });
+    __expose({
+      form,
+      getData,
+      setData,
+      validate
+    });
+    return (_ctx, _cache) => {
+      var _a2;
+      return openBlock(), createBlock(unref(Form), mergeProps({ model: unref(formData) }, componentProps.value, {
+        onFinish,
+        class: { "epic-form-mode": (_a2 = unref(designerProps)) == null ? void 0 : _a2.formMode },
+        onVnodeMounted: mountedForm
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "edit-node", {}, () => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(children.value, (item) => {
+                return renderSlot(_ctx.$slots, "node", { componentSchema: item });
+              }),
+              256
+              /* UNKEYED_FRAGMENT */
+            ))
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["model", "class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/chunks/formItem.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "formItem",
+  setup(__props) {
+    const attrs = vue.useAttrs();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.FormItem), vue.mergeProps(vue.unref(attrs), {
+        name: vue.unref(attrs).field
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["name"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/chunks/formItem.mjs

@@ -0,0 +1,22 @@
+import { defineComponent, useAttrs, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { FormItem } from 'ant-design-vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "formItem",
+  setup(__props) {
+    const attrs = useAttrs();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(FormItem), mergeProps(unref(attrs), {
+        name: unref(attrs).field
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["name"]);
+    };
+  }
+});
+
+export { _sfc_main as default };