amis-editor 6.9.0-rc.6 → 6.9.0-rc.7

package/esm/tpl/layout.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/esm/tpl/options.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/esm/tpl/remark.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/esm/tpl/style.js

@@ -1,14 +1,333 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 
 import { __spreadArray, __read, __assign } from 'tslib';
 import { setSchemaTpl, getSchemaTpl, defaultValue } from 'amis-editor-core';
+import { formateId, createAnimationStyle } from 'amis';
 import kebabCase from 'lodash/kebabCase';
+import { styleManager } from 'amis-core';
 import { i18n } from 'i18n-runtime';
 
+var animationOptions = {
+  enter: [{
+    label: '淡入',
+    children: [{
+      label: '淡入',
+      value: 'fadeIn'
+    }, {
+      value: 'fadeInDown',
+      label: '从上淡入'
+    }, {
+      value: 'fadeInDownBig',
+      label: '从上淡入(加强效果)'
+    }, {
+      value: 'fadeInLeft',
+      label: '从左淡入'
+    }, {
+      value: 'fadeInLeftBig',
+      label: '从左淡入(加强效果)'
+    }, {
+      value: 'fadeInRight',
+      label: '从右淡入'
+    }, {
+      value: 'fadeInRightBig',
+      label: '从右淡入(加强效果)'
+    }, {
+      value: 'fadeInUp',
+      label: '从下淡入'
+    }, {
+      value: 'fadeInUpBig',
+      label: '从下淡入(加强效果)'
+    }]
+  }, {
+    label: '回弹',
+    children: [{
+      value: 'backInDown',
+      label: '从上回弹进入'
+    }, {
+      value: 'backInLeft',
+      label: '从左回弹进入'
+    }, {
+      value: 'backInRight',
+      label: '从右回弹进入'
+    }, {
+      value: 'backInUp',
+      label: '从下回弹进入'
+    }]
+  }, {
+    label: '旋转',
+    children: [{
+      value: 'rotateIn',
+      label: '旋转进入'
+    }, {
+      value: 'rotateInDownLeft',
+      label: '左上角旋转进入'
+    }, {
+      value: 'rotateInDownRight',
+      label: '右上角旋转进入'
+    }, {
+      value: 'rotateInUpLeft',
+      label: '左下角旋转进入'
+    }, {
+      value: 'rotateInUpRight',
+      label: '右下角旋转进入'
+    }]
+  }, {
+    label: '滑动',
+    children: [{
+      value: 'slideInUp',
+      label: '从下滑入'
+    }, {
+      value: 'slideInDown',
+      label: '从上滑入'
+    }, {
+      value: 'slideInLeft',
+      label: '从左滑入'
+    }, {
+      value: 'slideInRight',
+      label: '从右滑入'
+    }]
+  }, {
+    label: '翻页',
+    children: [{
+      value: 'flip',
+      label: '翻页'
+    }, {
+      value: 'flipInY',
+      label: '水平翻页'
+    }, {
+      value: 'flipInX',
+      label: '垂直翻页'
+    }]
+  }, {
+    label: '弹跳',
+    children: [{
+      value: 'bounceIn',
+      label: '弹跳进入'
+    }, {
+      value: 'bounceInDown',
+      label: '从上弹跳进入'
+    }, {
+      value: 'bounceInLeft',
+      label: '从左弹跳进入'
+    }, {
+      value: 'bounceInRight',
+      label: '从右弹跳进入'
+    }, {
+      value: 'bounceInUp',
+      label: '从下弹跳进入'
+    }]
+  }, {
+    label: '缩放',
+    children: [{
+      value: 'zoomIn',
+      label: '缩放进入'
+    }, {
+      value: 'zoomInDown',
+      label: '从上缩放进入'
+    }, {
+      value: 'zoomInLeft',
+      label: '从左缩放进入'
+    }, {
+      value: 'zoomInRight',
+      label: '从右缩放进入'
+    }, {
+      value: 'zoomInUp',
+      label: '从下缩放进入'
+    }]
+  }, {
+    label: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+    children: [{
+      value: 'lightSpeedInLeft',
+      label: '从左光速进入'
+    }, {
+      value: 'lightSpeedInRight',
+      label: '从右光速进入'
+    }, {
+      value: 'rollIn',
+      label: '滚动进入'
+    }]
+  }],
+  attention: [{
+    label: '弹跳',
+    value: 'bounce'
+  }, {
+    label: '闪烁',
+    value: 'flash'
+  }, {
+    value: 'headShake',
+    label: '摇头'
+  }, {
+    value: 'heartBeat',
+    label: '心跳'
+  }, {
+    value: 'jello',
+    label: '果冻'
+  }, {
+    label: '跳动',
+    value: 'pulse'
+  }, {
+    label: '摇摆',
+    value: 'swing'
+  }, {
+    label: '震动',
+    value: 'tada'
+  }, {
+    label: '晃动',
+    value: 'wobble'
+  }, {
+    label: '抖动',
+    value: 'shake'
+  }, {
+    value: 'shakeX',
+    label: '水平抖动'
+  }, {
+    value: 'shakeY',
+    label: '垂直抖动'
+  }, {
+    value: 'rubberBand',
+    label: '橡皮筋'
+  }],
+  exit: [{
+    label: '淡出',
+    children: [{
+      label: '淡出',
+      value: 'fadeOut'
+    }, {
+      value: 'fadeOutDown',
+      label: '向下淡出'
+    }, {
+      value: 'fadeOutDownBig',
+      label: '向下淡出(加强效果)'
+    }, {
+      value: 'fadeOutLeft',
+      label: '向左淡出'
+    }, {
+      value: 'fadeOutLeftBig',
+      label: '向左淡出(加强效果)'
+    }, {
+      value: 'fadeOutRight',
+      label: '向右淡出'
+    }, {
+      value: 'fadeOutRightBig',
+      label: '向右淡出(加强效果)'
+    }, {
+      value: 'fadeOutUp',
+      label: '向上淡出'
+    }, {
+      value: 'fadeOutUpBig',
+      label: '向上淡出(加强效果)'
+    }]
+  }, {
+    label: '回弹',
+    children: [{
+      value: 'backOutDown',
+      label: '向下回弹退出'
+    }, {
+      value: 'backOutLeft',
+      label: '向左回弹退出'
+    }, {
+      value: 'backOutRight',
+      label: '向右回弹退出'
+    }, {
+      value: 'backOutUp',
+      label: '向上回弹退出'
+    }]
+  }, {
+    label: '旋转',
+    children: [{
+      value: 'rotateOut',
+      label: '旋转退出'
+    }, {
+      value: 'rotateOutDownLeft',
+      label: '左上角旋转退出'
+    }, {
+      value: 'rotateOutDownRight',
+      label: '右上角旋转退出'
+    }, {
+      value: 'rotateOutUpLeft',
+      label: '左下角旋转退出'
+    }, {
+      value: 'rotateOutUpRight',
+      label: '右下角旋转退出'
+    }]
+  }, {
+    label: '滑动',
+    children: [{
+      value: 'slideOutUp',
+      label: '向上滑入'
+    }, {
+      value: 'slideOutDown',
+      label: '向下滑入'
+    }, {
+      value: 'slideOutLeft',
+      label: '向左滑入'
+    }, {
+      value: 'slideOutRight',
+      label: '向右滑入'
+    }]
+  }, {
+    label: '翻页',
+    children: [{
+      value: 'flipOutY',
+      label: '水平翻页'
+    }, {
+      value: 'flipOutX',
+      label: '垂直翻页'
+    }]
+  }, {
+    label: '弹跳',
+    children: [{
+      value: 'bounceOut',
+      label: '弹跳退出'
+    }, {
+      value: 'bounceOutDown',
+      label: '向下弹跳退出'
+    }, {
+      value: 'bounceOutLeft',
+      label: '向左弹跳退出'
+    }, {
+      value: 'bounceOutRight',
+      label: '向右弹跳退出'
+    }, {
+      value: 'bounceOutUp',
+      label: '向上弹跳退出'
+    }]
+  }, {
+    label: '缩放',
+    children: [{
+      value: 'zoomOut',
+      label: '缩放退出'
+    }, {
+      value: 'zoomOutDown',
+      label: '向上缩放退出'
+    }, {
+      value: 'zoomOutLeft',
+      label: '向左缩放退出'
+    }, {
+      value: 'zoomOutRight',
+      label: '向右缩放退出'
+    }, {
+      value: 'zoomOutUp',
+      label: '向下缩放退出'
+    }]
+  }, {
+    label: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+    children: [{
+      value: 'lightSpeedOutLeft',
+      label: '向左光速退出'
+    }, {
+      value: 'lightSpeedOutRight',
+      label: '向右光速退出'
+    }, {
+      value: 'rollOut',
+      label: '滚动退出'
+    }]
+  }]
+};
 setSchemaTpl('style:formItem', function (_a) {
   var renderer = _a.renderer,
     schema = _a.schema;
@@ -21,16 +340,19 @@ setSchemaTpl('style:formItem', function (_a) {
   };
 });
 setSchemaTpl('theme:formItem', function (_a) {
-  var _b = _a === void 0 ? {} : _a,
-    schema = _b.schema;
+  var _b = _a === void 0 ? {
+      hidSize: false
+    } : _a,
+    schema = _b.schema,
+    hidSize = _b.hidSize;
   return {
     title: i18n("55b45c73ae417c4dead67905b1550e85"),
     key: 'formItem',
-    body: [getSchemaTpl('theme:labelHide'), {
+    body: [getSchemaTpl('theme:labelHide'), !hidSize && {
       type: 'col-size',
       name: '__size',
       label: i18n("c28479019e24e0e4745f4948e9e97ee7")
-    }].concat(schema)
+    }].filter(Boolean).concat(schema)
   };
 });
 setSchemaTpl('style:classNames', function (config) {
@@ -662,7 +984,7 @@ setSchemaTpl('theme:common', function (option) {
       type: 'theme-cssCode',
       label: false
     }]
-  }], false).filter(function (item) {
+  }, getSchemaTpl('animation')], false).filter(function (item) {
     return !~exclude.indexOf(item.key || '');
   });
 });
