super-page-designer 2.0.51 → 2.0.55

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 (196) hide show
  1. package/dist/es/components/design/utils/assemblys-config.js +68 -3
  2. package/dist/es/components/design/utils/chart-design-util.js +1 -2
  3. package/dist/es/components/design/utils/data-table-util.js +3 -3
  4. package/dist/es/components/design/utils/form-design-util.d.ts +7 -0
  5. package/dist/es/components/design/utils/form-design-util.js +10 -2
  6. package/dist/es/components/design/utils/page-design-util.js +1 -4
  7. package/dist/es/components/design/utils/page-table-util.d.ts +7 -0
  8. package/dist/es/components/design/utils/page-table-util.js +50 -7
  9. package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +1 -1
  10. package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-attr.vue.js +1 -1
  11. package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue.js +1 -1
  12. package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr.vue.js +1 -1
  13. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-advanced.vue.js +242 -0
  14. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-advanced.vue2.js +4 -0
  15. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-base.vue.js +571 -0
  16. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-base.vue2.js +4 -0
  17. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-event.vue.js +33 -0
  18. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-event.vue2.js +4 -0
  19. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-style.vue.js +50 -0
  20. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-style.vue2.js +4 -0
  21. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr.vue.js +5 -0
  22. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr.vue2.js +80 -0
  23. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-design.vue.js +4 -0
  24. package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-design.vue2.js +91 -0
  25. package/dist/es/components/design/views/assemblys/button/print-label/printlabel-attr.vue.js +1 -1
  26. package/dist/es/components/design/views/assemblys/chart/common/common-attr-groupby.vue.js +2 -4
  27. package/dist/es/components/design/views/assemblys/chart/gauge/series/styles/style-axislabel.vue.js +1 -2
  28. package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js +1 -2
  29. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.d.ts +9 -0
  30. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +3 -3
  31. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue3.js +698 -1
  32. package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +5 -9
  33. package/dist/es/components/design/views/assemblys/common/state-button.vue.js +1 -1
  34. package/dist/es/components/design/views/assemblys/container/card/card-design.vue2.js +23 -4
  35. package/dist/es/components/design/views/assemblys/container/collapse/collapse-design.vue2.js +23 -16
  36. package/dist/es/components/design/views/assemblys/container/container/container-design.vue2.js +14 -13
  37. package/dist/es/components/design/views/assemblys/container/flex/flex-design.vue2.js +10 -5
  38. package/dist/es/components/design/views/assemblys/container/form/form-design.vue2.js +10 -5
  39. package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue2.js +22 -16
  40. package/dist/es/components/design/views/assemblys/container/tools/tools-design.vue2.js +10 -5
  41. package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr.vue.js +1 -1
  42. package/dist/es/components/design/views/assemblys/data/component/column-config.vue.js +1 -2
  43. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js +1 -1
  44. package/dist/es/components/design/views/assemblys/data/component/configuration-value.vue.js +1 -1
  45. package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue.js +1 -1
  46. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue.js +2 -2
  47. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +4 -3
  48. package/dist/es/components/design/views/assemblys/data/component/formatting-icon-label.vue.js +188 -0
  49. package/dist/es/components/design/views/assemblys/data/component/formatting-icon-label.vue2.js +4 -0
  50. package/dist/es/components/design/views/assemblys/data/component/formatting.vue.js +21 -59
  51. package/dist/es/components/design/views/assemblys/data/component/querySetting.vue.js +1 -1
  52. package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue.js +1 -1
  53. package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js +3 -1
  54. package/dist/es/components/design/views/assemblys/data/component/variate-select.vue.js +1 -2
  55. package/dist/es/components/design/views/assemblys/data/table/table-attr-advanced.vue.js +2 -2
  56. package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +2 -1
  57. package/dist/es/components/design/views/assemblys/data/table/table-attr.vue.js +1 -1
  58. package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js +0 -1
  59. package/dist/es/components/design/views/assemblys/data/table/table-design.vue.js +3 -3
  60. package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +16 -5
  61. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +70 -97
  62. package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js +2 -5
  63. package/dist/es/components/design/views/assemblys/data/tree/tree-attr.vue.js +1 -1
  64. package/dist/es/components/design/views/assemblys/data/tree/tree-design.vue2.js +12 -5
  65. package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr-base.vue.js +27 -30
  66. package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr.vue.js +1 -1
  67. package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr.vue2.js +11 -1
  68. package/dist/es/components/design/views/assemblys/form/common/attr-event.vue.js +1 -1
  69. package/dist/es/components/design/views/assemblys/form/common/attr-header.vue.js +1 -1
  70. package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +92 -63
  71. package/dist/es/components/design/views/assemblys/form/common/data-origin.vue.js +2 -2
  72. package/dist/es/components/design/views/assemblys/form/common/data-origin.vue2.js +20 -30
  73. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +1 -152
  74. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +152 -1
  75. package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue.js +2 -2
  76. package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue3.js +217 -1
  77. package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +102 -8
  78. package/dist/es/components/design/views/assemblys/form/common/verification-custom.vue.js +176 -0
  79. package/dist/es/components/design/views/assemblys/form/common/verification-custom.vue2.js +4 -0
  80. package/dist/es/components/design/views/assemblys/form/common/verification.vue.js +17 -28
  81. package/dist/es/components/design/views/assemblys/form/custom/custom-attr-base.vue.js +1 -1
  82. package/dist/es/components/design/views/assemblys/form/custom/custom-attr.vue.js +1 -1
  83. package/dist/es/components/design/views/assemblys/form/custom/custom-design.vue.js +1 -1
  84. package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js +14 -1
  85. package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr.vue.js +1 -1
  86. package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr.vue2.js +4 -1
  87. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-base.vue.js +14 -3
  88. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr.vue.js +1 -1
  89. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr.vue2.js +4 -1
  90. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-autoset.vue.js +6 -1
  91. package/dist/es/components/design/views/assemblys/form/divider/divider-attr.vue.js +1 -1
  92. package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr-base.vue.js +26 -11
  93. package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr.vue.js +1 -1
  94. package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr.vue2.js +4 -1
  95. package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr-base.vue.js +14 -1
  96. package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr.vue.js +1 -1
  97. package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr.vue2.js +4 -1
  98. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr-base.vue.js +17 -3
  99. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr.vue.js +1 -1
  100. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr.vue2.js +3 -1
  101. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-design.vue2.js +0 -1
  102. package/dist/es/components/design/views/assemblys/form/label/label-attr-base.vue.js +14 -1
  103. package/dist/es/components/design/views/assemblys/form/label/label-attr.vue.js +1 -1
  104. package/dist/es/components/design/views/assemblys/form/label/label-attr.vue2.js +4 -1
  105. package/dist/es/components/design/views/assemblys/form/label/label-design.vue2.js +29 -14
  106. package/dist/es/components/design/views/assemblys/form/link/link-attr-base.vue.js +41 -3
  107. package/dist/es/components/design/views/assemblys/form/link/link-attr.vue2.js +2 -1
  108. package/dist/es/components/design/views/assemblys/form/link/link-design.vue2.js +20 -14
  109. package/dist/es/components/design/views/assemblys/form/placeholder/placeholder-attr-base.vue.js +14 -1
  110. package/dist/es/components/design/views/assemblys/form/placeholder/placeholder-attr.vue.js +1 -1
  111. package/dist/es/components/design/views/assemblys/form/placeholder/placeholder-attr.vue2.js +4 -1
  112. package/dist/es/components/design/views/assemblys/form/radio/radio-attr-base.vue.js +27 -30
  113. package/dist/es/components/design/views/assemblys/form/radio/radio-attr.vue.js +1 -1
  114. package/dist/es/components/design/views/assemblys/form/radio/radio-attr.vue2.js +11 -1
  115. package/dist/es/components/design/views/assemblys/form/rich-text/richtext-attr-base.vue.js +14 -1
  116. package/dist/es/components/design/views/assemblys/form/rich-text/richtext-attr.vue2.js +4 -1
  117. package/dist/es/components/design/views/assemblys/form/select/select-attr-base.vue.js +26 -29
  118. package/dist/es/components/design/views/assemblys/form/select/select-attr.vue.js +1 -1
  119. package/dist/es/components/design/views/assemblys/form/select/select-attr.vue2.js +12 -1
  120. package/dist/es/components/design/views/assemblys/form/select/select-design.vue2.js +4 -1
  121. package/dist/es/components/design/views/assemblys/form/switch/switch-attr-base.vue.js +14 -1
  122. package/dist/es/components/design/views/assemblys/form/switch/switch-attr.vue.js +1 -1
  123. package/dist/es/components/design/views/assemblys/form/switch/switch-attr.vue2.js +4 -1
  124. package/dist/es/components/design/views/assemblys/form/tag/tag-attr-base.vue.js +28 -2
  125. package/dist/es/components/design/views/assemblys/form/tag/tag-attr.vue.js +1 -1
  126. package/dist/es/components/design/views/assemblys/form/tag/tag-attr.vue2.js +4 -1
  127. package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr-base.vue.js +27 -29
  128. package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr.vue.js +1 -1
  129. package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr.vue2.js +11 -1
  130. package/dist/es/components/design/views/assemblys/object-design.vue.js +0 -1
  131. package/dist/es/components/design/views/assemblys/page/component/setting-form-rule-base-input.vue.js +57 -18
  132. package/dist/es/components/design/views/assemblys/page/component/weight-field-input.vue.js +1 -2
  133. package/dist/es/components/design/views/assemblys/page/page-attr-advanced.vue.js +49 -24
  134. package/dist/es/components/design/views/assemblys/page/page-attr-base.vue.js +20 -7
  135. package/dist/es/components/design/views/assemblys/page/page-attr.vue.js +5 -4
  136. package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-attr-base.vue.js +1 -1
  137. package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-attr.vue.js +1 -1
  138. package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-attr-base.vue.js +1 -1
  139. package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-attr.vue.js +1 -1
  140. package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr-base.vue.js +38 -6
  141. package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr.vue.js +1 -1
  142. package/dist/es/components/design/views/design/page-design.vue.js +6 -7
  143. package/dist/es/components/design/views/design/page-event/config.vue.js +2 -2
  144. package/dist/es/components/design/views/design/page-event/config.vue2.js +335 -1
  145. package/dist/es/components/design/views/design/view/attr-container.vue.js +4 -2
  146. package/dist/es/components/design/views/design/view/page-switch.vue.js +1 -1
  147. package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -26
  148. package/dist/es/index.js +2 -2
  149. package/dist/es/stores/page-store.js +1 -2
  150. package/dist/es/stores/table-store.d.ts +10 -0
  151. package/dist/es/stores/table-store.js +20 -0
  152. package/dist/es/style.css +759 -140
  153. package/package.json +4 -4
  154. package/dist/es/assets/design-attr.css.js +0 -1
  155. package/dist/es/assets/fonts/iconfont.css.js +0 -1
  156. package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-attr.vue3.js +0 -1
  157. package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue3.js +0 -1
  158. package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr.vue3.js +0 -1
  159. package/dist/es/components/design/views/assemblys/button/print-label/printlabel-attr.vue3.js +0 -1
  160. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js +0 -692
  161. package/dist/es/components/design/views/assemblys/common/state-button.vue3.js +0 -1
  162. package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr.vue3.js +0 -1
  163. package/dist/es/components/design/views/assemblys/data/component/composite-header.vue3.js +0 -1
  164. package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue3.js +0 -1
  165. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue3.js +0 -1
  166. package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue3.js +0 -1
  167. package/dist/es/components/design/views/assemblys/data/table/table-attr.vue3.js +0 -1
  168. package/dist/es/components/design/views/assemblys/data/table/table-design.vue3.js +0 -1
  169. package/dist/es/components/design/views/assemblys/data/table/table-design.vue4.js +0 -1
  170. package/dist/es/components/design/views/assemblys/data/tree/tree-attr.vue3.js +0 -1
  171. package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr.vue3.js +0 -1
  172. package/dist/es/components/design/views/assemblys/form/common/attr-event.vue3.js +0 -1
  173. package/dist/es/components/design/views/assemblys/form/common/attr-header.vue3.js +0 -1
  174. package/dist/es/components/design/views/assemblys/form/common/data-origin.vue3.js +0 -1
  175. package/dist/es/components/design/views/assemblys/form/common/dimension-input.vue.js +0 -1
  176. package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue2.js +0 -217
  177. package/dist/es/components/design/views/assemblys/form/custom/custom-attr.vue3.js +0 -1
  178. package/dist/es/components/design/views/assemblys/form/custom/custom-design.vue3.js +0 -1
  179. package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr.vue3.js +0 -1
  180. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr.vue3.js +0 -1
  181. package/dist/es/components/design/views/assemblys/form/divider/divider-attr.vue3.js +0 -1
  182. package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr.vue3.js +0 -1
  183. package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr.vue3.js +0 -1
  184. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr.vue3.js +0 -1
  185. package/dist/es/components/design/views/assemblys/form/label/label-attr.vue3.js +0 -1
  186. package/dist/es/components/design/views/assemblys/form/placeholder/placeholder-attr.vue3.js +0 -1
  187. package/dist/es/components/design/views/assemblys/form/radio/radio-attr.vue3.js +0 -1
  188. package/dist/es/components/design/views/assemblys/form/select/select-attr.vue3.js +0 -1
  189. package/dist/es/components/design/views/assemblys/form/switch/switch-attr.vue3.js +0 -1
  190. package/dist/es/components/design/views/assemblys/form/tag/tag-attr.vue3.js +0 -1
  191. package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr.vue3.js +0 -1
  192. package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-attr.vue3.js +0 -1
  193. package/dist/es/components/design/views/assemblys/workflow/text-history/texthistory-attr.vue3.js +0 -1
  194. package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr.vue3.js +0 -1
  195. package/dist/es/components/design/views/design/page-event/config.vue3.js +0 -336
  196. package/dist/es/components/design/views/design/view/page-switch.vue3.js +0 -1
