@vipl520/dk-ui 1.0.70 → 1.0.72

Sign up to get free protection for your applications and to get access to all the features.
Files changed (155) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +2786 -806
  3. package/dist/index.min.js +9 -4
  4. package/dist/index.min.js.map +1 -1
  5. package/dist/index.min.mjs +9 -4
  6. package/dist/index.min.mjs.map +1 -1
  7. package/dist/index.mjs +2788 -808
  8. package/dist/web-types.json +1 -1
  9. package/es/page-diy/index.mjs +2 -0
  10. package/es/page-diy/index.mjs.map +1 -1
  11. package/es/page-diy/src/components/forms/DkCubeImageInput.vue.d.ts +26 -0
  12. package/es/page-diy/src/components/forms/DkCubeImageInput.vue.mjs +7 -0
  13. package/es/page-diy/src/components/forms/DkCubeImageInput.vue.mjs.map +1 -0
  14. package/es/page-diy/src/components/forms/DkCubeImageInput.vue2.mjs +372 -0
  15. package/es/page-diy/src/components/forms/DkCubeImageInput.vue2.mjs.map +1 -0
  16. package/es/page-diy/src/components/forms/DkEventCreateInput.vue.d.ts +0 -9
  17. package/es/page-diy/src/components/forms/DkEventCreateInput.vue2.mjs +0 -4
  18. package/es/page-diy/src/components/forms/DkEventCreateInput.vue2.mjs.map +1 -1
  19. package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs +12 -15
  20. package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs.map +1 -1
  21. package/es/page-diy/src/config/rule/min/common/DkMinBlank.d.ts +1 -1
  22. package/es/page-diy/src/config/rule/min/common/DkMinBlank.mjs +2 -2
  23. package/es/page-diy/src/config/rule/min/common/DkMinBlank.mjs.map +1 -1
  24. package/es/page-diy/src/config/rule/min/common/DkMinCubeImage.d.ts +48 -0
  25. package/es/page-diy/src/config/rule/min/common/DkMinCubeImage.mjs +49 -0
  26. package/es/page-diy/src/config/rule/min/common/DkMinCubeImage.mjs.map +1 -0
  27. package/es/page-diy/src/config/rule/min/common/DkMinGrid.d.ts +31 -2
  28. package/es/page-diy/src/config/rule/min/common/DkMinGrid.mjs +30 -3
  29. package/es/page-diy/src/config/rule/min/common/DkMinGrid.mjs.map +1 -1
  30. package/es/page-diy/src/config/rule/min/common/DkMinHotArea.mjs +1 -1
  31. package/es/page-diy/src/config/rule/min/common/DkMinHotArea.mjs.map +1 -1
  32. package/es/page-diy/src/config/rule/min/common/DkMinImage.d.ts +122 -0
  33. package/es/page-diy/src/config/rule/min/common/DkMinImage.mjs +144 -0
  34. package/es/page-diy/src/config/rule/min/common/DkMinImage.mjs.map +1 -0
  35. package/es/page-diy/src/config/rule/min/common/DkMinModal.d.ts +91 -0
  36. package/es/page-diy/src/config/rule/min/common/DkMinModal.mjs +85 -0
  37. package/es/page-diy/src/config/rule/min/common/DkMinModal.mjs.map +1 -0
  38. package/es/page-diy/src/config/rule/min/common/DkMinSwiperImage.d.ts +25 -6
  39. package/es/page-diy/src/config/rule/min/common/DkMinSwiperImage.mjs +25 -7
  40. package/es/page-diy/src/config/rule/min/common/DkMinSwiperImage.mjs.map +1 -1
  41. package/es/page-diy/src/config/rule/min/common/DkMinVideo.mjs +1 -1
  42. package/es/page-diy/src/config/rule/min/common/DkMinVideo.mjs.map +1 -1
  43. package/es/page-diy/src/config/rule/min/common/index.d.ts +880 -286
  44. package/es/page-diy/src/config/rule/min/common/index.mjs +22 -5
  45. package/es/page-diy/src/config/rule/min/common/index.mjs.map +1 -1
  46. package/es/page-diy/src/config/rule/min/index.d.ts +846 -252
  47. package/es/page-diy/src/views/min/DkMinCubeImage.vue.d.ts +60 -0
  48. package/es/page-diy/src/views/min/DkMinCubeImage.vue.mjs +184 -0
  49. package/es/page-diy/src/views/min/DkMinCubeImage.vue.mjs.map +1 -0
  50. package/es/page-diy/src/views/min/DkMinImage.vue.d.ts +135 -0
  51. package/es/page-diy/src/views/min/DkMinImage.vue.mjs +84 -0
  52. package/es/page-diy/src/views/min/DkMinImage.vue.mjs.map +1 -0
  53. package/es/page-diy/src/views/min/DkMinModal.vue.d.ts +41 -0
  54. package/es/page-diy/src/views/min/DkMinModal.vue.mjs +34 -0
  55. package/es/page-diy/src/views/min/DkMinModal.vue.mjs.map +1 -0
  56. package/es/page-diy/src/views/min/index.mjs +7 -1
  57. package/es/page-diy/src/views/min/index.mjs.map +1 -1
  58. package/es/page-diy/style/cube-image.css +1 -0
  59. package/es/page-diy/style/cube-image.scss +71 -0
  60. package/es/page-diy/style/index.css +1 -1
  61. package/es/page-diy/style/index.scss +1 -0
  62. package/es/page-diy/style/minViews/index.scss +89 -0
  63. package/es/style-box-input/src/style-box-input.vue2.mjs +135 -91
  64. package/es/style-box-input/src/style-box-input.vue2.mjs.map +1 -1
  65. package/es/table/index.d.ts +15 -0
  66. package/es/table/src/components/ComSearch.vue2.mjs +21 -12
  67. package/es/table/src/components/ComSearch.vue2.mjs.map +1 -1
  68. package/es/table/src/components/FieldRender.vue2.mjs +42 -22
  69. package/es/table/src/components/FieldRender.vue2.mjs.map +1 -1
  70. package/es/table/src/components/header.vue2.mjs +2 -2
  71. package/es/table/src/components/header.vue2.mjs.map +1 -1
  72. package/es/table/src/props.d.ts +4 -0
  73. package/es/table/src/props.mjs +4 -0
  74. package/es/table/src/props.mjs.map +1 -1
  75. package/es/table/src/table.vue.d.ts +9 -0
  76. package/es/table/src/table.vue2.mjs +3 -2
  77. package/es/table/src/table.vue2.mjs.map +1 -1
  78. package/es/table/utils/dkTable.mjs +4 -1
  79. package/es/table/utils/dkTable.mjs.map +1 -1
  80. package/es/tiny-editor/src/tiny-editor.vue2.mjs +0 -1
  81. package/es/tiny-editor/src/tiny-editor.vue2.mjs.map +1 -1
  82. package/lib/page-diy/index.js +2 -0
  83. package/lib/page-diy/index.js.map +1 -1
  84. package/lib/page-diy/src/components/forms/DkCubeImageInput.vue.d.ts +26 -0
  85. package/lib/page-diy/src/components/forms/DkCubeImageInput.vue.js +11 -0
  86. package/lib/page-diy/src/components/forms/DkCubeImageInput.vue.js.map +1 -0
  87. package/lib/page-diy/src/components/forms/DkCubeImageInput.vue2.js +376 -0
  88. package/lib/page-diy/src/components/forms/DkCubeImageInput.vue2.js.map +1 -0
  89. package/lib/page-diy/src/components/forms/DkEventCreateInput.vue.d.ts +0 -9
  90. package/lib/page-diy/src/components/forms/DkEventCreateInput.vue2.js +0 -4
  91. package/lib/page-diy/src/components/forms/DkEventCreateInput.vue2.js.map +1 -1
  92. package/lib/page-diy/src/components/forms/DkEventSelectInput.vue.js +12 -15
  93. package/lib/page-diy/src/components/forms/DkEventSelectInput.vue.js.map +1 -1
  94. package/lib/page-diy/src/config/rule/min/common/DkMinBlank.d.ts +1 -1
  95. package/lib/page-diy/src/config/rule/min/common/DkMinBlank.js +2 -2
  96. package/lib/page-diy/src/config/rule/min/common/DkMinBlank.js.map +1 -1
  97. package/lib/page-diy/src/config/rule/min/common/DkMinCubeImage.d.ts +48 -0
  98. package/lib/page-diy/src/config/rule/min/common/DkMinCubeImage.js +53 -0
  99. package/lib/page-diy/src/config/rule/min/common/DkMinCubeImage.js.map +1 -0
  100. package/lib/page-diy/src/config/rule/min/common/DkMinGrid.d.ts +31 -2
  101. package/lib/page-diy/src/config/rule/min/common/DkMinGrid.js +30 -3
  102. package/lib/page-diy/src/config/rule/min/common/DkMinGrid.js.map +1 -1
  103. package/lib/page-diy/src/config/rule/min/common/DkMinHotArea.js +1 -1
  104. package/lib/page-diy/src/config/rule/min/common/DkMinHotArea.js.map +1 -1
  105. package/lib/page-diy/src/config/rule/min/common/DkMinImage.d.ts +122 -0
  106. package/lib/page-diy/src/config/rule/min/common/DkMinImage.js +148 -0
  107. package/lib/page-diy/src/config/rule/min/common/DkMinImage.js.map +1 -0
  108. package/lib/page-diy/src/config/rule/min/common/DkMinModal.d.ts +91 -0
  109. package/lib/page-diy/src/config/rule/min/common/DkMinModal.js +89 -0
  110. package/lib/page-diy/src/config/rule/min/common/DkMinModal.js.map +1 -0
  111. package/lib/page-diy/src/config/rule/min/common/DkMinSwiperImage.d.ts +25 -6
  112. package/lib/page-diy/src/config/rule/min/common/DkMinSwiperImage.js +25 -7
  113. package/lib/page-diy/src/config/rule/min/common/DkMinSwiperImage.js.map +1 -1
  114. package/lib/page-diy/src/config/rule/min/common/DkMinVideo.js +1 -1
  115. package/lib/page-diy/src/config/rule/min/common/DkMinVideo.js.map +1 -1
  116. package/lib/page-diy/src/config/rule/min/common/index.d.ts +880 -286
  117. package/lib/page-diy/src/config/rule/min/common/index.js +22 -5
  118. package/lib/page-diy/src/config/rule/min/common/index.js.map +1 -1
  119. package/lib/page-diy/src/config/rule/min/index.d.ts +846 -252
  120. package/lib/page-diy/src/views/min/DkMinCubeImage.vue.d.ts +60 -0
  121. package/lib/page-diy/src/views/min/DkMinCubeImage.vue.js +188 -0
  122. package/lib/page-diy/src/views/min/DkMinCubeImage.vue.js.map +1 -0
  123. package/lib/page-diy/src/views/min/DkMinImage.vue.d.ts +135 -0
  124. package/lib/page-diy/src/views/min/DkMinImage.vue.js +88 -0
  125. package/lib/page-diy/src/views/min/DkMinImage.vue.js.map +1 -0
  126. package/lib/page-diy/src/views/min/DkMinModal.vue.d.ts +41 -0
  127. package/lib/page-diy/src/views/min/DkMinModal.vue.js +38 -0
  128. package/lib/page-diy/src/views/min/DkMinModal.vue.js.map +1 -0
  129. package/lib/page-diy/src/views/min/index.js +7 -1
  130. package/lib/page-diy/src/views/min/index.js.map +1 -1
  131. package/lib/page-diy/style/cube-image.css +1 -0
  132. package/lib/page-diy/style/cube-image.scss +71 -0
  133. package/lib/page-diy/style/index.css +1 -1
  134. package/lib/page-diy/style/index.scss +1 -0
  135. package/lib/page-diy/style/minViews/index.scss +89 -0
  136. package/lib/style-box-input/src/style-box-input.vue2.js +134 -90
  137. package/lib/style-box-input/src/style-box-input.vue2.js.map +1 -1
  138. package/lib/table/index.d.ts +15 -0
  139. package/lib/table/src/components/ComSearch.vue2.js +21 -12
  140. package/lib/table/src/components/ComSearch.vue2.js.map +1 -1
  141. package/lib/table/src/components/FieldRender.vue2.js +41 -21
  142. package/lib/table/src/components/FieldRender.vue2.js.map +1 -1
  143. package/lib/table/src/components/header.vue2.js +2 -2
  144. package/lib/table/src/components/header.vue2.js.map +1 -1
  145. package/lib/table/src/props.d.ts +4 -0
  146. package/lib/table/src/props.js +4 -0
  147. package/lib/table/src/props.js.map +1 -1
  148. package/lib/table/src/table.vue.d.ts +9 -0
  149. package/lib/table/src/table.vue2.js +3 -2
  150. package/lib/table/src/table.vue2.js.map +1 -1
  151. package/lib/table/utils/dkTable.js +4 -1
  152. package/lib/table/utils/dkTable.js.map +1 -1
  153. package/lib/tiny-editor/src/tiny-editor.vue2.js +0 -1
  154. package/lib/tiny-editor/src/tiny-editor.vue2.js.map +1 -1
  155. package/package.json +1 -1
@@ -0,0 +1,376 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ var core = require('@vueuse/core');
7
+ var DkEventSelectInput = require('./DkEventSelectInput.vue.js');
8
+
9
+ const _hoisted_1 = ["data-x", "data-y", "onClick", "onMouseenter"];
10
+ const _hoisted_2 = ["onClick"];
11
+ const _hoisted_3 = { key: 0 };
12
+ const _hoisted_4 = { class: "cube-selected-text" };
13
+ const _hoisted_5 = { key: 1 };
14
+ const _hoisted_6 = ["src"];
15
+ const _hoisted_7 = { key: 0 };
16
+ const __default__ = vue.defineComponent({
17
+ name: "DkCubeImageInput"
18
+ });
19
+ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
20
+ ...__default__,
21
+ props: {
22
+ modelValue: {
23
+ default: () => {
24
+ return {};
25
+ },
26
+ type: Object
27
+ },
28
+ imageStyle: {
29
+ default: () => {
30
+ return {};
31
+ },
32
+ type: Object
33
+ }
34
+ },
35
+ emits: ["input", "update:modelValue"],
36
+ setup(__props, { emit }) {
37
+ const props = __props;
38
+ const designCube = vue.ref(null);
39
+ const { width } = core.useElementSize(designCube);
40
+ const form = vue.reactive({
41
+ density: 4
42
+ });
43
+ const itemStyle = vue.computed(() => {
44
+ const size = width.value / form.density;
45
+ return {
46
+ width: size + "px",
47
+ height: size + "px"
48
+ };
49
+ });
50
+ const selectionStart = vue.ref(null);
51
+ const selectionEnd = vue.ref(null);
52
+ const selectedCubes = vue.ref([]);
53
+ const emitData = vue.computed(() => {
54
+ return {
55
+ density: form.density,
56
+ selectedCubes: selectedCubes.value
57
+ };
58
+ });
59
+ const onChangeDensity = () => {
60
+ selectedCubes.value = [];
61
+ selectionStart.value = null;
62
+ };
63
+ vue.watch(
64
+ () => emitData,
65
+ () => {
66
+ console.log("emitData", emitData.value);
67
+ emit("update:modelValue", emitData.value);
68
+ },
69
+ {
70
+ deep: true
71
+ }
72
+ );
73
+ vue.watch(
74
+ () => props.modelValue,
75
+ () => {
76
+ form.density = props.modelValue.density;
77
+ selectedCubes.value = props.modelValue.selectedCubes;
78
+ }
79
+ );
80
+ vue.onMounted(() => {
81
+ form.density = props.modelValue.density || 4;
82
+ selectedCubes.value = props.modelValue.selectedCubes || [];
83
+ });
84
+ const checkSelecting = (x, y) => {
85
+ const isSelected = selectedCubes.value.some((cube) => {
86
+ const startX2 = Math.min(cube.start.x, cube.end.x);
87
+ const endX2 = Math.max(cube.start.x, cube.end.x);
88
+ const startY2 = Math.min(cube.start.y, cube.end.y);
89
+ const endY2 = Math.max(cube.start.y, cube.end.y);
90
+ return x >= startX2 && x <= endX2 && y >= startY2 && y <= endY2;
91
+ });
92
+ if (isSelected)
93
+ return false;
94
+ if (!selectionStart.value || !selectionEnd.value)
95
+ return false;
96
+ const startX = Math.min(selectionStart.value.x, selectionEnd.value.x);
97
+ const endX = Math.max(selectionStart.value.x, selectionEnd.value.x);
98
+ const startY = Math.min(selectionStart.value.y, selectionEnd.value.y);
99
+ const endY = Math.max(selectionStart.value.y, selectionEnd.value.y);
100
+ const overlapsWithSelected = selectedCubes.value.some((cube) => {
101
+ const selStartX = Math.min(cube.start.x, cube.end.x);
102
+ const selEndX = Math.max(cube.start.x, cube.end.x);
103
+ const selStartY = Math.min(cube.start.y, cube.end.y);
104
+ const selEndY = Math.max(cube.start.y, cube.end.y);
105
+ return !(endX < selStartX || startX > selEndX || endY < selStartY || startY > selEndY);
106
+ });
107
+ if (overlapsWithSelected)
108
+ return false;
109
+ return x >= startX && x <= endX && y >= startY && y <= endY;
110
+ };
111
+ const moduleSize = vue.computed(() => width.value / form.density);
112
+ const getSelectedAreaStyle = (cube) => {
113
+ const startX = Math.min(cube.start.x, cube.end.x) - 1;
114
+ const endX = Math.max(cube.start.x, cube.end.x);
115
+ const startY = Math.min(cube.start.y, cube.end.y) - 1;
116
+ const endY = Math.max(cube.start.y, cube.end.y);
117
+ return {
118
+ width: `${(endX - startX) * moduleSize.value}px`,
119
+ height: `${(endY - startY) * moduleSize.value}px`,
120
+ top: `${startY * moduleSize.value}px`,
121
+ left: `${startX * moduleSize.value}px`
122
+ };
123
+ };
124
+ const referenceWidth = 750;
125
+ const getReferenceSize = (cube) => {
126
+ const startX = Math.min(cube.start.x, cube.end.x);
127
+ const endX = Math.max(cube.start.x, cube.end.x);
128
+ const startY = Math.min(cube.start.y, cube.end.y);
129
+ const endY = Math.max(cube.start.y, cube.end.y);
130
+ const moduleWidth = referenceWidth / form.density;
131
+ const width2 = (endX - startX + 1) * moduleWidth;
132
+ const height = (endY - startY + 1) * moduleWidth;
133
+ return `${Math.round(width2)} x ${Math.round(height)} \u50CF\u7D20`;
134
+ };
135
+ const selectedAreaIndex = vue.ref(-1);
136
+ const onClickSelectedArea = (k) => {
137
+ selectedAreaIndex.value = k;
138
+ };
139
+ const onDeleteCubes = (k) => {
140
+ selectedAreaIndex.value = -1;
141
+ selectedCubes.value.splice(k, 1);
142
+ };
143
+ const onSelectCube = (x, y) => {
144
+ if (selectionStart.value == null) {
145
+ selectionStart.value = {
146
+ x,
147
+ y
148
+ };
149
+ } else if (checkSelecting(x, y)) {
150
+ selectedCubes.value.push({
151
+ start: selectionStart.value,
152
+ end: { x, y },
153
+ path: "",
154
+ clickType: "path"
155
+ });
156
+ selectionStart.value = null;
157
+ selectedAreaIndex.value = selectedCubes.value.length - 1;
158
+ }
159
+ };
160
+ const onMousemove = (x, y) => {
161
+ selectionEnd.value = { x, y };
162
+ };
163
+ return (_ctx, _cache) => {
164
+ const _component_el_option = vue.resolveComponent("el-option");
165
+ const _component_el_select = vue.resolveComponent("el-select");
166
+ const _component_el_form_item = vue.resolveComponent("el-form-item");
167
+ const _component_dk_icon = vue.resolveComponent("dk-icon");
168
+ const _component_dk_image_input = vue.resolveComponent("dk-image-input");
169
+ const _component_el_radio = vue.resolveComponent("el-radio");
170
+ const _component_el_radio_group = vue.resolveComponent("el-radio-group");
171
+ const _component_dk_url_input = vue.resolveComponent("dk-url-input");
172
+ const _component_el_form = vue.resolveComponent("el-form");
173
+ return vue.openBlock(), vue.createElementBlock("div", null, [
174
+ vue.createVNode(_component_el_form, {
175
+ model: form,
176
+ "label-width": "auto",
177
+ style: { "max-width": "400px" },
178
+ "label-position": "left"
179
+ }, {
180
+ default: vue.withCtx(() => [
181
+ vue.createVNode(_component_el_form_item, { label: "\u9B54\u65B9\u5BC6\u5EA6" }, {
182
+ default: vue.withCtx(() => [
183
+ vue.createVNode(_component_el_select, {
184
+ modelValue: form.density,
185
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.density = $event),
186
+ onChange: _cache[1] || (_cache[1] = ($event) => onChangeDensity())
187
+ }, {
188
+ default: vue.withCtx(() => [
189
+ vue.createVNode(_component_el_option, {
190
+ label: "4x4",
191
+ value: 4
192
+ }),
193
+ vue.createVNode(_component_el_option, {
194
+ label: "5x5",
195
+ value: 5
196
+ }),
197
+ vue.createVNode(_component_el_option, {
198
+ label: "6x6",
199
+ value: 6
200
+ })
201
+ ]),
202
+ _: 1
203
+ /* STABLE */
204
+ }, 8, ["modelValue"])
205
+ ]),
206
+ _: 1
207
+ /* STABLE */
208
+ }),
209
+ vue.createVNode(_component_el_form_item, { style: { "margin": "10px 0" } }, {
210
+ default: vue.withCtx(() => [
211
+ vue.createElementVNode(
212
+ "div",
213
+ {
214
+ ref_key: "designCube",
215
+ ref: designCube,
216
+ class: "design-cube"
217
+ },
218
+ [
219
+ (vue.openBlock(true), vue.createElementBlock(
220
+ vue.Fragment,
221
+ null,
222
+ vue.renderList(form.density, (col) => {
223
+ return vue.openBlock(), vue.createElementBlock("ul", {
224
+ key: col,
225
+ class: "cube-col"
226
+ }, [
227
+ (vue.openBlock(true), vue.createElementBlock(
228
+ vue.Fragment,
229
+ null,
230
+ vue.renderList(form.density, (item) => {
231
+ return vue.openBlock(), vue.createElementBlock("li", {
232
+ key: item,
233
+ class: vue.normalizeClass([{
234
+ "item-selected": selectionStart.value?.x === col && selectionStart.value?.y === item,
235
+ "item-selecting": checkSelecting(col, item)
236
+ }, "cube-item"]),
237
+ "data-x": col,
238
+ "data-y": item,
239
+ style: vue.normalizeStyle(itemStyle.value),
240
+ onClick: ($event) => onSelectCube(col, item),
241
+ onMouseenter: ($event) => onMousemove(col, item)
242
+ }, " + ", 46, _hoisted_1);
243
+ }),
244
+ 128
245
+ /* KEYED_FRAGMENT */
246
+ ))
247
+ ]);
248
+ }),
249
+ 128
250
+ /* KEYED_FRAGMENT */
251
+ )),
252
+ vue.createCommentVNode(" \u5DF2\u9009\u4E2D\u533A\u57DF\u7684\u8986\u76D6\u5C42 "),
253
+ (vue.openBlock(true), vue.createElementBlock(
254
+ vue.Fragment,
255
+ null,
256
+ vue.renderList(selectedCubes.value, (cube, index) => {
257
+ return vue.openBlock(), vue.createElementBlock("div", {
258
+ key: index,
259
+ class: vue.normalizeClass(["selected-area", { "selected-area-choose": selectedAreaIndex.value === index }]),
260
+ style: vue.normalizeStyle(getSelectedAreaStyle(cube)),
261
+ onClick: ($event) => onClickSelectedArea(index)
262
+ }, [
263
+ vue.createVNode(_component_dk_icon, {
264
+ icon: "Close",
265
+ class: "cube-close",
266
+ onClick: ($event) => onDeleteCubes(index)
267
+ }, null, 8, ["onClick"]),
268
+ !cube.image ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
269
+ vue.createElementVNode(
270
+ "div",
271
+ _hoisted_4,
272
+ vue.toDisplayString(getReferenceSize(cube)),
273
+ 1
274
+ /* TEXT */
275
+ )
276
+ ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
277
+ vue.createElementVNode("img", {
278
+ src: cube.image,
279
+ alt: ""
280
+ }, null, 8, _hoisted_6)
281
+ ]))
282
+ ], 14, _hoisted_2);
283
+ }),
284
+ 128
285
+ /* KEYED_FRAGMENT */
286
+ ))
287
+ ],
288
+ 512
289
+ /* NEED_PATCH */
290
+ )
291
+ ]),
292
+ _: 1
293
+ /* STABLE */
294
+ }),
295
+ selectedCubes.value[selectedAreaIndex.value] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
296
+ vue.createVNode(_component_el_form_item, { label: "\u9009\u62E9\u56FE\u7247" }, {
297
+ default: vue.withCtx(() => [
298
+ vue.createVNode(_component_dk_image_input, {
299
+ modelValue: selectedCubes.value[selectedAreaIndex.value].image,
300
+ "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedCubes.value[selectedAreaIndex.value].image = $event)
301
+ }, null, 8, ["modelValue"])
302
+ ]),
303
+ _: 1
304
+ /* STABLE */
305
+ }),
306
+ vue.createVNode(_component_el_form_item, {
307
+ label: "\u70B9\u51FB\u6548\u679C",
308
+ style: { "padding": "10px 0" }
309
+ }, {
310
+ default: vue.withCtx(() => [
311
+ vue.createVNode(_component_el_radio_group, {
312
+ modelValue: selectedCubes.value[selectedAreaIndex.value].clickType,
313
+ "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selectedCubes.value[selectedAreaIndex.value].clickType = $event)
314
+ }, {
315
+ default: vue.withCtx(() => [
316
+ vue.createVNode(_component_el_radio, { value: "path" }, {
317
+ default: vue.withCtx(() => [
318
+ vue.createTextVNode("\u8DF3\u8F6C\u9875\u9762")
319
+ ]),
320
+ _: 1
321
+ /* STABLE */
322
+ }),
323
+ vue.createVNode(_component_el_radio, { value: "event" }, {
324
+ default: vue.withCtx(() => [
325
+ vue.createTextVNode("\u89E6\u53D1\u4E8B\u4EF6")
326
+ ]),
327
+ _: 1
328
+ /* STABLE */
329
+ })
330
+ ]),
331
+ _: 1
332
+ /* STABLE */
333
+ }, 8, ["modelValue"])
334
+ ]),
335
+ _: 1
336
+ /* STABLE */
337
+ }),
338
+ selectedCubes.value[selectedAreaIndex.value].clickType === "path" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
339
+ key: 0,
340
+ label: "\u5730\u5740",
341
+ style: { "padding": "10px 0" }
342
+ }, {
343
+ default: vue.withCtx(() => [
344
+ vue.createVNode(_component_dk_url_input, {
345
+ modelValue: selectedCubes.value[selectedAreaIndex.value].path,
346
+ "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => selectedCubes.value[selectedAreaIndex.value].path = $event)
347
+ }, null, 8, ["modelValue"])
348
+ ]),
349
+ _: 1
350
+ /* STABLE */
351
+ })) : vue.createCommentVNode("v-if", true),
352
+ selectedCubes.value[selectedAreaIndex.value].clickType === "event" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
353
+ key: 1,
354
+ label: "\u4E8B\u4EF6"
355
+ }, {
356
+ default: vue.withCtx(() => [
357
+ vue.createVNode(DkEventSelectInput.default, {
358
+ modelValue: selectedCubes.value[selectedAreaIndex.value].event,
359
+ "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => selectedCubes.value[selectedAreaIndex.value].event = $event)
360
+ }, null, 8, ["modelValue"])
361
+ ]),
362
+ _: 1
363
+ /* STABLE */
364
+ })) : vue.createCommentVNode("v-if", true)
365
+ ])) : vue.createCommentVNode("v-if", true)
366
+ ]),
367
+ _: 1
368
+ /* STABLE */
369
+ }, 8, ["model"])
370
+ ]);
371
+ };
372
+ }
373
+ });
374
+
375
+ exports.default = _sfc_main;
376
+ //# sourceMappingURL=DkCubeImageInput.vue2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DkCubeImageInput.vue2.js","sources":["../../../../../src/page-diy/src/components/forms/DkCubeImageInput.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkCubeImageInput',\n});\n</script>\n<template>\n <div>\n <el-form :model=\"form\" label-width=\"auto\" style=\"max-width: 400px\" label-position=\"left\">\n <el-form-item label=\"魔方密度\">\n <el-select v-model=\"form.density\" @change=\"onChangeDensity()\">\n <el-option label=\"4x4\" :value=\"4\" />\n <el-option label=\"5x5\" :value=\"5\" />\n <el-option label=\"6x6\" :value=\"6\" />\n </el-select>\n </el-form-item>\n <el-form-item style=\"margin: 10px 0\">\n <div ref=\"designCube\" class=\"design-cube\">\n <ul v-for=\"col in form.density\" :key=\"col\" class=\"cube-col\">\n <li\n v-for=\"item in form.density\"\n :key=\"item\"\n :class=\"{\n 'item-selected': selectionStart?.x === col && selectionStart?.y === item,\n 'item-selecting': checkSelecting(col, item),\n }\"\n class=\"cube-item\"\n :data-x=\"col\"\n :data-y=\"item\"\n :style=\"itemStyle\"\n @click=\"onSelectCube(col, item)\"\n @mouseenter=\"onMousemove(col, item)\"\n >\n +\n </li>\n </ul>\n <!-- 已选中区域的覆盖层 -->\n <div\n v-for=\"(cube, index) in selectedCubes\"\n :key=\"index\"\n class=\"selected-area\"\n :class=\"{ 'selected-area-choose': selectedAreaIndex === index }\"\n :style=\"getSelectedAreaStyle(cube)\"\n @click=\"onClickSelectedArea(index)\"\n >\n <dk-icon icon=\"Close\" class=\"cube-close\" @click=\"onDeleteCubes(index)\"></dk-icon>\n <div v-if=\"!cube.image\">\n <div class=\"cube-selected-text\">{{ getReferenceSize(cube) }}</div>\n </div>\n <div v-else>\n <img :src=\"cube.image\" alt=\"\" />\n </div>\n </div>\n </div>\n </el-form-item>\n <div v-if=\"selectedCubes[selectedAreaIndex]\">\n <el-form-item label=\"选择图片\">\n <dk-image-input v-model=\"selectedCubes[selectedAreaIndex].image\"></dk-image-input>\n </el-form-item>\n <el-form-item label=\"点击效果\" style=\"padding: 10px 0\">\n <el-radio-group v-model=\"selectedCubes[selectedAreaIndex].clickType\">\n <el-radio value=\"path\">跳转页面</el-radio>\n <el-radio value=\"event\">触发事件</el-radio>\n </el-radio-group>\n </el-form-item>\n <el-form-item v-if=\"selectedCubes[selectedAreaIndex].clickType === 'path'\" label=\"地址\" style=\"padding: 10px 0\">\n <dk-url-input v-model=\"selectedCubes[selectedAreaIndex].path\"> </dk-url-input>\n </el-form-item>\n <el-form-item v-if=\"selectedCubes[selectedAreaIndex].clickType === 'event'\" label=\"事件\">\n <DkEventSelectInput v-model=\"selectedCubes[selectedAreaIndex].event\"> </DkEventSelectInput>\n </el-form-item>\n </div>\n </el-form>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, reactive, watch, ref, onMounted } from 'vue'\nimport { useElementSize } from '@vueuse/core'\nimport DkEventSelectInput from './DkEventSelectInput.vue'\n\n\nconst designCube: any = ref(null)\nconst { width } = useElementSize(designCube) // 当前组件宽度\n\nconst props = defineProps({\n modelValue: {\n default: () => {\n return {}\n },\n type: Object,\n },\n imageStyle: {\n default: () => {\n return {}\n },\n type: Object,\n },\n})\n\nconst form: any = reactive({\n density: 4,\n})\n\nconst itemStyle = computed(() => {\n const size = width.value / form.density\n return {\n width: size + 'px',\n height: size + 'px',\n }\n})\n\n// 定义选择区域的起点和终点\nconst selectionStart = ref<{ x: number; y: number } | null>(null)\nconst selectionEnd = ref<{ x: number; y: number } | null>(null)\nconst selectedCubes: any = ref([])\n\nconst emit = defineEmits(['input', 'update:modelValue'])\nconst emitData = computed(() => {\n return {\n density: form.density,\n selectedCubes: selectedCubes.value,\n }\n})\n\nconst onChangeDensity = () => {\n selectedCubes.value = []\n selectionStart.value = null\n}\n\nwatch(\n () => emitData,\n () => {\n console.log('emitData', emitData.value)\n emit('update:modelValue', emitData.value)\n },\n {\n deep: true,\n }\n)\nwatch(\n () => props.modelValue,\n () => {\n form.density = props.modelValue.density\n selectedCubes.value = props.modelValue.selectedCubes\n }\n)\nonMounted(() => {\n form.density = props.modelValue.density || 4\n selectedCubes.value = props.modelValue.selectedCubes || []\n})\n// 检查给定坐标是否在选择区域内或已被选中\nconst checkSelecting = (x: number, y: number) => {\n // 检查是否为已选中的矩形区域内的方块\n const isSelected = selectedCubes.value.some((cube: any) => {\n const startX = Math.min(cube.start.x, cube.end.x)\n const endX = Math.max(cube.start.x, cube.end.x)\n const startY = Math.min(cube.start.y, cube.end.y)\n const endY = Math.max(cube.start.y, cube.end.y)\n return x >= startX && x <= endX && y >= startY && y <= endY\n })\n\n if (isSelected) return false // 如果是已选中的区域,则不考虑为当前选择\n\n // 如果没有正在进行的选择操作,则仅返回是否已选中\n if (!selectionStart.value || !selectionEnd.value) return false\n\n // 计算当前拖动选择区域的边界\n const startX = Math.min(selectionStart.value.x, selectionEnd.value.x)\n const endX = Math.max(selectionStart.value.x, selectionEnd.value.x)\n const startY = Math.min(selectionStart.value.y, selectionEnd.value.y)\n const endY = Math.max(selectionStart.value.y, selectionEnd.value.y)\n\n // 检查新选择区域是否与任何已选中的区域重叠\n const overlapsWithSelected = selectedCubes.value.some((cube: any) => {\n const selStartX = Math.min(cube.start.x, cube.end.x)\n const selEndX = Math.max(cube.start.x, cube.end.x)\n const selStartY = Math.min(cube.start.y, cube.end.y)\n const selEndY = Math.max(cube.start.y, cube.end.y)\n\n // 检查是否有重叠\n return !(endX < selStartX || startX > selEndX || endY < selStartY || startY > selEndY)\n })\n\n if (overlapsWithSelected) return false // 如果有重叠,则不考虑为当前选择\n\n // 检查坐标是否位于当前拖动的选择区域内\n return x >= startX && x <= endX && y >= startY && y <= endY\n}\n\nconst moduleSize = computed(() => width.value / form.density)\n\nconst getSelectedAreaStyle = (cube: { start: { x: number; y: number }; end: { x: number; y: number } }) => {\n const startX = Math.min(cube.start.x, cube.end.x) - 1\n const endX = Math.max(cube.start.x, cube.end.x)\n const startY = Math.min(cube.start.y, cube.end.y) - 1\n const endY = Math.max(cube.start.y, cube.end.y)\n\n return {\n width: `${(endX - startX) * moduleSize.value}px`,\n height: `${(endY - startY) * moduleSize.value}px`,\n top: `${startY * moduleSize.value}px`,\n left: `${startX * moduleSize.value}px`,\n }\n}\n\nconst referenceWidth = 750 // 固定宽度\n\n// 计算参考尺寸的方法\nconst getReferenceSize = (cube: { start: { x: number; y: number }; end: { x: number; y: number } }) => {\n const startX = Math.min(cube.start.x, cube.end.x)\n const endX = Math.max(cube.start.x, cube.end.x)\n const startY = Math.min(cube.start.y, cube.end.y)\n const endY = Math.max(cube.start.y, cube.end.y)\n\n // 模块宽度和高度(假设魔方网格是正方形)\n const moduleWidth = referenceWidth / form.density\n\n // 如果选择的是单个模块,则宽度和高度都应该是单个模块的尺寸\n const width = (endX - startX + 1) * moduleWidth\n const height = (endY - startY + 1) * moduleWidth\n\n return `${Math.round(width)} x ${Math.round(height)} 像素`\n}\n\nconst selectedAreaIndex = ref(-1)\nconst onClickSelectedArea = (k: number) => {\n selectedAreaIndex.value = k\n}\n\nconst onDeleteCubes = (k: number) => {\n selectedAreaIndex.value = -1\n selectedCubes.value.splice(k, 1)\n}\n\nconst onSelectCube = (x: number, y: number) => {\n if (selectionStart.value == null) {\n selectionStart.value = {\n x,\n y,\n }\n } else if (checkSelecting(x, y)) {\n selectedCubes.value.push({\n start: selectionStart.value,\n end: { x, y },\n path: '',\n clickType: 'path',\n })\n selectionStart.value = null\n selectedAreaIndex.value = selectedCubes.value.length - 1\n }\n}\n\nconst onMousemove = (x: number, y: number) => {\n selectionEnd.value = { x, y }\n}\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","ref","useElementSize","reactive","computed","watch","onMounted","startX","endX","startY","endY","width"],"mappings":"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"}
@@ -7,10 +7,6 @@ declare const _default: import("vue").DefineComponent<{
7
7
  default: string;
8
8
  type: StringConstructor;
9
9
  };
