@lynx-js/web-mainthread-apis 0.19.8 → 0.19.9

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @lynx-js/web-mainthread-apis
 
+## 0.19.9
+
+### Patch Changes
+
+- Updated dependencies [[`2efecc2`](https://github.com/lynx-family/lynx-stack/commit/2efecc252c746831e7566e3c81fd7b04a45c5dbf)]:
+  - @lynx-js/web-constants@0.19.9
+
 ## 0.19.8
 
 ### Patch Changes

package/dist/createMainThreadGlobalThis.js

@@ -1,7 +1,7 @@
 // Copyright 2023 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
-import { lynxUniqueIdAttribute, systemInfo, parentComponentUniqueIdAttribute, componentIdAttribute, LynxEventNameToW3cByTagName, LynxEventNameToW3cCommon, lynxTagAttribute, W3cEventNameToLynx, cssIdAttribute, lynxDefaultDisplayLinearAttribute, __lynx_timing_flag, lynxDisposedAttribute, lynxEntryNameAttribute, ErrorCode, } from '@lynx-js/web-constants';
+import { lynxUniqueIdAttribute, systemInfo, parentComponentUniqueIdAttribute, componentIdAttribute, LynxEventNameToW3cByTagName, LynxEventNameToW3cCommon, lynxTagAttribute, W3cEventNameToLynx, cssIdAttribute, lynxDefaultDisplayLinearAttribute, __lynx_timing_flag, lynxDisposedAttribute, lynxEntryNameAttribute, ErrorCode, AnimationOperation, } from '@lynx-js/web-constants';
 import { createMainThreadLynx } from './createMainThreadLynx.js';
 import { __AddClass, __AddConfig, __AddDataset, __AddInlineStyle, __AppendElement, __ElementIsEqual, __FirstElement, __GetAttributes, __GetChildren, __GetClasses, __GetComponentID, __GetDataByKey, __GetDataset, __GetElementConfig, __GetElementUniqueID, __GetID, __GetParent, __GetTag, __GetTemplateParts, __InsertElementBefore, __LastElement, __MarkPartElement, __MarkTemplateElement, __NextElement, __RemoveElement, __ReplaceElement, __ReplaceElements, __SetClasses, __SetConfig, __SetCSSId, __SetDataset, __SetID, __SetInlineStyles, __UpdateComponentID, __UpdateComponentInfo, __GetAttributeByName, } from './pureElementPAPIs.js';
 import { createCrossThreadEvent } from './utils/createCrossThreadEvent.js';
@@ -470,6 +470,61 @@ export function createMainThreadGlobalThis(config) {
         }
         return el;
     };
+    const animationMap = new Map();
+    const mapTimingOptions = (options) => {
+        if (!options)
+            return undefined;
+        const result = {};
+        if ('duration' in options)
+            result.duration = Number(options['duration']);
+        if ('delay' in options)
+            result.delay = Number(options['delay']);
+        if ('direction' in options) {
+            result.direction = options['direction'];
+        }
+        if ('iterationCount' in options) {
+            result.iterations = options['iterationCount'] === 'infinite'
+                ? Infinity
+                : Number(options['iterationCount']);
+        }
+        if ('fillMode' in options)
+            result.fill = options['fillMode'];
+        if ('timingFunction' in options) {
+            result.easing = options['timingFunction'];
+        }
+        return result;
+    };
+    const __ElementAnimate = (element, args) => {
+        const [operation, name] = args;
+        switch (operation) {
+            case AnimationOperation.START: {
+                const keyframes = args[2];
+                const options = args[3];
+                animationMap.get(name)?.cancel();
+                const animation = element.animate(keyframes, mapTimingOptions(options));
+                animation.oncancel = animation.onfinish = () => {
+                    if (animationMap.get(name) === animation) {
+                        animationMap.delete(name);
+                    }
+                };
+                animationMap.set(name, animation);
+                break;
+            }
+            case AnimationOperation.PLAY:
+                animationMap.get(name)?.play();
+                break;
+            case AnimationOperation.PAUSE:
+                animationMap.get(name)?.pause();
+                break;
+            case AnimationOperation.CANCEL:
+                animationMap.get(name)?.cancel();
+                animationMap.delete(name);
+                break;
+            case AnimationOperation.FINISH:
+                animationMap.get(name)?.finish();
+                break;
+        }
+    };
     const __GetPageElement = () => {
         return pageElement;
     };
@@ -616,6 +671,7 @@ export function createMainThreadGlobalThis(config) {
         renderPage: undefined,
         __InvokeUIMethod,
         __QuerySelector,
+        __ElementAnimate,
     };
     Object.assign(mtsRealm.globalWindow, mtsGlobalThis);
     Object.defineProperty(mtsRealm.globalWindow, 'renderPage', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-mainthread-apis",
-  "version": "0.19.8",
+  "version": "0.19.9",
   "private": false,
   "description": "",
   "keywords": [],
@@ -28,7 +28,7 @@
   "dependencies": {
     "hyphenate-style-name": "^1.1.0",
     "wasm-feature-detect": "^1.8.0",
-    "@lynx-js/web-constants": "0.19.8"
+    "@lynx-js/web-constants": "0.19.9"
   },
   "devDependencies": {
     "binaryen": "^125.0.0",