ranui 0.1.6 → 0.1.8

package/dist/team-ca6a12e1.js

@@ -0,0 +1,4 @@
+const team = { "success": true, "_identification": true, "data": '<svg t="1667110807200" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8324" width="200" height="200"><path d="M824.2 699.9c-25.4-25.4-54.7-45.7-86.4-60.4C783.1 602.8 812 546.8 812 484c0-110.8-92.4-201.7-203.2-200-109.1 1.7-197 90.6-197 200 0 62.8 29 118.8 74.2 155.5-31.7 14.7-60.9 34.9-86.4 60.4C345 754.6 314 826.8 312 903.8c-0.1 4.5 3.5 8.2 8 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5C493.8 707.7 551.1 684 612 684c60.9 0 118.2 23.7 161.3 66.8C814.5 792 838 846.3 840 904.3c0.1 4.3 3.7 7.7 8 7.7h56c4.5 0 8.1-3.7 8-8.2-2-77-33-149.2-87.8-203.9zM612 612c-34.2 0-66.4-13.3-90.5-37.5-24.5-24.5-37.9-57.1-37.5-91.8 0.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-0.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4 0 34.2-13.3 66.3-37.5 90.5-24.2 24.2-56.4 37.5-90.6 37.5z" p-id="8325"></path><path d="M361.5 510.4c-0.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5 0.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1-25.8-25.2-39.7-59.3-38.7-95.4 0.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9 0.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-0.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.9-1.7-203.3 89.2-203.3 199.9 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204-0.1 4.5 3.5 8.2 8 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.9-1 6.5-4.7 6-8.7z" p-id="8326"></path></svg>' };
+export {
+  team as default
+};

package/dist/umd/build/config.d.ts

@@ -0,0 +1,3 @@
+export declare const TIME_OUT = 1000;
+export declare const PORT = 5173;
+export declare const DEV_SERVER = "http://localhost:5173/";

package/dist/umd/components/message/index.d.ts

@@ -1,8 +1,14 @@
 declare const message: {
-    info: (options: Ran.Prompt | string) => void;
-    success: (options: Ran.Prompt | string) => void;
-    error: (options: Ran.Prompt | string) => void;
-    warning: (options: Ran.Prompt | string) => void;
-    toast: (options: Ran.Prompt | string) => void;
-} | undefined;
+    info: (options: Ran.Prompt | string | undefined | null) => void;
+    success: (options: Ran.Prompt | string | undefined | null) => void;
+    error: (options: Ran.Prompt | string | undefined | null) => void;
+    warning: (options: Ran.Prompt | string | undefined | null) => void;
+    toast: (options: Ran.Prompt | string | undefined | null) => void;
+} | {
+    info?: undefined;
+    success?: undefined;
+    error?: undefined;
+    warning?: undefined;
+    toast?: undefined;
+};
 export default message;

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

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

package/dist/umd/components/{video → player}/index.d.ts