@@ -690,3 +1012,104 @@ setSchemaTpl('theme:icon', function (option) {
     })]
   };
 });
+setSchemaTpl('animation', function () {
+  var animation = function (type, label, schema) {
+    if (schema === void 0) {
+      schema = [];
+    }
+    return [{
+      type: 'switch',
+      name: "animations.".concat(type),
+      pipeIn: function (value) {
+        return !!value;
+      },
+      pipeOut: function (value) {
+        if (value) {
+          return {};
+        }
+        return undefined;
+      },
+      label: label
+    }, {
+      type: 'container',
+      className: 'm-b ae-ExtendMore',
+      visibleOn: "animations.".concat(type),
+      body: __spreadArray([{
+        type: 'select',
+        name: "animations.".concat(type, ".type"),
+        selectMode: 'group',
+        options: animationOptions[type],
+        label: i18n("226b0912184333c81babf2f1894ec0c1"),
+        selectFirst: true
+      }, {
+        type: 'input-number',
+        name: "animations.".concat(type, ".duration"),
+        label: '持续',
+        value: 1,
+        suffix: '秒',
+        min: 0,
+        precision: 3
+      }], __read(schema), false)
+    }, {
+      type: 'button',
+      visibleOn: "animations.".concat(type),
+      className: 'm-b',
+      block: true,
+      level: 'enhance',
+      size: 'sm',
+      label: i18n("b85270cd3c06d8eb635eadcffbb10119"),
+      onClick: function (e, _a) {
+        var data = _a.data;
+        var doc = document;
+        var isMobile = window.editorStore.isMobile;
+        if (isMobile) {
+          doc = document.getElementsByClassName('ae-PreviewIFrame')[0].contentDocument;
+        }
+        var id = data.id,
+          animations = data.animations;
+        var el = doc.querySelector("[name=\"".concat(id, "\"]"));
+        id = formateId(id);
+        var className = "".concat(animations[type].type, "-").concat(id, "-").concat(type);
+        el === null || el === void 0 ? void 0 : el.classList.add(className);
+        createAnimationStyle(id, animations);
+        if (isMobile) {
+          var style = doc.getElementById('amis-styles');
+          if (!style) {
+            style = doc.createElement('style');
+            style.id = 'amis-styles';
+            doc.head.appendChild(style);
+          }
+          style.innerHTML = styleManager.styleText;
+        }
+        setTimeout(function () {
+          el === null || el === void 0 ? void 0 : el.classList.remove(className);
+        }, ((animations[type].duration || 1) + (animations[type].delay || 0)) * 1000);
+      }
+    }];
+  };
+  return {
+    title: i18n("b599979e9a40823363451aeaadc0723f"),
+    body: __spreadArray(__spreadArray(__spreadArray([], __read(animation('enter', '进入动画')), false), __read(animation('attention', '强调动画', [{
+      label: '重复',
+      type: 'select',
+      name: 'animations.attention.repeat',
+      value: 'infinite',
+      options: __spreadArray(__spreadArray([], __read([1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function (i) {
+        return {
+          label: i,
+          value: i
+        };
+      })), false), [{
+        label: '无限',
+        value: 'infinite'
+      }], false)
+    }, {
+      label: '延迟',
+      type: 'input-number',
+      name: 'animations.attention.delay',
+      value: 0,
+      suffix: '秒',
+      precision: 3
+    }])), false), __read(animation('exit', '退出动画')), false)
+  };
+});

package/esm/tpl/validations.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/esm/util.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/esm/validator.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * 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-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/builder/DSBuilder.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/builder/DSBuilderManager.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/builder/constants.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/builder/utils.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/component/BaseControl.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 

package/lib/component/InputComponentName.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.6
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */