@ray-js/components 1.6.23 → 1.6.25

package/lib/Swiper/Swiper.thing.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
 import "core-js/modules/esnext.iterator.map.js";
@@ -34,10 +35,22 @@ function Swiper(props) {
     style: inlineStyle(style),
     className: clsx('ray-swiper', className),
     onChange: function (event) {
-      onChange === null || onChange === void 0 || onChange(event);
+      onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, event), {}, {
+        //  FIXME: 为什么保留原始数据？这里是为了兼容原有业务已经使用该数据的情况
+        type: 'change',
+        current: event.detail.current,
+        source: event.detail.source,
+        origin: event
+      }));
     },
     onAnimationFinish: function (event) {
-      onAfterChange === null || onAfterChange === void 0 || onAfterChange(event);
+      onAfterChange === null || onAfterChange === void 0 || onAfterChange(_objectSpread(_objectSpread({}, event), {}, {
+        //  FIXME: 为什么保留原始数据？这里是为了兼容原有业务已经使用该数据的情况
+        type: 'afterChange',
+        current: event.detail.current,
+        source: event.detail.source,
+        origin: event
+      }));
     },
     current: internalCurrent
   }, propsAlias(restProps, SwiperPropsAlias)), function () {

package/lib/Swiper/Swiper.wechat.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
 import "core-js/modules/esnext.iterator.map.js";
@@ -34,10 +35,22 @@ function Swiper(props) {
     style: inlineStyle(style),
     className: clsx('ray-swiper', className),
     onChange: function (event) {
-      onChange === null || onChange === void 0 || onChange(event);
+      onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, event), {}, {
+        //  FIXME: 为什么保留原始数据？这里是为了兼容原有业务已经使用该数据的情况
+        type: 'change',
+        current: event.detail.current,
+        source: event.detail.source,
+        origin: event
+      }));
     },
     onAnimationFinish: function (event) {
-      onAfterChange === null || onAfterChange === void 0 || onAfterChange(event);
+      onAfterChange === null || onAfterChange === void 0 || onAfterChange(_objectSpread(_objectSpread({}, event), {}, {
+        //  FIXME: 为什么保留原始数据？这里是为了兼容原有业务已经使用该数据的情况
+        type: 'afterChange',
+        current: event.detail.current,
+        source: event.detail.source,
+        origin: event
+      }));
     },
     current: internalCurrent
   }, propsAlias(restProps, SwiperPropsAlias)), function () {

package/lib/Swiper/props.d.ts

@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { BaseProps } from '../types';
-import { GenericEvent as WxEvent } from '@ray-core/wechat';
+interface Target<T = Record<string, any>> {
+    offsetTop: number;
+    offsetLeft: number;
+    id: string;
+    dataset: T;
+}
 export type SwiperProps<I> = BaseProps & {
     /**
      * @description.en Whether to display panel points
@@ -58,18 +63,110 @@ export type SwiperProps<I> = BaseProps & {
     vertical?: boolean;
     /** 前边距，可用于露出前一项的一小部分 */
     /** 后边距，可用于露出后一项的一小部分 */
-    /** current 改变时会触发 change 事件 */
+    /**
+     * current 改变时会触发 change 事件
+     **/
     onChange?: (event: {
+        type: 'change';
         current: number;
         source: '' | 'autoplay' | 'touch';
-        origin?: WxEvent;
+        /**
+         * @description.en Original event object
+         * @description.zh 原始事件对象
+         * @example
+         * {
+         *     "type": "change",
+         *     "timeStamp": 5633,
+         *     "currentTarget": {
+         *         "offsetTop": 12,
+         *         "offsetLeft": 12,
+         *         "id": "",
+         *         "dataset": {
+         *             "a": "b"
+         *         }
+         *     },
+         *     "target": {
+         *         "offsetTop": 12,
+         *         "offsetLeft": 12,
+         *         "id": "",
+         *         "dataset": {
+         *             "a": "b"
+         *         }
+         *     },
+         *     "detail": {
+         *         "current": 2,
+         *         "currentItemId": "",
+         *         "source": "touch"
+         *     }
+         * }
+         */
+        origin?: {
+            type: 'change';
+            timeStamp: number;
+            currentTarget: Target;
+            target: Target;
+            detail: {
+                current: number;
+                currentItemId: string;
+                source: '' | 'autoplay' | 'touch';
+            };
+        };
         detail: {
-            value: any;
+            current: number;
+            source: '' | 'autoplay' | 'touch';
         };
     }) => void;
     /** swiper-item 的位置发生改变时会触发 transition 事件，event.detail = {dx: dx, dy: dy} 2.4.3 */
     /** 动画结束时会触发 onAfterChange 事件 */
-    onAfterChange?: (event: any) => void;
+    onAfterChange?: (event: {
+        type: 'afterChange';
+        current: number;
+        source: '' | 'autoplay' | 'touch';
+        /**
+         * @description.en Original event object
+         * @description.zh 原始事件对象
+         * @example
+         * {
+         *     "type": "animationfinish",
+         *     "timeStamp": 6144,
+         *     "currentTarget": {
+         *         "offsetTop": 12,
+         *         "offsetLeft": 12,
+         *         "id": "",
+         *         "dataset": {
+         *             "a": "b"
+         *         }
+         *     },
+         *     "target": {
+         *         "offsetTop": 12,
+         *         "offsetLeft": 12,
+         *         "id": "",
+         *         "dataset": {
+         *             "a": "b"
+         *         }
+         *     },
+         *     "detail": {
+         *         "current": 2,
+         *         "currentItemId": "",
+         *         "source": "touch"
+         *     }
+         * }
+         */
+        origin?: {
+            type: 'animationfinish';
+            timeStamp: number;
+            currentTarget: Target;
+            target: Target;
+            detail: {
+                current: number;
+                currentItemId: string;
+                source: '' | 'autoplay' | 'touch';
+            };
+        };
+        detail: {
+            value: any;
+        };
+    }) => void;
     /** 列表数据 */
     dataSource: I[];
     /** 渲染列表项目 */
@@ -81,3 +178,4 @@ export declare const SwiperPropsAlias: {
     dotColor: string;
     dots: string;
 };
+export {};

package/lib/types/index.d.ts

@@ -24,6 +24,13 @@ export interface BaseProps extends TouchEventHandler {
      * @default undefined
      */
     children?: React.ReactNode | React.ReactNode[] | string;
+    /**
+     * @description.en Mini program component slot identifier
+     * @description.zh 小程序组件插槽标识
+     * @default undefined
+     * @deprecated 该属性仅在小程序基础组件中使用, 不建议在 React DSL 中使用
+     */
+    slot?: string;
 }
 export interface HoverableProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/components",
-  "version": "1.6.23",
+  "version": "1.6.25",
   "description": "Ray basic components",
   "keywords": [
     "ray"
@@ -29,8 +29,8 @@
   "dependencies": {
     "@ray-core/macro": "^0.4.8",
     "@ray-core/wechat": "^0.4.8",
-    "@ray-js/adapter": "1.6.23",
-    "@ray-js/framework-shared": "1.6.23",
+    "@ray-js/adapter": "1.6.25",
+    "@ray-js/framework-shared": "1.6.25",
     "ahooks": "^3.8.4",
     "clsx": "^1.2.1",
     "core-js": "^3.39.0",
@@ -40,11 +40,11 @@
     "style-to-object": "^0.3.0"
   },
   "devDependencies": {
-    "@ray-js/cli": "1.6.23"
+    "@ray-js/cli": "1.6.25"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.com"
   },
-  "gitHead": "cd98eb4ba0a92a48313b16b54e598c6f506a2fad"
+  "gitHead": "a2c08384889bbc2b1812c4a37490126c18aa1803"
 }