ranui 0.1.9 → 0.1.10-alpha.1

package/dist/_commonjs-dynamic-modules-DLbDWi6a.js

@@ -0,0 +1,12 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+function commonjsRequire(path) {
+  throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+export {
+  commonjsRequire as a,
+  commonjsGlobal as c,
+  getDefaultExportFromCjs as g
+};

package/dist/arrow-down-C9jBUUt3.js

@@ -0,0 +1,30 @@
+const str2Xml = (xmlStr, format = "text/xml") => {
+  if (window.DOMParser)
+    return new window.DOMParser().parseFromString(xmlStr, format).documentElement;
+  if (typeof window.ActiveXObject !== "undefined") {
+    const xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
+    xmlDoc.async = "false";
+    xmlDoc.loadXML(xmlStr);
+    return xmlDoc;
+  }
+  return void 0;
+};
+const __variableDynamicImportRuntimeHelper = (glob, path) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+  });
+};
+const arrowDown = { "success": true, "_identification": true, "data": '<svg viewBox="0 0 1024 1024" width="200" height="200" version="1.1"\n    fill="currentColor" xmlns="http://www.w3.org/2000/svg">\n    <path\n        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>\n</svg>' };
+const arrowDown$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: arrowDown
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  __variableDynamicImportRuntimeHelper as _,
+  arrowDown$1 as a,
+  str2Xml as s
+};

package/dist/assets/image/failImage.d.ts

@@ -0,0 +1,2 @@
+declare const failImage = "\n    data:image/png;base64,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\n";
+export default failImage;

package/dist/button.js

@@ -0,0 +1,7 @@
+import { B, a } from "./index-BPBRPxND.js";
+import "./utils-BMBEcoPj.js";
+import "./index-CSnBqUsQ.js";
+export {
+  B as Button,
+  a as default
+};

package/dist/checkbox.js

@@ -0,0 +1,7 @@
+import "./utils-BMBEcoPj.js";
+import "./index-CSnBqUsQ.js";
+import { C, a } from "./index-CCNK5H8T.js";
+export {
+  C as Checkbox,
+  a as default
+};

package/dist/colorpicker.js

@@ -0,0 +1,13 @@
+import "./utils-BMBEcoPj.js";
+import "./index-CSnBqUsQ.js";
+import { C, a } from "./index-EnzWG8R0.js";
+import "./index-CWWI8SHO.js";
+import "./index-CbyMC6Yz.js";
+import "./index-CFnsLnrb.js";
+import "./index-Bv6Z6rIe.js";
+import "./option.js";
+import "./index-CJZp9lE4.js";
+export {
+  C as ColorPicker,
+  a as default
+};

package/dist/{colz-746223ab.js → colz-CRDozfZA.js}

