@tmagic/editor 1.8.0-beta.17 → 1.8.0-beta.19

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 (12) hide show
  1. package/dist/es/layouts/props-panel/FormPanel.vue_vue_type_script_setup_true_lang.js +1 -0
  2. package/dist/es/style.css +11 -8
  3. package/dist/es/utils/dep/idle-task.js +44 -22
  4. package/dist/style.css +11 -8
  5. package/dist/themes/magic-admin.css +11 -8
  6. package/dist/tmagic-editor.umd.cjs +44 -22
  7. package/package.json +7 -7
  8. package/src/layouts/props-panel/FormPanel.vue +1 -0
  9. package/src/theme/code-block.scss +3 -3
  10. package/src/theme/event.scss +6 -3
  11. package/src/utils/dep/idle-task.ts +66 -35
  12. package/types/index.d.ts +61 -9
package/dist/es/layouts/props-panel/FormPanel.vue_vue_type_script_setup_true_lang.js CHANGED
@@ -124,6 +124,7 @@ var FormPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
124
124
  config: __props.config,
125
125
  "type-match-valid": true,
126
126
  "extend-state": __props.extendState,
127
+ "validate-on-init": true,
127
128
  onChange: submit,
128
129
  onError: errorHandler
129
130
  }, null, 8, [
package/dist/es/style.css CHANGED
@@ -70,7 +70,7 @@
70
70
  }
71
71
  .tmagic-design-card.tmagic-design-card--flat .el-card__header {
72
72
  border-bottom: none;
73
- padding: 8px 16px;
73
+ padding: 16px;
74
74
  }
75
75
  .tmagic-design-card.tmagic-design-card--flat .el-card__header:hover {
76
76
  background: transparent;
@@ -85,7 +85,7 @@
85
85
  padding: 0 16px 0 16px;
86
86
  }
87
87
  .tmagic-design-card.tmagic-design-card--flat .el-card__body .tmagic-design-form-item:not(tbody .tmagic-design-form-item) {
88
- margin-bottom: 8px;
88
+ margin-bottom: 16px;
89
89
  }
90
90
  .tmagic-design-card.tmagic-design-card--flat .el-card__body > .m-container-row {
91
91
  overflow-x: hidden;
@@ -1935,26 +1935,29 @@ fieldset.m-fieldset .m-form-tip {
1935
1935
  border: 0 !important;
1936
1936
  }
1937
1937
  .m-fields-code-select .el-card__body .tmagic-design-form-item {
1938
- margin-bottom: 18px;
1938
+ margin-bottom: 16px;
1939
1939
  }
1940
1940
  .m-fields-code-select .code-select-content > .m-fields-group-list > .tmagic-design-card--flat > .el-card__header {
1941
- padding: 8px 0;
1941
+ padding: 16px 0;
1942
1942
  }
1943
1943
  .m-fields-code-select .create-button.fullWidth {
1944
1944
  width: 100%;
1945
- margin: 0 0 8px 0;
1945
+ margin: 0 0 16px 0;
1946
1946
  }
1947
1947
 
1948
1948
  .m-fields-event-select {
1949
1949
  width: 100%;
1950
1950
  }
1951
1951
  .m-fields-event-select .fullWidth {
1952
- width: calc(100% - 32px);
1952
+ width: 100%;
1953
1953
  box-sizing: border-box;
1954
1954
  }
1955
1955
  .m-fields-event-select .fullWidth.create-button {
1956
1956
  width: 100%;
1957
1957
  }
1958
+ .m-fields-event-select .fullWidth.m-container-ui-event {
1959
+ width: calc(100% - 32px);
1960
+ }
1958
1961
  .m-fields-event-select .event-select-container {
1959
1962
  padding: 0 16px;
1960
1963
  }
@@ -1962,13 +1965,13 @@ fieldset.m-fieldset .m-form-tip {
1962
1965
  border-bottom: 1px solid #ebeef5;
1963
1966
  }
1964
1967
  .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body {
1965
- padding-bottom: 8px;
1968
+ padding-bottom: 16px;
1966
1969
  }
1967
1970
  .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .m-fields-group-list-footer div {
1968
1971
  justify-content: flex-start !important;
1969
1972
  }
1970
1973
  .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .el-card.tmagic-design-card--flat > .el-card__header {
1971
- padding: 8px 0;
1974
+ padding: 16px 0;
1972
1975
  }
1973
1976
  .m-fields-event-select .event-select-code {
1974
1977
  margin-left: 20px;
package/dist/es/utils/dep/idle-task.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { error } from "../logger.js";
1
2
  import { EventEmitter } from "events";
2
3
  //#region packages/editor/src/utils/dep/idle-task.ts
3
4
  globalThis.requestIdleCallback = globalThis.requestIdleCallback || function(cb) {
@@ -35,7 +36,7 @@ var IdleTask = class extends EventEmitter {
35
36
  this.taskList = [];
36
37
  this.taskHandle = null;
37
38
  this.emit("update-task-length", {
38
- length: this.taskList.length + this.hightLevelTaskList.length,
39
+ length: this.getTaskLength(),
39
40
  hightLevelLength: this.hightLevelTaskList.length
40
41
  });
41
42
  }
@@ -49,30 +50,51 @@ var IdleTask = class extends EventEmitter {
49
50
  return super.emit(eventName, ...args);
50
51
  }
51
52
  runTaskQueue(deadline) {
52
- const { hightLevelTaskList, taskList } = this;
53
- while (deadline.timeRemaining() > 0 && (taskList.length || hightLevelTaskList.length)) {
54
- const timeRemaining = deadline.timeRemaining();
55
- let times = 0;
56
- if (timeRemaining <= 5) times = 10;
57
- else if (timeRemaining <= 10) times = 100;
58
- else if (timeRemaining <= 15) times = 300;
59
- else times = 600;
60
- for (let i = 0; i < times; i++) {
61
- const task = hightLevelTaskList.length > 0 ? hightLevelTaskList.shift() : taskList.shift();
62
- if (task) task.handler(task.data);
63
- if (hightLevelTaskList.length === 0 && taskList.length === 0) break;
53
+ this.taskHandle = null;
54
+ try {
55
+ while (deadline.timeRemaining() > 0 && this.getTaskLength()) {
56
+ const timeRemaining = deadline.timeRemaining();
57
+ let times = 0;
58
+ if (timeRemaining <= 5) times = 10;
59
+ else if (timeRemaining <= 10) times = 100;
60
+ else if (timeRemaining <= 15) times = 300;
61
+ else times = 600;
62
+ for (let i = 0; i < times; i++) {
63
+ const task = this.hightLevelTaskList.length > 0 ? this.hightLevelTaskList.shift() : this.taskList.shift();
64
+ if (task) this.runTask(task);
65
+ if (!this.getTaskLength()) break;
66
+ }
64
67
  }
68
+ } finally {
69
+ this.finishRun();
65
70
  }
66
- if (!hightLevelTaskList.length) this.emit("hight-level-finish");
67
- if (hightLevelTaskList.length || taskList.length) this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 300 });
68
- else {
69
- this.taskHandle = 0;
70
- this.emit("finish");
71
+ }
72
+ /**
73
+ * 单个任务失败不能中断整个队列，否则后续任务永远不会被执行，
74
+ * 依赖收集会停在半路（收集中状态与剩余任务数都不再变化）
75
+ */
76
+ runTask(task) {
77
+ try {
78
+ task.handler(task.data);
79
+ } catch (e) {
80
+ error("magic editor: 空闲任务执行失败", e);
71
81
  }
72
- this.emit("update-task-length", {
73
- length: taskList.length + hightLevelTaskList.length,
74
- hightLevelLength: hightLevelTaskList.length
75
- });
82
+ }
83
+ finishRun() {
84
+ try {
85
+ if (!this.hightLevelTaskList.length) this.emit("hight-level-finish");
86
+ } finally {
87
+ if (this.getTaskLength()) {
88
+ if (!this.taskHandle) this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 300 });
89
+ } else this.emit("finish");
90
+ this.emit("update-task-length", {
91
+ length: this.getTaskLength(),
92
+ hightLevelLength: this.hightLevelTaskList.length
93
+ });
94
+ }
95
+ }
96
+ getTaskLength() {
97
+ return this.taskList.length + this.hightLevelTaskList.length;
76
98
  }
77
99
  };
78
100
  //#endregion
package/dist/style.css CHANGED
@@ -70,7 +70,7 @@
70
70
  }
71
71
  .tmagic-design-card.tmagic-design-card--flat .el-card__header {
72
72
  border-bottom: none;
73
- padding: 8px 16px;
73
+ padding: 16px;
74
74
  }
75
75
  .tmagic-design-card.tmagic-design-card--flat .el-card__header:hover {
76
76
  background: transparent;
@@ -85,7 +85,7 @@
85
85
  padding: 0 16px 0 16px;
86
86
  }
87
87
  .tmagic-design-card.tmagic-design-card--flat .el-card__body .tmagic-design-form-item:not(tbody .tmagic-design-form-item) {
88
- margin-bottom: 8px;
88
+ margin-bottom: 16px;
89
89
  }
90
90
  .tmagic-design-card.tmagic-design-card--flat .el-card__body > .m-container-row {
91
91
  overflow-x: hidden;
@@ -1935,26 +1935,29 @@ fieldset.m-fieldset .m-form-tip {
1935
1935
  border: 0 !important;
1936
1936
  }
1937
1937
  .m-fields-code-select .el-card__body .tmagic-design-form-item {
1938
- margin-bottom: 18px;
1938
+ margin-bottom: 16px;
1939
1939
  }
1940
1940
  .m-fields-code-select .code-select-content > .m-fields-group-list > .tmagic-design-card--flat > .el-card__header {
1941
- padding: 8px 0;
1941
+ padding: 16px 0;
1942
1942
  }
1943
1943
  .m-fields-code-select .create-button.fullWidth {
1944
1944
  width: 100%;
1945
- margin: 0 0 8px 0;
1945
+ margin: 0 0 16px 0;
1946
1946
  }
1947
1947
 
1948
1948
  .m-fields-event-select {
1949
1949
  width: 100%;
1950
1950
  }
1951
1951
  .m-fields-event-select .fullWidth {
1952
- width: calc(100% - 32px);
1952
+ width: 100%;
1953
1953
  box-sizing: border-box;
1954
1954
  }
1955
1955
  .m-fields-event-select .fullWidth.create-button {
1956
1956
  width: 100%;
1957
1957
  }
1958
+ .m-fields-event-select .fullWidth.m-container-ui-event {
1959
+ width: calc(100% - 32px);
1960
+ }
1958
1961
  .m-fields-event-select .event-select-container {
1959
1962
  padding: 0 16px;
1960
1963
  }
@@ -1962,13 +1965,13 @@ fieldset.m-fieldset .m-form-tip {
1962
1965
  border-bottom: 1px solid #ebeef5;
1963
1966
  }
1964
1967
  .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body {
1965
- padding-bottom: 8px;
1968
+ padding-bottom: 16px;
1966
1969
  }
1967
1970
  .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .m-fields-group-list-footer div {
1968
1971
  justify-content: flex-start !important;
1969
1972
  }
1970
1973
  .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .el-card.tmagic-design-card--flat > .el-card__header {
1971
- padding: 8px 0;
1974
+ padding: 16px 0;
1972
1975
  }
1973
1976
  .m-fields-event-select .event-select-code {
1974
1977
  margin-left: 20px;
package/dist/themes/magic-admin.css CHANGED
@@ -70,7 +70,7 @@
70
70
  }
71
71
  .tmagic-design-card.tmagic-design-card--flat .el-card__header {
72
72
  border-bottom: none;
73
- padding: 8px 16px;
73
+ padding: 16px;
74
74
  }
75
75
  .tmagic-design-card.tmagic-design-card--flat .el-card__header:hover {
76
76
  background: transparent;
@@ -85,7 +85,7 @@
85
85
  padding: 0 16px 0 16px;
86
86
  }
87
87
  .tmagic-design-card.tmagic-design-card--flat .el-card__body .tmagic-design-form-item:not(tbody .tmagic-design-form-item) {
88
- margin-bottom: 8px;
88
+ margin-bottom: 16px;
89
89
  }
90
90
  .tmagic-design-card.tmagic-design-card--flat .el-card__body > .m-container-row {
91
91
  overflow-x: hidden;
@@ -2025,26 +2025,29 @@ fieldset.m-fieldset .m-form-tip {
2025
2025
  border: 0 !important;
2026
2026
  }
2027
2027
  .m-fields-code-select .el-card__body .tmagic-design-form-item {
2028
- margin-bottom: 18px;
2028
+ margin-bottom: 16px;
2029
2029
  }
2030
2030
  .m-fields-code-select .code-select-content > .m-fields-group-list > .tmagic-design-card--flat > .el-card__header {
2031
- padding: 8px 0;
2031
+ padding: 16px 0;
2032
2032
  }
2033
2033
  .m-fields-code-select .create-button.fullWidth {
2034
2034
  width: 100%;
2035
- margin: 0 0 8px 0;
2035
+ margin: 0 0 16px 0;
2036
2036
  }
2037
2037
 
2038
2038
  .m-fields-event-select {
2039
2039
  width: 100%;
2040
2040
  }
2041
2041
  .m-fields-event-select .fullWidth {
2042
- width: calc(100% - 32px);
2042
+ width: 100%;
2043
2043
  box-sizing: border-box;
2044
2044
  }
2045
2045
  .m-fields-event-select .fullWidth.create-button {
2046
2046
  width: 100%;
2047
2047
  }
2048
+ .m-fields-event-select .fullWidth.m-container-ui-event {
2049
+ width: calc(100% - 32px);
2050
+ }
2048
2051
  .m-fields-event-select .event-select-container {
2049
2052
  padding: 0 16px;
2050
2053
  }
@@ -2052,13 +2055,13 @@ fieldset.m-fieldset .m-form-tip {
2052
2055
  border-bottom: 1px solid #ebeef5;
2053
2056
  }
2054
2057
  .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body {
2055
- padding-bottom: 8px;
2058
+ padding-bottom: 16px;
2056
2059
  }
2057
2060
  .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .m-fields-group-list-footer div {
2058
2061
  justify-content: flex-start !important;
2059
2062
  }
2060
2063
  .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .el-card.tmagic-design-card--flat > .el-card__header {
2061
- padding: 8px 0;
2064
+ padding: 16px 0;
2062
2065
  }
2063
2066
  .m-fields-event-select .event-select-code {
2064
2067
  margin-left: 20px;
package/dist/tmagic-editor.umd.cjs CHANGED
@@ -9680,7 +9680,7 @@
9680
9680
  this.taskList = [];
9681
9681
  this.taskHandle = null;
9682
9682
  this.emit("update-task-length", {
9683
- length: this.taskList.length + this.hightLevelTaskList.length,
9683
+ length: this.getTaskLength(),
9684
9684
  hightLevelLength: this.hightLevelTaskList.length
9685
9685
  });
9686
9686
  }
@@ -9694,30 +9694,51 @@
9694
9694
  return super.emit(eventName, ...args);
9695
9695
  }
9696
9696
  runTaskQueue(deadline) {
9697
- const { hightLevelTaskList, taskList } = this;
9698
- while (deadline.timeRemaining() > 0 && (taskList.length || hightLevelTaskList.length)) {
9699
- const timeRemaining = deadline.timeRemaining();
9700
- let times = 0;
9701
- if (timeRemaining <= 5) times = 10;
9702
- else if (timeRemaining <= 10) times = 100;
9703
- else if (timeRemaining <= 15) times = 300;
9704
- else times = 600;
9705
- for (let i = 0; i < times; i++) {
9706
- const task = hightLevelTaskList.length > 0 ? hightLevelTaskList.shift() : taskList.shift();
9707
- if (task) task.handler(task.data);
9708
- if (hightLevelTaskList.length === 0 && taskList.length === 0) break;
9697
+ this.taskHandle = null;
9698
+ try {
9699
+ while (deadline.timeRemaining() > 0 && this.getTaskLength()) {
9700
+ const timeRemaining = deadline.timeRemaining();
9701
+ let times = 0;
9702
+ if (timeRemaining <= 5) times = 10;
9703
+ else if (timeRemaining <= 10) times = 100;
9704
+ else if (timeRemaining <= 15) times = 300;
9705
+ else times = 600;
9706
+ for (let i = 0; i < times; i++) {
9707
+ const task = this.hightLevelTaskList.length > 0 ? this.hightLevelTaskList.shift() : this.taskList.shift();
9708
+ if (task) this.runTask(task);
9709
+ if (!this.getTaskLength()) break;
9710
+ }
9709
9711
  }
9712
+ } finally {
9713
+ this.finishRun();
9710
9714
  }
9711
- if (!hightLevelTaskList.length) this.emit("hight-level-finish");
9712
- if (hightLevelTaskList.length || taskList.length) this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 300 });
9713
- else {
9714
- this.taskHandle = 0;
9715
- this.emit("finish");
9715
+ }
9716
+ /**
9717
+ * 单个任务失败不能中断整个队列，否则后续任务永远不会被执行，
9718
+ * 依赖收集会停在半路（收集中状态与剩余任务数都不再变化）
9719
+ */
9720
+ runTask(task) {
9721
+ try {
9722
+ task.handler(task.data);
9723
+ } catch (e) {
9724
+ error("magic editor: 空闲任务执行失败", e);
9716
9725
  }
9717
- this.emit("update-task-length", {
9718
- length: taskList.length + hightLevelTaskList.length,
9719
- hightLevelLength: hightLevelTaskList.length
9720
- });
9726
+ }
9727
+ finishRun() {
9728
+ try {
9729
+ if (!this.hightLevelTaskList.length) this.emit("hight-level-finish");
9730
+ } finally {
9731
+ if (this.getTaskLength()) {
9732
+ if (!this.taskHandle) this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 300 });
9733
+ } else this.emit("finish");
9734
+ this.emit("update-task-length", {
9735
+ length: this.getTaskLength(),
9736
+ hightLevelLength: this.hightLevelTaskList.length
9737
+ });
9738
+ }
9739
+ }
9740
+ getTaskLength() {
9741
+ return this.taskList.length + this.hightLevelTaskList.length;
9721
9742
  }
9722
9743
  };
9723
9744
  //#endregion
@@ -14946,6 +14967,7 @@
14946
14967
  config: __props.config,
14947
14968
  "type-match-valid": true,
14948
14969
  "extend-state": __props.extendState,
14970
+ "validate-on-init": true,
14949
14971
  onChange: submit,
14950
14972
  onError: errorHandler
14951
14973
  }, null, 8, [
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.8.0-beta.17",
2
+ "version": "1.8.0-beta.19",
3
3
  "name": "@tmagic/editor",
4
4
  "type": "module",
5
5
  "sideEffects": [
@@ -58,11 +58,11 @@
58
58
  "moveable": "^0.53.0",
59
59
  "serialize-javascript": "^7.0.0",
60
60
  "sortablejs": "^1.15.6",
61
- "@tmagic/form": "1.8.0-beta.17",
62
- "@tmagic/design": "1.8.0-beta.17",
63
- "@tmagic/utils": "1.8.0-beta.17",
64
- "@tmagic/table": "1.8.0-beta.17",
65
- "@tmagic/stage": "1.8.0-beta.17"
61
+ "@tmagic/design": "1.8.0-beta.19",
62
+ "@tmagic/table": "1.8.0-beta.19",
63
+ "@tmagic/stage": "1.8.0-beta.19",
64
+ "@tmagic/utils": "1.8.0-beta.19",
65
+ "@tmagic/form": "1.8.0-beta.19"
66
66
  },
67
67
  "devDependencies": {
68
68
  "@types/events": "^3.0.3",
@@ -76,7 +76,7 @@
76
76
  "type-fest": "^5.2.0",
77
77
  "typescript": "^6.0.3",
78
78
  "vue": "^3.5.40",
79
- "@tmagic/core": "1.8.0-beta.17"
79
+ "@tmagic/core": "1.8.0-beta.19"
80
80
  },
81
81
  "peerDependenciesMeta": {
82
82
  "typescript": {
package/src/layouts/props-panel/FormPanel.vue CHANGED
@@ -14,6 +14,7 @@
14
14
  :config="config"
15
15
  :type-match-valid="true"
16
16
  :extend-state="extendState"
17
+ :validate-on-init="true"
17
18
  @change="submit"
18
19
  @error="errorHandler"
19
20
  ></MForm>
package/src/theme/code-block.scss CHANGED
@@ -19,14 +19,14 @@
19
19
  }
20
20
  .el-card__body {
21
21
  .tmagic-design-form-item {
22
- margin-bottom: 18px;
22
+ margin-bottom: 16px;
23
23
  }
24
24
  }
25
25
  .code-select-content {
26
26
  > .m-fields-group-list {
27
27
  > .tmagic-design-card--flat {
28
28
  > .el-card__header {
29
- padding: 8px 0;
29
+ padding: 16px 0;
30
30
  }
31
31
  }
32
32
  }
@@ -34,7 +34,7 @@
34
34
  .create-button {
35
35
  &.fullWidth {
36
36
  width: 100%;
37
- margin: 0 0 8px 0;
37
+ margin: 0 0 16px 0;
38
38
  }
39
39
  }
40
40
  }
package/src/theme/event.scss CHANGED
@@ -1,11 +1,14 @@
1
1
  .m-fields-event-select {
2
2
  width: 100%;
3
3
  .fullWidth {
4
- width: calc(100% - 32px);
4
+ width: 100%;
5
5
  box-sizing: border-box;
6
6
  &.create-button {
7
7
  width: 100%;
8
8
  }
9
+ &.m-container-ui-event {
10
+ width: calc(100% - 32px);
11
+ }
9
12
  }
10
13
  .event-select-container {
11
14
  padding: 0 16px;
@@ -14,7 +17,7 @@
14
17
  border-bottom: 1px solid #ebeef5;
15
18
  }
16
19
  > .el-card__body {
17
- padding-bottom: 8px;
20
+ padding-bottom: 16px;
18
21
  .m-fields-group-list-footer {
19
22
  div {
20
23
  justify-content: flex-start !important;
@@ -22,7 +25,7 @@
22
25
  }
23
26
  .el-card.tmagic-design-card--flat {
24
27
  > .el-card__header {
25
- padding: 8px 0;
28
+ padding: 16px 0;
26
29
  }
27
30
  }
28
31
  }
package/src/utils/dep/idle-task.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import { EventEmitter } from 'events';
2
2
 
3
+ import { error } from '../logger';
4
+
3
5
  export interface IdleTaskEvents {
4
6
  finish: [];
5
7
  'hight-level-finish': [];
@@ -64,7 +66,7 @@ export class IdleTask<T = any> extends EventEmitter {
64
66
  this.taskHandle = null;
65
67
 
66
68
  this.emit('update-task-length', {
67
- length: this.taskList.length + this.hightLevelTaskList.length,
69
+ length: this.getTaskLength(),
68
70
  hightLevelLength: this.hightLevelTaskList.length,
69
71
  });
70
72
  }
@@ -88,51 +90,80 @@ export class IdleTask<T = any> extends EventEmitter {
88
90
  }
89
91
 
90
92
  private runTaskQueue(deadline: IdleDeadline) {
91
- const { hightLevelTaskList, taskList } = this;
92
-
93
- // 动画会占用空闲时间,当任务一直无法执行时，看看是否有动画正在播放
94
- // 根据空闲时间的多少来决定执行的任务数，保证页面不卡死的情况下尽量多执行任务，不然当任务数巨大时，执行时间会很久
95
- // 执行不完不会影响配置，但是会影响画布渲染
96
- while (deadline.timeRemaining() > 0 && (taskList.length || hightLevelTaskList.length)) {
97
- const timeRemaining = deadline.timeRemaining();
98
- let times = 0;
99
- if (timeRemaining <= 5) {
100
- times = 10;
101
- } else if (timeRemaining <= 10) {
102
- times = 100;
103
- } else if (timeRemaining <= 15) {
104
- times = 300;
105
- } else {
106
- times = 600;
107
- }
93
+ // 本次回调已触发，句柄随之失效；置空后 clearTasks / enqueueTask 才能正确判断是否需要重新调度
94
+ this.taskHandle = null;
108
95
 
109
- for (let i = 0; i < times; i++) {
110
- const task = hightLevelTaskList.length > 0 ? hightLevelTaskList.shift() : taskList.shift();
111
- if (task) {
112
- task.handler(task.data);
96
+ try {
97
+ // 动画会占用空闲时间,当任务一直无法执行时，看看是否有动画正在播放
98
+ // 根据空闲时间的多少来决定执行的任务数，保证页面不卡死的情况下尽量多执行任务，不然当任务数巨大时，执行时间会很久
99
+ // 执行不完不会影响配置，但是会影响画布渲染
100
+ while (deadline.timeRemaining() > 0 && this.getTaskLength()) {
101
+ const timeRemaining = deadline.timeRemaining();
102
+ let times = 0;
103
+ if (timeRemaining <= 5) {
104
+ times = 10;
105
+ } else if (timeRemaining <= 10) {
106
+ times = 100;
107
+ } else if (timeRemaining <= 15) {
108
+ times = 300;
109
+ } else {
110
+ times = 600;
113
111
  }
114
112
 
115
- if (hightLevelTaskList.length === 0 && taskList.length === 0) {
116
- break;
113
+ for (let i = 0; i < times; i++) {
114
+ // 每次都从实例上取队列，任务执行过程中调用 clearTasks 能立即生效，不会继续消费已被清空的旧队列
115
+ const task = this.hightLevelTaskList.length > 0 ? this.hightLevelTaskList.shift() : this.taskList.shift();
116
+ if (task) {
117
+ this.runTask(task);
118
+ }
119
+
120
+ if (!this.getTaskLength()) {
121
+ break;
122
+ }
117
123
  }
118
124
  }
125
+ } finally {
126
+ // 必须放在 finally 中：一旦这里被跳过，taskHandle 会一直是真值，
127
+ // enqueueTask 也就不会再重新调度，剩余任务与任务数将永久停在当前状态
128
+ this.finishRun();
119
129
  }
130
+ }
120
131
 
121
- if (!hightLevelTaskList.length) {
122
- this.emit('hight-level-finish');
132
+ /**
133
+ * 单个任务失败不能中断整个队列，否则后续任务永远不会被执行，
134
+ * 依赖收集会停在半路（收集中状态与剩余任务数都不再变化）
135
+ */
136
+ private runTask(task: TaskList<T>[number]) {
137
+ try {
138
+ task.handler(task.data);
139
+ } catch (e) {
140
+ error('magic editor: 空闲任务执行失败', e);
123
141
  }
142
+ }
124
143
 
125
- if (hightLevelTaskList.length || taskList.length) {
126
- this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 300 });
127
- } else {
128
- this.taskHandle = 0;
144
+ private finishRun() {
145
+ try {
146
+ if (!this.hightLevelTaskList.length) {
147
+ this.emit('hight-level-finish');
148
+ }
149
+ } finally {
150
+ if (this.getTaskLength()) {
151
+ // 任务执行或事件监听中可能已经重新调度过
152
+ if (!this.taskHandle) {
153
+ this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 300 });
154
+ }
155
+ } else {
156
+ this.emit('finish');
157
+ }
129
158
 
130
- this.emit('finish');
159
+ this.emit('update-task-length', {
160
+ length: this.getTaskLength(),
161
+ hightLevelLength: this.hightLevelTaskList.length,
162
+ });
131
163
  }
164
+ }
132
165
 
133
- this.emit('update-task-length', {
134
- length: taskList.length + hightLevelTaskList.length,
135
- hightLevelLength: hightLevelTaskList.length,
136
- });
166
+ private getTaskLength() {
167
+ return this.taskList.length + this.hightLevelTaskList.length;
137
168
  }
138
169
  }
package/types/index.d.ts CHANGED
@@ -3373,6 +3373,13 @@ declare class IdleTask<T = any> extends EventEmitter {
3373
3373
  once<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(eventName: Name, listener: (...args: Param) => void | Promise<void>): this;
3374
3374
  emit<Name extends keyof IdleTaskEvents, Param extends IdleTaskEvents[Name]>(eventName: Name, ...args: Param): boolean;
3375
3375
  private runTaskQueue;
3376
+ /**
3377
+ * 单个任务失败不能中断整个队列，否则后续任务永远不会被执行，
3378
+ * 依赖收集会停在半路（收集中状态与剩余任务数都不再变化）
3379
+ */
3380
+ private runTask;
3381
+ private finishRun;
3382
+ private getTaskLength;
3376
3383
  }
3377
3384
  //#endregion
3378
3385
  //#region temp/packages/editor/src/utils/scroll-viewer.d.ts
@@ -3813,6 +3820,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
3813
3820
  readonly parentValues?: Record<string, any> | undefined;
3814
3821
  readonly labelWidth?: string | undefined;
3815
3822
  readonly typeMatchValid?: boolean | undefined;
3823
+ readonly validateOnInit?: boolean | undefined;
3816
3824
  readonly disabled?: boolean | undefined;
3817
3825
  readonly height?: string | undefined;
3818
3826
  readonly stepActive?: string | number | undefined;
@@ -3857,6 +3865,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
3857
3865
  parentValues?: Record<string, any>;
3858
3866
  labelWidth?: string;
3859
3867
  typeMatchValid?: boolean;
3868
+ validateOnInit?: boolean;
3860
3869
  disabled?: boolean;
3861
3870
  height?: string;
3862
3871
  stepActive?: string | number;
@@ -3911,6 +3920,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
3911
3920
  keyProp: string;
3912
3921
  parentValues: Record<string, any>;
3913
3922
  stepActive: string | number;
3923
+ validateOnInit: boolean;
3914
3924
  useFieldTextInError: boolean;
3915
3925
  }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
3916
3926
  beforeCreate?: (() => void) | (() => void)[];
@@ -3945,6 +3955,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
3945
3955
  keyProp: string;
3946
3956
  parentValues: Record<string, any>;
3947
3957
  stepActive: string | number;
3958
+ validateOnInit: boolean;
3948
3959
  useFieldTextInError: boolean;
3949
3960
  }> & Omit<Readonly<{
3950
3961
  config: import("@tmagic/form-schema").FormConfig;
@@ -3954,6 +3965,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
3954
3965
  parentValues?: Record<string, any>;
3955
3966
  labelWidth?: string;
3956
3967
  typeMatchValid?: boolean;
3968
+ validateOnInit?: boolean;
3957
3969
  disabled?: boolean;
3958
3970
  height?: string;
3959
3971
  stepActive?: string | number;
@@ -3978,7 +3990,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
3978
3990
  "onField-input"?: ((...args: any[]) => any) | undefined;
3979
3991
  "onField-change"?: ((...args: any[]) => any) | undefined;
3980
3992
  "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
3981
- }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "useFieldTextInError")> & {
3993
+ }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
3982
3994
  values: import("@tmagic/form-schema").FormValue;
3983
3995
  lastValuesProcessed: import("@tmagic/form-schema").FormValue;
3984
3996
  formState: import("@tmagic/form-schema").FormState;
@@ -4045,6 +4057,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4045
4057
  readonly parentValues?: Record<string, any> | undefined;
4046
4058
  readonly labelWidth?: string | undefined;
4047
4059
  readonly typeMatchValid?: boolean | undefined;
4060
+ readonly validateOnInit?: boolean | undefined;
4048
4061
  readonly disabled?: boolean | undefined;
4049
4062
  readonly height?: string | undefined;
4050
4063
  readonly stepActive?: string | number | undefined;
@@ -4089,6 +4102,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4089
4102
  parentValues?: Record<string, any>;
4090
4103
  labelWidth?: string;
4091
4104
  typeMatchValid?: boolean;
4105
+ validateOnInit?: boolean;
4092
4106
  disabled?: boolean;
4093
4107
  height?: string;
4094
4108
  stepActive?: string | number;
@@ -4143,6 +4157,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4143
4157
  keyProp: string;
4144
4158
  parentValues: Record<string, any>;
4145
4159
  stepActive: string | number;
4160
+ validateOnInit: boolean;
4146
4161
  useFieldTextInError: boolean;
4147
4162
  }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
4148
4163
  beforeCreate?: (() => void) | (() => void)[];
@@ -4177,6 +4192,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4177
4192
  keyProp: string;
4178
4193
  parentValues: Record<string, any>;
4179
4194
  stepActive: string | number;
4195
+ validateOnInit: boolean;
4180
4196
  useFieldTextInError: boolean;
4181
4197
  }> & Omit<Readonly<{
4182
4198
  config: import("@tmagic/form-schema").FormConfig;
@@ -4186,6 +4202,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4186
4202
  parentValues?: Record<string, any>;
4187
4203
  labelWidth?: string;
4188
4204
  typeMatchValid?: boolean;
4205
+ validateOnInit?: boolean;
4189
4206
  disabled?: boolean;
4190
4207
  height?: string;
4191
4208
  stepActive?: string | number;
@@ -4210,7 +4227,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4210
4227
  "onField-input"?: ((...args: any[]) => any) | undefined;
4211
4228
  "onField-change"?: ((...args: any[]) => any) | undefined;
4212
4229
  "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
4213
- }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "useFieldTextInError")> & {
4230
+ }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
4214
4231
  values: import("@tmagic/form-schema").FormValue;
4215
4232
  lastValuesProcessed: import("@tmagic/form-schema").FormValue;
4216
4233
  formState: import("@tmagic/form-schema").FormState;
@@ -4291,6 +4308,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4291
4308
  readonly parentValues?: Record<string, any> | undefined;
4292
4309
  readonly labelWidth?: string | undefined;
4293
4310
  readonly typeMatchValid?: boolean | undefined;
4311
+ readonly validateOnInit?: boolean | undefined;
4294
4312
  readonly disabled?: boolean | undefined;
4295
4313
  readonly height?: string | undefined;
4296
4314
  readonly stepActive?: string | number | undefined;
@@ -4335,6 +4353,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4335
4353
  parentValues?: Record<string, any>;
4336
4354
  labelWidth?: string;
4337
4355
  typeMatchValid?: boolean;
4356
+ validateOnInit?: boolean;
4338
4357
  disabled?: boolean;
4339
4358
  height?: string;
4340
4359
  stepActive?: string | number;
@@ -4389,6 +4408,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4389
4408
  keyProp: string;
4390
4409
  parentValues: Record<string, any>;
4391
4410
  stepActive: string | number;
4411
+ validateOnInit: boolean;
4392
4412
  useFieldTextInError: boolean;
4393
4413
  }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
4394
4414
  beforeCreate?: (() => void) | (() => void)[];
@@ -4423,6 +4443,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4423
4443
  keyProp: string;
4424
4444
  parentValues: Record<string, any>;
4425
4445
  stepActive: string | number;
4446
+ validateOnInit: boolean;
4426
4447
  useFieldTextInError: boolean;
4427
4448
  }> & Omit<Readonly<{
4428
4449
  config: import("@tmagic/form-schema").FormConfig;
@@ -4432,6 +4453,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4432
4453
  parentValues?: Record<string, any>;
4433
4454
  labelWidth?: string;
4434
4455
  typeMatchValid?: boolean;
4456
+ validateOnInit?: boolean;
4435
4457
  disabled?: boolean;
4436
4458
  height?: string;
4437
4459
  stepActive?: string | number;
@@ -4456,7 +4478,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4456
4478
  "onField-input"?: ((...args: any[]) => any) | undefined;
4457
4479
  "onField-change"?: ((...args: any[]) => any) | undefined;
4458
4480
  "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
4459
- }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "useFieldTextInError")> & {
4481
+ }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
4460
4482
  values: import("@tmagic/form-schema").FormValue;
4461
4483
  lastValuesProcessed: import("@tmagic/form-schema").FormValue;
4462
4484
  formState: import("@tmagic/form-schema").FormState;
@@ -4523,6 +4545,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4523
4545
  readonly parentValues?: Record<string, any> | undefined;
4524
4546
  readonly labelWidth?: string | undefined;
4525
4547
  readonly typeMatchValid?: boolean | undefined;
4548
+ readonly validateOnInit?: boolean | undefined;
4526
4549
  readonly disabled?: boolean | undefined;
4527
4550
  readonly height?: string | undefined;
4528
4551
  readonly stepActive?: string | number | undefined;
@@ -4567,6 +4590,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4567
4590
  parentValues?: Record<string, any>;
4568
4591
  labelWidth?: string;
4569
4592
  typeMatchValid?: boolean;
4593
+ validateOnInit?: boolean;
4570
4594
  disabled?: boolean;
4571
4595
  height?: string;
4572
4596
  stepActive?: string | number;
@@ -4621,6 +4645,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4621
4645
  keyProp: string;
4622
4646
  parentValues: Record<string, any>;
4623
4647
  stepActive: string | number;
4648
+ validateOnInit: boolean;
4624
4649
  useFieldTextInError: boolean;
4625
4650
  }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
4626
4651
  beforeCreate?: (() => void) | (() => void)[];
@@ -4655,6 +4680,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4655
4680
  keyProp: string;
4656
4681
  parentValues: Record<string, any>;
4657
4682
  stepActive: string | number;
4683
+ validateOnInit: boolean;
4658
4684
  useFieldTextInError: boolean;
4659
4685
  }> & Omit<Readonly<{
4660
4686
  config: import("@tmagic/form-schema").FormConfig;
@@ -4664,6 +4690,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4664
4690
  parentValues?: Record<string, any>;
4665
4691
  labelWidth?: string;
4666
4692
  typeMatchValid?: boolean;
4693
+ validateOnInit?: boolean;
4667
4694
  disabled?: boolean;
4668
4695
  height?: string;
4669
4696
  stepActive?: string | number;
@@ -4688,7 +4715,7 @@ declare const __VLS_base$12: import("@vue/runtime-core").DefineComponent<EditorP
4688
4715
  "onField-input"?: ((...args: any[]) => any) | undefined;
4689
4716
  "onField-change"?: ((...args: any[]) => any) | undefined;
4690
4717
  "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
4691
- }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "useFieldTextInError")> & {
4718
+ }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
4692
4719
  values: import("@tmagic/form-schema").FormValue;
