amis-editor 6.9.0 → 6.10.0-beta.0

package/esm/renderer/style-control/ThemeCssCode.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/renderer/style-control/font-family.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/renderer/style-control/helper.d.ts

@@ -10,9 +10,15 @@ interface InputStateOptions {
     hideRadius?: boolean;
     hideBackground?: boolean;
     hideBorder?: boolean;
+    hiddenOn?: string;
     schema?: any[];
+    fontToken?: (state: string) => string | object;
+    pmToken?: (state: string) => string;
+    radiusToken?: (state: string) => string | object;
+    backgroundToken?: (state: string) => string;
+    borderToken?: (state: string) => string | object;
 }
 export declare const inputStateTpl: (className: string, token?: string, options?: InputStateOptions) => any;
-export declare const inputStateFunc: (state: string, className: string, token: string, options?: InputStateOptions) => any[];
+export declare const inputStateFunc: (state: string, className: string, token?: string, options?: InputStateOptions) => any[];
 export declare const buttonStateFunc: (visibleOn: string, state: string) => any[];
 export {};

package/esm/renderer/style-control/helper.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 
@@ -30,27 +30,32 @@ var inputStateTpl = function (className, token, options) {
     name: "__editorState".concat(className),
     label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
     selectFirst: true,
-    options: stateOptions
+    options: stateOptions,
+    hiddenOn: (options === null || options === void 0 ? void 0 : options.hiddenOn) || false
   }], __read(stateOptions.map(function (item) {
     return {
       type: 'container',
       visibleOn: "${__editorState".concat(className, " == '").concat(item.value, "'") + (item.value === 'default' ? " || !__editorState".concat(className) : '') + "}",
+      hiddenOn: (options === null || options === void 0 ? void 0 : options.hiddenOn) || false,
       body: inputStateFunc(item.value, className, item.token || token, options)
     };
   })), false);
   return res;
 };
 var inputStateFunc = function (state, className, token, options) {
+  var _a, _b, _c, _d, _e;
   var cssTokenState = state === 'focused' ? 'active' : state;
-  if (token.includes('${state}')) {
-    token = token.replace(/\${state}/g, cssTokenState);
-  } else {
-    token = "".concat(token, "-").concat(cssTokenState);
+  if (token) {
+    if (token.includes('${state}')) {
+      token = token.replace(/\${state}/g, cssTokenState);
+    } else {
+      token = "".concat(token, "-").concat(cssTokenState);
+    }
   }
   return __spreadArray([!(options === null || options === void 0 ? void 0 : options.hideFont) && getSchemaTpl('theme:font', {
     label: i18n("ca746b1ff10193a3ce20878dec04a733"),
     name: "".concat(className, ".font:").concat(state),
-    editorValueToken: token,
+    editorValueToken: ((_a = options === null || options === void 0 ? void 0 : options.fontToken) === null || _a === void 0 ? void 0 : _a.call(options, cssTokenState)) || token,
     state: state
   }), !(options === null || options === void 0 ? void 0 : options.hideBackground) && getSchemaTpl('theme:colorPicker', {
     label: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
@@ -58,21 +63,21 @@ var inputStateFunc = function (state, className, token, options) {
     labelMode: 'input',
     needGradient: true,
     needImage: true,
-    editorValueToken: "".concat(token, "-bg-color"),
+    editorValueToken: ((_b = options === null || options === void 0 ? void 0 : options.backgroundToken) === null || _b === void 0 ? void 0 : _b.call(options, cssTokenState)) || token && "".concat(token, "-bg-color"),
     state: state
   }), !(options === null || options === void 0 ? void 0 : options.hideBorder) && getSchemaTpl('theme:border', {
     name: "".concat(className, ".border:").concat(state),
-    editorValueToken: token,
+    editorValueToken: ((_c = options === null || options === void 0 ? void 0 : options.borderToken) === null || _c === void 0 ? void 0 : _c.call(options, cssTokenState)) || token,
     state: state
   }), !(options === null || options === void 0 ? void 0 : options.hidePadding) && !(options === null || options === void 0 ? void 0 : options.hideMargin) && getSchemaTpl('theme:paddingAndMargin', {
     name: "".concat(className, ".padding-and-margin:").concat(state),
-    editorValueToken: token,
+    editorValueToken: ((_d = options === null || options === void 0 ? void 0 : options.pmToken) === null || _d === void 0 ? void 0 : _d.call(options, cssTokenState)) || token,
     state: state,
     hidePadding: options === null || options === void 0 ? void 0 : options.hidePadding,
     hideMargin: options === null || options === void 0 ? void 0 : options.hideMargin
   }), !(options === null || options === void 0 ? void 0 : options.hideRadius) && getSchemaTpl('theme:radius', {
     name: "".concat(className, ".radius:").concat(state),
-    editorValueToken: token,
+    editorValueToken: ((_e = options === null || options === void 0 ? void 0 : options.radiusToken) === null || _e === void 0 ? void 0 : _e.call(options, cssTokenState)) || token,
     state: state
   })], __read((options === null || options === void 0 ? void 0 : options.schema) || []), false).filter(Boolean);
 };

package/esm/renderer/style-control/transformation.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/renderer/textarea-formula/FormulaPicker.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/renderer/textarea-formula/TextareaFormulaControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/renderer/textarea-formula/plugin.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/tpl/api.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/tpl/common.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 
@@ -1489,3 +1489,16 @@ setSchemaTpl('signBtn', function (options) {
     }]
   };
 });
