sun-card-design 1.1.37 → 1.1.39

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 (162) hide show
  1. package/README.md +114 -112
  2. package/dist/mobile/sun-card-design-mobile.es11.js +3 -3
  3. package/dist/mobile/sun-card-design-mobile.es3.js +4 -4
  4. package/dist/mobile/sun-card-design-mobile.es4.js +5 -5
  5. package/dist/mobile/sun-card-design-mobile.es56.js +3 -4
  6. package/dist/mobile/sun-card-design-mobile.es6.js +2 -10
  7. package/dist/pc/sun-card-design-pc.es11.js +3 -3
  8. package/dist/pc/sun-card-design-pc.es3.js +4 -4
  9. package/dist/pc/sun-card-design-pc.es4.js +5 -5
  10. package/dist/pc/sun-card-design-pc.es56.js +3 -4
  11. package/dist/pc/sun-card-design-pc.es6.js +2 -10
  12. package/dist/public/sun-card-design.css +1 -1
  13. package/package.json +98 -96
  14. package/dist/public/sun-card-designer.css +0 -1
  15. package/dist/sun-card-designer.es.js +0 -25
  16. package/dist/sun-card-designer.es10.js +0 -167
  17. package/dist/sun-card-designer.es11.js +0 -197
  18. package/dist/sun-card-designer.es12.js +0 -203
  19. package/dist/sun-card-designer.es13.js +0 -130
  20. package/dist/sun-card-designer.es14.js +0 -120
  21. package/dist/sun-card-designer.es151.js +0 -4
  22. package/dist/sun-card-designer.es152.js +0 -4
  23. package/dist/sun-card-designer.es153.js +0 -4
  24. package/dist/sun-card-designer.es154.js +0 -4
  25. package/dist/sun-card-designer.es155.js +0 -82
  26. package/dist/sun-card-designer.es156.js +0 -91
  27. package/dist/sun-card-designer.es157.js +0 -92
  28. package/dist/sun-card-designer.es158.js +0 -191
  29. package/dist/sun-card-designer.es159.js +0 -86
  30. package/dist/sun-card-designer.es16.js +0 -10
  31. package/dist/sun-card-designer.es160.js +0 -238
  32. package/dist/sun-card-designer.es161.js +0 -113
  33. package/dist/sun-card-designer.es162.js +0 -49
  34. package/dist/sun-card-designer.es163.js +0 -43
  35. package/dist/sun-card-designer.es164.js +0 -39
  36. package/dist/sun-card-designer.es165.js +0 -46
  37. package/dist/sun-card-designer.es166.js +0 -58
  38. package/dist/sun-card-designer.es167.js +0 -56
  39. package/dist/sun-card-designer.es168.js +0 -58
  40. package/dist/sun-card-designer.es169.js +0 -73
  41. package/dist/sun-card-designer.es17.js +0 -333
  42. package/dist/sun-card-designer.es170.js +0 -59
  43. package/dist/sun-card-designer.es171.js +0 -69
  44. package/dist/sun-card-designer.es172.js +0 -182
  45. package/dist/sun-card-designer.es173.js +0 -176
  46. package/dist/sun-card-designer.es174.js +0 -184
  47. package/dist/sun-card-designer.es175.js +0 -409
  48. package/dist/sun-card-designer.es176.js +0 -365
  49. package/dist/sun-card-designer.es177.js +0 -70
  50. package/dist/sun-card-designer.es178.js +0 -68
  51. package/dist/sun-card-designer.es179.js +0 -184
  52. package/dist/sun-card-designer.es18.js +0 -68
  53. package/dist/sun-card-designer.es180.js +0 -193
  54. package/dist/sun-card-designer.es181.js +0 -193
  55. package/dist/sun-card-designer.es182.js +0 -193
  56. package/dist/sun-card-designer.es184.js +0 -228
  57. package/dist/sun-card-designer.es185.js +0 -71
  58. package/dist/sun-card-designer.es19.js +0 -611
  59. package/dist/sun-card-designer.es196.js +0 -4
  60. package/dist/sun-card-designer.es20.js +0 -225
  61. package/dist/sun-card-designer.es201.js +0 -125
  62. package/dist/sun-card-designer.es21.js +0 -69
  63. package/dist/sun-card-designer.es22.js +0 -719
  64. package/dist/sun-card-designer.es220.js +0 -63
  65. package/dist/sun-card-designer.es221.js +0 -80
  66. package/dist/sun-card-designer.es222.js +0 -82
  67. package/dist/sun-card-designer.es223.js +0 -94
  68. package/dist/sun-card-designer.es224.js +0 -87
  69. package/dist/sun-card-designer.es225.js +0 -226
  70. package/dist/sun-card-designer.es226.js +0 -105
  71. package/dist/sun-card-designer.es227.js +0 -45
  72. package/dist/sun-card-designer.es228.js +0 -31
  73. package/dist/sun-card-designer.es229.js +0 -29
  74. package/dist/sun-card-designer.es23.js +0 -211
  75. package/dist/sun-card-designer.es230.js +0 -32
  76. package/dist/sun-card-designer.es231.js +0 -46
  77. package/dist/sun-card-designer.es232.js +0 -42
  78. package/dist/sun-card-designer.es233.js +0 -44
  79. package/dist/sun-card-designer.es234.js +0 -61
  80. package/dist/sun-card-designer.es235.js +0 -46
  81. package/dist/sun-card-designer.es236.js +0 -54
  82. package/dist/sun-card-designer.es237.js +0 -130
  83. package/dist/sun-card-designer.es238.js +0 -127
  84. package/dist/sun-card-designer.es239.js +0 -132
  85. package/dist/sun-card-designer.es24.js +0 -265
  86. package/dist/sun-card-designer.es240.js +0 -375
  87. package/dist/sun-card-designer.es241.js +0 -348
  88. package/dist/sun-card-designer.es242.js +0 -69
  89. package/dist/sun-card-designer.es243.js +0 -65
  90. package/dist/sun-card-designer.es244.js +0 -87
  91. package/dist/sun-card-designer.es245.js +0 -98
  92. package/dist/sun-card-designer.es246.js +0 -98
  93. package/dist/sun-card-designer.es247.js +0 -98
  94. package/dist/sun-card-designer.es25.js +0 -857
  95. package/dist/sun-card-designer.es26.js +0 -768
  96. package/dist/sun-card-designer.es260.js +0 -125
  97. package/dist/sun-card-designer.es27.js +0 -264
  98. package/dist/sun-card-designer.es273.js +0 -192
  99. package/dist/sun-card-designer.es28.js +0 -809
  100. package/dist/sun-card-designer.es29.js +0 -220
  101. package/dist/sun-card-designer.es3.js +0 -506
  102. package/dist/sun-card-designer.es30.js +0 -809
  103. package/dist/sun-card-designer.es31.js +0 -220
  104. package/dist/sun-card-designer.es32.js +0 -820
  105. package/dist/sun-card-designer.es33.js +0 -225
  106. package/dist/sun-card-designer.es34.js +0 -69
  107. package/dist/sun-card-designer.es35.js +0 -375
  108. package/dist/sun-card-designer.es36.js +0 -186
  109. package/dist/sun-card-designer.es37.js +0 -119
  110. package/dist/sun-card-designer.es38.js +0 -354
  111. package/dist/sun-card-designer.es39.js +0 -127
  112. package/dist/sun-card-designer.es4.js +0 -365
  113. package/dist/sun-card-designer.es40.js +0 -100
  114. package/dist/sun-card-designer.es41.js +0 -214
  115. package/dist/sun-card-designer.es42.js +0 -119
  116. package/dist/sun-card-designer.es43.js +0 -250
  117. package/dist/sun-card-designer.es44.js +0 -118
  118. package/dist/sun-card-designer.es45.js +0 -64
  119. package/dist/sun-card-designer.es46.js +0 -223
  120. package/dist/sun-card-designer.es47.js +0 -196
  121. package/dist/sun-card-designer.es48.js +0 -77
  122. package/dist/sun-card-designer.es49.js +0 -85
  123. package/dist/sun-card-designer.es5.js +0 -317
  124. package/dist/sun-card-designer.es50.js +0 -85
  125. package/dist/sun-card-designer.es51.js +0 -64
  126. package/dist/sun-card-designer.es52.js +0 -283
  127. package/dist/sun-card-designer.es53.js +0 -64
  128. package/dist/sun-card-designer.es54.js +0 -142
  129. package/dist/sun-card-designer.es55.js +0 -52
  130. package/dist/sun-card-designer.es56.js +0 -85
  131. package/dist/sun-card-designer.es57.js +0 -258
  132. package/dist/sun-card-designer.es58.js +0 -226
  133. package/dist/sun-card-designer.es59.js +0 -169
  134. package/dist/sun-card-designer.es6.js +0 -190
  135. package/dist/sun-card-designer.es60.js +0 -280
  136. package/dist/sun-card-designer.es61.js +0 -168
  137. package/dist/sun-card-designer.es62.js +0 -219
  138. package/dist/sun-card-designer.es63.js +0 -168
  139. package/dist/sun-card-designer.es64.js +0 -275
  140. package/dist/sun-card-designer.es65.js +0 -760
  141. package/dist/sun-card-designer.es66.js +0 -272
  142. package/dist/sun-card-designer.es67.js +0 -559
  143. package/dist/sun-card-designer.es68.js +0 -124
  144. package/dist/sun-card-designer.es69.js +0 -528
  145. package/dist/sun-card-designer.es7.js +0 -65
  146. package/dist/sun-card-designer.es70.js +0 -185
  147. package/dist/sun-card-designer.es71.js +0 -107
  148. package/dist/sun-card-designer.es72.js +0 -153
  149. package/dist/sun-card-designer.es73.js +0 -315
  150. package/dist/sun-card-designer.es74.js +0 -114
  151. package/dist/sun-card-designer.es76.js +0 -4211
  152. package/dist/sun-card-designer.es79.js +0 -4
  153. package/dist/sun-card-designer.es8.js +0 -171
  154. package/dist/sun-card-designer.es80.js +0 -4
  155. package/dist/sun-card-designer.es81.js +0 -4
  156. package/dist/sun-card-designer.es84.js +0 -228
  157. package/dist/sun-card-designer.es87.js +0 -52
  158. package/dist/sun-card-designer.es88.js +0 -52
  159. package/dist/sun-card-designer.es9.js +0 -207
  160. package/dist/sun-card-designer.es91.js +0 -344
  161. package/dist/sun-card-designer.es92.js +0 -199
  162. package/dist/sun-card-designer.es95.js +0 -180
