amis-editor 6.9.0-rc.1 → 6.9.0-rc.11

package/esm/tpl/style.js

@@ -1,14 +1,333 @@
 /**
- * amis-editor v6.9.0-rc.1
- * build time: 2024-09-23
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * 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) {
@@ -382,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 {
@@ -593,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',
@@ -610,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,
@@ -657,12 +1006,13 @@ setSchemaTpl('theme:common', function (option) {
     hidePaddingAndMargin: hidePaddingAndMargin
   })], __read(extra), false), [{
     title: i18n("f01c3cd99ecb0c534cc47081d3433c9f"),
+    key: 'theme-css-code',
     collapsed: curCollapsed,
     body: [{
       type: 'theme-cssCode',
       label: false
     }]
-  }], false).filter(function (item) {
+  }, getSchemaTpl('animation')], false).filter(function (item) {
     return !~exclude.indexOf(item.key || '');
   });
 });
@@ -690,4 +1040,144 @@ setSchemaTpl('theme:icon', function (option) {
     })]
   };
 });
-window.amisEditorVersionInfo={version:'6.9.0-rc.1',buildTime:'2024-09-23'};
+setSchemaTpl('animation', function () {
+  var timeoutId = null;
+  function playAnimation(animations, id, type) {
+    var doc = document;
+    var isMobile = window.editorStore.isMobile;
+    if (isMobile) {
+      doc = document.getElementsByClassName('ae-PreviewIFrame')[0].contentDocument;
+    }
+    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;
+    }
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(function () {
+      el === null || el === void 0 ? void 0 : el.classList.remove(className);
+    }, ((animations[type].duration || 1) + (animations[type].delay || 0)) * 1000 + 200);
+  }
+  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,
+        onChange: function (value, oldValue, obj, _a) {
+          var _b;
+          var data = _a.data;
+          var animations = data.animations,
+            id = data.id;
+          if (oldValue !== undefined) {
+            playAnimation(__assign(__assign({}, animations), (_b = {}, _b[type] = __assign(__assign({}, animations[type]), {
+              type: value
+            }), _b)), id, type);
+          }
+        }
+      }, {
+        type: 'input-number',
+        name: "animations.".concat(type, ".duration"),
+        label: '持续',
+        value: 1,
+        suffix: '秒',
+        min: 0,
+        precision: 3,
+        onChange: function (value, oldValue, obj, _a) {
+          var _b;
+          var data = _a.data;
+          var animations = data.animations,
+            id = data.id;
+          if (oldValue !== undefined) {
+            playAnimation(__assign(__assign({}, animations), (_b = {}, _b[type] = __assign(__assign({}, animations[type]), {
+              duration: value
+            }), _b)), id, type);
+          }
+        }
+      }, {
+        label: '延迟',
+        type: 'input-number',
+        name: "animations.".concat(type, ".delay"),
+        value: 0,
+        suffix: '秒',
+        precision: 3,
+        onChange: function (value, oldValue, obj, _a) {
+          var _b;
+          var data = _a.data;
+          var animations = data.animations,
+            id = data.id;
+          if (oldValue !== undefined) {
+            playAnimation(__assign(__assign({}, animations), (_b = {}, _b[type] = __assign(__assign({}, animations[type]), {
+              delay: value
+            }), _b)), id, type);
+          }
+        }
+      }], __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 animations = data.animations,
+          id = data.id;
+        playAnimation(animations, id, type);
+      }
+    }];
+  };
+  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)
+    }])), false), __read(animation('exit', '退出动画')), false)
+  };
+});

package/esm/tpl/validations.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.1
- * build time: 2024-09-23
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 
@@ -495,4 +495,3 @@ setSchemaTpl('validationControl', function (value) {
     value: value
   };
 });
-window.amisEditorVersionInfo={version:'6.9.0-rc.1',buildTime:'2024-09-23'};

package/esm/util.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.1
- * build time: 2024-09-23
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 
@@ -441,4 +441,3 @@ var getOwnValue = function (obj, key) {
 };
 
 export { OPTION_EDIT_EVENTS, OPTION_EDIT_EVENTS_OLD, TREE_BASE_EVENTS, _isModelComp, escapeFormula, getOwnValue, isAuto, resolveArrayDatasource, resolveInputTableEventDataSchame, resolveOptionEventDataSchame, resolveOptionType, schemaArrayFormat, schemaToArray };
-window.amisEditorVersionInfo={version:'6.9.0-rc.1',buildTime:'2024-09-23'};

package/esm/validator.d.ts

@@ -1,3 +1,4 @@
+import './locale/index';
 /**
  * 校验规则类名
  */

package/esm/validator.js

@@ -1,10 +1,12 @@
 /**
- * amis-editor v6.9.0-rc.1
- * build time: 2024-09-23
+ * amis-editor v6.9.0-rc.11
+ * build time: 2024-11-19
  * Copyright 2018-2024 @fex
  */
 
 import { __spreadArray, __read } from 'tslib';
+import './locale/en-US.js';
+import './locale/zh-CN.js';
 import { i18n } from 'i18n-runtime';
 
 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
@@ -323,4 +325,3 @@ registerValidator.apply(void 0, __spreadArray([{
 })), false));
 
 export { ValidationGroup, ValidatorTag, getValidator, getValidatorsByTag, registerValidator, removeAllValidator };
-window.amisEditorVersionInfo={version:'6.9.0-rc.1',buildTime:'2024-09-23'};