ranui 0.1.5 → 0.1.7

package/dist/index-0e7229ea.js

@@ -0,0 +1,328 @@
+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 } from "./index-d2d69b06.js";
+import { i as isDisabled, r as removeClassToElementChild } from "./index-57492b9b.js";
+const f7170ee498e0dd32cbdcb63fba8f75cc = '.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}\n';
+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(this._nav);
+        this._header.appendChild(this._line);
+        this._container.appendChild(this._header);
+        this._container.appendChild(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-183517e7.js

@@ -0,0 +1,265 @@
+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 { n as noop } from "./index-d2d69b06.js";
+import "./index-7f513a14.js";
+import { m as message } from "./index-48653b79.js";
+const f7170ee498e0dd32cbdcb63fba8f75cc = '.r-preview-slot{display:block}:host{cursor:pointer}.r-preview-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000073;z-index:1081}.r-preview-mask .r-preview-loading{position:absolute;top:30vh;left:50vw;transform:translate(-50%);display:flex;flex-flow:column;align-items:center}.r-preview-mask .r-preview-loading-text{color:#fff;font-size:16px}.r-preview-mask .r-preview-options{width:100%;pointer-events:auto;display:flex;flex-flow:row-reverse nowrap;align-items:center;justify-content:space-between}.r-preview-mask .r-preview-options-close{margin:14px;border:none;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain{max-width:calc(100vw - 20px);margin:0 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.r-preview-mask .r-preview-contain .r-preview-context{margin:0 auto;height:calc(100vh - 68px);display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;overflow:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main{width:100%;height:100%;margin-bottom:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet{font-size:13px;line-height:normal;-webkit-user-select:none;user-select:none;-moz-user-select:none;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;box-sizing:content-box;background:#fff;-webkit-font-smoothing:antialiased}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet textarea{font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sheet{position:relative;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-table{vertical-align:bottom}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-tooltip{font-family:inherit;position:absolute;padding:5px 10px;color:#fff;border-radius:1px;background:#000000;font-size:12px;z-index:201}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-tooltip:before{pointer-events:none;position:absolute;left:calc(50% - 4px);top:-4px;content:"";width:8px;height:8px;background:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1;box-shadow:1px 1px 3px -1px #0000004d}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette{padding:5px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:2;background:#fff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td{margin:0;cursor:pointer;border:1px solid transparent}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td:hover{border-color:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell{width:16px;height:16px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette{padding:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette table{margin:0;padding:0;border-collapse:separate;border-spacing:0;background:#fff;table-layout:fixed}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette table td{margin:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left{border-right:1px solid #eee;padding-right:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell{width:30px;height:30px;cursor:pointer;text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover{background-color:#eee}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right{padding-left:6px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type{position:relative;left:0;top:-3px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown{position:relative}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown .x-spreadsheet-dropdown-content{position:absolute;z-index:200;background:#fff;box-shadow:1px 2px 5px 2px #33333326}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content{top:calc(100% + 5px);left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content{top:calc(100% + 5px);right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content{bottom:calc(100% + 5px);right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dropdown .x-spreadsheet-dropdown-title{padding:0 5px;display:inline-block}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer{position:absolute;z-index:11}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer .x-spreadsheet-resizer-hover{background-color:#4b89ff40}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer .x-spreadsheet-resizer-line{position:absolute}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.horizontal{cursor:row-resize}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line{border-bottom:2px dashed #4b89ff;left:0;bottom:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.vertical{cursor:col-resize}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line{border-right:2px dashed #4b89ff;top:0;right:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar{position:absolute;bottom:0;right:0;background-color:#f4f5f8;opacity:.9;z-index:12}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.horizontal{right:15px;overflow-x:scroll;overflow-y:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.horizontal>div{height:1px;background:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.vertical{bottom:15px;overflow-x:hidden;overflow-y:scroll}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-scrollbar.vertical>div{width:1px;background:#ddd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-overlayer{position:absolute;left:0;top:0;z-index:10}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-overlayer .x-spreadsheet-overlayer-content{position:absolute;overflow:hidden;pointer-events:none;width:100%;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector{box-sizing:content-box;position:absolute;overflow:hidden;pointer-events:none;top:0;left:0;width:100%;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .hide-input{position:absolute;z-index:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .hide-input input{padding:0;width:0;border:none!important}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-area{position:absolute;border:2px solid #4b89ff;background:rgba(75,137,255,.1);z-index:5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-clipboard,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-autofill{position:absolute;background:transparent;z-index:100}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-clipboard{border:2px dashed #4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-autofill{border:1px dashed rgba(0,0,0,.45)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-selector .x-spreadsheet-selector-corner{pointer-events:auto;position:absolute;cursor:crosshair;font-size:0;height:5px;width:5px;right:-5px;bottom:-5px;border:2px solid #ffffff;background:#4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor{z-index:20}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area{position:absolute;text-align:left;border:2px solid #4b89ff;line-height:0;z-index:100;pointer-events:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area textarea{box-sizing:content-box;border:none;padding:0 3px;outline:none;resize:none;text-align:start;overflow-y:hidden;font:400 13px Arial,Lato,Source Sans Pro,Roboto,Helvetica,sans-serif;color:inherit;white-space:normal;word-wrap:break-word;line-height:22px;margin:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-editor .x-spreadsheet-editor-area .textline{overflow:hidden;visibility:hidden;position:fixed;top:0;left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item{-webkit-user-select:none;user-select:none;background:0;border:1px solid transparent;outline:none;height:26px;color:#000000e6;line-height:26px;list-style:none;padding:2px 10px;cursor:default;text-align:left;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.disabled{pointer-events:none;opacity:.5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item:hover,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.active{background:rgba(0,0,0,.05)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.divider{height:0;padding:0;margin:5px 0;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item .label{float:right;opacity:.65;font-size:1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state{padding-left:35px!important;position:relative}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state:before,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state:before{content:"";position:absolute;width:10px;height:10px;left:12px;top:calc(50% - 5px);background:rgba(0,0,0,.08);border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-item.state.checked:before,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-header.state.checked:before{background:#4b89ff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-checkbox{position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;font-size:1rem;line-height:1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-checkbox>input{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-suggest,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-contextmenu,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sort-filter{position:absolute;box-shadow:1px 2px 5px 2px #33333326;background:#fff;z-index:100;width:260px;pointer-events:auto;overflow:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-suggest{width:200px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter{border:1px solid #e9e9e9;font-size:12px;margin:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter .x-spreadsheet-header{padding:.5em .75em;background:#f8f8f9;border-bottom:1px solid #e9e9e9;border-left:1px solid transparent}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter .x-spreadsheet-body{height:200px;overflow-y:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item{height:20px;line-height:20px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-sort-filter .x-spreadsheet-buttons{margin:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-bottombar{height:40px;padding:0 30px;text-align:left;background:#f5f6f7;display:flex}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-bottombar{position:relative;border-top:1px solid #e0e2e4}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-bottombar .x-spreadsheet-menu>li{line-height:40px;height:40px;padding-top:0;padding-bottom:0;vertical-align:middle;border-right:1px solid #e8eaed}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu{list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu>li{float:left;line-height:1.25em;padding:.785em 1em;margin:0;vertical-align:middle;text-align:left;font-weight:400;color:#80868b;white-space:nowrap;cursor:pointer;transition:all .3s;font-weight:700}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu>li.active{background-color:#fff;color:#000000a6}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu>li .x-spreadsheet-dropdown{display:inline-block}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print{position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;display:flex;flex-direction:column}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-bar{background:#424242;height:60px;line-height:60px;padding:0 30px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-bar .-title{color:#fff;font-weight:700;font-size:1.2em;float:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-bar .-right{float:right;margin-top:12px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-content{display:flex;flex:auto;flex-direction:row;background:#d0d0d0;height:calc(100% - 60px)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-content .-sider{flex:0 0 300px;width:300px;border-left:2px solid #ccc;background:#fff}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-print-content .-content{flex:auto;overflow-x:auto;overflow-y:scroll;height:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-canvas-card-wraper{margin:40px 20px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-canvas-card{background:#fff;margin:auto;page-break-before:auto;page-break-after:always;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 3px #0000001f,0 4px 5px #0003}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar{color:#000000a6;background:#ffffff;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header{font-weight:700;line-height:30px;text-align:center;width:100%;float:left;background:#f9fafb}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-left{padding-left:5px;float:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-right{float:right}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-right a{padding:3px 0;margin-right:2px;border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover{background:rgba(0,0,0,.08)}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body{border-collapse:collapse;border-spacing:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body th,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td{width:14.28571429%;min-width:32px;text-align:center;font-weight:700;line-height:30px;padding:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell:hover{background:#ecf6fd}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell.active,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell.active:hover{background:#ecf6fd;color:#2185d0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-calendar .calendar-body td>.cell.disabled{pointer-events:none;opacity:.5}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-datepicker{box-shadow:2px 2px 5px #0003;position:absolute;left:0;top:calc(100% + 5px);z-index:10;width:auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-buttons{display:flex;justify-content:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-buttons .x-spreadsheet-button{margin-left:8px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button{display:inline-block;border-radius:3px;line-height:1em;min-height:1em;white-space:nowrap;text-align:center;cursor:pointer;font-size:1em;font-weight:700;padding:.75em 1em;color:#0009;background:#e0e1e2;text-decoration:none;font-family:Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;outline:none;vertical-align:baseline;zoom:1;-webkit-user-select:none;user-select:none;transition:all .1s linear}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.active,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button:hover{background-color:#c0c1c2;color:#000c}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.primary{color:#fff;background-color:#2185d0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.primary:hover,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-button.primary.active{color:#fff;background-color:#1678c2}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-input{font-size:1em;position:relative;font-weight:400;display:inline-flex;color:#000000de}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-input input{z-index:1;margin:0;max-width:100%;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:30px;height:30px;padding:0 8px;background:#fff;border:1px solid #e9e9e9;border-radius:3px;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:inset 0 1px 2px #0a0a0a0f}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-input input:focus{border-color:#4b89ff;box-shadow:inset 0 1px 2px #4b89ff33}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-select{position:relative;display:inline-block;background:#fff;border:1px solid #e9e9e9;border-radius:2px;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #0a0a0a0f}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-select .input-text{text-overflow:ellipsis;white-space:nowrap;min-width:60px;width:auto;height:30px;line-height:30px;padding:0 8px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-fields{display:flex;flex-direction:row;flex-wrap:wrap}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-fields .x-spreadsheet-form-field{flex:0 1 auto}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-fields .x-spreadsheet-form-field .label{display:inline-block;margin:0 10px 0 0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field{display:block;vertical-align:middle;margin-left:10px;margin-bottom:10px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field:first-child{margin-left:0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field.error .x-spreadsheet-form-select,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field.error input{border-color:#f04134}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-form-field .tip{color:#f04134;font-size:.9em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;background-color:#0009;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;-webkit-user-select:none;user-select:none;z-index:1000}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-dimmer.active{display:block;opacity:1}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main form fieldset{border:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main form fieldset label{display:block;margin-bottom:.5em;font-size:1em;color:#666}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main form fieldset select{font-size:1.1em;width:100%;background-color:#fff;border:none;border-bottom:2px solid #ddd;padding:.5em .85em;border-radius:2px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast{font-size:13px;position:fixed;z-index:1001;text-align:left;line-height:1.25em;min-width:360px;color:#000000de;font-family:Lato,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;border-radius:4px;border:1px solid rgba(0,0,0,.1);background-color:#fff;background-clip:padding-box;box-shadow:#0003 0 2px 8px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast{background-color:#ffffffd9}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-header,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-header{font-weight:600;background-clip:padding-box;background-color:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.05);border-radius:4px 4px 0 0}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-header{color:#f2711c}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-header{border-bottom:1px solid #e0e2e4;background:rgba(0,0,0,.08);font-size:1.0785em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-header,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-modal-content,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-header,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-toast-content{padding:.75em 1em}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-excel-main .x-spreadsheet-menu li:first-child{display:none}.r-preview-mask .r-preview-contain .r-preview-context .docx-wrapper{background:none}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section{width:100%;height:690px;position:relative;border:1px solid #333;background-color:#efefef;text-align:center;border-radius:10px;box-shadow:1px 1px 3px #aaa;overflow:hidden}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.block{position:absolute;top:0;left:0;width:100%}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.content{display:flex;flex-direction:column}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.v-up{justify-content:flex-start}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.v-mid{justify-content:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.v-down{justify-content:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.h-left{align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.h-mid{align-items:center;text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.h-right{align-items:flex-end;text-align:right}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.up-left{justify-content:flex-start;align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.up-center{justify-content:flex-start;align-items:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.up-right{justify-content:flex-start;align-items:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.center-left{justify-content:center;align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.center-center{justify-content:center;align-items:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.center-right{justify-content:center;align-items:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.down-left{justify-content:flex-end;align-items:flex-start;text-align:left}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.down-center{justify-content:flex-end;align-items:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section div.down-right{justify-content:flex-end;align-items:flex-end}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main li.slide{margin:10px 0;font-size:18px}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main div.footer{text-align:center}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section table{position:absolute}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section table,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section th,.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section td{border:1px solid black}.r-preview-mask .r-preview-contain .r-preview-context .r-preview-pptx-main section svg.drawing{position:absolute;overflow:visible}\n';
+const base = "";
+const index$2 = "";
+const { warning = noop } = message;
+const PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+const PDF = "application/pdf";
+const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+const XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+const XLS = "application/vnd.ms-excel";
+async function Custom() {
+  if (typeof document !== "undefined" && !customElements.get("r-preview") && true) {
+    const { renderPptx } = await import("./index-7b8840f9.js");
+    const { renderDocx } = await import("./docx-c5d02d8c.js");
+    const { renderPdf } = await import("./pdf-bdb7818a.js");
+    const { renderExcel } = await import("./index-a216f328.js");
+    const requestUrlToBuffer = (src, options) => {
+      if (typeof XMLHttpRequest === "undefined") {
+        throw new Error("XMLHttpRequest is not defined");
+      }
+      if (typeof document === "undefined") {
+        return Promise.reject("document is not defined");
+      }
+      return new Promise(function(resolve, reject) {
+        const xhr = new XMLHttpRequest();
+        xhr.open(options.method || "GET", src, true);
+        xhr.responseType = options.responseType || "arraybuffer";
+        xhr.onload = function() {
+          if (xhr.status === 200) {
+            resolve({ success: true, data: xhr.response, message: "" });
+          } else {
+            reject({
+              success: false,
+              data: xhr.status,
+              message: `The request status is${xhr.status}`
+            });
+          }
+        };
+        xhr.onerror = function(e) {
+          reject({ success: false, data: e, message: `` });
+        };
+        xhr.onprogress = (event) => {
+          options.onProgress && options.onProgress(event);
+        };
+        xhr.withCredentials = options.withCredentials || false;
+        if (options.headers) {
+          Object.keys(options.headers).forEach(function(key) {
+            (options == null ? void 0 : options.headers) && xhr.setRequestHeader(key, options.headers[key]);
+          });
+        }
+        xhr.send(options.body);
+      });
+    };
+    const renderPpt = (file, dom) => {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.readAsArrayBuffer(file);
+        reader.onload = () => {
+          var _a;
+          if (reader.result && dom) {
+            const param = {
+              pptx: reader.result,
+              resultElement: dom
+            };
+            (_a = renderPptx(param)) == null ? void 0 : _a.then(() => {
+              resolve();
+            });
+          }
+        };
+        reader.onerror = (error) => {
+          reject(error);
+        };
+        reader.onabort = (abort) => {
+          reject(abort);
+        };
+      });
+    };
+    const renderWord = (file, dom) => {
+      return Promise.resolve().then(
+        () => renderDocx({ buffer: file, bodyContainer: dom })
+      );
+    };
+    const renderFileMap = /* @__PURE__ */ new Map([
+      [PDF, renderPdf],
+      [PPTX, renderPpt],
+      [DOCX, renderWord],
+      [XLSX, renderExcel],
+      [XLS, renderExcel]
+    ]);
+    class CustomElement extends HTMLElement {
+      constructor() {
+        super();
+        __publicField(this, "_loadingText");
+        __publicField(this, "preview");
+        __publicField(this, "previewContext");
+        __publicField(this, "_slot");
+        __publicField(this, "_div");
+        __publicField(this, "_loadingElement");
+        __publicField(this, "createLoading", () => {
+          this._loadingElement = document.createElement("div");
+          this._loadingElement.setAttribute("class", "r-preview-loading");
+          const icon = document.createElement("r-icon");
+          icon.setAttribute("name", "loading");
+          icon.setAttribute("size", "100");
+          icon.setAttribute("color", "#1E90FF");
+          icon.setAttribute("spin", "");
+          this._loadingText = document.createElement("div");
+          this._loadingElement.appendChild(icon);
+          this._loadingText.setAttribute("class", "r-preview-loading-text");
+          this._loadingElement.appendChild(this._loadingText);
+          return this._loadingElement;
+        });
+        __publicField(this, "onProgress", (event) => {
+          const num = event.loaded / event.total * 100;
+          const progress = Math.min(99, num).toFixed(2) + "%";
+          if (this._loadingText && this._loadingElement) {
+            this._loadingText.innerText = `Loading ${progress}`;
+            if (num >= 100) {
+              setTimeout(() => {
+                var _a;
+                (_a = this.preview) == null ? void 0 : _a.removeChild(this._loadingElement);
+              }, 300);
+            }
+          }
+        });
+        __publicField(this, "handleFile", async (file) => {
+          try {
+            if (typeof file === "string") {
+              const { success, data, message: message2 } = await requestUrlToBuffer(file, {
+                onProgress: this.onProgress,
+                responseType: "blob"
+              });
+              if (success && data) {
+                file = new File([data], data.name, { type: data.type });
+                const { type } = file;
+                const handler = renderFileMap.get(type);
+                if (handler && this.previewContext) {
+                  if (type === XLSX || type === XLS) {
+                    this.previewContext.style.setProperty("width", "100%");
+                  } else {
+                    this.previewContext.style.setProperty("width", "100%");
+                  }
+                  handler(file, this.previewContext);
+                }
+              } else {
+                warning(message2);
+              }
+            }
+          } catch (error) {
+          }
+        });
+        __publicField(this, "closePreview", () => {
+          if (this.preview) {
+            document.body.removeChild(this.preview);
+            this.preview = void 0;
+          }
+        });
+        __publicField(this, "showPreview", () => {
+          var _a;
+          if (this.src) {
+            if (this.preview) {
+              this.preview.style.display = "block";
+            } else {
+              this.preview = document.createElement("div");
+              this.preview.setAttribute("class", "r-preview-mask");
+              this.preview.setAttribute("id", "r-preview-mask");
+              const previewOption = document.createElement("div");
+              previewOption.setAttribute("class", "r-preview-options");
+              if (this.closeable !== "false") {
+                const previewCloseButton = document.createElement("r-icon");
+                previewCloseButton.setAttribute(
+                  "class",
+                  "r-preview-options-close"
+                );
+                previewCloseButton.setAttribute("name", "close-circle-fill");
+                previewCloseButton.setAttribute("size", "40");
+                previewCloseButton.addEventListener("click", this.closePreview);
+                previewOption.appendChild(previewCloseButton);
+              }
+              const previewContain = document.createElement("div");
+              previewContain.setAttribute("class", "r-preview-contain");
+              this.previewContext = document.createElement("div");
+              this.previewContext.setAttribute("class", "r-preview-context");
+              previewContain.appendChild(this.previewContext);
+              this.preview.appendChild(previewOption);
+              (_a = this.preview) == null ? void 0 : _a.appendChild(previewContain);
+              this._loadingElement = this.createLoading();
+              this.preview.appendChild(this._loadingElement);
+              document.body.appendChild(this.preview);
+            }
+            this.handleFile(this.src);
+          }
+        });
+        this._div = document.createElement("div");
+        this.preview = document.getElementById("r-preview-mask");
+        this._slot = document.createElement("slot");
+        this._div.appendChild(this._slot);
+        this._slot.setAttribute("class", "r-preview-slot");
+        this._div.setAttribute("class", "r-preview");
+        const shadowRoot = this.attachShadow({ mode: "closed" });
+        const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
+        F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
+        shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
+        shadowRoot.appendChild(this._div);
+      }
+      static get observedAttributes() {
+        return ["src", "closeable"];
+      }
+      get label() {
+        return this.getAttribute("label");
+      }
+      set label(value) {
+        if (value)
+          this.setAttribute("label", value);
+      }
+      get src() {
+        return this.getAttribute("src");
+      }
+      set src(value) {
+        if (value)
+          this.setAttribute("src", value);
+      }
+      get closeable() {
+        return this.getAttribute("closeable");
+      }
+      set closeable(value) {
+        if (value)
+          this.setAttribute("closeable", value);
+      }
+      connectedCallback() {
+        this.preview = document.getElementById("r-preview-mask");
+        this.addEventListener("click", this.showPreview);
+      }
+      disconnectedCallback() {
+        this.removeEventListener("click", this.showPreview);
+      }
+      attributeChangedCallback(name, oldValue, newValue) {
+        if (newValue !== oldValue) {
+          if (name === "src" && newValue) {
+            this.setAttribute("src", newValue);
+            this.showPreview();
+          }
+        }
+      }
+    }
+    customElements.define("r-preview", CustomElement);
+  }
+}
+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
+};