ranui 0.1.8 → 0.1.9

package/dist/components/player/index.js

@@ -1,11 +1,12 @@
-import "../../index-d2d69b06.js";
-import { a } from "../../index-b2be6bef.js";
-import "../../index-f6d6982d.js";
+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-7f513a14.js";
-import "../../index-ecaed5cc.js";
+import "../../index-7216d6b0.js";
+import "../../index-1048a998.js";
 export {
+  R as RanPlayer,
   a as default
 };

package/dist/components/preview/index.js

@@ -1,7 +1,7 @@
-import { a } from "../../index-183517e7.js";
-import "../../index-d2d69b06.js";
-import "../../index-7f513a14.js";
-import "../../index-48653b79.js";
+import { a } from "../../index-73ce455b.js";
+import "../../index-7913ec46.js";
+import "../../index-7216d6b0.js";
+import "../../index-0d5b9435.js";
 import "../../vendor-f71e6f68.js";
 export {
   a as default

package/dist/components/progress/index.js

@@ -1,6 +1,6 @@
-import "../../index-d2d69b06.js";
+import "../../index-7913ec46.js";
 import "../../index-57492b9b.js";
-import { P, a } from "../../index-a43b144f.js";
+import { P, a } from "../../index-4443363f.js";
 import "../../vendor-f71e6f68.js";
 export {
   P as Progress,

package/dist/components/radar/index.js

@@ -1,5 +1,5 @@
-import { a } from "../../index-a1a53af6.js";
-import "../../index-d2d69b06.js";
+import { a } from "../../index-458debf7.js";
+import "../../index-7913ec46.js";
 import "../../index-57492b9b.js";
 import "../../vendor-f71e6f68.js";
 export {

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

@@ -0,0 +1,19 @@
+declare class ScratchTicket extends HTMLElement {
+    scratchTicketContainer: HTMLDivElement;
+    scratchTicket: HTMLCanvasElement;
+    state: {
+        touchStart: boolean;
+        scratchArea: number;
+    };
+    scratchAward: HTMLDivElement;
+    static get observedAttributes(): string[];
+    constructor();
+    touchStartScratch: (e: TouchEvent) => void;
+    touchMoveScratch: (e: TouchEvent) => void;
+    touchEndScratch: () => void;
+    drawScratchTicket: () => void;
+    connectedCallback(): void;
+    disconnectCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+}
+export default ScratchTicket;

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

@@ -1,4 +1,5 @@
 /// <reference types="node" />
+import type { Input } from '../input';
 interface Option {
     label: string | number;
     value: string | number;
@@ -9,7 +10,7 @@ export declare class Select extends HTMLElement {
     _shadowDom: ShadowRoot;
     _select: HTMLDivElement;
     _selection: HTMLDivElement;
-    _search: HTMLElement;
+    _search: Input;
     _icon: HTMLElement;
     _selectDropdown?: HTMLDivElement;
     _selectionDropdown?: HTMLDivElement;
@@ -21,6 +22,7 @@ export declare class Select extends HTMLElement {
     _activeOption?: HTMLElement;
     _text: HTMLSpanElement;
     _selector: HTMLDivElement;
+    onSearch: any;
     static get observedAttributes(): string[];
     constructor();
     get value(): string;
@@ -87,9 +89,11 @@ export declare class Select extends HTMLElement {
      * @return {*}
      */
     addOptionToSlot: () => void;
+    createSelectDropdownContent: (options?: Option[]) => void;
     setDefaultValue: () => void;
     changeSearch: (e: Event) => void;
     setShowSearch: () => void;
+    removeShowSearch: () => void;
     listenSlotChange: () => void;
     removeListenSlotChange: () => void;
     listenActionEvent: () => void;

package/dist/components/select/index.js

@@ -1,9 +1,9 @@
-import { S, a } from "../../index-f6d6982d.js";
-import "../../index-d2d69b06.js";
+import { S, a } from "../../index-1b73beee.js";
+import "../../index-7913ec46.js";
 import "../../index-57492b9b.js";
 import "../option/index.js";
-import "../../index-7f513a14.js";
-import "../../index-ecaed5cc.js";
+import "../../index-7216d6b0.js";
+import "../../index-1048a998.js";
 import "../../vendor-f71e6f68.js";
 export {
   S as Select,

package/dist/components/skeleton/index.js

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

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

@@ -103,6 +103,11 @@ declare const _default: {
         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;
+        mozRequestFullScreen: (options?: FullscreenOptions | undefined) => Promise<void>;
+        msRequestFullscreen: (options?: FullscreenOptions | undefined) => Promise<void>;
+        oRequestFullscreen: (options?: FullscreenOptions | undefined) => Promise<void>;
+        webkitRequestFullscreen: (options?: FullscreenOptions | undefined) => Promise<void>;
+        webkitEnterFullscreen: (options?: FullscreenOptions | undefined) => Promise<void>;
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;

package/dist/components/tab/index.js

@@ -1,5 +1,5 @@
-import { a } from "../../index-0e7229ea.js";
-import "../../index-d2d69b06.js";
+import { a } from "../../index-3cf72afd.js";
+import "../../index-7913ec46.js";
 import "../../index-57492b9b.js";
 import "../../vendor-f71e6f68.js";
 export {

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

@@ -47,6 +47,11 @@ declare const _default: {
         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;
+        mozRequestFullScreen: (options?: FullscreenOptions | undefined) => Promise<void>;
+        msRequestFullscreen: (options?: FullscreenOptions | undefined) => Promise<void>;
+        oRequestFullscreen: (options?: FullscreenOptions | undefined) => Promise<void>;
+        webkitRequestFullscreen: (options?: FullscreenOptions | undefined) => Promise<void>;
+        webkitEnterFullscreen: (options?: FullscreenOptions | undefined) => Promise<void>;
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;

package/dist/components/tabpane/index.js

@@ -1,4 +1,4 @@
-import { a } from "../../index-5975bbc0.js";
+import { a } from "../../index-b7790662.js";
 export {
   a as default
 };

package/dist/{index-aea75a9f.js → index-01b17e26.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-const f7170ee498e0dd32cbdcb63fba8f75cc = "";
+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}\n";
 const failImage = `
     data:image/png;base64,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
 `;

package/dist/{index-48653b79.js → index-0d5b9435.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-const f7170ee498e0dd32cbdcb63fba8f75cc = ':host([type="toast"]){--ranui-message-background: rgba(0, 0, 0, .7);--ranui-message-color: #fff;--ranui-message-border-radius: 7px}.ran-message-notice{padding:8px;text-align:center;max-width:90%;margin:0 auto;word-break:break-all}.ran-message-notice-content{display:inline-block;padding:10px 16px;background:var(--ranui-message-background, #fff);border-radius:var(--ranui-message-border-radius, 8px);box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;pointer-events:all}.ran-message-notice-content-info{align-items:center;display:flex}.ran-message-notice-content-info span{margin:0;padding:0;color:var(--ranui-message-color, #000000d9);font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";z-index:1010;width:100%;pointer-events:none}@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:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ranui-message .message-in{animation-name:MessageMoveIn;animation-duration:.3s;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ranui-message .message-leave{animation-name:MessageMoveOut;animation-duration:.3s;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}\n';
+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}:host([type="toast"]){--ranui-message-background: rgba(0, 0, 0, .7);--ranui-message-color: #fff;--ranui-message-border-radius: 7px}.ran-message-notice{padding:8px;text-align:center;max-width:90%;margin:0 auto;word-break:break-all}.ran-message-notice-content{display:inline-block;padding:10px 16px;background:var(--ranui-message-background, #fff);border-radius:var(--ranui-message-border-radius, 8px);box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;pointer-events:all}.ran-message-notice-content-info{align-items:center;display:flex}.ran-message-notice-content-info span{margin:0;padding:0;color:var(--ranui-message-color, #000000d9);font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";z-index:1010;width:100%;pointer-events:none}@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:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ranui-message .message-in{animation-name:MessageMoveIn;animation-duration:.3s;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ranui-message .message-leave{animation-name:MessageMoveOut;animation-duration:.3s;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}\n';
 const index$1 = "";
 const AnimationTime = 300;
 const defaultDuration = 3e3;

package/dist/index-1048a998.js

@@ -0,0 +1,447 @@
+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 { i as isDisabled, f as falseList, c as createCustomError } 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}.ran-input{position:relative;display:flex;width:calc(100% - 16px);height:calc(100% - 4px);min-width:0;padding:2px 8px;color:#000000d9;font-size:12px;line-height:1.5715;background-color:#fff;background-image:none;border-width:1px;border-style:solid;border-color:#d9d9d9;border-radius:2px;transition:all .3s}.ran-input:active{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;border-right-width:1px;outline:0}.ran-input:hover{border-color:#40a9ff;border-right-width:1px}.ran-input>.ran-input-content:hover~.ran-input-label{color:#40a9ff}.ran-input[value]>.ran-input-label{transform:translateY(calc(-50% - .43em)) scale(.8);color:#00000040}.ran-input[status=error]{border-color:#ff4d4f}.ran-input[status=error]>.ran-input-content~.ran-input-label{color:#ff4d4f}.ran-input[status=warning]{border-color:#ff7875}.ran-input[status=warning]>.ran-input-content~.ran-input-label{color:#ff7875}.ran-input[disabled]{color:#00000040;background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;cursor:not-allowed;opacity:1}.ran-input[disabled]>.ran-input-content{color:#00000040;background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;cursor:not-allowed;opacity:1}.ran-input[disabled]>.ran-input-content~.ran-input-label{color:#00000040;background-color:#f5f5f5}.ran-input[disabled]>.ran-input-label{color:#999;border-color:#d9d9d9;box-shadow:none;cursor:not-allowed}.ran-input-content{writing-mode:horizontal-tb;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;text-shadow:none;text-align:start;-webkit-rtl-ordering:logical;cursor:text;touch-action:manipulation;-webkit-appearance:none;text-overflow:ellipsis;box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";position:relative;border:none;width:100%;min-width:0;color:#000000d9;font-size:14px;line-height:1.48;background-color:#fff;background-image:none;transition:all .3s;outline:none}.ran-input-content:focus,.ran-input-content:hover{border:none;outline:0}.ran-input-content::placeholder{color:#999}.ran-input-content:placeholder-shown~.ran-input-label{transform:translateY(calc(-50% - .43em)) scale(.8)}.ran-input-content:focus~.ran-input-label{transform:translateY(calc(-50% - .43em)) scale(.8)}.ran-input-content::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ran-input-label{pointer-events:none;position:absolute;font-size:14px;left:8px;transition:transform .3s,color .3s,background-color .3s,backdrop-filter .3s;transform-origin:left;padding:0 .2em;color:#999;background:#fff;opacity:.9}\n';
+class Input extends HTMLElement {
+  constructor() {
+    super();
+    __publicField(this, "_input");
+    __publicField(this, "_label");
+    __publicField(this, "_inputContent");
+    __publicField(this, "_icon");
+    /**
+     * @description: 原生的input方法
+     * @param {Event} event
+     */
+    __publicField(this, "customInput", (event) => {
+      event.stopPropagation();
+      event.preventDefault();
+      const { target, data = "" } = event;
+      this.value = (target == null ? void 0 : target.value) || data || "";
+      this.customChange();
+      this.dispatchEvent(
+        new CustomEvent("input", {
+          detail: {
+            value: this.value
+          }
+        })
+      );
+    });
+    /**
+     * @description: 增加change方法，同时兼容大小写的情况
+     */
+    __publicField(this, "customChange", () => {
+      this.dispatchEvent(
+        new CustomEvent("change", {
+          detail: {
+            value: this.value
+          }
+        })
+      );
+    });
+    /**
+     * @description: 监听placeholder属性函数
+     * @param {string} name
+     * @param {string} value
+     */
+    __publicField(this, "listenPlaceholder", (name, value) => {
+      if (name === "placeholder" && this._inputContent) {
+        if (value != null) {
+          this._inputContent.setAttribute("placeholder", value);
+        } else {
+          this._inputContent.removeAttribute("placeholder");
+        }
+      }
+    });
+    /**
+     * @description: 监听label属性函数
+     * @param {string} name
+     * @param {string} value
+     */
+    __publicField(this, "listenLabel", (name, value) => {
+      if (name === "label" && this._inputContent) {
+        if (value != null) {
+          if (this._label) {
+            this._label.innerHTML = value;
+          } else {
+            this._label = document.createElement("label");
+            this._label.innerHTML = value;
+            this._label.setAttribute("class", "ran-input-label");
+            this._label.setAttribute("part", "ran-input-label");
+            this._input.appendChild(this._label);
+          }
+        } else {
+          this._input.removeAttribute("label");
+          if (this._label) {
+            this._input.removeChild(this._label);
+            this._label = void 0;
+          }
+        }
+      }
+    });
+    /**
+     * @description: 监听type属性
+     * @param {string} name
+     * @param {string} value
+     */
+    __publicField(this, "listenType", (name, value) => {
+      if (name === "type" && this._inputContent) {
+        if (value) {
+          this._inputContent.setAttribute("type", value);
+        } else {
+          this._inputContent.removeAttribute("type");
+          this._inputContent.removeAttribute("min");
+          this._inputContent.removeAttribute("max");
+          this._inputContent.removeAttribute("step");
+        }
+      }
+    });
+    /**
+     * @description: 监听status属性
+     * @param {string} name
+     * @param {string} value
+     */
+    __publicField(this, "listenStatus", (name, value) => {
+      if (name === "status" && this._input) {
+        if (value) {
+          this._input.setAttribute("status", value);
+        } else {
+          this._input.removeAttribute("status");
+        }
+      }
+    });
+    /**
+     * @description: 监听disabled属性
+     * @param {string} name
+     * @param {string} value
+     */
+    __publicField(this, "listenDisabled", (name, value) => {
+      if (name === "disabled" && this._input) {
+        if (falseList.includes(value)) {
+          this._input.removeAttribute("disabled");
+        } else {
+          this._input.setAttribute("disabled", "");
+          this._inputContent.setAttribute("disabled", "");
+        }
+      }
+    });
+    /**
+     * @description:  监听icon属性
+     * @param {string} name
+     * @param {string} value
+     */
+    __publicField(this, "listenIcon", (name, value, oldValue) => {
+      if (name === "icon" && value && value !== oldValue) {
+        this.removeAttribute("label");
+        this.setAttribute("icon", value);
+        this.dealIcon();
+      }
+    });
+    /**
+     * @description: 处理icon属性的问题
+     */
+    __publicField(this, "dealIcon", () => {
+      if (!this._icon) {
+        this._icon = document.createElement("r-icon");
+        const { width, height } = this._inputContent.getBoundingClientRect();
+        const size = Math.min(width, height);
+        this._icon.setAttribute("size", `${size}`);
+        this._inputContent.insertAdjacentElement("beforebegin", this._icon);
+      }
+      this.icon && this._icon.setAttribute("name", this.icon);
+    });
+    /**
+     * @description: 聚合监听事件
+     * @param {string} name
+     * @param {string} oldValue
+     * @param {string} newValue
+     */
+    __publicField(this, "listenEvent", (name, oldValue, newValue) => {
+      this.listenPlaceholder(name, newValue);
+      this.listenLabel(name, newValue);
+      this.listenStatus(name, newValue);
+      this.listenDisabled(name, newValue);
+      this.listenIcon(name, newValue, oldValue);
+      if (name === "value" && oldValue !== newValue) {
+        this._inputContent.value = newValue;
+        this._input.setAttribute("value", newValue);
+      }
+    });
+    const shadowRoot = this.attachShadow({ mode: "closed" });
+    const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
+    F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
+    shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
+    this._input = document.createElement("div");
+    this._input.setAttribute("class", "ran-input");
+    this._input.setAttribute("part", "ran-input");
+    this._inputContent = document.createElement("input");
+    this._inputContent.setAttribute("class", "ran-input-content");
+    this._inputContent.setAttribute("part", "ran-input-content");
+    this._input.appendChild(this._inputContent);
+    shadowRoot.appendChild(this._input);
+  }
+  static get observedAttributes() {
+    return [
+      "label",
+      "disabled",
+      "name",
+      "placeholder",
+      "type",
+      "icon",
+      "value",
+      "status"
+    ];
+  }
+  /**
+   * @description: 获取input的值
+   * @return {String}
+   */
+  get value() {
+    return this.getAttribute("value");
+  }
+  /**
+   * @description: 设置input的值
+   * @param {String} value
+   */
+  set value(value) {
+    if (!isDisabled(this) && value) {
+      this.setAttribute("value", value);
+      this._input.setAttribute("value", value);
+    } else {
+      this.removeAttribute("value");
+      this._input.removeAttribute("value");
+    }
+  }
+  /**
+   * @description: 获取input的占位字符
+   * @return {String}
+   */
+  get placeholder() {
+    return this.getAttribute("placeholder");
+  }
+  /**
+   * @description: 设置input的占位字符
+   * @param {String} value
+   */
+  set placeholder(value) {
+    if (value) {
+      this.setAttribute("placeholder", value);
+    } else {
+      this.removeAttribute("placeholder");
+    }
+  }
+  /**
+   * @description: input是否为必选
+   * @return {String}
+   */
+  get required() {
+    return this.getAttribute("required");
+  }
+  /**
+   * @description: 设置input是否为必选，除非设置成false，否则都是必填
+   * @param {*} value
+   */
+  set required(value) {
+    if (!value || value === "false") {
+      this.removeAttribute("required");
+    } else {
+      this.setAttribute("required", "");
+    }
+  }
+  /**
+   * @description: 获取input上disabled属性
+   * @return {String | null}
+   */
+  get disabled() {
+    return isDisabled(this);
+  }
+  /**
+   * @description: 设置input的disabled属性
+   * @param {String} value
+   */
+  set disabled(value) {
+    if (falseList.includes(value)) {
+      this.removeAttribute("disabled");
+      this._input.removeAttribute("disabled");
+      this._inputContent.removeAttribute("disabled");
+    } else {
+      this.setAttribute("disabled", "");
+      this._input.setAttribute("disabled", "");
+      this._inputContent.setAttribute("disabled", "");
+    }
+  }
+  /**
+   * @description: 获取类似于Metiral Design的输入体验。
+   */
+  get label() {
+    return this.getAttribute("label") || "";
+  }
+  /**
+   * @description: 设置类似于Metiral Design的输入体验。
+   */
+  set label(value) {
+    this.setAttribute("label", value);
+  }
+  /**
+   * @description: 获取input框的状态
+   */
+  get status() {
+    return this.getAttribute("status") || "";
+  }
+  /**
+   * @description: 设置input框的状态
+   */
+  set status(value) {
+    if (value) {
+      this.setAttribute("status", value);
+      this._input.setAttribute("status", value);
+    } else {
+      this.removeAttribute("status");
+      this._input.removeAttribute("status");
+    }
+  }
+  /**
+   * @description: 与form组件联动时，收集的属性名
+   * @return {String}
+   */
+  get name() {
+    return this.getAttribute("name") || "";
+  }
+  /**
+   * @description: 设置name属性
+   * @param {string} value
+   */
+  set name(value) {
+    this.setAttribute("name", value);
+  }
+  /**
+   * @description: 当input类型为number类型时，可以获取min属性
+   * @return {String}
+   */
+  get min() {
+    return this.getAttribute("min") || "";
+  }
+  /**
+   * @description: 当input类型为number类型时，设置min属性
+   * @param {string} value
+   */
+  set min(value) {
+    if (this.type === "number")
+      this.setAttribute("min", value);
+  }
+  /**
+   * @description: 当input类型为number类型时，可以获取max属性
+   * @return {String}
+   */
+  get max() {
+    return this.getAttribute("max") || "";
+  }
+  /**
+   * @description: 当input类型为number类型时，设置max属性
+   * @param {string} value
+   */
+  set max(value) {
+    if (this.type === "number")
+      this.setAttribute("max", value);
+  }
+  /**
+   * @description: 当input类型为number类型时，可以获取step属性
+   * @return {String}
+   */
+  get step() {
+    return this.getAttribute("step") || "";
+  }
+  /**
+   * @description: 当input类型为number类型时，设置step属性
+   * @param {string} value
+   */
+  set step(value) {
+    if (this.type === "number")
+      this.setAttribute("step", value);
+  }
+  /**
+   * @description: 获取一个icon
+   * @return {String}
+   */
+  get icon() {
+    return this.getAttribute("icon");
+  }
+  /**
+   * @description: 设置icon来表示标识
+   * @param {string|null} value
+   */
+  set icon(value) {
+    if (value) {
+      this.setAttribute("icon", value);
+    } else {
+      this.removeAttribute("icon");
+    }
+  }
+  /**
+   * @description: 获取input的类型
+   * @return {string|null}
+   */
+  get type() {
+    return this.getAttribute("type");
+  }
+  /**
+   * @description: 设置input的类型
+   * @param {string|null} value
+   */
+  set type(value) {
+    if (value) {
+      this.setAttribute("type", value);
+    } else {
+      this.removeAttribute("type");
+    }
+  }
+  connectedCallback() {
+    if (this.value) {
+      this._inputContent.value = this.value;
+      this._input.setAttribute("value", this.value);
+    }
+    if (this.status) {
+      this._input.setAttribute("status", this.status);
+    }
+    if (isDisabled(this)) {
+      this._input.setAttribute("disabled", "");
+      this._inputContent.setAttribute("disabled", "");
+    }
+    if (this.type) {
+      this._inputContent.setAttribute("type", this.type);
+    }
+    this._inputContent.addEventListener("input", this.customInput);
+    if (document.readyState === "complete") {
+      this.dealIcon();
+    }
+  }
+  disconnectCallback() {
+    this._inputContent.removeEventListener("input", this.customInput);
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    this.listenEvent(name, oldValue, newValue);
+  }
+}
+function Custom() {
+  if (typeof window !== "undefined" && !customElements.get("r-input")) {
+    customElements.define("r-input", Input);
+    return Input;
+  } else {
+    return createCustomError("document is undefined or r-input is exist");
+  }
+}
+const index = Custom();
+const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Input,
+  default: index
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Input as I,
+  index as a,
+  index$1 as i
+};