@gct-paas/design 0.1.4-dev.8 → 0.1.4-dev.9

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 (158) hide show
  1. package/dist/assets/transform-js.worker-BtVTa-PT.js +666 -0
  2. package/dist/index.esm.min.mjs +18271 -17461
  3. package/dist/index.min.cjs +7 -7
  4. package/dist/index.min.css +1 -1
  5. package/dist/index.system.min.js +7 -7
  6. package/es/assets/transform-js.worker-DdeZQ5i-.js +296567 -0
  7. package/es/components/design/design-content/design-content.mjs +12 -10
  8. package/es/components/design/design-drag-item/design-drag-item.mjs +13 -10
  9. package/es/components/design/design-drop-container/design-drop-container.d.ts +4 -0
  10. package/es/components/design/design-drop-container/design-drop-container.mjs +13 -10
  11. package/es/components/design/design-drop-line/design-drop-line.mjs +15 -11
  12. package/es/components/design/design-item-actions/design-item-actions.mjs +10 -9
  13. package/es/components/design/design-item-highlighter/design-item-highlighter.mjs +12 -9
  14. package/es/components/design/design-item-highlighter-container/design-item-highlighter-container.mjs +10 -9
  15. package/es/components/design/design-not-drag-item/design-not-drag-item.mjs +12 -10
  16. package/es/components/design-icon-button/design-icon-button.d.ts +0 -2
  17. package/es/components/design-icon-button/design-icon-button.mjs +1 -2
  18. package/es/components/design-save-tip/design-save-tip.mjs +1 -1
  19. package/es/components/design-view-layout/{design-view-layout.module.css → design-view-layout.css} +20 -17
  20. package/es/components/design-view-layout/design-view-layout.mjs +17 -16
  21. package/es/components/editor/index.mjs +3 -3
  22. package/es/components/editor/style/border-editor/border-box.vue2.mjs +5 -303
  23. package/es/components/editor/style/border-editor/border-box.vue3.mjs +305 -0
  24. package/es/components/editor/style/border-editor/border-editor.vue2.mjs +5 -58
  25. package/es/components/editor/style/border-editor/border-editor.vue3.mjs +60 -0
  26. package/es/components/editor/style/border-editor/border-radius.vue2.mjs +5 -210
  27. package/es/components/editor/style/border-editor/border-radius.vue3.mjs +212 -0
  28. package/es/components/editor/style/font-editor/align-group.vue2.mjs +5 -64
  29. package/es/components/editor/style/font-editor/align-group.vue3.mjs +66 -0
  30. package/es/components/editor/style/font-editor/font-editor.vue.mjs +2 -2
  31. package/es/components/editor/style/font-editor/font-style-group.vue2.mjs +5 -103
  32. package/es/components/editor/style/font-editor/font-style-group.vue3.mjs +105 -0
  33. package/es/components/editor/style/position-editor/position-editor.vue2.mjs +5 -240
  34. package/es/components/editor/style/position-editor/position-editor.vue3.mjs +242 -0
  35. package/es/components/editor/style/spacing-editor/spacing-editor.vue2.mjs +5 -309
  36. package/es/components/editor/style/spacing-editor/spacing-editor.vue3.mjs +311 -0
  37. package/es/components/icon/downleft-icon.vue.mjs +9 -25
  38. package/es/components/icon/downleft-icon.vue2.mjs +25 -9
  39. package/es/components/icon/downright-icon.vue.mjs +9 -25
  40. package/es/components/icon/downright-icon.vue2.mjs +25 -9
  41. package/es/components/icon/upleft-icon.vue.mjs +9 -25
  42. package/es/components/icon/upleft-icon.vue2.mjs +25 -9
  43. package/es/components/icon/upright-icon.vue.mjs +9 -25
  44. package/es/components/icon/upright-icon.vue2.mjs +25 -9
  45. package/es/components/index.mjs +2 -1
  46. package/es/components/material/material-content/material-content.d.ts +8 -0
  47. package/es/components/material/material-content/material-content.mjs +2 -2
  48. package/es/components/material/material-module/material-module.d.ts +4 -0
  49. package/es/components/material/material-module/material-module.mjs +12 -9
  50. package/es/components/material/material-module-drag-container/material-module-drag-container.d.ts +4 -0
  51. package/es/components/material/material-module-drag-item/material-module-drag-item.mjs +11 -9
  52. package/es/components/material/material-outline-tree/material-outline-tree.mjs +15 -12
  53. package/es/components/material/material-tabs/material-tabs.d.ts +4 -0
  54. package/es/components/panel/panel-content/panel-content.mjs +11 -9
  55. package/es/components/panel/panel-form/panel-form.mjs +12 -9
  56. package/es/components/panel/panel-path/panel-path.mjs +12 -9
  57. package/es/controller/view/design-view.controller.mjs +0 -1
  58. package/es/create-app-vue.d.ts +8 -0
  59. package/es/create-app-vue.mjs +11 -0
  60. package/es/editor/child-list-editor/child-list-editor.mjs +13 -11
  61. package/es/editor/model-field-select/model-field-select.mjs +12 -10
  62. package/es/hooks/design-view/constants/style-editor.const.d.ts +24 -0
  63. package/es/hooks/design-view/constants/style-editor.const.mjs +53 -0
  64. package/es/hooks/design-view/design-state.d.ts +2427 -0
  65. package/es/hooks/design-view/design-state.mjs +86 -0
  66. package/es/hooks/design-view/designer/useDesignCache.d.ts +4 -0
  67. package/es/hooks/design-view/designer/useDesignCache.mjs +27 -0
  68. package/es/hooks/design-view/designer/useDesignHistory.d.ts +16 -0
  69. package/es/hooks/design-view/designer/useDesignHistory.mjs +102 -0
  70. package/es/hooks/design-view/designer/useDesignModal.d.ts +1874 -0
  71. package/es/hooks/design-view/designer/useDesignModal.mjs +80 -0
  72. package/es/hooks/design-view/designer/useDesignPreview.d.ts +11 -0
  73. package/es/hooks/design-view/designer/useDesignPreview.mjs +143 -0
  74. package/es/hooks/design-view/designer/useDesignSave.d.ts +12 -0
  75. package/es/hooks/design-view/designer/useDesignSave.mjs +239 -0
  76. package/es/hooks/design-view/{usePropEditor.d.ts → editor/usePropEditor.d.ts} +1 -1
  77. package/es/hooks/design-view/editor/usePropEditor.mjs +99 -0
  78. package/es/hooks/design-view/{useStyle.d.ts → editor/useStyle.d.ts} +2 -2
  79. package/es/hooks/design-view/{useStyle.mjs → editor/useStyle.mjs} +1 -1
  80. package/es/hooks/design-view/editor/useStyleEditor.d.ts +30 -0
  81. package/es/hooks/design-view/editor/useStyleEditor.mjs +77 -0
  82. package/es/hooks/design-view/{useGlobal.d.ts → global/useGlobal.d.ts} +46 -40
  83. package/es/hooks/design-view/{useScope.mjs → layout/useScope.mjs} +17 -3
  84. package/es/hooks/design-view/{useToolkit.d.ts → layout/useToolkit.d.ts} +13 -11
  85. package/es/hooks/design-view/{useToolkit.mjs → layout/useToolkit.mjs} +22 -6
  86. package/es/hooks/design-view/{usePage.d.ts → page/usePage.d.ts} +2 -4
  87. package/es/hooks/design-view/{usePage.mjs → page/usePage.mjs} +9 -26
  88. package/es/hooks/design-view/page/usePageOccupy.d.ts +33 -0
  89. package/es/hooks/design-view/{usePageOccupy.mjs → page/usePageOccupy.mjs} +26 -18
  90. package/es/hooks/design-view/useDesigner.d.ts +153 -183
  91. package/es/hooks/design-view/useDesigner.mjs +76 -790
  92. package/es/hooks/design-view/utils/color.util.d.ts +21 -0
  93. package/es/hooks/design-view/utils/color.util.mjs +36 -0
  94. package/es/hooks/design-view/utils/field-schema.util.d.ts +55 -0
  95. package/es/hooks/design-view/{getFieldSchema.mjs → utils/field-schema.util.mjs} +28 -10
  96. package/es/hooks/design-view/widget/useSelectedWidget.d.ts +53 -0
  97. package/es/hooks/design-view/{useSelectedWidget.mjs → widget/useSelectedWidget.mjs} +12 -42
  98. package/es/hooks/design-view/{useWidget.d.ts → widget/useWidget.d.ts} +12 -8
  99. package/es/hooks/design-view/widget/useWidgetQuery.d.ts +13 -0
  100. package/es/hooks/design-view/widget/useWidgetQuery.mjs +88 -0
  101. package/es/hooks/design-view/widget/useWidgetRegistry.d.ts +11 -0
  102. package/es/hooks/design-view/widget/useWidgetRegistry.mjs +59 -0
  103. package/es/hooks/develop/useKeyParser.mjs +0 -4
  104. package/es/hooks/index.d.ts +20 -10
  105. package/es/hooks/use-model-field/use-model-field.d.ts +32 -0
  106. package/es/hooks/use-model-field/use-model-field.mjs +344 -0
  107. package/es/index.d.ts +2 -5
  108. package/es/index.mjs +100 -35
  109. package/es/interface/designer/i-designer-provider.d.ts +2 -85
  110. package/es/interface/designer/i-designer-state.d.ts +14 -0
  111. package/es/interface/designer/index.d.ts +0 -2
  112. package/es/plugins/design-custom-exp-menu/components/design-custom-exp-menu.component.mjs +12 -9
  113. package/es/plugins/design-editor/upload-file/index.mjs +4 -1
  114. package/es/plugins/design-editor/upload-file/upload-file.mjs +2 -2
  115. package/es/plugins/design-editor/upload-image/index.mjs +4 -1
  116. package/es/plugins/design-editor/user-signature/index.mjs +4 -1
  117. package/es/plugins/design-grid/components/design-grid.component.mjs +12 -9
  118. package/es/plugins/design-grid/design-grid.provider.mjs +33 -0
  119. package/es/plugins/design-grid-item/components/design-grid-item.component.mjs +12 -9
  120. package/es/plugins/design-tab-item/components/design-tab-item.component.mjs +12 -9
  121. package/es/plugins/design-tabs/components/design-tabs.component.mjs +12 -9
  122. package/es/register/designer-register/designer-register.d.ts +29 -0
  123. package/es/register/designer-register/designer-register.mjs +35 -0
  124. package/es/setup-app.d.ts +1 -0
  125. package/es/setup-app.mjs +18 -0
  126. package/es/utils/design-interceptors/design-interceptors.d.ts +8 -0
  127. package/es/utils/design-interceptors/design-interceptors.mjs +20 -0
  128. package/es/utils/field-filter/index.d.ts +4 -0
  129. package/es/utils/field-filter/index.mjs +58 -0
  130. package/es/utils/index.d.ts +5 -1
  131. package/es/utils/init-widget-info/init-widget-info.d.ts +16 -0
  132. package/es/utils/init-widget-info/init-widget-info.mjs +40 -0
  133. package/es/utils/plugin-pkg-util/plugin-pkg-util.mjs +0 -8
  134. package/es/utils/transform-js/index.d.ts +1 -0
  135. package/es/utils/transform-js/transform-js.d.ts +13 -0
  136. package/es/utils/transform-js/transform-js.mjs +48 -0
  137. package/es/utils/transform-js/transform-js.worker.d.ts +1 -0
  138. package/es/views/design-view.d.ts +2 -2
  139. package/es/views/design-view.mjs +14 -12
  140. package/package.json +13 -7
  141. package/es/components/design-view-layout/design-view-layout.module.scss.mjs +0 -27
  142. package/es/components/editor/style/border-editor/border-box.vue.mjs +0 -7
  143. package/es/components/editor/style/border-editor/border-editor.vue.mjs +0 -7
  144. package/es/components/editor/style/border-editor/border-radius.vue.mjs +0 -7
  145. package/es/components/editor/style/font-editor/align-group.vue.mjs +0 -7
  146. package/es/components/editor/style/font-editor/font-style-group.vue.mjs +0 -7
  147. package/es/components/editor/style/position-editor/position-editor.vue.mjs +0 -7
  148. package/es/components/editor/style/spacing-editor/spacing-editor.vue.mjs +0 -7
  149. package/es/hooks/design-view/getFieldSchema.d.ts +0 -26
  150. package/es/hooks/design-view/usePageOccupy.d.ts +0 -13
  151. package/es/hooks/design-view/usePropEditor.mjs +0 -99
  152. package/es/hooks/design-view/useSelectedWidget.d.ts +0 -53
  153. package/es/hooks/design-view/useStyleEditor.d.ts +0 -27
  154. package/es/interface/designer/i-designer-dnd-item-hooks.d.ts +0 -21
  155. package/es/interface/designer/i-designer-schema-exports.d.ts +0 -13
  156. /package/es/hooks/design-view/{useGlobal.mjs → global/useGlobal.mjs} +0 -0
  157. /package/es/hooks/design-view/{useScope.d.ts → layout/useScope.d.ts} +0 -0
  158. /package/es/hooks/design-view/{useWidget.mjs → widget/useWidget.mjs} +0 -0
