@kp-ui/lowcode 1.0.71 → 1.0.73

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 (125) hide show
  1. package/_virtual/virtual_svg-icons-register.js +2 -2
  2. package/index.js +12 -9
  3. package/package.json +3 -2
  4. package/src/components/CustomRender/components/AttachmentRender.vue2.js +8 -13
  5. package/src/components/TpfCollapse/TpfCollapseTitle.vue2.js +3 -4
  6. package/src/components/code-editor/index.vue2.js +3 -4
  7. package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js +22 -30
  8. package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js +2 -3
  9. package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue.js +15 -23
  10. package/src/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue.js +2 -3
  11. package/src/components/form-designer/form-widget/container-widget/grid-widget.vue.js +1 -1
  12. package/src/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js +2 -3
  13. package/src/components/form-designer/form-widget/container-widget/tab-widget.vue.js +2 -3
  14. package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js +26 -21
  15. package/src/components/form-designer/form-widget/container-widget/table-widget.vue.js +2 -3
  16. package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js +1 -1
  17. package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js +2 -3
  18. package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue.js +4 -8
  19. package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js +1 -1
  20. package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js +2 -3
  21. package/src/components/form-designer/form-widget/container-widget/vf-drawer-widget.vue.js +2 -3
  22. package/src/components/form-designer/form-widget/field-widget/attachment-render-widget.vue.js +6 -8
  23. package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue.js +5 -6
  24. package/src/components/form-designer/form-widget/field-widget/button-widget.vue.js +1 -1
  25. package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue.js +2 -3
  26. package/src/components/form-designer/form-widget/field-widget/checkbox-widget.vue.js +5 -6
  27. package/src/components/form-designer/form-widget/field-widget/code-editor-widget.vue.js +1 -1
  28. package/src/components/form-designer/form-widget/field-widget/color-widget.vue.js +5 -6
  29. package/src/components/form-designer/form-widget/field-widget/date-range-widget.vue.js +2 -3
  30. package/src/components/form-designer/form-widget/field-widget/date-widget.vue.js +2 -3
  31. package/src/components/form-designer/form-widget/field-widget/divider-widget.vue.js +2 -2
  32. package/src/components/form-designer/form-widget/field-widget/divider-widget.vue2.js +1 -0
  33. package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js +4 -6
  34. package/src/components/form-designer/form-widget/field-widget/dropdown-widget.vue.js +1 -1
  35. package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue.js +9 -14
  36. package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js +29 -41
  37. package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue.js +3 -4
  38. package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue2.js +1 -0
  39. package/src/components/form-designer/form-widget/field-widget/input-widget.vue.js +2 -3
  40. package/src/components/form-designer/form-widget/field-widget/number-widget.vue.js +2 -3
  41. package/src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue.js +15 -12
  42. package/src/components/form-designer/form-widget/field-widget/radio-widget.vue.js +5 -6
  43. package/src/components/form-designer/form-widget/field-widget/rate-widget.vue.js +1 -1
  44. package/src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue.js +1 -1
  45. package/src/components/form-designer/form-widget/field-widget/select-widget.vue.js +3 -5
  46. package/src/components/form-designer/form-widget/field-widget/slider-widget.vue.js +5 -6
  47. package/src/components/form-designer/form-widget/field-widget/slot-widget.vue.js +4 -6
  48. package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue.js +19 -24
  49. package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue.js +2 -2
  50. package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue2.js +1 -0
  51. package/src/components/form-designer/form-widget/field-widget/switch-widget.vue.js +1 -1
  52. package/src/components/form-designer/form-widget/field-widget/textarea-widget.vue.js +2 -3
  53. package/src/components/form-designer/form-widget/field-widget/time-range-widget.vue.js +5 -6
  54. package/src/components/form-designer/form-widget/field-widget/time-widget.vue.js +5 -6
  55. package/src/components/form-designer/form-widget/field-widget/treeSelect-widget.vue.js +2 -3
  56. package/src/components/form-designer/form-widget/index.vue.js +10 -17
  57. package/{designer.js → src/components/form-designer/index.vue.js} +10 -11
  58. package/src/components/form-designer/setting-panel/form-crud-setting.vue.js +2 -4
  59. package/src/components/form-designer/setting-panel/form-setting.vue.js +14 -18
  60. package/src/components/form-designer/setting-panel/index.vue.js +206 -216
  61. package/src/components/form-designer/setting-panel/option-items-setting.vue.js +23 -28
  62. package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue.js +1 -1
  63. package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue2.js +1 -0
  64. package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue.js +3 -4
  65. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue.js +2 -2
  66. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue.js +2 -2
  67. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js +5 -6
  68. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js +2 -365
  69. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +361 -0
  70. package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js +4 -6
  71. package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js +5 -6
  72. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue.js +3 -4
  73. package/src/components/form-designer/setting-panel/property-editor/container-vf-drawer/vf-drawer-direction-editor.vue.js +8 -8
  74. package/src/components/form-designer/setting-panel/property-editor/disabled-editor.vue.js +2 -2
  75. package/src/components/form-designer/setting-panel/property-editor/field-button/shape-editor.vue.js +6 -6
  76. package/src/components/form-designer/setting-panel/property-editor/field-button/type-editor.vue.js +12 -12
  77. package/src/components/form-designer/setting-panel/property-editor/field-cascader/cascader-defaultValue-editor.vue.js +1 -2
  78. package/src/components/form-designer/setting-panel/property-editor/field-checkbox/checkbox-defaultValue-editor.vue.js +1 -2
  79. package/src/components/form-designer/setting-panel/property-editor/field-date/date-format-editor.vue.js +8 -8
  80. package/src/components/form-designer/setting-panel/property-editor/field-date/date-type-editor.vue.js +10 -10
  81. package/src/components/form-designer/setting-panel/property-editor/field-date/date-valueFormat-editor.vue.js +8 -8
  82. package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-format-editor.vue.js +10 -10
  83. package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-type-editor.vue.js +6 -6
  84. package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-valueFormat-editor.vue.js +8 -8
  85. package/src/components/form-designer/setting-panel/property-editor/field-divider/contentPosition-editor.vue.js +6 -6
  86. package/src/components/form-designer/setting-panel/property-editor/field-divider/divider-direction-editor.vue.js +4 -4
  87. package/src/components/form-designer/setting-panel/property-editor/field-number/controlsPosition-editor.vue.js +4 -4
  88. package/src/components/form-designer/setting-panel/property-editor/field-radio/radio-defaultValue-editor.vue.js +1 -2
  89. package/src/components/form-designer/setting-panel/property-editor/field-select/select-defaultValue-editor.vue.js +1 -2
  90. package/src/components/form-designer/setting-panel/property-editor/field-time/time-format-editor.vue.js +4 -4
  91. package/src/components/form-designer/setting-panel/property-editor/field-time-range/time-range-format-editor.vue.js +4 -4
  92. package/src/components/form-designer/setting-panel/property-editor/hidden-editor.vue.js +2 -2
  93. package/src/components/form-designer/setting-panel/property-editor/type-editor.vue.js +4 -4
  94. package/src/components/form-designer/toolbar-panel/index.vue.js +2 -1045
  95. package/src/components/form-designer/toolbar-panel/index.vue2.js +1046 -0
  96. package/src/components/form-designer/widget-panel/index.vue.js +7 -13
  97. package/src/components/form-designer/widget-panel/widgetsConfig.js +2 -2
  98. package/src/components/form-render/container-item/grid-col-item.vue.js +2 -4
  99. package/src/components/form-render/container-item/grid-sub-form-item.vue.js +4 -8
  100. package/src/components/form-render/container-item/sub-form-item.vue.js +25 -38
  101. package/src/components/form-render/container-item/table-cell-item.vue.js +1 -2
  102. package/src/components/form-render/container-item/vf-collapse-item.vue.js +4 -6
  103. package/src/components/form-render/dynamic-dialog.vue.js +52 -64
  104. package/src/components/form-render/dynamic-drawer.vue.js +2 -3
  105. package/{render.js → src/components/form-render/index.vue.js} +71 -81
  106. package/src/components/http-editor/index.vue.js +16 -16
  107. package/src/components/public/ActionButtonListDialog.vue.js +23 -24
  108. package/src/components/public/CustomerModal/CustomerModal.vue.js +4 -0
  109. package/src/components/public/CustomerModal/CustomerModal.vue2.js +74 -0
  110. package/src/components/public/CustomerModal/useCustomerModal.js +34 -0
  111. package/src/components/public/QuillEditor/index.vue.js +1 -2
  112. package/src/components/public/methoad-item.vue.js +1 -2
  113. package/src/components/svg-icon/index.vue.js +2 -4
  114. package/src/hooks/useLowcode.js +106 -0
  115. package/stats.html +1 -1
  116. package/styles/style.css +1 -1
  117. package/types/install.d.ts +1 -2
  118. package/types/install.d.ts.map +1 -1
  119. package/types/src/components/public/CustomerModal/CustomerModal.d.ts +6 -0
  120. package/types/src/components/public/CustomerModal/CustomerModal.d.ts.map +1 -0
  121. package/types/src/hooks/useLowcode.d.ts +21 -0
  122. package/types/src/hooks/useLowcode.d.ts.map +1 -0
  123. package/types/designer.d.ts +0 -1
  124. package/types/index.d.ts +0 -1
  125. package/types/render.d.ts +0 -1
@@ -113,24 +113,13 @@ const _sfc_main = {
113
113
  this.optionModel.optionItems = newOptions;
114
114
  this.showImportCascaderDialogFlag = false;
115
115
  } catch (ex) {
116
- this.$message.error(this.i18nt("designer.hint.invalidOptionsData") + ex.message);
116
+ this.$message.error(
117
+ this.i18nt("designer.hint.invalidOptionsData") + ex.message
118
+ );
117
119
  }
118
120
  }
119
121
  }
120
122
  };
121
- const _hoisted_1 = { class: "option-items-pane" };
122
- const _hoisted_2 = {
123
- key: 2,
124
- class: "full-width-input"
125
- };
126
- const _hoisted_3 = {
127
- key: 3,
128
- class: "full-width-input"
129
- };
130
- const _hoisted_4 = { key: 4 };
131
- const _hoisted_5 = { key: 5 };
132
- const _hoisted_6 = { class: "dialog-footer" };
133
- const _hoisted_7 = { class: "dialog-footer" };
134
123
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
135
124
  const _component_a_input = resolveComponent("a-input");
136
125
  const _component_a_button = resolveComponent("a-button");
@@ -145,7 +134,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
145
134
  const _component_a_form_item = resolveComponent("a-form-item");
146
135
  const _component_a_modal = resolveComponent("a-modal");
