@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.
Files changed (60) hide show
  1. package/dist/components/control/design.cjs +1 -39
  2. package/dist/components/control/design.d.ts +0 -3
  3. package/dist/components/control/design.js +2 -40
  4. package/dist/components/design/design-drag2.cjs +0 -3
  5. package/dist/components/design/design-drag2.js +1 -4
  6. package/dist/components/design/design-resizable2.cjs +3 -2
  7. package/dist/components/design/design-resizable2.js +5 -4
  8. package/dist/components/design/resizable.cjs +1 -4
  9. package/dist/components/design/resizable.js +1 -4
  10. package/dist/components/design/resizable2.cjs +2 -2
  11. package/dist/components/design/resizable2.js +2 -2
  12. package/dist/components/editor/view2.cjs +40 -27
  13. package/dist/components/editor/view2.js +41 -28
  14. package/dist/components/generated/index2.cjs +27 -13
  15. package/dist/components/generated/index2.js +23 -9
  16. package/dist/components/index.css +157 -59
  17. package/dist/components/index2.cjs +66 -407
  18. package/dist/components/index2.js +55 -396
  19. package/dist/components/output/gener.cjs +0 -1
  20. package/dist/components/output/gener.js +0 -1
  21. package/dist/components/output/gener2.cjs +12 -8
  22. package/dist/components/output/gener2.js +11 -7
  23. package/dist/components/right/custom/index2.cjs +4 -2
  24. package/dist/components/right/custom/index2.js +5 -3
  25. package/dist/components/set/border.cjs +4 -0
  26. package/dist/components/set/border.js +4 -0
  27. package/dist/components/set/border2.cjs +76 -0
  28. package/dist/components/set/border2.js +76 -0
  29. package/dist/components/set/index.cjs +4 -0
  30. package/dist/components/set/index.js +4 -0
  31. package/dist/components/set/index2.cjs +199 -0
  32. package/dist/components/set/index2.js +199 -0
  33. package/dist/components/set/util.cjs +45 -0
  34. package/dist/components/set/util.d.ts +16 -0
  35. package/dist/components/set/util.js +45 -0
  36. package/dist/components/top/index.cjs +4 -0
  37. package/dist/components/top/index.js +4 -0
  38. package/dist/components/top/index2.cjs +414 -0
  39. package/dist/components/top/index2.js +414 -0
  40. package/dist/effect/design.cjs +1 -39
  41. package/dist/effect/design.d.ts +0 -3
  42. package/dist/effect/design.js +2 -40
  43. package/dist/effect/draggable.cjs +2 -2
  44. package/dist/effect/draggable.js +2 -2
  45. package/dist/expand/{chunk-ZJCFZ63F.cjs → chunk-DSW4WFHO.cjs} +1 -1
  46. package/dist/expand/{chunk-I2RMOBDW.js → chunk-JTAMOZ6S.js} +1 -1
  47. package/dist/expand/components.cjs +4 -4
  48. package/dist/expand/components.js +2 -2
  49. package/dist/expand/config.cjs +2 -2
  50. package/dist/expand/config.js +1 -1
  51. package/dist/render/common.cjs +4 -4
  52. package/dist/render/common.d.ts +1 -1
  53. package/dist/render/common.js +4 -4
  54. package/dist/render/config.cjs +1 -2
  55. package/dist/render/config.js +1 -2
  56. package/dist/viewer/design.cjs +1 -1
  57. package/dist/viewer/design.js +2 -2
  58. package/package.json +2 -2
  59. package/dist/components/design/resizable.css +0 -80
  60. 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.createVNode(view_vue_vue_type_script_setup_true_lang.default, {
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
- createVNode(_sfc_main$1, {
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,4 @@
1
+ import _sfc_main from "./border2.js";
2
+ export {
3
+ _sfc_main as default
4
+ };
@@ -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,4 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
4
+ exports.default = index_vue_vue_type_script_setup_true_lang.default;
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "./index2.js";
2
+ export {
3
+ _sfc_main as default
4
+ };
@@ -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
+ };