jsbox-cview 1.6.5 → 1.6.7

package/dist/components/enhanced-imageview.d.ts

@@ -0,0 +1,41 @@
+import { Base } from "./base";
+/**
+ * 此组件是为了加强 imageView，实现以下目的：
+ *  1. 点击实现上下翻页
+ *  2. 双指放大缩小（但不可以双击放大缩小）
+ *
+ * 请注意：此组件使用了Runtime代码重新设置了Tapped事件。
+ * 与以前使用touchesEnded事件来实现相比，可以避免在滑动手指时误触发。
+ * 但因此带来了副作用：必须在关闭前通过releaseGestureObject释放掉此视图中自定义的NSObject，
+ * 否则再次启动可能会有问题。
+ *
+ * Props:
+ *  src: string, 图片地址
+ *  maxZoomScale: number, 最大缩放倍数，默认为2
+ *
+ * Events:
+ * upperLocationTouched: (sender: EnhancedImageView) => void, 上半部分被点击
+ * lowerLocationTouched: (sender: EnhancedImageView) => void, 下半部分被点击
+ */
+export declare class EnhancedImageView extends Base<UIView, UiTypes.ViewOptions> {
+    private _props;
+    private _scroll;
+    private _gestureObject;
+    _defineView: () => UiTypes.ViewOptions;
+    constructor({ props, layout, events, }: {
+        props: {
+            src: string;
+            maxZoomScale?: number;
+        };
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events?: {
+            upperLocationTouched?: (sender: EnhancedImageView) => void;
+            lowerLocationTouched?: (sender: EnhancedImageView) => void;
+        };
+    });
+    private _addGesture;
+    releaseGestureObject(): void;
+    get src(): string;
+    set src(src: string);
+    get image(): UIImage;
+}

package/dist/components/enhanced-imageview.js

