ranui 0.1.9 → 0.1.10-alpha-25

package/typings.d.ts

@@ -0,0 +1,257 @@
+declare module '*.less';
+declare module '*.less?inline';
+declare module '*.ts';
+declare module '*.svg';
+declare module 'docx-preview';
+declare module 'exceljs/*';
+declare module '@/assets/*';
+declare module '@/public/*';
+declare module '@/components/*';
+declare module '@/plugins/*';
+
+declare namespace Ran {
+  interface Prompt {
+    content: string;
+    duration?: number;
+    close?: () => void;
+  }
+
+  type Hint = (options: Prompt | string | undefined | null) => void;
+
+  interface Message {
+    info: Hint;
+    success: Hint;
+    error: Hint;
+    warning: Hint;
+    toast: Hint;
+  }
+}
+
+interface Ranui {
+  message: Partial<Ran.Message>;
+}
+
+interface HlsPlayer {
+  off: (s: string, f: Function) => void;
+  on: (s: string, f: Function) => void;
+  loadSource: (s: string) => void;
+  attachMedia: (v: HTMLVideoElement) => void;
+  destroy: () => void;
+  startLoad(): () => void;
+}
+
+interface Hls {
+  Events: {
+    MANIFEST_LOADED: 'hlsManifestLoaded';
+    ERROR: 'error';
+  };
+  isSupported: () => boolean;
+}
+
+type HLS = Hls & (new () => HlsPlayer);
+
+interface Viewport {
+  width: number;
+  height: number;
+  viewBox: Array<number>;
+}
+interface RenderContext {
+  canvasContext: CanvasRenderingContext2D | null;
+  transform: Array<number>;
+  viewport: Viewport;
+}
+
+interface PDFPageProxy {
+  pageNumber: number;
+  getViewport: () => Viewport;
+  render: (options: RenderContext) => void;
+}
+
+interface PDFDocumentProxy {
+  numPages: number;
+  getPage: (x: number) => Promise<PDFPageProxy>;
+}
+
+interface HTMLElement {
+  mozRequestFullScreen: (options?: FullscreenOptions) => Promise<void>;
+  msRequestFullscreen: (options?: FullscreenOptions) => Promise<void>;
+  oRequestFullscreen: (options?: FullscreenOptions) => Promise<void>;
+  webkitRequestFullscreen: (options?: FullscreenOptions) => Promise<void>;
+  webkitEnterFullscreen: (options?: FullscreenOptions) => Promise<void>;
+}
+declare interface Document {
+  msExitFullscreen: () => Promise<void>;
+  mozCancelFullScreen: () => Promise<void>;
+  oCancelFullScreen: () => Promise<void>;
+  webkitExitFullscreen: () => Promise<void>;
+}
+
+interface MathJax {
+  texReset: () => void;
+  getMetricsFor: (x: HTMLElement) => object;
+  tex2chtmlPromise: (x: string, y: object) => Promise<Element>;
+}
+
+declare global {
+  interface Window {
+    ranui: Partial<Ranui>;
+    message: Partial<Ran.Message>;
+    MathJax: MathJax;
+    katex: {
+      render: (x: string, y: HTMLElement, z: object) => void;
+    };
+    pdfjsLib: {
+      GlobalWorkerOptions: {
+        workerSrc: string;
+      };
+      getDocument: (x: string | ArrayBuffer) => {
+        promise: Promise<PDFDocumentProxy>;
+      };
+    };
+  }
+}
+
+enum ICON_NAME_AMP {
+  DOUBLE_BOUNCE = 'double-bounce',
+  ROTATE = 'rotate',
+  STRETCH = 'stretch',
+  CUBE = 'cube',
+  DOT = 'dot',
+  TRIPLE_BOUNCE = 'triple-bounce',
+  SCALE_OUT = 'scale-out',
+  CIRCLE = 'circle',
+  CIRCLE_LINE = 'circle-line',
+  SQUARE = 'square',
+  PULSE = 'pulse',
+  SOLAR = 'solar',
+  CUBE_FOLD = 'cube-fold',
+  CIRCLE_FOLD = 'circle-fold',
+  CUBE_GRID = 'cube-grid',
+  CIRCLE_TURN = 'circle-turn',
+  CIRCLE_ROTATE = 'circle-rotate',
+  CIRCLE_SPIN = 'circle-spin',
+  DOT_BAR = 'dot-bar',
+  DOT_CIRCLE = 'dot-circle',
+  LINE = 'line',
+  DOT_PULSE = 'dot-pulse',
+  LINE_SCALE = 'line-scale',
+  TEXT = 'text',
+  CUBE_DIM = 'cube-dim',
+  DOT_LINE = 'dot-line',
+  ARC = 'arc',
+  DROP = 'drop',
+  PACMAN = 'pacman',
+}
+interface BaseIntrinsicElements {
+  'r-loading': any & {
+    name: ICON_NAME_AMP;
+  };
+  'r-math': any & {
+    latex: string;
+  };
+  'r-button': any & {
+    sheet: string;
+    disabled: boolean | string;
+    iconSize: string;
+    icon: string;
+    effect: boolean | string;
+  };
+  'r-checkbox': any & {
+    disabled: boolean | string;
+    checked: boolean | string;
+  };
+  'r-img': any & {
+    fallback: string;
+    src: string;
+  };
+  'r-input': any & {
+    value: string;
+    placeholder: string;
+    label: string;
+    status: string;
+    name: string;
+    icon: string;
+    prefix: string;
+    suffix: string;
+    type: string;
+    required: boolean | string;
+    disabled: boolean | string;
+    min: number | string;
+    max: number | string;
+    step: number | string;
+  };
+  'r-player': any & {
+    src: string;
+    debug: boolean | string;
+    volume: number | string;
+    currentTime: number | string;
+    playbackRate: number | string;
+  };
+  'r-popover': any & {
+    placement: string;
+    trigger: string;
+    getPopupContainerId: string;
+    arrow: boolean | string;
+    closePopover: () => void;
+  };
+  'r-content': any;
+  'r-preview': any & {
+    src: string;
+    closeable: boolean | string;
+  };
+  'r-progress': any & {
+    percent: number | string;
+    total: number | string;
+    type: string;
+    animation: string;
+    dot: boolean | string;
+  };
+  'r-radar': any & {
+    abilitys: string;
+    colorPolygon?: string;
+    colorLine?: string;
+    fillColor?: string;
+    strokeColor?: string;
+  };
+  'r-select': any & {
+    value: string;
+    defaultValue?: string;
+    showSearch?: boolean | string;
+    type?: string;
+    placement?: string;
+    sheet?: string;
+    getPopupContainerId?: string;
+    dropdownclass?: string;
+    trigger?: string;
+    disabled?: boolean | string;
+  };
+  'r-skeleton': any;
+  'r-tab': any & {
+    label: string;
+    icon: string;
+    iconSize: string;
+    key: string;
+    disabled: boolean | string;
+    effect: boolean | string;
+  };
+  'r-tabs': any & {
+    align: string;
+    type: string;
+    active: string;
+    effect: string;
+  };
+  'r-icon': any & {
+    name?: string;
+    size?: string;
+    color?: string;
+  };
+}
+namespace JSX {
+  interface IntrinsicElements extends BaseIntrinsicElements {}
+}
+
+namespace React {
+  namespace JSX {
+    interface IntrinsicElements extends BaseIntrinsicElements {}
+  }
+}