@@ -1,17 +1,20 @@
1
1
  import { defineComponent, createVNode, resolveComponent, computed, isVNode } from 'vue';
2
2
  import { useNamespace } from '@gct-paas/core';
3
- import '../../../hooks/design-view/useDesigner.mjs';
4
- import '../../../hooks/design-view/useGlobal.mjs';
5
- import '../../../hooks/design-view/usePage.mjs';
6
- import '../../../hooks/design-view/usePageOccupy.mjs';
7
- import '../../../hooks/design-view/usePropEditor.mjs';
8
- import '../../../hooks/design-view/useScope.mjs';
9
- import '../../../hooks/design-view/useSelectedWidget.mjs';
3
+ import '../../../hooks/design-view/design-state.mjs';
10
4
  import '@gct-paas/schema';
11
- import '../../../hooks/design-view/useToolkit.mjs';
12
- import '../../../hooks/design-view/useWidget.mjs';
5
+ import 'lodash-es';
6
+ import '../../../hooks/design-view/layout/useScope.mjs';
7
+ import '../../../hooks/design-view/global/useGlobal.mjs';
8
+ import '@vueuse/core';
13
9
  import '../../../hooks/develop/useCacheHistory.mjs';
10
+ import 'ant-design-vue';
11
+ import '../../../hooks/design-view/widget/useSelectedWidget.mjs';
12
+ import '../../../hooks/design-view/widget/useWidget.mjs';
13
+ import '../../../hooks/design-view/page/usePage.mjs';
14
+ import '../../../hooks/design-view/page/usePageOccupy.mjs';
15
+ import '../../../hooks/design-view/layout/useToolkit.mjs';
14
16
  import { useDesignViewController } from '../../../hooks/use-design-view-controller/use-design-view-controller.mjs';