+setSchemaTpl('closable', {
+  type: 'ae-StatusControl',
+  label: tipedLabel('可关闭选项卡', '选项卡内优先级更高'),
+  mode: 'normal',
+  name: 'closable',
+  expressionName: 'closableOn'
+});
+setSchemaTpl('inputForbid', {
+  type: 'switch',
+  label: '禁止输入',
+  name: 'inputForbid',
+  inputClassName: 'is-inline'
+});

package/esm/tpl/horizontal.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/tpl/layout.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/tpl/options.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/tpl/remark.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/tpl/style.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 
@@ -704,6 +704,27 @@ setSchemaTpl('theme:cssCode', function () {
     }]
   };
 });
+// single css类名
+setSchemaTpl('theme:singleCssCode', function (options) {
+  var selectors = options.selectors;
+  return {
+    title: i18n("f01c3cd99ecb0c534cc47081d3433c9f"),
+    name: 'wrapperCustomStyle',
+    body: selectors === null || selectors === void 0 ? void 0 : selectors.map(function (item) {
+      var isRoot = item.isRoot,
+        selector = item.selector;
+      var _selector = isRoot ? 'root' : selector;
+      var name = "wrapperCustomStyle[".concat(_selector, "]");
+      return {
+        mode: 'default',
+        name: name,
+        type: 'ae-single-theme-cssCode',
+        label: false,
+        selector: item
+      };
+    })
+  };
+});
 // form label
 setSchemaTpl('theme:form-label', function () {
   return {
@@ -915,7 +936,7 @@ setSchemaTpl('theme:base', function (option) {
       });
     }));
   };