@@ -129,11 +129,7 @@ class Color {
 }
 const hexToRgb = function(hex) {
   const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? [
-    parseInt(result[1], 16),
-    parseInt(result[2], 16),
-    parseInt(result[3], 16)
-  ] : null;
+  return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : null;
 };
 const getDarkColor = (color, level) => {
   const rgbc = hexToRgb(color) || [];

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

@@ -1,5 +1,9 @@
 /// <reference types="node" />
-export declare class Button extends HTMLElement {
+declare const Button_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class Button extends Button_base {
     _btn: HTMLDivElement;
     _btnContent: HTMLDivElement;
     _iconElement?: HTMLElement;
@@ -19,7 +23,7 @@ export declare class Button extends HTMLElement {
     get effect(): string;
     set effect(value: string | null);
     /**
-     * @description: 设置button的icon
+     * @description: 设置 button 的 icon
      * @return {*}
      */
     setIcon: () => void;
@@ -31,5 +35,5 @@ export declare class Button extends HTMLElement {
     disconnectCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }
-declare const _default: import('../../utils/index').CustomErrorType;
+declare const _default: import("@/utils/index").CustomErrorType;
 export default _default;

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

@@ -0,0 +1,27 @@
+import './index.less';
+interface Context {
+    checked: boolean;
+}
+declare const Checkbox_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class Checkbox extends Checkbox_base {
+    checkInput: HTMLInputElement;
+    checkInner: HTMLSpanElement;
+    context: Context;
+    static get observedAttributes(): string[];
+    constructor();
+    get disabled(): string;
+    set disabled(value: string);
+    get checked(): string;
+    set checked(value: string);
+    updateChecked: () => void;
+    update: () => void;
+    onChange: () => 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/colorpicker/index.d.ts

@@ -0,0 +1,122 @@
+import '@/components/popover';
+import '@/components/content';
+import '@/shadowless/input';
+import '@/shadowless/select';
+import '@/components/option';
+import '@/components/progress';
+import './index.less';
+interface Context {
+    disabled: Signal<boolean>;
+    value: Signal<string>;
+    hue: Signal<number>;
+    saturation: Signal<number>;
+    lightness: Signal<number>;
+    transparency: Signal<number>;
+}
+interface RGBA {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+interface Signal<T> {
+    getter: () => T;
+    setter: (newValue: T) => void;
+}
+declare const ColorPicker_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+/**
+ * @description: 数据驱动视图，改变数据，即改变视图
+ * @return {*}
+ */
+export declare class ColorPicker extends ColorPicker_base {
+    colorpicker: HTMLDivElement;
+    colorpickerInner: HTMLDivElement;
+    context: Context;
+    popoverBlock: HTMLElement;
+    popoverContent: HTMLElement;
+    colorPickerInner?: HTMLDivElement;
+    colorPickerInnerContent?: HTMLDivElement;
+    colorPickerPanel?: HTMLDivElement;
+    colorPickerInputContainer?: HTMLDivElement;
+    colorPickerPanelDot?: HTMLDivElement;
+    colorPickerPanelSliderContainer?: HTMLDivElement;
+    colorPickerPanelSliderGroup?: HTMLDivElement;
+    colorPickerPanelSliderHue?: HTMLElement;
+    colorPickerPanelSliderAlpha?: HTMLElement;
+    colorPickerColorBlockInner?: HTMLDivElement;
+    colorPickerColorBlock?: HTMLDivElement;
+    colorPickerInnerContentSelect?: HTMLDivElement;
+    colorPickerPanelPalette?: HTMLDivElement;
+    colorPickerPanelSaturation?: HTMLDivElement;
+    colorPickerInputContainerSelect?: HTMLElement;
+    colorPickerInputContainerInputColor?: HTMLElement;
+    colorPickerInputContainerInputNumber?: HTMLElement;
+    colorPickerInputContainerSelectItem?: HTMLElement;
+    colorPickerPaletteSelect: boolean;
+    colorPickerPanelDotInner?: HTMLDivElement;
+    static get observedAttributes(): string[];
+    constructor();
+    get value(): string;
+    set value(value: string);
+    createContext: () => void;
+    /**
+     * @description:  0 - 360 色相 hue
+     * @param {*} Signal
+     * @return {*}
+     */
+    createColorHue: () => Signal<number>;
+    /**
+     * @description: 0 - 100 饱和度 x
+     * @param {*} Signal
+     * @return {*}
+     */
+    createColorSaturation: () => Signal<number>;
+    /**
+     * @description: 0 - 100 亮度 y
+     * @param {*} Signal
+     * @return {*}
+     */
+    createColorLightness: () => Signal<number>;
+    /**
+     * @description:  0 - 100 透明度
+     * @param {*} Signal
+     * @return {*}
+     */
+    createColorTransparency: () => Signal<number>;
+    createColorDisabled: () => Signal<boolean>;
+    createColorValueSignal: () => Signal<string>;
+    generateHue2rgb: () => string;
+    generateHsv2Rgb: () => string;
+    generateHsv2Rgba: () => RGBA;
+    generateHsv2RgbaValue: () => string;
+    generateColorPickerProgress: () => string;
+    updateColorValue: (value: string) => void;
+    updateColorPickerPanelSliderHueProgressPercent: (hue: number) => void;
+    updateColorPickerPanelSliderAlphaProgressPercent: (alpha: number) => void;
+    updateColorPickerPanelSliderAlphaProgressWrap: () => void;
+    updateColorPickerPanelSliderAlphaProgressDot: () => void;
+    updateColorPickerPanelSliderHueProgressDot: () => void;
+    updateColorPickerColorBlockInnerBackground: () => void;
+    updateColorPickerPanelSaturationBackground: () => void;
+    clickStop: (e: MouseEvent) => void;
+    changeColorPalettePositionByContext: () => void;
+    changeColorPalettePosition: (offsetX: number, offsetY: number) => void;
+    clickColorPalette: (e: MouseEvent) => void;
+    createColorPickerProgress: () => void;
+    changeColorPickerHue: (e: Event) => void;
+    changeColorPickerAlpha: (e: Event) => void;
+    createColorPickerSelect: () => void;
+    createColorPickerInput: () => void;
+    openColorPicker: () => void;
+    mouseMoveColorPickerPalette: (e: MouseEvent) => void;
+    mouseDownColorPickerPalette: (e: MouseEvent) => void;
+    mouseUpColorPickerPalette: (e: MouseEvent) => void;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(n: string, o: string, v: string): void;
+}
+declare const _default: import("@/utils/index").CustomErrorType;
+export default _default;

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

@@ -0,0 +1,15 @@
+import './index.less';
+declare const Content_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class Content extends Content_base {
+    observer: MutationObserver;
+    constructor();
+    callback: (mutations: MutationRecord[], observer: MutationObserver) => void;
+    onChange: (mutation: MutationRecord) => void;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+}
+declare const _default: import("@/utils/index").CustomErrorType;
+export default _default;

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

@@ -1,4 +1,8 @@
-export declare class Input extends HTMLElement {
+declare const Input_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class Input extends Input_base {
     static get observedAttributes(): string[];
     _input: HTMLDivElement;
     _label: HTMLLabelElement | undefined;
@@ -6,168 +10,188 @@ export declare class Input extends HTMLElement {
     _icon: HTMLElement | undefined;
     constructor();
     /**
-     * @description: 获取input的值
+     * @description: 获取 input 的值
      * @return {String}
      */
-    get value(): string | null;
+    get value(): string;
     /**
-     * @description: 设置input的值
+     * @description: 设置 input 的值
      * @param {String} value
      */
     set value(value: string);
     /**
-     * @description: 获取input的占位字符
+     * @description: 获取 input 的占位字符
      * @return {String}
      */
-    get placeholder(): string | null;
+    get placeholder(): string;
     /**
-     * @description: 设置input的占位字符
+     * @description: 设置 input 的占位字符
      * @param {String} value
      */
     set placeholder(value: string);
     /**
-     * @description: input是否为必选
+     * @description: input 是否为必选
      * @return {String}
      */
-    get required(): string | null;
+    get required(): string;
     /**
-     * @description: 设置input是否为必选，除非设置成false，否则都是必填
+     * @description: 设置 input 是否为必选，除非设置成 false，否则都是必填
      * @param {*} value
      */
     set required(value: string);
     /**
-     * @description: 获取input上disabled属性
+     * @description: 获取 input 上 disabled 属性
      * @return {String | null}
      */
-    get disabled(): boolean;
+    get disabled(): string;
     /**
-     * @description: 设置input的disabled属性
+     * @description: 设置 input 的 disabled 属性
      * @param {String} value
      */
     set disabled(value: string);
     /**
-     * @description: 获取类似于Metiral Design的输入体验。
+     * @description: 获取类似于 Metiral Design 的输入体验。
      */
     get label(): string;
     /**
-     * @description: 设置类似于Metiral Design的输入体验。
+     * @description: 设置类似于 Metiral Design 的输入体验。
      */
     set label(value: string);
     /**
-     * @description: 获取input框的状态
+     * @description: 获取 input 框的状态
      */
     get status(): string;
     /**
-     * @description: 设置input框的状态
+     * @description: 设置 input 框的状态
      */
     set status(value: string);
     /**
-     * @description: 与form组件联动时，收集的属性名
+     * @description: 与 form 组件联动时，收集的属性名
      * @return {String}
      */
     get name(): string;
     /**
-     * @description: 设置name属性
+     * @description: 设置 name 属性
      * @param {string} value
      */
     set name(value: string);
     /**
-     * @description: 当input类型为number类型时，可以获取min属性
+     * @description: 当 input 类型为 number 类型时，可以获取 min 属性
      * @return {String}
      */
     get min(): string;
     /**
-     * @description: 当input类型为number类型时，设置min属性
+     * @description: 当 input 类型为 number 类型时，设置 min 属性
      * @param {string} value
      */
     set min(value: string);
     /**
-     * @description: 当input类型为number类型时，可以获取max属性
+     * @description: 当 input 类型为 number 类型时，可以获取 max 属性
      * @return {String}
      */
     get max(): string;
     /**
-     * @description: 当input类型为number类型时，设置max属性
+     * @description: 当 input 类型为 number 类型时，设置 max 属性
      * @param {string} value
      */
     set max(value: string);
     /**
-     * @description: 当input类型为number类型时，可以获取step属性
+     * @description: 当 input 类型为 number 类型时，可以获取 step 属性
      * @return {String}
      */
     get step(): string;
     /**
-     * @description: 当input类型为number类型时，设置step属性
+     * @description: 当 input 类型为 number 类型时，设置 step 属性
      * @param {string} value
      */
     set step(value: string);
     /**
-     * @description: 获取一个icon
+     * @description: 获取一个 icon
      * @return {String}
      */
-    get icon(): string | null;
+    get icon(): string;
     /**
-     * @description: 设置icon来表示标识
+     * @description: 设置 icon 来表示标识
      * @param {string|null} value
      */
     set icon(value: string);
     /**
-     * @description: 获取input的类型
+     * @description: 获取前面的 icon
+     * @return {String}
+     */
+    get prefix(): string;
+    /**
+     * @description: 设置前面的 icon 来表示标识
+     * @param {string|null} value
+     */
+    set prefix(value: string);
+    /**
+     * @description: 获取后面的 icon
+     * @return {String}
+     */
+    get suffix(): string;
+    /**
+     * @description: 设置后面的 icon 来表示标识
+     * @param {string|null} value
+     */
+    set suffix(value: string);
+    /**
+     * @description: 获取 input 的类型
      * @return {string|null}
      */
-    get type(): string | null;
+    get type(): string;
     /**
-     * @description: 设置input的类型
+     * @description: 设置 input 的类型
      * @param {string|null} value
      */
     set type(value: string);
     /**
-     * @description: 原生的input方法
+     * @description: 原生的 input 方法
      * @param {Event} event
      */
     customInput: (event: Event) => void;
     /**
-     * @description: 增加change方法，同时兼容大小写的情况
+     * @description: 增加 change 方法，同时兼容大小写的情况
      */
     customChange: () => void;
     /**
-     * @description: 监听placeholder属性函数
+     * @description: 监听 placeholder 属性函数
      * @param {string} name
      * @param {string} value
      */
     listenPlaceholder: (name: string, value: string) => void;
     /**
-     * @description: 监听label属性函数
+     * @description: 监听 label 属性函数
      * @param {string} name
      * @param {string} value
      */
     listenLabel: (name: string, value: string) => void;
     /**
-     * @description: 监听type属性
+     * @description: 监听 type 属性
      * @param {string} name
      * @param {string} value
      */
     listenType: (name: string, value: string) => void;
     /**
-     * @description: 监听status属性
+     * @description: 监听 status 属性
      * @param {string} name
      * @param {string} value
      */
     listenStatus: (name: string, value: string) => void;
     /**
-     * @description: 监听disabled属性
+     * @description: 监听 disabled 属性
      * @param {string} name
      * @param {string} value
      */
     listenDisabled: (name: string, value: string) => void;
     /**
-     * @description:  监听icon属性
+     * @description:  监听 icon 属性
      * @param {string} name
      * @param {string} value
      */
     listenIcon: (name: string, value: string, oldValue: string) => void;
     /**
-     * @description: 处理icon属性的问题
+     * @description: 处理 icon 属性的问题
      */
     dealIcon: () => void;
     /**
@@ -181,5 +205,5 @@ export declare class Input extends HTMLElement {
     disconnectCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }
-declare const _default: import('../../utils/index').CustomErrorType;
+declare const _default: import("@/utils/index").CustomErrorType;
 export default _default;

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

@@ -1,3 +1,5 @@
+import '@/components/icon';
+import './index.less';
 declare const message: {
     info: (options: Ran.Prompt | string | undefined | null) => void;
     success: (options: Ran.Prompt | string | undefined | null) => void;

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

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

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

@@ -1,6 +1,24 @@
 /// <reference types="node" />
-import { SyncHook } from 'ranuts';
-import type { Progress } from '../progress';
+import '@/assets/js/hls.js';
+import type { Progress } from '@/components/progress';
+import '@/components/select';
+import './index.less';
+type Callback = (...args: unknown[]) => unknown;
+type EventName = string | symbol;
+type EventItem = {
+    name?: string | symbol;
+    callback: Callback;
+    initialCallback?: Callback;
+};
+export declare class SHook {
+    private _events;
+    constructor();
+    tap: (eventName: EventName, eventItem: EventItem | Callback) => void;
+    call: (eventName: EventName, ...args: Array<unknown>) => void;
+    callSync: (eventName: EventName, ...args: Array<unknown>) => Promise<void>;
+    once: (eventName: EventName, eventItem: EventItem | Callback) => void;
+    off: (eventName: EventName, eventItem: EventItem | Callback) => void;
+}
 export interface HlsPlayer {
     startLoad(): () => void;
     off: (s: string, f: Function) => void;
@@ -19,7 +37,7 @@ export interface Level {
     videoCodec: string;
 }
 export interface Context {
-    action: SyncHook;
+    action: SHook;
     currentState: string;
     duration: number;
     currentTime: number;
@@ -31,7 +49,11 @@ export interface Context {
     levelMap: Map<string, string>;
     clarity: string;
 }
-export declare class RanPlayer extends HTMLElement {
+declare const RanPlayer_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class RanPlayer extends RanPlayer_base {
     ctx: Context;
     _player: HTMLDivElement;
     _container: HTMLDivElement;
@@ -70,12 +92,14 @@ export declare class RanPlayer extends HTMLElement {
     _hls?: HlsPlayer;
     static get observedAttributes(): string[];
     /**
-     * @description: 初始化view和video的全局上下文
+     * @description: 初始化 view 和 video 的全局上下文
      * @return {*}
      */
     constructor();
     get src(): string;
     set src(value: string);
+    get debug(): string;
+    set debug(value: string);
     get volume(): string;
     set volume(value: string);
     get currentTime(): string;
@@ -94,6 +118,7 @@ export declare class RanPlayer extends HTMLElement {
      * @return {*}
      */
     updatePlayer: () => void;
+    hlsError: (event: unknown, data: unknown) => void;
     change: (name: string, value: unknown) => void;
     onCanplay: (e: Event) => void;
     onCanplaythrough: (e: Event) => void;
@@ -180,7 +205,7 @@ export declare class RanPlayer extends HTMLElement {
      */
     SpaceKeyDown: (e: KeyboardEvent) => void;
     /**
-     * @description: 点击player-btn，触发的事件
+     * @description: 点击 player-btn，触发的事件
      * @param {*} void
      * @return {*}
      */

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

@@ -0,0 +1,39 @@
+/// <reference types="node" />
+import './index.less';
+declare const Popover_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class Popover extends Popover_base {
+    _slot: HTMLSlotElement;
+    popoverBlock: HTMLDivElement;
+    popoverContent?: HTMLDivElement;
+    popoverArrow?: HTMLDivElement;
+    popoverInner?: HTMLDivElement;
+    popoverInnerBlock?: HTMLDivElement;
+    removePopoverTimeId?: NodeJS.Timeout;
+    static get observedAttributes(): string[];
+    constructor();
+    get placement(): string;
+    set placement(value: string);
+    get arrow(): string;
+    set arrow(value: string);
+    get trigger(): string;
+    set trigger(value: string);
+    get getPopupContainerId(): string;
+    set getPopupContainerId(value: string);
+    createContent: (content: HTMLCollection) => void;
+    watchContent: (e: Event) => void;
+    placementPosition: () => void;
+    hoverPopover: () => void;
+    clickContent: (e: Event) => void;
+    clickPopover: (e: Event) => void;
+    clickRemovePopover: () => void;
+    popoverTrigger: () => void;
+    hoverRemovePopover: () => void;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(n: string, o: string, v: string): void;
+}
+declare const _default: import("@/utils/index").CustomErrorType;
+export default _default;