package/dist/colz-746223ab.js

@@ -1,241 +0,0 @@
-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;
-};
-const round = Math.round;
-class Rgb {
-  constructor(col) {
-    __publicField(this, "r");
-    __publicField(this, "g");
-    __publicField(this, "b");
-    this.r = col[0];
-    this.g = col[1];
-    this.b = col[2];
-  }
-  toString() {
-    return `rgb(${this.r},${this.g},${this.b})`;
-  }
-}
-class Rgba extends Rgb {
-  constructor(col) {
-    super(col);
-    __publicField(this, "a");
-    this.a = col[3];
-  }
-  toString() {
-    return `rgba(${this.r},${this.g},${this.b},${this.a})`;
-  }
-}
-class Hsl {
-  constructor(col) {
-    __publicField(this, "h");
-    __publicField(this, "s");
-    __publicField(this, "l");
-    this.h = col[0];
-    this.s = col[1];
-    this.l = col[2];
-  }
-  toString() {
-    return `hsl(${this.h},${this.s}%,${this.l}%)`;
-  }
-}
-class Hsla extends Hsl {
-  constructor(col) {
-    super(col);
-    __publicField(this, "a");
-    this.a = col[3];
-  }
-  toString() {
-    return `hsla(${this.h},${this.s}%,${this.l}%,${this.a})`;
-  }
-}
-class Color {
-  constructor(r, g = 0, b = 0, a = 1) {
-    __publicField(this, "r");
-    __publicField(this, "g");
-    __publicField(this, "b");
-    __publicField(this, "a");
-    __publicField(this, "rgb");
-    __publicField(this, "rgba");
-    __publicField(this, "hex");
-    __publicField(this, "hsl");
-    __publicField(this, "hsla");
-    __publicField(this, "h");
-    __publicField(this, "s");
-    __publicField(this, "l");
-    if (typeof r === "string") {
-      let str = r;
-      if (str.charAt(0) !== "#") {
-        str = "#" + str;
-      }
-      if (str.length < 7) {
-        str = "#" + str[1] + str[1] + str[2] + str[2] + str[3] + str[3];
-      }
-      [r, g, b] = hexToRgb(str);
-    } else if (r instanceof Array) {
-      a = r[3] || a;
-      b = r[2];
-      g = r[1];
-      r = r[0];
-    }
-    this.r = Number(r);
-    this.g = Number(g);
-    this.b = Number(b);
-    this.a = a;
-    this.rgb = new Rgb([this.r, this.g, this.b]);
-    this.rgba = new Rgba([this.r, this.g, this.b, this.a]);
-    this.hex = rgbToHex(this.r, this.g, this.b);
-    this.hsl = new Hsl(rgbToHsl(this.r, this.g, this.b));
-    this.h = this.hsl.h;
-    this.s = this.hsl.s;
-    this.l = this.hsl.l;
-    this.hsla = new Hsla([this.h, this.s, this.l, this.a]);
-  }
-  setHue(newHue) {
-    this.h = newHue;
-    this.hsl.h = newHue;
-    this.hsla.h = newHue;
-    this.updateFromHsl();
-  }
-  setSat(newSat) {
-    this.s = newSat;
-    this.hsl.s = newSat;
-    this.hsla.s = newSat;
-    this.updateFromHsl();
-  }
-  setLum(newLum) {
-    this.l = newLum;
-    this.hsl.l = newLum;
-    this.hsla.l = newLum;
-    this.updateFromHsl();
-  }
-  setAlpha(newAlpha) {
-    this.a = newAlpha;
-    this.hsla.a = newAlpha;
-    this.rgba.a = newAlpha;
-  }
-  updateFromHsl() {
-    this.rgb = new Rgb(hslToRgb(this.h, this.s, this.l));
-    this.r = this.rgb.r;
-    this.g = this.rgb.g;
-    this.b = this.rgb.b;
-    this.rgba.r = this.rgb.r;
-    this.rgba.g = this.rgb.g;
-    this.rgba.b = this.rgb.b;
-    this.hex = rgbToHex([this.r, this.g, this.b]);
-  }
-}
-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;
-};
-const getDarkColor = (color, level) => {
-  const rgbc = hexToRgb(color) || [];
-  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]));
-  return rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
-}
-const componentToHex = function(c) {
-  const hex = c.toString(16);
-  return hex.length === 1 ? "0" + hex : hex;
-};
-const rgbToHex = function(r, g = 0, b = 0) {
-  if (r instanceof Array) {
-    b = r[2];
-    g = r[1];
-    r = r[0];
-  }
-  return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
-};
-const rgbToHsl = function(r, g = 0, b = 0) {
-  if (r instanceof Array) {
-    b = r[2];
-    g = r[1];
-    r = r[0];
-  }
-  let s, l, d, h = 0;
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  l = (max + min) / 2;
-  if (max === min) {
-    h = s = 0;
-  } else {
-    d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case r:
-        h = (g - b) / d + (g < b ? 6 : 0);
-        break;
-      case g:
-        h = (b - r) / d + 2;
-        break;
-      case b:
-        h = (r - g) / d + 4;
-        break;
-    }
-    h /= 6;
-  }
-  h = round(h * 360);
-  s = round(s * 100);
-  l = round(l * 100);
-  return [h, s, l];
-};
-const hue2rgb = function(p, q, t) {
-  if (t < 0) {
-    t += 1;
-  }
-  if (t > 1) {
-    t -= 1;
-  }
-  if (t < 1 / 6) {
-    return p + (q - p) * 6 * t;
-  }
-  if (t < 1 / 2) {
-    return q;
-  }
-  if (t < 2 / 3) {
-    return p + (q - p) * (2 / 3 - t) * 6;
-  }
-  return p;
-};
-const hslToRgb = function(h, s, l) {
-  if (h instanceof Array) {
-    l = h[2];
-    s = h[1];
-    h = h[0];
-  }
-  h = Number(h) / 360;
-  s = Number(s) / 100;
-  l = Number(l) / 100;
-  let r, g, b, q, p;
-  if (s === 0) {
-    r = g = b = l;
-  } else {
-    q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-    p = 2 * l - q;
-    r = hue2rgb(p, q, h + 1 / 3);
-    g = hue2rgb(p, q, h);
-    b = hue2rgb(p, q, h - 1 / 3);
-  }
-  return [round(r * 255), round(g * 255), round(b * 255)];
-};
-export {
-  Color as C,
-  getDarkColor as a,
-  getLightColor as g
-};

