@epic-designer/antd 1.0.5

package/dist/chunks/modal.cjs

@@ -0,0 +1,136 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const _hoisted_1 = { class: "epic-modal-main epic-scoped" };
+const _hoisted_2 = { class: "epic-modal-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "modal",
+  props: {
+    cancelText: { type: String, required: false, default: "\u5173\u95ED" },
+    componentSchema: { type: Object, required: false, default: () => ({
+      type: "modal"
+    }) },
+    hideConfirm: { type: Boolean, required: false },
+    okText: { type: String, required: false, default: "\u786E\u5B9A" }
+  },
+  emits: ["ok", "close", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const versionArray = antDesignVue.version.split(".");
+    const firstNumber = Number.parseInt(versionArray[0]);
+    const attrs = vue.useAttrs();
+    const dialogStyle = {
+      bottom: "30px",
+      left: "150px",
+      minHeight: "500px",
+      minWidth: "700px",
+      position: "absolute",
+      right: "150px",
+      top: "56px",
+      width: "auto"
+    };
+    const bodyStyle = {
+      height: "calc(100vh - 108px)",
+      padding: 0
+    };
+    const getComponentProps = vue.computed(() => {
+      var _a, _b;
+      return {
+        ...props.componentSchema,
+        ...attrs,
+        bodyStyle,
+        dialogStyle,
+        footer: null,
+        "onUpdate:open": updateModelValue,
+        "onUpdate:visible": updateModelValue,
+        open: attrs.modelValue,
+        style: "top:20px",
+        title: (_b = (_a = props.componentSchema) == null ? void 0 : _a.label) != null ? _b : "",
+        visible: firstNumber > 3 ? void 0 : attrs.modelValue,
+        wrapClassName: "epic-modal-ant",
+        children: null
+      };
+    });
+    const children = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.componentSchema) == null ? void 0 : _a.children) != null ? _b : [];
+    });
+    function handleOk() {
+      emits("ok");
+    }
+    function updateModelValue(value = false) {
+      emits("update:modelValue", value);
+    }
+    function handleClose() {
+      emits("close");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(
+        vue.unref(antDesignVue.Modal),
+        vue.normalizeProps(vue.guardReactiveProps(getComponentProps.value)),
+        {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                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 */
+                  ))
+                ])
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(vue.unref(antDesignVue.Space), { align: "end" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(antDesignVue.Button), { onClick: handleClose }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(props.cancelText),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  !props.hideConfirm ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                    key: 0,
+                    type: "primary",
+                    onClick: handleOk
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(props.okText),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })) : vue.createCommentVNode("v-if", true)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/chunks/modal.mjs