4693
4720
  lastValuesProcessed: import("@tmagic/form-schema").FormValue;
4694
4721
  formState: import("@tmagic/form-schema").FormState;
@@ -5148,6 +5175,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5148
5175
  readonly parentValues?: Record<string, any> | undefined;
5149
5176
  readonly labelWidth?: string | undefined;
5150
5177
  readonly typeMatchValid?: boolean | undefined;
5178
+ readonly validateOnInit?: boolean | undefined;
5151
5179
  readonly disabled?: boolean | undefined;
5152
5180
  readonly height?: string | undefined;
5153
5181
  readonly stepActive?: string | number | undefined;
@@ -5192,6 +5220,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5192
5220
  parentValues?: Record<string, any>;
5193
5221
  labelWidth?: string;
5194
5222
  typeMatchValid?: boolean;
5223
+ validateOnInit?: boolean;
5195
5224
  disabled?: boolean;
5196
5225
  height?: string;
5197
5226
  stepActive?: string | number;
@@ -5246,6 +5275,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5246
5275
  keyProp: string;
5247
5276
  parentValues: Record<string, any>;
5248
5277
  stepActive: string | number;
5278
+ validateOnInit: boolean;
5249
5279
  useFieldTextInError: boolean;
5250
5280
  }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
5251
5281
  beforeCreate?: (() => void) | (() => void)[];
@@ -5280,6 +5310,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5280
5310
  keyProp: string;
5281
5311
  parentValues: Record<string, any>;
5282
5312
  stepActive: string | number;
5313
+ validateOnInit: boolean;
5283
5314
  useFieldTextInError: boolean;
5284
5315
  }> & Omit<Readonly<{
5285
5316
  config: import("@tmagic/form-schema").FormConfig;
@@ -5289,6 +5320,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5289
5320
  parentValues?: Record<string, any>;
5290
5321
  labelWidth?: string;
5291
5322
  typeMatchValid?: boolean;
5323
+ validateOnInit?: boolean;
5292
5324
  disabled?: boolean;
5293
5325
  height?: string;
5294
5326
  stepActive?: string | number;
@@ -5313,7 +5345,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5313
5345
  "onField-input"?: ((...args: any[]) => any) | undefined;
5314
5346
  "onField-change"?: ((...args: any[]) => any) | undefined;
5315
5347
  "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
5316
- }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "useFieldTextInError")> & {
5348
+ }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
5317
5349
  values: FormValue;
5318
5350
  lastValuesProcessed: FormValue;
5319
5351
  formState: FormState;
@@ -5380,6 +5412,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5380
5412
  readonly parentValues?: Record<string, any> | undefined;
5381
5413
  readonly labelWidth?: string | undefined;
5382
5414
  readonly typeMatchValid?: boolean | undefined;
5415
+ readonly validateOnInit?: boolean | undefined;
5383
5416
  readonly disabled?: boolean | undefined;
5384
5417
  readonly height?: string | undefined;
5385
5418
  readonly stepActive?: string | number | undefined;
@@ -5424,6 +5457,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5424
5457
  parentValues?: Record<string, any>;
5425
5458
  labelWidth?: string;
5426
5459
  typeMatchValid?: boolean;
5460
+ validateOnInit?: boolean;
5427
5461
  disabled?: boolean;
5428
5462
  height?: string;
5429
5463
  stepActive?: string | number;
@@ -5478,6 +5512,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5478
5512
  keyProp: string;
5479
5513
  parentValues: Record<string, any>;
5480
5514
  stepActive: string | number;
5515
+ validateOnInit: boolean;
5481
5516
  useFieldTextInError: boolean;
5482
5517
  }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
5483
5518
  beforeCreate?: (() => void) | (() => void)[];
@@ -5512,6 +5547,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5512
5547
  keyProp: string;
5513
5548
  parentValues: Record<string, any>;
5514
5549
  stepActive: string | number;
5550
+ validateOnInit: boolean;
5515
5551
  useFieldTextInError: boolean;
5516
5552
  }> & Omit<Readonly<{
5517
5553
  config: import("@tmagic/form-schema").FormConfig;
@@ -5521,6 +5557,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5521
5557
  parentValues?: Record<string, any>;
5522
5558
  labelWidth?: string;
5523
5559
  typeMatchValid?: boolean;
5560
+ validateOnInit?: boolean;
5524
5561
  disabled?: boolean;
5525
5562
  height?: string;
5526
5563
  stepActive?: string | number;
@@ -5545,7 +5582,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5545
5582
  "onField-input"?: ((...args: any[]) => any) | undefined;
5546
5583
  "onField-change"?: ((...args: any[]) => any) | undefined;
5547
5584
  "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
5548
- }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "useFieldTextInError")> & {
5585
+ }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
5549
5586
  values: FormValue;
5550
5587
  lastValuesProcessed: FormValue;
5551
5588
  formState: FormState;
@@ -5624,6 +5661,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5624
5661
  readonly parentValues?: Record<string, any> | undefined;
5625
5662
  readonly labelWidth?: string | undefined;
5626
5663
  readonly typeMatchValid?: boolean | undefined;
5664
+ readonly validateOnInit?: boolean | undefined;
5627
5665
  readonly disabled?: boolean | undefined;
5628
5666
  readonly height?: string | undefined;
5629
5667
  readonly stepActive?: string | number | undefined;
@@ -5668,6 +5706,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5668
5706
  parentValues?: Record<string, any>;
5669
5707
  labelWidth?: string;
5670
5708
  typeMatchValid?: boolean;
5709
+ validateOnInit?: boolean;
5671
5710
  disabled?: boolean;
5672
5711
  height?: string;
5673
5712
  stepActive?: string | number;
@@ -5722,6 +5761,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5722
5761
  keyProp: string;
5723
5762
  parentValues: Record<string, any>;
5724
5763
  stepActive: string | number;
5764
+ validateOnInit: boolean;
5725
5765
  useFieldTextInError: boolean;
5726
5766
  }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
5727
5767
  beforeCreate?: (() => void) | (() => void)[];
@@ -5756,6 +5796,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5756
5796
  keyProp: string;
5757
5797
  parentValues: Record<string, any>;
5758
5798
  stepActive: string | number;
5799
+ validateOnInit: boolean;
5759
5800
  useFieldTextInError: boolean;