@@ -1,94 +1,201 @@
+import { SyncHook } from 'ranuts';
+import type { Progress } from '../progress';
+export interface HlsPlayer {
+    startLoad(): () => void;
+    off: (s: string, f: Function) => void;
+    on: (s: string, f: Function) => void;
+    loadSource: (s: string) => void;
+    attachMedia: (v: HTMLVideoElement) => void;
+    destroy: () => void;
+}
+export interface Level {
+    audioCodec: string;
+    bitrate: number;
+    height: number;
+    width: number;
+    name: string;
+    url: string;
+    videoCodec: string;
+}
+export interface Context {
+    action: SyncHook;
+    currentState: string;
+    duration: number;
+    currentTime: number;
+    volume: number;
+    playbackRate: number;
+    fullScreen: boolean;
+    levels: Partial<Level>[];
+    url: string;
+    levelMap: Map<string, string>;
+    clarity: string;
+}
 declare const _default: {
-    new (options: Record<string, string>): {
-        _video: HTMLVideoElement;
-        _contain: HTMLDivElement;
-        _iconElement?: HTMLElement | undefined;
+    new (): {
+        ctx: Context;
+        _player: HTMLDivElement;
+        _container: HTMLDivElement;
         _slot: HTMLSlotElement;
-        totalTime: number;
-        presentTime: number;
-        canplay: boolean;
-        icon: string | null;
-        initialize: (options: Record<string, string>) => HTMLVideoElement;
-        sourceOpen: (assetURL: string) => (this: MediaSource) => void;
-        videoUrlToBlob: (src: string, source: HTMLSourceElement) => void;
-        ranloadedmetadata: () => void;
-        ranCanplay: () => void;
-        ranPlay: () => void;
-        ranPlaying: () => void;
-        ranPause: () => void;
-        ranEnded: () => void;
-        ranWaiting: () => void;
-        videoMountEvent: () => void;
-        videoUnmountEvent: () => void;
-        handlePlay: () => void;
-        handlePause: () => void;
+        _playerController: HTMLDivElement;
+        _playerBtn: HTMLDivElement;
+        _progress: HTMLDivElement;
+        _progressDot: HTMLDivElement;
+        _progressWrap: HTMLDivElement;
+        _progressWrapValue: HTMLDivElement;
+        requestAnimationFrameId?: number | undefined;
+        moveProgress: {
+            percentage: number;
+            mouseDown: boolean;
+        };
+        _playerControllerBottom: HTMLDivElement;
+        _playerControllerBottomRight: HTMLDivElement;
+        _playerControllerBottomLeft: HTMLDivElement;
+        _playerControllerBottomPlayBtn: HTMLDivElement;
+        _playerControllerBottomTimeCurrent: HTMLDivElement;
+        _playerControllerBottomTimeDuration: HTMLDivElement;
+        _playerControllerBottomTimeDivide: HTMLDivElement;
+        _playControllerBottomClarity: HTMLElement;
+        _playControllerBottomSpeed: HTMLDivElement;
+        _playControllerBottomSpeedIcon: HTMLDivElement;
+        _playControllerBottomVolumeProgress: Progress;
+        _playControllerBottomRightFullScreen: HTMLDivElement;
+        _playControllerBottomVolume: HTMLDivElement;
+        _playControllerBottomSpeedPopover: HTMLElement;
+        controllerBarTimeId?: NodeJS.Timeout | undefined;
+        _playerTip: HTMLDivElement;
+        _playerTipTime: HTMLDivElement;
+        _playerTipText: HTMLDivElement;
+        _volume?: number | undefined;
+        _video?: HTMLVideoElement | undefined;
+        _hls?: HlsPlayer | undefined;
+        src: string;
+        volume: string;
+        currentTime: string;
+        playbackRate: string;
+        changeClarityToSetVideo: () => void;
+        changeClarity: (e: Event) => void;
+        createClaritySelect: () => void;
+        manifestLoaded: (type: string, data: {
+            levels: Level[];
+            url: string;
+        }) => void;
+        /**
+         * @description: 初始化 video 和更新 video 方法
+         * @return {*}
+         */
+        updatePlayer: () => void;
+        change: (name: string, value: unknown) => void;
+        onCanplay: (e: Event) => void;
+        onCanplaythrough: (e: Event) => void;
+        onComplete: (e: Event) => void;
+        onDurationchange: (e: Event) => void;
+        onEmptied: (e: Event) => void;
+        onEnded: (e: Event) => void;
+        onError: (e: Event) => void;
+        onLoadedmetadata: (e: Event) => void;
+        onLoadstart: (e: Event) => void;
+        onProgress: (e: Event) => void;
+        onRatechange: (e: Event) => void;
+        onSeeked: (e: Event) => void;
+        onSeeking: (e: Event) => void;
+        onStalled: (e: Event) => void;
+        onSuspend: (e: Event) => void;
+        onLoadeddata: (e: Event) => void;
+        onTimeupdate: (e: Event) => void;
+        onVolumechange: (e: Event) => void;
+        onWaiting: (e: Event) => void;
+        onPlay: (e: Event) => void;
+        onPlaying: (e: Event) => void;
+        onPause: (e: Event) => void;
+        clearListenerEvent: () => void;
+        /**
+         * @description: 用户行为和 video 之间的交互
+         * @return {*}
+         */
+        listenEvent: () => void;
+        showControllerBar: (e?: MouseEvent | undefined) => void;
+        /**
+         * @description: 进度条点击事件
+         * @param {MouseEvent} e
+         * @return {*}
+         */
+        progressClick: (e: MouseEvent) => void;
+        /**
+         * @description: 进度条鼠标按下事件
+         * @param {MouseEvent} e
+         * @return {*}
+         */
+        progressDotMouseDown: (e: MouseEvent) => void;
+        /**
+         * @description: 进度条鼠标移动事件
+         * @param {MouseEvent} e
+         * @return {*}
+         */
+        progressDotMouseMove: (e: MouseEvent) => void;
+        /**
+         * @description: 进度条鼠标松开事件
+         * @param {MouseEvent} e
+         * @return {*}
+         */
+        progressDotMouseUp: () => void;
+        /**
+         * @description: 更新页面样式
+         * @param {Function} fn
+         * @return {*}
+         */
+        requestAnimationFrame: (fn: Function) => void;
+        /**
+         * @description: 取消页面动画
+         * @param {Function} fn
+         * @return {*}
+         */
+        cancelAnimationFrame: () => void;
+        /**
+         * @description: 更新进度条
+         * @param {*} void
+         * @return {*}
+         */
+        updateCurrentProgress: () => void;
+        changeAttribute: (k: string, o: string, n: string, attribute: string, callback: Function) => void;
+        /**
+         * @description: 点击整个视频时，触发的事件
+         * @param {*} void
+         * @return {*}
+         */
+        dispatchClickPlayerContainerAction: (e: Event) => void;
+        /**
+         * @description: 空格事件
+         * @param {KeyboardEvent} e
+         * @return {*}
+         */
+        SpaceKeyDown: (e: KeyboardEvent) => void;
+        /**
+         * @description: 点击player-btn，触发的事件
+         * @param {*} void
+         * @return {*}
+         */
+        dispatchClickPlayerBtnAction: (e: Event) => void;
+        changeVolumeProgress: (e: Event) => void;
+        openFullScreen: () => void;
+        changeSpeed: (e: Event) => void;
+        progressMouseEnter: (e: MouseEvent) => void;
+        progressMouseLeave: (e: MouseEvent) => void;
+        progressMouseMove: (e: MouseEvent) => void;
+        changePlayerVolume: () => void;
+        resize: () => void;
+        fullScreenChange: () => void;
+        getPlaybackRate: () => number;
+        setPlaybackRate: (n: number) => number;
+        setVolume: (n: number) => number;
+        getVolume: () => number;
+        setCurrentTime: (n: number) => number;
+        getCurrentTime: () => number;
+        getTotalTime: () => number;
+        play: (n?: number | undefined) => void;
+        pause: () => void;
         connectedCallback(): void;
         disconnectCallback(): void;
-        attributeChangedCallback(name: string, old: string, fresh: string): void;
-        disablePictureInPicture: boolean;
-        height: number;
-        onenterpictureinpicture: ((this: HTMLVideoElement, ev: Event) => any) | null;
-        onleavepictureinpicture: ((this: HTMLVideoElement, ev: Event) => any) | null;
-        playsInline: boolean;
-        poster: string;
-        readonly videoHeight: number;
-        readonly videoWidth: number;
-        width: number;
-        cancelVideoFrameCallback(handle: number): void;
-        getVideoPlaybackQuality(): VideoPlaybackQuality;
-        requestPictureInPicture(): Promise<PictureInPictureWindow>;
-        requestVideoFrameCallback(callback: VideoFrameRequestCallback): number;
-        addEventListener<K extends keyof HTMLVideoElementEventMap>(type: K, listener: (this: HTMLVideoElement, ev: HTMLVideoElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener<K_1 extends keyof HTMLVideoElementEventMap>(type: K_1, listener: (this: HTMLVideoElement, ev: HTMLVideoElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        autoplay: boolean;
-        readonly buffered: TimeRanges;
-        controls: boolean;
-        crossOrigin: string | null;
-        readonly currentSrc: string;
-        currentTime: number;
-        defaultMuted: boolean;
-        defaultPlaybackRate: number;
-        disableRemotePlayback: boolean;
-        readonly duration: number;
-        readonly ended: boolean;
-        readonly error: MediaError | null;
-        loop: boolean;
-        readonly mediaKeys: MediaKeys | null;
-        muted: boolean;
-        readonly networkState: number;
-        onencrypted: ((this: HTMLMediaElement, ev: MediaEncryptedEvent) => any) | null;
-        onwaitingforkey: ((this: HTMLMediaElement, ev: Event) => any) | null;
-        readonly paused: boolean;
-        playbackRate: number;
-        readonly played: TimeRanges;
-        preload: "" | "metadata" | "none" | "auto";
-        preservesPitch: boolean;
-        readonly readyState: number;
-        readonly remote: RemotePlayback;
-        readonly seekable: TimeRanges;
-        readonly seeking: boolean;
-        src: string;
-        srcObject: MediaProvider | null;
-        readonly textTracks: TextTrackList;
-        volume: number;
-        addTextTrack(kind: TextTrackKind, label?: string | undefined, language?: string | undefined): TextTrack;
-        canPlayType(type: string): CanPlayTypeResult;
-        fastSeek(time: number): void;
-        load(): void;
-        pause(): void;
-        play(): Promise<void>;
-        setMediaKeys(mediaKeys: MediaKeys | null): Promise<void>;
-        readonly NETWORK_EMPTY: 0;
-        readonly NETWORK_IDLE: 1;
-        readonly NETWORK_LOADING: 2;
-        readonly NETWORK_NO_SOURCE: 3;
-        readonly HAVE_NOTHING: 0;
-        readonly HAVE_METADATA: 1;
-        readonly HAVE_CURRENT_DATA: 2;
-        readonly HAVE_FUTURE_DATA: 3;
-        readonly HAVE_ENOUGH_DATA: 4;
+        attributeChangedCallback(k: string, o: string, n: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -113,6 +220,10 @@ declare const _default: {
         hidePopover(): void;
         showPopover(): void;
         togglePopover(force?: boolean | undefined): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+        removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;

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

@@ -1,11 +1,2 @@
-export declare function getData(src: Blob | ArrayBuffer | Response, options: RequestExcelOption): Promise<unknown>;
-interface RequestExcelOption {
-    responseType: XMLHttpRequestResponseType;
-    method: string;
-    withCredentials: boolean;
-    headers: Record<string, string>;
-    body: string;
-}
 export declare function readExcelData(buffer: ArrayBuffer | string): Promise<unknown>;
 export declare function transferExcelToSpreadSheet(workbook: any, options: any): any;
-export {};

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

@@ -1,2 +1,6 @@
+export interface BaseReturn {
+    success: boolean;
+    message?: string;
+}
 declare const _default: Promise<void>;
 export default _default;

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

@@ -0,0 +1,36 @@
+export declare class Progress extends HTMLElement {
+    _progress: HTMLDivElement;
+    _progressWrap: HTMLDivElement;
+    _progressWrapValue: HTMLDivElement;
+    _progressDot: HTMLDivElement;
+    moveProgress: {
+        mouseDown: boolean;
+    };
+    constructor();
+    static get observedAttributes(): string[];
+    get percent(): number;
+    set percent(value: number);
+    get total(): number;
+    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;
+    createProgress: () => void;
+    private resize;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(k: string, o: string, n: string): void;
+}
+declare const _default: import('../../utils/index').CustomErrorType | undefined;
+export default _default;

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

@@ -0,0 +1,101 @@
+/// <reference types="node" />
+interface Option {
+    label: string | number;
+    value: string | number;
+}
+export declare class Select extends HTMLElement {
+    removeTimeId?: NodeJS.Timeout;
+    _slot: HTMLSlotElement;
+    _shadowDom: ShadowRoot;
+    _select: HTMLDivElement;
+    _selection: HTMLDivElement;
+    _search: HTMLElement;
+    _icon: HTMLElement;
+    _selectDropdown?: HTMLDivElement;
+    _selectionDropdown?: HTMLDivElement;
+    _selectDropDownInTimeId?: NodeJS.Timeout;
+    _selectDropDownOutTimeId?: NodeJS.Timeout;
+    _optionList: Option[];
+    _optionLabelMapValue: Map<string, string>;
+    _optionValueMapLabel: Map<string, string>;
+    _activeOption?: HTMLElement;
+    _text: HTMLSpanElement;
+    _selector: HTMLDivElement;
+    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 action(): string;
+    set action(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: () => 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;
+    setDefaultValue: () => void;
+    changeSearch: (e: Event) => void;
+    setShowSearch: () => void;
+    listenSlotChange: () => void;
+    removeListenSlotChange: () => void;
+    listenActionEvent: () => 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/umd/index.d.ts

@@ -8,3 +8,7 @@ export * as skeleton from './components/skeleton';
 export * as tabpane from './components/tabpane';
 export * as tab from './components/tab';
 export * as radar from './components/radar';
+export * as player from './components/player';
+export * as modal from './components/modal';
+export * as select from './components/select';
+export * as progress from './components/progress';