@@ -0,0 +1,134 @@
+import { defineComponent, useAttrs, computed, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createElementBlock, Fragment, renderList, createVNode, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { version, Modal, Space, Button } from 'ant-design-vue';
+
+const _hoisted_1 = { class: "epic-modal-main epic-scoped" };
+const _hoisted_2 = { class: "epic-modal-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "modal",
+  props: {
+    cancelText: { type: String, required: false, default: "\u5173\u95ED" },
+    componentSchema: { type: Object, required: false, default: () => ({
+      type: "modal"
+    }) },
+    hideConfirm: { type: Boolean, required: false },
+    okText: { type: String, required: false, default: "\u786E\u5B9A" }
+  },
+  emits: ["ok", "close", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const versionArray = version.split(".");
+    const firstNumber = Number.parseInt(versionArray[0]);
+    const attrs = useAttrs();
+    const dialogStyle = {
+      bottom: "30px",
+      left: "150px",
+      minHeight: "500px",
+      minWidth: "700px",
+      position: "absolute",
+      right: "150px",
+      top: "56px",
+      width: "auto"
+    };
+    const bodyStyle = {
+      height: "calc(100vh - 108px)",
+      padding: 0
+    };
+    const getComponentProps = computed(() => {
+      var _a, _b;
+      return {
+        ...props.componentSchema,
+        ...attrs,
+        bodyStyle,
+        dialogStyle,
+        footer: null,
+        "onUpdate:open": updateModelValue,
+        "onUpdate:visible": updateModelValue,
+        open: attrs.modelValue,
+        style: "top:20px",
+        title: (_b = (_a = props.componentSchema) == null ? void 0 : _a.label) != null ? _b : "",
+        visible: firstNumber > 3 ? void 0 : attrs.modelValue,
+        wrapClassName: "epic-modal-ant",
+        children: null
+      };
+    });
+    const children = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.componentSchema) == null ? void 0 : _a.children) != null ? _b : [];
+    });
+    function handleOk() {
+      emits("ok");
+    }
+    function updateModelValue(value = false) {
+      emits("update:modelValue", value);
+    }
+    function handleClose() {
+      emits("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(
+        unref(Modal),
+        normalizeProps(guardReactiveProps(getComponentProps.value)),
+        {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                renderSlot(_ctx.$slots, "edit-node", {}, () => [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(children.value, (item) => {
+                      return renderSlot(_ctx.$slots, "node", { componentSchema: item });
+                    }),
+                    256
+                    /* UNKEYED_FRAGMENT */
+                  ))
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(Space), { align: "end" }, {
+                default: withCtx(() => [
+                  createVNode(unref(Button), { onClick: handleClose }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(props.cancelText),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  !props.hideConfirm ? (openBlock(), createBlock(unref(Button), {
+                    key: 0,
+                    type: "primary",
+                    onClick: handleOk
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(props.okText),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/chunks/row.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const row = 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.Row, componentSchema, {
+        default: () => vue.renderSlot(
+          slots,
+          "edit-node",
+          {},
+          () => children.map(
+            (subcomponentSchema) => vue.renderSlot(slots, "node", {
+              componentSchema: subcomponentSchema
+            })
+          )
+        )
+      });
+    };
+  }
+});
+
+exports.default = row;

package/dist/chunks/row.mjs

@@ -0,0 +1,37 @@
+import { defineComponent, h, renderSlot } from 'vue';
+import { Row } from 'ant-design-vue';
+
+const row = 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(Row, componentSchema, {
+        default: () => renderSlot(
+          slots,
+          "edit-node",
+          {},
+          () => children.map(
+            (subcomponentSchema) => renderSlot(slots, "node", {
+              componentSchema: subcomponentSchema
+            })
+          )
+        )
+      });
+    };
+  }
+});
+
+export { row as default };

package/dist/chunks/uploadFile.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+const vue = require('vue');
+const epicDesigner = require('epic-designer');
+const antDesignVue = require('ant-design-vue');
+
+const _hoisted_1 = { class: "epic-upload-file" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "uploadFile",
+  props: {
+    maxCount: { type: Number, required: false, default: 99 },
+    modelValue: { type: String, required: false, default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const formItemContext = antDesignVue.Form.useInjectFormItemContext();
+    const attrs = vue.useAttrs();
+    const fileList = vue.ref([]);
+    let urlString = "";
+    vue.watch(
+      () => fileList.value,
+      (list) => {
+        urlString = list.filter((file) => file.status === "done").map((file) => file.url).join(",");
+        emits("update:modelValue", urlString);
+        emits("change", urlString);
+        formItemContext.onFieldChange();
+      }
+    );
+    vue.watch(
+      () => props.modelValue,
+      (modelValue) => {
+        if (urlString === modelValue) return;
+        if (modelValue === "") {
+          fileList.value = [];
+          return;
+        }
+        if (modelValue && fileList.value) {
+          fileList.value = modelValue.split(",").map((url) => ({
+            name: url,
+            status: "done",
+            uid: epicDesigner.getUUID(),
+            url
+          }));
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    function handleUpdate(e) {
+      vue.nextTick(() => {
+        fileList.value = e;
+      });
+    }
+    const handleChange = (info) => {
+      var _a, _b;
+      if (info.file.status === "uploading") {
+        return;
+      }
+      if (info.file.status === "done") {
+        const url = (_b = (_a = info.file.response) == null ? void 0 : _a.data) == null ? void 0 : _b.url;
+        if (!info.file.url && !url) {
+          info.file.status = "error";
+          antDesignVue.message.error("\u4E0A\u4F20\u5931\u8D25");
+          return;
+        }
+        info.file.url = url;
+        info.file.thumbUrl = url;
+      }
+      if (info.file.status === "error") {
+        antDesignVue.message.error("upload error");
+      }
+    };
+    const beforeUpload = () => {
+    };
+    const getUploadProps = vue.computed(() => {
+      var _a;
+      return {
+        ...attrs,
+        headers: (_a = epicDesigner.pluginManager.global.axiosConfig) == null ? void 0 : _a.headers,
+        "onBefore-upload": beforeUpload,
+        onChange: handleChange,
+        onPreview: handlePreview,
+        "file-list": fileList.value,
+        "onUpdate:file-list": handleUpdate
+      };
+    });
+    function handlePreview(e) {
+      console.log(e);
+      if (!e.url) return;
+      window.open(e.url, "_blank");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(
+          vue.unref(antDesignVue.Upload),
+          vue.normalizeProps(vue.guardReactiveProps(getUploadProps.value)),
+          {
+            default: vue.withCtx(() => {
+              var _a, _b;
+              return [
+                ((_b = (_a = fileList.value) == null ? void 0 : _a.length) != null ? _b : 0) < props.maxCount ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
+                  key: 0,
+                  class: "flex items-center"
+                }, {
+                  default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
+                    vue.createElementVNode(
+                      "span",
+                      { class: "icon--epic icon--epic--cloud-upload-outlined text-lg" },
+                      null,
+                      -1
+                      /* CACHED */
+                    ),
+                    vue.createElementVNode(
+                      "div",
+                      { class: "ant-upload-text" },
+                      "\u4E0A\u4F20\u6587\u4EF6",
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                })) : vue.createCommentVNode("v-if", true)
+              ];
+            }),
+            _: 1
+            /* STABLE */
+          },
+          16
+          /* FULL_PROPS */
+        )
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/chunks/uploadFile.mjs

@@ -0,0 +1,136 @@
+import { defineComponent, useAttrs, ref, watch, computed, createElementBlock, openBlock, createVNode, unref, normalizeProps, guardReactiveProps, withCtx, createBlock, createCommentVNode, createElementVNode, nextTick } from 'vue';
+import { getUUID, pluginManager } from 'epic-designer';
+import { Form, Upload, Button, message } from 'ant-design-vue';
+
+const _hoisted_1 = { class: "epic-upload-file" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "uploadFile",
+  props: {
+    maxCount: { type: Number, required: false, default: 99 },
+    modelValue: { type: String, required: false, default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const formItemContext = Form.useInjectFormItemContext();
+    const attrs = useAttrs();
+    const fileList = ref([]);
+    let urlString = "";
+    watch(
+      () => fileList.value,
+      (list) => {
+        urlString = list.filter((file) => file.status === "done").map((file) => file.url).join(",");
+        emits("update:modelValue", urlString);
+        emits("change", urlString);
+        formItemContext.onFieldChange();
+      }
+    );
+    watch(
+      () => props.modelValue,
+      (modelValue) => {
+        if (urlString === modelValue) return;
+        if (modelValue === "") {
+          fileList.value = [];
+          return;
+        }
+        if (modelValue && fileList.value) {
+          fileList.value = modelValue.split(",").map((url) => ({
+            name: url,
+            status: "done",
+            uid: getUUID(),
+            url
+          }));
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    function handleUpdate(e) {
+      nextTick(() => {
+        fileList.value = e;
+      });
+    }
+    const handleChange = (info) => {
+      var _a, _b;
+      if (info.file.status === "uploading") {
+        return;
+      }
+      if (info.file.status === "done") {
+        const url = (_b = (_a = info.file.response) == null ? void 0 : _a.data) == null ? void 0 : _b.url;
+        if (!info.file.url && !url) {
+          info.file.status = "error";
+          message.error("\u4E0A\u4F20\u5931\u8D25");
+          return;
+        }
+        info.file.url = url;
+        info.file.thumbUrl = url;
+      }
+      if (info.file.status === "error") {
+        message.error("upload error");
+      }
+    };
+    const beforeUpload = () => {
+    };
+    const getUploadProps = computed(() => {
+      var _a;
+      return {
+        ...attrs,
+        headers: (_a = pluginManager.global.axiosConfig) == null ? void 0 : _a.headers,
+        "onBefore-upload": beforeUpload,
+        onChange: handleChange,
+        onPreview: handlePreview,
+        "file-list": fileList.value,
+        "onUpdate:file-list": handleUpdate
+      };
+    });
+    function handlePreview(e) {
+      console.log(e);
+      if (!e.url) return;
+      window.open(e.url, "_blank");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(
+          unref(Upload),
+          normalizeProps(guardReactiveProps(getUploadProps.value)),
+          {
+            default: withCtx(() => {
+              var _a, _b;
+              return [
+                ((_b = (_a = fileList.value) == null ? void 0 : _a.length) != null ? _b : 0) < props.maxCount ? (openBlock(), createBlock(unref(Button), {
+                  key: 0,
+                  class: "flex items-center"
+                }, {
+                  default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                    createElementVNode(
+                      "span",
+                      { class: "icon--epic icon--epic--cloud-upload-outlined text-lg" },
+                      null,
+                      -1
+                      /* CACHED */
+                    ),
+                    createElementVNode(
+                      "div",
+                      { class: "ant-upload-text" },
+                      "\u4E0A\u4F20\u6587\u4EF6",
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                })) : createCommentVNode("v-if", true)
+              ];
+            }),
+            _: 1
+            /* STABLE */
+          },
+          16
+          /* FULL_PROPS */
+        )
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };