@tmagic/editor 1.8.0-beta.11 → 1.8.0-beta.13

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 (119) hide show
  1. package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js +7 -4
  2. package/dist/es/components/CodeBlockEditor.vue_vue_type_script_setup_true_lang.js +5 -1
  3. package/dist/es/components/CodeParams.vue_vue_type_script_setup_true_lang.js +2 -1
  4. package/dist/es/components/CompareForm.vue_vue_type_script_setup_true_lang.js +18 -123
  5. package/dist/es/components/FloatingBox.vue_vue_type_script_setup_true_lang.js +60 -14
  6. package/dist/es/components/ScrollBar.js +0 -1
  7. package/dist/es/components/ViewForm.js +5 -0
  8. package/dist/es/components/ViewForm.vue_vue_type_script_setup_true_lang.js +58 -0
  9. package/dist/es/editorProps.js +6 -1
  10. package/dist/es/fields/CodeSelect.vue_vue_type_script_setup_true_lang.js +15 -3
  11. package/dist/es/fields/CondOpSelect.vue_vue_type_script_setup_true_lang.js +2 -17
  12. package/dist/es/fields/DataSourceFieldSelect/FieldSelect.vue_vue_type_script_setup_true_lang.js +2 -1
  13. package/dist/es/fields/DataSourceFields.vue_vue_type_script_setup_true_lang.js +7 -0
  14. package/dist/es/fields/DataSourceInput.vue_vue_type_script_setup_true_lang.js +5 -17
  15. package/dist/es/fields/DataSourceMocks.vue_vue_type_script_setup_true_lang.js +4 -0
  16. package/dist/es/fields/DisplayConds.vue_vue_type_script_setup_true_lang.js +29 -3
  17. package/dist/es/fields/EventSelect.vue_vue_type_script_setup_true_lang.js +50 -88
  18. package/dist/es/fields/StyleSetter/Index.vue_vue_type_script_setup_true_lang.js +2 -5
  19. package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js +48 -23
  20. package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js +6 -3
  21. package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js +28 -22
  22. package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js +28 -22
  23. package/dist/es/fields/StyleSetter/pro/Position.vue_vue_type_script_setup_true_lang.js +28 -22
  24. package/dist/es/fields/StyleSetter/pro/Transform.vue_vue_type_script_setup_true_lang.js +6 -3
  25. package/dist/es/fields/UISelect.js +0 -1
  26. package/dist/es/hooks/use-compare-form.js +119 -0
  27. package/dist/es/index.js +13 -8
  28. package/dist/es/layouts/CodeEditor.vue_vue_type_script_setup_true_lang.js +21 -6
  29. package/dist/es/layouts/Framework.vue_vue_type_script_setup_true_lang.js +9 -6
  30. package/dist/es/layouts/history-list/HistoryDiffDialog.vue_vue_type_script_setup_true_lang.js +4 -1
  31. package/dist/es/layouts/history-list/composables.js +1 -1
  32. package/dist/es/layouts/history-list/useHistoryRevert.js +7 -3
  33. package/dist/es/layouts/props-panel/FormPanel.vue_vue_type_script_setup_true_lang.js +44 -5
  34. package/dist/es/layouts/props-panel/PropsPanel.vue_vue_type_script_setup_true_lang.js +15 -8
  35. package/dist/es/layouts/props-panel/use-style-panel.js +3 -2
  36. package/dist/es/layouts/sidebar/Sidebar.vue_vue_type_script_setup_true_lang.js +15 -31
  37. package/dist/es/layouts/sidebar/code-block/CodeBlockListPanel.vue_vue_type_script_setup_true_lang.js +2 -2
  38. package/dist/es/layouts/sidebar/code-block/useContentMenu.js +18 -3
  39. package/dist/es/layouts/sidebar/data-source/DataSourceConfigPanel.vue_vue_type_script_setup_true_lang.js +4 -0
  40. package/dist/es/layouts/sidebar/data-source/DataSourceListPanel.vue_vue_type_script_setup_true_lang.js +2 -2
  41. package/dist/es/layouts/sidebar/data-source/useContentMenu.js +18 -3
  42. package/dist/es/layouts/sidebar/layer/LayerNodeContent.js +5 -0
  43. package/dist/es/layouts/sidebar/layer/LayerNodeContent.vue_vue_type_script_setup_true_lang.js +46 -0
  44. package/dist/es/layouts/sidebar/layer/LayerPanel.vue_vue_type_script_setup_true_lang.js +2 -1
  45. package/dist/es/layouts/workspace/viewer/NodeListMenu.vue_vue_type_script_setup_true_lang.js +8 -2
  46. package/dist/es/plugin.js +3 -1
  47. package/dist/es/services/codeBlock.js +1 -1
  48. package/dist/es/services/editor.js +104 -5
  49. package/dist/es/services/history.js +1 -1
  50. package/dist/es/services/props.js +3 -2
  51. package/dist/es/services/storage.js +2 -2
  52. package/dist/es/services/ui.js +3 -0
  53. package/dist/es/style.css +104 -55
  54. package/dist/es/utils/data-source/index.js +30 -11
  55. package/dist/es/utils/event.js +123 -0
  56. package/dist/es/utils/monaco-editor.js +22 -6
  57. package/dist/es/utils/props.js +119 -8
  58. package/dist/es/utils/type-match-rules.js +360 -0
  59. package/dist/style.css +104 -55
  60. package/dist/tmagic-editor.umd.cjs +16996 -15806
  61. package/package.json +8 -8
  62. package/src/Editor.vue +3 -1
  63. package/src/components/CodeBlockEditor.vue +3 -0
  64. package/src/components/CompareForm.vue +16 -196
  65. package/src/components/FloatingBox.vue +77 -8
  66. package/src/components/ScrollBar.vue +0 -67
  67. package/src/components/ViewForm.vue +55 -0
  68. package/src/editorProps.ts +13 -0
  69. package/src/fields/CodeSelect.vue +4 -1
  70. package/src/fields/CondOpSelect.vue +2 -24
  71. package/src/fields/DataSourceFields.vue +5 -0
  72. package/src/fields/DataSourceInput.vue +7 -25
  73. package/src/fields/DataSourceMocks.vue +3 -0
  74. package/src/fields/DisplayConds.vue +14 -0
  75. package/src/fields/EventSelect.vue +84 -129
  76. package/src/fields/StyleSetter/Index.vue +2 -8
  77. package/src/fields/StyleSetter/pro/Background.vue +94 -55
  78. package/src/fields/StyleSetter/pro/Border.vue +9 -11
  79. package/src/fields/StyleSetter/pro/Font.vue +66 -64
  80. package/src/fields/StyleSetter/pro/Layout.vue +140 -138
  81. package/src/fields/StyleSetter/pro/Position.vue +69 -67
  82. package/src/fields/StyleSetter/pro/Transform.vue +23 -25
  83. package/src/fields/UISelect.vue +0 -12
  84. package/src/hooks/index.ts +1 -0
  85. package/src/hooks/use-compare-form.ts +187 -0
  86. package/src/index.ts +2 -0
  87. package/src/layouts/CodeEditor.vue +32 -6
  88. package/src/layouts/Framework.vue +7 -6
  89. package/src/layouts/history-list/HistoryDiffDialog.vue +11 -1
  90. package/src/layouts/history-list/useHistoryRevert.ts +4 -0
  91. package/src/layouts/props-panel/FormPanel.vue +66 -5
  92. package/src/layouts/props-panel/PropsPanel.vue +20 -6
  93. package/src/layouts/props-panel/use-style-panel.ts +4 -3
  94. package/src/layouts/sidebar/Sidebar.vue +2 -0
  95. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +4 -1
  96. package/src/layouts/sidebar/code-block/useContentMenu.ts +13 -1
  97. package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +3 -0
  98. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +2 -2
  99. package/src/layouts/sidebar/data-source/useContentMenu.ts +13 -1
  100. package/src/layouts/sidebar/layer/LayerNodeContent.vue +57 -0
  101. package/src/layouts/sidebar/layer/LayerPanel.vue +4 -1
  102. package/src/layouts/workspace/viewer/NodeListMenu.vue +4 -1
  103. package/src/plugin.ts +3 -1
  104. package/src/services/editor.ts +168 -3
  105. package/src/services/ui.ts +6 -0
  106. package/src/theme/event.scss +8 -0
  107. package/src/theme/floating-box.scss +9 -1
  108. package/src/theme/layer-node-content.scss +14 -0
  109. package/src/theme/scroll-bar.scss +64 -0
  110. package/src/theme/theme.scss +3 -0
  111. package/src/theme/ui-select.scss +9 -0
  112. package/src/type.ts +105 -2
  113. package/src/utils/data-source/index.ts +30 -12
  114. package/src/utils/event.ts +224 -0
  115. package/src/utils/index.ts +2 -0
  116. package/src/utils/monaco-editor.ts +27 -0
  117. package/src/utils/props.ts +189 -2
  118. package/src/utils/type-match-rules.ts +678 -0
  119. package/types/index.d.ts +558 -213
