@epic-designer/antd 1.1.9 → 1.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/form.cjs +6 -2
- package/dist/chunks/form.mjs +8 -4
- package/dist/chunks/modal.cjs +3 -3
- package/dist/chunks/modal.mjs +3 -3
- package/dist/chunks/uploadFile.cjs +1 -1
- package/dist/chunks/uploadFile.mjs +1 -1
- package/dist/chunks/uploadImage.cjs +1 -1
- package/dist/chunks/uploadImage.mjs +1 -1
- package/dist/index.cjs +5 -4
- package/dist/index.d.cts +1 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +5 -4
- package/package.json +1 -1
- package/src/form/form.vue +6 -1
- package/src/index.less +2 -2
- package/src/index.ts +3 -3
- package/src/modal/modal.vue +3 -3
- package/src/row/index.ts +1 -0
- package/src/upload-file/uploadFile.vue +1 -1
- package/src/upload-image/uploadImage.vue +1 -1
package/dist/chunks/form.cjs
CHANGED
|
@@ -11,11 +11,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
11
11
|
__name: "form",
|
|
12
12
|
props: {
|
|
13
13
|
componentSchema: { type: Object, required: true, default: () => ({ type: "" }) },
|
|
14
|
+
disabled: { type: Boolean, required: false, default: false },
|
|
14
15
|
scrollToFirstError: { type: Boolean, required: false, default: false }
|
|
15
16
|
},
|
|
16
17
|
setup(__props, { expose: __expose }) {
|
|
17
18
|
var _a, _b, _c;
|
|
18
19
|
const props = __props;
|
|
20
|
+
epicDesigner.provideBuilderDisabled(vue.computed(() => props.disabled));
|
|
19
21
|
const form = vue.ref(null);
|
|
20
22
|
const { formData, formInstances } = epicDesigner.useForm(
|
|
21
23
|
(_c = (_b = (_a = props.componentSchema) == null ? void 0 : _a.props) == null ? void 0 : _b.name) != null ? _c : "default"
|
|
@@ -89,9 +91,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
89
91
|
validate
|
|
90
92
|
});
|
|
91
93
|
return (_ctx, _cache) => {
|
|
94
|
+
var _a2;
|
|
92
95
|
return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Form), vue.mergeProps({ model: vue.unref(formData) }, formProps.value, {
|
|
93
96
|
onFinish,
|
|
94
|
-
onVnodeMounted: mountedForm
|
|
97
|
+
onVnodeMounted: mountedForm,
|
|
98
|
+
"data-epic-id": (_a2 = props.componentSchema) == null ? void 0 : _a2.id
|
|
95
99
|
}), {
|
|
96
100
|
default: vue.withCtx(() => [
|
|
97
101
|
vue.renderSlot(_ctx.$slots, "edit-node", {}, () => [
|
|
@@ -108,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
108
112
|
]),
|
|
109
113
|
_: 3
|
|
110
114
|
/* FORWARDED */
|
|
111
|
-
}, 16, ["model"]);
|
|
115
|
+
}, 16, ["model", "data-epic-id"]);
|
|
112
116
|
};
|
|
113
117
|
}
|
|
114
118
|
});
|
package/dist/chunks/form.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent,
|
|
2
|
-
import { useForm } from 'epic-designer';
|
|
1
|
+
import { defineComponent, computed, ref, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
|
|
2
|
+
import { provideBuilderDisabled, useForm } from 'epic-designer';
|
|
3
3
|
import { Form } from 'ant-design-vue';
|
|
4
4
|
|
|
5
5
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -9,11 +9,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
9
9
|
__name: "form",
|
|
10
10
|
props: {
|
|
11
11
|
componentSchema: { type: Object, required: true, default: () => ({ type: "" }) },
|
|
12
|
+
disabled: { type: Boolean, required: false, default: false },
|
|
12
13
|
scrollToFirstError: { type: Boolean, required: false, default: false }
|
|
13
14
|
},
|
|
14
15
|
setup(__props, { expose: __expose }) {
|
|
15
16
|
var _a, _b, _c;
|
|
16
17
|
const props = __props;
|
|
18
|
+
provideBuilderDisabled(computed(() => props.disabled));
|
|
17
19
|
const form = ref(null);
|
|
18
20
|
const { formData, formInstances } = useForm(
|
|
19
21
|
(_c = (_b = (_a = props.componentSchema) == null ? void 0 : _a.props) == null ? void 0 : _b.name) != null ? _c : "default"
|
|
@@ -87,9 +89,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
87
89
|
validate
|
|
88
90
|
});
|
|
89
91
|
return (_ctx, _cache) => {
|
|
92
|
+
var _a2;
|
|
90
93
|
return openBlock(), createBlock(unref(Form), mergeProps({ model: unref(formData) }, formProps.value, {
|
|
91
94
|
onFinish,
|
|
92
|
-
onVnodeMounted: mountedForm
|
|
95
|
+
onVnodeMounted: mountedForm,
|
|
96
|
+
"data-epic-id": (_a2 = props.componentSchema) == null ? void 0 : _a2.id
|
|
93
97
|
}), {
|
|
94
98
|
default: withCtx(() => [
|
|
95
99
|
renderSlot(_ctx.$slots, "edit-node", {}, () => [
|
|
@@ -106,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
106
110
|
]),
|
|
107
111
|
_: 3
|
|
108
112
|
/* FORWARDED */
|
|
109
|
-
}, 16, ["model"]);
|
|
113
|
+
}, 16, ["model", "data-epic-id"]);
|
|
110
114
|
};
|
|
111
115
|
}
|
|
112
116
|
});
|
package/dist/chunks/modal.cjs
CHANGED
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
const vue = require('vue');
|
|
4
4
|
const antDesignVue = require('ant-design-vue');
|
|
5
5
|
|
|
6
|
-
const _hoisted_1 = { class: "
|
|
6
|
+
const _hoisted_1 = { class: "ep-modal-main ep-scoped" };
|
|
7
7
|
const _hoisted_2 = {
|
|
8
8
|
key: 0,
|
|
9
|
-
class: "
|
|
9
|
+
class: "ep-modal-footer"
|
|
10
10
|
};
|
|
11
11
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
12
12
|
__name: "modal",
|
|
@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
54
54
|
style: props.fixedHeight ? "top:20px" : "",
|
|
55
55
|
title: (_b = (_a = props.componentSchema) == null ? void 0 : _a.label) != null ? _b : "",
|
|
56
56
|
visible: firstNumber > 3 ? void 0 : attrs.modelValue,
|
|
57
|
-
wrapClassName: "
|
|
57
|
+
wrapClassName: "ep-modal-ant",
|
|
58
58
|
children: null
|
|
59
59
|
};
|
|
60
60
|
});
|
package/dist/chunks/modal.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { defineComponent, useAttrs, computed, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode, createElementBlock, createCommentVNode, renderSlot, Fragment, renderList, createVNode, createTextVNode, toDisplayString } from 'vue';
|
|
2
2
|
import { version, Modal, Space, Button } from 'ant-design-vue';
|
|
3
3
|
|
|
4
|
-
const _hoisted_1 = { class: "
|
|
4
|
+
const _hoisted_1 = { class: "ep-modal-main ep-scoped" };
|
|
5
5
|
const _hoisted_2 = {
|
|
6
6
|
key: 0,
|
|
7
|
-
class: "
|
|
7
|
+
class: "ep-modal-footer"
|
|
8
8
|
};
|
|
9
9
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
10
|
__name: "modal",
|
|
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
52
52
|
style: props.fixedHeight ? "top:20px" : "",
|
|
53
53
|
title: (_b = (_a = props.componentSchema) == null ? void 0 : _a.label) != null ? _b : "",
|
|
54
54
|
visible: firstNumber > 3 ? void 0 : attrs.modelValue,
|
|
55
|
-
wrapClassName: "
|
|
55
|
+
wrapClassName: "ep-modal-ant",
|
|
56
56
|
children: null
|
|
57
57
|
};
|
|
58
58
|
});
|
|
@@ -4,7 +4,7 @@ const vue = require('vue');
|
|
|
4
4
|
const epicDesigner = require('epic-designer');
|
|
5
5
|
const antDesignVue = require('ant-design-vue');
|
|
6
6
|
|
|
7
|
-
const _hoisted_1 = { class: "
|
|
7
|
+
const _hoisted_1 = { class: "ep-upload-file" };
|
|
8
8
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
9
9
|
__name: "uploadFile",
|
|
10
10
|
props: {
|
|
@@ -2,7 +2,7 @@ import { defineComponent, useAttrs, ref, watch, computed, createElementBlock, op
|
|
|
2
2
|
import { getUUID, pluginManager } from 'epic-designer';
|
|
3
3
|
import { Form, Upload, Button, message } from 'ant-design-vue';
|
|
4
4
|
|
|
5
|
-
const _hoisted_1 = { class: "
|
|
5
|
+
const _hoisted_1 = { class: "ep-upload-file" };
|
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
__name: "uploadFile",
|
|
8
8
|
props: {
|
|
@@ -4,7 +4,7 @@ const vue = require('vue');
|
|
|
4
4
|
const epicDesigner = require('epic-designer');
|
|
5
5
|
const antDesignVue = require('ant-design-vue');
|
|
6
6
|
|
|
7
|
-
const _hoisted_1 = { class: "
|
|
7
|
+
const _hoisted_1 = { class: "ep-upload-image" };
|
|
8
8
|
const _hoisted_2 = { key: 0 };
|
|
9
9
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
10
10
|
__name: "uploadImage",
|
|
@@ -2,7 +2,7 @@ import { defineComponent, useAttrs, ref, watch, computed, createElementBlock, op
|
|
|
2
2
|
import { getUUID, pluginManager } from 'epic-designer';
|
|
3
3
|
import { Form, Upload, Image, message } from 'ant-design-vue';
|
|
4
4
|
|
|
5
|
-
const _hoisted_1 = { class: "
|
|
5
|
+
const _hoisted_1 = { class: "ep-upload-image" };
|
|
6
6
|
const _hoisted_2 = { key: 0 };
|
|
7
7
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
8
|
__name: "uploadImage",
|
package/dist/index.cjs
CHANGED
|
@@ -1747,6 +1747,7 @@ const Row = {
|
|
|
1747
1747
|
{
|
|
1748
1748
|
field: "children",
|
|
1749
1749
|
label: "\u5217\u7F16\u8F91",
|
|
1750
|
+
layout: "vertical",
|
|
1750
1751
|
type: "EColEditor"
|
|
1751
1752
|
},
|
|
1752
1753
|
{
|
|
@@ -2971,7 +2972,7 @@ function styleInject(css, ref) {
|
|
|
2971
2972
|
}
|
|
2972
2973
|
}
|
|
2973
2974
|
|
|
2974
|
-
var css_248z = ".
|
|
2975
|
+
var css_248z = ".ep-designer-main .ant-input-number {\n width: 100%;\n}\n.ep-designer-main .ant-collapse-content > .ant-collapse-content-box {\n padding: 8px;\n}\n.ep-designer-main .ant-select {\n width: 100%;\n}\n.ep-designer-main .ep-upload-image .avatar-uploader > .ant-upload {\n width: 128px;\n height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n padding: 0 4px !important;\n}\n.ep-readonly {\n /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n pointer-events: none;\n}\n.ep-readonly .ant-upload {\n display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n pointer-events: auto;\n margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n display: none !important;\n}\n";
|
|
2975
2976
|
styleInject(css_248z);
|
|
2976
2977
|
|
|
2977
2978
|
function setupAntd(pluginManager = epicDesigner.pluginManager, config = {}) {
|
|
@@ -2981,13 +2982,13 @@ function setupAntd(pluginManager = epicDesigner.pluginManager, config = {}) {
|
|
|
2981
2982
|
const style = document.createElement("style");
|
|
2982
2983
|
if (firstNumber > 3) {
|
|
2983
2984
|
const css = `
|
|
2984
|
-
.
|
|
2985
|
+
.ep-modal-ant .ep-modal-main {
|
|
2985
2986
|
padding: 4px 12px 12px;
|
|
2986
2987
|
}
|
|
2987
|
-
.
|
|
2988
|
+
.ep-modal-ant .ant-modal-title {
|
|
2988
2989
|
padding: 16px 16px 0px;
|
|
2989
2990
|
}
|
|
2990
|
-
.
|
|
2991
|
+
.ep-modal-ant .ant-modal-content {
|
|
2991
2992
|
padding: 0px;
|
|
2992
2993
|
}`;
|
|
2993
2994
|
style.append(document.createTextNode(css));
|
package/dist/index.d.cts
CHANGED
|
@@ -27,7 +27,7 @@ function styleInject(css, ref) {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
var css_248z = ".
|
|
30
|
+
var css_248z = ".ep-designer-main .ant-input-number {\n width: 100%;\n}\n.ep-designer-main .ant-collapse-content > .ant-collapse-content-box {\n padding: 8px;\n}\n.ep-designer-main .ant-select {\n width: 100%;\n}\n.ep-designer-main .ep-upload-image .avatar-uploader > .ant-upload {\n width: 128px;\n height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n padding: 0 4px !important;\n}\n.ep-readonly {\n /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n pointer-events: none;\n}\n.ep-readonly .ant-upload {\n display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n pointer-events: auto;\n margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n display: none !important;\n}\n";
|
|
31
31
|
styleInject(css_248z);
|
|
32
32
|
|
|
33
33
|
declare function setupAntd(pluginManager?: PluginManager, config?: SetupConfig): void;
|
package/dist/index.d.mts
CHANGED
|
@@ -27,7 +27,7 @@ function styleInject(css, ref) {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
var css_248z = ".
|
|
30
|
+
var css_248z = ".ep-designer-main .ant-input-number {\n width: 100%;\n}\n.ep-designer-main .ant-collapse-content > .ant-collapse-content-box {\n padding: 8px;\n}\n.ep-designer-main .ant-select {\n width: 100%;\n}\n.ep-designer-main .ep-upload-image .avatar-uploader > .ant-upload {\n width: 128px;\n height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n padding: 0 4px !important;\n}\n.ep-readonly {\n /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n pointer-events: none;\n}\n.ep-readonly .ant-upload {\n display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n pointer-events: auto;\n margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n display: none !important;\n}\n";
|
|
31
31
|
styleInject(css_248z);
|
|
32
32
|
|
|
33
33
|
declare function setupAntd(pluginManager?: PluginManager, config?: SetupConfig): void;
|
package/dist/index.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ function styleInject(css, ref) {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
var css_248z = ".
|
|
30
|
+
var css_248z = ".ep-designer-main .ant-input-number {\n width: 100%;\n}\n.ep-designer-main .ant-collapse-content > .ant-collapse-content-box {\n padding: 8px;\n}\n.ep-designer-main .ant-select {\n width: 100%;\n}\n.ep-designer-main .ep-upload-image .avatar-uploader > .ant-upload {\n width: 128px;\n height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n padding: 0 4px !important;\n}\n.ep-readonly {\n /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n pointer-events: none;\n}\n.ep-readonly .ant-upload {\n display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n pointer-events: auto;\n margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n display: none !important;\n}\n";
|
|
31
31
|
styleInject(css_248z);
|
|
32
32
|
|
|
33
33
|
declare function setupAntd(pluginManager?: PluginManager, config?: SetupConfig): void;
|
package/dist/index.mjs
CHANGED
|
@@ -1745,6 +1745,7 @@ const Row = {
|
|
|
1745
1745
|
{
|
|
1746
1746
|
field: "children",
|
|
1747
1747
|
label: "\u5217\u7F16\u8F91",
|
|
1748
|
+
layout: "vertical",
|
|
1748
1749
|
type: "EColEditor"
|
|
1749
1750
|
},
|
|
1750
1751
|
{
|
|
@@ -2969,7 +2970,7 @@ function styleInject(css, ref) {
|
|
|
2969
2970
|
}
|
|
2970
2971
|
}
|
|
2971
2972
|
|
|
2972
|
-
var css_248z = ".
|
|
2973
|
+
var css_248z = ".ep-designer-main .ant-input-number {\n width: 100%;\n}\n.ep-designer-main .ant-collapse-content > .ant-collapse-content-box {\n padding: 8px;\n}\n.ep-designer-main .ant-select {\n width: 100%;\n}\n.ep-designer-main .ep-upload-image .avatar-uploader > .ant-upload {\n width: 128px;\n height: 128px;\n}\n.ep-input-size.ant-input-affix-wrapper {\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0;\n}\n.ep-input-size .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n padding: 0 4px !important;\n}\n.ep-readonly {\n /* 上传组件样式 */\n}\n.ep-readonly .ant-form-item-control-input {\n pointer-events: none;\n}\n.ep-readonly .ant-upload {\n display: none !important;\n}\n.ep-readonly .ant-form-item-label {\n pointer-events: none;\n}\n.ep-readonly .ant-upload-list {\n pointer-events: auto;\n margin-bottom: 8px;\n}\n.ep-readonly .ant-upload-list [title='Remove file'] {\n display: none !important;\n}\n";
|
|
2973
2974
|
styleInject(css_248z);
|
|
2974
2975
|
|
|
2975
2976
|
function setupAntd(pluginManager$1 = pluginManager, config = {}) {
|
|
@@ -2979,13 +2980,13 @@ function setupAntd(pluginManager$1 = pluginManager, config = {}) {
|
|
|
2979
2980
|
const style = document.createElement("style");
|
|
2980
2981
|
if (firstNumber > 3) {
|
|
2981
2982
|
const css = `
|
|
2982
|
-
.
|
|
2983
|
+
.ep-modal-ant .ep-modal-main {
|
|
2983
2984
|
padding: 4px 12px 12px;
|
|
2984
2985
|
}
|
|
2985
|
-
.
|
|
2986
|
+
.ep-modal-ant .ant-modal-title {
|
|
2986
2987
|
padding: 16px 16px 0px;
|
|
2987
2988
|
}
|
|
2988
|
-
.
|
|
2989
|
+
.ep-modal-ant .ant-modal-content {
|
|
2989
2990
|
padding: 0px;
|
|
2990
2991
|
}`;
|
|
2991
2992
|
style.append(document.createTextNode(css));
|
package/package.json
CHANGED
package/src/form/form.vue
CHANGED
|
@@ -5,7 +5,7 @@ import type { VNode } from 'vue';
|
|
|
5
5
|
|
|
6
6
|
import { computed, ref } from 'vue';
|
|
7
7
|
|
|
8
|
-
import { useForm } from '@epic-designer/hooks';
|
|
8
|
+
import { provideBuilderDisabled, useForm } from '@epic-designer/hooks';
|
|
9
9
|
import { Form } from 'ant-design-vue';
|
|
10
10
|
|
|
11
11
|
interface FormInstance extends InstanceType<typeof Form> {
|
|
@@ -25,14 +25,18 @@ defineOptions({
|
|
|
25
25
|
const props = withDefaults(
|
|
26
26
|
defineProps<{
|
|
27
27
|
componentSchema: ComponentSchema;
|
|
28
|
+
disabled?: boolean;
|
|
28
29
|
scrollToFirstError?: boolean;
|
|
29
30
|
}>(),
|
|
30
31
|
{
|
|
31
32
|
componentSchema: () => ({ type: '' }),
|
|
33
|
+
disabled: false,
|
|
32
34
|
scrollToFirstError: false,
|
|
33
35
|
},
|
|
34
36
|
);
|
|
35
37
|
|
|
38
|
+
provideBuilderDisabled(computed(() => props.disabled));
|
|
39
|
+
|
|
36
40
|
const form = ref<FormInstance | null>(null);
|
|
37
41
|
const { formData, formInstances } = useForm(
|
|
38
42
|
props.componentSchema?.props?.name ?? 'default',
|
|
@@ -146,6 +150,7 @@ defineExpose({
|
|
|
146
150
|
v-bind="formProps"
|
|
147
151
|
@finish="onFinish"
|
|
148
152
|
@vue:mounted="mountedForm"
|
|
153
|
+
:data-epic-id="props.componentSchema?.id"
|
|
149
154
|
>
|
|
150
155
|
<slot name="edit-node">
|
|
151
156
|
<slot
|
package/src/index.less
CHANGED
package/src/index.ts
CHANGED
|
@@ -50,13 +50,13 @@ export function setupAntd(
|
|
|
50
50
|
if (firstNumber > 3) {
|
|
51
51
|
// 定义 CSS 样式
|
|
52
52
|
const css = `
|
|
53
|
-
.
|
|
53
|
+
.ep-modal-ant .ep-modal-main {
|
|
54
54
|
padding: 4px 12px 12px;
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.ep-modal-ant .ant-modal-title {
|
|
57
57
|
padding: 16px 16px 0px;
|
|
58
58
|
}
|
|
59
|
-
.
|
|
59
|
+
.ep-modal-ant .ant-modal-content {
|
|
60
60
|
padding: 0px;
|
|
61
61
|
}`;
|
|
62
62
|
style.append(document.createTextNode(css));
|
package/src/modal/modal.vue
CHANGED
|
@@ -56,7 +56,7 @@ const getProps = computed<Record<string, any>>(() => ({
|
|
|
56
56
|
style: props.fixedHeight ? 'top:20px' : '',
|
|
57
57
|
title: props.componentSchema?.label ?? '',
|
|
58
58
|
visible: firstNumber > 3 ? undefined : attrs.modelValue,
|
|
59
|
-
wrapClassName: '
|
|
59
|
+
wrapClassName: 'ep-modal-ant',
|
|
60
60
|
children: null,
|
|
61
61
|
}));
|
|
62
62
|
|
|
@@ -77,7 +77,7 @@ function handleClose() {
|
|
|
77
77
|
|
|
78
78
|
<template>
|
|
79
79
|
<Modal v-bind="getProps">
|
|
80
|
-
<div class="
|
|
80
|
+
<div class="ep-modal-main ep-scoped">
|
|
81
81
|
<slot>
|
|
82
82
|
<slot name="edit-node">
|
|
83
83
|
<slot
|
|
@@ -88,7 +88,7 @@ function handleClose() {
|
|
|
88
88
|
</slot>
|
|
89
89
|
</slot>
|
|
90
90
|
</div>
|
|
91
|
-
<div v-if="props.footer" class="
|
|
91
|
+
<div v-if="props.footer" class="ep-modal-footer">
|
|
92
92
|
<Space align="end">
|
|
93
93
|
<Button @click="handleClose"> {{ props.cancelText }} </Button>
|
|
94
94
|
<Button v-if="!props.hideConfirm" type="primary" @click="handleOk">
|
package/src/row/index.ts
CHANGED