17
+ import '../../../hooks/use-model-field/use-model-field.mjs';
15
18
  import 'qx-util';
16
19
  import './design-custom-exp-menu-component.css';/* empty css */
17
20
 
@@ -4,8 +4,11 @@ import 'lodash-es';
4
4
  import 'qx-util';
5
5
  import '../../../constant/page-designer.mjs';
6
6
  import { widthDesignEditorInstall } from '../../../utils/design-install/design-install.mjs';
7
- import '../../../utils/find-deep-types/find-deep-types.mjs';
7
+ import 'axios';
8
8
  import '../../../utils/field-attrs/basicAttrs.mjs';
9
+ import '../../../utils/field-filter/index.mjs';
10
+ import '../../../utils/find-deep-types/find-deep-types.mjs';
11
+ import '@gct-paas/schema';
9
12
 
10
13
  const UploadFile = widthDesignEditorInstall(FIELD_TYPE.ATTACHMENT, UploadFile$1);
11
14
 
@@ -30,7 +30,7 @@ const UploadFile = /* @__PURE__ */ defineComponent({
30
30
  "class": ns.e('file-item')
31
31
  }, [createVNode("span", {
32
32
  "class": ns.em('file-item', 'icon')
33
- }, [createVNode(resolveComponent("svg-icon"), {
33
+ }, [createVNode(resolveComponent("assets-svg-icon"), {
34
34
  "src": "/assets/card-design/attachment.svg"
35
35
  }, null)]), createVNode("span", {
36
36
  "class": ns.em('file-item', 'name')
@@ -38,7 +38,7 @@ const UploadFile = /* @__PURE__ */ defineComponent({
38
38
  "class": "text-[#c3c3c3]"
39
39
  }, [createTextVNode("83.92M")])]) : createVNode("div", {
40
40
  "class": ns.e('file-card')
41
- }, [createVNode(resolveComponent("svg-icon"), {
41
+ }, [createVNode(resolveComponent("assets-svg-icon"), {
42
42
  "class": "text-32px mt12px",
43
43
  "src": "/assets/card-design/attachment.svg"
44
44
  }, null), createVNode("div", null, [createTextVNode("\u793A\u4F8B\u5185\u5BB9.docx")]), createVNode("div", {
@@ -4,8 +4,11 @@ import 'lodash-es';
4
4
  import 'qx-util';
5
5
  import '../../../constant/page-designer.mjs';
6
6
  import { widthDesignEditorInstall } from '../../../utils/design-install/design-install.mjs';
7
- import '../../../utils/find-deep-types/find-deep-types.mjs';
7
+ import 'axios';
8
8
  import '../../../utils/field-attrs/basicAttrs.mjs';
9
+ import '../../../utils/field-filter/index.mjs';
10
+ import '../../../utils/find-deep-types/find-deep-types.mjs';
11
+ import '@gct-paas/schema';
9
12
 
10
13
  const UploadImage = widthDesignEditorInstall(FIELD_TYPE.IMAGE, UploadImage$1);
11
14
 
@@ -4,8 +4,11 @@ import 'lodash-es';
4
4
  import 'qx-util';
5
5
  import '../../../constant/page-designer.mjs';
6
6
  import { widthDesignEditorInstall } from '../../../utils/design-install/design-install.mjs';
7
- import '../../../utils/find-deep-types/find-deep-types.mjs';
7
+ import 'axios';
8
8
  import '../../../utils/field-attrs/basicAttrs.mjs';
9
+ import '../../../utils/field-filter/index.mjs';
10
+ import '../../../utils/find-deep-types/find-deep-types.mjs';
11
+ import '@gct-paas/schema';
9
12
 
10
13
  const UserSignature = widthDesignEditorInstall(FIELD_TYPE.SIGNATURE, UserSignature$1);
11
14
 
@@ -1,18 +1,21 @@
1
1
  import { defineComponent, createVNode, resolveComponent, ref, isVNode } from 'vue';
2
2
  import { useNamespace } from '@gct-paas/core';
3
3
  import { nodeContainerProps } from '../../../props/index.mjs';
4
- import '../../../hooks/design-view/useDesigner.mjs';
5
- import '../../../hooks/design-view/useGlobal.mjs';
6
- import '../../../hooks/design-view/usePage.mjs';
7
- import '../../../hooks/design-view/usePageOccupy.mjs';
8
- import '../../../hooks/design-view/usePropEditor.mjs';
9
- import '../../../hooks/design-view/useScope.mjs';
10
- import '../../../hooks/design-view/useSelectedWidget.mjs';
4
+ import '../../../hooks/design-view/design-state.mjs';
11
5
  import '@gct-paas/schema';
12
- import '../../../hooks/design-view/useToolkit.mjs';
13
- import '../../../hooks/design-view/useWidget.mjs';
6
+ import 'lodash-es';
7
+ import '../../../hooks/design-view/layout/useScope.mjs';
8
+ import '../../../hooks/design-view/global/useGlobal.mjs';
9
+ import '@vueuse/core';
14
10
  import '../../../hooks/develop/useCacheHistory.mjs';
11
+ import 'ant-design-vue';
12
+ import '../../../hooks/design-view/widget/useSelectedWidget.mjs';
13
+ import '../../../hooks/design-view/widget/useWidget.mjs';
14
+ import '../../../hooks/design-view/page/usePage.mjs';
15
+ import '../../../hooks/design-view/page/usePageOccupy.mjs';
16
+ import '../../../hooks/design-view/layout/useToolkit.mjs';
15
17
  import { useDesignViewController } from '../../../hooks/use-design-view-controller/use-design-view-controller.mjs';
18
+ import '../../../hooks/use-model-field/use-model-field.mjs';
16
19
  import 'qx-util';
17
20
  import './design-grid.component.css';/* empty css */
18
21
 
@@ -3,6 +3,9 @@ import { DesignNodeMode, DesignNodeType, MaterialGroup } from '../../constant/in
3
3
  import { DesignGridNode } from './design-grid.data.mjs';
4
4
  import { NodeBaseProvider } from '../../provider/node-base/node-base.provider.mjs';
5
5
  import '../../provider/design-editor-node/design-editor-node.provider.mjs';
6
+ import 'qx-util';
7
+ import 'lodash-es';
8
+ import { NodeRegister } from '../../register/node/node.register.mjs';
6
9
  import { DesignEditorType } from '../../constant/design-editor-type.mjs';
7
10
 
8
11
  class DesignGridProvider extends NodeBaseProvider {
@@ -232,6 +235,36 @@ class DesignGridProvider extends NodeBaseProvider {
232
235
  if (children && children.length > 0) {
233
236
  return false;
234
237
  }
238
+ const res = await _gct.openUtil.modal(
239
+ "col-modal",
240
+ {},
241
+ {
242
+ title: t("sys.designView.components.grid.modal.title"),
243
+ width: 642
244
+ }
245
+ );
246
+ if (res && res.ok && res.data) {
247
+ const d = res.data[0];
248
+ if (d && d.spanArr) {
249
+ const items = d.spanArr;
250
+ for (let i = 0; i < items.length; i++) {
251
+ const span = items[i];
252
+ const params = {
253
+ data: { span }
254
+ };
255
+ const node = NodeRegister.get(
256
+ DesignNodeType.GRID_ITEM,
257
+ c.store.prefix
258
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
259
+ ).create(params);
260
+ node.data.name = `${node.data.name}${i + 1}`;
261
+ c.store.setNode(data.id, node);
262
+ }
263
+ }
264
+ c.store.enableCache();
265
+ c.store.cacheHistory();
266
+ return true;
267
+ }
235
268
  c.store.deleteNode(data.id);
236
269
  return false;
237
270
  }
@@ -1,18 +1,21 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
2
  import { useNamespace } from '@gct-paas/core';
3
3
  import { nodeContainerProps } from '../../../props/index.mjs';
4
- import '../../../hooks/design-view/useDesigner.mjs';
5
- import '../../../hooks/design-view/useGlobal.mjs';
6
- import '../../../hooks/design-view/usePage.mjs';
7
- import '../../../hooks/design-view/usePageOccupy.mjs';
8
- import '../../../hooks/design-view/usePropEditor.mjs';
9
- import '../../../hooks/design-view/useScope.mjs';
10
- import '../../../hooks/design-view/useSelectedWidget.mjs';
4
+ import '../../../hooks/design-view/design-state.mjs';
11
5
  import '@gct-paas/schema';
12
- import '../../../hooks/design-view/useToolkit.mjs';
13
- import '../../../hooks/design-view/useWidget.mjs';
6
+ import 'lodash-es';
7
+ import '../../../hooks/design-view/layout/useScope.mjs';
8
+ import '../../../hooks/design-view/global/useGlobal.mjs';
9
+ import '@vueuse/core';
14
10
  import '../../../hooks/develop/useCacheHistory.mjs';
11
+ import 'ant-design-vue';
12
+ import '../../../hooks/design-view/widget/useSelectedWidget.mjs';
13
+ import '../../../hooks/design-view/widget/useWidget.mjs';
14
+ import '../../../hooks/design-view/page/usePage.mjs';
15
+ import '../../../hooks/design-view/page/usePageOccupy.mjs';
16
+ import '../../../hooks/design-view/layout/useToolkit.mjs';
15
17
  import { useDesignViewController } from '../../../hooks/use-design-view-controller/use-design-view-controller.mjs';
18
+ import '../../../hooks/use-model-field/use-model-field.mjs';
16
19
  import 'qx-util';
17
20
 
18
21
  const DesignGridItemComponent = /* @__PURE__ */ defineComponent({
@@ -1,18 +1,21 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
2
  import { useNamespace } from '@gct-paas/core';
3
3
  import { nodeContainerProps } from '../../../props/index.mjs';
4
- import '../../../hooks/design-view/useDesigner.mjs';
5
- import '../../../hooks/design-view/useGlobal.mjs';
6
- import '../../../hooks/design-view/usePage.mjs';
7
- import '../../../hooks/design-view/usePageOccupy.mjs';
8
- import '../../../hooks/design-view/usePropEditor.mjs';
9
- import '../../../hooks/design-view/useScope.mjs';
10
- import '../../../hooks/design-view/useSelectedWidget.mjs';
4
+ import '../../../hooks/design-view/design-state.mjs';
11
5
  import '@gct-paas/schema';
12
- import '../../../hooks/design-view/useToolkit.mjs';
13
- import '../../../hooks/design-view/useWidget.mjs';
6
+ import 'lodash-es';
7
+ import '../../../hooks/design-view/layout/useScope.mjs';
8
+ import '../../../hooks/design-view/global/useGlobal.mjs';
9
+ import '@vueuse/core';
14
10
  import '../../../hooks/develop/useCacheHistory.mjs';
11
+ import 'ant-design-vue';
12
+ import '../../../hooks/design-view/widget/useSelectedWidget.mjs';
13
+ import '../../../hooks/design-view/widget/useWidget.mjs';
14
+ import '../../../hooks/design-view/page/usePage.mjs';
15
+ import '../../../hooks/design-view/page/usePageOccupy.mjs';
16
+ import '../../../hooks/design-view/layout/useToolkit.mjs';
15
17
  import { useDesignViewController } from '../../../hooks/use-design-view-controller/use-design-view-controller.mjs';
18
+ import '../../../hooks/use-model-field/use-model-field.mjs';
16
19
  import 'qx-util';
17
20
 
18
21
  const DesignTabItemComponent = /* @__PURE__ */ defineComponent({
@@ -1,18 +1,21 @@
1
1
  import { defineComponent, createVNode, resolveComponent, computed, ref, isVNode, nextTick } from 'vue';
2
2
  import { useNamespace } from '@gct-paas/core';
3
3
  import { nodeContainerProps } from '../../../props/index.mjs';
4
- import '../../../hooks/design-view/useDesigner.mjs';
5
- import '../../../hooks/design-view/useGlobal.mjs';
6
- import '../../../hooks/design-view/usePage.mjs';
7
- import '../../../hooks/design-view/usePageOccupy.mjs';
8
- import '../../../hooks/design-view/usePropEditor.mjs';
9
- import '../../../hooks/design-view/useScope.mjs';
10
- import '../../../hooks/design-view/useSelectedWidget.mjs';
4
+ import '../../../hooks/design-view/design-state.mjs';
11
5
  import '@gct-paas/schema';
12
- import '../../../hooks/design-view/useToolkit.mjs';
13
- import '../../../hooks/design-view/useWidget.mjs';
6
+ import 'lodash-es';
7
+ import '../../../hooks/design-view/layout/useScope.mjs';
8
+ import '../../../hooks/design-view/global/useGlobal.mjs';
9
+ import '@vueuse/core';
14
10
  import '../../../hooks/develop/useCacheHistory.mjs';
11
+ import 'ant-design-vue';
12
+ import '../../../hooks/design-view/widget/useSelectedWidget.mjs';
13
+ import '../../../hooks/design-view/widget/useWidget.mjs';
14
+ import '../../../hooks/design-view/page/usePage.mjs';
15
+ import '../../../hooks/design-view/page/usePageOccupy.mjs';
16
+ import '../../../hooks/design-view/layout/useToolkit.mjs';
15
17
  import { useDesignViewController } from '../../../hooks/use-design-view-controller/use-design-view-controller.mjs';
18
+ import '../../../hooks/use-model-field/use-model-field.mjs';
16
19
  import 'qx-util';
17
20
  import './design-tabs.component.css';/* empty css */
18
21
 
@@ -1,5 +1,6 @@
1
1
  import { SyncSeriesHook } from 'qx-util';
2
2
  import { IDesignerProvider } from '../../interface';
3
+ import { Component } from 'vue';
3
4
  /**
4
5
  * 设计界面组件注册
5
6
  *
@@ -13,11 +14,39 @@ export declare class DesignerRegister {
13
14
  * @protected
14
15
  */
15
16
  protected map: Map<string, () => IDesignerProvider>;
17
+ /**
18
+ * 兼容旧的写法,直接将组件注册入组件集合,设计界面直接使用 key 标识获取组件并进行渲染
19
+ *
20
+ * @protected
21
+ */
22
+ protected components: Map<string, Component>;
16
23
  private providers;
17
24
  readonly hooks: {
18
25
  register: SyncSeriesHook<[string, IDesignerProvider], null>;
19
26
  unregister: SyncSeriesHook<[string, IDesignerProvider], null>;
20
27
  };
28
+ /**
29
+ * 添加组件(兼容旧写法)
30
+ *
31
+ * @deprecated
32
+ * @param {string} type
33
+ * @param {Component} component
34
+ */
35
+ addComponent(type: string, component: Component): void;
36
+ /**
37
+ * 根据类型获取组件(兼容旧写法)
38
+ *
39
+ * @param {string} type
40
+ * @return {*} {(Component | undefined)}
41
+ */
42
+ getComponentByType(type: string): Component | undefined;
43
+ /**
44
+ * 根据插件标签获取组件(兼容旧写法)
45
+ *
46
+ * @param {string} type
47
+ * @return {*} {(Component | undefined)}
48
+ */
49
+ getComponentByPluginTag(type: string): Component | undefined;
21
50
  /**
22
51
  * 设计器项适配器注册
23
52
  *
@@ -7,11 +7,45 @@ class DesignerRegister {
7
7
  * @protected
8
8
  */
9
9
  map = /* @__PURE__ */ new Map();
10
+ /**
11
+ * 兼容旧的写法,直接将组件注册入组件集合,设计界面直接使用 key 标识获取组件并进行渲染
12
+ *
13
+ * @protected
14
+ */
15
+ components = /* @__PURE__ */ new Map();
10
16
  providers = /* @__PURE__ */ new Map();
11
17
  hooks = {
12
18
  register: new SyncSeriesHook(),
13
19
  unregister: new SyncSeriesHook()
14
20
  };
21
+ /**
22
+ * 添加组件(兼容旧写法)
23
+ *
24
+ * @deprecated
25
+ * @param {string} type
26
+ * @param {Component} component
27
+ */
28
+ addComponent(type, component) {
29
+ this.components.set(type, component);
30
+ }
31
+ /**
32
+ * 根据类型获取组件(兼容旧写法)
33
+ *
34
+ * @param {string} type
35
+ * @return {*} {(Component | undefined)}
36
+ */
37
+ getComponentByType(type) {
38
+ return this.components.get("gct-" + type);
39
+ }
40
+ /**
41
+ * 根据插件标签获取组件(兼容旧写法)
42
+ *
43
+ * @param {string} type
44
+ * @return {*} {(Component | undefined)}
45
+ */
46
+ getComponentByPluginTag(type) {
47
+ return this.components.get("gct-plugin-" + type);
48
+ }
15
49
  /**
16
50
  * 设计器项适配器注册
17
51
  *
@@ -23,6 +57,7 @@ class DesignerRegister {
23
57
  const instance = provider();
24
58
  this.providers.set(tag, instance);
25
59
  this.hooks.register.callSync(null, tag, instance);
60
+ this.addComponent("gct-" + instance.schema.type, instance.component);
26
61
  }
27
62
  /**
28
63
  * 设计器项适配器注销
@@ -0,0 +1 @@
1
+ export declare function designSetupApp(): Promise<void>;
@@ -0,0 +1,18 @@
1
+ import { HttpUtil } from '@gct-paas/api';
2
+ import 'lodash-es';
3
+ import 'qx-util';
4
+ import './constant/page-designer.mjs';
5
+ import '@gct-paas/core';
6
+ import './provider/design-editor-node/design-editor-node.provider.mjs';
7
+ import { designInterceptors } from './utils/design-interceptors/design-interceptors.mjs';
8
+ import './utils/field-attrs/basicAttrs.mjs';
9
+ import './utils/field-filter/index.mjs';
10
+ import './utils/find-deep-types/find-deep-types.mjs';
11
+ import { onWidgetInfoInit } from './utils/init-widget-info/init-widget-info.mjs';
12
+
13
+ async function designSetupApp() {
14
+ onWidgetInfoInit();
15
+ HttpUtil.use(designInterceptors);
16
+ }
17
+
18
+ export { designSetupApp };
@@ -0,0 +1,8 @@
1
+ import { AxiosInstance } from 'axios';
2
+ /**
3
+ * 安装拦截器
4
+ *
5
+ * @export
6
+ * @param {AxiosInstance} axios
7
+ */
8
+ export declare function designInterceptors(axios: AxiosInstance): void;
@@ -0,0 +1,20 @@
1
+ import { AxiosHeaders } from 'axios';
2
+
3
+ function designInterceptors(axios) {
4
+ axios.interceptors.request.use((config) => {
5
+ if (!config.headers) {
6
+ config.headers = new AxiosHeaders();
7
+ }
8
+ config.headers.Env = "dev";
9
+ if (!config.headers["App-Tag"]) {
10
+ config.headers["App-Tag"] = _gct.store.context.aid;
11
+ config.headers["Module"] = "TENANT_CENTER";
12
+ }
13
+ if (!config.headers["Branch-Id"]) {
14
+ config.headers["Branch-Id"] = _gct.store.context.bid;
15
+ }
16
+ return config;
17
+ });
18
+ }
19
+
20
+ export { designInterceptors };
@@ -0,0 +1,4 @@
1
+ /**公式的过滤字段 */
2
+ export declare const formulaFilter: (i: IObject) => boolean;
3
+ /**組件依賴的过滤字段 */
4
+ export declare const deptFilter: (i: IObject) => boolean;
@@ -0,0 +1,58 @@
1
+ import { FIELD_TYPE, CreateType } from '@gct-paas/core';
2
+
3
+ const fieldMap = [
4
+ FIELD_TYPE.TEXT,
5
+ FIELD_TYPE.LONG_TEXT,
6
+ FIELD_TYPE.INTEGER,
7
+ FIELD_TYPE.LONG,
8
+ FIELD_TYPE.DOUBLE,
9
+ FIELD_TYPE.DECIMAL,
10
+ FIELD_TYPE.BOOLEAN,
11
+ FIELD_TYPE.TIME,
12
+ FIELD_TYPE.DATE,
13
+ FIELD_TYPE.DATE_TIME,
14
+ FIELD_TYPE.OPTION,
15
+ FIELD_TYPE.OPTION_MULTI,
16
+ FIELD_TYPE.REF,
17
+ FIELD_TYPE.REF_MULTI,
18
+ FIELD_TYPE.USER,
19
+ FIELD_TYPE.USER_MULTI,
20
+ FIELD_TYPE.ORG,
21
+ FIELD_TYPE.ORG_MULTI,
22
+ FIELD_TYPE.ENUM,
23
+ FIELD_TYPE.ENUM_MULTI
24
+ ];
25
+ const formulaFilter = (i) => {
26
+ return CreateType.SYSTEM === i.createType || CreateType.USER_DEFINED === i.createType && fieldMap.includes(i.type) || CreateType.BUILTIN === i.createType && (i.initCommitId === "__0000__" || ["description_", "version_", "name_"].includes(i.key));
27
+ };
28
+ const deptMap = [
29
+ FIELD_TYPE.TEXT,
30
+ FIELD_TYPE.LONG_TEXT,
31
+ FIELD_TYPE.INTEGER,
32
+ FIELD_TYPE.LONG,
33
+ FIELD_TYPE.DOUBLE,
34
+ FIELD_TYPE.DECIMAL,
35
+ FIELD_TYPE.BOOLEAN,
36
+ FIELD_TYPE.TIME,
37
+ FIELD_TYPE.DATE,
38
+ FIELD_TYPE.DATE_TIME,
39
+ FIELD_TYPE.OPTION,
40
+ FIELD_TYPE.OPTION_MULTI,
41
+ FIELD_TYPE.REF,
42
+ FIELD_TYPE.REF_MULTI,
43
+ FIELD_TYPE.USER,
44
+ FIELD_TYPE.USER_MULTI,
45
+ FIELD_TYPE.ORG,
46
+ FIELD_TYPE.ORG_MULTI,
47
+ FIELD_TYPE.ENUM,
48
+ FIELD_TYPE.ENUM_MULTI,
49
+ FIELD_TYPE.EXPRESSION,
50
+ FIELD_TYPE.AGG
51
+ ];
52
+ const deptFilter = (i) => {
53
+ return CreateType.SYSTEM === i.createType || CreateType.USER_DEFINED === i.createType && deptMap.includes(i.type) || CreateType.BUILTIN === i.createType && (i.initCommitId === "__0000__" || ["description_", "version_", "name_", "show_type_", "type_"].includes(
54
+ i.key
55
+ ));
56
+ };
57
+
58
+ export { deptFilter, formulaFilter };
@@ -1,5 +1,9 @@
1
1
  export { isCanCrop } from './can-drop/can-drop';
2
2
  export { widthDesignEditorInstall } from './design-install/design-install';
3
+ export { designInterceptors } from './design-interceptors/design-interceptors';
4
+ export { basicAttrsUtils, transformField2Component } from './field-attrs';
5
+ export { deptFilter, formulaFilter } from './field-filter';
3
6
  export { findAllChildrenTypes } from './find-deep-types/find-deep-types';
7
+ export { onWidgetInfoInit, createWidgetProvider, } from './init-widget-info/init-widget-info';
4
8
  export * from './plugin-pkg-util/plugin-pkg-util';
5
- export { basicAttrsUtils, transformField2Component } from './field-attrs';
9
+ export { buildRunJs, initMethodMap } from './transform-js';
@@ -0,0 +1,16 @@
1
+ import { IDesignerProvider } from '../../interface';
2
+ /**
3
+ * 组件信息初始化,注册组件信息到全局
4
+ *
5
+ * @export
6
+ */
7
+ export declare function onWidgetInfoInit(): void;
8
+ /**
9
+ * 适配器创建函数,主要用于将旧组件改造为和插件一致的模式
10
+ *
11
+ * @export
12
+ * @param {unknown} component
13
+ * @param {IObject} module
14
+ * @return {*} {IDesignerProvider}
15
+ */
16
+ export declare function createWidgetProvider(component: unknown, module: IObject): IDesignerProvider;
@@ -0,0 +1,40 @@
1
+ import { registerWebPluginWidgetItem, registerMobilePluginWidgetItem, registerPadPluginWidgetItem } from '@gct-paas/schema';
2
+
3
+ function onWidgetInfoInit() {
4
+ _gct.register.designer.web.hooks.register.tap((_, __, designer) => {
5
+ registerWebPluginWidgetItem(designer);
6
+ });
7
+ _gct.register.designer.web.getProviders().forEach((designer) => {
8
+ registerWebPluginWidgetItem(designer);
9
+ });
10
+ _gct.register.designer.mobile.hooks.register.tap((_, __, designer) => {
11
+ registerMobilePluginWidgetItem(designer);
12
+ });
13
+ _gct.register.designer.mobile.getProviders().forEach((designer) => {
14
+ registerMobilePluginWidgetItem(designer);
15
+ });
16
+ _gct.register.designer.pad.hooks.register.tap((_, __, designer) => {
17
+ registerPadPluginWidgetItem(designer);
18
+ });
19
+ _gct.register.designer.pad.getProviders().forEach((designer) => {
20
+ registerPadPluginWidgetItem(designer);
21
+ });
22
+ }
23
+ function createWidgetProvider(component, module) {
24
+ return {
25
+ component,
26
+ kit: module.kit,
27
+ events: module.eventList,
28
+ propEditors: module.propEditorList,
29
+ schema: module.widget,
30
+ callback: module.runCallback,
31
+ beforeCreate: module.beforeCreate,
32
+ styleEditors: module.styleEditorList,
33
+ designerConfig: module.designerConfig,
34
+ hooks: module.hooks,
35
+ whiteList: module.whiteList,
36
+ blackList: module.blackList
37
+ };
38
+ }
39
+
40
+ export { createWidgetProvider, onWidgetInfoInit };
@@ -227,10 +227,6 @@ class PluginPgkUtil {
227
227
  console.error(`${plugin.key} 插件加载失败,请检查插件配置是否正确`);
228
228
  return;
229
229
  }
230
- _gct.register.render.mobile.register(
231
- plugin.key,
232
- moduleMap[plugin.key].default
233
- );
234
230
  });
235
231
  } catch (error) {
236
232
  console.error(error);
@@ -252,10 +248,6 @@ class PluginPgkUtil {
252
248
  console.error(`${plugin.key} 插件加载失败,请检查插件配置是否正确`);
253
249
  return;
254
250
  }
255
- _gct.register.render.web.register(
256
- plugin.key,
257
- moduleMap[plugin.key].default
258
- );
259
251
  });
260
252
  } catch (error) {
261
253
  console.error(error);
@@ -0,0 +1 @@
1
+ export { buildRunJs, initMethodMap } from './transform-js';
@@ -0,0 +1,13 @@
1
+ /**
2
+ * 将 TypeScript/ES 代码编译为可在运行时执行的 JS 字符串(在 Worker 中执行)
3
+ * @param code - 源代码字符串(支持 TS 语法)
4
+ * @param needExport - 是否在末尾追加 `return exports`,默认为 true
5
+ * @returns 编译后可执行的 JS 字符串,失败时返回 null
6
+ */
7
+ export declare function buildRunJs(code: string, needExport?: boolean): Promise<string | null>;
8
+ /**
9
+ * 解析代码字符串并提取所有命名导出函数的方法映射(在 Worker 中执行)
10
+ * @param code - 包含命名导出函数的代码字符串
11
+ * @returns 以函数名为键的方法映射对象,解析失败时返回空对象
12
+ */
13
+ export declare function initMethodMap(code: string): Promise<IObject>;
@@ -0,0 +1,48 @@
1
+ let _worker = null;
2
+ const _pendingMap = /* @__PURE__ */ new Map();
3
+ function getWorker() {
4
+ if (!_worker) {
5
+ _worker = new Worker(new URL(/* @vite-ignore */ "/assets/transform-js.worker-DdeZQ5i-.js", import.meta.url), {
6
+ type: "module"
7
+ });
8
+ _worker.onmessage = (event) => {
9
+ const { id, result, error } = event.data;
10
+ const pending = _pendingMap.get(id);
11
+ if (!pending) return;
12
+ _pendingMap.delete(id);
13
+ if (error !== void 0) {
14
+ pending.reject(new Error(error));
15
+ } else {
16
+ pending.resolve(result);
17
+ }
18
+ };
19
+ _worker.onerror = (event) => {
20
+ const err = new Error(event.message);
21
+ _pendingMap.forEach((pending) => pending.reject(err));
22
+ _pendingMap.clear();
23
+ };
24
+ }
25
+ return _worker;
26
+ }
27
+ function postTask(type, payload) {
28
+ return new Promise((resolve, reject) => {
29
+ const id = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
30
+ _pendingMap.set(id, {
31
+ resolve,
32
+ reject
33
+ });
34
+ const request = { id, type, payload };
35
+ getWorker().postMessage(request);
36
+ });
37
+ }
38
+ function buildRunJs(code, needExport = true) {
39
+ return postTask("BUILD_RUN_JS" /* BUILD_RUN_JS */, {
40
+ code,
41
+ needExport
42
+ });
43
+ }
44
+ function initMethodMap(code) {
45
+ return postTask("INIT_METHOD_MAP" /* INIT_METHOD_MAP */, { code });
46
+ }
47
+
48
+ export { buildRunJs, initMethodMap };
@@ -0,0 +1 @@
1
+ export {};