@@ -1,5 +1,6 @@
1
+ import { validateForm } from "@tmagic/form";
1
2
  import { tMagicMessage } from "@tmagic/design";
2
- import { NODE_CONDS_KEY, NODE_CONDS_RESULT_KEY, NODE_DISABLE_CODE_BLOCK_KEY, NODE_DISABLE_DATA_SOURCE_KEY } from "@tmagic/core";
3
+ import { HookType, NODE_CONDS_KEY, NODE_CONDS_RESULT_KEY, NODE_DISABLE_CODE_BLOCK_KEY, NODE_DISABLE_DATA_SOURCE_KEY } from "@tmagic/core";
3
4
  //#region packages/editor/src/utils/props.ts
4
5
  var arrayOptions = [{
5
6
  text: "包含",
@@ -41,10 +42,29 @@ var numberOptions = [
41
42
  value: "not_between"
42
43
  }
43
44
  ];
45
+ var booleanOptions = [{
46
+ text: "是",
47
+ value: "is"
48
+ }, {
49
+ text: "不是",
50
+ value: "not"
51
+ }];
52
+ /** 按字段类型返回条件运算符选项(UI 与 typeMatch 校验共用) */
53
+ var getCondOpOptionsByFieldType = (type) => {
54
+ if (type === "array") return arrayOptions;
55
+ if (type === "boolean" || type === "null") return booleanOptions;
56
+ if (type === "number") return [...eqOptions, ...numberOptions];
57
+ if (type === "string") return [...arrayOptions, ...eqOptions];
58
+ return [
59
+ ...arrayOptions,
60
+ ...eqOptions,
61
+ ...numberOptions
62
+ ];
63
+ };
44
64
  var styleTabConfig = {
45
65
  title: "样式",
46
66
  lazy: true,
47
- display: ({ services }) => !(services.uiService.get("showStylePanel") ?? true),
67
+ display: ({ services }) => !(services?.uiService?.get("showStylePanel") ?? true),
48
68
  items: [{
49
69
  name: "style",
50
70
  labelWidth: "100px",
@@ -113,7 +133,8 @@ var eventTabConfig = {
113
133
  name: "events",
114
134
  src: "component",
115
135
  labelWidth: "100px",
116
- type: "event-select"
136
+ type: "event-select",
137
+ rules: [{ typeMatch: true }]
117
138
  }]
118
139
  };
119
140
  var advancedTabConfig = {
@@ -139,21 +160,42 @@ var advancedTabConfig = {
139
160
  text: "created",
140
161
  labelPosition: "top",
141
162
  type: "code-select",
142
- extra: "组件初始化时执行"
163
+ extra: "组件初始化时执行",
164
+ rules: [{
165
+ typeMatch: true,
166
+ trigger: "change"
167
+ }, { validator: ({ value, callback }) => {
168
+ if (value && value.hookType !== HookType.CODE) return callback("hookType 必须是 code");
169
+ callback();
170
+ } }]
143
171
  },
144
172
  {
145
173
  name: "mounted",
146
174
  text: "mounted",
147
175
  labelPosition: "top",
148
176
  type: "code-select",
149
- extra: "组件挂载到dom时执行"
177
+ extra: "组件挂载到dom时执行",
178
+ rules: [{
179
+ typeMatch: true,
180
+ trigger: "change"
181
+ }, { validator: ({ value, callback }) => {
182
+ if (value && value.hookType !== HookType.CODE) return callback("hookType 必须是 code");
183
+ callback();
184
+ } }]
150
185
  },
151
186
  {
152
187
  name: "display",
153
188
  text: "display",
154
189
  extra: "控制组件是否渲染,关系的代码块返回值为false时不渲染",
155
190
  labelPosition: "top",
156
- type: "code-select"
191
+ type: "code-select",
192
+ rules: [{
193
+ typeMatch: true,
194
+ trigger: "change"
195
+ }, { validator: ({ value, callback }) => {
196
+ if (value && value.hookType !== HookType.CODE) return callback("hookType 必须是 code");
197
+ callback();
198
+ } }]
157
199
  }
158
200
  ]
159
201
  };
@@ -177,7 +219,8 @@ var displayTabConfig = {
177
219
  type: "display-conds",
178
220
  name: NODE_CONDS_KEY,
179
221
  titlePrefix: "条件组",
180
- defaultValue: []
222
+ defaultValue: [],
223
+ rules: [{ typeMatch: true }]
181
224
  }]
