@tmagic/editor 1.8.0-beta.25 → 1.8.0-beta.27

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 (115) hide show
  1. package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js +10 -16
  2. package/dist/es/components/CodeParams.vue_vue_type_script_setup_true_lang.js +4 -4
  3. package/dist/es/components/CompareForm.vue_vue_type_script_setup_true_lang.js +5 -8
  4. package/dist/es/components/ViewForm.vue_vue_type_script_setup_true_lang.js +3 -5
  5. package/dist/es/fields/Code.vue_vue_type_script_setup_true_lang.js +3 -11
  6. package/dist/es/fields/CodeSelect.vue_vue_type_script_setup_true_lang.js +29 -124
  7. package/dist/es/fields/CodeSelectCol.vue_vue_type_script_setup_true_lang.js +5 -6
  8. package/dist/es/fields/DataSourceFieldSelect/FieldSelect.vue_vue_type_script_setup_true_lang.js +1 -1
  9. package/dist/es/fields/DataSourceFieldSelect/Index.vue_vue_type_script_setup_true_lang.js +4 -5
  10. package/dist/es/fields/DataSourceFields.vue_vue_type_script_setup_true_lang.js +6 -10
  11. package/dist/es/fields/DataSourceMethodSelect.vue_vue_type_script_setup_true_name_true_lang.js +5 -7
  12. package/dist/es/fields/DataSourceMethods.vue_vue_type_script_setup_true_lang.js +1 -4
  13. package/dist/es/fields/DataSourceMocks.vue_vue_type_script_setup_true_lang.js +4 -6
  14. package/dist/es/fields/DataSourceSelect.vue_vue_type_script_setup_true_lang.js +1 -1
  15. package/dist/es/fields/DisplayConds.vue_vue_type_script_setup_true_lang.js +9 -142
  16. package/dist/es/fields/EventSelect.vue_vue_type_script_setup_true_lang.js +51 -326
  17. package/dist/es/fields/KeyValue.vue_vue_type_script_setup_true_lang.js +2 -4
  18. package/dist/es/fields/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js +3 -34
  19. package/dist/es/fields/StyleSetter/configs.js +663 -0
  20. package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js +5 -108
  21. package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js +3 -9
  22. package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js +5 -102
  23. package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js +5 -265
  24. package/dist/es/fields/StyleSetter/pro/Position.vue_vue_type_script_setup_true_lang.js +5 -85
  25. package/dist/es/fields/StyleSetter/pro/Transform.vue_vue_type_script_setup_true_lang.js +3 -22
  26. package/dist/es/fields/configs/codeSelect.js +98 -0
  27. package/dist/es/fields/configs/displayConds.js +158 -0
  28. package/dist/es/fields/configs/eventSelect.js +225 -0
  29. package/dist/es/fields/configs/stickyAddButton.js +20 -0
  30. package/dist/es/fields/headless-validation.js +139 -0
  31. package/dist/es/headless.js +2 -0
  32. package/dist/es/hooks/use-compare-form.js +6 -23
  33. package/dist/es/hooks/use-form-context.js +29 -0
  34. package/dist/es/index.js +2 -1
  35. package/dist/es/initService.js +18 -1
  36. package/dist/es/layouts/history-list/HistoryDiffDialog.vue_vue_type_script_setup_true_lang.js +1 -7
  37. package/dist/es/layouts/history-list/HistoryListPanel.vue_vue_type_script_setup_true_lang.js +1 -11
  38. package/dist/es/layouts/history-list/useHistoryRevert.js +3 -11
  39. package/dist/es/layouts/props-panel/FormPanel.vue_vue_type_script_setup_true_lang.js +10 -23
  40. package/dist/es/layouts/props-panel/PropsPanel.vue_vue_type_script_setup_true_lang.js +3 -13
  41. package/dist/es/layouts/sidebar/code-block/CodeBlockListPanel.vue_vue_type_script_setup_true_lang.js +1 -1
  42. package/dist/es/layouts/sidebar/code-block/useContentMenu.js +1 -1
  43. package/dist/es/layouts/sidebar/data-source/DataSourceListPanel.vue_vue_type_script_setup_true_lang.js +1 -1
  44. package/dist/es/layouts/sidebar/data-source/useContentMenu.js +1 -1
  45. package/dist/es/plugin.js +33 -32
  46. package/dist/es/services/events.js +2 -2
  47. package/dist/es/style.css +116 -60
  48. package/dist/es/utils/code-block.js +14 -7
  49. package/dist/es/utils/data-source/index.js +2 -1
  50. package/dist/es/utils/props.js +1 -4
  51. package/dist/es/utils/type-match-rules.js +2 -2
  52. package/dist/style.css +116 -60
  53. package/dist/themes/magic-admin.css +128 -67
  54. package/dist/tmagic-editor-headless.umd.cjs +10867 -0
  55. package/dist/tmagic-editor.umd.cjs +2237 -2116
  56. package/package.json +12 -7
  57. package/src/Editor.vue +12 -16
  58. package/src/components/CodeParams.vue +10 -4
  59. package/src/components/CompareForm.vue +4 -5
  60. package/src/components/ViewForm.vue +2 -3
  61. package/src/editorProps.ts +1 -2
  62. package/src/fields/Code.vue +2 -10
  63. package/src/fields/CodeSelect.vue +20 -116
  64. package/src/fields/CodeSelectCol.vue +3 -5
  65. package/src/fields/DataSourceFieldSelect/FieldSelect.vue +1 -1
  66. package/src/fields/DataSourceFieldSelect/Index.vue +3 -5
  67. package/src/fields/DataSourceFields.vue +0 -7
  68. package/src/fields/DataSourceMethodSelect.vue +2 -5
  69. package/src/fields/DataSourceMethods.vue +1 -6
  70. package/src/fields/DataSourceMocks.vue +1 -10
  71. package/src/fields/DataSourceSelect.vue +1 -1
  72. package/src/fields/DisplayConds.vue +17 -157
  73. package/src/fields/EventSelect.vue +28 -375
  74. package/src/fields/KeyValue.vue +3 -4
  75. package/src/fields/StyleSetter/components/Border.vue +4 -38
  76. package/src/fields/StyleSetter/configs.ts +690 -0
  77. package/src/fields/StyleSetter/pro/Background.vue +4 -104
  78. package/src/fields/StyleSetter/pro/Border.vue +3 -12
  79. package/src/fields/StyleSetter/pro/Font.vue +4 -123
  80. package/src/fields/StyleSetter/pro/Layout.vue +4 -219
  81. package/src/fields/StyleSetter/pro/Position.vue +6 -110
  82. package/src/fields/StyleSetter/pro/Transform.vue +4 -30
  83. package/src/fields/configs/codeSelect.ts +127 -0
  84. package/src/fields/configs/displayConds.ts +184 -0
  85. package/src/fields/configs/eventSelect.ts +309 -0
  86. package/src/fields/configs/stickyAddButton.ts +31 -0
  87. package/src/fields/headless-validation.ts +177 -0
  88. package/src/headless.ts +33 -0
  89. package/src/hooks/use-compare-form.ts +7 -25
  90. package/src/hooks/use-form-context.ts +56 -0
  91. package/src/index.ts +2 -0
  92. package/src/initService.ts +24 -1
  93. package/src/layouts/history-list/HistoryDiffDialog.vue +0 -10
  94. package/src/layouts/history-list/HistoryListPanel.vue +1 -13
  95. package/src/layouts/history-list/useHistoryRevert.ts +7 -13
  96. package/src/layouts/props-panel/FormPanel.vue +17 -28
  97. package/src/layouts/props-panel/PropsPanel.vue +1 -4
  98. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +1 -1
  99. package/src/layouts/sidebar/code-block/useContentMenu.ts +1 -1
  100. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +1 -1
  101. package/src/layouts/sidebar/data-source/useContentMenu.ts +1 -1
  102. package/src/plugin.ts +32 -33
  103. package/src/services/events.ts +5 -4
  104. package/src/theme/code-block.scss +0 -37
  105. package/src/theme/display-conds.scss +4 -0
  106. package/src/theme/event.scss +22 -45
  107. package/src/theme/props-panel.scss +17 -3
  108. package/src/theme/themes/magic-admin/index.scss +12 -1
  109. package/src/type.ts +16 -29
  110. package/src/utils/code-block.ts +1 -0
  111. package/src/utils/data-source/index.ts +1 -0
  112. package/src/utils/props.ts +1 -4
  113. package/src/utils/type-match-rules.ts +8 -3
  114. package/types/headless.d.ts +18 -0
  115. package/types/index.d.ts +154 -179
