ranui 0.1.10-alpha.3 → 0.1.10-alpha.4

package/dist/{utils-74Icp-PI.js → arrow-down-Beig7FXI.js}

@@ -1,28 +1,21 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const noop = () => {
 };
 const currentDevice = () => {
   if (typeof window !== "undefined") {
     const ua = navigator.userAgent.toLowerCase();
-    if (/ipad|ipod/.test(ua))
-      return "ipad";
-    if (/android/.test(ua))
-      return "android";
-    if (/iphone/.test(ua))
-      return "iphone";
+    if (/ipad|ipod/.test(ua)) return "ipad";
+    if (/android/.test(ua)) return "android";
+    if (/iphone/.test(ua)) return "iphone";
     return "pc";
   }
   return "pc";
 };
 const isClient = typeof window !== "undefined";
 const isMobile = () => {
-  if (!isClient)
-    return false;
+  if (!isClient) return false;
   const ua = window.navigator.userAgent;
   if (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(ua)) {
     return true;
@@ -231,10 +224,8 @@ function timestampToTime(timestamp) {
   return date;
 }
 const timeFormat = (time) => {
-  if (time === 0)
-    return "00:00";
-  if (!time)
-    return "";
+  if (time === 0) return "00:00";
+  if (!time) return "";
   const hour = Math.trunc(time / 3600);
   const minute = Math.trunc(time % 3600 / 60);
   const second = formatDuration(Math.trunc(time - hour * 3600 - minute * 60));
@@ -248,28 +239,139 @@ const getPixelRatio = (context) => {
   return (isClient && window.devicePixelRatio || 1) / backingStore;
 };
 const addClassToElement = (element, addClass) => {
-  if (typeof document === "undefined")
-    return void 0;
+  if (typeof document === "undefined") return void 0;
   const classList = element.classList;
   if (!classList.contains(addClass)) {
     classList.add(addClass);
   }
 };
 const removeClassToElement = (element, removeClass) => {
-  if (typeof document === "undefined")
-    return void 0;
+  if (typeof document === "undefined") return void 0;
   const classList = element.classList;
   if (classList.contains(removeClass)) {
     classList.remove(removeClass);
   }
 };
 const createDocumentFragment = (list) => {
-  if (typeof document === "undefined")
-    return void 0;
+  if (typeof document === "undefined") return void 0;
   const Fragment = document.createDocumentFragment();
   list.forEach((item) => Fragment.appendChild(item));
   return Fragment;
 };
+const SVG_NS = "http://www.w3.org/2000/svg";
+const SVG_TAG_NAMES = [
+  "svg",
+  "path",
+  "g",
+  "circle",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "ellipse",
+  "text",
+  "tspan",
+  "textPath",
+  "defs",
+  "marker",
+  "radialGradient",
+  "stop",
+  "linearGradient",
+  "clipPath",
+  "mask",
+  "pattern",
+  "image",
+  "use",
+  "symbol",
+  "foreignObject",
+  "feGaussianBlur",
+  "feColorMatrix"
+];
+class Chain {
+  constructor(tagName, options) {
+    __publicField(this, "listener");
+    __publicField(this, "element");
+    __publicField(this, "create", (tagName2, options2) => {
+      if (SVG_TAG_NAMES.includes(tagName2)) {
+        return document.createElementNS(SVG_NS, tagName2, options2);
+      }
+      return document.createElement(tagName2, options2);
+    });
+    __publicField(this, "setAttribute", (name, value) => {
+      this.element.setAttribute(name, value);
+      return this;
+    });
+    __publicField(this, "removeAttribute", (name) => {
+      this.element.removeAttribute(name);
+      return this;
+    });
+    __publicField(this, "append", (child) => {
+      this.element.appendChild(child);
+      return this;
+    });
+    __publicField(this, "remove", (child) => {
+      this.element.removeChild(child);
+      return this;
+    });
+    __publicField(this, "setTextContent", (text) => {
+      this.element.textContent = text;
+      return this;
+    });
+    __publicField(this, "setStyle", (name, value) => {
+      this.element.style.setProperty(name, value);
+      return this;
+    });
+    __publicField(this, "addChild", (child) => {
+      if (Array.isArray(child)) {
+        const Fragment = document.createDocumentFragment();
+        child.forEach((item) => Fragment.appendChild(item.element));
+        this.element.appendChild(Fragment);
+      } else {
+        this.element.appendChild(child.element);
+      }
+      return this;
+    });
+    __publicField(this, "listen", (type, listener, options2) => {
+      let event = this.listener.get(type);
+      if (!event) {
+        event = /* @__PURE__ */ new Map();
+        this.listener.set(type, event);
+      }
+      const value = event.get(listener.name);
+      if (value === listener) {
+        console.warn(`${value.name} listener has been added to ${type} event, please remove it first.`);
+      }
+      this.element.addEventListener(type, listener, options2);
+      event.set(listener.name, listener);
+      return this;
+    });
+    __publicField(this, "clearListener", (type, listener, options2) => {
+      this.element.removeEventListener(type, listener, options2);
+      const event = this.listener.get(type);
+      if (event) {
+        event.delete(listener.name);
+      } else {
+        console.warn(`No ${type} event listener has been added.`);
+      }
+      return this;
+    });
+    __publicField(this, "clearAllListener", () => {
+      for (const [key, value] of this.listener) {
+        for (const [k2, v2] of value) {
+          this.element.removeEventListener(key, v2);
+          value.delete(k2);
+        }
+        this.listener.delete(key);
+      }
+      return this;
+    });
+    this.element = this.create(tagName, options);
+    this.listener = /* @__PURE__ */ new Map();
+  }
+}
+const create = (tagName, options) => {
+  return new Chain(tagName, options);
+};
 const generateThrottle = () => {
   let timer;
   return function(fn, wait = 300) {
@@ -399,8 +501,7 @@ function createStatusCodeList(codes2) {
   return codeList;
 }
 const perToNum = (str = "") => {
-  if (str.length === 0)
-    return 0;
+  if (str.length === 0) return 0;
   if (str.endsWith("%")) {
     const value = Number(str.replace("%", ""));
     return value > 1 ? value / 100 : value;
@@ -470,6 +571,7 @@ class SyncHook {
         callbacks.push(eventItem);
       }
       this._events[eventName] = callbacks;
+      return this;
     });
     __publicField(this, "call", (eventName, ...args) => {
       const callbacks = this._events[eventName] || [];
@@ -508,6 +610,7 @@ class SyncHook {
         };
       }
       this.tap(eventName, one);
+      return this;
     });
     __publicField(this, "off", (eventName, eventItem) => {
       const callbacks = this._events[eventName] || [];
@@ -520,20 +623,28 @@ class SyncHook {
         }
       });
       this._events[eventName] = newCallbacks;
+      return this;
     });
     this._events = {};
   }
 }