182
225
  };
183
226
  /**
@@ -232,5 +275,73 @@ var fillConfig = (config = [], { labelWidth = "80px", disabledDataSource = false
232
275
  if (!disabledDataSource) tabConfig.items.push({ ...displayTabConfig });
233
276
  return [tabConfig];
234
277
  };
278
+ /**
279
+ * 将属性表单配置中「样式」tab-pane 的 `display` 强制置为 `true`。
280
+ *
281
+ * `propsService.getPropsConfig` 返回的样式 tab 默认带有
282
+ * `display: ({ services }) => !(services?.uiService?.get('showStylePanel') ?? true)`,
283
+ * 在对比 / 只读展示场景(CompareForm / ViewForm)下并不需要跟随 uiService 状态隐藏,
284
+ * 这里统一放开,保证样式 tab 始终可见。
285
+ *
286
+ * @param formConfig 组件属性表单配置
287
+ * @returns 处理后的表单配置(不修改入参,返回浅拷贝)
288
+ */
289
+ var removeStyleDisplayConfig = (formConfig) => formConfig.map((item) => {
290
+ if (!("type" in item)) return item;
291
+ if (item?.type !== "tab" || !Array.isArray(item.items)) return item;
292
+ return {
293
+ ...item,
294
+ items: item.items.map((tabPane) => {
295
+ if (tabPane?.title !== "样式" || !Array.isArray(tabPane.items)) return tabPane;
296
+ return {
297
+ ...tabPane,
298
+ display: true
299
+ };
300
+ })
301
+ };
302
+ });
303
+ /**
304
+ * 对一份「组件属性表单配置 + 值」做一次独立的校验,**不复用也不污染页面上正在展示的表单**。
305
+ *
306
+ * 内部基于 `@tmagic/form` 的 `validateForm` 另建一个独立的 MForm 实例完成校验,并统一处理
307
+ * 编辑器场景所需的上下文注入:将当前组件实例的 provides 合入 appContext,并向 formState 注入
308
+ * stage / services 及外部扩展状态,保证校验规则依赖的上下文可用。
309
+ *
310
+ * 常用于源码编辑器保存后,对最新配置做一次校验,并将校验结果(错误信息)随提交一并抛给上层记录,
311
+ * 使源码保存的错误状态与表单编辑保持一致。
312
+ *
313
+ * @returns 校验通过返回空字符串 `''`,否则返回以 `<br>` 拼接的错误文案。
314
+ * 仅在初始化超时或挂载失败等异常情况下才会 reject。
315
+ *
316
+ * @example
317
+ * ```ts
318
+ * const error = await validatePropsForm({
319
+ * config,
320
+ * values,
321
+ * appContext: getCurrentInstance()?.appContext,
322
+ * services,
323
+ * stage: editorService.get('stage'),
324
+ * extendState,
325
+ * });
326
+ * if (error) {
327
+ * // 配置不合法,error 为错误文案
328
+ * }
329
+ * ```
330
+ */
331
+ var validatePropsForm = ({ config, values, appContext = null, services, stage, extendState, debug, typeMatchValid }) => validateForm({
332
+ config,
333
+ debug,
334
+ typeMatchValid,
335
+ initValues: values,
336
+ appContext: appContext ? {
337
+ ...appContext,
338
+ provides: { services }
339
+ } : null,
340
+ extendState: async (state) => ({
341
+ ...await extendState?.(state) || {},
342
+ stage,
343
+ services
344
+ })
345
+ });
235
346
  //#endregion