5760
5801
  }> & Omit<Readonly<{
5761
5802
  config: import("@tmagic/form-schema").FormConfig;
@@ -5765,6 +5806,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5765
5806
  parentValues?: Record<string, any>;
5766
5807
  labelWidth?: string;
5767
5808
  typeMatchValid?: boolean;
5809
+ validateOnInit?: boolean;
5768
5810
  disabled?: boolean;
5769
5811
  height?: string;
5770
5812
  stepActive?: string | number;
@@ -5789,7 +5831,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5789
5831
  "onField-input"?: ((...args: any[]) => any) | undefined;
5790
5832
  "onField-change"?: ((...args: any[]) => any) | undefined;
5791
5833
  "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
5792
- }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "useFieldTextInError")> & {
5834
+ }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
5793
5835
  values: FormValue;
5794
5836
  lastValuesProcessed: FormValue;
5795
5837
  formState: FormState;
@@ -5856,6 +5898,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5856
5898
  readonly parentValues?: Record<string, any> | undefined;
5857
5899
  readonly labelWidth?: string | undefined;
5858
5900
  readonly typeMatchValid?: boolean | undefined;
5901
+ readonly validateOnInit?: boolean | undefined;
5859
5902
  readonly disabled?: boolean | undefined;
5860
5903
  readonly height?: string | undefined;
5861
5904
  readonly stepActive?: string | number | undefined;
@@ -5900,6 +5943,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5900
5943
  parentValues?: Record<string, any>;
5901
5944
  labelWidth?: string;
5902
5945
  typeMatchValid?: boolean;
5946
+ validateOnInit?: boolean;
5903
5947
  disabled?: boolean;
5904
5948
  height?: string;
5905
5949
  stepActive?: string | number;
@@ -5954,6 +5998,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5954
5998
  keyProp: string;
5955
5999
  parentValues: Record<string, any>;
5956
6000
  stepActive: string | number;
6001
+ validateOnInit: boolean;
5957
6002
  useFieldTextInError: boolean;
5958
6003
  }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
5959
6004
  beforeCreate?: (() => void) | (() => void)[];
@@ -5988,6 +6033,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5988
6033
  keyProp: string;
5989
6034
  parentValues: Record<string, any>;
5990
6035
  stepActive: string | number;
6036
+ validateOnInit: boolean;
5991
6037
  useFieldTextInError: boolean;
5992
6038
  }> & Omit<Readonly<{
5993
6039
  config: import("@tmagic/form-schema").FormConfig;
@@ -5997,6 +6043,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
5997
6043
  parentValues?: Record<string, any>;
5998
6044
  labelWidth?: string;
5999
6045
  typeMatchValid?: boolean;
6046
+ validateOnInit?: boolean;
6000
6047
  disabled?: boolean;
6001
6048
  height?: string;
6002
6049
  stepActive?: string | number;
@@ -6021,7 +6068,7 @@ declare const __VLS_base$7: import("@vue/runtime-core").DefineComponent<__VLS_Pr
6021
6068
  "onField-input"?: ((...args: any[]) => any) | undefined;
6022
6069
  "onField-change"?: ((...args: any[]) => any) | undefined;
6023
6070
  "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
6024
- }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "useFieldTextInError")> & {
6071
+ }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
6025
6072
  values: FormValue;
6026
6073
  lastValuesProcessed: FormValue;
6027
6074
  formState: FormState;
@@ -6078,6 +6125,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
6078
6125
  readonly parentValues?: Record<string, any> | undefined;
6079
6126
  readonly labelWidth?: string | undefined;
6080
6127
  readonly typeMatchValid?: boolean | undefined;
6128
+ readonly validateOnInit?: boolean | undefined;
6081
6129
  readonly disabled?: boolean | undefined;
6082
6130
  readonly height?: string | undefined;
6083
6131
  readonly stepActive?: string | number | undefined;
@@ -6122,6 +6170,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
6122
6170
  parentValues?: Record<string, any>;
6123
6171
  labelWidth?: string;
6124
6172
  typeMatchValid?: boolean;
6173
+ validateOnInit?: boolean;
6125
6174
  disabled?: boolean;
6126
6175
  height?: string;
6127
6176
  stepActive?: string | number;
@@ -6176,6 +6225,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
6176
6225
  keyProp: string;
6177
6226
  parentValues: Record<string, any>;
6178
6227
  stepActive: string | number;
6228
+ validateOnInit: boolean;
6179
6229
  useFieldTextInError: boolean;
6180
6230
  }, {}, string, {}, import("@vue/runtime-core").GlobalComponents, import("@vue/runtime-core").GlobalDirectives, string, import("@vue/runtime-core").ComponentProvideOptions> & {
6181
6231
  beforeCreate?: (() => void) | (() => void)[];
@@ -6210,6 +6260,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
6210
6260
  keyProp: string;
6211
6261
  parentValues: Record<string, any>;
6212
6262
  stepActive: string | number;
6263
+ validateOnInit: boolean;
6213
6264
  useFieldTextInError: boolean;
6214
6265
  }> & Omit<Readonly<{
6215
6266
  config: FormConfig;
@@ -6219,6 +6270,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
6219
6270
  parentValues?: Record<string, any>;
6220
6271
  labelWidth?: string;
6221
6272
  typeMatchValid?: boolean;
6273
+ validateOnInit?: boolean;
6222
6274
  disabled?: boolean;
6223
6275
  height?: string;
6224
6276
  stepActive?: string | number;
@@ -6243,7 +6295,7 @@ declare const __VLS_base$6: import("@vue/runtime-core").DefineComponent<__VLS_Pr
6243
6295
  "onField-input"?: ((...args: any[]) => any) | undefined;
6244
6296
  "onField-change"?: ((...args: any[]) => any) | undefined;
6245
6297
  "onUpdate:stepActive"?: ((...args: any[]) => any) | undefined;
6246
- }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "useFieldTextInError")> & {
6298
+ }>, "values" | "changeHandler" | "validate" | "initialized" | "lastValuesProcessed" | "formState" | "changeRecords" | "resetForm" | "submitForm" | "getTextByName" | ("disabled" | "labelWidth" | "inline" | "labelPosition" | "config" | "height" | "initValues" | "lastValues" | "isCompare" | "keyProp" | "parentValues" | "stepActive" | "validateOnInit" | "useFieldTextInError")> & {
6247
6299
  values: FormValue;
6248
6300
  lastValuesProcessed: FormValue;
6249
6301
  formState: FormState;