-  var styles = __spreadArray(__spreadArray(__spreadArray([needState && {
+  var styles = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([needState && {
     type: 'select',
     mode: 'horizontal',
     labelAlign: 'left',
@@ -932,10 +953,16 @@ setSchemaTpl('theme:base', function (option) {
     }, {
       label: i18n("4363c17ebb346b646af55bd8c8075915"),
       value: 'active'
+    }, {
+      label: '选中',
+      value: 'focused'
+    }, {
+      label: i18n("710ad08b11419332713360d2750cd707"),
+      value: 'disabled'
     }].filter(function (item) {
       return state.includes(item.value);
     })
-  }], __read(styleStateFunc("${__editorState".concat(classId, " == 'default' || !__editorState").concat(classId, "}"), 'default')), false), __read(styleStateFunc("${__editorState".concat(classId, " == 'hover'}"), 'hover')), false), __read(styleStateFunc("${__editorState".concat(classId, " == 'active'}"), 'active')), false).filter(Boolean);
+  }], __read(styleStateFunc("${__editorState".concat(classId, " == 'default' || !__editorState").concat(classId, "}"), 'default')), false), __read(styleStateFunc("${__editorState".concat(classId, " == 'hover'}"), 'hover')), false), __read(styleStateFunc("${__editorState".concat(classId, " == 'active'}"), 'active')), false), __read(styleStateFunc("${__editorState".concat(classId, " == 'focused'}"), 'focused')), false), __read(styleStateFunc("${__editorState".concat(classId, " == 'disabled'}"), 'disabled')), false).filter(Boolean);
   return {
     title: title,
     collapsed: collapsed,
@@ -983,6 +1010,7 @@ setSchemaTpl('theme:common', function (option) {
     hidePaddingAndMargin: hidePaddingAndMargin
   })], __read(extra), false), [{
     title: i18n("f01c3cd99ecb0c534cc47081d3433c9f"),
+    key: 'theme-css-code',
     collapsed: curCollapsed,
     body: [{
       type: 'theme-cssCode',
@@ -1024,6 +1052,11 @@ setSchemaTpl('animation', function () {
     if (isMobile) {
       doc = document.getElementsByClassName('ae-PreviewIFrame')[0].contentDocument;
     }
+    var highlightDom = document.getElementById('aePreviewHighlightBox');
+    if (highlightDom) {
+      highlightDom.style.opacity = '0';
+      highlightDom.classList.add('ae-Preview-widgets--no-transition');
+    }
     var el = doc.querySelector("[name=\"".concat(id, "\"]"));
     id = formateId(id);
     var className = "".concat(animations[type].type, "-").concat(id, "-").concat(type);
@@ -1043,6 +1076,16 @@ setSchemaTpl('animation', function () {
     }
     timeoutId = setTimeout(function () {
       el === null || el === void 0 ? void 0 : el.classList.remove(className);
+      if (highlightDom) {
+        var editorId = el === null || el === void 0 ? void 0 : el.getAttribute('data-editor-id');
+        var node = window.editorStore.getNodeById(editorId);
+        // 重新计算元素高亮框的位置
+        node.calculateHighlightBox();
+        highlightDom.style.opacity = '1';
+        setTimeout(function () {
+          highlightDom.classList.remove('ae-Preview-widgets--no-transition');
+        }, 150);
+      }
     }, ((animations[type].duration || 1) + (animations[type].delay || 0)) * 1000 + 200);
   }
   var animation = function (type, label, schema) {
@@ -1061,11 +1104,31 @@ setSchemaTpl('animation', function () {
         }
         return undefined;
       },
+      onChange: function (value, a, b, _a) {
+        var _b;
+        var data = _a.data;
+        if (value) {
+          var id = data.id;
+          var animationType = 'fadeIn';
+          if ('children' in animationOptions[type][0]) {
+            // @ts-ignore
+            animationType = animationOptions[type][0].children[0].value;
+          } else {
+            // @ts-ignore
+            animationType = animationOptions[type][0].value;
+          }
+          playAnimation((_b = {}, _b[type] = {
+            delay: 0,
+            duration: 1,
+            type: animationType
+          }, _b), id, type);
+        }
+      },
       label: label
     }, {
       type: 'container',
       className: 'm-b ae-ExtendMore',
-      visibleOn: "animations.".concat(type),
+      visibleOn: "${animations && animations.".concat(type, "}"),
       body: __spreadArray([{
         type: 'select',
         name: "animations.".concat(type, ".type"),
@@ -1124,7 +1187,7 @@ setSchemaTpl('animation', function () {
       }], __read(schema), false)
     }, {
       type: 'button',
-      visibleOn: "animations.".concat(type),
+      visibleOn: "${animations && animations.".concat(type, "}"),
       className: 'm-b',
       block: true,
       level: 'enhance',

package/esm/tpl/validations.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/esm/util.d.ts

@@ -147,46 +147,6 @@ export declare const OPTION_EDIT_EVENTS_OLD: (schema: any) => {
     }[];
 }[];
 export declare const TREE_BASE_EVENTS: (schema: any) => ({
-    eventName: string;
-    eventLabel: string;
-    description: string;
-    dataSchema: (manager: EditorManager) => {
-        type: string;
-        properties: {
-            data: {
-                type: string;
-                title: string;
-                properties: {
-                    item: {
-                        type: string;
-                        title: string;
-                        properties: {
-                            [x: number]: {
-                                type: string;
-                                title: string;
-                            };
-                        };
-                    };
-                    value: any;
-                    items: {
-                        type: string;
-                        title: string;
-                        items: {
-                            type: string;
-                            title: string;
-                            properties: {
-                                [x: number]: {
-                                    type: string;
-                                    title: string;
-                                };
-                            };
-                        };
-                    };
-                };
-            };
-        };
-    }[];
-} | {
     eventName: string;
     eventLabel: string;
     description: string;
@@ -220,25 +180,7 @@ export declare const TREE_BASE_EVENTS: (schema: any) => ({
                 type: string;
                 title: string;
                 properties: {
-                    result: {
-                        type: string;
-                        title: string;
-                    };
                     value: any;
-                    items: {
-                        type: string;
-                        title: string;
-                        items: {
-                            type: string;
-                            title: string;
-                            properties: {
-                                [x: number]: {
-                                    type: string;
-                                    title: string;
-                                };
-                            };
-                        };
-                    };
                 };
             };
         };

package/esm/util.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 
@@ -339,6 +339,25 @@ var TREE_BASE_EVENTS = function (schema) {
         }
       }];
     }
+  }, {
+    eventName: 'itemClick',
+    eventLabel: '节点点击',
+    description: '点击节点触发',
+    dataSchema: function (manager) {
+      var value = resolveOptionEventDataSchame(manager).value;
+      return [{
+        type: 'object',
+        properties: {
+          data: {
+            type: 'object',
+            title: i18n("0d83078816aa273f2941c9b55ec82bf3"),
+            properties: {
+              value: value
+            }
+          }
+        }
+      }];
+    }
   }], __read(OPTION_EDIT_EVENTS), false), [{
     eventName: 'deferLoadFinished',
     eventLabel: i18n("58995b490ba67e5d29dd87f422b14861"),

package/esm/validator.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/lib/builder/ApiDSBuilder.d.ts

@@ -214,16 +214,16 @@ export declare class ApiDSBuilder extends DSBuilder<ApiDSBuilderOptions<DSRender
             size: string;
             required: boolean;
             behavior: string;
-            label: string;
             name: string;
+            label: string;
         } | {
             items?: undefined;
             type: string;
             size: string;
             required: boolean;
             behavior: string;
-            label: string;
             name: string;
+            label: string;
         })[];
         actions: ({
             type: string;
@@ -274,7 +274,7 @@ export declare class ApiDSBuilder extends DSBuilder<ApiDSBuilderOptions<DSRender
         };
         behavior?: ("List" | "Insert" | "View" | "Edit" | "Delete" | "BulkEdit" | "BulkDelete" | "Import" | "Export" | "SimpleQuery" | "FuzzyQuery" | "AdvancedQuery")[] | undefined;
         type: string;
-        align: "right" | "left";
+        align: "left" | "right";
     };
     buildToolbarFlex(position: 'header' | 'footer', left: GenericSchema[], right: GenericSchema[]): {
         type: string;
@@ -300,7 +300,7 @@ export declare class ApiDSBuilder extends DSBuilder<ApiDSBuilderOptions<DSRender
             };
             behavior?: ("List" | "Insert" | "View" | "Edit" | "Delete" | "BulkEdit" | "BulkDelete" | "Import" | "Export" | "SimpleQuery" | "FuzzyQuery" | "AdvancedQuery")[] | undefined;
             type: string;
-            align: "right" | "left";
+            align: "left" | "right";
         }[];
     }[];
     buildHeaderToolbar(options: ApiDSBuilderOptions<'crud'>, componentId?: string): Promise<{
@@ -327,7 +327,7 @@ export declare class ApiDSBuilder extends DSBuilder<ApiDSBuilderOptions<DSRender
             };
             behavior?: ("List" | "Insert" | "View" | "Edit" | "Delete" | "BulkEdit" | "BulkDelete" | "Import" | "Export" | "SimpleQuery" | "FuzzyQuery" | "AdvancedQuery")[] | undefined;
             type: string;
-            align: "right" | "left";
+            align: "left" | "right";
         }[];
     }[]>;
     buildFooterToolbar(options: ApiDSBuilderOptions<'crud'>, componentId: string): {
@@ -354,7 +354,7 @@ export declare class ApiDSBuilder extends DSBuilder<ApiDSBuilderOptions<DSRender
             };
             behavior?: ("List" | "Insert" | "View" | "Edit" | "Delete" | "BulkEdit" | "BulkDelete" | "Import" | "Export" | "SimpleQuery" | "FuzzyQuery" | "AdvancedQuery")[] | undefined;
             type: string;
