@fangzhongya/page 0.0.29 → 0.0.31
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/components/control/design.cjs +1 -39
- package/dist/components/control/design.d.ts +0 -3
- package/dist/components/control/design.js +2 -40
- package/dist/components/design/design-drag2.cjs +0 -3
- package/dist/components/design/design-drag2.js +1 -4
- package/dist/components/design/design-resizable2.cjs +3 -2
- package/dist/components/design/design-resizable2.js +5 -4
- package/dist/components/design/resizable.cjs +1 -4
- package/dist/components/design/resizable.js +1 -4
- package/dist/components/design/resizable2.cjs +2 -2
- package/dist/components/design/resizable2.js +2 -2
- package/dist/components/editor/view2.cjs +40 -27
- package/dist/components/editor/view2.js +41 -28
- package/dist/components/generated/index2.cjs +27 -13
- package/dist/components/generated/index2.js +23 -9
- package/dist/components/index.css +157 -59
- package/dist/components/index2.cjs +66 -407
- package/dist/components/index2.js +55 -396
- package/dist/components/output/gener.cjs +0 -1
- package/dist/components/output/gener.js +0 -1
- package/dist/components/output/gener2.cjs +12 -8
- package/dist/components/output/gener2.js +11 -7
- package/dist/components/right/custom/index2.cjs +4 -2
- package/dist/components/right/custom/index2.js +5 -3
- package/dist/components/set/border.cjs +4 -0
- package/dist/components/set/border.js +4 -0
- package/dist/components/set/border2.cjs +76 -0
- package/dist/components/set/border2.js +76 -0
- package/dist/components/set/index.cjs +4 -0
- package/dist/components/set/index.js +4 -0
- package/dist/components/set/index2.cjs +199 -0
- package/dist/components/set/index2.js +199 -0
- package/dist/components/set/util.cjs +45 -0
- package/dist/components/set/util.d.ts +16 -0
- package/dist/components/set/util.js +45 -0
- package/dist/components/top/index.cjs +4 -0
- package/dist/components/top/index.js +4 -0
- package/dist/components/top/index2.cjs +414 -0
- package/dist/components/top/index2.js +414 -0
- package/dist/effect/design.cjs +1 -39
- package/dist/effect/design.d.ts +0 -3
- package/dist/effect/design.js +2 -40
- package/dist/effect/draggable.cjs +2 -2
- package/dist/effect/draggable.js +2 -2
- package/dist/expand/{chunk-ZJCFZ63F.cjs → chunk-DSW4WFHO.cjs} +1 -1
- package/dist/expand/{chunk-I2RMOBDW.js → chunk-JTAMOZ6S.js} +1 -1
- package/dist/expand/components.cjs +4 -4
- package/dist/expand/components.js +2 -2
- package/dist/expand/config.cjs +2 -2
- package/dist/expand/config.js +1 -1
- package/dist/render/common.cjs +4 -4
- package/dist/render/common.d.ts +1 -1
- package/dist/render/common.js +4 -4
- package/dist/render/config.cjs +1 -2
- package/dist/render/config.js +1 -2
- package/dist/viewer/design.cjs +1 -1
- package/dist/viewer/design.js +2 -2
- package/package.json +2 -2
- package/dist/components/design/resizable.css +0 -80
- package/dist/components/output/gener.css +0 -18
|
@@ -34,6 +34,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
34
34
|
setup(__props) {
|
|
35
35
|
const cs = index.getClass("right-custom");
|
|
36
36
|
const right = vue.inject("right");
|
|
37
|
+
const config = vue.inject("config");
|
|
37
38
|
const onClick = () => {
|
|
38
39
|
const name = vue.ref("");
|
|
39
40
|
index$1.BoxFun(
|
|
@@ -78,7 +79,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
78
79
|
])]),
|
|
79
80
|
_: 1
|
|
80
81
|
}),
|
|
81
|
-
vue.
|
|
82
|
+
!vue.unref(config).view ? (vue.openBlock(), vue.createBlock(view_vue_vue_type_script_setup_true_lang.default, {
|
|
83
|
+
key: 0,
|
|
82
84
|
top: "设置数据",
|
|
83
85
|
modelValue: vue.unref(right),
|
|
84
86
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(right) ? right.value = $event : null)
|
|
@@ -92,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
92
94
|
})
|
|
93
95
|
]),
|
|
94
96
|
_: 1
|
|
95
|
-
}, 8, ["modelValue"])
|
|
97
|
+
}, 8, ["modelValue"])) : vue.createCommentVNode("", true)
|
|
96
98
|
], 2),
|
|
97
99
|
vue.createVNode(general_vue_vue_type_script_setup_true_lang.default),
|
|
98
100
|
vue.createVNode(configs_vue_vue_type_script_setup_true_lang.default),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ElInput, ElButton } from "element-plus/es";
|
|
2
2
|
import "element-plus/es/components/base/style/css";
|
|
3
3
|
import "element-plus/es/components/button/style/css";
|
|
4
|
-
import { defineComponent, inject, ref, h, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, isRef } from "vue";
|
|
4
|
+
import { defineComponent, inject, ref, h, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, createBlock, isRef, createCommentVNode } from "vue";
|
|
5
5
|
import "../../editor/view.js";
|
|
6
6
|
import "./general.js";
|
|
7
7
|
import "./configs.js";
|
|
@@ -32,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
32
32
|
setup(__props) {
|
|
33
33
|
const cs = getClass("right-custom");
|
|
34
34
|
const right = inject("right");
|
|
35
|
+
const config = inject("config");
|
|
35
36
|
const onClick = () => {
|
|
36
37
|
const name = ref("");
|
|
37
38
|
BoxFun(
|
|
@@ -76,7 +77,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
76
77
|
])]),
|
|
77
78
|
_: 1
|
|
78
79
|
}),
|
|
79
|
-
|
|
80
|
+
!unref(config).view ? (openBlock(), createBlock(_sfc_main$1, {
|
|
81
|
+
key: 0,
|
|
80
82
|
top: "设置数据",
|
|
81
83
|
modelValue: unref(right),
|
|
82
84
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(right) ? right.value = $event : null)
|
|
@@ -90,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
90
92
|
})
|
|
91
93
|
]),
|
|
92
94
|
_: 1
|
|
93
|
-
}, 8, ["modelValue"])
|
|
95
|
+
}, 8, ["modelValue"])) : createCommentVNode("", true)
|
|
94
96
|
], 2),
|
|
95
97
|
createVNode(_sfc_main$2),
|
|
96
98
|
createVNode(_sfc_main$3),
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const border_vue_vue_type_script_setup_true_lang = require("./border2.cjs");
|
|
4
|
+
exports.default = border_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const es = require("element-plus/es");
|
|
4
|
+
require("element-plus/es/components/base/style/css");
|
|
5
|
+
require("element-plus/es/components/color-picker/style/css");
|
|
6
|
+
require("element-plus/es/components/select/style/css");
|
|
7
|
+
require("element-plus/es/components/input-number/style/css");
|
|
8
|
+
const vue = require("vue");
|
|
9
|
+
const splitNum = require("@fangzhongya/utils/basic/string/splitNum");
|
|
10
|
+
const _hoisted_1 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
12
|
+
__name: "border",
|
|
13
|
+
props: {
|
|
14
|
+
modelValue: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: ""
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
emits: ["update:modelValue"],
|
|
20
|
+
setup(__props, { emit: __emit }) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const emit = __emit;
|
|
23
|
+
const width = vue.ref();
|
|
24
|
+
const style = vue.ref();
|
|
25
|
+
const color = vue.ref();
|
|
26
|
+
vue.watch(
|
|
27
|
+
() => props.modelValue,
|
|
28
|
+
() => {
|
|
29
|
+
const [w, s, c] = splitNum.splitNum(props.modelValue, " ", 3);
|
|
30
|
+
width.value = Number(w.replace("px", ""));
|
|
31
|
+
style.value = s;
|
|
32
|
+
color.value = c;
|
|
33
|
+
},
|
|
34
|
+
{ immediate: true }
|
|
35
|
+
);
|
|
36
|
+
vue.watch([() => width.value, () => style.value, () => color.value], () => {
|
|
37
|
+
emit(
|
|
38
|
+
"update:modelValue",
|
|
39
|
+
`${width.value}px ${style.value} ${color.value}`
|
|
40
|
+
);
|
|
41
|
+
});
|
|
42
|
+
const options = [
|
|
43
|
+
{ label: "无边框", value: "none" },
|
|
44
|
+
{ label: "点状边框", value: "dotted" },
|
|
45
|
+
{ label: "虚线", value: "dashed" },
|
|
46
|
+
{ label: "实线", value: "solid" },
|
|
47
|
+
{ label: "双线", value: "double" },
|
|
48
|
+
{ label: "继承", value: "inherit" }
|
|
49
|
+
];
|
|
50
|
+
return (_ctx, _cache) => {
|
|
51
|
+
const _component_el_input_number = es.ElInputNumber;
|
|
52
|
+
const _component_el_select = es.ElSelect;
|
|
53
|
+
const _component_el_color_picker = es.ElColorPicker;
|
|
54
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
55
|
+
vue.createVNode(_component_el_input_number, {
|
|
56
|
+
style: { "flex": "1" },
|
|
57
|
+
modelValue: vue.unref(width),
|
|
58
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(width) ? width.value = $event : null),
|
|
59
|
+
min: 0
|
|
60
|
+
}, null, 8, ["modelValue"]),
|
|
61
|
+
vue.createVNode(_component_el_select, {
|
|
62
|
+
style: { "flex": "0.5" },
|
|
63
|
+
modelValue: vue.unref(style),
|
|
64
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(style) ? style.value = $event : null),
|
|
65
|
+
options
|
|
66
|
+
}, null, 8, ["modelValue"]),
|
|
67
|
+
vue.createVNode(_component_el_color_picker, {
|
|
68
|
+
modelValue: vue.unref(color),
|
|
69
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(color) ? color.value = $event : null),
|
|
70
|
+
"show-alpha": ""
|
|
71
|
+
}, null, 8, ["modelValue"])
|
|
72
|
+
]);
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { ElInputNumber, ElSelect, ElColorPicker } from "element-plus/es";
|
|
2
|
+
import "element-plus/es/components/base/style/css";
|
|
3
|
+
import "element-plus/es/components/color-picker/style/css";
|
|
4
|
+
import "element-plus/es/components/select/style/css";
|
|
5
|
+
import "element-plus/es/components/input-number/style/css";
|
|
6
|
+
import { defineComponent, ref, watch, openBlock, createElementBlock, createVNode, isRef, unref } from "vue";
|
|
7
|
+
import { splitNum } from "@fangzhongya/utils/basic/string/splitNum";
|
|
8
|
+
const _hoisted_1 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
|
|
9
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
10
|
+
__name: "border",
|
|
11
|
+
props: {
|
|
12
|
+
modelValue: {
|
|
13
|
+
type: String,
|
|
14
|
+
default: ""
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
emits: ["update:modelValue"],
|
|
18
|
+
setup(__props, { emit: __emit }) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
const emit = __emit;
|
|
21
|
+
const width = ref();
|
|
22
|
+
const style = ref();
|
|
23
|
+
const color = ref();
|
|
24
|
+
watch(
|
|
25
|
+
() => props.modelValue,
|
|
26
|
+
() => {
|
|
27
|
+
const [w, s, c] = splitNum(props.modelValue, " ", 3);
|
|
28
|
+
width.value = Number(w.replace("px", ""));
|
|
29
|
+
style.value = s;
|
|
30
|
+
color.value = c;
|
|
31
|
+
},
|
|
32
|
+
{ immediate: true }
|
|
33
|
+
);
|
|
34
|
+
watch([() => width.value, () => style.value, () => color.value], () => {
|
|
35
|
+
emit(
|
|
36
|
+
"update:modelValue",
|
|
37
|
+
`${width.value}px ${style.value} ${color.value}`
|
|
38
|
+
);
|
|
39
|
+
});
|
|
40
|
+
const options = [
|
|
41
|
+
{ label: "无边框", value: "none" },
|
|
42
|
+
{ label: "点状边框", value: "dotted" },
|
|
43
|
+
{ label: "虚线", value: "dashed" },
|
|
44
|
+
{ label: "实线", value: "solid" },
|
|
45
|
+
{ label: "双线", value: "double" },
|
|
46
|
+
{ label: "继承", value: "inherit" }
|
|
47
|
+
];
|
|
48
|
+
return (_ctx, _cache) => {
|
|
49
|
+
const _component_el_input_number = ElInputNumber;
|
|
50
|
+
const _component_el_select = ElSelect;
|
|
51
|
+
const _component_el_color_picker = ElColorPicker;
|
|
52
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
53
|
+
createVNode(_component_el_input_number, {
|
|
54
|
+
style: { "flex": "1" },
|
|
55
|
+
modelValue: unref(width),
|
|
56
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(width) ? width.value = $event : null),
|
|
57
|
+
min: 0
|
|
58
|
+
}, null, 8, ["modelValue"]),
|
|
59
|
+
createVNode(_component_el_select, {
|
|
60
|
+
style: { "flex": "0.5" },
|
|
61
|
+
modelValue: unref(style),
|
|
62
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(style) ? style.value = $event : null),
|
|
63
|
+
options
|
|
64
|
+
}, null, 8, ["modelValue"]),
|
|
65
|
+
createVNode(_component_el_color_picker, {
|
|
66
|
+
modelValue: unref(color),
|
|
67
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(color) ? color.value = $event : null),
|
|
68
|
+
"show-alpha": ""
|
|
69
|
+
}, null, 8, ["modelValue"])
|
|
70
|
+
]);
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
export {
|
|
75
|
+
_sfc_main as default
|
|
76
|
+
};
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const es = require("element-plus/es");
|
|
4
|
+
require("element-plus/es/components/base/style/css");
|
|
5
|
+
require("element-plus/es/components/drawer/style/css");
|
|
6
|
+
require("element-plus/es/components/form/style/css");
|
|
7
|
+
require("element-plus/es/components/color-picker/style/css");
|
|
8
|
+
require("element-plus/es/components/form-item/style/css");
|
|
9
|
+
require("element-plus/es/components/input-number/style/css");
|
|
10
|
+
require("element-plus/es/components/button/style/css");
|
|
11
|
+
const vue = require("vue");
|
|
12
|
+
require("./border.cjs");
|
|
13
|
+
const util = require("./util.cjs");
|
|
14
|
+
const border_vue_vue_type_script_setup_true_lang = require("./border2.cjs");
|
|
15
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
16
|
+
__name: "index",
|
|
17
|
+
props: {
|
|
18
|
+
modelValue: {
|
|
19
|
+
type: Boolean
|
|
20
|
+
},
|
|
21
|
+
value: {
|
|
22
|
+
type: Object,
|
|
23
|
+
required: true
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
emits: ["update:modelValue", "update:value", "save"],
|
|
27
|
+
setup(__props, { emit: __emit }) {
|
|
28
|
+
const props = __props;
|
|
29
|
+
const emit = __emit;
|
|
30
|
+
const value = vue.computed({
|
|
31
|
+
get() {
|
|
32
|
+
const v = props.modelValue;
|
|
33
|
+
return v;
|
|
34
|
+
},
|
|
35
|
+
set(value2) {
|
|
36
|
+
emit("update:modelValue", value2);
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const setObj = vue.computed({
|
|
40
|
+
get() {
|
|
41
|
+
return props.value;
|
|
42
|
+
},
|
|
43
|
+
set(value2) {
|
|
44
|
+
emit("update:modelValue", value2);
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
const onSetSave = () => {
|
|
48
|
+
util.setSave(setObj.value);
|
|
49
|
+
};
|
|
50
|
+
return (_ctx, _cache) => {
|
|
51
|
+
const _component_el_button = es.ElButton;
|
|
52
|
+
const _component_el_input_number = es.ElInputNumber;
|
|
53
|
+
const _component_el_form_item = es.ElFormItem;
|
|
54
|
+
const _component_el_color_picker = es.ElColorPicker;
|
|
55
|
+
const _component_el_form = es.ElForm;
|
|
56
|
+
const _component_el_drawer = es.ElDrawer;
|
|
57
|
+
return vue.openBlock(), vue.createBlock(_component_el_drawer, {
|
|
58
|
+
modelValue: vue.unref(value),
|
|
59
|
+
"onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.isRef(value) ? value.value = $event : null),
|
|
60
|
+
title: "设置"
|
|
61
|
+
}, {
|
|
62
|
+
default: vue.withCtx(() => [
|
|
63
|
+
vue.createElementVNode("div", null, [
|
|
64
|
+
vue.createVNode(_component_el_button, { onClick: onSetSave }, {
|
|
65
|
+
default: vue.withCtx(() => [..._cache[13] || (_cache[13] = [
|
|
66
|
+
vue.createTextVNode("本地保存", -1)
|
|
67
|
+
])]),
|
|
68
|
+
_: 1
|
|
69
|
+
})
|
|
70
|
+
]),
|
|
71
|
+
vue.createVNode(_component_el_form, null, {
|
|
72
|
+
default: vue.withCtx(() => [
|
|
73
|
+
vue.createVNode(_component_el_form_item, { label: "内距大小" }, {
|
|
74
|
+
default: vue.withCtx(() => [
|
|
75
|
+
vue.createVNode(_component_el_input_number, {
|
|
76
|
+
modelValue: vue.unref(setObj).padding,
|
|
77
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(setObj).padding = $event),
|
|
78
|
+
min: 0
|
|
79
|
+
}, null, 8, ["modelValue"])
|
|
80
|
+
]),
|
|
81
|
+
_: 1
|
|
82
|
+
}),
|
|
83
|
+
vue.createVNode(_component_el_form_item, { label: "外距大小" }, {
|
|
84
|
+
default: vue.withCtx(() => [
|
|
85
|
+
vue.createVNode(_component_el_input_number, {
|
|
86
|
+
modelValue: vue.unref(setObj).margin,
|
|
87
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(setObj).margin = $event),
|
|
88
|
+
min: 0
|
|
89
|
+
}, null, 8, ["modelValue"])
|
|
90
|
+
]),
|
|
91
|
+
_: 1
|
|
92
|
+
}),
|
|
93
|
+
vue.createVNode(_component_el_form_item, { label: "组件最小高度" }, {
|
|
94
|
+
default: vue.withCtx(() => [
|
|
95
|
+
vue.createVNode(_component_el_input_number, {
|
|
96
|
+
modelValue: vue.unref(setObj).comSize,
|
|
97
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(setObj).comSize = $event),
|
|
98
|
+
min: 20
|
|
99
|
+
}, null, 8, ["modelValue"])
|
|
100
|
+
]),
|
|
101
|
+
_: 1
|
|
102
|
+
}),
|
|
103
|
+
vue.createVNode(_component_el_form_item, { label: "边线" }, {
|
|
104
|
+
default: vue.withCtx(() => [
|
|
105
|
+
vue.createVNode(border_vue_vue_type_script_setup_true_lang.default, {
|
|
106
|
+
modelValue: vue.unref(setObj).border,
|
|
107
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(setObj).border = $event)
|
|
108
|
+
}, null, 8, ["modelValue"])
|
|
109
|
+
]),
|
|
110
|
+
_: 1
|
|
111
|
+
}),
|
|
112
|
+
vue.createVNode(_component_el_form_item, { label: "可拖拽背景" }, {
|
|
113
|
+
default: vue.withCtx(() => [
|
|
114
|
+
vue.createVNode(_component_el_color_picker, {
|
|
115
|
+
modelValue: vue.unref(setObj).dragBackg,
|
|
116
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(setObj).dragBackg = $event),
|
|
117
|
+
"show-alpha": ""
|
|
118
|
+
}, null, 8, ["modelValue"])
|
|
119
|
+
]),
|
|
120
|
+
_: 1
|
|
121
|
+
}),
|
|
122
|
+
vue.createVNode(_component_el_form_item, { label: "可拖入背景" }, {
|
|
123
|
+
default: vue.withCtx(() => [
|
|
124
|
+
vue.createVNode(_component_el_color_picker, {
|
|
125
|
+
modelValue: vue.unref(setObj).putBackg,
|
|
126
|
+
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(setObj).putBackg = $event),
|
|
127
|
+
"show-alpha": ""
|
|
128
|
+
}, null, 8, ["modelValue"])
|
|
129
|
+
]),
|
|
130
|
+
_: 1
|
|
131
|
+
}),
|
|
132
|
+
vue.createVNode(_component_el_form_item, { label: "可拖入边线" }, {
|
|
133
|
+
default: vue.withCtx(() => [
|
|
134
|
+
vue.createVNode(border_vue_vue_type_script_setup_true_lang.default, {
|
|
135
|
+
modelValue: vue.unref(setObj).dragBorder,
|
|
136
|
+
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(setObj).dragBorder = $event)
|
|
137
|
+
}, null, 8, ["modelValue"])
|
|
138
|
+
]),
|
|
139
|
+
_: 1
|
|
140
|
+
}),
|
|
141
|
+
vue.createVNode(_component_el_form_item, { label: "可拖入最小高度" }, {
|
|
142
|
+
default: vue.withCtx(() => [
|
|
143
|
+
vue.createVNode(_component_el_input_number, {
|
|
144
|
+
modelValue: vue.unref(setObj).putSize,
|
|
145
|
+
"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(setObj).putSize = $event),
|
|
146
|
+
min: 30
|
|
147
|
+
}, null, 8, ["modelValue"])
|
|
148
|
+
]),
|
|
149
|
+
_: 1
|
|
150
|
+
}),
|
|
151
|
+
vue.createVNode(_component_el_form_item, { label: "选中时背景" }, {
|
|
152
|
+
default: vue.withCtx(() => [
|
|
153
|
+
vue.createVNode(_component_el_color_picker, {
|
|
154
|
+
modelValue: vue.unref(setObj).onBackg,
|
|
155
|
+
"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(setObj).onBackg = $event),
|
|
156
|
+
"show-alpha": ""
|
|
157
|
+
}, null, 8, ["modelValue"])
|
|
158
|
+
]),
|
|
159
|
+
_: 1
|
|
160
|
+
}),
|
|
161
|
+
vue.createVNode(_component_el_form_item, { label: "选中时边线" }, {
|
|
162
|
+
default: vue.withCtx(() => [
|
|
163
|
+
vue.createVNode(border_vue_vue_type_script_setup_true_lang.default, {
|
|
164
|
+
modelValue: vue.unref(setObj).onBorder,
|
|
165
|
+
"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(setObj).onBorder = $event)
|
|
166
|
+
}, null, 8, ["modelValue"])
|
|
167
|
+
]),
|
|
168
|
+
_: 1
|
|
169
|
+
}),
|
|
170
|
+
vue.createVNode(_component_el_form_item, { label: "选中最小宽度" }, {
|
|
171
|
+
default: vue.withCtx(() => [
|
|
172
|
+
vue.createVNode(_component_el_input_number, {
|
|
173
|
+
modelValue: vue.unref(setObj).onMinWidth,
|
|
174
|
+
"onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(setObj).onMinWidth = $event),
|
|
175
|
+
min: 0
|
|
176
|
+
}, null, 8, ["modelValue"])
|
|
177
|
+
]),
|
|
178
|
+
_: 1
|
|
179
|
+
}),
|
|
180
|
+
vue.createVNode(_component_el_form_item, { label: "选中最小高度" }, {
|
|
181
|
+
default: vue.withCtx(() => [
|
|
182
|
+
vue.createVNode(_component_el_input_number, {
|
|
183
|
+
modelValue: vue.unref(setObj).onMinHeight,
|
|
184
|
+
"onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(setObj).onMinHeight = $event),
|
|
185
|
+
min: 0
|
|
186
|
+
}, null, 8, ["modelValue"])
|
|
187
|
+
]),
|
|
188
|
+
_: 1
|
|
189
|
+
})
|
|
190
|
+
]),
|
|
191
|
+
_: 1
|
|
192
|
+
})
|
|
193
|
+
]),
|
|
194
|
+
_: 1
|
|
195
|
+
}, 8, ["modelValue"]);
|
|
196
|
+
};
|
|
197
|
+
}
|
|
198
|
+
});
|
|
199
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
import { ElButton, ElInputNumber, ElFormItem, ElColorPicker, ElForm, ElDrawer } from "element-plus/es";
|
|
2
|
+
import "element-plus/es/components/base/style/css";
|
|
3
|
+
import "element-plus/es/components/drawer/style/css";
|
|
4
|
+
import "element-plus/es/components/form/style/css";
|
|
5
|
+
import "element-plus/es/components/color-picker/style/css";
|
|
6
|
+
import "element-plus/es/components/form-item/style/css";
|
|
7
|
+
import "element-plus/es/components/input-number/style/css";
|
|
8
|
+
import "element-plus/es/components/button/style/css";
|
|
9
|
+
import { defineComponent, computed, openBlock, createBlock, isRef, unref, withCtx, createElementVNode, createVNode, createTextVNode } from "vue";
|
|
10
|
+
import "./border.js";
|
|
11
|
+
import { setSave } from "./util.js";
|
|
12
|
+
import _sfc_main$1 from "./border2.js";
|
|
13
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
|
+
__name: "index",
|
|
15
|
+
props: {
|
|
16
|
+
modelValue: {
|
|
17
|
+
type: Boolean
|
|
18
|
+
},
|
|
19
|
+
value: {
|
|
20
|
+
type: Object,
|
|
21
|
+
required: true
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
emits: ["update:modelValue", "update:value", "save"],
|
|
25
|
+
setup(__props, { emit: __emit }) {
|
|
26
|
+
const props = __props;
|
|
27
|
+
const emit = __emit;
|
|
28
|
+
const value = computed({
|
|
29
|
+
get() {
|
|
30
|
+
const v = props.modelValue;
|
|
31
|
+
return v;
|
|
32
|
+
},
|
|
33
|
+
set(value2) {
|
|
34
|
+
emit("update:modelValue", value2);
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
const setObj = computed({
|
|
38
|
+
get() {
|
|
39
|
+
return props.value;
|
|
40
|
+
},
|
|
41
|
+
set(value2) {
|
|
42
|
+
emit("update:modelValue", value2);
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
const onSetSave = () => {
|
|
46
|
+
setSave(setObj.value);
|
|
47
|
+
};
|
|
48
|
+
return (_ctx, _cache) => {
|
|
49
|
+
const _component_el_button = ElButton;
|
|
50
|
+
const _component_el_input_number = ElInputNumber;
|
|
51
|
+
const _component_el_form_item = ElFormItem;
|
|
52
|
+
const _component_el_color_picker = ElColorPicker;
|
|
53
|
+
const _component_el_form = ElForm;
|
|
54
|
+
const _component_el_drawer = ElDrawer;
|
|
55
|
+
return openBlock(), createBlock(_component_el_drawer, {
|
|
56
|
+
modelValue: unref(value),
|
|
57
|
+
"onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => isRef(value) ? value.value = $event : null),
|
|
58
|
+
title: "设置"
|
|
59
|
+
}, {
|
|
60
|
+
default: withCtx(() => [
|
|
61
|
+
createElementVNode("div", null, [
|
|
62
|
+
createVNode(_component_el_button, { onClick: onSetSave }, {
|
|
63
|
+
default: withCtx(() => [..._cache[13] || (_cache[13] = [
|
|
64
|
+
createTextVNode("本地保存", -1)
|
|
65
|
+
])]),
|
|
66
|
+
_: 1
|
|
67
|
+
})
|
|
68
|
+
]),
|
|
69
|
+
createVNode(_component_el_form, null, {
|
|
70
|
+
default: withCtx(() => [
|
|
71
|
+
createVNode(_component_el_form_item, { label: "内距大小" }, {
|
|
72
|
+
default: withCtx(() => [
|
|
73
|
+
createVNode(_component_el_input_number, {
|
|
74
|
+
modelValue: unref(setObj).padding,
|
|
75
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(setObj).padding = $event),
|
|
76
|
+
min: 0
|
|
77
|
+
}, null, 8, ["modelValue"])
|
|
78
|
+
]),
|
|
79
|
+
_: 1
|
|
80
|
+
}),
|
|
81
|
+
createVNode(_component_el_form_item, { label: "外距大小" }, {
|
|
82
|
+
default: withCtx(() => [
|
|
83
|
+
createVNode(_component_el_input_number, {
|
|
84
|
+
modelValue: unref(setObj).margin,
|
|
85
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(setObj).margin = $event),
|
|
86
|
+
min: 0
|
|
87
|
+
}, null, 8, ["modelValue"])
|
|
88
|
+
]),
|
|
89
|
+
_: 1
|
|
90
|
+
}),
|
|
91
|
+
createVNode(_component_el_form_item, { label: "组件最小高度" }, {
|
|
92
|
+
default: withCtx(() => [
|
|
93
|
+
createVNode(_component_el_input_number, {
|
|
94
|
+
modelValue: unref(setObj).comSize,
|
|
95
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(setObj).comSize = $event),
|
|
96
|
+
min: 20
|
|
97
|
+
}, null, 8, ["modelValue"])
|
|
98
|
+
]),
|
|
99
|
+
_: 1
|
|
100
|
+
}),
|
|
101
|
+
createVNode(_component_el_form_item, { label: "边线" }, {
|
|
102
|
+
default: withCtx(() => [
|
|
103
|
+
createVNode(_sfc_main$1, {
|
|
104
|
+
modelValue: unref(setObj).border,
|
|
105
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(setObj).border = $event)
|
|
106
|
+
}, null, 8, ["modelValue"])
|
|
107
|
+
]),
|
|
108
|
+
_: 1
|
|
109
|
+
}),
|
|
110
|
+
createVNode(_component_el_form_item, { label: "可拖拽背景" }, {
|
|
111
|
+
default: withCtx(() => [
|
|
112
|
+
createVNode(_component_el_color_picker, {
|
|
113
|
+
modelValue: unref(setObj).dragBackg,
|
|
114
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(setObj).dragBackg = $event),
|
|
115
|
+
"show-alpha": ""
|
|
116
|
+
}, null, 8, ["modelValue"])
|
|
117
|
+
]),
|
|
118
|
+
_: 1
|
|
119
|
+
}),
|
|
120
|
+
createVNode(_component_el_form_item, { label: "可拖入背景" }, {
|
|
121
|
+
default: withCtx(() => [
|
|
122
|
+
createVNode(_component_el_color_picker, {
|
|
123
|
+
modelValue: unref(setObj).putBackg,
|
|
124
|
+
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(setObj).putBackg = $event),
|
|
125
|
+
"show-alpha": ""
|
|
126
|
+
}, null, 8, ["modelValue"])
|
|
127
|
+
]),
|
|
128
|
+
_: 1
|
|
129
|
+
}),
|
|
130
|
+
createVNode(_component_el_form_item, { label: "可拖入边线" }, {
|
|
131
|
+
default: withCtx(() => [
|
|
132
|
+
createVNode(_sfc_main$1, {
|
|
133
|
+
modelValue: unref(setObj).dragBorder,
|
|
134
|
+
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(setObj).dragBorder = $event)
|
|
135
|
+
}, null, 8, ["modelValue"])
|
|
136
|
+
]),
|
|
137
|
+
_: 1
|
|
138
|
+
}),
|
|
139
|
+
createVNode(_component_el_form_item, { label: "可拖入最小高度" }, {
|
|
140
|
+
default: withCtx(() => [
|
|
141
|
+
createVNode(_component_el_input_number, {
|
|
142
|
+
modelValue: unref(setObj).putSize,
|
|
143
|
+
"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(setObj).putSize = $event),
|
|
144
|
+
min: 30
|
|
145
|
+
}, null, 8, ["modelValue"])
|
|
146
|
+
]),
|
|
147
|
+
_: 1
|
|
148
|
+
}),
|
|
149
|
+
createVNode(_component_el_form_item, { label: "选中时背景" }, {
|
|
150
|
+
default: withCtx(() => [
|
|
151
|
+
createVNode(_component_el_color_picker, {
|
|
152
|
+
modelValue: unref(setObj).onBackg,
|
|
153
|
+
"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(setObj).onBackg = $event),
|
|
154
|
+
"show-alpha": ""
|
|
155
|
+
}, null, 8, ["modelValue"])
|
|
156
|
+
]),
|
|
157
|
+
_: 1
|
|
158
|
+
}),
|
|
159
|
+
createVNode(_component_el_form_item, { label: "选中时边线" }, {
|
|
160
|
+
default: withCtx(() => [
|
|
161
|
+
createVNode(_sfc_main$1, {
|
|
162
|
+
modelValue: unref(setObj).onBorder,
|
|
163
|
+
"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(setObj).onBorder = $event)
|
|
164
|
+
}, null, 8, ["modelValue"])
|
|
165
|
+
]),
|
|
166
|
+
_: 1
|
|
167
|
+
}),
|
|
168
|
+
createVNode(_component_el_form_item, { label: "选中最小宽度" }, {
|
|
169
|
+
default: withCtx(() => [
|
|
170
|
+
createVNode(_component_el_input_number, {
|
|
171
|
+
modelValue: unref(setObj).onMinWidth,
|
|
172
|
+
"onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(setObj).onMinWidth = $event),
|
|
173
|
+
min: 0
|
|
174
|
+
}, null, 8, ["modelValue"])
|
|
175
|
+
]),
|
|
176
|
+
_: 1
|
|
177
|
+
}),
|
|
178
|
+
createVNode(_component_el_form_item, { label: "选中最小高度" }, {
|
|
179
|
+
default: withCtx(() => [
|
|
180
|
+
createVNode(_component_el_input_number, {
|
|
181
|
+
modelValue: unref(setObj).onMinHeight,
|
|
182
|
+
"onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(setObj).onMinHeight = $event),
|
|
183
|
+
min: 0
|
|
184
|
+
}, null, 8, ["modelValue"])
|
|
185
|
+
]),
|
|
186
|
+
_: 1
|
|
187
|
+
})
|
|
188
|
+
]),
|
|
189
|
+
_: 1
|
|
190
|
+
})
|
|
191
|
+
]),
|
|
192
|
+
_: 1
|
|
193
|
+
}, 8, ["modelValue"]);
|
|
194
|
+
};
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
export {
|
|
198
|
+
_sfc_main as default
|
|
199
|
+
};
|