+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 {
   SyncHook as S,
   addClassToElement as a,
-  createDocumentFragment as b,
-  currentDevice as c,
-  generateThrottle as d,
+  currentDevice as b,
+  create as c,
+  createDocumentFragment as d,
   range as e,
-  timestampToTime as f,
+  generateThrottle as f,
   getPixelRatio as g,
+  timestampToTime as h,
   isMobile as i,
+  arrowDown$1 as j,
   noop as n,
   perToNum as p,
   removeClassToElement as r,

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/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/build/config.es.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist/button.js

@@ -1,6 +1,6 @@
-import { B, a } from "./index-B2yRe66F.js";
-import "./utils-74Icp-PI.js";
-import "./index-CSnBqUsQ.js";
+import { B, a } from "./index-BafnazTJ.js";
+import "./arrow-down-Beig7FXI.js";
+import "./index-DC5EA657.js";
 export {
   B as Button,
   a as default

package/dist/checkbox.js

@@ -1,6 +1,6 @@
-import "./utils-74Icp-PI.js";
-import "./index-CSnBqUsQ.js";
-import { C, a } from "./index-C-p_Wpit.js";
+import "./arrow-down-Beig7FXI.js";
+import "./index-DC5EA657.js";
+import { C, a } from "./index-CILRcFIV.js";
 export {
   C as Checkbox,
   a as default

package/dist/colorpicker.js

@@ -1,12 +1,10 @@
-import "./utils-74Icp-PI.js";
-import "./index-CSnBqUsQ.js";
-import { C, a } from "./index-DRWOSfdF.js";
-import "./index-CWWI8SHO.js";
-import "./index-CbyMC6Yz.js";
-import "./index-CFnsLnrb.js";
-import "./index-Cr9AYoGT.js";
-import "./option.js";
-import "./index-DRi1ylHx.js";
+import "./arrow-down-Beig7FXI.js";
+import "./index-DC5EA657.js";
+import { C, a } from "./index-DUF6lQQS.js";
+import "./index-DEcHDJ1m.js";
+import "./index-WfFw4LJT.js";
+import "./selectShadowless.js";
+import "./index-C1rSQlmc.js";
 export {
   C as ColorPicker,
   a as default

package/dist/{colz-CRDozfZA.js → colz-DJZvo_8B.js}

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const round = Math.round;
 class Rgb {
   constructor(col) {
@@ -133,14 +130,12 @@ const hexToRgb = function(hex) {
 };
 const getDarkColor = (color, level) => {
   const rgbc = hexToRgb(color) || [];
-  for (let i = 0; i < 3; i++)
-    rgbc[i] = Math.floor(Number(rgbc[i]) * (1 - level));
+  for (let i = 0; i < 3; i++) rgbc[i] = Math.floor(Number(rgbc[i]) * (1 - level));
   return rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
 };
 function getLightColor(color, level) {
   const rgbc = hexToRgb(color) || [];
-  for (let i = 0; i < 3; i++)
-    rgbc[i] = Math.floor((255 - Number(rgbc[i])) * level + Number(rgbc[i]));
+  for (let i = 0; i < 3; i++) rgbc[i] = Math.floor((255 - Number(rgbc[i])) * level + Number(rgbc[i]));
   return rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
 }
 const componentToHex = function(c) {

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

@@ -0,0 +1,39 @@
+/// <reference types="node" />
+declare const Button_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class Button extends Button_base {
+    _btn: HTMLDivElement;
+    _btnContent: HTMLDivElement;
+    _iconElement?: HTMLElement;
+    _slot: HTMLSlotElement;
+    _shadowDom: ShadowRoot;
+    debounceTimeId?: NodeJS.Timeout;
+    static get observedAttributes(): string[];
+    constructor();
+    get sheet(): string;
+    set sheet(value: string);
+    get disabled(): boolean | string;
+    set disabled(value: boolean | string | undefined | null);
+    get iconSize(): string;
+    set iconSize(value: string | undefined | null);
+    get icon(): string;
+    set icon(value: string | null);
+    get effect(): string;
+    set effect(value: string | null);
+    /**
+     * @description: 设置 button 的 icon
+     * @return {*}
+     */
+    setIcon: () => void;
+    mousedown: (event: MouseEvent) => void;
+    mouseup: (event: MouseEvent) => void;
+    debounceMouseEvent: () => void;
+    handlerExternalCss: () => 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/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,120 @@
+import '@/components/popover';
+import '@/shadowless/input';
+import '@/shadowless/select';
+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/dropdown/index.d.ts

@@ -0,0 +1,28 @@
+import type { Chain } from 'ranuts/utils';
+declare const Dropdown_base: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class Dropdown extends Dropdown_base {
+    dropdown: Chain;
+    _slot: Chain;
+    _shadowDom: ShadowRoot;
+    arrowIcon?: Chain;
+    container: Chain;
+    static get observedAttributes(): string[];
+    constructor();
+    get transit(): string;
+    set transit(value: string);
+    get arrow(): string;
+    set arrow(value: string);
+    get show(): string;
+    set show(value: string);
+    handlerTransit: () => void;
+    handlerArrow: () => void;
+    stopPropagation: (e: Event) => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+}
+declare const _default: import("@/utils/index").CustomErrorType;
+export default _default;

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

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

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

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

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

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