-            align: "right" | "left";
+            align: "left" | "right";
         }[];
     }[];
     guessFormScaffoldConfig<FormScaffoldConfig>(options: {
@@ -390,7 +390,7 @@ export declare class ApiDSBuilder extends DSBuilder<ApiDSBuilderOptions<DSRender
                 };
                 behavior?: ("List" | "Insert" | "View" | "Edit" | "Delete" | "BulkEdit" | "BulkDelete" | "Import" | "Export" | "SimpleQuery" | "FuzzyQuery" | "AdvancedQuery")[] | undefined;
                 type: string;
-                align: "right" | "left";
+                align: "left" | "right";
             }[];
         }[];
         footerToolbar: {
@@ -417,7 +417,7 @@ export declare class ApiDSBuilder extends DSBuilder<ApiDSBuilderOptions<DSRender
                 };
                 behavior?: ("List" | "Insert" | "View" | "Edit" | "Delete" | "BulkEdit" | "BulkDelete" | "Import" | "Export" | "SimpleQuery" | "FuzzyQuery" | "AdvancedQuery")[] | undefined;
                 type: string;
-                align: "right" | "left";
+                align: "left" | "right";
             }[];
         }[];
         columns: ({
@@ -448,16 +448,16 @@ export declare class ApiDSBuilder extends DSBuilder<ApiDSBuilderOptions<DSRender
                 size: string;
                 required: boolean;
                 behavior: string;
-                label: string;
                 name: string;
+                label: string;
             } | {
                 items?: undefined;
                 type: string;
                 size: string;
                 required: boolean;
                 behavior: string;
-                label: string;
                 name: string;
+                label: string;
             })[];
             actions: ({
                 type: string;

package/lib/builder/ApiDSBuilder.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/lib/builder/DSBuilder.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/lib/builder/DSBuilderManager.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/lib/builder/constants.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/lib/builder/utils.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0
- * build time: 2024-11-01
+ * amis-editor v6.10.0-beta.0
+ * build time: 2024-11-25
  * Copyright 2018-2024 @fex
  */
 

package/lib/component/BaseControl.d.ts

@@ -104,7 +104,7 @@ export declare function remarkTpl(config: {
     className: string;
     label: any;
     bulk: boolean;
-    name: "labelRemark" | "remark";
+    name: "remark" | "labelRemark";
     pipeIn: (value: any) => boolean;
     pipeOut: (value: any) => any;
     form: {