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

package/lib/tpl/style.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.5
- * build time: 2024-10-16
+ * amis-editor v6.9.0-rc.7
+ * build time: 2024-10-24
  * Copyright 2018-2024 @fex
  */
 
@@ -8,13 +8,332 @@
 
 var tslib = require('tslib');
 var amisEditorCore = require('amis-editor-core');
+var amis = require('amis');
 var kebabCase = require('lodash/kebabCase');
+var amisCore = require('amis-core');
 var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var kebabCase__default = /*#__PURE__*/_interopDefaultLegacy(kebabCase);
 
+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: i18nRuntime.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: i18nRuntime.i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
+    children: [{
+      value: 'lightSpeedOutLeft',
+      label: '向左光速退出'
+    }, {
+      value: 'lightSpeedOutRight',
+      label: '向右光速退出'
+    }, {
+      value: 'rollOut',
+      label: '滚动退出'
+    }]
+  }]
+};
 amisEditorCore.setSchemaTpl('style:formItem', function (_a) {
   var renderer = _a.renderer,
     schema = _a.schema;
@@ -27,16 +346,19 @@ amisEditorCore.setSchemaTpl('style:formItem', function (_a) {
   };
 });
 amisEditorCore.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: i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85"),
     key: 'formItem',
-    body: [amisEditorCore.getSchemaTpl('theme:labelHide'), {
+    body: [amisEditorCore.getSchemaTpl('theme:labelHide'), !hidSize && {
       type: 'col-size',
       name: '__size',
       label: i18nRuntime.i18n("c28479019e24e0e4745f4948e9e97ee7")
-    }].concat(schema)
+    }].filter(Boolean).concat(schema)
   };
 });
 amisEditorCore.setSchemaTpl('style:classNames', function (config) {
@@ -668,7 +990,7 @@ amisEditorCore.setSchemaTpl('theme:common', function (option) {
       type: 'theme-cssCode',
       label: false
     }]
-  }], false).filter(function (item) {
+  }, amisEditorCore.getSchemaTpl('animation')], false).filter(function (item) {
     return !~exclude.indexOf(item.key || '');
   });
 });
@@ -696,3 +1018,104 @@ amisEditorCore.setSchemaTpl('theme:icon', function (option) {
     })]
   };
 });
+amisEditorCore.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: tslib.__spreadArray([{
+        type: 'select',
+        name: "animations.".concat(type, ".type"),
+        selectMode: 'group',
+        options: animationOptions[type],
+        label: i18nRuntime.i18n("226b0912184333c81babf2f1894ec0c1"),
+        selectFirst: true
+      }, {
+        type: 'input-number',
+        name: "animations.".concat(type, ".duration"),
+        label: '持续',
+        value: 1,
+        suffix: '秒',
+        min: 0,
+        precision: 3
+      }], tslib.__read(schema), false)
+    }, {
+      type: 'button',
+      visibleOn: "animations.".concat(type),
+      className: 'm-b',
+      block: true,
+      level: 'enhance',
+      size: 'sm',
+      label: i18nRuntime.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 = amis.formateId(id);
+        var className = "".concat(animations[type].type, "-").concat(id, "-").concat(type);
+        el === null || el === void 0 ? void 0 : el.classList.add(className);
+        amis.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 = amisCore.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: i18nRuntime.i18n("b599979e9a40823363451aeaadc0723f"),
+    body: tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(animation('enter', '进入动画')), false), tslib.__read(animation('attention', '强调动画', [{
+      label: '重复',
+      type: 'select',
+      name: 'animations.attention.repeat',
+      value: 'infinite',
+      options: tslib.__spreadArray(tslib.__spreadArray([], tslib.__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), tslib.__read(animation('exit', '退出动画')), false)
+  };
+});

package/lib/tpl/validations.js

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

package/lib/util.js

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

package/lib/validator.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis-editor",
-  "version": "6.9.0-rc.5",
+  "version": "6.9.0-rc.7",
   "description": "amis 可视化编辑器",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -41,7 +41,7 @@
   ],
   "dependencies": {
     "@webcomponents/webcomponentsjs": "^2.6.0",
-    "amis-editor-core": "^6.9.0-rc.5",
+    "amis-editor-core": "^6.9.0-rc.7",
     "amis-postcss": "1.0.0",
     "amis-theme-editor-helper": "*",
     "i18n-runtime": "*",