ranui 0.1.9 → 0.1.10-alpha.10

package/dist/player.js

@@ -0,0 +1,8 @@
+import "./arrow-down-B_hCY3Wt.js";
+import { R, a } from "./index-B_GuEcTd.js";
+import "./index-CtVOgBDk.js";
+import "./index-DC5EA657.js";
+export {
+  R as RanPlayer,
+  a as default
+};

package/dist/popover.js

@@ -0,0 +1,8 @@
+import { P, a } from "./index-D4y9c1Dj.js";
+import "./arrow-down-B_hCY3Wt.js";
+import "./index-DC5EA657.js";
+import "./index-C9z10IgG.js";
+export {
+  P as Popover,
+  a as default
+};

package/dist/preview.js

@@ -0,0 +1,7 @@
+import { a } from "./index-B897keW5.js";
+import "./arrow-down-B_hCY3Wt.js";
+import "./index-D4qUro5V.js";
+import "./index-D_CA5VDZ.js";
+export {
+  a as default
+};

package/dist/progress.js

@@ -0,0 +1,7 @@
+import { P, a } from "./index-15M0olqa.js";
+import "./arrow-down-B_hCY3Wt.js";
+import "./index-DC5EA657.js";
+export {
+  P as Progress,
+  a as default
+};

package/dist/radar.js

@@ -0,0 +1,6 @@
+import { a } from "./index-mhFL9MJp.js";
+import "./arrow-down-B_hCY3Wt.js";
+import "./index-DC5EA657.js";
+export {
+  a as default
+};

package/dist/select.js

@@ -0,0 +1,10 @@
+import { S, a } from "./index-CtVOgBDk.js";
+import "./arrow-down-B_hCY3Wt.js";
+import "./index-DC5EA657.js";
+import "./index-C9z10IgG.js";
+import "./index-D4qUro5V.js";
+import "./index-C4Sv0T51.js";
+export {
+  S as Select,
+  a as default
+};

package/dist/{index-1b73beee.js → selectShadowless.js}

@@ -1,15 +1,87 @@
 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 { a as addClassToElement, r as removeClassToElement, i as isMobile, b as generateThrottle } from "./index-7913ec46.js";
