ranui 0.1.10-alpha.2 → 0.1.10-alpha.4

package/dist/components/preview/colz.d.ts

@@ -0,0 +1,72 @@
+type ColorVal = (string | number)[];
+export declare class Rgb {
+    r: string | number;
+    g: string | number;
+    b: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Rgba extends Rgb {
+    a: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Hsl {
+    h: string | number;
+    s: string | number;
+    l: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Hsla extends Hsl {
+    a: string | number;
+    constructor(col: Array<string | number>);
+    toString(): string;
+}
+export declare class Color {
+    r: string | number;
+    g: string | number;
+    b: string | number;
+    a: string | number;
+    rgb: Rgb;
+    rgba: Rgba;
+    hex: string;
+    hsl: Hsl;
+    hsla: Hsla;
+    h: string | number;
+    s: string | number;
+    l: string | number;
+    constructor(r: string | number | Array<string | number>, g?: string | number, b?: string | number, a?: string | number);
+    setHue(newHue: string | number): void;
+    setSat(newSat: string | number): void;
+    setLum(newLum: number): void;
+    setAlpha(newAlpha: string | number): void;
+    updateFromHsl(): void;
+}
+export declare const randomColor: () => Color;
+export declare const hexToRgb: (hex: string) => RegExpExecArray | null | Array<number>;
+export declare const getDarkColor: (color: string, level: number) => string;
+export declare function getLightColor(color: string, level: number): string;
+export declare const componentToHex: (c: string | number) => string;
+export declare const rgbToHex: (r: string | number | Array<string | number>, g?: string | number, b?: string | number) => string;
+export declare const rgbToHsl: (r: number | number[], g?: number, b?: number) => Array<number>;
+export declare const hue2rgb: (p: number, q: number, t: number) => number;
+export declare const hslToRgb: (h: number | string | number[], s: number | string, l: number | string) => Array<number>;
+export declare const rgbToHsb: (r: number, g: number, b: number) => number[];
+export declare const hsbToRgb: (h: number, s: number, v: number) => number[];
+export declare const hsvToRgb: (h: number, s: number, v: number) => number[];
+export declare const hsbToHsl: (h: any, s: any, b: any) => number[];
+export declare const hsvToHsl: (h: any, s: any, b: any) => number[];
+export declare class ColorScheme {
+    palette: Color[];
+    constructor(colorVal: (string | number)[], angleArray: number[]);
+    createFromColors(colorVal: (string | number)[]): Color[];
+    createFromAngles(colorVal: string | number | (string | number)[], angleArray: number[]): Color[];
+    static Compl(colorVal: ColorVal): ColorScheme;
+    static Triad(colorVal: ColorVal): ColorScheme;
+    static Tetrad(colorVal: ColorVal): ColorScheme;
+    static Analog(colorVal: ColorVal): ColorScheme;
+    static Split(colorVal: ColorVal): ColorScheme;
+    static Accent(colorVal: ColorVal): ColorScheme;
+}
+export {};

package/dist/components/preview/constant.d.ts

@@ -0,0 +1,5 @@
+export declare const PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+export declare const PDF = "application/pdf";
+export declare const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+export declare const XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+export declare const XLS = "application/vnd.ms-excel";

package/dist/components/preview/docx.d.ts

@@ -0,0 +1,8 @@
+interface DocxOptions {
+    bodyContainer?: HTMLElement | null;
+    styleContainer?: HTMLElement;
+    buffer: Blob;
+    docxOptions?: Partial<Record<string, string | boolean>>;
+}
+export declare const renderDocx: (options: DocxOptions) => Promise<void | undefined>;
+export {};

package/dist/components/preview/excel/excel.d.ts

@@ -0,0 +1,2 @@
+export declare function readExcelData(buffer: ArrayBuffer | string): Promise<unknown>;
+export declare function transferExcelToSpreadSheet(workbook: any, options: any): any;

package/dist/components/preview/excel/index.d.ts

@@ -0,0 +1,2 @@
+import type { RenderOptions } from '@/components/preview/types';
+export declare const renderExcel: (file: File, options: RenderOptions) => Promise<void>;

package/dist/components/preview/excel/media.d.ts

@@ -0,0 +1,37 @@
+interface Tl {
+    nativeCol: number;
+    nativeColOff: number;
+    nativeRow: number;
+    nativeRowOff: number;
+}
+interface Range {
+    tl: Tl;
+    br: Tl;
+}
+export interface Media {
+    [x: string]: any;
+    imageId: number;
+    range: Range;
+    type: string;
+    buffer: ArrayBuffer | string;
+}
+export interface Sheet {
+    name: string;
+    _media: Array<Media>;
+    _columns: Array<{
+        width: number;
+        height: number;
+    }>;
+    _rows: Array<{
+        width: number;
+        height: number;
+    }>;
+}
+export declare function renderImage(ctx: CanvasRenderingContext2D, medias: Partial<Media>, sheet: Sheet, offset: {
+    scroll: {
+        x: number;
+        y: number;
+    };
+}): void;
+export declare function clearCache(): void;
+export {};

package/dist/components/preview/index.d.ts

@@ -0,0 +1,3 @@
+import '@/components/icon';
+declare const _default: Promise<void>;
+export default _default;

package/dist/components/preview/pdf.d.ts

@@ -0,0 +1,2 @@
+import type { RenderOptions } from '@/components/preview/types';
+export declare const renderPdf: (file: File, options: RenderOptions) => Promise<void>;

package/dist/components/preview/pptx/index.d.ts

@@ -0,0 +1,19 @@
+import type { BaseReturn } from '@/components/preview/types';
+export interface Msg<T = string> {
+    type: string;
+    data: T extends 'slide' | 'pptx-thumb' | 'globalCSS' ? string : any;
+}
+interface Options {
+    pptx: ArrayBuffer | string;
+    resultElement: HTMLElement;
+    thumbElement?: HTMLElement;
+    onError?: (msg: BaseReturn) => void;
+    onLoad?: (msg: BaseReturn) => void;
+}
+/**
+ * @param {ArrayBuffer} pptx
+ * @param {Element|String} resultElement
+ * @param {Element|String} [thumbElement]
+ */
+export declare const renderPptx: (options: Options) => Promise<any> | undefined;
+export {};

package/dist/components/preview/pptx/process_pptx.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="node" />
+import type { Msg } from '@/components/preview/pptx';
+interface InputByType {
+    base64: string;
+    string: string;
+    text: string;
+    binarystring: string;
+    array: number[];
+    uint8array: Uint8Array;
+    arraybuffer: ArrayBuffer;
+    blob: Blob;
+    stream: NodeJS.ReadableStream;
+}
+type InputFileFormat = InputByType[keyof InputByType] | Promise<InputByType[keyof InputByType]>;
+export default function processPptx(setOnMessage: {
+    (func: (x: Msg<string>) => void): void;
+    (func: any): void;
+    (x: (e: {
+        type: string;
+        data: InputFileFormat;
+    }) => Promise<void>): void;
+}, postMessage: (x: Msg) => void): void;
+export {};

package/dist/components/preview/pptx/t_xml.d.ts

@@ -0,0 +1 @@
+export default function t_xml(S: string): Record<string, any>;

package/dist/components/preview/pptx/worker.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/preview/types.d.ts

@@ -0,0 +1,10 @@
+export interface BaseReturn<T = unknown> {
+    success: boolean;
+    data?: T;
+    message?: string;
+}
+export interface RenderOptions {
+    dom: HTMLElement;
+    onError?: (msg: BaseReturn) => void;
+    onLoad?: (msg: BaseReturn) => void;
+}

package/dist/components/progress/index.d.ts

@@ -0,0 +1,41 @@
+declare const Progress_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+declare class Progress extends Progress_base {
+    _progress: HTMLDivElement;
+    _progressWrap: HTMLDivElement;
+    _progressWrapValue: HTMLDivElement;
+    _progressDot: HTMLDivElement;
+    moveProgress: {
+        mouseDown: boolean;
+    };
+    _shadowDom: ShadowRoot;
+    constructor();
+    static get observedAttributes(): string[];
+    get percent(): string;
+    set percent(value: string);
+    get total(): string;
+    set total(value: string);
+    get type(): string;
+    set type(value: string);
+    get animation(): string;
+    set animation(value: string);
+    get dot(): string;
+    set dot(value: string);
+    progressClick: (e: MouseEvent) => void;
+    progressDotMouseDown: () => void;
+    progressDotMouseMove: (e: MouseEvent) => void;
+    progressDotMouseUp: (e: MouseEvent) => void;
+    change: () => void;
+    appendProgressDot: () => void;
+    updateCurrentProgress: () => void;
+    dragEvent: () => void;
+    private resize;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(k: string, o: string, n: string): void;
+}
+declare const _default: import("@/utils/index").CustomErrorType;
+export default _default;
+export { Progress };

package/dist/components/radar/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@/utils/index").CustomErrorType;
+export default _default;

package/dist/components/scratch/index.d.ts

@@ -0,0 +1,23 @@
+declare const ScratchTicket_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+declare class ScratchTicket extends ScratchTicket_base {
+    scratchTicketContainer: HTMLDivElement;
+    scratchTicket: HTMLCanvasElement;
+    state: {
+        touchStart: boolean;
+        scratchArea: number;
+    };
+    scratchAward: HTMLDivElement;
+    static get observedAttributes(): string[];
+    constructor();
+    touchStartScratch: (e: TouchEvent) => void;
+    touchMoveScratch: (e: TouchEvent) => void;
+    touchEndScratch: () => void;
+    drawScratchTicket: () => void;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+}
+export default ScratchTicket;

package/dist/components/select/dropdown-item/index.d.ts

@@ -0,0 +1,23 @@
+import type { Chain } from 'ranuts/utils';
+declare const DropdownItem_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class DropdownItem extends DropdownItem_base {
+    ionDropdownItem: Chain;
+    _slot: Chain;
+    _shadowDom: ShadowRoot;
+    ionDropdownItemContent: Chain;
+    static get observedAttributes(): string[];
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get active(): string;
+    set active(value: string);
+    get title(): string;
+    set title(value: string);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+}
+declare const _default: import("@/utils/index").CustomErrorType;
+export default _default;

package/dist/components/select/index.d.ts

@@ -0,0 +1,115 @@
+/// <reference types="node" />
+import '@/components/select/option';
+import '@/components/dropdown';
+import '@/components/select/dropdown-item';
+import '@/components/icon';
+import '@/components/input';
+import type { Input } from '@/components/input';
+interface Option {
+    label: string | number;
+    value: string | number;
+}
+declare const Select_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class Select extends Select_base {
+    removeTimeId?: NodeJS.Timeout;
+    _slot: HTMLSlotElement;
+    _shadowDom: ShadowRoot;
+    _select: HTMLDivElement;
+    _selection: HTMLDivElement;
+    _search: Input;
+    _icon: HTMLElement;
+    _selectDropdown?: HTMLDivElement;
+    _selectionDropdown?: HTMLElement;
+    _selectDropDownInTimeId?: NodeJS.Timeout;
+    _selectDropDownOutTimeId?: NodeJS.Timeout;
+    _optionList: Option[];
+    _optionLabelMapValue: Map<string, string>;
+    _optionValueMapLabel: Map<string, string>;
+    _activeOption?: HTMLElement;
+    _text: HTMLSpanElement;
+    _selector: HTMLDivElement;
+    onSearch?: (this: HTMLElement, ev: Event) => unknown;
+    static get observedAttributes(): string[];
+    constructor();
+    get value(): string;
+    set value(value: string);
+    get defaultValue(): string;
+    set defaultValue(value: string);
+    get showSearch(): string;
+    set showSearch(value: string);
+    get type(): string;
+    set type(value: string);
+    get placement(): string;
+    set placement(value: string);
+    get sheet(): string;
+    set sheet(value: string);
+    get getPopupContainerId(): string;
+    set getPopupContainerId(value: string);
+    get dropdownclass(): string;
+    set dropdownclass(value: string);
+    get trigger(): string;
+    set trigger(value: string);
+    get disabled(): boolean;
+    set disabled(value: boolean | string | undefined | null);
+    handlerExternalCss(): void;
+    /**
+     * @description: 移除 select dropdown
+     * @return {*}
+     */
+    setSelectDropdownDisplayNone: () => void;
+    /**
+     * @description: 添加 select dropdown
+     * @return {*}
+     */
+    setSelectDropdownDisplayBlock: () => void;
+    placementPosition: () => void;
+    /**
+     * @description: 设置下拉框
+     * @return {*}
+     */
+    selectMouseDown: (e: Event) => void;
+    removeDropDownTimeId: () => void;
+    /**
+     * @description: 焦点移除的情况，需要移除 select 下拉框
+     * @return {*}
+     */
+    selectBlur: () => void;
+    /**
+     * @description: 选中一个选项的情况
+     * @param {MouseEvent} e
+     * @return {*}
+     */
+    clickOption: (e: MouseEvent) => void;
+    /**
+     * @description: 初始化创建选项下拉框
+     * @return {*}
+     */
+    createOption: () => void;
+    /**
+     * @description: 移除选项下拉框
+     * @return {*}
+     */
+    removeSelectDropdown: () => void;
+    /**
+     * @description: 当 select 中有 option 元素的时候，给 dropdown 添加元素
+     * @return {*}
+     */
+    addOptionToSlot: () => void;
+    createSelectDropdownContent: (options?: Option[]) => void;
+    setDefaultValue: () => void;
+    changeSearch: (e: Event) => void;
+    setShowSearch: () => void;
+    removeShowSearch: () => void;
+    listenSlotChange: () => void;
+    removeListenSlotChange: () => void;
+    listenActionEvent: () => void;
+    clickRemoveSelect: (e: Event) => void;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+}
+declare const _default: import("@/utils/index").CustomErrorType;
+export default _default;

package/dist/components/select/option/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@/utils/index").CustomErrorType;
+export default _default;

package/dist/components/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: void;
+export default _default;