package/dist/components/button/index.js

@@ -1,8 +0,0 @@
-import { B, a } from "../../index-2d16a084.js";
-import "../../index-7913ec46.js";
-import "../../index-57492b9b.js";
-import "../../vendor-f71e6f68.js";
-export {
-  B as Button,
-  a as default
-};

package/dist/components/icon/index.js

@@ -1,6 +0,0 @@
-import { a } from "../../index-7216d6b0.js";
-import "../../index-7913ec46.js";
-import "../../vendor-f71e6f68.js";
-export {
-  a as default
-};

package/dist/components/image/index.js

@@ -1,4 +0,0 @@
-import { a } from "../../index-01b17e26.js";
-export {
-  a as default
-};

package/dist/components/input/index.js

@@ -1,6 +0,0 @@
-import { I, a } from "../../index-1048a998.js";
-import "../../index-57492b9b.js";
-export {
-  I as Input,
-  a as default
-};

package/dist/components/message/index.js

@@ -1,4 +0,0 @@
-import { m } from "../../index-0d5b9435.js";
-export {
-  m as default
-};

package/dist/components/modal/index.js

@@ -1,4 +0,0 @@
-import { a } from "../../index-8e1e2573.js";
-export {
-  a as default
-};

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

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

package/dist/components/option/index.js

