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

package/lib/tpl/style.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
  */
 
@@ -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) {
@@ -388,6 +710,27 @@ amisEditorCore.setSchemaTpl('theme:cssCode', function () {
     }]
   };
 });
+// single css类名
+amisEditorCore.setSchemaTpl('theme:singleCssCode', function (options) {
+  var selectors = options.selectors;
+  return {
+    title: i18nRuntime.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
 amisEditorCore.setSchemaTpl('theme:form-label', function () {
   return {
@@ -599,7 +942,7 @@ amisEditorCore.setSchemaTpl('theme:base', function (option) {
       });
     }));
   };
-  var styles = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([needState && {
+  var styles = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([needState && {
     type: 'select',
     mode: 'horizontal',
     labelAlign: 'left',
@@ -616,10 +959,16 @@ amisEditorCore.setSchemaTpl('theme:base', function (option) {
     }, {
       label: i18nRuntime.i18n("4363c17ebb346b646af55bd8c8075915"),
       value: 'active'
+    }, {
+      label: '选中',
+      value: 'focused'
+    }, {
+      label: i18nRuntime.i18n("710ad08b11419332713360d2750cd707"),
+      value: 'disabled'
     }].filter(function (item) {
       return state.includes(item.value);
     })
-  }], tslib.__read(styleStateFunc("${__editorState".concat(classId, " == 'default' || !__editorState").concat(classId, "}"), 'default')), false), tslib.__read(styleStateFunc("${__editorState".concat(classId, " == 'hover'}"), 'hover')), false), tslib.__read(styleStateFunc("${__editorState".concat(classId, " == 'active'}"), 'active')), false).filter(Boolean);
+  }], tslib.__read(styleStateFunc("${__editorState".concat(classId, " == 'default' || !__editorState").concat(classId, "}"), 'default')), false), tslib.__read(styleStateFunc("${__editorState".concat(classId, " == 'hover'}"), 'hover')), false), tslib.__read(styleStateFunc("${__editorState".concat(classId, " == 'active'}"), 'active')), false), tslib.__read(styleStateFunc("${__editorState".concat(classId, " == 'focused'}"), 'focused')), false), tslib.__read(styleStateFunc("${__editorState".concat(classId, " == 'disabled'}"), 'disabled')), false).filter(Boolean);
   return {
     title: title,
     collapsed: collapsed,
@@ -663,12 +1012,13 @@ amisEditorCore.setSchemaTpl('theme:common', function (option) {
     hidePaddingAndMargin: hidePaddingAndMargin
   })], tslib.__read(extra), false), [{
     title: i18nRuntime.i18n("f01c3cd99ecb0c534cc47081d3433c9f"),
+    key: 'theme-css-code',
     collapsed: curCollapsed,
     body: [{
       type: 'theme-cssCode',
       label: false
     }]
-  }], false).filter(function (item) {
+  }, amisEditorCore.getSchemaTpl('animation')], false).filter(function (item) {
     return !~exclude.indexOf(item.key || '');
   });
 });
@@ -696,4 +1046,144 @@ amisEditorCore.setSchemaTpl('theme:icon', function (option) {
     })]
   };
 });
-window.amisEditorVersionInfo={version:'6.9.0-rc.1',buildTime:'2024-09-23'};
+amisEditorCore.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 = 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;
+    }
+    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: tslib.__spreadArray([{
+        type: 'select',
+        name: "animations.".concat(type, ".type"),
+        selectMode: 'group',
+        options: animationOptions[type],
+        label: i18nRuntime.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(tslib.__assign(tslib.__assign({}, animations), (_b = {}, _b[type] = tslib.__assign(tslib.__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(tslib.__assign(tslib.__assign({}, animations), (_b = {}, _b[type] = tslib.__assign(tslib.__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(tslib.__assign(tslib.__assign({}, animations), (_b = {}, _b[type] = tslib.__assign(tslib.__assign({}, animations[type]), {
+              delay: value
+            }), _b)), id, type);
+          }
+        }
+      }], 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 animations = data.animations,
+          id = data.id;
+        playAnimation(animations, id, type);
+      }
+    }];
+  };
+  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)
+    }])), false), tslib.__read(animation('exit', '退出动画')), false)
+  };
+});

package/lib/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
  */
 
@@ -503,4 +503,3 @@ amisEditorCore.setSchemaTpl('validationControl', function (value) {
     value: value
   };
 });
-window.amisEditorVersionInfo={version:'6.9.0-rc.1',buildTime:'2024-09-23'};

package/lib/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
  */
 
@@ -461,4 +461,3 @@ exports.resolveOptionEventDataSchame = resolveOptionEventDataSchame;
 exports.resolveOptionType = resolveOptionType;
 exports.schemaArrayFormat = schemaArrayFormat;
 exports.schemaToArray = schemaToArray;
-window.amisEditorVersionInfo={version:'6.9.0-rc.1',buildTime:'2024-09-23'};

package/lib/validator.d.ts

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

package/lib/validator.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
  */
 
@@ -9,6 +9,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
+require('./locale/en-US.js');
+require('./locale/zh-CN.js');
 var i18nRuntime = require('i18n-runtime');
 
 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
@@ -330,4 +332,3 @@ exports.getValidator = getValidator;
 exports.getValidatorsByTag = getValidatorsByTag;
 exports.registerValidator = registerValidator;
 exports.removeAllValidator = removeAllValidator;
-window.amisEditorVersionInfo={version:'6.9.0-rc.1',buildTime:'2024-09-23'};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis-editor",
-  "version": "6.9.0-rc.1",
+  "version": "6.9.0-rc.11",
   "description": "amis 可视化编辑器",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -21,8 +21,8 @@
   },
   "scripts": {
     "test": "echo \"Warnings: no test specified\"",
-    "build": "npm run clean-dist && NODE_ENV=production rollup -c ",
-    "build-esm": "npm run clean-dist && NODE_ENV=production rollup -c rollup.esm.config.js",
+    "build": "npm run clean-dist && cross-env NODE_ENV=production rollup -c ",
+    "build-esm": "npm run clean-dist && cross-env NODE_ENV=production rollup -c rollup.esm.config.js",
     "clean-dist": "rimraf lib/** esm/**",
     "i18n:update": "npx i18n update --config=./i18nConfig.js",
     "i18n:translate": "npx i18n translate --config=./i18nConfig.js --l=en-US",
@@ -41,7 +41,7 @@
   ],
   "dependencies": {
     "@webcomponents/webcomponentsjs": "^2.6.0",
-    "amis-editor-core": "^6.9.0-rc.1",
+    "amis-editor-core": "^6.9.0-rc.11",
     "amis-postcss": "1.0.0",
     "amis-theme-editor-helper": "*",
     "i18n-runtime": "*",
@@ -73,6 +73,7 @@
     "ajv": "^8.8.2",
     "axios": "0.21.1",
     "concurrently": "^6.2.0",
+    "cross-env": "^7.0.3",
     "css-loader": "^6.2.0",
     "faker": "^5.5.3",
     "i18n-command": "^0.0.23-beta.15",