-import { i as isDisabled, c as createCustomError } from "./index-57492b9b.js";
-import "./components/option/index.js";
-import "./index-7216d6b0.js";
-import "./index-1048a998.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}:host{position:relative;display:inline-block;cursor:pointer;height:32px;outline:0;-webkit-tap-highlight-color:transparent}:host,:host(:focus),:host(:active){outline:0;-webkit-tap-highlight-color:transparent}:host ::slotted(r-option){display:none}:host([disabled]){cursor:not-allowed;pointer-events:all;opacity:.6}:host([type="text"])::part(selection){border:none}:host([type="text"])::part(icon){display:none}:host(:not([disabled]):hover) .select{cursor:pointer}:host(:not([disabled]):hover) .selection{border:1px solid #1890ff}:host(:not([disabled]):hover) .selection-search{cursor:pointer}:host(:not([disabled]):hover) .selection-item{cursor:pointer;color:#bfbfbf}:host(:not([disabled]):focus) .selection{border:1px solid #1890ff}:host(:not([disabled]):focus) .selection-search{cursor:pointer}:host(:not([disabled]):focus) .selection-item{cursor:pointer;color:#bfbfbf}:host .selection-search{display:none}:host([showSearch]:not([disabled])) .selection-search{cursor:text;display:block}:host([showSearch]:not([disabled])) .selection-item{cursor:pointer}:host([showSearch]:not([disabled]):focus) .selection-search{display:block;cursor:text;opacity:1}.ran-select{width:100%;height:100%;box-sizing:border-box;margin:0;padding:0;color:#000000e0;font-size:14px;line-height:1.57142857;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";position:relative;display:inline-block}.ran-select .selection{position:relative;background-color:#fff;border:1px solid #d9d9d9;transition:all .2s cubic-bezier(.645,.045,.355,1);width:100%;height:100%;padding:0 11px;box-sizing:border-box;margin:0;color:#000000e0;font-size:14px;line-height:1.57142857;list-style:none;font-family:inherit;display:flex;border-radius:6px}.ran-select .selection-search{position:absolute;top:0;left:0;height:100%;inset-inline-start:11px;inset-inline-end:11px;opacity:0;margin:0;padding:0;background:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;cursor:not-allowed}.ran-select .selection-search::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ran-select .selection-search::part(ran-input){border:none;padding:0;height:100%;outline:none}.ran-select .selection-search::part(ran-input):active{border:none;padding:0;height:100%;outline:none;border-color:transparent;box-shadow:none;border-right-width:0px}.ran-select .selection-item{position:absolute;top:0;left:12px;margin:0;padding:0;background:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;height:100%;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.ran-select .selection-select{color:#00000040}.ran-select .selection .icon{display:flex;align-items:center;color:#00000040;font-style:normal;text-align:center;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;inset-inline-start:auto;inset-inline-end:8px;height:12px;margin-top:-3px;font-size:12px;pointer-events:none}\n';
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import "./index-DJZmDHz-.js";
+import "./index-WfFw4LJT.js";
+import { a as addClassToElement, r as removeClassToElement, i as isMobile, f as generateThrottle } from "./arrow-down-B_hCY3Wt.js";
+import { c as createCustomError, i as isDisabled, H as HTMLElementSSR } from "./index-DC5EA657.js";
+function Custom$1() {
+  if (typeof document !== "undefined" && !customElements.get("ra-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" });
+        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 ra-option is exist");
+  }
+}
+Custom$1();
 const placementDirection = {
   bottom: {
     add: "ran-select-dropdown-down-in",
@@ -21,12 +93,10 @@ const placementDirection = {
   }
 };
 const searchThrottle = generateThrottle();
-class Select extends HTMLElement {
+class Select extends HTMLElementSSR() {
   constructor() {
     super();
     __publicField(this, "removeTimeId");
-    __publicField(this, "_slot");
-    __publicField(this, "_shadowDom");
     __publicField(this, "_select");
     __publicField(this, "_selection");
     __publicField(this, "_search");
@@ -47,20 +117,13 @@ class Select extends HTMLElement {
      * @return {*}
      */
     __publicField(this, "setSelectDropdownDisplayNone", () => {
-      if (this._selectDropDownOutTimeId)
-        return;
+      if (this._selectDropDownOutTimeId) return;
       if (this._selectionDropdown && this._selectionDropdown.style.display !== "none") {
-        addClassToElement(
-          this._selectionDropdown,
-          placementDirection[this.placement].remove
-        );
+        addClassToElement(this._selectionDropdown, placementDirection[this.placement].remove);
         this._selectDropDownOutTimeId = setTimeout(() => {
           var _a;
           (_a = this._selectionDropdown) == null ? void 0 : _a.style.setProperty("display", "none");
-          this._selectionDropdown && removeClassToElement(
-            this._selectionDropdown,
-            placementDirection[this.placement].remove
-          );
+          this._selectionDropdown && removeClassToElement(this._selectionDropdown, placementDirection[this.placement].remove);
           clearTimeout(this._selectDropDownOutTimeId);
           this._selectDropDownOutTimeId = void 0;
         }, 300);
@@ -72,60 +135,47 @@ class Select extends HTMLElement {
      */
     __publicField(this, "setSelectDropdownDisplayBlock", () => {
       var _a;
-      if (this._selectDropDownInTimeId)
-        return;
+      if (this._selectDropDownInTimeId) return;
       if (this._selectionDropdown && this._selectionDropdown.style.display !== "block") {
-        addClassToElement(
-          this._selectionDropdown,
-          placementDirection[this.placement].add
-        );
+        addClassToElement(this._selectionDropdown, placementDirection[this.placement].add);
         (_a = this._selectionDropdown) == null ? void 0 : _a.style.setProperty("display", "block");
         this._selectDropDownInTimeId = setTimeout(() => {
-          this._selectionDropdown && removeClassToElement(
-            this._selectionDropdown,
-            placementDirection[this.placement].add
-          );
+          this._selectionDropdown && removeClassToElement(this._selectionDropdown, placementDirection[this.placement].add);
           clearTimeout(this._selectDropDownInTimeId);
           this._selectDropDownInTimeId = void 0;
         }, 200);
       }
     });
     __publicField(this, "placementPosition", () => {
-      if (!this._selectionDropdown || !this._selectDropdown)
-        return;
+      if (!this._selectionDropdown || !this._selectDropdown) return;
       const rect = this.getBoundingClientRect();
       const { top, left, bottom, width, height, x, y, right } = rect;
-      this._selectionDropdown.style.setProperty(
-        "-ran-x",
-        `${x + window.scrollX}`
-      );
-      this._selectionDropdown.style.setProperty(
-        "-ran-y",
-        `${y + window.scrollY}`
-      );
+      const root = document.getElementById(this.getPopupContainerId);
+      this._selectionDropdown.style.setProperty("--ran-x", `${top + window.scrollX}`);
+      this._selectionDropdown.style.setProperty("--ran-y", `${left + window.scrollY}`);
       let selectTop = bottom + window.scrollY;
       let selectLeft = left + window.scrollX;
       this._selectionDropdown.style.setProperty("width", `${width}px`);
-      const root = document.getElementById(this.getPopupContainerId);
       if (this.placement === "top") {
         selectTop = top + window.scrollY - this._selectionDropdown.clientHeight;
-        if (this.getPopupContainerId && root) {
+      }
+      if (this.getPopupContainerId && root) {
+        if (this.placement === "top") {
           selectTop = top - root.getBoundingClientRect().top - this._selectionDropdown.clientHeight;
-          selectLeft = left - root.getBoundingClientRect().left;
+        } else {
+          selectTop = root.getBoundingClientRect().height;
         }
+        selectLeft = 0;
       }
-      this._selectionDropdown.style.setProperty(
-        "inset",
-        `${selectTop}px auto auto ${selectLeft}px`
-      );
+      this._selectionDropdown.style.setProperty("inset", `${selectTop}px auto auto ${selectLeft}px`);
     });
     /**
      * @description: 设置下拉框
      * @return {*}
      */
-    __publicField(this, "selectMouseDown", () => {
-      if (isDisabled(this))
-        return;
+    __publicField(this, "selectMouseDown", (e) => {
+      e.stopPropagation();
+      if (isDisabled(this)) return;
       this.removeDropDownTimeId();
       this.setSelectDropdownDisplayNone();
       this.setSelectDropdownDisplayBlock();
@@ -133,13 +183,13 @@ class Select extends HTMLElement {
     });
     __publicField(this, "removeDropDownTimeId", () => {
       this._search.setAttribute("value", "");
-      if (this.action.includes("hover") && !isMobile()) {
+      if (this.trigger.includes("hover") && !isMobile()) {
         clearTimeout(this.removeTimeId);
         this.removeTimeId = void 0;
       }
     });
     /**
-     * @description: 焦点移除的情况，需要移除select 下拉框
+     * @description: 焦点移除的情况，需要移除 select 下拉框
      * @return {*}
      */
     __publicField(this, "selectBlur", () => {
@@ -149,7 +199,7 @@ class Select extends HTMLElement {
       this.removeTimeId = setTimeout(() => {
         this.removeDropDownTimeId();
         this.setSelectDropdownDisplayNone();
-      }, 300);
+      }, 100);
     });
     /**
      * @description: 选中一个选项的情况
@@ -158,12 +208,12 @@ class Select extends HTMLElement {
      */
     __publicField(this, "clickOption", (e) => {
       var _a, _b;
+      e.stopPropagation();
       let element = e.target;
       if ((_a = element.classList) == null ? void 0 : _a.contains("ranui-select-dropdown-option-item")) {
         element = element.children[0];
       }
-      if (!((_b = element.classList) == null ? void 0 : _b.contains("ranui-select-dropdown-option-item-content")))
-        return;
+      if (!((_b = element.classList) == null ? void 0 : _b.contains("ranui-select-dropdown-option-item-content"))) return;
       const label = element.innerHTML;
       const value = this._optionLabelMapValue.get(label);
       if (value) {
@@ -176,18 +226,12 @@ class Select extends HTMLElement {
       const { height } = rect;
       this._text.style.setProperty("line-height", `${height}px`);
       if (this._activeOption) {
-        removeClassToElement(
-          this._activeOption,
-          "ranui-select-dropdown-option-active"
-        );
+        removeClassToElement(this._activeOption, "ranui-select-dropdown-option-active");
       }
       setTimeout(() => {
         this._activeOption = (element == null ? void 0 : element.parentElement) || void 0;
         if (this._activeOption) {
-          addClassToElement(
-            this._activeOption,
-            "ranui-select-dropdown-option-active"
-          );
+          addClassToElement(this._activeOption, "ranui-select-dropdown-option-active");
         }
       }, 200);
       this.setSelectDropdownDisplayNone();
@@ -200,39 +244,29 @@ class Select extends HTMLElement {
      */
     __publicField(this, "createOption", () => {
       if (!this._selectDropdown) {
+        this.appendChild(this._select);
         const container = document.getElementById(this.getPopupContainerId) || document.body;
         this._selectDropdown = document.createElement("div");
-        this._selectDropdown.style.setProperty(
-          "-webkit-tap-highlight-color",
-          "transparent"
-        );
+        this._selectDropdown.style.setProperty("-webkit-tap-highlight-color", "transparent");
         this._selectDropdown.style.setProperty("outline", "0");
         this._selectDropdown.addEventListener("click", this.clickOption);
         this._selectionDropdown = document.createElement("div");
-        this._selectionDropdown.style.setProperty(
-          "-webkit-tap-highlight-color",
-          "transparent"
-        );
+        this._selectionDropdown.style.setProperty("-webkit-tap-highlight-color", "transparent");
         this._selectionDropdown.style.setProperty("outline", "0");
         if (this.dropdownclass) {
-          this._selectionDropdown.setAttribute(
-            "class",
-            `${this.dropdownclass} ranui-select-dropdown`
-          );
+          this._selectionDropdown.setAttribute("class", `${this.dropdownclass} ranui-select-dropdown`);
         } else {
           this._selectionDropdown.setAttribute("class", "ranui-select-dropdown");
         }
-        if (this.action.includes("hover") && !isMobile()) {
+        if (this.trigger.includes("hover") && !isMobile()) {
           this._selectDropdown.addEventListener("mouseleave", this.selectBlur);
-          this._selectDropdown.addEventListener(
-            "mouseenter",
-            this.removeDropDownTimeId
-          );
+          this._selectDropdown.addEventListener("mouseenter", this.removeDropDownTimeId);
         }
         this._selectDropdown.appendChild(this._selectionDropdown);
         this._selectionDropdown.style.setProperty("display", "none");
         container.appendChild(this._selectDropdown);
       }
+      this.addOptionToSlot();
     });
     /**
      * @description: 移除选项下拉框
@@ -248,27 +282,22 @@ class Select extends HTMLElement {
       }
     });
     /**
-     * @description: 当select中有option元素的时候，给dropdown添加元素
+     * @description: 当 select 中有 option 元素的时候，给 dropdown 添加元素
      * @return {*}
      */
     __publicField(this, "addOptionToSlot", () => {
-      const slots = this._slot.assignedElements();
-      slots.forEach((item) => {
-        var _a;
-        if (item.tagName !== "R-OPTION")
-          return;
-        const label = item.innerHTML;
-        const value = item.getAttribute("value") || "";
-        (_a = this._optionList) == null ? void 0 : _a.push({ label, value });
-        if (this._optionLabelMapValue.get(label)) {
-          console.warn(`${label} is repeat option`);
-        }
-        if (this._optionValueMapLabel.get(value)) {
-          console.warn(`${value} is repeat option`);
+      var _a;
+      const child = this.children || [];
+      this._optionList = [];
+      for (const item of child) {
+        if (item.tagName === "R-OPTION") {
+          const label = item.innerHTML;
+          const value = item.getAttribute("value") || "";
+          (_a = this._optionList) == null ? void 0 : _a.push({ label, value });
+          this._optionLabelMapValue.set(label, value);
+          this._optionValueMapLabel.set(value, label);
         }
-        this._optionLabelMapValue.set(label, value);
-        this._optionValueMapLabel.set(value, label);
-      });
+      }
       this.createSelectDropdownContent(this._optionList);
     });
     __publicField(this, "createSelectDropdownContent", (options = []) => {
@@ -278,6 +307,9 @@ class Select extends HTMLElement {
       } else {
         (_b = this._selectDropdown) == null ? void 0 : _b.style.setProperty("display", "block");
       }
+      if (this._selectionDropdown) {
+        this._selectionDropdown.innerHTML = "";
+      }
       options.forEach((item) => {
         if (this._selectionDropdown) {
           const { label, value } = item;
@@ -290,16 +322,10 @@ class Select extends HTMLElement {
             );
             this._activeOption = selectOptionItem;
           } else {
-            selectOptionItem.setAttribute(
-              "class",
-              "ranui-select-dropdown-option-item"
-            );
+            selectOptionItem.setAttribute("class", "ranui-select-dropdown-option-item");
           }
           const selectOptionItemContent = document.createElement("div");
-          selectOptionItemContent.setAttribute(
-            "class",
-            "ranui-select-dropdown-option-item-content"
-          );
+          selectOptionItemContent.setAttribute("class", "ranui-select-dropdown-option-item-content");
           selectOptionItemContent.innerHTML = `${label}`;
           selectOptionItemContent.setAttribute("value", `${value}`);
           selectOptionItemContent.setAttribute("title", `${label}`);
@@ -311,11 +337,9 @@ class Select extends HTMLElement {
     });
     __publicField(this, "setDefaultValue", () => {
       const defaultValue = this.getAttribute("defaultValue") || this.getAttribute("value");
-      if (!defaultValue)
-        return;
+      if (!defaultValue) return;
       const label = this._optionValueMapLabel.get(defaultValue);
-      if (!label)
-        return;
+      if (!label) return;
       this.setAttribute("value", defaultValue);
       const rect = this.getBoundingClientRect();
       const { height } = rect;
@@ -348,34 +372,31 @@ class Select extends HTMLElement {
     });
     __publicField(this, "setShowSearch", () => {
       this.onSearch = searchThrottle(this.changeSearch);
-      this._search.addEventListener("change", this.onSearch);
-      this._search.addEventListener("click", this.onSearch);
+      this.onSearch && this._search.addEventListener("change", this.onSearch);
+      this.onSearch && this._search.addEventListener("click", this.onSearch);
     });
     __publicField(this, "removeShowSearch", () => {
-      this._search.removeEventListener("change", this.onSearch);
-      this._search.removeEventListener("click", this.onSearch);
-    });
-    __publicField(this, "listenSlotChange", () => {
-      this._slot.addEventListener("slotchange", this.addOptionToSlot);
-    });
-    __publicField(this, "removeListenSlotChange", () => {
-      this._slot.removeEventListener("slotchange", this.addOptionToSlot);
+      this.onSearch && this._search.removeEventListener("change", this.onSearch);
+      this.onSearch && this._search.removeEventListener("click", this.onSearch);
     });
     __publicField(this, "listenActionEvent", () => {
       this.removeEventListener("mouseenter", this.selectMouseDown);
       this.removeEventListener("mouseleave", this.selectBlur);
       this.removeEventListener("click", this.selectMouseDown);
       this.removeEventListener("blur", this.selectBlur);
-      if (this.action.includes("hover") && !isMobile()) {
+      if (this.trigger.includes("hover") && !isMobile()) {
         this.addEventListener("mouseenter", this.selectMouseDown);
         this.addEventListener("mouseleave", this.selectBlur);
       }
-      if (this.action.includes("click")) {
+      if (this.trigger.includes("click")) {
         this.addEventListener("click", this.selectMouseDown);
         this.addEventListener("blur", this.selectBlur);
       }
     });
-    this._slot = document.createElement("slot");
+    __publicField(this, "clickRemoveSelect", (e) => {
+      e.stopPropagation();
+      this.setSelectDropdownDisplayNone();
+    });
     this._select = document.createElement("div");
     this._select.setAttribute("class", "ran-select");
     this._select.setAttribute("part", "select");
@@ -383,7 +404,7 @@ class Select extends HTMLElement {
     this._selection.setAttribute("class", "selection");
     this._selection.setAttribute("part", "selection");
     this._selector = document.createElement("div");
-    this._search = document.createElement("r-input");
+    this._search = document.createElement("ra-input");
     this._search.setAttribute("class", "selection-search");
     this._search.setAttribute("part", "search");
     this._search.setAttribute("type", "search");
@@ -391,7 +412,7 @@ class Select extends HTMLElement {
     this._text = document.createElement("span");
     this._text.setAttribute("class", "selection-item");
     this._text.setAttribute("part", "selection-item");
-    this._icon = document.createElement("r-icon");
+    this._icon = document.createElement("ra-icon");
     this._icon.setAttribute("class", "icon");
     this._icon.setAttribute("part", "icon");
     this._icon.setAttribute("name", "arrow-down");
@@ -401,18 +422,10 @@ class Select extends HTMLElement {
     this._selector.appendChild(this._search);
     this._selection.appendChild(this._icon);
     this._selection.appendChild(this._selector);
-    this._slot.setAttribute("class", "slot");
     this._select.appendChild(this._selection);
-    this._select.appendChild(this._slot);
     this._optionList = [];
     this._optionLabelMapValue = /* @__PURE__ */ new Map();
     this._optionValueMapLabel = /* @__PURE__ */ new Map();
-    const shadowRoot = this.attachShadow({ mode: "closed" });
-    const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
-    F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
-    shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
-    this._shadowDom = shadowRoot;
-    shadowRoot.appendChild(this._select);
   }
   static get observedAttributes() {
     return [
@@ -428,8 +441,8 @@ class Select extends HTMLElement {
       // 挂载的节点
       "dropdownclass",
       // 弹窗的类名
-      "action"
-      // 触发下拉框的行为， click 还是 hover ，hover 在 isMobile 移动端无效
+      "trigger"
+      // 触发下拉框的行为，click 还是 hover，hover 在 isMobile 移动端无效
     ];
   }
   get value() {
@@ -484,11 +497,11 @@ class Select extends HTMLElement {
   set dropdownclass(value) {
     this.setAttribute("dropdownclass", value || "");
   }
-  get action() {
-    return this.getAttribute("action") || "click";
+  get trigger() {
+    return this.getAttribute("trigger") || "click";
   }
-  set action(value) {
-    this.setAttribute("action", value || "");
+  set trigger(value) {
+    this.setAttribute("trigger", value || "");
   }
   get disabled() {
     return isDisabled(this);
@@ -502,25 +515,11 @@ class Select extends HTMLElement {
       this._selection.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() {
-    this.handlerExternalCss();
     this.createOption();
     this.listenActionEvent();
-    this.listenSlotChange();
     this.setShowSearch();
+    document.addEventListener("click", this.clickRemoveSelect);
   }
   disconnectCallback() {
     var _a;
@@ -530,7 +529,7 @@ class Select extends HTMLElement {
     this.removeEventListener("blur", this.selectBlur);
     this.removeSelectDropdown();
     (_a = this._selectDropdown) == null ? void 0 : _a.removeEventListener("click", this.clickOption);
-    this.removeListenSlotChange();
+    document.removeEventListener("click", this.clickRemoveSelect);
   }
   attributeChangedCallback(name, oldValue, newValue) {
     if (name === "disabled" && this._select) {
@@ -542,17 +541,14 @@ class Select extends HTMLElement {
         this._selection.removeAttribute("disabled");
       }
     }
-    if (name === "sheet" && this._shadowDom && oldValue !== newValue) {
-      this.handlerExternalCss();
-    }
   }
 }
 function Custom() {
-  if (typeof document !== "undefined" && !customElements.get("r-select")) {
-    customElements.define("r-select", Select);
+  if (typeof document !== "undefined" && !customElements.get("ra-select")) {
+    customElements.define("ra-select", Select);
     return Select;
   } else {
-    return createCustomError("document is undefined or r-select is exist");
+    return createCustomError("document is undefined or ra-select is exist");
   }
 }
 const index = Custom();
@@ -562,7 +558,7 @@ const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   default: index
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Select as S,
-  index as a,
+  Select,
+  index as default,
   index$1 as i
 };

package/dist/shadowless.js

@@ -0,0 +1,8 @@
+import { i } from "./index-DJZmDHz-.js";
+import { i as i2 } from "./index-WfFw4LJT.js";
+import { i as i3 } from "./selectShadowless.js";
+export {
+  i as icon,
+  i2 as input,
+  i3 as select
+};

package/dist/skeleton.js

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