ranui 0.1.10-alpha.7 → 0.2.0-alpha.0

package/dist/index-CILRcFIV.js

@@ -1,100 +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);
-import { a as addClassToElement, r as removeClassToElement } from "./arrow-down-Beig7FXI.js";
-import { H as HTMLElementSSR, f as falseList, c as createCustomError } from "./index-DC5EA657.js";
-class Checkbox extends HTMLElementSSR() {
-  constructor() {
-    super();
-    __publicField(this, "checkInput");
-    __publicField(this, "checkInner");
-    __publicField(this, "context");
-    __publicField(this, "updateChecked", () => {
-      const { checked } = this.context;
-      if (checked) {
-        addClassToElement(this, "ran-checkbox-checked");
-      } else {
-        removeClassToElement(this, "ran-checkbox-checked");
-      }
-    });
-    __publicField(this, "update", () => {
-      this.updateChecked();
-    });
-    __publicField(this, "onChange", () => {
-      const { checked } = this.context;
-      this.context.checked = !checked;
-      this.dispatchEvent(
-        new CustomEvent("change", {
-          detail: {
-            checked: this.context.checked
-          }
-        })
-      );
-      this.update();
-    });
-    this.checkInput = document.createElement("input");
-    this.checkInput.setAttribute("class", "ran-checkbox-input");
-    this.checkInput.setAttribute("type", "checkbox");
-    this.checkInner = document.createElement("span");
-    this.checkInner.setAttribute("class", "ran-checkbox-inner");
-    this.context = {
-      checked: false
-    };
-  }
-  static get observedAttributes() {
-    return ["disabled", "checked"];
-  }
-  get disabled() {
-    return this.getAttribute("disabled") || "";
-  }
-  set disabled(value) {
-    this.setAttribute("disabled", value);
-  }
-  get checked() {
-    const checked = this.getAttribute("checked");
-    if (falseList.includes(checked)) {
-      this.context.checked = false;
-    }
-    return `${this.context.checked}`;
-  }
-  set checked(value) {
-    if (falseList.includes(value)) {
-      this.setAttribute("checked", "false");
-      this.context.checked = false;
-    } else {
-      this.setAttribute("checked", "true");
-      this.context.checked = true;
-    }
-    this.updateChecked();
-  }
-  connectedCallback() {
-    this.setAttribute("class", "ran-checkbox");
-    this.appendChild(this.checkInput);
-    this.appendChild(this.checkInner);
-    this.addEventListener("click", this.onChange);
-  }
-  disconnectCallback() {
-    this.removeEventListener("click", this.onChange);
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-  }
-}
-function Custom() {
-  if (typeof document !== "undefined" && !customElements.get("r-checkbox")) {
-    customElements.define("r-checkbox", Checkbox);
-    return Checkbox;
-  } else {
-    return createCustomError("document is undefined or r-checkbox is exist");
-  }
-}
-const index = Custom();
-const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Checkbox,
-  default: index
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Checkbox as C,
-  index as a,
-  index$1 as i
-};

package/dist/index-CQTJoWhb.js

@@ -1,19 +0,0 @@
-function Custom() {
-  if (typeof window !== "undefined" && !customElements.get("r-modal")) {
-    class CustomModal extends HTMLElement {
-      constructor() {
-        super();
-      }
-    }
-    customElements.define("r-modal", CustomModal);
-  }
-}
-const index = Custom();
-const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: index
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  index as a,
-  index$1 as i
-};

package/dist/index-CWNtaUwu.js