10
- label: {
11
- default: string;
12
- type: StringConstructor;
13
- };
14
10
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
15
11
  modelValue: {
16
12
  default: string;
@@ -20,17 +16,12 @@ declare const _default: import("vue").DefineComponent<{
20
16
  default: string;
21
17
  type: StringConstructor;
22
18
  };
23
- label: {
24
- default: string;
25
- type: StringConstructor;
26
- };
27
19
  }>> & {
28
20
  onInput?: ((...args: any[]) => any) | undefined;
29
21
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
30
22
  onChange?: ((...args: any[]) => any) | undefined;
31
23
  }, {
32
24
  modelValue: string;
33
- label: string;
34
25
  placeholder: string;
35
26
  }, {}>;
36
27
  export default _default;
@@ -17,10 +17,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
17
17
  placeholder: {
18
18
  default: "",
19
19
  type: String
20
- },
21
- label: {
22
- default: "",
23
- type: String
24
20
  }
25
21
  },
26
22
  emits: ["input", "update:modelValue", "change"],
@@ -1 +1 @@
1
- {"version":3,"file":"DkEventCreateInput.vue2.js","sources":["../../../../../src/page-diy/src/components/forms/DkEventCreateInput.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkEventCreateInput',\n});\n</script>\n<template>\n <div>\n <el-input v-model=\"data\" :placeholder=\"placeholder\" clearable>\n <template #append>\n <el-button @click=\"onClick\">随机</el-button>\n </template>\n </el-input>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\n\n\nconst props = defineProps({\n modelValue: {\n default: '',\n type: String,\n },\n placeholder: {\n default: '',\n type: String,\n },\n label: {\n default: '',\n type: String,\n },\n})\n\nconst data = ref(props.modelValue || '')\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n () => props.modelValue,\n (val) => {\n data.value = val\n }\n)\nwatch(\n () => data.value,\n (val) => {\n emit('change', val)\n emit('update:modelValue', val)\n emit('input', val)\n }\n)\n\nconst randomString = (e: any) => {\n e = e || 32\n const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n const a = t.length\n let n = ''\n for (let i = 0; i < e; i++) {\n n += t.charAt(Math.floor(Math.random() * a))\n }\n return n\n}\nconst onClick = () => {\n data.value = randomString(6)\n}\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","ref","watch"],"mappings":";;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAgCD,IAAA,MAAM,IAAO,GAAAC,OAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAGvC,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,IAAA,CAAK,KAAQ,GAAA,GAAA,CAAA;AAAA,OACf;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,IAAK,CAAA,KAAA;AAAA,MACX,CAAC,GAAQ,KAAA;AACP,QAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAClB,QAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,QAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,CAAW,KAAA;AAC/B,MAAA,CAAA,GAAI,CAAK,IAAA,EAAA,CAAA;AACT,MAAA,MAAM,CAAI,GAAA,kDAAA,CAAA;AACV,MAAA,MAAM,IAAI,CAAE,CAAA,MAAA,CAAA;AACZ,MAAA,IAAI,CAAI,GAAA,EAAA,CAAA;AACR,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,CAAA,EAAG,CAAK,EAAA,EAAA;AAC1B,QAAK,CAAA,IAAA,CAAA,CAAE,OAAO,IAAK,CAAA,KAAA,CAAM,KAAK,MAAO,EAAA,GAAI,CAAC,CAAC,CAAA,CAAA;AAAA,OAC7C;AACA,MAAO,OAAA,CAAA,CAAA;AAAA,KACT,CAAA;AACA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAK,IAAA,CAAA,KAAA,GAAQ,aAAa,CAAC,CAAA,CAAA;AAAA,KAC7B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"DkEventCreateInput.vue2.js","sources":["../../../../../src/page-diy/src/components/forms/DkEventCreateInput.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkEventCreateInput',\n});\n</script>\n<template>\n <div>\n <el-input v-model=\"data\" :placeholder=\"placeholder\" clearable>\n <template #append>\n <el-button @click=\"onClick\">随机</el-button>\n </template>\n </el-input>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\n\n\nconst props = defineProps({\n modelValue: {\n default: '',\n type: String,\n },\n placeholder: {\n default: '',\n type: String,\n },\n})\n\nconst data = ref(props.modelValue || '')\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n () => props.modelValue,\n (val) => {\n data.value = val\n }\n)\nwatch(\n () => data.value,\n (val) => {\n emit('change', val)\n emit('update:modelValue', val)\n emit('input', val)\n }\n)\n\nconst randomString = (e: any) => {\n e = e || 32\n const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n const a = t.length\n let n = ''\n for (let i = 0; i < e; i++) {\n n += t.charAt(Math.floor(Math.random() * a))\n }\n return n\n}\nconst onClick = () => {\n data.value = randomString(6)\n}\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["__MACROS_defineComponent","ref","watch"],"mappings":";;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;AA4BD,IAAA,MAAM,IAAO,GAAAC,OAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAGvC,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,IAAA,CAAK,KAAQ,GAAA,GAAA,CAAA;AAAA,OACf;AAAA,KACF,CAAA;AACA,IAAAA,SAAA;AAAA,MACE,MAAM,IAAK,CAAA,KAAA;AAAA,MACX,CAAC,GAAQ,KAAA;AACP,QAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAClB,QAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,QAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,OACnB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,CAAW,KAAA;AAC/B,MAAA,CAAA,GAAI,CAAK,IAAA,EAAA,CAAA;AACT,MAAA,MAAM,CAAI,GAAA,kDAAA,CAAA;AACV,MAAA,MAAM,IAAI,CAAE,CAAA,MAAA,CAAA;AACZ,MAAA,IAAI,CAAI,GAAA,EAAA,CAAA;AACR,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,CAAA,EAAG,CAAK,EAAA,EAAA;AAC1B,QAAK,CAAA,IAAA,CAAA,CAAE,OAAO,IAAK,CAAA,KAAA,CAAM,KAAK,MAAO,EAAA,GAAI,CAAC,CAAC,CAAA,CAAA;AAAA,OAC7C;AACA,MAAO,OAAA,CAAA,CAAA;AAAA,KACT,CAAA;AACA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAK,IAAA,CAAA,KAAA,GAAQ,aAAa,CAAC,CAAA,CAAA;AAAA,KAC7B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -73,21 +73,18 @@ const _sfc_main = {
73
73
  const propsData = children.props;
74
74
  // 当前节点的配置数据
75
75
  const config = children.config.config;
76
- const isEvent = config.event || false;
77
- if (isEvent) {
78
- // 表单配置数据
79
- const eventProps = config.props();
80
- this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {
81
- const data = {
82
- id: children._id,
83
- label: item.props?.label || config.label,
84
- value: propsData[item.field],
85
- };
86
- if (data.value && data.id && data.label) {
87
- this.EventData.addEvent(data);
88
- }
89
- });
90
- }
76
+ // 表单配置数据
77
+ const eventProps = config.props();
78
+ this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {
79
+ const data = {
80
+ id: children._id,
81
+ label: item.props?.label || config.label,
82
+ value: propsData[item.field],
83
+ };
84
+ if (data.value && data.id && data.label) {
85
+ this.EventData.addEvent(data);
86
+ }
87
+ });
91
88
  }
92
89
  }
93
90
  this.eventData = this.EventData.getAllEvents();
@@ -1 +1 @@
1
- {"version":3,"file":"DkEventSelectInput.vue.js","sources":["../../../../../src/page-diy/src/components/forms/DkEventSelectInput.vue"],"sourcesContent":["<template>\n <div style=\"display: flex\">\n <el-select v-model=\"data\" placeholder=\"请选择要触发事件\" style=\"width: 100%\" allow-create filterable>\n <el-option\n v-for=\"item in eventData\"\n :key=\"item.value\"\n :label=\"item.label + '(' + item.value + ')'\"\n :value=\"item.value\"\n >\n <span style=\"float: left\">{{ item.label }}</span>\n <span style=\"float: right; font-size: 13px; color: #8492a6\">{{ item.value }}</span>\n </el-option>\n </el-select>\n <el-button :loading=\"loading\" @click=\"updateEvent\">刷新</el-button>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkEventSelectInput',\n inject: ['diy'],\n props: {\n modelValue: {\n default: '',\n type: String,\n },\n placeholder: {\n default: '',\n type: String,\n },\n },\n emits: ['update:modelValue'],\n data() {\n return {\n data: '',\n loading: false,\n eventData: [],\n }\n },\n computed: {\n EventData() {\n return this.diy.proxy.eventData\n },\n children() {\n return this.diy.proxy.children\n },\n },\n watch: {\n data() {\n this.$emit('update:modelValue', this.data)\n },\n },\n mounted() {\n this.data = this.modelValue || ''\n this.updateEvent()\n },\n methods: {\n updateEvent() {\n this.loading = true\n this.EventData.removeAllEvent()\n this.onUpdateEvent()\n this.loading = false\n },\n onClick() {\n this.data = this.randomString(10)\n },\n randomString(e) {\n e = e || 32\n const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n const a = t.length\n let n = ''\n for (let i = 0; i < e; i++) {\n n += t.charAt(Math.floor(Math.random() * a))\n }\n return n\n },\n // 更新事件\n onUpdateEvent() {\n for (let i = 0; i < this.children.length; i++) {\n if (this.children[i].children.length > 0) {\n // 当前节点\n const children = this.children[i].children[0]\n // 当前节点的props数据\n const propsData = children.props\n // 当前节点的配置数据\n const config = children.config.config\n const isEvent = config.event || false\n if (isEvent) {\n // 表单配置数据\n const eventProps = config.props()\n this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {\n const data = {\n id: children._id,\n label: item.props?.label || config.label,\n value: propsData[item.field],\n }\n if (data.value && data.id && data.label) {\n this.EventData.addEvent(data)\n }\n })\n }\n }\n }\n this.eventData = this.EventData.getAllEvents()\n },\n // 寻找事件\n findDkEventCreateInput(data, propsData) {\n const result = []\n data.forEach((element) => {\n if (element.children) {\n result.push(...this.findDkEventCreateInput(element.children))\n }\n if (element.control && Array.isArray(element.control)) {\n element.control.forEach((control) => {\n if (control.rule.length > 0) {\n result.push(...this.findDkEventCreateInput(control.rule))\n }\n })\n }\n if (element.type === 'DkEventCreateInput') {\n result.push(element)\n }\n })\n return result\n },\n },\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_createElementVNode","_toDisplayString"],"mappings":"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"}
1
+ {"version":3,"file":"DkEventSelectInput.vue.js","sources":["../../../../../src/page-diy/src/components/forms/DkEventSelectInput.vue"],"sourcesContent":["<template>\n <div style=\"display: flex\">\n <el-select v-model=\"data\" placeholder=\"请选择要触发事件\" style=\"width: 100%\" allow-create filterable>\n <el-option\n v-for=\"item in eventData\"\n :key=\"item.value\"\n :label=\"item.label + '(' + item.value + ')'\"\n :value=\"item.value\"\n >\n <span style=\"float: left\">{{ item.label }}</span>\n <span style=\"float: right; font-size: 13px; color: #8492a6\">{{ item.value }}</span>\n </el-option>\n </el-select>\n <el-button :loading=\"loading\" @click=\"updateEvent\">刷新</el-button>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DkEventSelectInput',\n inject: ['diy'],\n props: {\n modelValue: {\n default: '',\n type: String,\n },\n placeholder: {\n default: '',\n type: String,\n },\n },\n emits: ['update:modelValue'],\n data() {\n return {\n data: '',\n loading: false,\n eventData: [],\n }\n },\n computed: {\n EventData() {\n return this.diy.proxy.eventData\n },\n children() {\n return this.diy.proxy.children\n },\n },\n watch: {\n data() {\n this.$emit('update:modelValue', this.data)\n },\n },\n mounted() {\n this.data = this.modelValue || ''\n this.updateEvent()\n },\n methods: {\n updateEvent() {\n this.loading = true\n this.EventData.removeAllEvent()\n this.onUpdateEvent()\n this.loading = false\n },\n onClick() {\n this.data = this.randomString(10)\n },\n randomString(e) {\n e = e || 32\n const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'\n const a = t.length\n let n = ''\n for (let i = 0; i < e; i++) {\n n += t.charAt(Math.floor(Math.random() * a))\n }\n return n\n },\n // 更新事件\n onUpdateEvent() {\n for (let i = 0; i < this.children.length; i++) {\n if (this.children[i].children.length > 0) {\n // 当前节点\n const children = this.children[i].children[0]\n // 当前节点的props数据\n const propsData = children.props\n // 当前节点的配置数据\n const config = children.config.config\n // 表单配置数据\n const eventProps = config.props()\n this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {\n const data = {\n id: children._id,\n label: item.props?.label || config.label,\n value: propsData[item.field],\n }\n if (data.value && data.id && data.label) {\n this.EventData.addEvent(data)\n }\n })\n }\n }\n this.eventData = this.EventData.getAllEvents()\n },\n // 寻找事件\n findDkEventCreateInput(data, propsData) {\n const result = []\n data.forEach((element) => {\n if (element.children) {\n result.push(...this.findDkEventCreateInput(element.children))\n }\n if (element.control && Array.isArray(element.control)) {\n element.control.forEach((control) => {\n if (control.rule.length > 0) {\n result.push(...this.findDkEventCreateInput(control.rule))\n }\n })\n }\n if (element.type === 'DkEventCreateInput') {\n result.push(element)\n }\n })\n return result\n },\n },\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_createElementVNode","_toDisplayString"],"mappings":"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"}
@@ -20,5 +20,5 @@ declare namespace _default {
20
20
  }[];
21
21
  }
22
22
  export default _default;
23
- declare const label: "空白";
23
+ declare const label: "间隔";
24
24
  declare const name: "DkMinBlank";
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const label = "\u7A7A\u767D";
5
+ const label = "\u95F4\u9694";
6
6
  const name = "DkMinBlank";
7
7
  var DkMinBlank = {
8
- icon: "FullScreen",
8
+ icon: "tdesign:component-space",
9
9
  label,
10
10
  name,
11
11
  rule() {
@@ -1 +1 @@
1
- {"version":3,"file":"DkMinBlank.js","sources":["../../../../../../../src/page-diy/src/config/rule/min/common/DkMinBlank.js"],"sourcesContent":["const label = '空白'\nconst name = 'DkMinBlank'\n\nexport default {\n icon: 'FullScreen',\n label,\n name,\n rule() {\n return {\n type: name,\n props: {\n height: 20,\n },\n showStyle: true,\n }\n },\n props() {\n return [\n {\n type: 'number',\n field: 'height',\n title: '高度',\n value: 20,\n effect: { help: '具体效果查看真机预览' },\n },\n ]\n },\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,KAAQ,GAAA,cAAA,CAAA;AACd,MAAM,IAAO,GAAA,YAAA,CAAA;AAEb,iBAAe;AAAA,EACb,IAAM,EAAA,YAAA;AAAA,EACN,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAO,GAAA;AACL,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,IAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,MAAQ,EAAA,EAAA;AAAA,OACV;AAAA,MACA,SAAW,EAAA,IAAA;AAAA,KACb,CAAA;AAAA,GACF;AAAA,EACA,KAAQ,GAAA;AACN,IAAO,OAAA;AAAA,MACL;AAAA,QACE,IAAM,EAAA,QAAA;AAAA,QACN,KAAO,EAAA,QAAA;AAAA,QACP,KAAO,EAAA,cAAA;AAAA,QACP,KAAO,EAAA,EAAA;AAAA,QACP,MAAA,EAAQ,EAAE,IAAA,EAAM,8DAAa,EAAA;AAAA,OAC/B;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"DkMinBlank.js","sources":["../../../../../../../src/page-diy/src/config/rule/min/common/DkMinBlank.js"],"sourcesContent":["const label = '间隔'\nconst name = 'DkMinBlank'\n\nexport default {\n icon: 'tdesign:component-space',\n label,\n name,\n rule() {\n return {\n type: name,\n props: {\n height: 20,\n },\n showStyle: true,\n }\n },\n props() {\n return [\n {\n type: 'number',\n field: 'height',\n title: '高度',\n value: 20,\n effect: { help: '具体效果查看真机预览' },\n },\n ]\n },\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,KAAQ,GAAA,cAAA,CAAA;AACd,MAAM,IAAO,GAAA,YAAA,CAAA;AAEb,iBAAe;AAAA,EACb,IAAM,EAAA,yBAAA;AAAA,EACN,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAO,GAAA;AACL,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,IAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,MAAQ,EAAA,EAAA;AAAA,OACV;AAAA,MACA,SAAW,EAAA,IAAA;AAAA,KACb,CAAA;AAAA,GACF;AAAA,EACA,KAAQ,GAAA;AACN,IAAO,OAAA;AAAA,MACL;AAAA,QACE,IAAM,EAAA,QAAA;AAAA,QACN,KAAO,EAAA,QAAA;AAAA,QACP,KAAO,EAAA,cAAA;AAAA,QACP,KAAO,EAAA,EAAA;AAAA,QACP,MAAA,EAAQ,EAAE,IAAA,EAAM,8DAAa,EAAA;AAAA,OAC/B;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;;;;"}
@@ -0,0 +1,48 @@
1
+ declare namespace _default {
2
+ export let icon: string;
3
+ export { label };
4
+ export { name };
5
+ export function rule(): {
6
+ type: string;
7
+ props: {
8
+ cubeData: {
9
+ density: number;
10
+ selectedCubes: never[];
11
+ };
12
+ };
13
+ showStyle: boolean;
14
+ };
15
+ export function props(): ({
16
+ type: string;
17
+ field: string;
18
+ title: string;
19
+ value: boolean;
20
+ props?: undefined;
21
+ } | {
22
+ type: string;
23
+ field: string;
24
+ title: string;
25
+ props: {
26
+ isDrawer: boolean;
27
+ drawerProps: {
28
+ title: string;
29
+ size: string;
30
+ zIndex: number;
31
+ };
32
+ hideComponents: string[];
33
+ };
34
+ value?: undefined;
35
+ } | {
36
+ type: string;
37
+ field: string;
38
+ title: string;
39
+ value: {
40
+ density: number;
41
+ selectedCubes: never[];
42
+ };
43
+ props?: undefined;
44
+ })[];
45
+ }
46
+ export default _default;
47
+ declare const label: "魔方图片";
48
+ declare const name: "DkMinCubeImage";