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

package/dist/es/utils/props.js

@@ -1,4 +1,3 @@
-import { validateForm } from "@tmagic/form";
 import { tMagicMessage } from "@tmagic/design";
 import { HookType, NODE_CONDS_KEY, NODE_CONDS_RESULT_KEY, NODE_DISABLE_CODE_BLOCK_KEY, NODE_DISABLE_DATA_SOURCE_KEY } from "@tmagic/core";
 //#region packages/editor/src/utils/props.ts
@@ -314,48 +313,5 @@ var removeStyleDisplayConfig = (formConfig) => formConfig.map((item) => {
 		})
 	};
 });
-/**
-* 对一份「组件属性表单配置 + 值」做一次独立的校验，**不复用也不污染页面上正在展示的表单**。
-*
-* 内部基于 `@tmagic/form` 的 `validateForm` 另建一个独立的 MForm 实例完成校验，并统一处理
-* 编辑器场景所需的上下文注入：将当前组件实例的 provides 合入 appContext，并向 formState 注入
-* stage / services 及外部扩展状态，保证校验规则依赖的上下文可用。
-*
-* 常用于源码编辑器保存后，对最新配置做一次校验，并将校验结果（错误信息）随提交一并抛给上层记录，
-* 使源码保存的错误状态与表单编辑保持一致。
-*
-* @returns 校验通过返回空字符串 `''`，否则返回以 `<br>` 拼接的错误文案。
-*   仅在初始化超时或挂载失败等异常情况下才会 reject。
-*
-* @example
-* ```ts
-* const error = await validatePropsForm({
-*   config,
-*   values,
-*   appContext: getCurrentInstance()?.appContext,
-*   services,
-*   stage: editorService.get('stage'),
-*   extendState,
-* });
-* if (error) {
-*   // 配置不合法，error 为错误文案
-* }
-* ```
-*/
-var validatePropsForm = ({ config, values, appContext = null, services, stage, extendState, debug, typeMatchValid }) => validateForm({
-	config,
-	debug,
-	typeMatchValid,
-	initValues: values,
-	appContext: appContext ? {
-		...appContext,
-		provides: { services }
-	} : null,
-	extendState: async (state) => ({
-		...await extendState?.(state) || {},
-		stage,
-		services
-	})
-});
 //#endregion
-export { advancedTabConfig, arrayOptions, booleanOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, getCondOpOptionsByFieldType, numberOptions, removeStyleDisplayConfig, styleTabConfig, validatePropsForm };
+export { advancedTabConfig, arrayOptions, booleanOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, getCondOpOptionsByFieldType, numberOptions, removeStyleDisplayConfig, styleTabConfig };

package/dist/es/utils/type-match-rules.js

@@ -21,7 +21,7 @@ var stringifyExampleValue = (value) => {
 	}
 	return String(value);
 };
-var MAX_SUGGESTION_OPTIONS = 5;
+var MAX_SUGGESTION_OPTIONS = 20;
 /**
 * 生成「请使用以下某一个值：xxx；xxx」形式的参考建议；无可选值时返回空字符串（不追加建议）。
 */

package/dist/style.css

@@ -59,6 +59,9 @@
   border-radius: 0;
   border-bottom: 0;
 }
+.tmagic-design-card.tmagic-design-card--flat.m-flat-hide-body .el-card__header {
+  border-bottom: 0 !important;
+}
 .tmagic-design-card.tmagic-design-card--flat.m-fields-group-list-item {
   margin-bottom: 0;
 }
@@ -67,18 +70,22 @@
 }
 .tmagic-design-card.tmagic-design-card--flat .el-card__header {
   border-bottom: none;
-  padding: 16px;
+  padding: 8px 16px;
 }
 .tmagic-design-card.tmagic-design-card--flat .el-card__header:hover {
   background: transparent;
   box-shadow: none;
   cursor: default;
 }
+.tmagic-design-card.tmagic-design-card--flat .m-fields-group-list-footer {
+  margin-bottom: 4px;
+  margin-top: 4px;
+}
 .tmagic-design-card.tmagic-design-card--flat .el-card__body {
   padding: 0 16px 0 16px;
 }
 .tmagic-design-card.tmagic-design-card--flat .el-card__body .tmagic-design-form-item:not(tbody .tmagic-design-form-item) {
-  margin-bottom: 16px;
+  margin-bottom: 8px;
 }
 .tmagic-design-card.tmagic-design-card--flat .el-card__body > .m-container-row {
   overflow-x: hidden;
@@ -95,7 +102,7 @@
 }
 .m-split-title-card-container > .tmagic-design-card.tmagic-design-card--flat > .el-card__body {
   background-color: #fff;
-  padding-top: 16px;
+  padding-top: 8px;
 }
 
 .tmagic-design-color-picker-input {
@@ -434,12 +441,16 @@ fieldset.m-fieldset .m-form-tip {
   gap: 8px;
 }
 .m-fields-group-list .m-fields-group-list-footer {
-  display: flex;
   justify-content: space-between;
   margin-top: 10px;
   margin-bottom: 16px;
 }
 
+/** 最外层的groupList需要每个item需要增加空白区域界限时，增加outer-gorup_list可以实现 */
+.m-container-group-list.outer-gorup_list > .m-fields-group-list > .m-fields-group-list-item {
+  margin-bottom: 10px;
+}
+
 .m-form-panel .el-card__header:hover {
   background: #f2f6fc;
 }
@@ -1927,20 +1938,23 @@ fieldset.m-fieldset .m-form-tip {
   margin-bottom: 18px;
 }
 .m-fields-code-select .code-select-content > .m-fields-group-list > .tmagic-design-card--flat > .el-card__header {
-  padding: 16px 0;
+  padding: 8px 0;
 }
 .m-fields-code-select .create-button.fullWidth {
   width: 100%;
-  margin: 0 0 16px 0;
+  margin: 0 0 8px 0;
 }
 
 .m-fields-event-select {
   width: 100%;
 }
 .m-fields-event-select .fullWidth {
-  width: 100%;
+  width: calc(100% - 32px);
   box-sizing: border-box;
 }
+.m-fields-event-select .fullWidth.create-button {
+  width: 100%;
+}
 .m-fields-event-select .event-select-container {
   padding: 0 16px;
 }
@@ -1948,13 +1962,13 @@ fieldset.m-fieldset .m-form-tip {
   border-bottom: 1px solid #ebeef5;
 }
 .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body {
-  padding-bottom: 16px;
+  padding-bottom: 8px;
 }
 .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .m-fields-group-list-footer div {
   justify-content: flex-start !important;
 }
 .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 {
-  padding: 16px 0;
+  padding: 8px 0;
 }
 .m-fields-event-select .event-select-code {
   margin-left: 20px;
@@ -2008,18 +2022,19 @@ fieldset.m-fieldset .m-form-tip {
 .event-item-header {
   position: relative;
   width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 .event-item-header .event-item-title {
   color: #0f1113;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
-  margin-bottom: 16px;
+  margin-bottom: 8px;
 }
 .event-item-header .event-item-delete-button {
-  position: absolute;
-  right: 0;
-  top: 0;
+  color: #0f1113;
 }
 .event-item-header .el-form-item .el-form-item.is-error {
   margin-bottom: 18px;

package/dist/themes/magic-admin.css

@@ -59,6 +59,9 @@
   border-radius: 0;
   border-bottom: 0;
 }
+.tmagic-design-card.tmagic-design-card--flat.m-flat-hide-body .el-card__header {
+  border-bottom: 0 !important;
+}
 .tmagic-design-card.tmagic-design-card--flat.m-fields-group-list-item {
   margin-bottom: 0;
 }
@@ -67,18 +70,22 @@
 }
 .tmagic-design-card.tmagic-design-card--flat .el-card__header {
   border-bottom: none;
-  padding: 16px;
+  padding: 8px 16px;
 }
 .tmagic-design-card.tmagic-design-card--flat .el-card__header:hover {
   background: transparent;
   box-shadow: none;
   cursor: default;
 }
+.tmagic-design-card.tmagic-design-card--flat .m-fields-group-list-footer {
+  margin-bottom: 4px;
+  margin-top: 4px;
+}
 .tmagic-design-card.tmagic-design-card--flat .el-card__body {
   padding: 0 16px 0 16px;
 }
 .tmagic-design-card.tmagic-design-card--flat .el-card__body .tmagic-design-form-item:not(tbody .tmagic-design-form-item) {
-  margin-bottom: 16px;
+  margin-bottom: 8px;
 }
 .tmagic-design-card.tmagic-design-card--flat .el-card__body > .m-container-row {
   overflow-x: hidden;
@@ -95,7 +102,7 @@
 }
 .m-split-title-card-container > .tmagic-design-card.tmagic-design-card--flat > .el-card__body {
   background-color: #fff;
-  padding-top: 16px;
+  padding-top: 8px;
 }
 
 .tmagic-design-color-picker-input {
@@ -465,12 +472,16 @@ fieldset.m-fieldset .m-form-tip {
   gap: 8px;
 }
 .m-fields-group-list .m-fields-group-list-footer {
-  display: flex;
   justify-content: space-between;
   margin-top: 10px;
   margin-bottom: 16px;
 }
 
+/** 最外层的groupList需要每个item需要增加空白区域界限时，增加outer-gorup_list可以实现 */
+.m-container-group-list.outer-gorup_list > .m-fields-group-list > .m-fields-group-list-item {
+  margin-bottom: 10px;
+}
+
 .m-form-panel .el-card__header:hover {
   background: #f2f6fc;
 }
@@ -666,6 +677,12 @@ fieldset.m-fieldset .m-form-tip {
 .m-form.m-form--magic-admin .m-form-container .m-form-container-expand {
   text-align: left;
 }
+.m-form.m-form--magic-admin .m-fields-group-list .el-table__empty-block .el-table__empty-text {
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.03);
+  margin-top: 8px;
+  border-radius: 4px;
+}
 
 .tmagic-design-input.search-input {
   background: #fff;
@@ -2011,20 +2028,23 @@ fieldset.m-fieldset .m-form-tip {
   margin-bottom: 18px;
 }
 .m-fields-code-select .code-select-content > .m-fields-group-list > .tmagic-design-card--flat > .el-card__header {
-  padding: 16px 0;
+  padding: 8px 0;
 }
 .m-fields-code-select .create-button.fullWidth {
   width: 100%;
-  margin: 0 0 16px 0;
+  margin: 0 0 8px 0;
 }
 
 .m-fields-event-select {
   width: 100%;
 }
 .m-fields-event-select .fullWidth {
-  width: 100%;
+  width: calc(100% - 32px);
   box-sizing: border-box;
 }
+.m-fields-event-select .fullWidth.create-button {
+  width: 100%;
+}
 .m-fields-event-select .event-select-container {
   padding: 0 16px;
 }
@@ -2032,13 +2052,13 @@ fieldset.m-fieldset .m-form-tip {
   border-bottom: 1px solid #ebeef5;
 }
 .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body {
-  padding-bottom: 16px;
+  padding-bottom: 8px;
 }
 .m-fields-event-select .event-select-container > .el-card.tmagic-design-card--flat > .el-card__body .m-fields-group-list-footer div {
   justify-content: flex-start !important;
 }
 .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 {
-  padding: 16px 0;
+  padding: 8px 0;
 }
 .m-fields-event-select .event-select-code {
   margin-left: 20px;
@@ -2092,18 +2112,19 @@ fieldset.m-fieldset .m-form-tip {
 .event-item-header {
   position: relative;
   width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 .event-item-header .event-item-title {
   color: #0f1113;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
-  margin-bottom: 16px;
+  margin-bottom: 8px;
 }
 .event-item-header .event-item-delete-button {
-  position: absolute;
-  right: 0;
-  top: 0;
+  color: #0f1113;
 }
 .event-item-header .el-form-item .el-form-item.is-error {
   margin-bottom: 18px;