amis-editor 6.9.0-rc.8 → 6.9.0

package/lib/tpl/style.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.8
- * build time: 2024-10-25
+ * amis-editor v6.9.0
+ * build time: 2024-11-01
  * Copyright 2018-2024 @fex
  */
 
@@ -881,24 +881,24 @@ amisEditorCore.setSchemaTpl('theme:base', function (option) {
   var styleStateFunc = function (visibleOn, state) {
     return [!hideBorder && amisEditorCore.getSchemaTpl('theme:border', {
       visibleOn: visibleOn,
-      name: "themeCss.".concat(classname, ".border:").concat(state),
+      name: "themeCss.".concat(classname, ".border").concat(needState ? ':' + state : ''),
       state: state,
       editorValueToken: editorValueToken
     }), !hideRadius && amisEditorCore.getSchemaTpl('theme:radius', {
       visibleOn: visibleOn,
-      name: "themeCss.".concat(classname, ".radius:").concat(state),
+      name: "themeCss.".concat(classname, ".radius").concat(needState ? ':' + state : ''),
       state: state,
       editorValueToken: editorValueToken
     }), !hidePaddingAndMargin && amisEditorCore.getSchemaTpl('theme:paddingAndMargin', {
       visibleOn: visibleOn,
-      name: "themeCss.".concat(classname, ".padding-and-margin:").concat(state),
+      name: "themeCss.".concat(classname, ".padding-and-margin").concat(needState ? ':' + state : ''),
       hideMargin: hideMargin,
       hidePadding: hidePadding,
       state: state,
       editorValueToken: editorValueToken
     }), !hideBackground && amisEditorCore.getSchemaTpl('theme:colorPicker', {
       visibleOn: visibleOn,
-      name: "themeCss.".concat(classname, ".background:").concat(state),
+      name: "themeCss.".concat(classname, ".background").concat(needState ? ':' + state : ''),
       label: i18nRuntime.i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
       needCustom: true,
       needGradient: true,
@@ -908,7 +908,7 @@ amisEditorCore.setSchemaTpl('theme:base', function (option) {
       editorValueToken: editorValueToken ? "".concat(editorValueToken, "-${__editorState").concat(classId, " || 'default'}-bg-color") : undefined
     }), !hideShadow && amisEditorCore.getSchemaTpl('theme:shadow', {
       visibleOn: visibleOn,
-      name: "themeCss.".concat(classname, ".boxShadow:").concat(state),
+      name: "themeCss.".concat(classname, ".boxShadow").concat(needState ? ':' + state : ''),
       state: state,
       editorValueToken: editorValueToken
     })].filter(function (item) {
@@ -916,7 +916,7 @@ amisEditorCore.setSchemaTpl('theme:base', function (option) {
     }).concat(extra.map(function (item) {
       return tslib.__assign(tslib.__assign({}, item), {
         visibleOn: visibleOn,
-        name: "".concat(item.name, ":").concat(state),
+        name: "".concat(item.name).concat(needState ? ':' + state : ''),
         state: state
       });
     }));
@@ -960,7 +960,10 @@ amisEditorCore.setSchemaTpl('theme:common', function (option) {
     layoutExtra = _a.layoutExtra,
     classname = _a.classname,
     baseTitle = _a.baseTitle,
-    hidePaddingAndMargin = _a.hidePaddingAndMargin;
+    hidePaddingAndMargin = _a.hidePaddingAndMargin,
+    hideAnimation = _a.hideAnimation,
+    _c = _a.needState,
+    needState = _c === void 0 ? true : _c;
   var curCollapsed = collapsed !== null && collapsed !== void 0 ? collapsed : false; // 默认都展开
   // key统一转换成Kebab case，eg: boxShadow => bos-shadow
   exclude = (exclude ? Array.isArray(exclude) ? exclude : [exclude] : []).map(function (key) {
@@ -982,6 +985,7 @@ amisEditorCore.setSchemaTpl('theme:common', function (option) {
     extra: baseExtra,
     classname: classname,
     title: baseTitle,
+    needState: needState,
     hidePaddingAndMargin: hidePaddingAndMargin
   })], tslib.__read(extra), false), [{
     title: i18nRuntime.i18n("f01c3cd99ecb0c534cc47081d3433c9f"),
@@ -990,7 +994,7 @@ amisEditorCore.setSchemaTpl('theme:common', function (option) {
       type: 'theme-cssCode',
       label: false
     }]
-  }, amisEditorCore.getSchemaTpl('animation')], false).filter(function (item) {
+  }, !hideAnimation && amisEditorCore.getSchemaTpl('animation')], false).filter(function (item) {
     return !~exclude.indexOf(item.key || '');
   });
 });
@@ -1019,6 +1023,34 @@ amisEditorCore.setSchemaTpl('theme:icon', function (option) {
   };
 });
 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 = [];
@@ -1046,7 +1078,18 @@ amisEditorCore.setSchemaTpl('animation', function () {
         selectMode: 'group',
         options: animationOptions[type],
         label: i18nRuntime.i18n("226b0912184333c81babf2f1894ec0c1"),
-        selectFirst: true
+        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"),
@@ -1054,7 +1097,36 @@ amisEditorCore.setSchemaTpl('animation', function () {
         value: 1,
         suffix: '秒',
         min: 0,
-        precision: 3
+        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',
@@ -1066,30 +1138,9 @@ amisEditorCore.setSchemaTpl('animation', function () {
       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);
+        var animations = data.animations,
+          id = data.id;
+        playAnimation(animations, id, type);
       }
     }];
   };
@@ -1109,13 +1160,6 @@ amisEditorCore.setSchemaTpl('animation', function () {
         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.8
- * build time: 2024-10-25
+ * amis-editor v6.9.0
+ * build time: 2024-11-01
  * Copyright 2018-2024 @fex
  */
 

package/lib/util.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.8
- * build time: 2024-10-25
+ * amis-editor v6.9.0
+ * build time: 2024-11-01
  * Copyright 2018-2024 @fex
  */
 

package/lib/validator.js

@@ -1,6 +1,6 @@
 /**
- * amis-editor v6.9.0-rc.8
- * build time: 2024-10-25
+ * amis-editor v6.9.0
+ * build time: 2024-11-01
  * Copyright 2018-2024 @fex
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis-editor",
-  "version": "6.9.0-rc.8",
+  "version": "6.9.0",
   "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 && cross-env NODE_ENV=production rollup -c ",
-    "build-esm": "npm run clean-dist && cross-env NODE_ENV=production rollup -c rollup.esm.config.js",
+    "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",
     "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.8",
+    "amis-editor-core": "^6.9.0",
     "amis-postcss": "1.0.0",
     "amis-theme-editor-helper": "*",
     "i18n-runtime": "*",
@@ -73,7 +73,6 @@
     "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",