@@ -1,528 +0,0 @@
1
- import { ref, computed, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createCommentVNode, createBlock, Fragment, withModifiers, normalizeStyle, toDisplayString, unref, renderList } from "vue";
2
- import { DownOutlined } from "@ant-design/icons-vue";
3
- import { ColorList, ColorNameMap } from "./sun-card-designer.es76.js";
4
- /* empty css */
5
- import _export_sfc from "./sun-card-designer.es16.js";
6
- const _hoisted_1 = { class: "pie-style-pes" };
7
- const _hoisted_2 = { class: "label" };
8
- const _hoisted_3 = { class: "arrow" };
9
- const _hoisted_4 = {
10
- key: 0,
11
- class: "color-picker"
12
- };
13
- const _hoisted_5 = { class: "color-grid" };
14
- const _hoisted_6 = ["onClick"];
15
- const _hoisted_7 = { class: "label" };
16
- const _hoisted_8 = { class: "arrow" };
17
- const _hoisted_9 = {
18
- key: 0,
19
- class: "color-picker"
20
- };
21
- const _hoisted_10 = { class: "color-grid" };
22
- const _hoisted_11 = ["onClick"];
23
- const _hoisted_12 = { style: { "display": "flex", "gap": "8px", "align-items": "center" } };
24
- const _hoisted_13 = { class: "label" };
25
- const _hoisted_14 = { class: "arrow" };
26
- const _hoisted_15 = {
27
- key: 0,
28
- class: "color-picker"
29
- };
30
- const _hoisted_16 = { class: "color-grid" };
31
- const _hoisted_17 = ["onClick"];
32
- const _hoisted_18 = { class: "slider-row" };
33
- const _hoisted_19 = { class: "slider-row" };
34
- const _sfc_main = {
35
- __name: "pieChartStylePes",
36
- props: ["record"],
37
- setup(__props) {
38
- const props = __props;
39
- const colorList = ref(ColorList);
40
- const nameMap = ColorNameMap;
41
- const seriesRef = computed(() => props.record.options.seriesConfig?.[0] || {});
42
- const titleColorPicker = ref(false);
43
- const subColorPicker = ref(false);
44
- const ensureTitleObjects = () => {
45
- props.record.options.titleConfig = props.record.options.titleConfig || {};
46
- props.record.options.titleConfig.textStyle = props.record.options.titleConfig.textStyle || {};
47
- props.record.options.titleConfig.subtextStyle = props.record.options.titleConfig.subtextStyle || {};
48
- };
49
- const titleColor = computed({
50
- get() {
51
- ensureTitleObjects();
52
- return props.record.options.titleConfig.textStyle.color || "#333";
53
- },
54
- set(v) {
55
- ensureTitleObjects();
56
- props.record.options.titleConfig.textStyle.color = v;
57
- }
58
- });
59
- const subColor = computed({
60
- get() {
61
- ensureTitleObjects();
62
- return props.record.options.titleConfig.subtextStyle.color || "#999";
63
- },
64
- set(v) {
65
- ensureTitleObjects();
66
- props.record.options.titleConfig.subtextStyle.color = v;
67
- }
68
- });
69
- const titleColorName = computed(() => nameMap[titleColor.value] || "自定义");
70
- const subColorName = computed(() => nameMap[subColor.value] || "自定义");
71
- const toggleTitlePicker = () => {
72
- titleColorPicker.value = !titleColorPicker.value;
73
- subColorPicker.value = false;
74
- };
75
- const toggleSubPicker = () => {
76
- subColorPicker.value = !subColorPicker.value;
77
- titleColorPicker.value = false;
78
- };
79
- const pickTitleColor = (hex) => {
80
- titleColor.value = hex;
81
- titleColorPicker.value = false;
82
- };
83
- const pickSubColor = (hex) => {
84
- subColor.value = hex;
85
- subColorPicker.value = false;
86
- };
87
- const radiusInner = computed({
88
- get() {
89
- const r = seriesRef.value.radius;
90
- return Array.isArray(r) ? r[0] : "10%";
91
- },
92
- set(v) {
93
- const r = seriesRef.value.radius;
94
- const out = Array.isArray(r) ? r[1] : "80%";
95
- seriesRef.value.radius = [v, out];
96
- }
97
- });
98
- const radiusOuter = computed({
99
- get() {
100
- const r = seriesRef.value.radius;
101
- return Array.isArray(r) ? r[1] : "80%";
102
- },
103
- set(v) {
104
- const r = seriesRef.value.radius;
105
- const inn = Array.isArray(r) ? r[0] : "10%";
106
- seriesRef.value.radius = [inn, v];
107
- }
108
- });
109
- const roseType = computed({
110
- get() {
111
- return seriesRef.value.roseType ?? false;
112
- },
113
- set(v) {
114
- seriesRef.value.roseType = v;
115
- }
116
- });
117
- const labelShow = computed({
118
- get() {
119
- return !!seriesRef.value.label?.show;
120
- },
121
- set(v) {
122
- seriesRef.value.label = { ...seriesRef.value.label || {}, show: v };
123
- }
124
- });
125
- const labelPosition = computed({
126
- get() {
127
- return seriesRef.value.label?.position || "outside";
128
- },
129
- set(v) {
130
- seriesRef.value.label = { ...seriesRef.value.label || {}, position: v };
131
- }
132
- });
133
- const pieBorderColorPicker = ref(false);
134
- const pieBorderColor = computed({
135
- get() {
136
- return seriesRef.value.itemStyle?.borderColor || "#fff";
137
- },
138
- set(v) {
139
- seriesRef.value.itemStyle = { ...seriesRef.value.itemStyle || {}, borderColor: v };
140
- }
141
- });
142
- const pieBorderColorName = computed(() => nameMap[pieBorderColor.value] || "自定义");
143
- const pickPieBorderColor = (hex) => {
144
- pieBorderColor.value = hex;
145
- pieBorderColorPicker.value = false;
146
- };
147
- const togglePieBorderColorPicker = () => {
148
- pieBorderColorPicker.value = !pieBorderColorPicker.value;
149
- };
150
- const pieBorderRadius = computed({
151
- get() {
152
- return seriesRef.value.itemStyle?.borderRadius || 0;
153
- },
154
- set(v) {
155
- seriesRef.value.itemStyle = { ...seriesRef.value.itemStyle || {}, borderRadius: v };
156
- }
157
- });
158
- const pieBorderWidth = computed({
159
- get() {
160
- return seriesRef.value.itemStyle?.borderWidth || 0;
161
- },
162
- set(v) {
163
- seriesRef.value.itemStyle = { ...seriesRef.value.itemStyle || {}, borderWidth: v };
164
- }
165
- });
166
- return (_ctx, _cache) => {
167
- const _component_a_divider = resolveComponent("a-divider");
168
- const _component_a_input = resolveComponent("a-input");
169
- const _component_a_form_item = resolveComponent("a-form-item");
170
- const _component_a_switch = resolveComponent("a-switch");
171
- const _component_a_input_number = resolveComponent("a-input-number");
172
- const _component_a_segmented = resolveComponent("a-segmented");
173
- const _component_a_slider = resolveComponent("a-slider");
174
- const _component_a_col = resolveComponent("a-col");
175
- const _component_a_row = resolveComponent("a-row");
176
- const _component_a_form = resolveComponent("a-form");
177
- return openBlock(), createElementBlock("div", _hoisted_1, [
178
- createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
179
- _cache[24] || (_cache[24] = createElementVNode("div", { class: "title" }, "样式", -1)),
180
- createVNode(_component_a_form, { layout: "vertical" }, {
181
- default: withCtx(() => [
182
- createVNode(_component_a_row, { gutter: [16, 16] }, {
183
- default: withCtx(() => [
184
- createVNode(_component_a_col, { span: 24 }, {
185
- default: withCtx(() => [
186
- createVNode(_component_a_form_item, { label: "宽度" }, {
187
- default: withCtx(() => [
188
- createVNode(_component_a_input, {
189
- value: props.record.options.style.width,
190
- "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.style.width = $event),
191
- placeholder: "例如:100% 或 300px"
192
- }, null, 8, ["value"])
193
- ]),
194
- _: 1
195
- }),
196
- createVNode(_component_a_form_item, { label: "高度" }, {
197
- default: withCtx(() => [
198
- createVNode(_component_a_input, {
199
- value: props.record.options.style.height,
200
- "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.style.height = $event),
201
- placeholder: "例如:100% 或 200px"
202
- }, null, 8, ["value"])
203
- ]),
204
- _: 1
205
- }),
206
- createVNode(_component_a_form_item, { label: "显示标题" }, {
207
- default: withCtx(() => [
208
- createVNode(_component_a_switch, {
209
- checked: props.record.options.titleConfig.show,
210
- "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => props.record.options.titleConfig.show = $event)
211
- }, null, 8, ["checked"])
212
- ]),
213
- _: 1
214
- }),
215
- props.record.options.titleConfig.show ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
216
- createVNode(_component_a_form_item, { label: "标题名称" }, {
217
- default: withCtx(() => [
218
- createVNode(_component_a_input, {
219
- value: props.record.options.titleConfig.text,
220
- "onUpdate:value": _cache[3] || (_cache[3] = ($event) => props.record.options.titleConfig.text = $event),
221
- placeholder: "主标题"
222
- }, null, 8, ["value"])
223
- ]),
224
- _: 1
225
- }),
226
- createVNode(_component_a_form_item, { label: "标题文字大小" }, {
227
- default: withCtx(() => [
228
- createVNode(_component_a_input_number, {
229
- min: 10,
230
- max: 48,
231
- value: props.record.options.titleConfig.textStyle.fontSize,
232
- "onUpdate:value": _cache[4] || (_cache[4] = ($event) => props.record.options.titleConfig.textStyle.fontSize = $event)
233
- }, null, 8, ["value"])
234
- ]),
235
- _: 1
236
- }),
237
- createVNode(_component_a_form_item, { label: "标题颜色" }, {
238
- default: withCtx(() => [
239
- createElementVNode("div", {
240
- class: "color-select",
241
- onClick: withModifiers(toggleTitlePicker, ["stop"])
242
- }, [
243
- createElementVNode("span", {
244
- class: "swatch",
245
- style: normalizeStyle({ backgroundColor: titleColor.value })
246
- }, null, 4),
247
- createElementVNode("span", _hoisted_2, toDisplayString(titleColorName.value), 1),
248
- createElementVNode("span", _hoisted_3, [
249
- createVNode(unref(DownOutlined))
250
- ]),
251
- titleColorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
252
- createElementVNode("div", _hoisted_5, [
253
- (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
254
- return openBlock(), createElementBlock("span", {
255
- class: "chip",
256
- key: "pt-" + c,
257
- style: normalizeStyle({ backgroundColor: c }),
258
- onClick: withModifiers(($event) => pickTitleColor(c), ["stop"])
259
- }, null, 12, _hoisted_6);
260
- }), 128))
261
- ])
262
- ])) : createCommentVNode("", true)
263
- ])
264
- ]),
265
- _: 1
266
- }),
267
- createVNode(_component_a_form_item, { label: "副标题名称" }, {
268
- default: withCtx(() => [
269
- createVNode(_component_a_input, {
270
- value: props.record.options.titleConfig.subtext,
271
- "onUpdate:value": _cache[5] || (_cache[5] = ($event) => props.record.options.titleConfig.subtext = $event),
272
- placeholder: "副标题"
273
- }, null, 8, ["value"])
274
- ]),
275
- _: 1
276
- }),
277
- createVNode(_component_a_form_item, { label: "副标题文字大小" }, {
278
- default: withCtx(() => [
279
- createVNode(_component_a_input_number, {
280
- min: 8,
281
- max: 36,
282
- value: props.record.options.titleConfig.subtextStyle.fontSize,
283
- "onUpdate:value": _cache[6] || (_cache[6] = ($event) => props.record.options.titleConfig.subtextStyle.fontSize = $event)
284
- }, null, 8, ["value"])
285
- ]),
286
- _: 1
287
- }),
288
- createVNode(_component_a_form_item, { label: "副标题颜色" }, {
289
- default: withCtx(() => [
290
- createElementVNode("div", {
291
- class: "color-select",
292
- onClick: withModifiers(toggleSubPicker, ["stop"])
293
- }, [
294
- createElementVNode("span", {
295
- class: "swatch",
296
- style: normalizeStyle({ backgroundColor: subColor.value })
297
- }, null, 4),
298
- createElementVNode("span", _hoisted_7, toDisplayString(subColorName.value), 1),
299
- createElementVNode("span", _hoisted_8, [
300
- createVNode(unref(DownOutlined))
301
- ]),
302
- subColorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
303
- createElementVNode("div", _hoisted_10, [
304
- (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
305
- return openBlock(), createElementBlock("span", {
306
- class: "chip",
307
- key: "ps-" + c,
308
- style: normalizeStyle({ backgroundColor: c }),
309
- onClick: withModifiers(($event) => pickSubColor(c), ["stop"])
310
- }, null, 12, _hoisted_11);
311
- }), 128))
312
- ])
313
- ])) : createCommentVNode("", true)
314
- ])
315
- ]),
316
- _: 1
317
- })
318
- ], 64)) : createCommentVNode("", true),
319
- createVNode(_component_a_divider),
320
- _cache[22] || (_cache[22] = createElementVNode("div", { class: "title" }, "标签", -1)),
321
- createVNode(_component_a_form_item, { label: "显示" }, {
322
- default: withCtx(() => [
323
- createVNode(_component_a_switch, {
324
- checked: props.record.options.legendConfig.show,
325
- "onUpdate:checked": _cache[7] || (_cache[7] = ($event) => props.record.options.legendConfig.show = $event)
326
- }, null, 8, ["checked"])
327
- ]),
328
- _: 1
329
- }),
330
- props.record.options.legendConfig.show ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
331
- createVNode(_component_a_form_item, { label: "方向" }, {
332
- default: withCtx(() => [
333
- createVNode(_component_a_segmented, {
334
- block: "",
335
- value: props.record.options.legendConfig.orient,
336
- "onUpdate:value": _cache[8] || (_cache[8] = ($event) => props.record.options.legendConfig.orient = $event),
337
- options: [{ label: "水平", value: "horizontal" }, { label: "垂直", value: "vertical" }]
338
- }, null, 8, ["value"])
339
- ]),
340
- _: 1
341
- }),
342
- createVNode(_component_a_form_item, { label: "水平位置" }, {
343
- default: withCtx(() => [
344
- createVNode(_component_a_segmented, {
345
- block: "",
346
- value: props.record.options.legendConfig.left,
347
- "onUpdate:value": _cache[9] || (_cache[9] = ($event) => props.record.options.legendConfig.left = $event),
348
- options: [{ label: "左", value: "left" }, { label: "中", value: "center" }, { label: "右", value: "right" }]
349
- }, null, 8, ["value"])
350
- ]),
351
- _: 1
352
- }),
353
- createVNode(_component_a_form_item, { label: "垂直位置" }, {
354
- default: withCtx(() => [
355
- createVNode(_component_a_segmented, {
356
- block: "",
357
- value: props.record.options.legendConfig.top,
358
- "onUpdate:value": _cache[10] || (_cache[10] = ($event) => props.record.options.legendConfig.top = $event),
359
- options: [{ label: "上", value: "top" }, { label: "中", value: "center" }, { label: "下", value: "bottom" }]
360
- }, null, 8, ["value"])
361
- ]),
362
- _: 1
363
- })
364
- ], 64)) : createCommentVNode("", true),
365
- createVNode(_component_a_divider),
366
- _cache[23] || (_cache[23] = createElementVNode("div", { class: "title" }, "图形风格", -1)),
367
- createVNode(_component_a_form_item, { label: "半径" }, {
368
- default: withCtx(() => [
369
- createElementVNode("div", _hoisted_12, [
370
- createVNode(_component_a_input, {
371
- value: radiusInner.value,
372
- "onUpdate:value": _cache[11] || (_cache[11] = ($event) => radiusInner.value = $event),
373
- placeholder: "内半径,如 10%",
374
- style: { "width": "50%" }
375
- }, null, 8, ["value"]),
376
- createVNode(_component_a_input, {
377
- value: radiusOuter.value,
378
- "onUpdate:value": _cache[12] || (_cache[12] = ($event) => radiusOuter.value = $event),
379
- placeholder: "外半径,如 80%",
380
- style: { "width": "50%" }
381
- }, null, 8, ["value"])
382
- ])
383
- ]),
384
- _: 1
385
- }),
386
- createVNode(_component_a_form_item, { label: "玫瑰图" }, {
387
- default: withCtx(() => [
388
- createVNode(_component_a_segmented, {
389
- block: "",
390
- value: roseType.value,
391
- "onUpdate:value": _cache[13] || (_cache[13] = ($event) => roseType.value = $event),
392
- options: [{ label: "关闭", value: false }, { label: "围绕", value: "radius" }, { label: "面积", value: "area" }]
393
- }, null, 8, ["value"])
394
- ]),
395
- _: 1
396
- }),
397
- createVNode(_component_a_form_item, { label: "文案显示" }, {
398
- default: withCtx(() => [
399
- createVNode(_component_a_switch, {
400
- checked: labelShow.value,
401
- "onUpdate:checked": _cache[14] || (_cache[14] = ($event) => labelShow.value = $event)
402
- }, null, 8, ["checked"])
403
- ]),
404
- _: 1
405
- }),
406
- labelShow.value ? (openBlock(), createBlock(_component_a_form_item, {
407
- key: 2,
408
- label: "标签位置"
409
- }, {
410
- default: withCtx(() => [
411
- createVNode(_component_a_segmented, {
412
- block: "",
413
- value: labelPosition.value,
414
- "onUpdate:value": _cache[15] || (_cache[15] = ($event) => labelPosition.value = $event),
415
- options: [{ label: "外部", value: "outside" }, { label: "中间", value: "center" }, { label: "内部", value: "inside" }]
416
- }, null, 8, ["value"])
417
- ]),
418
- _: 1
419
- })) : createCommentVNode("", true),
420
- createVNode(_component_a_form_item, { label: "边框" }, {
421
- default: withCtx(() => [
422
- createElementVNode("div", {
423
- class: "color-select",
424
- onClick: withModifiers(togglePieBorderColorPicker, ["stop"])
425
- }, [
426
- createElementVNode("span", {
427
- class: "swatch",
428
- style: normalizeStyle({ backgroundColor: pieBorderColor.value })
429
- }, null, 4),
430
- createElementVNode("span", _hoisted_13, toDisplayString(pieBorderColorName.value), 1),
431
- createElementVNode("span", _hoisted_14, [
432
- createVNode(unref(DownOutlined))
433
- ]),
434
- pieBorderColorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
435
- createElementVNode("div", _hoisted_16, [
436
- (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
437
- return openBlock(), createElementBlock("span", {
438
- class: "chip",
439
- key: "pbc-" + c,
440
- style: normalizeStyle({ backgroundColor: c }),
441
- onClick: withModifiers(($event) => pickPieBorderColor(c), ["stop"])
442
- }, null, 12, _hoisted_17);
443
- }), 128))
444
- ])
445
- ])) : createCommentVNode("", true)
446
- ])
447
- ]),
448
- _: 1
449
- }),
450
- createVNode(_component_a_form_item, { label: "圆角" }, {
451
- default: withCtx(() => [
452
- createVNode(_component_a_input_number, {
453
- min: 0,
454
- max: 20,
455
- value: pieBorderRadius.value,
456
- "onUpdate:value": _cache[16] || (_cache[16] = ($event) => pieBorderRadius.value = $event)
457
- }, null, 8, ["value"])
458
- ]),
459
- _: 1
460
- }),
461
- createVNode(_component_a_form_item, { label: "边框宽度" }, {
462
- default: withCtx(() => [
463
- createVNode(_component_a_input_number, {
464
- min: 0,
465
- max: 10,
466
- value: pieBorderWidth.value,
467
- "onUpdate:value": _cache[17] || (_cache[17] = ($event) => pieBorderWidth.value = $event)
468
- }, null, 8, ["value"])
469
- ]),
470
- _: 1
471
- }),
472
- createVNode(_component_a_form_item, { label: "上下边距" }, {
473
- default: withCtx(() => [
474
- createElementVNode("div", _hoisted_18, [
475
- createVNode(_component_a_slider, {
476
- min: 0,
477
- max: 10,
478
- value: props.record.options.style.tbPadding,
479
- "onUpdate:value": _cache[18] || (_cache[18] = ($event) => props.record.options.style.tbPadding = $event),
480
- style: { "flex": "1", "margin-right": "12px" }
481
- }, null, 8, ["value"]),
482
- createVNode(_component_a_input_number, {
483
- min: 0,
484
- max: 10,
485
- value: props.record.options.style.tbPadding,
486
- "onUpdate:value": _cache[19] || (_cache[19] = ($event) => props.record.options.style.tbPadding = $event)
487
- }, null, 8, ["value"])
488
- ])
489
- ]),
490
- _: 1
491
- }),
492
- createVNode(_component_a_form_item, { label: "左右边距" }, {
493
- default: withCtx(() => [
494
- createElementVNode("div", _hoisted_19, [
495
- createVNode(_component_a_slider, {
496
- min: 0,
497
- max: 10,
498
- value: props.record.options.style.lrPadding,
499
- "onUpdate:value": _cache[20] || (_cache[20] = ($event) => props.record.options.style.lrPadding = $event),
500
- style: { "flex": "1", "margin-right": "12px" }
501
- }, null, 8, ["value"]),
502
- createVNode(_component_a_input_number, {
503
- min: 0,
504
- max: 10,
505
- value: props.record.options.style.lrPadding,
506
- "onUpdate:value": _cache[21] || (_cache[21] = ($event) => props.record.options.style.lrPadding = $event)
507
- }, null, 8, ["value"])
508
- ])
509
- ]),
510
- _: 1
511
- })
512
- ]),
513
- _: 1
514
- })
515
- ]),
516
- _: 1
517
- })
518
- ]),
519
- _: 1
520
- })
521
- ]);
522
- };
523
- }
524
- };
525
- const PieChartStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd2a6586"]]);
526
- export {
527
- PieChartStylePes as default
528
- };
@@ -1,65 +0,0 @@
1
- import { computed, resolveComponent, createElementBlock, openBlock, createVNode, h } from "vue";
2
- import { columnSvg, cardSvg, itemSvg } from "./sun-card-designer.es6.js";
3
- import { useCardManageStore } from "./sun-card-designer.es13.js";
4
- /* empty css */
5
- import _export_sfc from "./sun-card-designer.es16.js";
6
- const _sfc_main = {
7
- __name: "index",
8
- props: ["recordData"],
9
- setup(__props) {
10
- const cardManageStore = useCardManageStore();
11
- const props = __props;
12
- const structureTree = computed(() => {
13
- const root = props.recordData;
14
- const toNode = (node) => {
15
- if (!node) return null;
16
- const state = node?.state;
17
- if (state === false) return null;
18
- const title = h("span", { style: "font-size: 16px" }, node.type);
19
- const key = node.uuid;
20
- const icon = () => {
21
- const type = node.type;
22
- if (type === "card") return h("div", { style: "line-height: 30px", innerHTML: cardSvg() });
23
- if (["grid", "singleColumn", "multipleColumn", "multipleLine", "gridList"].includes(type)) return h("div", { style: "line-height: 30px", innerHTML: columnSvg() });
24
- return h("div", { innerHTML: itemSvg() });
25
- };
26
- let children = [];
27
- if (["grid", "singleColumn", "multipleColumn", "multipleLine", "gridList"].includes(node.type) && Array.isArray(node.columns)) {
28
- children = node.columns.map((col, idx) => ({
29
- title: h("span", { style: "font-size: 14px; font-weight: 500;" }, `column-${idx + 1}`),
30
- // key: `${key}-col-${idx}`,
31
- key: col.uuid,
32
- icon: () => h("div", { style: "line-height: 30px", innerHTML: columnSvg() }),
33
- // disabled: true,
34
- children: Array.isArray(col.list) ? col.list.map(toNode).filter(Boolean) : []
35
- }));
36
- } else if (Array.isArray(node.list)) {
37
- children = node.list.map(toNode).filter(Boolean);
38
- }
39
- return { title, key, icon, children };
40
- };
41
- return [toNode(root)].filter(Boolean);
42
- });
43
- const onTreeSelect = (keys) => {
44
- const key = Array.isArray(keys) ? keys[0] : keys;
45
- if (!key) return;
46
- cardManageStore.setCurrentSelectUuid(key);
47
- };
48
- return (_ctx, _cache) => {
49
- const _component_a_tree = resolveComponent("a-tree");
50
- return openBlock(), createElementBlock("div", null, [
51
- createVNode(_component_a_tree, {
52
- "tree-data": structureTree.value,
53
- defaultExpandAll: true,
54
- "block-node": "",
55
- "show-icon": true,
56
- onSelect: onTreeSelect
57
- }, null, 8, ["tree-data"])
58
- ]);
59
- };
60
- }
61
- };
62
- const Structure = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50c15d39"]]);
63
- export {
64
- Structure as default
65
- };