147
136
  const _component_code_editor = resolveComponent("code-editor");
148
- return openBlock(), createElementBlock("div", _hoisted_1, [
137
+ return openBlock(), createElementBlock("div", { class: "option-items-pane" }, [
149
138
  $props.selectedWidget.type === "radio" || $props.selectedWidget.type === "select" && ["combobox"].includes($props.selectedWidget.options.mode) ? (openBlock(), createBlock(_component_a_radio_group, {
150
139
  key: 0,
151
140
  value: $options.optionModel.defaultValue,
@@ -176,15 +165,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
176
165
  size: "small",
177
166
  style: { "width": "70px" }
178
167
  }, null, 8, ["value", "onUpdate:value"]),
179
- _cache[11] || (_cache[11] = createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
168
+ createElementVNode("i", { class: "iconfont icon-drag drag-option" }),
180
169
  createVNode(_component_a_button, {
181
170
  size: "small",
182
171
  type: "danger",
183
172
  onClick: ($event) => $options.deleteOption(option, idx)
184
173
  }, {
185
- default: withCtx(() => _cache[10] || (_cache[10] = [
174
+ default: withCtx(() => [
186
175
  createTextVNode(" 删除 ")
187
- ])),
176
+ ]),
188
177
  _: 2
189
178
  }, 1032, ["onClick"])
190
179
  ]),
@@ -227,15 +216,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
227
216
  size: "small",
228
217
  style: { "width": "80px" }
229
218
  }, null, 8, ["value", "onUpdate:value"]),
230
- _cache[13] || (_cache[13] = createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
219
+ createElementVNode("i", { class: "iconfont icon-drag drag-option" }),
231
220
  createVNode(_component_a_button, {
232
221
  size: "small",
233
222
  type: "danger",
234
223
  onClick: ($event) => $options.deleteOption(option, idx)
235
224
  }, {
236
- default: withCtx(() => _cache[12] || (_cache[12] = [
225
+ default: withCtx(() => [
237
226
  createTextVNode(" 删除 ")
238
- ])),
227
+ ]),
239
228
  _: 2
240
229
  }, 1032, ["onClick"])
241
230
  ]),
@@ -247,7 +236,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
247
236
  }, 16, ["list"])