@@ -1,308 +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);
-import { d as createDocumentFragment, a as addClassToElement } from "./arrow-down-Beig7FXI.js";
-import { i as isDisabled, r as removeClassToElementChild } from "./index-DC5EA657.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}.ran-tab ::slotted(r-tab){box-sizing:border-box;width:100%;height:100%;padding:10px;flex-shrink:0;overflow:auto;text-align:start}.ran-tab-header{position:relative;overflow:hidden;scroll-behavior:smooth}.ran-tab-header-nav{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.ran-tab-header-nav::-webkit-scrollbar{display:none}.ran-tab-header-nav-item{flex-shrink:0}.ran-tab-header-nav .active{color:var(--active-color, #1890ff)}.ran-tab-header-line{position:absolute;width:0;margin-top:-2px;height:2px;border-radius:2px;background:var(--line-color, #1890ff);transition:.2s}.ran-tab-content{overflow:hidden}.ran-tab-content-wrap{display:flex;width:100%;height:100%;transition:.2s}:host([type="line"]) .ran-tab-header-nav-item{border:solid 1px transparent}:host([type="line"]) .ran-tab-header-nav .active{color:var(--line-color, #1890ff);border:solid 1px transparent;border-color:var(--border-color, rgba(0, 0, 0, .2)) var(--border-color, rgba(0, 0, 0, .2)) transparent;border-radius:var(--border-radius, .25em) var(--border-radius, .25em) 0 0}:host([type="line"]) .ran-tab-header-line{transition:none;visibility:hidden}:host([type="line"]) .ran-tab-header-line:after,:host([type="line"]) .ran-tab-header-line:before{content:"";position:absolute;visibility:visible;width:9999px;height:1px;bottom:0;background:var(--border-color, rgba(0, 0, 0, .2))}:host([type="line"]) .ran-tab-header-line:after{left:100%}:host([type="line"]) .ran-tab-header-line:before{right:100%}:host([align="center"]) .ran-tab-header-nav{justify-content:center}:host([align="center"]) .ran-tab-header-line{left:50%}:host([align="end"]) .ran-tab-header-nav{justify-content:flex-end}';
-function CustomElement() {
-  if (typeof window !== "undefined" && !customElements.get("r-tabs")) {
-    class Tabs extends HTMLElement {
-      constructor() {
-        super();
-        __publicField(this, "_container");
-        __publicField(this, "_header");
-        __publicField(this, "_nav");
-        __publicField(this, "_line");
-        __publicField(this, "_content");
-        __publicField(this, "_wrap");
-        __publicField(this, "_slot");
-        __publicField(this, "tabHeaderKeyMapIndex");
-        /**
-         * @description: 构建 tabPane 组件 key 值和 index 的映射，同时判断一个 tabs 下的 tabPane key 值不能重复
-         * @param {string} key
-         * @param {number} index
-         */
-        __publicField(this, "initTabHeaderKeyMapIndex", (key, index2) => {
-          const value = this.tabHeaderKeyMapIndex[key];
-          if (value) {
-            throw new Error("tab 组件的 key 值存在重复，或者某个 tab 组件缺少 key 属性");
-          } else {
-            this.tabHeaderKeyMapIndex[key] = index2;
-          }
-        });
-        /**
-         * @description: 初始化 tabLine 的位置，主要是当 tabs 的 align 属性为 center 时需要处理
-         */
-        __publicField(this, "initTabLineAlignCenter", () => {
-          const { length } = this._nav.children;
-          let left = 0;
-          for (let i = 0; i < length; i++) {
-            const { width = 0 } = this._nav.children[i].getBoundingClientRect();
-            left += width;
-          }
-          this._line.style.setProperty("left", `calc(50% - ${left / 2}px)`);
-        });
-        /**
-         * @description: 初始化tabLine的位置，主要是当tabs的align属性为end时需要处理
-         */
-        __publicField(this, "initTabLineAlignEnd", () => {
-          const { length } = this._nav.children;
-          let left = 0;
-          for (let i = 0; i < length; i++) {
-            const { width = 0 } = this._nav.children[i].getBoundingClientRect();
-            left += width;
-          }
-          this._line.style.setProperty("left", `calc(100% - ${left}px)`);
-        });
-        /**
-         * @description: 通过key值设置tabLine的位置
-         * @param {string} key
-         */
-        __publicField(this, "setTabLine", (key) => {
-          if (key) {
-            const index2 = this.tabHeaderKeyMapIndex[key];
-            const TabHeader = this._nav.children[index2];
-            const { width = 0 } = TabHeader.getBoundingClientRect();
-            this._line.style.setProperty("width", `${width}px`);
-            let distance = 0;
-            for (let i = 0; i < index2; i++) {
-              const item = this._nav.children[i];
-              const { width: width2 = 0 } = item.getBoundingClientRect();
-              distance += width2;
-            }
-            this._line.style.setProperty("transform", `translateX(${distance}px)`);
-          }
-        });
-        /**
-         * @description: 通过传入的key值设置tabContent
-         */
-        __publicField(this, "setTabContent", (key) => {
-          if (key) {
-            const index2 = this.tabHeaderKeyMapIndex[key];
-            this._wrap.style.setProperty("transform", `translateX(${index2 * -100}%)`);
-          }
-        });
-        /**
-         * @description: 根据点击设置 tabLine 的位置
-         * @param {Event} e
-         * @param {number} index
-         * @param {number} width
-         */
-        __publicField(this, "clickTabHead", (e) => {
-          const tabHeader = e.target;
-          const key = tabHeader.getAttribute("r-key");
-          const disabled = isDisabled(tabHeader);
-          if (!disabled && key) {
-            this.setAttribute("active", key);
-            this.setTabLine(key);
-            this.setTabContent(key);
-            removeClassToElementChild(this._nav, "active");
-            addClassToElement(tabHeader, "active");
-          }
-        });
-        /**
-         * @description: tabPane 设置属性，需要在 tabs 上展示时触发
-         * @param {string} key
-         * @param {string} value
-         */
-        __publicField(this, "updateAttribute", (key, attribute, value = "") => {
-          var _a, _b;
-          const index2 = this.tabHeaderKeyMapIndex[key];
-          if (key && value && this._nav.children[index2]) {
-            (_a = this._nav.children[index2]) == null ? void 0 : _a.setAttribute(attribute, value);
-          } else {
-            (_b = this._nav.children[index2]) == null ? void 0 : _b.removeAttribute(attribute);
-          }
-        });
-        /**
-         * @description: 初始化 tabs 的 active 属性和 tabLine,tabContent
-         */
-        __publicField(this, "initActive", () => {
-          const tabHeaderList = [...this._nav.children];
-          const initTabList = tabHeaderList.filter((item) => !isDisabled(item));
-          let initTabHeader;
-          if (this.active != null) {
-            initTabHeader = initTabList.find((item) => item.getAttribute("r-key") === this.active);
-            initTabHeader == null ? void 0 : initTabHeader.setAttribute("r-key", this.active);
-          }
-          if (!initTabHeader) {
-            initTabHeader = initTabList.shift();
-          }
-          if (!initTabHeader) return;
-          const index2 = tabHeaderList.findIndex((item) => item === initTabHeader);
-          const key = (initTabHeader == null ? void 0 : initTabHeader.getAttribute("r-key")) || `${index2}`;
-          if (key != null) {
-            this.setAttribute("active", `${key}`);
-            addClassToElement(initTabHeader, "active");
-            this.setTabContent(key);
-            setTimeout(() => {
-              this.setTabLine(key);
-            }, 200);
-          }
-        });
-        /**
-         * @description: 监听 slot 组件的添加/删除/替换操作，进行 tabs 初始化
-         * @return {*}
-         */
-        __publicField(this, "listenSlotChange", () => {
-          const slots = this._slot.assignedElements();
-          slots.forEach((item, index2) => {
-            const tabPane = this.createTabHeader(item, index2);
-            this._nav.appendChild(tabPane);
-            tabPane.addEventListener("click", this.clickTabHead);
-          });
-          this.initActive();
-          if (this.align) {
-            if (this.align === "center") this.initTabLineAlignCenter();
-            if (this.align === "end") this.initTabLineAlignEnd();
-          }
-        });
-        /**
-         * @description: 初始化 tab
-         */
-        __publicField(this, "initTab", () => {
-          this._slot.addEventListener("slotchange", this.listenSlotChange);
-        });
-        /**
-         * @description: 卸载 tab
-         */
-        __publicField(this, "unloadTab", () => {
-          this._slot.removeEventListener("slotchange", this.listenSlotChange);
-        });
-        this._container = document.createElement("div");
-        this._container.setAttribute("class", "ran-tab");
-        this._header = document.createElement("div");
-        this._header.setAttribute("class", "ran-tab-header");
-        this._nav = document.createElement("div");
-        this._nav.setAttribute("class", "ran-tab-header-nav");
-        this._line = document.createElement("div");
-        this._line.setAttribute("class", "ran-tab-header-line");
-        this._content = document.createElement("div");
-        this._content.setAttribute("class", "ran-tab-content");
-        this._wrap = document.createElement("div");
-        this._wrap.setAttribute("class", "ran-tab-content-wrap");
-        this._slot = document.createElement("slot");
-        this._wrap.appendChild(this._slot);
-        this._content.appendChild(this._wrap);
-        this._header.appendChild(createDocumentFragment([this._nav, this._line]));
-        this._container.appendChild(createDocumentFragment([this._header, this._content]));
-        this.tabHeaderKeyMapIndex = {};
-        const shadowRoot = this.attachShadow({ mode: "closed" });
-        const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
-        F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
-        shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
-        shadowRoot.appendChild(this._container);
-      }
-      static get observedAttributes() {
-        return ["active", "forceRender", "type", "align", "effect"];
-      }
-      get align() {
-        return this.getAttribute("align") || "start";
-      }
-      set align(value) {
-        this.setAttribute("align", value);
-      }
-      set type(value) {
-        this.setAttribute("type", value);
-      }
-      get type() {
-        return this.getAttribute("type") || "flat";
-      }
-      get active() {
-        return this.getAttribute("active");
-      }
-      set active(value) {
-        if (value) {
-          this.setAttribute("active", value);
-          this.setTabLine(value);
-          this.setTabContent(value);
-        } else {
-          this.removeAttribute("active");
-        }
-      }
-      get effect() {
-        return this.getAttribute("effect");
-      }
-      set effect(value) {
-        if (!value || value === "false") {
-          this.removeAttribute("effect");
-        } else {
-          this.setAttribute("effect", value);
-        }
-      }
-      /**
-       * @description: 根据传入的 tabPane 生成 tabs 的头部
-       * @param {Element} tabPane
-       * @param {number} index
-       * @return {Element}
-       */
-      createTabHeader(tabPane, index2) {
-        const label = tabPane.getAttribute("label") || "";
-        const icon = tabPane.getAttribute("icon") || "";
-        const iconSize = tabPane.getAttribute("iconSize") || "";
-        const key = tabPane.getAttribute("r-key") || `${index2}`;
-        const type = tabPane.getAttribute("type") || "text";
-        this.initTabHeaderKeyMapIndex(key, index2);
-        const tabHeader = document.createElement("r-button");
-        tabHeader.setAttribute("class", "tab-header-nav-item");
-        tabHeader.setAttribute("type", type);
-        icon && tabHeader.setAttribute("icon", icon);
-        iconSize && tabHeader.setAttribute("iconSize", iconSize);
-        isDisabled(tabPane) && tabHeader.setAttribute("disabled", "");
-        tabHeader.setAttribute("r-key", key);
-        if (this.effect) {
-          tabPane.setAttribute("effect", this.effect);
-          this._line.style.setProperty("display", "none");
-        }
-        tabPane.setAttribute("r-key", key);
-        tabHeader.innerHTML = label;
-        return tabHeader;
-      }
-      connectedCallback() {
-        this.initTab();
-      }
-      disconnectCallback() {
-        this.unloadTab();
-      }
-      attributeChangedCallback(name, oldValue, newValue) {
-        if (oldValue !== newValue) {
-          this.dispatchEvent(
-            new CustomEvent("change", {
-              detail: {
-                active: this.active
-              }
-            })
-          );
-          if (name === "align") {
-            if (newValue === "center") this.initTabLineAlignCenter();
-            if (newValue === "end") this.initTabLineAlignEnd();
-          }
-          if (name === "effect") {
-            const tabHeaderList = [...this._nav.children];
-            tabHeaderList.forEach((item) => {
-              if (!this.effect || this.effect === "false") {
-                item.removeAttribute("effect");
-              } else {
-                item.setAttribute("effect", newValue);
-              }
-            });
-          }
-          if (name === "active") {
-            this.setAttribute(name, newValue);
-          }
-        }
-      }
-    }
-    customElements.define("r-tabs", Tabs);
-    return Tabs;
-  }
-}
-const index = CustomElement();
-const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: index
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  index as a,
-  index$1 as i
-};