@@ -1,95 +0,0 @@
-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;
-};
-import { c as createCustomError, i as isDisabled } from "../../index-57492b9b.js";
-const f7170ee498e0dd32cbdcb63fba8f75cc = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}@keyframes ranui-select-dropdown-down-in{0%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}to{transform:scaleY(1);transform-origin:100% 100%;opacity:1}}@keyframes ranui-select-dropdown-down-out{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}to{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}}@keyframes ranui-select-dropdown-up-in{0%{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}@keyframes ranui-select-dropdown-up-out{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.ran-select-dropdown-down-in{animation:ranui-select-dropdown-up-in .2s;animation-fill-mode:forwards}.ran-select-dropdown-down-out{animation:ranui-select-dropdown-up-out .2s;animation-fill-mode:forwards}.ran-select-dropdown-up-in{animation:ranui-select-dropdown-down-in .2s;animation-fill-mode:forwards}.ran-select-dropdown-up-out{animation:ranui-select-dropdown-down-out .2s;animation-fill-mode:forwards}.ranui-select-dropdown{position:absolute;transform-origin:var(--ran-x, 50%) var(--ran-y, 50%);box-sizing:border-box;margin:0;padding:4px;color:#000000e0;font-size:14px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";z-index:1050;overflow:hidden;font-variant:initial;background:#ffffff;border-radius:8px;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;cursor:pointer}.ranui-select-dropdown-option-item{position:relative;display:block;padding:5px 12px;color:#000000e0;font-weight:400;font-size:14px;transition:background .3s ease;border-radius:4px}.ranui-select-dropdown-option-item:hover{background-color:#0000000a}.ranui-select-dropdown-option-item-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000000e0;font-size:14px;line-height:1.57142857;box-sizing:border-box;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:initial}.ranui-select-dropdown-option-active{background-color:#e6f7ff;font-weight:700}.ranui-select-dropdown-option-active:hover{background-color:#e6f7ff}\n';
-const index$1 = "";
-function Custom() {
-  if (typeof document !== "undefined" && !customElements.get("r-option")) {
-    class Option extends HTMLElement {
-      constructor() {
-        super();
-        __publicField(this, "_option");
-        __publicField(this, "_optionContent");
-        __publicField(this, "_shadowDom");
-        __publicField(this, "_slot");
-        this._slot = document.createElement("slot");
-        this._option = document.createElement("div");
-        this._option.setAttribute("class", "ran-option");
-        this._optionContent = document.createElement("div");
-        this._optionContent.setAttribute("class", "ran-option-content");
-        this._optionContent.appendChild(this._slot);
-        this._option.appendChild(this._optionContent);
-        const shadowRoot = this.attachShadow({ mode: "closed" });
-        const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
-        F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
-        shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
-        this._shadowDom = shadowRoot;
-        shadowRoot.appendChild(this._option);
-      }
-      static get observedAttributes() {
-        return ["disabled", "sheet", "value"];
-      }
-      get value() {
-        return this.getAttribute("value");
-      }
-      set value(value) {
-        this.setAttribute("value", value || "");
-      }
-      get sheet() {
-        return this.getAttribute("sheet");
-      }
-      set sheet(value) {
-        this.setAttribute("sheet", value || "");
-      }
-      get disabled() {
-        return isDisabled(this);
-      }
-      set disabled(value) {
-        if (!value || value === "false") {
-          this.removeAttribute("disabled");
-        } else {
-          this.setAttribute("disabled", "");
-        }
-      }
-      handlerExternalCss() {
-        if (this.sheet) {
-          try {
-            const sheet = new CSSStyleSheet();
-            sheet.insertRule(this.sheet);
-            this._shadowDom.adoptedStyleSheets = [sheet];
-          } catch (error) {
-            console.error(
-              `Failed to parse the rule in CSSStyleSheet: ${this.sheet}`
-            );
-          }
-        }
-      }
-      connectedCallback() {
-      }
-      disconnectCallback() {
-      }
-      attributeChangedCallback(name, oldValue, newValue) {
-        if (name === "disabled" && this._option) {
-          if (!newValue || newValue === "false") {
-            this._option.setAttribute("disabled", "");
-          } else {
-            this._option.removeAttribute("disabled");
-          }
-        }
-        if (name === "sheet" && this._shadowDom && oldValue !== newValue)
-          this.handlerExternalCss();
-      }
-    }
-    return Option;
-  } else {
-    return createCustomError("document is undefined or r-option is exist");
-  }
-}
-const index = Custom();
-export {
-  index as default
-};

package/dist/components/player/index.js

@@ -1,12 +0,0 @@
-import "../../index-7913ec46.js";
-import { R, a } from "../../index-e2e5d725.js";
-import "../../index-1b73beee.js";
-import "../../vendor-f71e6f68.js";
-import "../../index-57492b9b.js";
-import "../option/index.js";
-import "../../index-7216d6b0.js";
-import "../../index-1048a998.js";
-export {
-  R as RanPlayer,
-  a as default
-};