@epic-designer/antd 1.1.0 → 1.1.2-beta.1

package/dist/chunks/button.cjs

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return vue.openBlock(), vue.createBlock(
         vue.unref(antDesignVue.Button),
-        vue.normalizeProps(vue.guardReactiveProps((_a = props.componentSchema) == null ? void 0 : _a.componentProps)),
+        vue.normalizeProps(vue.guardReactiveProps((_a = props.componentSchema) == null ? void 0 : _a.props)),
         {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default", {}, () => {

package/dist/chunks/button.mjs

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       return openBlock(), createBlock(
         unref(Button),
-        normalizeProps(guardReactiveProps((_a = props.componentSchema) == null ? void 0 : _a.componentProps)),
+        normalizeProps(guardReactiveProps((_a = props.componentSchema) == null ? void 0 : _a.props)),
         {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default", {}, () => {

package/dist/chunks/form.cjs

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const forms = vue.inject("forms", {});
     const formData = pageManager.setFormData(
       {},
-      (_b = (_a = props.componentSchema) == null ? void 0 : _a.componentProps) == null ? void 0 : _b.name
+      (_b = (_a = props.componentSchema) == null ? void 0 : _a.props) == null ? void 0 : _b.name
     );
     vue.provide("formData", formData);
     function getData() {
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       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";
+        const name = (_g = (_f = (_d = (_c = props.componentSchema) == null ? void 0 : _c.props) == 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;
@@ -52,8 +52,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return false;
       }
     };
-    const componentProps = vue.computed(() => {
-      const recordProps = props.componentSchema.componentProps;
+    const formProps = vue.computed(() => {
+      const recordProps = props.componentSchema.props;
       let labelCol = recordProps.labelCol;
       let wrapperCol = recordProps.wrapperCol;
       if (recordProps.layout === "vertical") {
@@ -86,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       validate
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Form), vue.mergeProps({ model: vue.unref(formData) }, componentProps.value, {
+      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Form), vue.mergeProps({ model: vue.unref(formData) }, formProps.value, {
         onFinish,
         onVnodeMounted: mountedForm
       }), {

package/dist/chunks/form.mjs

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const forms = inject("forms", {});
     const formData = pageManager.setFormData(
       {},
-      (_b = (_a = props.componentSchema) == null ? void 0 : _a.componentProps) == null ? void 0 : _b.name
+      (_b = (_a = props.componentSchema) == null ? void 0 : _a.props) == null ? void 0 : _b.name
     );
     provide("formData", formData);
     function getData() {
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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";
+        const name = (_g = (_f = (_d = (_c = props.componentSchema) == null ? void 0 : _c.props) == 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;
@@ -50,8 +50,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return false;
       }
     };
-    const componentProps = computed(() => {
-      const recordProps = props.componentSchema.componentProps;
+    const formProps = computed(() => {
+      const recordProps = props.componentSchema.props;
       let labelCol = recordProps.labelCol;
       let wrapperCol = recordProps.wrapperCol;
       if (recordProps.layout === "vertical") {
@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       validate
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Form), mergeProps({ model: unref(formData) }, componentProps.value, {
+      return openBlock(), createBlock(unref(Form), mergeProps({ model: unref(formData) }, formProps.value, {
         onFinish,
         onVnodeMounted: mountedForm
       }), {

package/dist/chunks/modal.cjs

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       height: "calc(100vh - 108px)",
       padding: 0
     };
-    const getComponentProps = vue.computed(() => {
+    const getprops = vue.computed(() => {
       var _a, _b;
       return {
         ...props.componentSchema,
@@ -70,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(
         vue.unref(antDesignVue.Modal),
-        vue.normalizeProps(vue.guardReactiveProps(getComponentProps.value)),
+        vue.normalizeProps(vue.guardReactiveProps(getprops.value)),
         {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1, [

package/dist/chunks/modal.mjs

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       height: "calc(100vh - 108px)",
       padding: 0
     };
-    const getComponentProps = computed(() => {
+    const getprops = computed(() => {
       var _a, _b;
       return {
         ...props.componentSchema,
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(
         unref(Modal),
-        normalizeProps(guardReactiveProps(getComponentProps.value)),
+        normalizeProps(guardReactiveProps(getprops.value)),
         {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_1, [

package/dist/chunks/tabPane.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const tabPane = vue.defineComponent({
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      require: true,
+      type: Object
+    }
+  },
+  setup(props, { slots }) {
+    const nodeAttrs = vue.inject("nodeAttrs", {});
+    return () => {
+      var _a;
+      const componentSchema = {
+        ...props.componentSchema,
+        ...(_a = props.componentSchema) == null ? void 0 : _a.props
+      };
+      const children = componentSchema.children;
+      delete componentSchema.children;
+      return vue.h(
+        antDesignVue.TabPane,
+        { componentSchema, ...nodeAttrs },
+        {
+          default: () => vue.renderSlot(
+            slots,
+            "edit-node",
+            {},
+            () => children.map(
+              (componentSchema2) => vue.renderSlot(slots, "node", { componentSchema: componentSchema2 })
+            )
+          )
+        }
+      );
+    };
+  }
+});
+
+exports.default = tabPane;

package/dist/chunks/tabPane.mjs

@@ -0,0 +1,40 @@
+import { defineComponent, inject, h, renderSlot } from 'vue';
+import { TabPane } from 'ant-design-vue';
+
+const tabPane = defineComponent({
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      require: true,
+      type: Object
+    }
+  },
+  setup(props, { slots }) {
+    const nodeAttrs = inject("nodeAttrs", {});
+    return () => {
+      var _a;
+      const componentSchema = {
+        ...props.componentSchema,
+        ...(_a = props.componentSchema) == null ? void 0 : _a.props
+      };
+      const children = componentSchema.children;
+      delete componentSchema.children;
+      return h(
+        TabPane,
+        { componentSchema, ...nodeAttrs },
+        {
+          default: () => renderSlot(
+            slots,
+            "edit-node",
+            {},
+            () => children.map(
+              (componentSchema2) => renderSlot(slots, "node", { componentSchema: componentSchema2 })
+            )
+          )
+        }
+      );
+    };
+  }
+});
+
+export { tabPane as default };

package/dist/chunks/tabs.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+const vue = require('vue');
+const antDesignVue = require('ant-design-vue');
+
+const tabs = vue.defineComponent({
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      require: true,
+      type: Object
+    }
+  },
+  setup(props, { slots }) {
+    var _a, _b;
+    const modelValue = vue.ref();
+    vue.watch(
+      () => props.componentSchema.props.defaultValue,
+      (newValue) => {
+        var _a2;
+        const tabPaneLabels = (_a2 = props.componentSchema.children) == null ? void 0 : _a2.map(
+          (node) => node.label
+        );
+        modelValue.value = (tabPaneLabels == null ? void 0 : tabPaneLabels.includes(newValue)) ? newValue : tabPaneLabels == null ? void 0 : tabPaneLabels[0];
+      },
+      {
+        immediate: true
+      }
+    );
+    const componentSchema = vue.computed(() => {
+      var _a2;
+      return {
+        ...(_a2 = props.componentSchema) == null ? void 0 : _a2.props,
+        activeKey: modelValue.value,
+        "onUpdate:activeKey": (e) => {
+          modelValue.value = e;
+        }
+      };
+    });
+    const children = (_b = (_a = props.componentSchema) == null ? void 0 : _a.children) != null ? _b : [];
+    return () => vue.h(antDesignVue.Tabs, componentSchema.value, {
+      default: () => {
+        var _a2, _b2;
+        const defaultSlotList = (_a2 = slots["edit-node"]) == null ? void 0 : _a2.call(slots)[0].children;
+        if (defaultSlotList == null ? void 0 : defaultSlotList.length) {
+          const list = (_b2 = defaultSlotList[0].children) == null ? void 0 : _b2.map((item) => {
+            item.props.key = item.props.schema.label;
+            item.props.tab = item.props.schema.label;
+            return item;
+          });
+          return list;
+        }
+        return children.map(
+          (componentSchema2) => vue.renderSlot(slots, "node", {
+            componentSchema: componentSchema2,
+            key: componentSchema2.label,
+            tab: componentSchema2.label
+          })
+        );
+      }
+    });
+  }
+});
+
+exports.default = tabs;

package/dist/chunks/tabs.mjs

@@ -0,0 +1,63 @@
+import { defineComponent, ref, watch, computed, h, renderSlot } from 'vue';
+import { Tabs } from 'ant-design-vue';
+
+const tabs = defineComponent({
+  props: {
+    componentSchema: {
+      default: () => ({}),
+      require: true,
+      type: Object
+    }
+  },
+  setup(props, { slots }) {
+    var _a, _b;
+    const modelValue = ref();
+    watch(
+      () => props.componentSchema.props.defaultValue,
+      (newValue) => {
+        var _a2;
+        const tabPaneLabels = (_a2 = props.componentSchema.children) == null ? void 0 : _a2.map(
+          (node) => node.label
+        );
+        modelValue.value = (tabPaneLabels == null ? void 0 : tabPaneLabels.includes(newValue)) ? newValue : tabPaneLabels == null ? void 0 : tabPaneLabels[0];
+      },
+      {
+        immediate: true
+      }
+    );
+    const componentSchema = computed(() => {
+      var _a2;
+      return {
+        ...(_a2 = props.componentSchema) == null ? void 0 : _a2.props,
+        activeKey: modelValue.value,
+        "onUpdate:activeKey": (e) => {
+          modelValue.value = e;
+        }
+      };
+    });
+    const children = (_b = (_a = props.componentSchema) == null ? void 0 : _a.children) != null ? _b : [];
+    return () => h(Tabs, componentSchema.value, {
+      default: () => {
+        var _a2, _b2;
+        const defaultSlotList = (_a2 = slots["edit-node"]) == null ? void 0 : _a2.call(slots)[0].children;
+        if (defaultSlotList == null ? void 0 : defaultSlotList.length) {
+          const list = (_b2 = defaultSlotList[0].children) == null ? void 0 : _b2.map((item) => {
+            item.props.key = item.props.schema.label;
+            item.props.tab = item.props.schema.label;
+            return item;
+          });
+          return list;
+        }
+        return children.map(
+          (componentSchema2) => renderSlot(slots, "node", {
+            componentSchema: componentSchema2,
+            key: componentSchema2.label,
+            tab: componentSchema2.label
+          })
+        );
+      }
+    });
+  }
+});
+
+export { tabs as default };

package/dist/chunks/uploadImage.cjs

@@ -114,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ((_b = (_a = fileList.value) == null ? void 0 : _a.length) != null ? _b : 0) < props.maxCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [..._cache[0] || (_cache[0] = [
                   vue.createElementVNode(
                     "span",
-                    { class: "icon--epic icon--epic--cloud-upload-outlined mr-2px text-$epic-text-main text-lg" },
+                    { class: "icon--epic icon--epic--cloud-upload-outlined mr-2px text-$ep-text-main text-lg" },
                     null,
                     -1
                     /* CACHED */

package/dist/chunks/uploadImage.mjs

@@ -112,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ((_b = (_a = fileList.value) == null ? void 0 : _a.length) != null ? _b : 0) < props.maxCount ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[0] || (_cache[0] = [
                   createElementVNode(
                     "span",
-                    { class: "icon--epic icon--epic--cloud-upload-outlined mr-2px text-$epic-text-main text-lg" },
+                    { class: "icon--epic icon--epic--cloud-upload-outlined mr-2px text-$ep-text-main text-lg" },
                     null,
                     -1
                     /* CACHED */