@@ -1,217 +0,0 @@
1
- import { defineComponent, ref, reactive, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createElementVNode, createTextVNode, renderList, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, pushScopeId, popScopeId } from "vue";
2
- import { Search, Plus, ChatLineRound, Unlock, MuteNotification, Operation, WarningFilled } from "@element-plus/icons-vue";
3
- const _withScopeId = (n) => (pushScopeId("data-v-4aa5ce08"), n = n(), popScopeId(), n);
4
- const _hoisted_1 = { class: "icon-set-center-body" };
5
- const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "新建", -1));
6
- const _hoisted_3 = ["onClick"];
7
- const _hoisted_4 = { class: "dialog-footer" };
8
- const _hoisted_5 = { class: "dialog-footer" };
9
- const _sfc_main = /* @__PURE__ */ defineComponent({
10
- __name: "icon-set-dialog",
11
- props: {
12
- modelValue: {
13
- type: String,
14
- default: ""
15
- }
16
- },
17
- emits: ["update:modelValue"],
18
- setup(__props, { emit: __emit }) {
19
- const props = __props;
20
- const emit = __emit;
21
- const iconValue = ref(props.modelValue);
22
- const dialogVisible = ref(false);
23
- const selectIconName = ref("");
24
- const addIconDialogVisible = ref(false);
25
- const form = reactive({});
26
- const iconList = [
27
- { name: "ChatLineRound", icon: ChatLineRound },
28
- { name: "Unlock", icon: Unlock },
29
- { name: "MuteNotification", icon: MuteNotification },
30
- { name: "Operation", icon: Operation },
31
- { name: "WarningFilled", icon: WarningFilled }
32
- ];
33
- watch(() => props.modelValue, (newVal) => {
34
- iconValue.value = newVal;
35
- });
36
- function selectIcon(name) {
37
- selectIconName.value = name;
38
- }
39
- function openDialog() {
40
- dialogVisible.value = true;
41
- }
42
- function addIcon() {
43
- console.log("%c描述-105701", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", selectIconName.value);
44
- emit("update:modelValue", selectIconName.value);
45
- dialogVisible.value = false;
46
- }
47
- return (_ctx, _cache) => {
48
- const _component_el_button = resolveComponent("el-button");
49
- const _component_el_input = resolveComponent("el-input");
50
- const _component_el_icon = resolveComponent("el-icon");
51
- const _component_el_dialog = resolveComponent("el-dialog");
52
- const _component_el_form_item = resolveComponent("el-form-item");
53
- const _component_el_option = resolveComponent("el-option");
54
- const _component_el_select = resolveComponent("el-select");
55
- const _component_el_form = resolveComponent("el-form");
56
- return openBlock(), createElementBlock(Fragment, null, [
57
- createVNode(_component_el_input, {
58
- modelValue: iconValue.value,
59
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => iconValue.value = $event),
60
- onClick: openDialog
61
- }, {
62
- append: withCtx(() => [
63
- createVNode(_component_el_button, {
64
- icon: unref(Search),
65
- onClick: openDialog
66
- }, null, 8, ["icon"])
67
- ]),
68
- _: 1
69
- }, 8, ["modelValue"]),
70
- createVNode(_component_el_dialog, {
71
- modelValue: dialogVisible.value,
72
- "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
73
- title: "选择icon",
74
- width: "40%"
75
- }, {
76
- footer: withCtx(() => [
77
- createElementVNode("div", _hoisted_4, [
78
- createVNode(_component_el_button, {
79
- onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
80
- }, {
81
- default: withCtx(() => [
82
- createTextVNode("取消")
83
- ]),
84
- _: 1
85
- }),
86
- createVNode(_component_el_button, {
87
- type: "primary",
88
- onClick: addIcon
89
- }, {
90
- default: withCtx(() => [
91
- createTextVNode(" 确定 ")
92
- ]),
93
- _: 1
94
- })
95
- ])
96
- ]),
97
- default: withCtx(() => [
98
- createElementVNode("div", _hoisted_1, [
99
- createElementVNode("div", {
100
- class: "icon-set-center-creation",
101
- onClick: _cache[1] || (_cache[1] = ($event) => addIconDialogVisible.value = true)
102
- }, [
103
- createVNode(_component_el_icon, null, {
104
- default: withCtx(() => [
105
- createVNode(unref(Plus))
106
- ]),
107
- _: 1
108
- }),
109
- _hoisted_2
110
- ]),
111
- (openBlock(), createElementBlock(Fragment, null, renderList(iconList, (item, index) => {
112
- return createElementVNode("div", {
113
- key: index,
114
- class: normalizeClass(selectIconName.value === item.name ? "icon-set-center-item icon-set-center-item-border" : "icon-set-center-item"),
115
- onClick: ($event) => selectIcon(item.name)
116
- }, [
117
- (openBlock(), createBlock(resolveDynamicComponent(item.icon), { style: { "width": "40px", "height": "40px" } })),
118
- createElementVNode("span", null, toDisplayString(item.name), 1)
119
- ], 10, _hoisted_3);
120
- }), 64))
121
- ])
122
- ]),
123
- _: 1
124
- }, 8, ["modelValue"]),
125
- createVNode(_component_el_dialog, {
126
- modelValue: addIconDialogVisible.value,
127
- "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => addIconDialogVisible.value = $event),
128
- title: "创建icon",
129
- width: "30%"
130
- }, {
131
- footer: withCtx(() => [
132
- createElementVNode("div", _hoisted_5, [
133
- createVNode(_component_el_button, {
134
- onClick: _cache[7] || (_cache[7] = ($event) => addIconDialogVisible.value = false)
135
- }, {
136
- default: withCtx(() => [
137
- createTextVNode("取消")
138
- ]),
139
- _: 1
140
- }),
141
- createVNode(_component_el_button, {
142
- type: "primary",
143
- onClick: _cache[8] || (_cache[8] = ($event) => addIconDialogVisible.value = false)
144
- }, {
145
- default: withCtx(() => [
146
- createTextVNode(" 确定 ")
147
- ]),
148
- _: 1
149
- })
150
- ])
151
- ]),
152
- default: withCtx(() => [
153
- createVNode(_component_el_form, {
154
- model: form,
155
- "label-width": "80px"
156
- }, {
157
- default: withCtx(() => [
158
- createVNode(_component_el_form_item, {
159
- label: "类名",
160
- prop: "name",
161
- rules: [{ required: true, message: "请输入类名", trigger: "blur" }]
162
- }, {
163
- default: withCtx(() => [
164
- createVNode(_component_el_input, {
165
- size: "default",
166
- modelValue: form.name,
167
- "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.name = $event)
168
- }, null, 8, ["modelValue"])
169
- ]),
170
- _: 1
171
- }),
172
- createVNode(_component_el_form_item, { label: "标准按钮" }, {
173
- default: withCtx(() => [
174
- createVNode(_component_el_select, {
175
- size: "default",
176
- modelValue: form.region,
177
- "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.region = $event),
178
- placeholder: "please select your zone"
179
- }, {
180
- default: withCtx(() => [
181
- createVNode(_component_el_option, {
182
- label: "Zone one",
183
- value: "shanghai"
184
- }),
185
- createVNode(_component_el_option, {
186
- label: "Zone two",
187
- value: "beijing"
188
- })
189
- ]),
190
- _: 1
191
- }, 8, ["modelValue"])
192
- ]),
193
- _: 1
194
- }),
195
- createVNode(_component_el_form_item, { label: "备注" }, {
196
- default: withCtx(() => [
197
- createVNode(_component_el_input, {
198
- size: "default",
199
- modelValue: form.name,
200
- "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.name = $event)
201
- }, null, 8, ["modelValue"])
202
- ]),
203
- _: 1
204
- })
205
- ]),
206
- _: 1
207
- }, 8, ["model"])
208
- ]),
209
- _: 1
210
- }, 8, ["modelValue"])
211
- ], 64);
212
- };
213
- }
214
- });
215
- export {
216
- _sfc_main as default
217
- };
@@ -1,336 +0,0 @@
1
- import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, withCtx, unref, normalizeStyle, pushScopeId, popScopeId } from "vue";
2
- import { useLocalStorage } from "@vueuse/core";
3
- import { Search } from "@element-plus/icons-vue";
4
- import { EditorView, basicSetup } from "codemirror";
5
- import { javascriptLanguage, javascript } from "@codemirror/lang-javascript";
6
- import { EditorState } from "@codemirror/state";
7
- import "@codemirror/autocomplete";
8
- import "@codemirror/language";
9
- import { openSearchPanel } from "@codemirror/search";
10
- const _withScopeId = (n) => (pushScopeId("data-v-26f79956"), n = n(), popScopeId(), n);
11
- const _hoisted_1 = {
12
- style: { "padding": "8px 16px", "margin": "10px 0px", "background-color": "#f4f4f5" },
13
- class: "pppp"
14
- };
15
- const _hoisted_2 = { style: { "color": "#909399", "font-size": "14px" } };
16
- const _hoisted_3 = { key: 0 };
17
- const _hoisted_4 = { key: 1 };
18
- const _hoisted_5 = { class: "editorTool" };
19
- const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "color": "gray" } }, " }", -1));
20
- const _sfc_main = /* @__PURE__ */ defineComponent({
21
- __name: "config",
22
- props: {
23
- eventForm: {
24
- type: Object,
25
- default: () => {
26
- return {};
27
- }
28
- }
29
- },
30
- emits: ["fullScreen"],
31
- setup(__props, { expose: __expose, emit: __emit }) {
32
- const props = __props;
33
- ref(false);
34
- const editorStyle = ref({ theme: "default", fontSize: 14, searchOpen: false });
35
- const editor = ref(null);
36
- const codemirrorRef = ref(null);
37
- const editorContentRef = ref(null);
38
- const showStyle = ref({
39
- backgroundColor: "#fff",
40
- color: "#333",
41
- border: "1px solid #ddd",
42
- overflow: "auto"
43
- });
44
- onMounted(() => {
45
- console.log("eventForm===", props.eventForm);
46
- let cacheEditorStyle = useLocalStorage("editorStyle", "").value;
47
- if (cacheEditorStyle) {
48
- cacheEditorStyle = JSON.parse(cacheEditorStyle);
49
- editorStyle.value.theme = cacheEditorStyle.theme || "default";
50
- editorStyle.value.fontSize = cacheEditorStyle.fontSize || 14;
51
- }
52
- loadEditor();
53
- });
54
- function resize() {
55
- if (codemirrorRef.value) {
56
- setTimeout(() => {
57
- const rect = codemirrorRef.value.getBoundingClientRect();
58
- const editorHeight = window.innerHeight - rect.y - 30 + "px";
59
- if (editor.value && editor.value.dom) {
60
- editor.value.dom.style["height"] = editorHeight;
61
- }
62
- }, 10);
63
- }
64
- }
65
- const jsDocCompletions = javascriptLanguage.data.of({
66
- autocomplete: myCompletions
67
- });
68
- function changeEditorState() {
69
- useLocalStorage("editorStyle", editorStyle.value).value = editorStyle.value;
70
- if (editor.value) {
71
- if (editor.value) {
72
- editor.value.destroy();
73
- }
74
- loadEditor();
75
- }
76
- }
77
- function getEditorState() {
78
- const mytheme = getTheme();
79
- const baseTheme = EditorView.theme({
80
- ".cm-content, .cm-gutter": { minHeight: "400px" },
81
- "&": {
82
- fontSize: editorStyle.value.fontSize + "px"
83
- }
84
- });
85
- return EditorState.create({
86
- doc: props.eventForm.jsContent,
87
- extensions: [
88
- EditorState.tabSize.of(16),
89
- basicSetup,
90
- javascript(),
91
- jsDocCompletions,
92
- mytheme,
93
- baseTheme,
94
- EditorView.updateListener.of(function(value) {
95
- console.log("update", value.state.doc.toString());
96
- props.eventForm.jsContent = value.state.doc.toString();
97
- })
98
- ]
99
- });
100
- }
101
- function getTheme() {
102
- return EditorView.theme({});
103
- }
104
- function updateJsContent(newEvent) {
105
- const hisValue = props.eventForm.jsContent ? props.eventForm.jsContent : "";
106
- if (newEvent && props.eventForm) {
107
- if (!newEvent.jsContent) {
108
- newEvent.jsContent = "";
109
- }
110
- Object.assign(props.eventForm, newEvent);
111
- editor.value.dispatch({
112
- changes: { from: 0, to: hisValue.length, insert: props.eventForm.jsContent }
113
- });
114
- }
115
- }
116
- function loadEditor() {
117
- const state = getEditorState();
118
- editor.value = new EditorView({
119
- state,
120
- parent: document.getElementById("cf-codemirror")
121
- });
122
- }
123
- function myCompletions(context) {
124
- let word = context.matchBefore(/\w*|logicContext\./);
125
- if (word) {
126
- if (word.from == word.to && !context.explicit)
127
- return null;
128
- if ((word == null ? void 0 : word.text) === "logicContext.") {
129
- return {
130
- from: word.from,
131
- options: [
132
- { label: "logicContext.page", type: "property", info: "页面变量" },
133
- { label: "logicContext.logic", type: "property", info: "页面变量" },
134
- { label: "logicContext.task", type: "property", info: "任务变量" },
135
- { label: "logicContext.context", type: "property", info: "上下文变量" },
136
- { label: "logicContext.system", type: "property", info: "系统变量" },
137
- { label: "logicContext.data", type: "property", info: "数据模型变量" }
138
- ]
139
- };
140
- } else {
141
- return {
142
- from: word.from,
143
- options: [{ label: "logicContext", type: "property" }]
144
- };
145
- }
146
- } else {
147
- return null;
148
- }
149
- }
150
- function openSearch() {
151
- if (editor.value) {
152
- editor.value.focus();
153
- let newState = openSearchPanel(editor.value);
154
- if (newState) {
155
- editor.value.update([transaction]);
156
- }
157
- }
158
- }
159
- __expose({ resize, updateJsContent });
160
- return (_ctx, _cache) => {
161
- const _component_el_input = resolveComponent("el-input");
162
- const _component_el_option = resolveComponent("el-option");
163
- const _component_el_select = resolveComponent("el-select");
164
- const _component_el_tooltip = resolveComponent("el-tooltip");
165
- const _component_el_icon = resolveComponent("el-icon");
166
- return openBlock(), createElementBlock("div", {
167
- style: { "padding-right": "20px" },
168
- ref_key: "editorContentRef",
169
- ref: editorContentRef
170
- }, [
171
- createElementVNode("div", _hoisted_1, [
172
- createElementVNode("span", _hoisted_2, [
173
- createTextVNode(" function "),
174
- __props.eventForm.name === "customFunc" ? (openBlock(), createElementBlock("span", _hoisted_3, [
175
- createTextVNode(" ( "),
176
- createVNode(_component_el_input, {
177
- size: "small",
178
- modelValue: __props.eventForm.funcParam,
179
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.eventForm.funcParam = $event),
180
- style: { "width": "300px" },
181
- title: "方法参数"
182
- }, null, 8, ["modelValue"]),
183
- createTextVNode(" ) ")
184
- ])) : (openBlock(), createElementBlock("span", _hoisted_4, " ( params ) ")),
185
- createTextVNode("{ ")
186
- ]),
187
- createElementVNode("span", _hoisted_5, [
188
- createVNode(_component_el_tooltip, {
189
- class: "box-item",
190
- effect: "dark",
191
- content: "切换主题",
192
- placement: "top"
193
- }, {
194
- default: withCtx(() => [
195
- createVNode(_component_el_select, {
196
- class: "editorOption",
197
- onChange: changeEditorState,
198
- modelValue: editorStyle.value.theme,
199
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => editorStyle.value.theme = $event),
200
- placeholder: "",
201
- size: "small",
202
- style: { "width": "120px" }
203
- }, {
204
- default: withCtx(() => [
205
- createVNode(_component_el_option, {
206
- label: "默认",
207
- value: "default"
208
- }),
209
- createVNode(_component_el_option, {
210
- label: "VScodeDark",
211
- value: "vscodeDark"
212
- }),
213
- createVNode(_component_el_option, {
214
- label: "Dracula",
215
- value: "dracula"
216
- }),
217
- createVNode(_component_el_option, {
218
- label: "GithubLight",
219
- value: "githubLight"
220
- }),
221
- createVNode(_component_el_option, {
222
- label: "GithubDark",
223
- value: "githubDark"
224
- }),
225
- createVNode(_component_el_option, {
226
- label: "Eclipse",
227
- value: "eclipse"
228
- }),
229
- createVNode(_component_el_option, {
230
- label: "XcodeLight",
231
- value: "xcodeLight"
232
- }),
233
- createVNode(_component_el_option, {
234
- label: "XcodeDark",
235
- value: "xcodeDark"
236
- })
237
- ]),
238
- _: 1
239
- }, 8, ["modelValue"])
240
- ]),
241
- _: 1
242
- }),
243
- createVNode(_component_el_tooltip, {
244
- class: "box-item",
245
- effect: "dark",
246
- content: "切换字体大小",
247
- placement: "top"
248
- }, {
249
- default: withCtx(() => [
250
- createVNode(_component_el_select, {
251
- class: "editorOption",
252
- modelValue: editorStyle.value.fontSize,
253
- "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => editorStyle.value.fontSize = $event),
254
- placeholder: "",
255
- onChange: changeEditorState,
256
- size: "small",
257
- style: { "width": "80px" }
258
- }, {
259
- default: withCtx(() => [
260
- createVNode(_component_el_option, {
261
- label: "12",
262
- value: 12
263
- }),
264
- createVNode(_component_el_option, {
265
- label: "14",
266
- value: 14
267
- }),
268
- createVNode(_component_el_option, {
269
- label: "16",
270
- value: 16
271
- }),
272
- createVNode(_component_el_option, {
273
- label: "18",
274
- value: 18
275
- }),
276
- createVNode(_component_el_option, {
277
- label: "20",
278
- value: 20
279
- }),
280
- createVNode(_component_el_option, {
281
- label: "22",
282
- value: 22
283
- }),
284
- createVNode(_component_el_option, {
285
- label: "24",
286
- value: 24
287
- }),
288
- createVNode(_component_el_option, {
289
- label: "26",
290
- value: 26
291
- }),
292
- createVNode(_component_el_option, {
293
- label: "28",
294
- value: 28
295
- })
296
- ]),
297
- _: 1
298
- }, 8, ["modelValue"])
299
- ]),
300
- _: 1
301
- })
302
- ]),
303
- createVNode(_component_el_tooltip, {
304
- class: "box-item",
305
- effect: "dark",
306
- content: "打开搜索",
307
- placement: "top"
308
- }, {
309
- default: withCtx(() => [
310
- createVNode(_component_el_icon, {
311
- class: "editorOption",
312
- onClick: openSearch
313
- }, {
314
- default: withCtx(() => [
315
- createVNode(unref(Search))
316
- ]),
317
- _: 1
318
- })
319
- ]),
320
- _: 1
321
- })
322
- ]),
323
- createElementVNode("div", {
324
- style: normalizeStyle(showStyle.value),
325
- id: "cf-codemirror",
326
- ref_key: "codemirrorRef",
327
- ref: codemirrorRef
328
- }, null, 4),
329
- _hoisted_6
330
- ], 512);
331
- };
332
- }
333
- });
334
- export {
335
- _sfc_main as default
336
- };