@@ -25,7 +25,7 @@ const cvid_1 = require("../utils/cvid");
 class EnhancedImageView extends base_1.Base {
     constructor({ props, layout, events = {}, }) {
         super();
-        this._props = Object.assign({ maxZoomScale: 2 }, props);
+        this._props = { maxZoomScale: 2, ...props };
         this._scroll = new single_views_1.Scroll({
             props: {
                 zoomEnabled: true,

package/dist/components/flowlayout.d.ts

@@ -0,0 +1,63 @@
+import { Base } from "./base";
+/**
+ * 流式布局：间距固定，项目高度固定但宽度不定，左对齐，自动换行，不能滚动。
+ *
+ * 注意事项:
+ * 1. 此控件默认是可变高度的，但前提是布局中必须有关于高度的约束。
+ *    如果不需要可变高度，可以设置fixedHeight为true
+ * 1. 此控件的边缘是不留白的，这和Matrix不同
+ * 2. itemWidth 如果超过总宽度，会被设定为总宽度
+ * 3. maxRows 可以控制最大行数，如果超过则会被截断
+ *
+ * ## 属性
+ * 属性的写法尽可能和Matrix的风格保持一致
+ * - items: FlowlayoutItem[] 关键参数，必须实现一个方法itemWidth(): number, 用于告知自身理想的宽度
+ * - spacing: number
+ * - itemHeight: number
+ * - maxRows?: number
+ * - fixedHeight?: boolean
+ * - menu?: UiTypes.ContextMenuOptions
+ * - bgcolor?: UIColor
+ *
+ * ## 事件
+ * - didSelect: (sender: Flowlayout, index: number, item: FlowlayoutItem) => void
+ * - didLongPress: (sender: Flowlayout, index: number, item: FlowlayoutItem) => void
+ *
+ * ## 方法
+ * - heightToWidth(width: number): height: number  根据宽度计算其应有的高度
+ * - cell(index: number): FlowlayoutItem  获取对应位置的 cview
+ * - set items(items: FlowlayoutItem[])  设置子视图
+ * - get items(): FlowlayoutItem[]  获取子视图
+ */
+export declare class Flowlayout<T extends FlowlayoutItem> extends Base<UIView, UiTypes.ViewOptions> {
+    private _width;
+    private _props;
+    private _wrappers;
+    private _events?;
+    _defineView: () => UiTypes.ViewOptions;
+    constructor({ props, layout, events, }: {
+        props: {
+            items: T[];
+            spacing: number;
+            itemHeight: number;
+            fixedRows?: number;
+            fixedHeight?: boolean;
+            menu?: UiTypes.ContextMenuOptions<UIView>;
+            bgcolor?: UIColor;
+        };
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events?: {
+            didSelect?: (sender: Flowlayout<T>, index: number, item: T) => void;
+            didLongPress?: (sender: Flowlayout<T>, index: number, item: T) => void;
+        };
+    });
+    cell(index: number): T;
+    get items(): T[];
+    set items(items: T[]);
+    _layoutWrappers(): number;
+    heightToWidth(width: number): number;
+}
+interface FlowlayoutItem extends Base<any, any> {
+    itemWidth: () => number;
+}
+export {};

package/dist/components/flowlayout.js

@@ -41,8 +41,8 @@ class Flowlayout extends base_1.Base {
         this._wrappers = props.items.map((item, index) => new WrapperView({
             item,
             menu: props.menu,
-            didSelect: events === null || events === void 0 ? void 0 : events.didSelect,
-            didLongPress: events === null || events === void 0 ? void 0 : events.didLongPress,
+            didSelect: events?.didSelect,
+            didLongPress: events?.didLongPress,
             flowlayout: this,
             index,
         }));
@@ -74,17 +74,14 @@ class Flowlayout extends base_1.Base {
     }
     set items(items) {
         this._props.items = items;
-        this._wrappers = items.map((item, index) => {
-            var _a, _b;
-            return new WrapperView({
-                item,
-                menu: this._props.menu,
-                didSelect: (_a = this._events) === null || _a === void 0 ? void 0 : _a.didSelect,
-                didLongPress: (_b = this._events) === null || _b === void 0 ? void 0 : _b.didLongPress,
-                flowlayout: this,
-                index,
-            });
-        });
+        this._wrappers = items.map((item, index) => new WrapperView({
+            item,
+            menu: this._props.menu,
+            didSelect: this._events?.didSelect,
+            didLongPress: this._events?.didLongPress,
+            flowlayout: this,
+            index,
+        }));
         this.view.views.forEach((v) => v.remove());
         this._wrappers.forEach((wrapper) => this.view.add(wrapper.definition));
         const height = this._layoutWrappers();

package/dist/components/image-pager.d.ts

@@ -0,0 +1,49 @@
+import { Base } from "./base";
+import { Matrix } from "./single-views";
+/**
+ * 图片浏览组件
+ *
+ * 与内置的Gallery组件相比，ImagePager组件可以动态刷新，
+ * 适用于图片数量较多的场景，以及需要动态加载图片列表的场景
+ *
+ */
+export declare class ImagePager extends Base<UIView, UiTypes.ViewOptions> {
+    _props: {
+        srcs: string[];
+        page: number;
+        doubleTapToZoom: boolean;
+    };
+    _matrix: Matrix;
+    _pageLoadRecorder: {
+        [key: number]: boolean;
+    };
+    _defineView: () => UiTypes.ViewOptions;
+    /**
+     *
+     * @param props
+     * - srcs: string[] - 图片地址列表
+     * - page: number - 当前页码
+     * - doubleTapToZoom: boolean - 是否双击放大，默认为true
+     * @param layout
+     * @param events
+     * - changed: (page: number) => void - 页码变化时触发
+     * - tapped: (sender: ImagePager) => void - 点击图片时触发
+     */
+    constructor({ props, layout, events, }: {
+        props: {
+            srcs?: string[];
+            page?: number;
+            doubleTapToZoom?: boolean;
+        };
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events: {
+            changed?: (page: number) => void;
+            tapped?: (sender: ImagePager) => void;
+        };
+    });
+    loadsrc(page: number, forced?: boolean): void;
+    get page(): number;
+    get currentImage(): UIImage | undefined;
+    set page(page: number);
+    scrollToPage(page: number): void;
+}

package/dist/components/image-pager.js

@@ -24,7 +24,12 @@ class ImagePager extends base_1.Base {
      */
     constructor({ props, layout, events = {}, }) {
         super();
-        this._props = Object.assign({ srcs: [], page: 0, doubleTapToZoom: true }, props);
+        this._props = {
+            srcs: [],
+            page: 0,
+            doubleTapToZoom: true,
+            ...props,
+        };
         this._pageLoadRecorder = {};
         this._matrix = new single_views_1.Matrix({
             props: {

package/dist/components/oc-webview.d.ts

@@ -0,0 +1,64 @@
+import { Base } from "./base";
+/**
+ * # OCWebView
+ *
+ * 通过OC Runtime构建的Web视图，该控件是为了解决UIWebView无法通过CloudFlare人机检测的问题
+ * （TIPS：推测JSBox的网页视图实际上运行在一个iframe中，所以会出现该问题）
+ *
+ * ## Argumnets
+ *
+ * props:
+ * - url: string
+ *
+ * layout
+ *
+ * events:
+ * - didStart?: (sender: any) => void;
+ * - didFinish?: (sender: any) => void;
+ * - didFail?: (sender: any, error: NSError | null) => void;
+ *
+ * events中sender的any类型实际为WKWebView OC类型
+ *
+ * ## Methods
+ *
+ * - url
+ * - canGoBack
+ * - canGoForward
+ * - goBack()
+ * - goForward()
+ * - stopLoading()
+ * - reload()
+ * - evaluateJavaScript(script)
+ *
+ */
+export declare class OCWebView extends Base<UIView, UiTypes.RuntimeOptions> {
+    _defineView: () => UiTypes.RuntimeOptions;
+    webView: any;
+    private _originUrl;
+    constructor({ props, layout, events, }: {
+        props: {
+            url: string;
+        };
+        events: {
+            didStart?: (sender: any) => void;
+            didFinish?: (sender: any) => void;
+            didFail?: (sender: any, error: NSError | null) => void;
+        };
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+    });
+    get url(): string;
+    set url(urlStr: string);
+    get title(): string;
+    get canGoBack(): boolean;
+    get canGoForward(): boolean;
+    goBack(): void;
+    goForward(): void;
+    stopLoading(): void;
+    reload(): void;
+    reloadFromOrigin(): void;
+    exec<T = any>(script: string): Promise<T>;
+    eval({ script, handler }: {
+        script: string;
+        handler: (result: any, error?: NSError) => void;
+    }): void;
+}

package/dist/components/oc-webview.js

@@ -42,6 +42,7 @@ class OCWebView extends base_1.Base {
         config.invoke("setWebsiteDataStore:", $objc("WKWebsiteDataStore").invoke("defaultDataStore"));
         const webView = $objc("WKWebView").invoke("alloc.initWithFrame:configuration:", $rect(0, 0, 0, 0), config);
         this.webView = webView;
+        this._originUrl = props.url;
         this._defineView = () => {
             return {
                 type: "runtime",
@@ -85,6 +86,11 @@ class OCWebView extends base_1.Base {
         const nsurl = this.webView.invoke("URL");
         return nsurl ? nsurl.invoke("absoluteString").rawValue() : "";
     }
+    set url(urlStr) {
+        const url = $objc("NSURL").invoke("URLWithString:", urlStr);
+        const req = $objc("NSURLRequest").invoke("requestWithURL:", url);
+        this.webView.invoke("loadRequest:", req);
+    }
     get title() {
         const title = this.webView.invoke("title");
         return title ? title.rawValue() : "";
@@ -109,7 +115,10 @@ class OCWebView extends base_1.Base {
     reload() {
         this.webView.invoke("reload");
     }
-    evaluateJavaScript(script) {
+    reloadFromOrigin() {
+        this.url = this._originUrl;
+    }
+    exec(script) {
         return new Promise((resolve, reject) => {
             this.webView.invoke("evaluateJavaScript:completionHandler:", script, $block("void, id, NSError *", (result, error) => {
                 const jsError = error ? error.jsValue() : null;
@@ -125,13 +134,12 @@ class OCWebView extends base_1.Base {
                     resolve(result.jsValue());
                     return;
                 }
-                if (typeof result.rawValue === "function") {
-                    resolve(result.rawValue());
-                    return;
-                }
                 resolve(result);
             }));
         });
     }
+    eval({ script, handler }) {
+        this.exec(script).then((result) => handler(result), (error) => handler(undefined, error));
+    }
 }
 exports.OCWebView = OCWebView;

package/dist/components/page-control.d.ts

@@ -0,0 +1,45 @@
+import { Runtime } from "./single-views";
+/**
+ *
+ * 基于 Runtime 构建 PageControl
+ *
+ * 请注意本视图如果没有足够的横向宽度，会显示不全
+ *
+ * @property currentPage: number
+ *
+ */
+export declare class PageControl extends Runtime {
+    private _numberOfPages;
+    private _currentPage;
+    private _pageIndicatorTintColor?;
+    private _currentPageIndicatorTintColor?;
+    private _changed?;
+    private _pageControl;
+    /**
+     *
+     * @param props 属性
+     * - numberOfPages: 页面数量
+     * - currentPage: 当前页面
+     * - pageIndicatorTintColor?: 页面指示器颜色
+     * - currentPageIndicatorTintColor?: 当前页面指示器颜色
+     * @param layout 布局
+     * @param events 事件
+     * - changed: (sender: PageControl, currentPage: number) => void
+     *
+     */
+    constructor({ props, layout, events, }: {
+        props: {
+            numberOfPages?: number;
+            currentPage?: number;
+            pageIndicatorTintColor?: UIColor;
+            currentPageIndicatorTintColor?: UIColor;
+        };
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events?: {
+            changed?: (sender: PageControl, currentPage: number) => void;
+        };
+    });
+    _createPageControl(): any;
+    get currentPage(): number;
+    set currentPage(num: number);
+}

package/dist/components/page-control.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageControl = void 0;
 const single_views_1 = require("./single-views");
@@ -36,8 +25,8 @@ class PageControl extends single_views_1.Runtime {
      *
      */
     constructor({ props, layout, events = {}, }) {
-        const { numberOfPages = 3, currentPage = 0, pageIndicatorTintColor, currentPageIndicatorTintColor } = props, restProps = __rest(props, ["numberOfPages", "currentPage", "pageIndicatorTintColor", "currentPageIndicatorTintColor"]);
-        const { changed } = events, restEvents = __rest(events, ["changed"]);
+        const { numberOfPages = 3, currentPage = 0, pageIndicatorTintColor, currentPageIndicatorTintColor, ...restProps } = props;
+        const { changed, ...restEvents } = events;
         super({ props: restProps, layout, events: restEvents });
         this._numberOfPages = numberOfPages;
         this._currentPage = currentPage;

package/dist/components/pageviewer-titlebar.d.ts

@@ -0,0 +1,48 @@
+import { Base } from "./base";
+import { ContentView, Label, Stack } from "./single-views";
+interface PageViewerTitleBarProps {
+    items: string[];
+    index?: number;
+    selectedItemColor?: UIColor;
+    defaultItemColor?: UIColor;
+}
+interface PageViewerTitleBarEvents extends UiTypes.BaseViewEvents {
+    changed?: (cview: PageViewerTitleBar, index: number) => void;
+}
+/**
+ * [PageViewer](./pageviewer.ts)配套的标题栏
+ * @property index: number
+ */
+export declare class PageViewerTitleBar extends Base<UIView, UiTypes.ViewOptions> {
+    private _props;
+    private _floatedIndex;
+    private _lineStartLocationPercentage;
+    labels: Label[];
+    stack: Stack;
+    placeholderView: ContentView;
+    line: ContentView;
+    _defineView: () => UiTypes.ViewOptions;
+    /**
+     *
+     * @param props 属性
+     * - items: string[]
+     * - index: number
+     * - selectedItemColor
+     * - defaultItemColor
+     * @param layout 布局
+     * @param events 事件
+     * - changed: (cview, index) => void 在点击变更 index 的时候回调
+     */
+    constructor({ props, layout, events, }: {
+        props: PageViewerTitleBarProps;
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events: PageViewerTitleBarEvents;
+    });
+    get lineStartLocationPercentage(): number;
+    set lineStartLocationPercentage(percent: number);
+    get floatedIndex(): number;
+    set floatedIndex(floatedIndex: number);
+    get index(): number;
+    set index(index: number);
+}
+export {};

package/dist/components/pageviewer-titlebar.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageViewerTitleBar = void 0;
 const base_1 = require("./base");
@@ -38,8 +27,13 @@ class PageViewerTitleBar extends base_1.Base {
      */
     constructor({ props, layout, events = {}, }) {
         super();
-        this._props = Object.assign({ index: 0, selectedItemColor: $color("systemLink"), defaultItemColor: $color("secondaryText") }, props);
-        const { changed } = events, restEvents = __rest(events, ["changed"]);
+        this._props = {
+            index: 0,
+            selectedItemColor: $color("systemLink"),
+            defaultItemColor: $color("secondaryText"),
+            ...props,
+        };
+        const { changed, ...restEvents } = events;
         this._floatedIndex = this._props.index;
         this._lineStartLocationPercentage = this._floatedIndex / this._props.items.length;
         this.labels = this._props.items.map((n, i) => {

package/dist/components/pageviewer.d.ts

@@ -0,0 +1,41 @@
+import { Base } from "./base";
+import { Scroll } from "./single-views";
+/**
+ * 与JSBox内置的Gallery功能类似，但是效果更好，可以伴随翻页实现联动效果
+ * 参见[pageviewer-titlebar.ts](./pageviewer-titlebar.ts)
+ *
+ * @property page: number 当前页码（无动画效果）
+ * @method scrollToPage(page: number) 滚动到某一页（带有动画效果）
+ */
+export declare class PageViewer extends Base<UIView, UiTypes.ViewOptions> {
+    private _props;
+    private _events;
+    private _pageWidth;
+    private _floatPage;
+    scroll: Scroll;
+    _defineView: () => UiTypes.ViewOptions;
+    /**
+     *
+     * @param props 属性
+     * - page: number
+     * - cviews: Base<any, any>[]
+     * @param layout 布局
+     * @param events 事件
+     * - changed: (cview, page) => void 页面改变时回调
+     * - floatPageChanged: (cview, floatPage) => void 滚动时回调（用于绑定其他联合滚动的控件）
+     */
+    constructor({ props, layout, events, }: {
+        props: {
+            page?: number;
+            cviews: Base<any, any>[];
+        };
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events: {
+            changed?: (cview: PageViewer, page: number) => void;
+            floatPageChanged?: (cview: PageViewer, floatPage: number) => void;
+        };
+    });
+    get page(): number;
+    set page(page: number);
+    scrollToPage(page: number): void;
+}

package/dist/components/pageviewer.js

@@ -23,7 +23,10 @@ class PageViewer extends base_1.Base {
      */
     constructor({ props, layout, events = {}, }) {
         super();
-        this._props = Object.assign({ page: 0 }, props);
+        this._props = {
+            page: 0,
+            ...props,
+        };
         this._events = events;
         this._pageWidth = 0;
         this._floatPage = this._props.page;

package/dist/components/refresh-button.d.ts

@@ -0,0 +1,25 @@
+import { Base } from "./base";
+/**
+ * 创建一个刷新按钮，平时显示一个刷新的symbol，刷新时显示一个loading的symbol
+ * props:
+ *   - tintColor
+ *   - enabled
+ *   - hidden
+ * events:
+ *   - tapped
+ */
+export declare class RefreshButton extends Base<UIButtonView, UiTypes.ButtonOptions> {
+    _defineView: () => UiTypes.ButtonOptions;
+    _loading: boolean;
+    constructor({ props, layout, events, }: {
+        props?: {
+            tintColor?: UIColor;
+            enabled?: boolean;
+            hidden?: boolean;
+        };
+        layout?: (make: MASConstraintMaker, view: UIButtonView) => void;
+        events?: UiTypes.BaseViewEvents<UIButtonView>;
+    });
+    get loading(): boolean;
+    set loading(value: boolean);
+}

package/dist/components/refresh-button.js

@@ -17,14 +17,13 @@ class RefreshButton extends base_1.Base {
         this._loading = false;
         this._layout = layout;
         this._defineView = () => {
-            var _a, _b, _c;
             return {
                 type: "button",
                 props: {
                     id: this.id,
                     bgcolor: $color("clear"),
-                    enabled: (_a = props === null || props === void 0 ? void 0 : props.enabled) !== null && _a !== void 0 ? _a : true,
-                    hidden: (_b = props === null || props === void 0 ? void 0 : props.hidden) !== null && _b !== void 0 ? _b : false,
+                    enabled: props?.enabled ?? true,
+                    hidden: props?.hidden ?? false,
                 },
                 layout: this._layout,
                 events,
@@ -34,7 +33,7 @@ class RefreshButton extends base_1.Base {
                         props: {
                             id: this.id + "_image",
                             symbol: "arrow.clockwise",
-                            tintColor: (_c = props === null || props === void 0 ? void 0 : props.tintColor) !== null && _c !== void 0 ? _c : $color("primaryText"),
+                            tintColor: props?.tintColor ?? $color("primaryText"),
                             contentMode: 1,
                             hidden: this._loading,
                         },

package/dist/components/rotating-view.d.ts

@@ -0,0 +1,45 @@
+import { Base } from "./base";
+interface RotatingViewProps {
+    image?: UIImage;
+    tintColor?: UIColor;
+    contentMode?: number;
+    cview?: Base<any, any>;
+    rps?: number;
+    clockwise?: boolean;
+}
+/**
+ * 创建一个可以旋转的视图。理论上来说，这个视图的布局必须是方形的。
+ *
+ * @method startRotating() 开始旋转
+ * @method stopRotating() 结束旋转，请注意旋转是不能立即结束的，必须等到动画归位
+ */
+export declare class RotatingView extends Base<UIView, UiTypes.ViewOptions> {
+    private _props;
+    private _rotatingFlag;
+    private _innerView;
+    _defineView: () => UiTypes.ViewOptions;
+    /**
+     *
+     * @param props 属性
+     * - image: UIImage
+     * - tintColor: UIColor
+     * - contentMode = 1
+     * - cview 使用自定义的cview，如果设置上面三项将失效
+     * - rps = 0.5 每秒转多少圈
+     * - clockwise = true 是否顺时针旋转
+     * @param layout 布局
+     * @param events 事件
+     * - ready?: (cview: RotatingView) => void 默认的ready事件是自动开始旋转；也可以手动指定其他效果
+     */
+    constructor({ props, layout, events, }: {
+        props: RotatingViewProps;
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events: {
+            ready?: (cview: RotatingView) => void;
+        };
+    });
+    startRotating(): void;
+    stopRotating(): void;
+    _rotateView(view: AllUIView): void;
+}
+export {};

package/dist/components/rotating-view.js

@@ -25,7 +25,12 @@ class RotatingView extends base_1.Base {
      */
     constructor({ props, layout, events = {}, }) {
         super();
-        this._props = Object.assign({ contentMode: 1, rps: 0.5, clockwise: true }, props);
+        this._props = {
+            contentMode: 1,
+            rps: 0.5,
+            clockwise: true,
+            ...props,
+        };
         this._rotatingFlag = false;
         if (this._props.cview) {
             this._innerView = this._props.cview;
@@ -45,7 +50,10 @@ class RotatingView extends base_1.Base {
         this._defineView = () => {
             return {
                 type: "view",
-                props: Object.assign(Object.assign({}, this._props), { id: this.id }),
+                props: {
+                    ...this._props,
+                    id: this.id,
+                },
                 layout,
                 events: {
                     ready: (sender) => {