ranui 0.1.8 → 0.1.10-alpha-24

package/dist/index-4d873a42.js

@@ -1,195 +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 { j as judgeDevice } from "./index-d2d69b06.js";
-import { c as createCustomError, i as isDisabled, f as falseList } from "./index-57492b9b.js";
-const f7170ee498e0dd32cbdcb63fba8f75cc = ':host{position:relative;display:inline-block;background-image:none;box-shadow:0 2px #00000004;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;overflow:hidden;pointer-events:auto}:host .ran-btn{position:relative;display:inline-block;background-image:none;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;background:#fff}:host,:host(:active),:host(:focus){outline:0}:host .ran-btn,:host(:active) .ran-btn,:host(:focus) .ran-btn{outline:0}:host(:not([disabled]):hover) .ran-btn-content{border-color:#1890ff;color:#1890ff}:host([type="primary"]) .ran-btn-content{border-color:#1890ff;background-color:#1890ff;color:#fff}:host([type="primary"]:not([disabled])) .ran-btn:after{background-image:radial-gradient(circle,#fff 10%,transparent 10.01%)}:host([type="primary"]:not([disabled]):hover) .ran-btn-content{background-color:#40a9ff;color:#fff}:host([type="warning"]) .ran-btn-content{border-color:#ff4d4f;background-color:#ff4d4f;color:#fff}:host([type="warning"]:not([disabled])) .ran-btn:after{background-image:radial-gradient(circle,#fff 10%,transparent 10.01%)}:host([type="warning"]:not([disabled]):hover) .ran-btn-content{border-color:#ff4d4f;background-color:#ff4d4f;color:#fff}:host([type="text"]) .ran-btn-content{border:none}:host([disabled]){cursor:not-allowed;pointer-events:all;opacity:.6}:host([disabled]) .ran-btn{cursor:not-allowed;pointer-events:all;opacity:.6}:host(:not([disabled]):active) .ran-btn:after{transform:translate(-50%,-50%) scale(0);opacity:.3;transition:0s}@media (min-width: 1024px){:host(:not([disabled],[effect])) .ran-btn:after{content:"";display:block;position:absolute;width:100%;height:100%;left:var(--ran-x, 0);top:var(--ran-y, 0);pointer-events:none;background-image:radial-gradient(circle,#1890ff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:translate(-50%,-50%) scale(10);opacity:0;transition:transform .3s,opacity .8s}}:host .slot{display:block}.ran-btn-content{display:flex;justify-content:space-between;align-items:center;padding:4px 15px;border:1px solid transparent;border-radius:2px;border-color:#d9d9d9;color:#000000d9;line-height:22px;font-size:14px;font-weight:400;white-space:nowrap;text-align:center}.ran-btn-content .icon{margin-right:2px}\n';
-function Custom() {
-  if (typeof document !== "undefined" && !customElements.get("r-button")) {
-    class Button extends HTMLElement {
-      constructor() {
-        super();
-        __publicField(this, "_btn");
-        __publicField(this, "_btnContent");
-        __publicField(this, "_iconElement");
-        __publicField(this, "_slot");
-        __publicField(this, "_shadowDom");
-        __publicField(this, "debounceTimeId");
-        /**
-         * @description: 设置button的icon
-         * @return {*}
-         */
-        __publicField(this, "setIcon", () => {
-          if (this.icon) {
-            const { width, height } = this._slot.getBoundingClientRect();
-            const size = Math.min(width, height);
-            if (this._iconElement) {
-              this._iconElement.setAttribute("name", this.icon);
-            } else {
-              this._iconElement = document.createElement("r-icon");
-              this._iconElement.setAttribute("name", this.icon);
-              this._iconElement.setAttribute("color", "currentColor");
-              this._iconElement.setAttribute("class", "icon");
-              this._slot.insertAdjacentElement("beforebegin", this._iconElement);
-            }
-            if (this.iconSize) {
-              this._iconElement.setAttribute("size", this.iconSize);
-            } else {
-              this._iconElement.setAttribute("size", `${size - 5}`);
-            }
-          }
-        });
-        __publicField(this, "mousedown", (event) => {
-          if (judgeDevice() !== "pc")
-            return;
-          if (!this.disabled || this.disabled === "false") {
-            this.debounceMouseEvent();
-            const { left, top } = this.getBoundingClientRect();
-            this._btn.style.setProperty("--ran-x", event.clientX - left + "px");
-            this._btn.style.setProperty("--ran-y", event.clientY - top + "px");
-          }
-        });
-        __publicField(this, "mouseup", (event) => {
-          if (judgeDevice() !== "pc")
-            return;
-          if (this.debounceTimeId)
-            return;
-          this.debounceTimeId = setTimeout(() => {
-            this._btn.style.removeProperty("--ran-x");
-            this._btn.style.removeProperty("--ran-y");
-            this.debounceMouseEvent();
-          }, 600);
-        });
-        __publicField(this, "debounceMouseEvent", () => {
-          clearTimeout(this.debounceTimeId);
-          this.debounceTimeId = void 0;
-        });
-        this._slot = document.createElement("slot");
-        this._btnContent = document.createElement("div");
-        this._btn = document.createElement("div");
-        this._btn.setAttribute("class", "ran-btn");
-        this._btn.setAttribute("part", "ran-btn");
-        this._btnContent.setAttribute("class", "ran-btn-content");
-        this._btnContent.setAttribute("part", "ran-btn-content");
-        this._btnContent.appendChild(this._slot);
-        this._slot.setAttribute("class", "slot");
-        const shadowRoot = this.attachShadow({ mode: "closed" });
-        const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
-        F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
-        shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
-        this._shadowDom = shadowRoot;
-        this._btn.appendChild(this._btnContent);
-        shadowRoot.appendChild(this._btn);
-      }
-      static get observedAttributes() {
-        return ["disabled", "icon", "effect", "iconSize", "sheet"];
-      }
-      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");
-          this.removeAttribute("aria-disabled");
-        } else {
-          this.setAttribute("disabled", "");
-          this.setAttribute("aria-disabled", "true");
-        }
-      }
-      get iconSize() {
-        return this.getAttribute("iconSize");
-      }
-      set iconSize(value) {
-        if (!value || value === "false") {
-          this.removeAttribute("iconSize");
-        } else {
-          this.setAttribute("iconSize", value);
-          this.setIcon();
-        }
-      }
-      get icon() {
-        return this.getAttribute("icon");
-      }
-      set icon(value) {
-        if (!value || value === "false") {
-          this.removeAttribute("icon");
-        } else {
-          this.setAttribute("icon", value);
-          this.setIcon();
-        }
-      }
-      get effect() {
-        return this.getAttribute("effect");
-      }
-      set effect(value) {
-        if (falseList.includes(value) || !value) {
-          this.removeAttribute("effect");
-        } else {
-          this.setAttribute("effect", value);
-        }
-      }
-      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._btn.addEventListener("mousedown", this.mousedown);
-        this._btn.addEventListener("mouseup", this.mouseup);
-        this.handlerExternalCss();
-        this.setIcon();
-        this.setAttribute("role", "button");
-        this.setAttribute("tabindex", "0");
-      }
-      disconnectCallback() {
-        this._btn.removeEventListener("mousedown", this.mousedown);
-        this._btn.removeEventListener("mouseup", this.mouseup);
-      }
-      attributeChangedCallback(name, oldValue, newValue) {
-        if (name === "disabled" && this._btnContent) {
-          if (!newValue || newValue === "false") {
-            this._btnContent.setAttribute("disabled", "");
-          } else {
-            this._btnContent.removeAttribute("disabled");
-          }
-        }
-        if (name === "icon" && this._btnContent && oldValue !== newValue)
-          this.setIcon();
-        if (name === "iconSize" && this._btnContent && oldValue !== newValue)
-          this._btnContent.setAttribute("iconSize", newValue);
-        if (name === "sheet" && this._shadowDom && oldValue !== newValue)
-          this.handlerExternalCss();
-      }
-    }
-    customElements.define("r-button", Button);
-    return Button;
-  } else {
-    return createCustomError("document is undefined or r-button is exist");
-  }
-}
-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-57492b9b.js

@@ -1,48 +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 falseList = [false, "false", null, void 0];
-const isDisabled = (element) => {
-  const status = element.hasAttribute("disabled");
-  const value = element.getAttribute("disabled");
-  if (status && !falseList.includes(value))
-    return true;
-  return false;
-};
-const removeClassToElementChild = (parent, deleteClass) => {
-  const pre = parent.querySelectorAll(`.${deleteClass}`);
-  if (pre.length > 0) {
-    pre.forEach((item) => item.classList.remove(deleteClass));
-  }
-};
-const loadScript = (src) => {
-  return new Promise((resolve, reject) => {
-    const script = document.createElement("script");
-    script.src = src;
-    script.onload = function() {
-      resolve({ success: true });
-    };
-    script.onerror = function(error) {
-      reject({ success: false, error });
-    };
-    document.body.append(script);
-  });
-};
-function createCustomError(msg) {
-  return class CustomError {
-    constructor(message = msg) {
-      __publicField(this, "message");
-      this.message = message;
-    }
-  };
-}
-export {
-  createCustomError as c,
-  falseList as f,
-  isDisabled as i,
-  loadScript as l,
-  removeClassToElementChild as r
-};