package/dist/index-CjSKJE6S.js

@@ -1,158 +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);
-import { c as create } from "./arrow-down-Beig7FXI.js";
-import "./index-Ck9TOxFh.js";
-const less = '.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}:host([type="toast"]) .ran-message-notice{padding:8px;text-align:center;max-width:90%;margin:0 auto;word-break:break-all}:host([type="toast"]) .ran-message-notice-content{display:inline-block;padding:10px 16px;background:#000000b3;border-radius:7px;pointer-events:all}:host([type="toast"]) .ran-message-notice-content-info{align-items:center;display:flex}:host([type="toast"]) .ran-message-notice-content-info span{margin:0;padding:0;font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";z-index:1010;width:100%;pointer-events:none;color:#fff}.ran-message-notice{padding:var(--ran-message-notice-padding, 8px);text-align:var(--ran-message-notice-text-align, center);max-width:var(--ran-message-notice-max-width, 90%);margin:var(--ran-message-notice-margin, 0 auto);word-break:var(--ran-message-notice-word-break, break-all)}.ran-message-notice-content{display:var(--ran-message-notice-content-display, inline-block);padding:var(--ran-message-notice-content-padding, 10px 16px);background:var(--ran-message-notice-content-background, #fff);border-radius:var(--ran-message-notice-content-border-radius, 8px);box-shadow:var(--ran-message-notice-content-box-shadow, 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d);pointer-events:var(--ran-message-notice-content-pointer-events, all)}.ran-message-notice-content-info{align-items:var(--ran-message-notice-content-info-align-items, center);display:var(--ran-message-notice-content-info-display, flex)}.ran-message-notice-content-info span{margin:var(--ran-message-notice-content-info-span-margin, 0);padding:var(--ran-message-notice-content-info-span-padding, 0);color:var(--ran-message-notice-content-info-span-color, #000000d9);font-size:var(--ran-message-notice-content-info-span-font-size, 14px);font-variant:var(--ran-message-notice-content-info-span-font-variant, tabular-nums);list-style:var(--ran-message-notice-content-info-span-list-style, none);font-feature-settings:var(--ran-message-notice-content-info-span-font-feature-settings, "tnum");z-index:var(--ran-message-notice-content-info-span-z-index, 1010);width:var(--ran-message-notice-content-info-span-width, 100%);pointer-events:var(--ran-message-notice-content-info-span-pointer-events, none)}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes MessageMoveIn{0%{padding:0;transform:translateY(-100%);opacity:0}to{padding:8px;transform:translateY(0);opacity:1}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}.ranui-message{box-sizing:var(--ran-message-box-sizing, border-box);margin:var(--ran-message-margin, 0);padding:var(--ran-message-padding, 0);color:var(--ran-message-color, #000000d9);font-size:var(--ran-message-font-size, 14px);font-variant:var(--ran-message-font-variant, tabular-nums);line-height:var(--ran-message-line-height, 1.5715);list-style:var(--ran-message-ist-style, none);font-feature-settings:var(--ran-message-font-feature-settings, "tnum");position:var(--ran-message-position, fixed);top:var(--ran-message-top, 8px);left:var(--ran-message-left, 0);z-index:var(--ran-message-z-index, 1010);width:var(--ran-message-width, 100%);pointer-events:var(--ran-message-pointer-events, none)}.ranui-message .message-in{animation-name:var(--ran-message-in-animation-name, MessageMoveIn);animation-duration:var(--ran-message-in-animation-duration, .3s);animation-timing-function:var(--ran-message-in-animation-timing-function, cubic-bezier(.78, .14, .15, .86))}.ranui-message .message-leave{animation-name:var(--ran-message-leave-animation-name, MessageMoveOut);animation-duration:var(--ran-message-leave-animation-duration, .3s);animation-timing-function:var(--ran-message-leave-animation-timing-function, cubic-bezier(.78, .14, .15, .86))}';
-const AnimationTime = 300;
-const defaultDuration = 3e3;
-const typeMapIcon = /* @__PURE__ */ new Map([
-  ["success", "check-circle-fill"],
-  ["warning", "warning-circle-fill"],
-  ["error", "close-circle-fill"],
-  ["info", "info-circle-fill"],
-  ["toast", null]
-]);
-const typeMapColor = /* @__PURE__ */ new Map([
-  ["success", "#52c41a"],
-  ["warning", "#faad14"],
-  ["error", "#ff4d4f"],
-  ["info", "#1890ff"],
-  ["toast", "rgba(0, 0, 0, 0.7)"]
-]);
-function Custom() {
-  if (typeof window !== "undefined" && !customElements.get("r-message")) {
-    class CustomMessage extends HTMLElement {
-      constructor() {
-        super();
-        __publicField(this, "_info");
-        __publicField(this, "_notice");
-        __publicField(this, "_content");
-        __publicField(this, "_icon");
-        __publicField(this, "_span");
-        __publicField(this, "timeId");
-        __publicField(this, "close");
-        /**
-         * @description: 设置图标
-         * @param {string} value
-         */
-        __publicField(this, "setIcon", (value) => {
-          var _a, _b, _c, _d;
-          const icon = typeMapIcon.get(value);
-          const color = typeMapColor.get(value);
-          if (icon) {
-            (_a = this._icon) == null ? void 0 : _a.setAttribute("name", icon);
-            (_b = this._icon) == null ? void 0 : _b.style.setProperty("margin-right", "8px");
-            (_c = this._icon) == null ? void 0 : _c.setAttribute("size", "18");
-            color && ((_d = this._icon) == null ? void 0 : _d.setAttribute("color", color));
-          }
-        });
-        this._notice = document.createElement("div");
-        this._notice.setAttribute("class", "ran-message-notice");
-        this._content = document.createElement("div");
-        this._content.setAttribute("class", "ran-message-notice-content");
-        this._info = document.createElement("div");
-        this._info.setAttribute("class", "ran-message-notice-content-info");
-        this._icon = document.createElement("r-icon");
-        this._span = document.createElement("span");
-        this._info.appendChild(this._icon);
-        this._info.appendChild(this._span);
-        this._content.appendChild(this._info);
-        this._notice.appendChild(this._content);
-        const shadowRoot = this.attachShadow({ mode: "closed" });
-        const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
-        F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = less;
-        shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
-        shadowRoot.appendChild(this._notice);
-      }
-      static get observedAttributes() {
-        return ["type", "content"];
-      }
-      get type() {
-        return this.getAttribute("type");
-      }
-      set type(value) {
-        if (value) this.setAttribute("type", value);
-      }
-      get content() {
-        return this.getAttribute("content");
-      }
-      set content(value) {
-        if (value) this.setAttribute("content", value);
-      }
-      attributeChangedCallback(name, oldValue, newValue) {
-        if (name === "content" && oldValue !== newValue) {
-          this._span.textContent = newValue;
-        }
-        if (name === "type" && oldValue !== newValue) {
-          this.setIcon(newValue);
-        }
-      }
-    }
-    customElements.define("r-message", CustomMessage);
-    const container = document.createElement("div");
-    const style = create("style").setTextContent(less);
-    const div = document.createElement("div");
-    div.setAttribute("class", "ranui-message");
-    document.body.appendChild(container);
-    container.appendChild(style.element);
-    container.appendChild(div);
-    const commonPrompt = (type) => {
-      return (options) => {
-        const message2 = new CustomMessage();
-        message2.setAttribute("class", "message");
-        message2.timeId && clearTimeout(message2.timeId);
-        message2.setAttribute("type", type);
-        let duration = defaultDuration;
-        let close;
-        if (!options) return;
-        if (typeof options === "string") {
-          message2.setAttribute("content", options);
-        } else {
-          message2.setAttribute("content", options.content);
-          close = options.close;
-          duration = options.duration || defaultDuration;
-        }
-        const time = setTimeout(() => {
-          message2.classList.remove("message-in");
-          message2.classList.add("message-leave");
-          clearTimeout(time);
-        }, duration - AnimationTime);
-        message2.timeId = setTimeout(() => {
-          message2.classList.remove("message-leave");
-          div.removeChild(message2);
-          if (close) close();
-        }, duration);
-        div.appendChild(message2);
-        message2.classList.add("message-in");
-        setTimeout(() => {
-          message2.classList.remove("message-in");
-        }, AnimationTime);
-      };
-    };
-    return {
-      info: commonPrompt("info"),
-      success: commonPrompt("success"),
-      error: commonPrompt("error"),
-      warning: commonPrompt("warning"),
-      toast: commonPrompt("toast")
-    };
-  }
-  return {};
-}
-const message = Custom();
-if (typeof window !== "undefined" && message) {
-  window.message = message;
-  if (!window.ranui) {
-    window.ranui = {};
-  }
-  window.ranui.message = message;
-}
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: message
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  index as i,
-  message as m
-};