jsbox-cview 1.6.6 → 1.6.7

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/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 {};