sun-card-design 1.1.37 → 1.1.38

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 (152) hide show
  1. package/package.json +1 -1
  2. package/dist/mobile/sun-card-design-mobile.es61.js +0 -98
  3. package/dist/mobile/sun-card-design-mobile.es62.js +0 -98
  4. package/dist/public/sun-card-designer.css +0 -1
  5. package/dist/sun-card-designer.es.js +0 -25
  6. package/dist/sun-card-designer.es10.js +0 -167
  7. package/dist/sun-card-designer.es11.js +0 -197
  8. package/dist/sun-card-designer.es12.js +0 -203
  9. package/dist/sun-card-designer.es13.js +0 -130
  10. package/dist/sun-card-designer.es14.js +0 -120
  11. package/dist/sun-card-designer.es151.js +0 -4
  12. package/dist/sun-card-designer.es152.js +0 -4
  13. package/dist/sun-card-designer.es153.js +0 -4
  14. package/dist/sun-card-designer.es154.js +0 -4
  15. package/dist/sun-card-designer.es155.js +0 -82
  16. package/dist/sun-card-designer.es156.js +0 -91
  17. package/dist/sun-card-designer.es157.js +0 -92
  18. package/dist/sun-card-designer.es158.js +0 -191
  19. package/dist/sun-card-designer.es159.js +0 -86
  20. package/dist/sun-card-designer.es16.js +0 -10
  21. package/dist/sun-card-designer.es160.js +0 -238
  22. package/dist/sun-card-designer.es161.js +0 -113
  23. package/dist/sun-card-designer.es162.js +0 -49
  24. package/dist/sun-card-designer.es163.js +0 -43
  25. package/dist/sun-card-designer.es164.js +0 -39
  26. package/dist/sun-card-designer.es165.js +0 -46
  27. package/dist/sun-card-designer.es166.js +0 -58
  28. package/dist/sun-card-designer.es167.js +0 -56
  29. package/dist/sun-card-designer.es168.js +0 -58
  30. package/dist/sun-card-designer.es169.js +0 -73
  31. package/dist/sun-card-designer.es17.js +0 -333
  32. package/dist/sun-card-designer.es170.js +0 -59
  33. package/dist/sun-card-designer.es171.js +0 -69
  34. package/dist/sun-card-designer.es172.js +0 -182
  35. package/dist/sun-card-designer.es173.js +0 -176
  36. package/dist/sun-card-designer.es174.js +0 -184
  37. package/dist/sun-card-designer.es175.js +0 -409
  38. package/dist/sun-card-designer.es176.js +0 -365
  39. package/dist/sun-card-designer.es177.js +0 -70
  40. package/dist/sun-card-designer.es178.js +0 -68
  41. package/dist/sun-card-designer.es179.js +0 -184
  42. package/dist/sun-card-designer.es18.js +0 -68
  43. package/dist/sun-card-designer.es180.js +0 -193
  44. package/dist/sun-card-designer.es181.js +0 -193
  45. package/dist/sun-card-designer.es182.js +0 -193
  46. package/dist/sun-card-designer.es184.js +0 -228
  47. package/dist/sun-card-designer.es185.js +0 -71
  48. package/dist/sun-card-designer.es19.js +0 -611
  49. package/dist/sun-card-designer.es196.js +0 -4
  50. package/dist/sun-card-designer.es20.js +0 -225
  51. package/dist/sun-card-designer.es201.js +0 -125
  52. package/dist/sun-card-designer.es21.js +0 -69
  53. package/dist/sun-card-designer.es22.js +0 -719
  54. package/dist/sun-card-designer.es220.js +0 -63
  55. package/dist/sun-card-designer.es221.js +0 -80
  56. package/dist/sun-card-designer.es222.js +0 -82
  57. package/dist/sun-card-designer.es223.js +0 -94
  58. package/dist/sun-card-designer.es224.js +0 -87
  59. package/dist/sun-card-designer.es225.js +0 -226
  60. package/dist/sun-card-designer.es226.js +0 -105
  61. package/dist/sun-card-designer.es227.js +0 -45
  62. package/dist/sun-card-designer.es228.js +0 -31
  63. package/dist/sun-card-designer.es229.js +0 -29
  64. package/dist/sun-card-designer.es23.js +0 -211
  65. package/dist/sun-card-designer.es230.js +0 -32
  66. package/dist/sun-card-designer.es231.js +0 -46
  67. package/dist/sun-card-designer.es232.js +0 -42
  68. package/dist/sun-card-designer.es233.js +0 -44
  69. package/dist/sun-card-designer.es234.js +0 -61
  70. package/dist/sun-card-designer.es235.js +0 -46
  71. package/dist/sun-card-designer.es236.js +0 -54
  72. package/dist/sun-card-designer.es237.js +0 -130
  73. package/dist/sun-card-designer.es238.js +0 -127
  74. package/dist/sun-card-designer.es239.js +0 -132
  75. package/dist/sun-card-designer.es24.js +0 -265
  76. package/dist/sun-card-designer.es240.js +0 -375
  77. package/dist/sun-card-designer.es241.js +0 -348
  78. package/dist/sun-card-designer.es242.js +0 -69
  79. package/dist/sun-card-designer.es243.js +0 -65
  80. package/dist/sun-card-designer.es244.js +0 -87
  81. package/dist/sun-card-designer.es245.js +0 -98
  82. package/dist/sun-card-designer.es246.js +0 -98
  83. package/dist/sun-card-designer.es247.js +0 -98
  84. package/dist/sun-card-designer.es25.js +0 -857
  85. package/dist/sun-card-designer.es26.js +0 -768
  86. package/dist/sun-card-designer.es260.js +0 -125
  87. package/dist/sun-card-designer.es27.js +0 -264
  88. package/dist/sun-card-designer.es273.js +0 -192
  89. package/dist/sun-card-designer.es28.js +0 -809
  90. package/dist/sun-card-designer.es29.js +0 -220
  91. package/dist/sun-card-designer.es3.js +0 -506
  92. package/dist/sun-card-designer.es30.js +0 -809
  93. package/dist/sun-card-designer.es31.js +0 -220
  94. package/dist/sun-card-designer.es32.js +0 -820
  95. package/dist/sun-card-designer.es33.js +0 -225
  96. package/dist/sun-card-designer.es34.js +0 -69
  97. package/dist/sun-card-designer.es35.js +0 -375
  98. package/dist/sun-card-designer.es36.js +0 -186
  99. package/dist/sun-card-designer.es37.js +0 -119
  100. package/dist/sun-card-designer.es38.js +0 -354
  101. package/dist/sun-card-designer.es39.js +0 -127
  102. package/dist/sun-card-designer.es4.js +0 -365
  103. package/dist/sun-card-designer.es40.js +0 -100
  104. package/dist/sun-card-designer.es41.js +0 -214
  105. package/dist/sun-card-designer.es42.js +0 -119
  106. package/dist/sun-card-designer.es43.js +0 -250
  107. package/dist/sun-card-designer.es44.js +0 -118
  108. package/dist/sun-card-designer.es45.js +0 -64
  109. package/dist/sun-card-designer.es46.js +0 -223
  110. package/dist/sun-card-designer.es47.js +0 -196
  111. package/dist/sun-card-designer.es48.js +0 -77
  112. package/dist/sun-card-designer.es49.js +0 -85
  113. package/dist/sun-card-designer.es5.js +0 -317
  114. package/dist/sun-card-designer.es50.js +0 -85
  115. package/dist/sun-card-designer.es51.js +0 -64
  116. package/dist/sun-card-designer.es52.js +0 -283
  117. package/dist/sun-card-designer.es53.js +0 -64
  118. package/dist/sun-card-designer.es54.js +0 -142
  119. package/dist/sun-card-designer.es55.js +0 -52
  120. package/dist/sun-card-designer.es56.js +0 -85
  121. package/dist/sun-card-designer.es57.js +0 -258
  122. package/dist/sun-card-designer.es58.js +0 -226
  123. package/dist/sun-card-designer.es59.js +0 -169
  124. package/dist/sun-card-designer.es6.js +0 -190
  125. package/dist/sun-card-designer.es60.js +0 -280
  126. package/dist/sun-card-designer.es61.js +0 -168
  127. package/dist/sun-card-designer.es62.js +0 -219
  128. package/dist/sun-card-designer.es63.js +0 -168
  129. package/dist/sun-card-designer.es64.js +0 -275
  130. package/dist/sun-card-designer.es65.js +0 -760
  131. package/dist/sun-card-designer.es66.js +0 -272
  132. package/dist/sun-card-designer.es67.js +0 -559
  133. package/dist/sun-card-designer.es68.js +0 -124
  134. package/dist/sun-card-designer.es69.js +0 -528
  135. package/dist/sun-card-designer.es7.js +0 -65
  136. package/dist/sun-card-designer.es70.js +0 -185
  137. package/dist/sun-card-designer.es71.js +0 -107
  138. package/dist/sun-card-designer.es72.js +0 -153
  139. package/dist/sun-card-designer.es73.js +0 -315
  140. package/dist/sun-card-designer.es74.js +0 -114
  141. package/dist/sun-card-designer.es76.js +0 -4211
  142. package/dist/sun-card-designer.es79.js +0 -4
  143. package/dist/sun-card-designer.es8.js +0 -171
  144. package/dist/sun-card-designer.es80.js +0 -4
  145. package/dist/sun-card-designer.es81.js +0 -4
  146. package/dist/sun-card-designer.es84.js +0 -228
  147. package/dist/sun-card-designer.es87.js +0 -52
  148. package/dist/sun-card-designer.es88.js +0 -52
  149. package/dist/sun-card-designer.es9.js +0 -207
  150. package/dist/sun-card-designer.es91.js +0 -344
  151. package/dist/sun-card-designer.es92.js +0 -199
  152. package/dist/sun-card-designer.es95.js +0 -180
@@ -1,118 +0,0 @@
1
- import { ref, computed, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode } from "vue";
2
- import OpenVariable from "./sun-card-designer.es91.js";
3
- import EditInput from "./sun-card-designer.es92.js";
4
- import { findGridAncestorByUuid } from "./sun-card-designer.es14.js";
5
- /* empty css */
6
- import _export_sfc from "./sun-card-designer.es16.js";
7
- const _hoisted_1 = { class: "picture-action" };
8
- const _hoisted_2 = { class: "click-action" };
9
- const _sfc_main = {
10
- __name: "pictureActionPes",
11
- props: ["record", "sourceData"],
12
- setup(__props) {
13
- const props = __props;
14
- const switchChange = (val) => {
15
- if (!val) {
16
- props.record.options.clickEventConfig.type = "url";
17
- props.record.options.clickEventConfig.value = "";
18
- }
19
- };
20
- const eventTypeChange = () => {
21
- props.record.options.clickEventConfig.value = "";
22
- };
23
- const editInputRef = ref();
24
- const selectTreeChange = (params) => {
25
- const { item, node } = params;
26
- editInputRef.value.insertToken(`{${item.name}#${node}}`);
27
- };
28
- const selectChange = (record) => {
29
- editInputRef.value.insertToken(`{${record.name}}`);
30
- };
31
- computed(() => {
32
- if (!props?.sourceData || !props?.record?.uuid) return false;
33
- const grid = findGridAncestorByUuid(props.sourceData, props.record.uuid);
34
- return !!(grid && grid.options && grid.options.variableName);
35
- });
36
- return (_ctx, _cache) => {
37
- const _component_a_divider = resolveComponent("a-divider");
38
- const _component_a_switch = resolveComponent("a-switch");
39
- const _component_a_col = resolveComponent("a-col");
40
- const _component_a_select = resolveComponent("a-select");
41
- const _component_a_form_item = resolveComponent("a-form-item");
42
- const _component_a_row = resolveComponent("a-row");
43
- const _component_a_form = resolveComponent("a-form");
44
- return openBlock(), createElementBlock("div", _hoisted_1, [
45
- createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
46
- _cache[4] || (_cache[4] = createElementVNode("div", { class: "title" }, "动作", -1)),
47
- createVNode(_component_a_form, { layout: "vertical" }, {
48
- default: withCtx(() => [
49
- createVNode(_component_a_row, { gutter: [16, 16] }, {
50
- default: withCtx(() => [
51
- createVNode(_component_a_col, { span: 24 }, {
52
- default: withCtx(() => [
53
- createElementVNode("div", _hoisted_2, [
54
- _cache[2] || (_cache[2] = createElementVNode("span", null, "点击事件", -1)),
55
- createVNode(_component_a_switch, {
56
- checked: props.record.options.clickEvent,
57
- "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => props.record.options.clickEvent = $event),
58
- onChange: switchChange
59
- }, null, 8, ["checked"])
60
- ]),
61
- _cache[3] || (_cache[3] = createElementVNode("div", { class: "config-tip" }, "开启后点击图片可触发相应动作", -1))
62
- ]),
63
- _: 1
64
- }),
65
- props.record.options.clickEvent ? (openBlock(), createBlock(_component_a_col, {
66
- key: 0,
67
- span: 24
68
- }, {
69
- default: withCtx(() => [
70
- createVNode(_component_a_form_item, { label: "事件类型" }, {
71
- default: withCtx(() => [
72
- createVNode(_component_a_select, {
73
- value: props.record.options.clickEventConfig.type,
74
- "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.clickEventConfig.type = $event),
75
- options: props.record.options.clickEventConfig.typeOptions,
76
- style: { "width": "100%" },
77
- onChange: eventTypeChange
78
- }, null, 8, ["value", "options"])
79
- ]),
80
- _: 1
81
- }),
82
- props.record.options.clickEventConfig.type === "url" ? (openBlock(), createBlock(_component_a_form_item, {
83
- key: 0,
84
- label: "URL"
85
- }, {
86
- default: withCtx(() => [
87
- createVNode(OpenVariable, {
88
- showCom: true,
89
- onOnSelect: selectChange,
90
- onOnSelectTree: selectTreeChange
91
- }),
92
- createVNode(EditInput, {
93
- ref_key: "editInputRef",
94
- ref: editInputRef,
95
- record: props.record.options.clickEventConfig,
96
- filed: "value",
97
- minRows: 2
98
- }, null, 8, ["record"])
99
- ]),
100
- _: 1
101
- })) : createCommentVNode("", true)
102
- ]),
103
- _: 1
104
- })) : createCommentVNode("", true)
105
- ]),
106
- _: 1
107
- })
108
- ]),
109
- _: 1
110
- })
111
- ]);
112
- };
113
- }
114
- };
115
- const PictureActionPes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3053d680"]]);
116
- export {
117
- PictureActionPes as default
118
- };
@@ -1,64 +0,0 @@
1
- import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx } from "vue";
2
- import OpenVariable from "./sun-card-designer.es91.js";
3
- import EditInput from "./sun-card-designer.es92.js";
4
- /* empty css */
5
- import _export_sfc from "./sun-card-designer.es16.js";
6
- const _hoisted_1 = { class: "tag-pes" };
7
- const _sfc_main = {
8
- __name: "tagBasePes",
9
- props: ["record"],
10
- setup(__props) {
11
- const props = __props;
12
- const editInputRef = ref();
13
- const selectTreeChange = (params) => {
14
- const { item, node } = params;
15
- editInputRef.value.insertToken(`{${item.name}#${node}}`);
16
- };
17
- const selectChange = (record) => {
18
- editInputRef.value.insertToken(`{${record.name}}`);
19
- };
20
- return (_ctx, _cache) => {
21
- const _component_a_form_item = resolveComponent("a-form-item");
22
- const _component_a_col = resolveComponent("a-col");
23
- const _component_a_row = resolveComponent("a-row");
24
- const _component_a_form = resolveComponent("a-form");
25
- return openBlock(), createElementBlock("div", _hoisted_1, [
26
- _cache[0] || (_cache[0] = createElementVNode("div", { class: "title" }, "数据", -1)),
27
- createVNode(_component_a_form, { layout: "vertical" }, {
28
- default: withCtx(() => [
29
- createVNode(_component_a_row, { gutter: [16, 16] }, {
30
- default: withCtx(() => [
31
- createVNode(_component_a_col, { span: 24 }, {
32
- default: withCtx(() => [
33
- createVNode(_component_a_form_item, { label: "内容" }, {
34
- default: withCtx(() => [
35
- createVNode(OpenVariable, {
36
- onOnSelect: selectChange,
37
- onOnSelectTree: selectTreeChange
38
- }),
39
- createVNode(EditInput, {
40
- ref_key: "editInputRef",
41
- ref: editInputRef,
42
- record: props.record.options,
43
- minRows: 1
44
- }, null, 8, ["record"])
45
- ]),
46
- _: 1
47
- })
48
- ]),
49
- _: 1
50
- })
51
- ]),
52
- _: 1
53
- })
54
- ]),
55
- _: 1
56
- })
57
- ]);
58
- };
59
- }
60
- };
61
- const TagBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b5d3bc42"]]);
62
- export {
63
- TagBasePes as default
64
- };
@@ -1,223 +0,0 @@
1
- import { ref, computed, onMounted, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, withModifiers, createCommentVNode, normalizeStyle, toDisplayString, unref, Fragment, renderList } from "vue";
2
- import "vue-color/style.css";
3
- import { DownOutlined } from "@ant-design/icons-vue";
4
- import { ColorNameMap, ColorList } from "./sun-card-designer.es76.js";
5
- /* empty css */
6
- import _export_sfc from "./sun-card-designer.es16.js";
7
- const _hoisted_1 = { class: "title-style" };
8
- const _hoisted_2 = { class: "label" };
9
- const _hoisted_3 = { class: "arrow" };
10
- const _hoisted_4 = {
11
- key: 0,
12
- class: "color-picker"
13
- };
14
- const _hoisted_5 = { class: "color-grid" };
15
- const _hoisted_6 = ["onClick"];
16
- const _hoisted_7 = { class: "label" };
17
- const _hoisted_8 = { class: "arrow" };
18
- const _hoisted_9 = {
19
- key: 0,
20
- class: "color-picker"
21
- };
22
- const _hoisted_10 = { class: "color-grid" };
23
- const _hoisted_11 = ["onClick"];
24
- const _hoisted_12 = { class: "slider-row" };
25
- const _hoisted_13 = { class: "slider-row" };
26
- const _sfc_main = {
27
- __name: "tagStylePes",
28
- props: ["record"],
29
- setup(__props) {
30
- const props = __props;
31
- const colorPicker = ref(false);
32
- const color = ref("#e5f5ff");
33
- const colorName = computed(() => nameMap[color.value] || "自定义");
34
- const colorList = ref(ColorList);
35
- const nameMap = ColorNameMap;
36
- const textSizeOptions = ref([
37
- { label: "12px", value: "12px" },
38
- { label: "13px", value: "13px" },
39
- { label: "14px", value: "14px" }
40
- ]);
41
- const textColorPicker = ref(false);
42
- const textColor = ref("#1677ff");
43
- const textColorList = ref(ColorList);
44
- const textNameMap = ColorNameMap;
45
- const textColorName = computed(() => textNameMap[textColor.value] || "自定义");
46
- onMounted(() => {
47
- color.value = props.record.options.style.backgroundColor || "#e5f5ff";
48
- textColor.value = props.record.options.style.color || "#1677ff";
49
- });
50
- const togglePicker = () => {
51
- colorPicker.value = !colorPicker.value;
52
- };
53
- const toggleTextPicker = () => {
54
- textColorPicker.value = !textColorPicker.value;
55
- };
56
- const pick = (hex) => {
57
- color.value = hex;
58
- };
59
- const pickTextColor = (hex) => {
60
- textColor.value = hex;
61
- };
62
- const onClickOutside = () => {
63
- colorPicker.value = false;
64
- textColorPicker.value = false;
65
- };
66
- onMounted(() => {
67
- document.addEventListener("click", onClickOutside);
68
- });
69
- watch(color, (newVal) => {
70
- props.record.options.style.backgroundColor = newVal;
71
- });
72
- watch(color, (newVal) => {
73
- props.record.options.style.backgroundColor = newVal;
74
- });
75
- watch(textColor, (newVal) => {
76
- props.record.options.style.color = newVal;
77
- });
78
- return (_ctx, _cache) => {
79
- const _component_a_divider = resolveComponent("a-divider");
80
- const _component_a_form_item = resolveComponent("a-form-item");
81
- const _component_a_select = resolveComponent("a-select");
82
- const _component_a_slider = resolveComponent("a-slider");
83
- const _component_a_input_number = resolveComponent("a-input-number");
84
- const _component_a_col = resolveComponent("a-col");
85
- const _component_a_row = resolveComponent("a-row");
86
- const _component_a_form = resolveComponent("a-form");
87
- return openBlock(), createElementBlock("div", _hoisted_1, [
88
- createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
89
- _cache[5] || (_cache[5] = createElementVNode("div", { class: "title" }, "样式", -1)),
90
- createVNode(_component_a_form, { layout: "vertical" }, {
91
- default: withCtx(() => [
92
- createVNode(_component_a_row, { gutter: [16, 16] }, {
93
- default: withCtx(() => [
94
- createVNode(_component_a_col, { span: 24 }, {
95
- default: withCtx(() => [
96
- createVNode(_component_a_form_item, { label: "字体颜色" }, {
97
- default: withCtx(() => [
98
- createElementVNode("div", {
99
- class: "color-select",
100
- onClick: withModifiers(toggleTextPicker, ["stop"])
101
- }, [
102
- createElementVNode("span", {
103
- class: "swatch",
104
- style: normalizeStyle({ backgroundColor: textColor.value })
105
- }, null, 4),
106
- createElementVNode("span", _hoisted_2, toDisplayString(textColorName.value), 1),
107
- createElementVNode("span", _hoisted_3, [
108
- createVNode(unref(DownOutlined))
109
- ]),
110
- textColorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
111
- createElementVNode("div", _hoisted_5, [
112
- (openBlock(true), createElementBlock(Fragment, null, renderList(textColorList.value, (c) => {
113
- return openBlock(), createElementBlock("span", {
114
- class: "chip",
115
- key: "t-" + c,
116
- style: normalizeStyle({ backgroundColor: c }),
117
- onClick: withModifiers(($event) => pickTextColor(c), ["stop"])
118
- }, null, 12, _hoisted_6);
119
- }), 128))
120
- ])
121
- ])) : createCommentVNode("", true)
122
- ])
123
- ]),
124
- _: 1
125
- }),
126
- createVNode(_component_a_form_item, { label: "颜色" }, {
127
- default: withCtx(() => [
128
- createElementVNode("div", {
129
- class: "color-select",
130
- onClick: withModifiers(togglePicker, ["stop"])
131
- }, [
132
- createElementVNode("span", {
133
- class: "swatch",
134
- style: normalizeStyle({ backgroundColor: color.value })
135
- }, null, 4),
136
- createElementVNode("span", _hoisted_7, toDisplayString(colorName.value), 1),
137
- createElementVNode("span", _hoisted_8, [
138
- createVNode(unref(DownOutlined))
139
- ]),
140
- colorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
141
- createElementVNode("div", _hoisted_10, [
142
- (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
143
- return openBlock(), createElementBlock("span", {
144
- class: "chip",
145
- key: c,
146
- style: normalizeStyle({ backgroundColor: c }),
147
- onClick: withModifiers(($event) => pick(c), ["stop"])
148
- }, null, 12, _hoisted_11);
149
- }), 128))
150
- ])
151
- ])) : createCommentVNode("", true)
152
- ])
153
- ]),
154
- _: 1
155
- }),
156
- createVNode(_component_a_form_item, { label: "尺寸" }, {
157
- default: withCtx(() => [
158
- createVNode(_component_a_select, {
159
- value: props.record.options.style.size,
160
- "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.style.size = $event),
161
- options: textSizeOptions.value,
162
- style: { "width": "100%" }
163
- }, null, 8, ["value", "options"])
164
- ]),
165
- _: 1
166
- }),
167
- createVNode(_component_a_form_item, { label: "上下边距" }, {
168
- default: withCtx(() => [
169
- createElementVNode("div", _hoisted_12, [
170
- createVNode(_component_a_slider, {
171
- min: 0,
172
- max: 10,
173
- value: props.record.options.style.tbPadding,
174
- "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.style.tbPadding = $event),
175
- style: { "flex": "1", "margin-right": "12px" }
176
- }, null, 8, ["value"]),
177
- createVNode(_component_a_input_number, {
178
- min: 0,
179
- max: 10,
180
- value: props.record.options.style.tbPadding,
181
- "onUpdate:value": _cache[2] || (_cache[2] = ($event) => props.record.options.style.tbPadding = $event)
182
- }, null, 8, ["value"])
183
- ])
184
- ]),
185
- _: 1
186
- }),
187
- createVNode(_component_a_form_item, { label: "左右边距" }, {
188
- default: withCtx(() => [
189
- createElementVNode("div", _hoisted_13, [
190
- createVNode(_component_a_slider, {
191
- min: 0,
192
- max: 10,
193
- value: props.record.options.style.lrPadding,
194
- "onUpdate:value": _cache[3] || (_cache[3] = ($event) => props.record.options.style.lrPadding = $event),
195
- style: { "flex": "1", "margin-right": "12px" }
196
- }, null, 8, ["value"]),
197
- createVNode(_component_a_input_number, {
198
- min: 0,
199
- max: 10,
200
- value: props.record.options.style.lrPadding,
201
- "onUpdate:value": _cache[4] || (_cache[4] = ($event) => props.record.options.style.lrPadding = $event)
202
- }, null, 8, ["value"])
203
- ])
204
- ]),
205
- _: 1
206
- })
207
- ]),
208
- _: 1
209
- })
210
- ]),
211
- _: 1
212
- })
213
- ]),
214
- _: 1
215
- })
216
- ]);
217
- };
218
- }
219
- };
220
- const TagStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6e99a109"]]);
221
- export {
222
- TagStylePes as default
223
- };
@@ -1,196 +0,0 @@
1
- import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from "vue";
2
- import OpenVariable from "./sun-card-designer.es91.js";
3
- import _sfc_main$1 from "./sun-card-designer.es95.js";
4
- import EditInput from "./sun-card-designer.es92.js";
5
- /* empty css */
6
- import _export_sfc from "./sun-card-designer.es16.js";
7
- const _hoisted_1 = { class: "title-action" };
8
- const _hoisted_2 = { class: "click-action" };
9
- const _sfc_main = {
10
- __name: "tagActionPes",
11
- props: ["record"],
12
- setup(__props) {
13
- const props = __props;
14
- const qflowRef = ref();
15
- const modalBindOptions = ref([
16
- {
17
- label: "日期组件",
18
- value: "dateComponent"
19
- },
20
- {
21
- label: "文本组件",
22
- value: "textComponent"
23
- },
24
- {
25
- label: "图形组件",
26
- value: "echartsComponent"
27
- }
28
- ]);
29
- const clickEventConfigOptions = ref([
30
- { label: "打开URL", value: "url" },
31
- { label: "自定义事件", value: "event" },
32
- { label: "给智能体发消息", value: "agent" },
33
- { label: "调用工具", value: "tool" },
34
- { label: "关联弹窗", value: "modal" }
35
- ]);
36
- const autoLabel = ref("URL");
37
- const obj = {
38
- url: "URL",
39
- event: "事件",
40
- agent: "消息",
41
- tool: "调用工具",
42
- modal: "关联弹窗"
43
- };
44
- const switchChange = (val) => {
45
- if (!val) {
46
- props.record.options.clickEventConfig.type = "url";
47
- props.record.options.clickEventConfig.value = "";
48
- props.record.options.clickEventConfig.variableName = null;
49
- props.record.options.clickEventConfig.toolItem = null;
50
- props.record.options.clickEventConfig.modalComponent = null;
51
- }
52
- };
53
- const onChange = () => {
54
- props.record.options.clickEventConfig.value = "";
55
- props.record.options.clickEventConfig.variableName = null;
56
- props.record.options.clickEventConfig.toolItem = null;
57
- props.record.options.clickEventConfig.modalComponent = null;
58
- };
59
- const onOpen = () => {
60
- qflowRef.value.onOpen(props.record.options.clickEventConfig.toolItem);
61
- };
62
- const selectQFlow = (params) => {
63
- props.record.options.clickEventConfig.toolItem = params;
64
- };
65
- onMounted(() => {
66
- autoLabel.value = obj[props.record.options.clickEventConfig.type];
67
- });
68
- watch(
69
- () => props.record.options.clickEventConfig.type,
70
- (val) => {
71
- autoLabel.value = obj[val];
72
- }
73
- );
74
- const editInputRef = ref();
75
- const selectTreeChange = (params) => {
76
- const { item, node } = params;
77
- editInputRef.value.insertToken(`{${item.name}#${node}}`);
78
- };
79
- const selectChange = (record) => {
80
- editInputRef.value.insertToken(`{${record.name}}`);
81
- };
82
- return (_ctx, _cache) => {
83
- const _component_a_switch = resolveComponent("a-switch");
84
- const _component_a_select = resolveComponent("a-select");
85
- const _component_a_form_item = resolveComponent("a-form-item");
86
- const _component_a_button = resolveComponent("a-button");
87
- const _component_a_textarea = resolveComponent("a-textarea");
88
- const _component_a_col = resolveComponent("a-col");
89
- const _component_a_row = resolveComponent("a-row");
90
- const _component_a_form = resolveComponent("a-form");
91
- return openBlock(), createElementBlock("div", _hoisted_1, [
92
- _cache[5] || (_cache[5] = createElementVNode("div", { class: "title" }, "操作", -1)),
93
- createVNode(_component_a_form, { layout: "vertical" }, {
94
- default: withCtx(() => [
95
- createVNode(_component_a_row, { gutter: [16, 16] }, {
96
- default: withCtx(() => [
97
- createVNode(_component_a_col, { span: 24 }, {
98
- default: withCtx(() => [
99
- createElementVNode("div", _hoisted_2, [
100
- _cache[3] || (_cache[3] = createElementVNode("span", null, "点击事件", -1)),
101
- createVNode(_component_a_switch, {
102
- checked: props.record.options.clickEvent,
103
- "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => props.record.options.clickEvent = $event),
104
- onChange: switchChange
105
- }, null, 8, ["checked"])
106
- ]),
107
- props.record.options.clickEvent ? (openBlock(), createBlock(_component_a_form_item, {
108
- key: 0,
109
- label: ""
110
- }, {
111
- default: withCtx(() => [
112
- createVNode(_component_a_select, {
113
- value: props.record.options.clickEventConfig.type,
114
- "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.clickEventConfig.type = $event),
115
- options: clickEventConfigOptions.value,
116
- style: { "width": "100%" },
117
- onChange
118
- }, null, 8, ["value", "options"])
119
- ]),
120
- _: 1
121
- })) : createCommentVNode("", true),
122
- props.record.options.clickEvent && props.record.options.clickEventConfig.type === "modal" ? (openBlock(), createBlock(_component_a_form_item, {
123
- key: 1,
124
- label: "关联组件"
125
- }, {
126
- default: withCtx(() => [
127
- createVNode(_component_a_select, {
128
- value: props.record.options.clickEventConfig.modalComponent,
129
- "onUpdate:value": _cache[2] || (_cache[2] = ($event) => props.record.options.clickEventConfig.modalComponent = $event),
130
- options: modalBindOptions.value,
131
- placeholder: "请选择关联组件",
132
- style: { "width": "100%" }
133
- }, null, 8, ["value", "options"])
134
- ]),
135
- _: 1
136
- })) : createCommentVNode("", true),
137
- props.record.options.clickEvent ? (openBlock(), createBlock(_component_a_form_item, {
138
- key: 2,
139
- label: autoLabel.value
140
- }, {
141
- default: withCtx(() => [
142
- props.record.options.clickEventConfig.type != "tool" ? (openBlock(), createBlock(OpenVariable, {
143
- key: 0,
144
- showCom: true,
145
- onOnSelect: selectChange,
146
- onOnSelectTree: selectTreeChange
147
- })) : createCommentVNode("", true),
148
- props.record.options.clickEventConfig.type != "tool" ? (openBlock(), createBlock(EditInput, {
149
- key: 1,
150
- ref_key: "editInputRef",
151
- ref: editInputRef,
152
- record: props.record.options.clickEventConfig,
153
- filed: "value",
154
- minRows: 2
155
- }, null, 8, ["record"])) : (openBlock(), createBlock(_component_a_button, {
156
- key: 2,
157
- style: { "width": "100%", "background": "#f0f0f0" },
158
- onClick: onOpen
159
- }, {
160
- default: withCtx(() => [..._cache[4] || (_cache[4] = [
161
- createTextVNode("+ 选择", -1)
162
- ])]),
163
- _: 1
164
- })),
165
- !!props.record.options.clickEventConfig.toolItem ? (openBlock(), createBlock(_component_a_textarea, {
166
- key: 3,
167
- autoSize: { minRows: 1, maxRows: 2 },
168
- disabled: true,
169
- value: props.record.options.clickEventConfig.toolItem.label,
170
- style: { "width": "100%", "margin-top": "10px", "border": "none" }
171
- }, null, 8, ["value"])) : createCommentVNode("", true)
172
- ]),
173
- _: 1
174
- }, 8, ["label"])) : createCommentVNode("", true)
175
- ]),
176
- _: 1
177
- })
178
- ]),
179
- _: 1
180
- })
181
- ]),
182
- _: 1
183
- }),
184
- createVNode(_sfc_main$1, {
185
- ref_key: "qflowRef",
186
- ref: qflowRef,
187
- onConfirm: selectQFlow
188
- }, null, 512)
189
- ]);
190
- };
191
- }
192
- };
193
- const TagActionPes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe31379e"]]);
194
- export {
195
- TagActionPes as default
196
- };
@@ -1,77 +0,0 @@
1
- import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx } from "vue";
2
- import OpenVariable from "./sun-card-designer.es91.js";
3
- import EditInput from "./sun-card-designer.es92.js";
4
- /* empty css */
5
- import _export_sfc from "./sun-card-designer.es16.js";
6
- const _hoisted_1 = { class: "tag-pes" };
7
- const _sfc_main = {
8
- __name: "rateBasePes",
9
- props: ["record"],
10
- setup(__props) {
11
- const props = __props;
12
- const editInputRef = ref();
13
- const selectTreeChange = (params) => {
14
- const { item, node } = params;
15
- editInputRef.value.insertToken(`{${item.name}#${node}}`);
16
- };
17
- const selectChange = (record) => {
18
- editInputRef.value.insertToken(`{${record.name}}`);
19
- };
20
- return (_ctx, _cache) => {
21
- const _component_a_input_number = resolveComponent("a-input-number");
22
- const _component_a_form_item = resolveComponent("a-form-item");
23
- const _component_a_col = resolveComponent("a-col");
24
- const _component_a_row = resolveComponent("a-row");
25
- const _component_a_form = resolveComponent("a-form");
26
- return openBlock(), createElementBlock("div", _hoisted_1, [
27
- _cache[1] || (_cache[1] = createElementVNode("div", { class: "title" }, "数据", -1)),
28
- createVNode(_component_a_form, { layout: "vertical" }, {
29
- default: withCtx(() => [
30
- createVNode(_component_a_row, { gutter: [16, 16] }, {
31
- default: withCtx(() => [
32
- createVNode(_component_a_col, { span: 24 }, {
33
- default: withCtx(() => [
34
- createVNode(_component_a_form_item, { label: "总数" }, {
35
- default: withCtx(() => [
36
- createVNode(_component_a_input_number, {
37
- style: { "width": "100%" },
38
- value: props.record.options.count,
39
- "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.count = $event),
40
- min: 5,
41
- max: 10
42
- }, null, 8, ["value"])
43
- ]),
44
- _: 1
45
- }),
46
- createVNode(_component_a_form_item, { label: "内容" }, {
47
- default: withCtx(() => [
48
- createVNode(OpenVariable, {
49
- onOnSelect: selectChange,
50
- onOnSelectTree: selectTreeChange
51
- }),
52
- createVNode(EditInput, {
53
- ref_key: "editInputRef",
54
- ref: editInputRef,
55
- record: props.record.options,
56
- minRows: 1
57
- }, null, 8, ["record"])
58
- ]),
59
- _: 1
60
- })
61
- ]),
62
- _: 1
63
- })
64
- ]),
65
- _: 1
66
- })
67
- ]),
68
- _: 1
69
- })
70
- ]);
71
- };
72
- }
73
- };
74
- const RateBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c827d240"]]);
75
- export {
76
- RateBasePes as default
77
- };