248
237
  ]),
249
238
  _: 1
250
- }, 8, ["value", "onChange"])) : $props.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", _hoisted_2, [
239
+ }, 8, ["value", "onChange"])) : $props.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", {
240
+ key: 2,
241
+ class: "full-width-input"
242
+ }, [
251
243
  createVNode(_component_a_cascader, {
252
244
  value: $options.optionModel.defaultValue,
253
245
  "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $options.optionModel.defaultValue = $event),
@@ -256,7 +248,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
256
248
  onChange: $options.emitDefaultValueChange,
257
249
  placeholder: _ctx.i18nt("render.hint.selectPlaceholder")
258
250
  }, null, 8, ["value", "multiple", "options", "onChange", "placeholder"])
259
- ])) : $props.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", _hoisted_3, [
251
+ ])) : $props.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", {
252
+ key: 3,
253
+ class: "full-width-input"
254
+ }, [
260
255
  createVNode(_component_a_tree_select, {
261
256
  value: $options.optionModel.defaultValue,
262
257
  "onUpdate:value": _cache[3] || (_cache[3] = ($event) => $options.optionModel.defaultValue = $event),
@@ -265,7 +260,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
265
260
  placeholder: _ctx.i18nt("render.hint.selectPlaceholder")
266
261
  }, null, 8, ["value", "treeData", "onChange", "placeholder"])
267
262
  ])) : createCommentVNode("", true),
268
- ["cascader", "treeSelect"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_4, [
263
+ ["cascader", "treeSelect"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", { key: 4 }, [
269
264
  createVNode(_component_a_button, {
270
265
  type: "text",
271
266
  onClick: $options.importCascaderOptions
@@ -285,7 +280,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
285
280
  _: 1
286
281
  }, 8, ["onClick"])
287
282
  ])) : createCommentVNode("", true),
288
- ["radio", "checkbox", "select"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_5, [
283
+ ["radio", "checkbox", "select"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", { key: 5 }, [
289
284
  createVNode(_component_a_button, {
290
285
  type: "text",
291
286
  onClick: $options.addOption
@@ -326,7 +321,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
326
321
  "destroy-on-close": true
327
322
  }, {
328
323
  footer: withCtx(() => [
329
- createElementVNode("div", _hoisted_6, [
324
+ createElementVNode("div", { class: "dialog-footer" }, [
330
325
  createVNode(_component_a_button, {
331
326
  size: "large",
332
327
  type: "primary",
@@ -375,7 +370,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
375
370
  "destroy-on-close": true
376
371
  }, {
377
372
  footer: withCtx(() => [
378
- createElementVNode("div", _hoisted_7, [
373
+ createElementVNode("div", { class: "dialog-footer" }, [
379
374
  createVNode(_component_a_button, {
380
375
  size: "large",
381
376
  type: "primary",
@@ -409,7 +404,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
409
404
  }, 8, ["title", "visible"])
410
405
  ]);
411
406
  }
412
- const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-92868329"]]);
407
+ const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-66ac421e"]]);
413
408
  export {
414
409
  OptionItemsSetting as default
415
410
  };
@@ -1,6 +1,6 @@
1
1
  import i18n from "../../../../utils/i18n.js";
2
2
  import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
3
- /* empty css */
3
+ import "./actionColumnPosition-editor.vue2.js";
4
4
  import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
5
5
  const _sfc_main = {
6
6
  name: "actionColumnPosition-editor",
@@ -58,7 +58,6 @@ const _sfc_main = {
58
58
  }
59
59
  }
60
60
  };
61
- const _hoisted_1 = { class: "dialog-footer" };
62
61
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
63
62
  const _component_a_button = resolveComponent("a-button");
64
63
  const _component_a_form_item = resolveComponent("a-form-item");
@@ -71,9 +70,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
71
70
  }, {
72
71
  default: withCtx(() => [
73
72
  createVNode(_component_a_button, { onClick: $options.handleConfigBtn }, {
74
- default: withCtx(() => _cache[3] || (_cache[3] = [
73
+ default: withCtx(() => [
75
74
  createTextVNode("按钮配置")
76
- ])),
75
+ ]),
77
76
  _: 1
78
77
  }, 8, ["onClick"])
79
78
  ]),
@@ -92,7 +91,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
92
91
  width: "1250px"
93
92
  }, {
94
93
  footer: withCtx(() => [
95
- createElementVNode("div", _hoisted_1, [
94
+ createElementVNode("div", { class: "dialog-footer" }, [
96
95
  createVNode(_component_a_button, {
97
96
  size: "default",
98
97
  onClick: $options.handleCloseDialog
@@ -79,9 +79,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
79
79
  size: "small",
80
80
  onClick: $options.editPagination
81
81
  }, {
82
- default: withCtx(() => _cache[8] || (_cache[8] = [
82
+ default: withCtx(() => [
83
83
  createTextVNode(" 编辑 ")
84
- ])),
84
+ ]),
85
85
  _: 1
86
86
  }, 8, ["onClick"])) : createCommentVNode("", true)
87
87
  ]),
@@ -53,9 +53,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
53
53
  shape: "round",
54
54
  onClick: $options.editSelections
55
55
  }, {
56
- default: withCtx(() => _cache[7] || (_cache[7] = [
56
+ default: withCtx(() => [
57
57
  createTextVNode(" 编辑 ")
58
- ])),
58
+ ]),
59
59
  _: 1
60
60
  }, 8, ["onClick"])) : createCommentVNode("", true)
61
61
  ]),
@@ -23,7 +23,6 @@ const _sfc_main = {
23
23
  }
24
24
  }
25
25
  };
26
- const _hoisted_1 = { class: "dialog-footer" };
27
26
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
28
27
  const _component_a_switch = resolveComponent("a-switch");
29
28
  const _component_a_button = resolveComponent("a-button");
@@ -78,7 +77,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
78
77
  width: "1250px"
79
78
  }, {
80
79
  footer: withCtx(() => [
81
- createElementVNode("div", _hoisted_1, [
80
+ createElementVNode("div", { class: "dialog-footer" }, [
82
81
  createVNode(_component_a_button, {
83
82
  size: "default",
84
83
  onClick: _cache[5] || (_cache[5] = ($event) => $data.showButtonsEditDialog = false)
@@ -142,15 +141,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
142
141
  }, {
143
142
  default: withCtx(() => [
144
143
  createVNode(_component_a_select_option, { value: "left" }, {
145
- default: withCtx(() => _cache[7] || (_cache[7] = [
144
+ default: withCtx(() => [
146
145
  createTextVNode("left")
147
- ])),
146
+ ]),
148
147
  _: 1
149
148
  }),
150
149
  createVNode(_component_a_select_option, { value: "right" }, {
151
- default: withCtx(() => _cache[8] || (_cache[8] = [
150
+ default: withCtx(() => [
152
151
  createTextVNode("right")
153
- ])),
152
+ ]),
154
153
  _: 1
155
154
  })
156
155
  ]),
@@ -1,370 +1,7 @@
1
- import i18n from "../../../../../utils/i18n.js";
2
- import _sfc_main$1 from "../../../../code-editor/code-modal-editor.vue.js";
3
- import { cloneDeep } from "lodash-es";
4
- import { defineAsyncComponent, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode, normalizeClass } from "vue";
1
+ import _sfc_main from "./data-table-tableColumns-editor.vue2.js";
5
2
  /* empty css */
6
3
  import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
7
- const _sfc_main = {
8
- name: "tableColumns-editor",
9
- mixins: [i18n],
10
- components: {
11
- CodeModalEditor: _sfc_main$1,
12
- TpfModal: defineAsyncComponent(async () => {
13
- const { TpfModal } = await import("tmgc2-share");
14
- return TpfModal;
15
- })
16
- },
17
- props: {
18
- designer: Object,
19
- selectedWidget: Object,
20
- optionModel: Object
21
- },
22
- data() {
23
- return {
24
- tableColumns: [],
25
- columns: [
26
- {
27
- title: "序号",
28
- dataIndex: "index",
29
- width: 100,
30
- fixed: "left",
31
- rowDrag: true,
32
- resizable: true,
33
- customRender: ({ index }) => index + 1
34
- },
35
- {
36
- title: this.i18nt("designer.setting.columnName"),
37
- dataIndex: "dataIndex",
38
- resizable: true,
39
- width: 150
40
- },
41
- {
42
- title: this.i18nt("designer.setting.columnLabel"),
43
- dataIndex: "title",
44
- align: "center",
45
- resizable: true,
46
- width: 100
47
- },
48
- {
49
- title: this.i18nt("designer.setting.columnWidth"),
50
- dataIndex: "width",
51
- resizable: true,
52
- width: 120
53
- },
54
- {
55
- title: this.i18nt("designer.setting.visibleColumn"),
56
- dataIndex: "show",
57
- resizable: true,
58
- width: 90
59
- },
60
- {
61
- title: this.i18nt("designer.setting.sortableColumn"),
62
- dataIndex: "sorter",
63
- resizable: true,
64
- width: 90
65
- },
66
- {
67
- title: "可拖动调整宽度",
68
- dataIndex: "resizable",
69
- width: 120
70
- },
71
- {
72
- title: "超过宽度将自动省略",
73
- dataIndex: "ellipsis",
74
- resizable: true,
75
- width: 150
76
- },
77
- {
78
- title: this.i18nt("designer.setting.fixedColumn"),
79
- dataIndex: "fixed",
80
- resizable: true,
81
- width: 100
82
- },
83
- {
84
- title: this.i18nt("designer.setting.alignTypeOfColumn"),
85
- dataIndex: "align",
86
- resizable: true,
87
- width: 100
88
- },
89
- {
90
- title: "自定义渲染函数",
91
- dataIndex: "customRender",
92
- width: 120,
93
- resizable: true,
94
- fixed: "right"
95
- },
96
- {
97
- title: this.i18nt("designer.setting.actionColumn"),
98
- dataIndex: "action",
99
- width: 80,
100
- fixed: "right"
101
- }
102
- ],
103
- dialogVisible: false,
104
- currentRecordIndexs: null,
105
- alignOptions: [
106
- { value: "left", label: "left" },
107
- { value: "center", label: "center" },
108
- { value: "right", label: "right" }
109
- ]
110
- };
111
- },
112
- methods: {
113
- showRenderDialog(recordIndexs, record) {
114
- this.currentRecordIndexs = recordIndexs;
115
- this.$refs.CodeModalEditorRef.open(record.customRender);
116
- },
117
- saveColumnRender(value) {
118
- this.tableColumns[this.currentRecordIndexs].customRender = value;
119
- },
120
- addCol() {
121
- const newRow = {
122
- isAutoWidth: false,
123
- columnId: (/* @__PURE__ */ new Date()).getTime(),
124
- show: true,
125
- width: 150,
126
- sorter: false,
127
- customRender: "",
128
- fixed: "",
129
- align: "left",
130
- title: "标题名",
131
- dataIndex: "",
132
- resizable: true,
133
- showSorterTooltip: false
134
- };
135
- this.tableColumns.push(newRow);
136
- this.designer.emitHistoryChange();
137
- },
138
- handleDelete(index) {
139
- if (this.tableColumns.length === 1) {
140
- this.$message.warning(
141
- this.i18nt("designer.setting.onlyOneColumnCannotBeDeleted")
142
- );
143
- return false;
144
- }
145
- this.tableColumns.splice(index, 1);
146
- },
147
- // 确认表格列更改
148
- colSubmit() {
149
- this.optionModel.tableColumns = cloneDeep(this.tableColumns);
150
- this.dialogVisible = false;
151
- },
152
- openSetting() {
153
- this.dialogVisible = true;
154
- this.tableColumns = cloneDeep(this.optionModel.tableColumns);
155
- }
156
- }
157
- };
158
- const _hoisted_1 = { class: "table-wrap" };
159
- const _hoisted_2 = {
160
- key: 2,
161
- style: { "text-align": "center" }
162
- };
163
- const _hoisted_3 = { class: "add-btn" };
164
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
165
- const _component_a_button = resolveComponent("a-button");
166
- const _component_a_form_item = resolveComponent("a-form-item");
167
- const _component_a_input = resolveComponent("a-input");
168
- const _component_a_switch = resolveComponent("a-switch");
169
- const _component_a_select_option = resolveComponent("a-select-option");
170
- const _component_a_select = resolveComponent("a-select");
171
- const _component_a_space = resolveComponent("a-space");
172
- const _component_s_table = resolveComponent("s-table");
173
- const _component_TpfModal = resolveComponent("TpfModal");
174
- const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
175
- return openBlock(), createElementBlock(Fragment, null, [
176
- createVNode(_component_a_form_item, {
177
- label: _ctx.i18nt("designer.setting.tableColEdit")
178
- }, {
179
- default: withCtx(() => [
180
- createVNode(_component_a_button, {
181
- type: "primary",
182
- shape: "round",
183
- onClick: $options.openSetting
184
- }, {
185
- default: withCtx(() => [
186
- createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.editAction")), 1)
187
- ]),
188
- _: 1
189
- }, 8, ["onClick"])
190
- ]),
191
- _: 1
192
- }, 8, ["label"]),
193
- createVNode(_component_TpfModal, {
194
- title: _ctx.i18nt("designer.setting.tableColEdit"),
195
- visible: $data.dialogVisible,
196
- "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $data.dialogVisible = $event),
197
- width: "1200px"
198
- }, {
199
- footerRight: withCtx(() => [
200
- createVNode(_component_a_button, {
201
- size: "default",
202
- onClick: _cache[1] || (_cache[1] = ($event) => $data.dialogVisible = false)
203
- }, {
204
- default: withCtx(() => [
205
- createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
206
- ]),
207
- _: 1
208
- }),
209
- createVNode(_component_a_button, {
210
- size: "default",
211
- type: "primary",
212
- onClick: $options.colSubmit
213
- }, {
214
- default: withCtx(() => [
215
- createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
216
- ]),
217
- _: 1
218
- }, 8, ["onClick"])
219
- ]),
220
- default: withCtx(() => [
221
- createElementVNode("div", _hoisted_1, [
222
- createVNode(_component_s_table, {
223
- class: "tpf-surely-table",
224
- "aria-hidden": "false",
225
- dataSource: $data.tableColumns,
226
- style: { "width": "100%" },
227
- deepWatchDataSource: "",
228
- "cell-style": { padding: "0" },
229
- height: "600",
230
- id: "singleTable",
231
- size: "medium",
232
- scroll: { y: 300, x: 300 },
233
- pagination: false,
234
- resizable: "",
235
- "row-key": (record) => record.columnId,
236
- columns: $data.columns
237
- }, {
238
- bodyCell: withCtx(({ column, record, index, recordIndexs }) => [
239
- column.dataIndex === "dataIndex" ? (openBlock(), createBlock(_component_a_input, {
240
- key: 0,
241
- value: $data.tableColumns[recordIndexs[0]].dataIndex,
242
- "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].dataIndex = $event
243
- }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
244
- column.dataIndex === "title" ? (openBlock(), createBlock(_component_a_input, {
245
- key: 1,
246
- value: $data.tableColumns[recordIndexs[0]].title,
247
- "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].title = $event
248
- }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true),
249
- column.dataIndex === "width" ? (openBlock(), createElementBlock("div", _hoisted_2, [
250
- createVNode(_component_a_switch, {
251
- "checked-children": "自动宽度",
252
- checked: $data.tableColumns[recordIndexs[0]].isAutoWidth,
253
- "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].isAutoWidth = $event
254
- }, null, 8, ["checked", "onUpdate:checked"]),
255
- !record.isAutoWidth ? (openBlock(), createBlock(_component_a_input, {
256
- key: 0,
257
- value: $data.tableColumns[recordIndexs[0]].width,
258
- "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].width = $event
259
- }, null, 8, ["value", "onUpdate:value"])) : createCommentVNode("", true)
260
- ])) : createCommentVNode("", true),
261
- column.dataIndex === "show" ? (openBlock(), createBlock(_component_a_switch, {
262
- key: 3,
263
- checked: $data.tableColumns[recordIndexs[0]].show,
264
- "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].show = $event
265
- }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
266
- column.dataIndex === "sorter" ? (openBlock(), createBlock(_component_a_switch, {
267
- key: 4,
268
- checked: $data.tableColumns[recordIndexs[0]].sorter,
269
- "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].sorter = $event
270
- }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
271
- column.dataIndex === "resizable" ? (openBlock(), createBlock(_component_a_switch, {
272
- key: 5,
273
- checked: $data.tableColumns[recordIndexs[0]].resizable,
274
- "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].resizable = $event
275
- }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
276
- column.dataIndex === "ellipsis" ? (openBlock(), createBlock(_component_a_switch, {
277
- key: 6,
278
- checked: $data.tableColumns[recordIndexs[0]].ellipsis,
279
- "onUpdate:checked": ($event) => $data.tableColumns[recordIndexs[0]].ellipsis = $event
280
- }, null, 8, ["checked", "onUpdate:checked"])) : createCommentVNode("", true),
281
- column.dataIndex === "fixed" ? (openBlock(), createBlock(_component_a_select, {
282
- key: 7,
283
- value: $data.tableColumns[recordIndexs[0]].fixed,
284
- "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].fixed = $event,
285
- allowClear: "",
286
- style: {}
287
- }, {
288
- default: withCtx(() => [
289
- createVNode(_component_a_select_option, { value: "left" }, {
290
- default: withCtx(() => _cache[3] || (_cache[3] = [
291
- createTextVNode("左固定")
292
- ])),
293
- _: 1
294
- }),
295
- createVNode(_component_a_select_option, { value: "right" }, {
296
- default: withCtx(() => _cache[4] || (_cache[4] = [
297
- createTextVNode("右固定")
298
- ])),
299
- _: 1
300
- })
301
- ]),
302
- _: 2
303
- }, 1032, ["value", "onUpdate:value"])) : createCommentVNode("", true),
304
- column.dataIndex === "align" ? (openBlock(), createBlock(_component_a_select, {
305
- key: 8,
306
- style: {},
307
- value: $data.tableColumns[recordIndexs[0]].align,
308
- "onUpdate:value": ($event) => $data.tableColumns[recordIndexs[0]].align = $event,
309
- options: $data.alignOptions
310
- }, null, 8, ["value", "onUpdate:value", "options"])) : createCommentVNode("", true),
311
- column.dataIndex === "customRender" ? (openBlock(), createBlock(_component_a_button, {
312
- key: 9,
313
- onClick: ($event) => $options.showRenderDialog(recordIndexs[0], record, _ctx.dataIndex),
314
- class: normalizeClass([{ "button-text-highlight": !!record.customRender }]),
315
- size: "small",
316
- shape: "round"
317
- }, {
318
- default: withCtx(() => _cache[5] || (_cache[5] = [
319
- createTextVNode(" edit ")
320
- ])),
321
- _: 2
322
- }, 1032, ["onClick", "class"])) : createCommentVNode("", true),
323
- column.dataIndex === "action" ? (openBlock(), createBlock(_component_a_space, { key: 10 }, {
324
- default: withCtx(() => [
325
- createVNode(_component_a_button, {
326
- title: _ctx.i18nt("designer.setting.deleteTableColumn"),
327
- size: "small",
328
- onClick: ($event) => $options.handleDelete(index),
329
- type: "text"
330
- }, {
331
- default: withCtx(() => _cache[6] || (_cache[6] = [
332
- createTextVNode(" 删除 ")
333
- ])),
334
- _: 2
335
- }, 1032, ["title", "onClick"])
336
- ]),
337
- _: 2
338
- }, 1024)) : createCommentVNode("", true)
339
- ]),
340
- _: 1
341
- }, 8, ["dataSource", "row-key", "columns"]),
342
- createElementVNode("div", _hoisted_3, [
343
- createVNode(_component_a_button, {
344
- title: _ctx.i18nt("designer.setting.addTableColumn"),
345
- type: "primary",
346
- size: "medium",
347
- onClick: _cache[0] || (_cache[0] = ($event) => $options.addCol())
348
- }, {
349
- default: withCtx(() => [
350
- createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addTableColumn")), 1)
351
- ]),
352
- _: 1
353
- }, 8, ["title"])
354
- ])
355
- ])
356
- ]),
357
- _: 1
358
- }, 8, ["title", "visible"]),
359
- createVNode(_component_CodeModalEditor, {
360
- onSave: $options.saveColumnRender,
361
- ref: "CodeModalEditorRef",
362
- title: _ctx.i18nt("designer.setting.renderFunction"),
363
- "fn-params": "scope"
364
- }, null, 8, ["onSave", "title"])
365
- ], 64);
366
- }
367
- const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-af4cd3cd"]]);
4
+ const dataTableTableColumnsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e86d9d9"]]);
368
5
  export {
369
6
  dataTableTableColumnsEditor as default
370
7
  };