236
- export { advancedTabConfig, arrayOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, numberOptions, styleTabConfig };
347
+ export { advancedTabConfig, arrayOptions, booleanOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, getCondOpOptionsByFieldType, numberOptions, removeStyleDisplayConfig, styleTabConfig, validatePropsForm };
@@ -0,0 +1,360 @@
1
+ import { arrayOptions, booleanOptions, eqOptions, getCondOpOptionsByFieldType, numberOptions } from "./props.js";
2
+ import editor_default from "../services/editor.js";
3
+ import { getFieldType, resolveFieldByPath } from "./data-source/index.js";
4
+ import codeBlock_default from "../services/codeBlock.js";
5
+ import dataSource_default from "../services/dataSource.js";
6
+ import { appendValidateSuggestion } from "@tmagic/design";
7
+ import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DATA_SOURCE_SET_DATA_METHOD_NAME, dataSourceTemplateRegExp, getKeysArray, removeDataSourceFieldPrefix } from "@tmagic/utils";
8
+ import { NodeType } from "@tmagic/core";
9
+ //#region packages/editor/src/utils/type-match-rules.ts
10
+ /**
11
+ * 将值格式化为可读的参考示例字符串。
12
+ */
13
+ var stringifyExampleValue = (value) => {
14
+ if (typeof value === "string") return `"${value}"`;
15
+ if (value === null || value === void 0) return String(value);
16
+ if (typeof value === "object") try {
17
+ return JSON.stringify(value);
18
+ } catch {
19
+ return String(value);
20
+ }
21
+ return String(value);
22
+ };
23
+ var MAX_SUGGESTION_OPTIONS = 5;
24
+ /**
25
+ * 生成「请使用以下某一个值:xxx;xxx」形式的参考建议;无可选值时返回空字符串(不追加建议)。
26
+ */
27
+ var listSuggestion = (values) => {
28
+ const list = values.filter((item) => typeof item !== "undefined" && item !== null && item !== "");
29
+ if (!list.length) return "";
30
+ const shown = list.slice(0, MAX_SUGGESTION_OPTIONS).map(stringifyExampleValue);
31
+ const suffix = list.length > MAX_SUGGESTION_OPTIONS ? " 等" : "";
32
+ return `请使用以下某一个值:${shown.join(";")}${suffix}`;
33
+ };
34
+ /**
35
+ * 列出当前可用数据源 id 的参考建议。
36
+ */
37
+ var dataSourceIdSuggestion = () => listSuggestion(getDataSources().map((ds) => `${ds.id}`));
38
+ var SUGGESTION_STRING = "请参考以下示例值:\"文本内容\"";
39
+ var SUGGESTION_STRING_OR_NUMBER = "请参考以下示例值:\"文本内容\" 或 123";
40
+ var SUGGESTION_OBJECT = "请参考以下示例值:{ \"key\": \"value\" }";
41
+ var SUGGESTION_ARRAY = "请参考以下示例值:[]";
42
+ var SUGGESTION_STRING_ARRAY = "请参考以下示例值:[\"字段1\", \"字段2\"]";
43
+ var SUGGESTION_METHOD_TUPLE = "请参考以下示例值:[\"数据源ID\", \"方法名\"]";
44
+ var SUGGESTION_DS_BINDING = "请参考以下示例值:\"${数据源ID.字段名}\"";
45
+ var SUGGESTION_DS_BIND_OBJECT = "请参考以下示例值:{ \"isBindDataSource\": true, \"dataSourceId\": \"数据源ID\" }";
46
+ var SUGGESTION_UI_ID = "请参考以下示例值:画布中已存在组件的 id";
47
+ var SUGGESTION_FIELD_ITEM = "请参考以下示例值:{ \"name\": \"字段名\", \"type\": \"string\" }";
48
+ var SUGGESTION_CODE_SELECT = "请参考以下示例值:{ \"hookData\": [{ \"codeId\": \"代码块ID\", \"params\": {} }] }";
49
+ var SUGGESTION_HOOK_ITEM = "请参考以下示例值:{ \"codeId\": \"代码块ID\", \"params\": {} }";
50
+ var SUGGESTION_MOCK_ITEM = "请参考以下示例值:{ \"title\": \"mock 名称\", \"enable\": true, \"useInEditor\": false, \"data\": {} }";
51
+ var SUGGESTION_METHOD_ITEM = "请参考以下示例值:{ \"name\": \"方法名\", \"content\": \"() => {}\" }";
52
+ var SUGGESTION_EVENT_ITEM = "请参考以下示例值:{ \"name\": \"事件名\", \"actions\": [] }";
53
+ var SUGGESTION_DISPLAY_COND = "请参考以下示例值:[{ \"cond\": [{ \"field\": [\"数据源ID\", \"字段名\"], \"op\": \"==\" }] }]";
54
+ /**
55
+ * 返回最终错误文案。
56
+ *
57
+ * - 传入了自定义 `message` 时,直接使用自定义文案(不追加建议);
58
+ * - 否则使用默认文案 `fallback`,并在其后拼接「参考建议」。
59
+ * 参考建议给出一个可参考的示例值(如可选项列表、示例数据),仅用于错误汇总展示;
60
+ * form-item 行内错误不展示建议(由 @tmagic/design FormItem 在渲染时截断建议)。
61
+ * 主文案与建议的拼接/截断统一复用 @tmagic/design 的 `appendValidateSuggestion`。
62
+ */
63
+ var defaultMessage = (message, fallback, suggestion) => {
64
+ if (message) return message;
65
+ return appendValidateSuggestion(fallback, suggestion);
66
+ };
67
+ var isPlainObject = (value) => Object.prototype.toString.call(value) === "[object Object]";
68
+ var isId = (value) => typeof value === "string" || typeof value === "number";
69
+ var DATA_SOURCE_FIELD_TYPES = /* @__PURE__ */ new Set([
70
+ "null",
71
+ "boolean",
72
+ "object",
73
+ "array",
74
+ "number",
75
+ "string",
76
+ "any"
77
+ ]);
78
+ var ALL_COND_OPS = /* @__PURE__ */ new Set([
79
+ ...arrayOptions.map((item) => item.value),
80
+ ...eqOptions.map((item) => item.value),
81
+ ...numberOptions.map((item) => item.value),
82
+ ...booleanOptions.map((item) => item.value)
83
+ ]);
84
+ var getCondOpsByFieldType = (type) => new Set(getCondOpOptionsByFieldType(type).map((item) => item.value));
85
+ var getDataSources = () => dataSource_default.get("dataSources") || [];
86
+ var findDataSource = (id) => getDataSources().find((ds) => `${ds.id}` === `${id}`);
87
+ var getMethodNamesForDataSource = (ds) => {
88
+ const names = /* @__PURE__ */ new Set([DATA_SOURCE_SET_DATA_METHOD_NAME]);
89
+ (dataSource_default.getFormMethod(ds.type) || []).forEach((item) => {
90
+ if (item?.value) names.add(item.value);
91
+ });
92
+ (ds.methods || []).forEach((method) => {
93
+ if (method?.name) names.add(method.name);
94
+ });
95
+ return names;
96
+ };
97
+ /**
98
+ * 递归收集画布中真实存在的组件 id。
99
+ */
100
+ var collectNodeIds = (limit = MAX_SUGGESTION_OPTIONS) => {
101
+ const ids = [];
102
+ const walk = (nodes) => {
103
+ for (const node of nodes || []) {
104
+ if (typeof node?.id !== "undefined") {
105
+ ids.push(node.id);
106
+ if (ids.length >= limit) return true;
107
+ }
108
+ if (Array.isArray(node?.items) && walk(node.items)) return true;
109
+ }
110
+ return false;
111
+ };
112
+ walk(editor_default.get("root")?.items);
113
+ return ids;
114
+ };
115
+ /**
116
+ * 取数据源的第一个字段名,用于拼接真实的字段路径示例。
117
+ */
118
+ var firstDataSourceFieldName = (ds) => (ds?.fields || []).find((item) => typeof item?.name === "string")?.name;
119
+ /**
120
+ * 列出画布中真实存在的组件 id 作为参考建议;无组件时回退到通用示例。
121
+ */
122
+ var uiIdSuggestion = () => listSuggestion(collectNodeIds().map((id) => `${id}`)) || SUGGESTION_UI_ID;
123
+ /**
124
+ * 用真实数据源 id、字段名拼接数据源绑定表达式示例;无数据源时回退到通用示例。
125
+ */
126
+ var dataSourceBindingSuggestion = () => {
127
+ const ds = getDataSources()[0];
128
+ if (!ds) return SUGGESTION_DS_BINDING;
129
+ const field = firstDataSourceFieldName(ds);
130
+ return `请参考以下示例值:"\${${field ? `${ds.id}.${field}` : `${ds.id}`}}"`;
131
+ };
132
+ /**
133
+ * 用真实数据源 id 拼接数据源绑定对象示例;无数据源时回退到通用示例。
134
+ */
135
+ var dataSourceBindObjectSuggestion = (dataSources = getDataSources()) => {
136
+ const ds = dataSources[0];
137
+ if (!ds) return SUGGESTION_DS_BIND_OBJECT;
138
+ return `请参考以下示例值:${stringifyExampleValue({
139
+ isBindDataSource: true,
140
+ dataSourceId: `${ds.id}`
141
+ })}`;
142
+ };
143
+ /**
144
+ * 用真实数据源 id、字段名拼接字段路径数组示例;无数据源时回退到通用示例。
145
+ */
146
+ var dataSourceFieldPathSuggestion = () => {
147
+ const ds = getDataSources()[0];
148
+ if (!ds) return SUGGESTION_STRING_ARRAY;
149
+ const field = firstDataSourceFieldName(ds);
150
+ return `请参考以下示例值:${stringifyExampleValue(field ? [`${ds.id}`, field] : [`${ds.id}`])}`;
151
+ };
152
+ /**
153
+ * 用真实数据源 id、方法名拼接方法元组示例;无数据源时回退到通用示例。
154
+ */
155
+ var methodTupleSuggestion = () => {
156
+ const ds = getDataSources()[0];
157
+ if (!ds) return SUGGESTION_METHOD_TUPLE;
158
+ const [methodName] = [...getMethodNamesForDataSource(ds)];
159
+ return `请参考以下示例值:${stringifyExampleValue([`${ds.id}`, methodName])}`;
160
+ };
161
+ /**
162
+ * 用真实数据源 id、字段名拼接显示条件结构示例;无数据源时回退到通用示例。
163
+ */
164
+ var displayCondSuggestion = () => {
165
+ const ds = getDataSources()[0];
166
+ if (!ds) return SUGGESTION_DISPLAY_COND;
167
+ const field = firstDataSourceFieldName(ds);
168
+ return `请参考以下示例值:${stringifyExampleValue([{ cond: [{
169
+ field: field ? [`${ds.id}`, field] : [`${ds.id}`],
170
+ op: "=="
171
+ }] }])}`;
172
+ };
173
+ var validateDataSourceFieldPath = (path, options = {}) => {
174
+ if (!getDataSources().length) return;
175
+ let dsId = options.dataSourceId;
176
+ let fieldNames = path;
177
+ if (!dsId) {
178
+ if (!path.length) return defaultMessage(options.message, "值不在可选项中", dataSourceIdSuggestion());
179
+ const rawDsId = path[0];
180
+ dsId = options.valueMode === "key" || !`${rawDsId}`.startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX) ? `${rawDsId}` : removeDataSourceFieldPrefix(`${rawDsId}`);
181
+ fieldNames = path.slice(1);
182
+ }
183
+ const ds = findDataSource(`${dsId}`);
184
+ if (!ds) return defaultMessage(options.message, "值不在可选项中", dataSourceIdSuggestion());
185
+ if (!fieldNames.length) return;
186
+ const { field, ok } = resolveFieldByPath(ds.fields, fieldNames);
187
+ if (!ok) return defaultMessage(options.message, "值不在可选项中", dataSourceIdSuggestion());
188
+ const allowedTypes = options.dataSourceFieldType || ["any"];
189
+ if (!allowedTypes.length || allowedTypes.includes("any")) return;
190
+ const leafType = field?.type || "any";
191
+ if (leafType === "any" || allowedTypes.includes(leafType)) return;
192
+ return defaultMessage(options.message, "值不在可选项中", dataSourceIdSuggestion());
193
+ };
194
+ var validateDataSourceMethodTuple = (value, message) => {
195
+ if (!Array.isArray(value) || value.length !== 2 || value.some((item) => typeof item !== "string")) return defaultMessage(message, `${value}类型应为长度为 2 的字符串数组`, methodTupleSuggestion());
196
+ if (!getDataSources().length) return;
197
+ const [dsId, methodName] = value;
198
+ const ds = findDataSource(dsId);
199
+ if (!ds) return defaultMessage(message, `数据源(${dsId})不存在`, dataSourceIdSuggestion());
200
+ if (!getMethodNamesForDataSource(ds).has(methodName)) return defaultMessage(message, `数据源方法(${methodName})不存在`, listSuggestion([...getMethodNamesForDataSource(ds)]));
201
+ };
202
+ var validateDataSourceTemplateBindings = (value, message) => {
203
+ if (!getDataSources().length) return;
204
+ const matches = value.matchAll(dataSourceTemplateRegExp);
205
+ for (const match of matches) {
206
+ const keys = getKeysArray(match[1]);
207
+ if (!keys.length) return defaultMessage(message, `数据源绑定(${value})不合法`, dataSourceBindingSuggestion());
208
+ const [dsId, ...fieldNames] = keys;
209
+ const ds = findDataSource(`${dsId}`);
210
+ if (!ds) return defaultMessage(message, `数据源绑定(${value})不合法`, dataSourceBindingSuggestion());
211
+ const { ok } = resolveFieldByPath(ds.fields, fieldNames, { skipNumberIndices: true });
212
+ if (!ok) return defaultMessage(message, `数据源绑定(${value})不合法`, dataSourceBindingSuggestion());
213
+ }
214
+ };
215
+ var validateDataSourceFieldsItem = (item, message) => {
216
+ if (!isPlainObject(item) || typeof item.name !== "string") return defaultMessage(message, "字段项结构不合法", SUGGESTION_FIELD_ITEM);
217
+ if (typeof item.type !== "undefined" && !DATA_SOURCE_FIELD_TYPES.has(item.type)) return defaultMessage(message, "字段类型不合法", listSuggestion([...DATA_SOURCE_FIELD_TYPES]));
218
+ if (typeof item.fields !== "undefined") {
219
+ if (!Array.isArray(item.fields)) return defaultMessage(message, "字段项结构不合法", SUGGESTION_FIELD_ITEM);
220
+ for (const child of item.fields) {
221
+ const error = validateDataSourceFieldsItem(child, message);
222
+ if (error) return error;
223
+ }
224
+ }
225
+ };
226
+ var validateKeyValue = (value, { message, props }) => {
227
+ if (props.config?.advanced && typeof value === "function") return;
228
+ if (!isPlainObject(value)) return defaultMessage(message, "值类型应为对象", SUGGESTION_OBJECT);
229
+ };
230
+ var validateStyleSetter = (value, { message }) => {
231
+ if (!isPlainObject(value)) return defaultMessage(message, "值类型应为对象", SUGGESTION_OBJECT);
232
+ };
233
+ var validateCondOpSelect = (value, { message, props }) => {
234
+ if (typeof value !== "string") return defaultMessage(message, "值类型应为字符串", SUGGESTION_STRING);
235
+ const parentFields = props.config?.parentFields || [];
236
+ const fieldPath = Array.isArray(props.model?.field) ? props.model.field : [];
237
+ const [id, ...fieldNames] = [...parentFields, ...fieldPath];
238
+ const allowed = getCondOpsByFieldType(getFieldType(id ? findDataSource(`${id}`) : void 0, fieldNames));
239
+ if (!allowed.has(value)) return defaultMessage(message, `${value} 不在可选项中`, listSuggestion([...allowed]));
240
+ };
241
+ var validateCodeSelectCol = (value, { message }) => {
242
+ if (typeof value !== "string") return defaultMessage(message, `${value}类型应为字符串`, SUGGESTION_STRING);
243
+ const codeDsl = codeBlock_default.getCodeDsl();
244
+ if (!codeDsl || !Object.keys(codeDsl).length) return;
245
+ if (!(value in codeDsl)) return defaultMessage(message, `代码块(${value})不存在`, listSuggestion(Object.keys(codeDsl)));
246
+ };
247
+ var validatePageFragmentSelect = (value, { message }) => {
248
+ if (!isId(value)) return defaultMessage(message, `${value}类型应为字符串或数字`, SUGGESTION_STRING_OR_NUMBER);
249
+ const items = editor_default.get("root")?.items;
250
+ if (!items?.length) return;
251
+ const fragments = items.filter((item) => item.type === NodeType.PAGE_FRAGMENT);
252
+ if (!fragments.some((item) => `${item.id}` === `${value}`)) return defaultMessage(message, `页面片段(${value})不存在`, listSuggestion(fragments.map((item) => `${item.id}`)));
253
+ };
254
+ var validateUiSelect = (value, { message }) => {
255
+ if (!isId(value)) return defaultMessage(message, `${value}类型应为字符串或数字`, SUGGESTION_STRING_OR_NUMBER);
256
+ if (!editor_default.get("root")) return;
257
+ if (!editor_default.getNodeById(value)) return defaultMessage(message, `组件(${value})不存在`, uiIdSuggestion());
258
+ };
259
+ var validateDataSourceInput = (value, { message }) => {
260
+ if (typeof value !== "string") return defaultMessage(message, `${value}类型应为字符串`, SUGGESTION_STRING);
261
+ return validateDataSourceTemplateBindings(value, message);
262
+ };
263
+ var validateDataSourceMethodSelect = (value, { message }) => validateDataSourceMethodTuple(value, message);
264
+ var isDataSourceFieldPathValue = (value, config) => {
265
+ if (!Array.isArray(value) || !value.length || value.some((item) => typeof item !== "string")) return false;
266
+ if (config.dataSourceId) return true;
267
+ if (config.value === "key") return true;
268
+ return `${value[0]}`.startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);
269
+ };
270
+ var validateDataSourceFieldSelect = (value, { message, props }) => {
271
+ const config = props.config || {};
272
+ if (config.fieldConfig && !isDataSourceFieldPathValue(value, config)) return;
273
+ if (!Array.isArray(value) || value.some((item) => typeof item !== "string")) return defaultMessage(message, `${value}类型应为字符串数组`, dataSourceFieldPathSuggestion());
274
+ return validateDataSourceFieldPath(value, {
275
+ dataSourceId: config.dataSourceId,
276
+ valueMode: config.value,
277
+ dataSourceFieldType: config.dataSourceFieldType,
278
+ message
279
+ });
280
+ };
281
+ var validateDataSourceSelect = (value, { message, props }) => {
282
+ const config = props.config || {};
283
+ const dataSources = getDataSources();
284
+ const filtered = config.dataSourceType ? dataSources.filter((ds) => ds.type === config.dataSourceType) : dataSources;
285
+ if (config.value === "id") {
286
+ if (typeof value !== "string") return defaultMessage(message, `${value}类型应为字符串`, SUGGESTION_STRING);
287
+ if (!filtered.length) return;
288
+ if (!filtered.some((ds) => `${ds.id}` === `${value}`)) return defaultMessage(message, `${value}不在可选项中`, listSuggestion(filtered.map((ds) => `${ds.id}`)));
289
+ return;
290
+ }
291
+ if (!isPlainObject(value) || value.isBindDataSource !== true || typeof value.dataSourceId === "undefined") return defaultMessage(message, `${value}类型不合法`, dataSourceBindObjectSuggestion(filtered));
292
+ if (!filtered.length) return;
293
+ const ds = filtered.find((item) => `${item.id}` === `${value.dataSourceId}`);
294
+ if (!ds) return defaultMessage(message, `${value}不在可选项中`, listSuggestion(filtered.map((item) => `${item.id}`)));
295
+ if (typeof value.dataSourceType !== "undefined" && value.dataSourceType !== ds.type) return defaultMessage(message, `${value}不在可选项中`, listSuggestion(filtered.map((item) => `${item.id}`)));
296
+ };
297
+ var validateCodeSelect = (value, { message }) => {
298
+ if (!isPlainObject(value) || !Array.isArray(value.hookData)) return defaultMessage(message, `${value}类型不合法`, SUGGESTION_CODE_SELECT);
299
+ for (const item of value.hookData) {
300
+ if (!isPlainObject(item)) return defaultMessage(message, "钩子项结构不合法", SUGGESTION_HOOK_ITEM);
301
+ if (typeof item.params !== "undefined" && !isPlainObject(item.params)) return defaultMessage(message, "钩子项结构不合法", SUGGESTION_HOOK_ITEM);
302
+ }
303
+ };
304
+ var validateDataSourceFields = (value, { message }) => {
305
+ if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
306
+ for (const item of value) {
307
+ const error = validateDataSourceFieldsItem(item, message);
308
+ if (error) return error;
309
+ }
310
+ };
311
+ var validateDataSourceMocks = (value, { message }) => {
312
+ if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
313
+ for (const item of value) if (!isPlainObject(item) || typeof item.title !== "string" || typeof item.enable !== "boolean" || typeof item.useInEditor !== "boolean" || !isPlainObject(item.data)) return defaultMessage(message, "mock 项结构不合法", SUGGESTION_MOCK_ITEM);
314
+ };
315
+ var validateDataSourceMethods = (value, { message }) => {
316
+ if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
317
+ for (const item of value) {
318
+ if (!isPlainObject(item) || typeof item.name !== "string") return defaultMessage(message, "方法项结构不合法", SUGGESTION_METHOD_ITEM);
319
+ if (typeof item.content !== "undefined" && typeof item.content !== "string" && typeof item.content !== "function") return defaultMessage(message, "方法项结构不合法", SUGGESTION_METHOD_ITEM);
320
+ if (typeof item.params !== "undefined" && !Array.isArray(item.params)) return defaultMessage(message, "方法项结构不合法", SUGGESTION_METHOD_ITEM);
321
+ }
322
+ };
323
+ var validateEventSelect = (value, { message }) => {
324
+ if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
325
+ for (const item of value) {
326
+ if (!isPlainObject(item) || typeof item.name !== "string") return defaultMessage(message, "事件项结构不合法", SUGGESTION_EVENT_ITEM);
327
+ if (Array.isArray(item.actions)) {
328
+ for (const action of item.actions) if (!isPlainObject(action) || typeof action.actionType === "undefined") return defaultMessage(message, "事件项结构不合法", SUGGESTION_EVENT_ITEM);
329
+ continue;
330
+ }
331
+ if (typeof item.to === "undefined" || typeof item.method !== "string") return defaultMessage(message, "事件项结构不合法", SUGGESTION_EVENT_ITEM);
332
+ }
333
+ };
334
+ var validateDisplayConds = (value, { message }) => {
335
+ if (!Array.isArray(value)) return defaultMessage(message, `${value}类型应为数组`, SUGGESTION_ARRAY);
336
+ for (const item of value) {
337
+ if (!isPlainObject(item) || !Array.isArray(item.cond)) return defaultMessage(message, "显示条件结构不合法", displayCondSuggestion());
338
+ for (const cond of item.cond) if (!isPlainObject(cond) || !Array.isArray(cond.field) || cond.field.some((part) => typeof part !== "string") || typeof cond.op !== "string") return defaultMessage(message, "显示条件结构不合法", displayCondSuggestion());
339
+ }
340
+ };
341
+ var editorTypeMatchRules = {
342
+ "key-value": validateKeyValue,
343
+ "style-setter": validateStyleSetter,
344
+ "cond-op-select": validateCondOpSelect,
345
+ "code-select-col": validateCodeSelectCol,
346
+ "page-fragment-select": validatePageFragmentSelect,
347
+ "ui-select": validateUiSelect,
348
+ "data-source-input": validateDataSourceInput,
349
+ "data-source-method-select": validateDataSourceMethodSelect,
350
+ "data-source-field-select": validateDataSourceFieldSelect,
351
+ "data-source-select": validateDataSourceSelect,
352
+ "code-select": validateCodeSelect,
353
+ "data-source-fields": validateDataSourceFields,
354
+ "data-source-mocks": validateDataSourceMocks,
355
+ "data-source-methods": validateDataSourceMethods,
356
+ "event-select": validateEventSelect,
357
+ "display-conds": validateDisplayConds
358
+ };
359
+ //#endregion
360
+ export { ALL_COND_OPS, editorTypeMatchRules };