@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.
- package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js +10 -16
- package/dist/es/components/CodeParams.vue_vue_type_script_setup_true_lang.js +4 -4
- package/dist/es/components/CompareForm.vue_vue_type_script_setup_true_lang.js +5 -8
- package/dist/es/components/ViewForm.vue_vue_type_script_setup_true_lang.js +3 -5
- package/dist/es/fields/Code.vue_vue_type_script_setup_true_lang.js +3 -11
- package/dist/es/fields/CodeSelect.vue_vue_type_script_setup_true_lang.js +29 -124
- package/dist/es/fields/CodeSelectCol.vue_vue_type_script_setup_true_lang.js +5 -6
- package/dist/es/fields/DataSourceFieldSelect/FieldSelect.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/fields/DataSourceFieldSelect/Index.vue_vue_type_script_setup_true_lang.js +4 -5
- package/dist/es/fields/DataSourceFields.vue_vue_type_script_setup_true_lang.js +6 -10
- package/dist/es/fields/DataSourceMethodSelect.vue_vue_type_script_setup_true_name_true_lang.js +5 -7
- package/dist/es/fields/DataSourceMethods.vue_vue_type_script_setup_true_lang.js +1 -4
- package/dist/es/fields/DataSourceMocks.vue_vue_type_script_setup_true_lang.js +4 -6
- package/dist/es/fields/DataSourceSelect.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/fields/DisplayConds.vue_vue_type_script_setup_true_lang.js +9 -142
- package/dist/es/fields/EventSelect.vue_vue_type_script_setup_true_lang.js +51 -326
- package/dist/es/fields/KeyValue.vue_vue_type_script_setup_true_lang.js +2 -4
- package/dist/es/fields/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js +3 -34
- package/dist/es/fields/StyleSetter/configs.js +663 -0
- package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js +5 -108
- package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js +3 -9
- package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js +5 -102
- package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js +5 -265
- package/dist/es/fields/StyleSetter/pro/Position.vue_vue_type_script_setup_true_lang.js +5 -85
- package/dist/es/fields/StyleSetter/pro/Transform.vue_vue_type_script_setup_true_lang.js +3 -22
- package/dist/es/fields/configs/codeSelect.js +98 -0
- package/dist/es/fields/configs/displayConds.js +158 -0
- package/dist/es/fields/configs/eventSelect.js +225 -0
- package/dist/es/fields/configs/stickyAddButton.js +20 -0
- package/dist/es/fields/headless-validation.js +139 -0
- package/dist/es/headless.js +2 -0
- package/dist/es/hooks/use-compare-form.js +6 -23
- package/dist/es/hooks/use-form-context.js +29 -0
- package/dist/es/index.js +2 -1
- package/dist/es/initService.js +18 -1
- package/dist/es/layouts/history-list/HistoryDiffDialog.vue_vue_type_script_setup_true_lang.js +1 -7
- package/dist/es/layouts/history-list/HistoryListPanel.vue_vue_type_script_setup_true_lang.js +1 -11
- package/dist/es/layouts/history-list/useHistoryRevert.js +3 -11
- package/dist/es/layouts/props-panel/FormPanel.vue_vue_type_script_setup_true_lang.js +10 -23
- package/dist/es/layouts/props-panel/PropsPanel.vue_vue_type_script_setup_true_lang.js +3 -13
- package/dist/es/layouts/sidebar/code-block/CodeBlockListPanel.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/layouts/sidebar/code-block/useContentMenu.js +1 -1
- package/dist/es/layouts/sidebar/data-source/DataSourceListPanel.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/es/layouts/sidebar/data-source/useContentMenu.js +1 -1
- package/dist/es/plugin.js +33 -32
- package/dist/es/services/events.js +2 -2
- package/dist/es/style.css +116 -60
- package/dist/es/utils/code-block.js +14 -7
- package/dist/es/utils/data-source/index.js +2 -1
- package/dist/es/utils/props.js +1 -4
- package/dist/es/utils/type-match-rules.js +2 -2
- package/dist/style.css +116 -60
- package/dist/themes/magic-admin.css +128 -67
- package/dist/tmagic-editor-headless.umd.cjs +10867 -0
- package/dist/tmagic-editor.umd.cjs +2237 -2116
- package/package.json +12 -7
- package/src/Editor.vue +12 -16
- package/src/components/CodeParams.vue +10 -4
- package/src/components/CompareForm.vue +4 -5
- package/src/components/ViewForm.vue +2 -3
- package/src/editorProps.ts +1 -2
- package/src/fields/Code.vue +2 -10
- package/src/fields/CodeSelect.vue +20 -116
- package/src/fields/CodeSelectCol.vue +3 -5
- package/src/fields/DataSourceFieldSelect/FieldSelect.vue +1 -1
- package/src/fields/DataSourceFieldSelect/Index.vue +3 -5
- package/src/fields/DataSourceFields.vue +0 -7
- package/src/fields/DataSourceMethodSelect.vue +2 -5
- package/src/fields/DataSourceMethods.vue +1 -6
- package/src/fields/DataSourceMocks.vue +1 -10
- package/src/fields/DataSourceSelect.vue +1 -1
- package/src/fields/DisplayConds.vue +17 -157
- package/src/fields/EventSelect.vue +28 -375
- package/src/fields/KeyValue.vue +3 -4
- package/src/fields/StyleSetter/components/Border.vue +4 -38
- package/src/fields/StyleSetter/configs.ts +690 -0
- package/src/fields/StyleSetter/pro/Background.vue +4 -104
- package/src/fields/StyleSetter/pro/Border.vue +3 -12
- package/src/fields/StyleSetter/pro/Font.vue +4 -123
- package/src/fields/StyleSetter/pro/Layout.vue +4 -219
- package/src/fields/StyleSetter/pro/Position.vue +6 -110
- package/src/fields/StyleSetter/pro/Transform.vue +4 -30
- package/src/fields/configs/codeSelect.ts +127 -0
- package/src/fields/configs/displayConds.ts +184 -0
- package/src/fields/configs/eventSelect.ts +309 -0
- package/src/fields/configs/stickyAddButton.ts +31 -0
- package/src/fields/headless-validation.ts +177 -0
- package/src/headless.ts +33 -0
- package/src/hooks/use-compare-form.ts +7 -25
- package/src/hooks/use-form-context.ts +56 -0
- package/src/index.ts +2 -0
- package/src/initService.ts +24 -1
- package/src/layouts/history-list/HistoryDiffDialog.vue +0 -10
- package/src/layouts/history-list/HistoryListPanel.vue +1 -13
- package/src/layouts/history-list/useHistoryRevert.ts +7 -13
- package/src/layouts/props-panel/FormPanel.vue +17 -28
- package/src/layouts/props-panel/PropsPanel.vue +1 -4
- package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +1 -1
- package/src/layouts/sidebar/code-block/useContentMenu.ts +1 -1
- package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +1 -1
- package/src/layouts/sidebar/data-source/useContentMenu.ts +1 -1
- package/src/plugin.ts +32 -33
- package/src/services/events.ts +5 -4
- package/src/theme/code-block.scss +0 -37
- package/src/theme/display-conds.scss +4 -0
- package/src/theme/event.scss +22 -45
- package/src/theme/props-panel.scss +17 -3
- package/src/theme/themes/magic-admin/index.scss +12 -1
- package/src/type.ts +16 -29
- package/src/utils/code-block.ts +1 -0
- package/src/utils/data-source/index.ts +1 -0
- package/src/utils/props.ts +1 -4
- package/src/utils/type-match-rules.ts +8 -3
- package/types/headless.d.ts +18 -0
- package/types/index.d.ts +154 -179
package/src/utils/props.ts
CHANGED
|
@@ -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 {
|
|
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 };
|