jsbox-cview 1.6.5 → 1.6.7

package/dist/components/searchbar.d.ts

@@ -0,0 +1,118 @@
+import { Base } from "./base";
+import { Input, Label, ContentView } from "./single-views";
+interface SearchBarProps {
+    placeholder: string;
+    cancelText: string;
+    tintColor: UIColor;
+    bgcolor: UIColor;
+    style: 0 | 1 | 2;
+    accessoryCview?: Base<any, any>;
+}
+/**
+ * 搜索框
+ *
+ * 有三种样式可供选择，通过 style 属性设置
+ *
+ * @method focus() 聚焦
+ * @method blur() 失焦
+ * @property text: string 文本
+ */
+export declare class SearchBar extends Base<UIView, UiTypes.ViewOptions> {
+    _props: SearchBarProps;
+    _defineView: () => UiTypes.ViewOptions;
+    cviews: {
+        input: Input;
+        iconInput: ContentView;
+        cancelButton: Label;
+        bgview: ContentView;
+    };
+    _layouts: {
+        iconInput: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+            focused?: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+        cancelButton: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+        bgview: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+            focused?: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+    };
+    _focused: boolean;
+    /**
+     *
+     * @param props 属性
+     * - text: string
+     * - style: number 搜索框的样式
+     *   - 0: 取消按钮在输入框内，聚焦时显示取消按钮
+     *   - 1: 取消按钮在输入框右侧，聚焦时会有左右移动的动画
+     *   - 2: 取消按钮布局同 1，但是 placeholder 平时显示在中间，聚焦时才会移动到左边。
+     *        如果使用此样式，建议每次 blur 的时候都清除 text。
+     * - accessoryCview: cview 请通过下面的事件来和 SearchBar 互相操作
+     * - placeholder: string
+     * - cancelText: string
+     * - tintColor: \$color("systemLink")
+     * - bgcolor: colors.searchBarBgcolor
+     * @param layout 布局
+     * @param events 事件
+     * - didBeginEditing: cview => void
+     * - didEndEditing: cview => void
+     * - changed: cview => void
+     * - returned: cview => void
+     */
+    constructor({ props, layout, events, }: {
+        props: Partial<SearchBarProps>;
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+        events?: {
+            didBeginEditing?: (cview: SearchBar) => void;
+            didEndEditing?: (cview: SearchBar) => void;
+            changed?: (cview: SearchBar) => void;
+            returned?: (cview: SearchBar) => void;
+        };
+    });
+    _defineLayouts(cancelButtonWidth: number, placeholderWidth: number): {
+        iconInput: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+            focused: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+        cancelButton: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+        bgview: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+            focused?: undefined;
+        };
+    } | {
+        iconInput: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+            focused?: undefined;
+        };
+        cancelButton: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+        bgview: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+            focused: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+    } | {
+        iconInput: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+            focused: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+        cancelButton: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+        bgview: {
+            normal: (make: MASConstraintMaker, view: AllUIView) => void;
+            focused: (make: MASConstraintMaker, view: AllUIView) => void;
+        };
+    };
+    _onFocused(): void;
+    _onBlurred(): void;
+    focus(): void;
+    blur(): void;
+    set text(text: string);
+    get text(): string;
+}
+export {};

package/dist/components/searchbar.js

@@ -39,7 +39,14 @@ class SearchBar extends base_1.Base {
      */
     constructor({ props, layout, events = {}, }) {
         super();
-        this._props = Object.assign({ placeholder: (0, l10n_1.l10n)("SEARCH"), cancelText: (0, l10n_1.l10n)("CANCEL"), tintColor: $color("systemLink"), bgcolor: colors_1.searchBarBgcolor, style: 0 }, props);
+        this._props = {
+            placeholder: (0, l10n_1.l10n)("SEARCH"),
+            cancelText: (0, l10n_1.l10n)("CANCEL"),
+            tintColor: $color("systemLink"),
+            bgcolor: colors_1.searchBarBgcolor,
+            style: 0,
+            ...props,
+        };
         const cancelButtonWidth = (0, uitools_1.getTextWidth)(this._props.cancelText, {
             inset: 20,
         });

package/dist/components/sheet.d.ts

@@ -0,0 +1,42 @@
+import { Base } from "./base";
+/**
+ *
+ * 创建新的 UIViewController，主要用于 formSheet 和 pageSheet
+ *
+ * ## 参数：
+ * - presentMode: number, default: 1, pageSheet: 1, formSheet: 2
+ * - animated: boolean = true  是否启用动画效果
+ * - interactiveDismissalDisabled: boolean = false  是否禁用下拉退出
+ * - bgcolor: $color  $color("secondarySurface")
+ * - cview: Cview
+ * - dismissalHandler: function  退出时的回调
+ *
+ * ## 方法：
+ * - present()
+ * - dismiss()
+ *
+ */
+export declare class Sheet<T extends Base<U, R>, U extends AllUIView, R extends UiTypes.AllViewOptions> {
+    id: string;
+    _animated: boolean;
+    _presentMode: number;
+    _interactiveDismissalDisabled: boolean;
+    _bgcolor: UIColor;
+    _cview?: T;
+    _dismissalHandler?: () => void;
+    _PSViewController: any;
+    _PSViewControllerView: any;
+    constructor({ presentMode, animated, interactiveDismissalDisabled, bgcolor, cview, dismissalHandler, }: {
+        presentMode?: number;
+        animated?: boolean;
+        interactiveDismissalDisabled?: boolean;
+        bgcolor?: UIColor;
+        cview?: T;
+        dismissalHandler?: () => void;
+    });
+    _create(): void;
+    _define(): void;
+    _add(cview: T): void;
+    present(): void;
+    dismiss(): void;
+}

package/dist/components/single-views.d.ts

@@ -0,0 +1,289 @@
+/**
+ * 实现单个视图的定义
+ */
+import { Base } from "./base";
+export declare class SingleView<T extends UiTypes.AllViewTypes, V extends UIBaseView, P extends UiTypes.BaseViewProps, E extends UiTypes.BaseViewEvents<V>, O extends UiTypes.AllViewOptions> extends Base<V, O> {
+    _type: T;
+    _props?: P;
+    _layout?: (make: MASConstraintMaker, view: V) => void;
+    _events?: E;
+    _views?: UiTypes.AllViewOptions[];
+    _defineView: () => O;
+    constructor({ type, props, layout, events, views, }: {
+        type: T;
+        props?: P;
+        layout?: (make: MASConstraintMaker, view: V) => void;
+        events?: E;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class ClearView extends SingleView<"view", UIView, UiTypes.ViewProps, UiTypes.BaseViewEvents<UIView>, UiTypes.ViewOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.ViewProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: UiTypes.BaseViewEvents<UIView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class ContentView extends SingleView<"view", UIView, UiTypes.ViewProps, UiTypes.BaseViewEvents<UIView>, UiTypes.ViewOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.ViewProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: UiTypes.BaseViewEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+/**
+ * 遮挡视图，使得下面的view无法操作并且整体变暗。
+ * 设计上此视图不单独使用，而是作为一个子视图
+ * events:
+ *   - tapped 点击事件，通常用于dismiss
+ */
+export declare class MaskView extends SingleView<"view", UIView, UiTypes.ViewProps, UiTypes.BaseViewEvents<UIView>, UiTypes.ViewOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.ViewProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: UiTypes.BaseViewEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Label extends SingleView<"label", UILabelView, UiTypes.LabelProps, UiTypes.BaseViewEvents<UILabelView>, UiTypes.LabelOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.LabelProps;
+        layout?: (make: MASConstraintMaker, view: UILabelView) => void;
+        events?: UiTypes.BaseViewEvents<UILabelView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Button extends SingleView<"button", UIButtonView, UiTypes.ButtonProps, UiTypes.BaseViewEvents<UIButtonView>, UiTypes.ButtonOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.ButtonProps;
+        layout?: (make: MASConstraintMaker, view: UIButtonView) => void;
+        events?: UiTypes.BaseViewEvents<UIButtonView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Input extends SingleView<"input", UIInputView, UiTypes.InputProps, UiTypes.InputEvents, UiTypes.InputOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.InputProps;
+        layout?: (make: MASConstraintMaker, view: UIInputView) => void;
+        events?: UiTypes.InputEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Slider extends SingleView<"slider", UISliderView, UiTypes.SliderProps, UiTypes.SliderEvents, UiTypes.SliderOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.SliderProps;
+        layout?: (make: MASConstraintMaker, view: UISliderView) => void;
+        events?: UiTypes.SliderEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Switch extends SingleView<"switch", UISwitchView, UiTypes.SwitchProps, UiTypes.SwitchEvents, UiTypes.SwitchOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.SwitchProps;
+        layout?: (make: MASConstraintMaker, view: UISwitchView) => void;
+        events?: UiTypes.SwitchEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Spinner extends SingleView<"spinner", UISpinnerView, UiTypes.SpinnerProps, UiTypes.BaseViewEvents<UISpinnerView>, UiTypes.SpinnerOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.SpinnerProps;
+        layout?: (make: MASConstraintMaker, view: UISpinnerView) => void;
+        events?: UiTypes.BaseViewEvents<UISpinnerView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Progress extends SingleView<"progress", UIProgressView, UiTypes.ProgressProps, UiTypes.BaseViewEvents<UIProgressView>, UiTypes.ProgressOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.ProgressProps;
+        layout?: (make: MASConstraintMaker, view: UIProgressView) => void;
+        events?: UiTypes.BaseViewEvents<UIProgressView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Gallery extends SingleView<"gallery", UIGalleryView, UiTypes.GalleryProps, UiTypes.GalleryEvents, UiTypes.GalleryOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.GalleryProps;
+        layout?: (make: MASConstraintMaker, view: UIGalleryView) => void;
+        events?: UiTypes.GalleryEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Stepper extends SingleView<"stepper", UIStepperView, UiTypes.StepperProps, UiTypes.StepperEvents, UiTypes.StepperOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.StepperProps;
+        layout?: (make: MASConstraintMaker, view: UIStepperView) => void;
+        events?: UiTypes.StepperEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Text extends SingleView<"text", UITextView, UiTypes.TextProps, UiTypes.TextEvents, UiTypes.TextOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.TextProps;
+        layout?: (make: MASConstraintMaker, view: UITextView) => void;
+        events?: UiTypes.TextEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Image extends SingleView<"image", UIImageView, UiTypes.ImageProps, UiTypes.BaseViewEvents<UIImageView>, UiTypes.ImageOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.ImageProps;
+        layout?: (make: MASConstraintMaker, view: UIImageView) => void;
+        events?: UiTypes.BaseViewEvents<UIImageView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Video extends SingleView<"video", UIVideoView, UiTypes.VideoProps, UiTypes.BaseViewEvents<UIVideoView>, UiTypes.VideoOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.VideoProps;
+        layout?: (make: MASConstraintMaker, view: UIVideoView) => void;
+        events?: UiTypes.BaseViewEvents<UIVideoView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Scroll extends SingleView<"scroll", UIScrollView, UiTypes.ScrollProps, UiTypes.ScrollEvents, UiTypes.ScrollOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.ScrollProps;
+        layout?: (make: MASConstraintMaker, view: UIScrollView) => void;
+        events?: UiTypes.ScrollEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Stack extends SingleView<"stack", UIStackView, UiTypes.StackProps, UiTypes.BaseViewEvents<UIStackView>, UiTypes.StackOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.StackProps;
+        layout?: (make: MASConstraintMaker, view: UIStackView) => void;
+        events?: UiTypes.BaseViewEvents<UIStackView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Tab extends SingleView<"tab", UITabView, UiTypes.TabProps, UiTypes.TabEvents, UiTypes.TabOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.TabProps;
+        layout?: (make: MASConstraintMaker, view: UITabView) => void;
+        events?: UiTypes.TabEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Menu extends SingleView<"menu", UIMenuView, UiTypes.MenuProps, UiTypes.MenuEvents, UiTypes.MenuOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.MenuProps;
+        layout?: (make: MASConstraintMaker, view: UIMenuView) => void;
+        events?: UiTypes.MenuEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Map extends SingleView<"map", UIMapView, UiTypes.MapProps, UiTypes.BaseViewEvents<UIMapView>, UiTypes.MapOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.MapProps;
+        layout?: (make: MASConstraintMaker, view: UIMapView) => void;
+        events?: UiTypes.BaseViewEvents<UIMapView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Web extends SingleView<"web", UIWebView, UiTypes.WebProps, UiTypes.WebEvents, UiTypes.WebOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.WebProps;
+        layout?: (make: MASConstraintMaker, view: UIWebView) => void;
+        events?: UiTypes.WebEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class List extends SingleView<"list", UIListView, UiTypes.ListProps, UiTypes.ListEvents, UiTypes.ListOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.ListProps;
+        layout?: (make: MASConstraintMaker, view: UIListView) => void;
+        events?: UiTypes.ListEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Matrix extends SingleView<"matrix", UIMatrixView, UiTypes.MatrixProps, UiTypes.MatrixEvents, UiTypes.MatrixOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.MatrixProps;
+        layout?: (make: MASConstraintMaker, view: UIMatrixView) => void;
+        events?: UiTypes.MatrixEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Blur extends SingleView<"blur", UIBlurView, UiTypes.BlurProps, UiTypes.BaseViewEvents<UIBlurView>, UiTypes.BlurOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.BlurProps;
+        layout?: (make: MASConstraintMaker, view: UIBlurView) => void;
+        events?: UiTypes.BaseViewEvents<UIBlurView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Gradient extends SingleView<"gradient", UIGradientView, UiTypes.GradientProps, UiTypes.BaseViewEvents<UIGradientView>, UiTypes.GradientOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.GradientProps;
+        layout?: (make: MASConstraintMaker, view: UIGradientView) => void;
+        events?: UiTypes.BaseViewEvents<UIGradientView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class DatePicker extends SingleView<"date-picker", UIDatePickerView, UiTypes.DatePickerProps, UiTypes.DatePickerEvents, UiTypes.DatePickerOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.DatePickerProps;
+        layout?: (make: MASConstraintMaker, view: UIDatePickerView) => void;
+        events?: UiTypes.DatePickerEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Picker extends SingleView<"picker", UIPickerView, UiTypes.PickerProps, UiTypes.PickerEvents, UiTypes.PickerOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.PickerProps;
+        layout?: (make: MASConstraintMaker, view: UIPickerView) => void;
+        events?: UiTypes.PickerEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Canvas extends SingleView<"canvas", UICanvasView, UiTypes.CanvasProps, UiTypes.CanvasEvents, UiTypes.CanvasOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.CanvasProps;
+        layout?: (make: MASConstraintMaker, view: UICanvasView) => void;
+        events?: UiTypes.CanvasEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Markdown extends SingleView<"markdown", UIMarkdownView, UiTypes.MarkdownProps, UiTypes.BaseViewEvents<UIMarkdownView>, UiTypes.MarkdownOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.MarkdownProps;
+        layout?: (make: MASConstraintMaker, view: UIMarkdownView) => void;
+        events?: UiTypes.BaseViewEvents<UIMarkdownView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Lottie extends SingleView<"lottie", UILottieView, UiTypes.LottieProps, UiTypes.BaseViewEvents<UILottieView>, UiTypes.LottieOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.LottieProps;
+        layout?: (make: MASConstraintMaker, view: UILottieView) => void;
+        events?: UiTypes.BaseViewEvents<UILottieView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Chart extends SingleView<"chart", UIChartView, UiTypes.ChartProps, UiTypes.ChartEvents, UiTypes.ChartOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.ChartProps;
+        layout?: (make: MASConstraintMaker, view: UIChartView) => void;
+        events?: UiTypes.ChartEvents;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Code extends SingleView<"code", UICodeView, UiTypes.CodeProps, UiTypes.BaseViewEvents<UICodeView>, UiTypes.CodeOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.CodeProps;
+        layout?: (make: MASConstraintMaker, view: UICodeView) => void;
+        events?: UiTypes.BaseViewEvents<UICodeView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}
+export declare class Runtime extends SingleView<"runtime", UIView, UiTypes.RuntimeProps, UiTypes.BaseViewEvents<UIView>, UiTypes.RuntimeOptions> {
+    constructor({ props, layout, events, views, }: {
+        props?: UiTypes.RuntimeProps;
+        layout?: (make: MASConstraintMaker, view: UIView) => void;
+        events?: UiTypes.BaseViewEvents<UIView>;
+        views?: UiTypes.AllViewOptions[];
+    });
+}

package/dist/components/single-views.js

@@ -16,7 +16,10 @@ class SingleView extends base_1.Base {
         this._defineView = () => {
             return {
                 type: this._type,
-                props: Object.assign(Object.assign({}, this._props), { id: this.id }),
+                props: {
+                    ...this._props,
+                    id: this.id,
+                },
                 layout: this._layout,
                 events: this._events,
                 views: this._views,
@@ -29,7 +32,7 @@ class ClearView extends SingleView {
     constructor({ props, layout = $layout.fill, events, views, }) {
         super({
             type: "view",
-            props: Object.assign({}, props),
+            props: { ...props },
             layout,
             events,
             views,
@@ -41,7 +44,7 @@ class ContentView extends SingleView {
     constructor({ props, layout = $layout.fillSafeArea, events = {}, views, }) {
         super({
             type: "view",
-            props: Object.assign({ bgcolor: $color("primarySurface") }, props),
+            props: { bgcolor: $color("primarySurface"), ...props },
             layout,
             events,
             views,
@@ -59,7 +62,11 @@ class MaskView extends SingleView {
     constructor({ props, layout = $layout.fill, events, views, }) {
         super({
             type: "view",
-            props: Object.assign(Object.assign({ bgcolor: $rgba(0, 0, 0, 0.2) }, props), { userInteractionEnabled: true }),
+            props: {
+                bgcolor: $rgba(0, 0, 0, 0.2),
+                ...props,
+                userInteractionEnabled: true,
+            },
             layout,
             events,
             views,

package/dist/components/spinners/loading-dual-ring.d.ts

@@ -0,0 +1,18 @@
+import { Base } from "../base";
+/**
+ * 两个圆环旋转的加载动画
+ *
+ * 这是一个示例组件，由于帧数有限而且不稳定，不建议在实际项目中使用。
+ *
+ */
+export declare class DualRing extends Base<UIView, UiTypes.ViewOptions> {
+    _defineView: () => UiTypes.ViewOptions;
+    /**
+     * @param colors 颜色（必须是2个），默认为 [$color("#f5542e"), $color("#f2c327")]
+     * @param layout 布局
+     */
+    constructor({ colors, layout, }: {
+        colors?: UIColor[];
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+    });
+}

package/dist/components/spinners/loading-wedges.d.ts

@@ -0,0 +1,15 @@
+import { Base } from "../base";
+/**
+ * 饼图加载动画, 4个颜色的饼图以不同的速度旋转，产生华丽的效果
+ */
+export declare class Wedges extends Base<UIView, UiTypes.ViewOptions> {
+    _defineView: () => UiTypes.ViewOptions;
+    /**
+     * @param colors 饼图颜色（必须是4个颜色）
+     * @param layout 布局
+     */
+    constructor({ colors, layout, }: {
+        colors?: UIColor[];
+        layout: (make: MASConstraintMaker, view: UIView) => void;
+    });
+}

package/dist/components/spinners/spinner-androidstyle.d.ts

@@ -0,0 +1,30 @@
+import { Base } from "../base";
+interface AndroidStyleSpinnerProps {
+    id?: string;
+    weight: number;
+    diameter: number;
+    color: UIColor;
+    bgcolor: UIColor;
+}
+/**
+ * 安卓风格的加载指示器, 基于Lottie实现, 效果是一个圆环一边旋转一边缩放。
+ * 由于帧数有限，不建议在大视图上使用。
+ */
+export declare class AndroidStyleSpinner extends Base<UILottieView, UiTypes.LottieOptions> {
+    private _props;
+    _defineView: () => UiTypes.LottieOptions;
+    /**
+     * @param props AndroidStyleSpinnerProps
+     *        - id?: string 可以重新指定 id，以供 list 或者 matrix 的 template 使用
+     *        - weight: number
+     *        - diameter: number
+     *        - color: UIColor, 默认 gray
+     *        - bgcolor: UIColor, 默认 clear
+     * @param layout 可选布局，默认居中
+     */
+    constructor({ props, layout, }: {
+        props: Partial<AndroidStyleSpinnerProps>;
+        layout?: (make: MASConstraintMaker, view: UILottieView) => void;
+    });
+}
+export {};

package/dist/components/spinners/spinner-androidstyle.js

@@ -18,7 +18,13 @@ class AndroidStyleSpinner extends base_1.Base {
      */
     constructor({ props, layout, }) {
         super();
-        this._props = Object.assign({ weight: 2, diameter: 24, color: $color("gray"), bgcolor: $color("clear") }, props);
+        this._props = {
+            weight: 2,
+            diameter: 24,
+            color: $color("gray"),
+            bgcolor: $color("clear"),
+            ...props,
+        };
         this._defineView = () => {
             const weight = this._props.weight;
             const color = this._props.color;