@@ -151,6 +151,7 @@ export const eventTabConfig: TabPaneConfig = {
151
151
  src: 'component',
152
152
  labelWidth: '100px',
153
153
  type: 'event-select',
154
+ defaultValue: [],
154
155
  rules: [{ typeMatch: true }],
155
156
  },
156
157
  ],
@@ -163,7 +164,6 @@ export const advancedTabConfig: TabPaneConfig = {
163
164
  name: NODE_DISABLE_CODE_BLOCK_KEY,
164
165
  text: '禁用代码块',
165
166
  type: 'switch',
166
- labelPosition: 'left',
167
167
  defaultValue: false,
168
168
  extra: '开启后,配置的代码块将不会被执行',
169
169
  },
@@ -171,7 +171,6 @@ export const advancedTabConfig: TabPaneConfig = {
171
171
  name: NODE_DISABLE_DATA_SOURCE_KEY,
172
172
  text: '禁用数据源',
173
173
  type: 'switch',
174
- labelPosition: 'left',
175
174
  defaultValue: false,
176
175
  extra: '开启后,组件内配置的数据源相关配置将不会被编译,显隐条件将失效',
177
176
  },
@@ -257,8 +256,6 @@ export const displayTabConfig: TabPaneConfig<DisplayCondsConfig> = {
257
256
  type: 'display-conds',
258
257
  name: NODE_CONDS_KEY,
259
258
  titlePrefix: '条件组',
260
- fixed: 'right',
261
- operateColWidth: 112,
262
259
  defaultValue: [],
263
260
  rules: [{ typeMatch: true }],
264
261
  },
@@ -18,9 +18,14 @@
18
18
 
19
19
  import type { DataSourceFieldType, DataSourceSchema, Id } from '@tmagic/core';
20
20
  import { NodeType } from '@tmagic/core';
21
- import { appendValidateSuggestion } from '@tmagic/design';
22
- import type { TypeMatchValidateContext, TypeMatchValidator } from '@tmagic/form';
23
- import { MAX_SUGGESTION_OPTIONS, optionSuggestion, stringifyExampleValue, validateTypeMatch } from '@tmagic/form';
21
+ import { appendValidateSuggestion } from '@tmagic/design/headless';
22
+ import type { TypeMatchValidateContext, TypeMatchValidator } from '@tmagic/form/headless';
23
+ import {
24
+ MAX_SUGGESTION_OPTIONS,
25
+ optionSuggestion,
26
+ stringifyExampleValue,
27
+ validateTypeMatch,
28
+ } from '@tmagic/form/headless';
24
29
  import {
25
30
  DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX,
26
31
  DATA_SOURCE_SET_DATA_METHOD_NAME,
@@ -0,0 +1,18 @@
1
+ import { HeadlessFieldOptions } from "@tmagic/form/headless";
2
+ //#region temp/packages/editor/src/fields/headless-validation.d.ts
3
+ /**
4
+ * 编辑器字段的无渲染登记表(不含 Vue 组件)。
5
+ *
6
+ * Node 里 `registerFields(editorFields)` 即可配合 `validateForm` / `submitForm`。
7
+ * 安装编辑器时由 plugin 把 `component` 叠上去再传给 `@tmagic/form`。
8
+ *
9
+ * - 叶子:内部只渲染叶子 UI,或把子表单渲染在独立的 MForm / MFormBox 实例里
10
+ * - innerConfig:内部再渲染 MContainer / MPanel / MGroupList,把运行期配置交出来
11
+ * - typeMatch:该 type 自身的类型匹配校验
12
+ *
13
+ * innerConfig 返回的 config / model / prop 与组件模板里传给内部容器的那一组保持一一对应,
14
+ * 且配置本身与组件共用同一份工厂(`fields/configs/`)。
15
+ */
16
+ declare const editorFields: Record<string, HeadlessFieldOptions>;
17
+ //#endregion
18
+ export { editorFields };