ninemoon-ui 0.0.27 → 0.1.0

package/dist/js/index-b4e420ce.js

@@ -0,0 +1,958 @@
+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 { openBlock, createElementBlock, createElementVNode, defineComponent, ref, onUnmounted, createBlock, Teleport, createVNode, TransitionGroup, withCtx, Fragment, renderList, normalizeClass, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode, createApp, isVNode, watch, computed, Transition, withDirectives, withModifiers, unref, reactive, defineAsyncComponent } from "vue";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$8 = {};
+const _hoisted_1$8 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "inherit"
+};
+function _sfc_render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
+    createElementVNode("g", null, [
+      createElementVNode("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M16.7782 7.22943C16.4824 6.93364 16.0046 6.93364 15.7088 7.22943L12 10.9306L8.29124 7.22184C7.99545 6.92605 7.51763 6.92605 7.22184 7.22184C6.92605 7.51763 6.92605 7.99545 7.22184 8.29124L10.9306 12L7.22184 15.7088C6.92605 16.0046 6.92605 16.4824 7.22184 16.7782C7.51763 17.0739 7.99545 17.0739 8.29124 16.7782L12 13.0694L15.7088 16.7782C16.0046 17.0739 16.4824 17.0739 16.7782 16.7782C17.0739 16.4824 17.0739 16.0046 16.7782 15.7088L13.0694 12L16.7782 8.29124C17.0664 8.00303 17.0664 7.51763 16.7782 7.22943Z",
+        fill: "inherit"
+      })
+    ], -1)
+  ]));
+}
+const CloseIcon = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$5]]);
+const _sfc_main$7 = {};
+const _hoisted_1$7 = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M883.2 247.466667c-17.066667-17.066667-44.8-17.066667-59.733333 0L409.6 665.6l-209.066667-204.8c-17.066667-17.066667-44.8-17.066667-59.733333 0-17.066667 17.066667-17.066667 44.8 0 59.733333l238.933333 234.666667c8.533333 8.533333 19.2 12.8 29.866667 12.8 10.666667 0 21.333333-4.266667 29.866667-12.8l443.733333-448c17.066667-17.066667 17.066667-42.666667 0-59.733333z" }, null, -1)
+  ]));
+}
+const successTip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$4]]);
+const _sfc_main$6 = {};
+const _hoisted_1$6 = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M556.8 512L832 236.8c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L512 467.2l-275.2-277.333333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l275.2 277.333333-277.333333 275.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333L512 556.8 787.2 832c6.4 6.4 14.933333 8.533333 23.466667 8.533333s17.066667-2.133333 23.466666-8.533333c12.8-12.8 12.8-32 0-44.8L556.8 512z" }, null, -1)
+  ]));
+}
+const errTip = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$3]]);
+const _sfc_main$5 = {};
+const _hoisted_1$5 = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M512 320m-42.666667 0a42.666667 42.666667 0 1 0 85.333334 0 42.666667 42.666667 0 1 0-85.333334 0Z" }, null, -1),
+    createElementVNode("path", { d: "M512 437.333333c-17.066667 0-32 14.933333-32 32v234.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V469.333333c0-17.066667-14.933333-32-32-32z" }, null, -1)
+  ]));
+}
+const warnTip = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$2]]);
+const _sfc_main$4 = {};
+const _hoisted_1$4 = {
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M800 625.066667V448c0-117.333333-70.4-217.6-170.666667-262.4-4.266667-61.866667-55.466667-110.933333-117.333333-110.933333s-113.066667 49.066667-117.333333 110.933333c-100.266667 44.8-170.666667 145.066667-170.666667 262.4v177.066667c-57.6 46.933333-85.333333 110.933333-85.333333 185.6 0 17.066667 14.933333 32 32 32h206.933333c14.933333 61.866667 70.4 106.666667 134.4 106.666666s119.466667-44.8 134.4-106.666666H853.333333c17.066667 0 32-14.933333 32-32 0-76.8-27.733333-138.666667-85.333333-185.6zM512 138.666667c19.2 0 36.266667 10.666667 44.8 25.6-14.933333-2.133333-29.866667-4.266667-44.8-4.266667-14.933333 0-29.866667 2.133333-44.8 4.266667 8.533333-14.933333 25.6-25.6 44.8-25.6z m0 746.666666c-29.866667 0-55.466667-17.066667-66.133333-42.666666h134.4c-12.8 25.6-38.4 42.666667-68.266667 42.666666z m-307.2-106.666666c6.4-46.933333 29.866667-83.2 70.4-113.066667 8.533333-6.4 12.8-14.933333 12.8-25.6v-192c0-123.733333 100.266667-224 224-224S736 324.266667 736 448v192c0 10.666667 4.266667 19.2 12.8 25.6 40.533333 29.866667 64 66.133333 70.4 113.066667H204.8z" }, null, -1)
+  ]));
+}
+const infoTip = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1]]);
+const _hoisted_1$3 = { class: "pointer-events-none fixed right-0 left-0 bottom-0 top-4 z-2000 space-y-5" };
+const _hoisted_2$1 = { class: "pointer-events-auto inline-flex items-center space-x-3 bg-white p-3 text-sm text-word3 drop-shadow" };
+const _hoisted_3$1 = { class: "flex-1" };
+const _hoisted_4$1 = ["onClick"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "messagecomponent",
+  setup(__props, { expose: __expose }) {
+    const typeIcons = {
+      success: successTip,
+      error: errTip,
+      warning: warnTip,
+      info: infoTip
+    };
+    const messageQueue = ref([]);
+    const dealConfig = (options) => {
+      const id = options.id ?? Date.now();
+      const existingIndex = messageQueue.value.findIndex((m) => m.id === id);
+      if (existingIndex > -1) {
+        const msg = messageQueue.value[existingIndex];
+        msg.content = options.content ?? msg.content;
+        msg.duration = options.duration ?? msg.duration;
+        msg.showClose = options.showClose ?? msg.showClose;
+        resetTimer(msg);
+        return;
+      }
+      const newMessage = {
+        id,
+        ...options
+      };
+      messageQueue.value.push(newMessage);
+      setupAutoClose(newMessage);
+    };
+    const setupAutoClose = (msg) => {
+      if (msg.duration <= 0)
+        return;
+      msg.timer = setTimeout(() => {
+        removeMessage(msg.id);
+      }, msg.duration);
+    };
+    const resetTimer = (msg) => {
+      if (msg.timer)
+        clearTimeout(msg.timer);
+      setupAutoClose(msg);
+    };
+    const removeMessage = (id) => {
+      const index2 = messageQueue.value.findIndex((m) => m.id === id);
+      if (index2 > -1) {
+        const msg = messageQueue.value[index2];
+        if (msg.timer)
+          clearTimeout(msg.timer);
+        messageQueue.value.splice(index2, 1);
+      }
+    };
+    onUnmounted(() => {
+      messageQueue.value.forEach((msg) => {
+        if (msg.timer)
+          clearTimeout(msg.timer);
+      });
+      messageQueue.value = [];
+    });
+    __expose({
+      dealConfig
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createElementVNode("div", _hoisted_1$3, [
+          createVNode(TransitionGroup, { name: "message" }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(messageQueue.value, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  class: "w-full text-center",
+                  key: item.id
+                }, [
+                  createElementVNode("div", _hoisted_2$1, [
+                    createElementVNode("div", {
+                      class: normalizeClass(["flex h-5 w-5 items-center justify-center rounded-full", {
+                        "bg-green-400": item.type === "success",
+                        "bg-red-400": item.type === "error",
+                        "bg-yellow-400": item.type === "warning",
+                        "bg-gray-400": item.type === "info"
+                      }])
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(typeIcons[item.type]), { class: "h-4 w-4 fill-white" }))
+                    ], 2),
+                    createElementVNode("div", _hoisted_3$1, [
+                      item.contentType === 1 << 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        createTextVNode(toDisplayString(item.content), 1)
+                      ], 64)) : createCommentVNode("", true),
+                      item.contentType === 1 << 1 ? (openBlock(), createBlock(resolveDynamicComponent(item.content), { key: 1 })) : createCommentVNode("", true),
+                      item.contentType === 1 << 2 ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(item.content, (itemitem) => {
+                        return openBlock(), createBlock(resolveDynamicComponent(itemitem));
+                      }), 256)) : createCommentVNode("", true)
+                    ]),
+                    item.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: "appearance-none fill-gray-600",
+                      onClick: ($event) => removeMessage(item.id)
+                    }, [
+                      createVNode(CloseIcon)
+                    ], 8, _hoisted_4$1)) : createCommentVNode("", true)
+                  ])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+const modelOption = {
+  duration: 3e3,
+  showClose: false
+};
+const _MessageClass = class _MessageClass {
+  constructor() {
+    _MessageClass.instance = createApp(_sfc_main$3).mount(document.createElement("div"));
+  }
+  static getInstance() {
+    if (!this.instance) {
+      new _MessageClass();
+    }
+    return this.instance;
+  }
+  static mixconfig(defaultoption, options) {
+    if (typeof options === "string" || typeof options === "number") {
+      return Object.assign(defaultoption, modelOption, {
+        content: options,
+        contentType: 1 << 0
+      });
+    } else {
+      if (Array.isArray(options.content)) {
+        return Object.assign(defaultoption, modelOption, options, {
+          contentType: 1 << 2
+        });
+      } else if (isVNode(options.content)) {
+        return Object.assign(defaultoption, modelOption, options, {
+          contentType: 1 << 1
+        });
+      } else {
+        return Object.assign(defaultoption, modelOption, options, {
+          contentType: 1 << 0
+        });
+      }
+    }
+  }
+  static pushMessage(options) {
+    const instance = this.getInstance();
+    instance.dealConfig(options);
+  }
+  static success(options) {
+    const config = this.mixconfig({ type: "success" }, options);
+    this.pushMessage(config);
+  }
+  static warning(options) {
+    const config = this.mixconfig({ type: "warning" }, options);
+    this.pushMessage(config);
+  }
+  static error(options) {
+    const config = this.mixconfig({ type: "error" }, options);
+    this.pushMessage(config);
+  }
+  static info(options) {
+    const config = this.mixconfig({ type: "info" }, options);
+    this.pushMessage(config);
+  }
+  static destroy() {
+    if (this.instance) {
+      this.instance.$el.remove();
+      this.instance = null;
+    }
+  }
+};
+__publicField(_MessageClass, "instance");
+let MessageClass = _MessageClass;
+const handlerStack = [];
+let isGlobalListenerAttached = false;
+const globalEscapeHandler = (event) => {
+  if (event.key !== "Escape")
+    return;
+  const activeHandler = handlerStack[handlerStack.length - 1];
+  if (activeHandler) {
+    event.preventDefault();
+    activeHandler(event);
+  }
+};
+const createEscapeDirective = (options) => {
+  const config = {
+    onEscape: () => {
+    },
+    ...options
+  };
+  const bindEvents = (el, binding) => {
+    const thisHandler = (e) => {
+      e.preventDefault();
+      config.onEscape(e);
+    };
+    handlerStack.push(thisHandler);
+    el.__Escape_Handler__ = thisHandler;
+    if (!isGlobalListenerAttached) {
+      document.addEventListener("keydown", globalEscapeHandler);
+      isGlobalListenerAttached = true;
+    }
+  };
+  const unbindEvents = (el) => {
+    if (el.__Escape_Handler__) {
+      const index2 = handlerStack.indexOf(el.__Escape_Handler__);
+      if (index2 !== -1)
+        handlerStack.splice(index2, 1);
+      if (handlerStack.length === 0 && isGlobalListenerAttached) {
+        document.removeEventListener("keydown", globalEscapeHandler);
+        isGlobalListenerAttached = false;
+      }
+      delete el.__Escape_Handler__;
+    }
+  };
+  return {
+    mounted(el, binding) {
+      bindEvents(el);
+    },
+    updated(el, binding) {
+      if (el.__Escape_Handler__) {
+        const index2 = handlerStack.indexOf(el.__Escape_Handler__);
+        if (index2 !== -1)
+          handlerStack.splice(index2, 1);
+      }
+      const newHandler = (e) => {
+        e.preventDefault();
+        config.onEscape(e);
+      };
+      handlerStack.push(newHandler);
+      el.__Escape_Handler__ = newHandler;
+    },
+    beforeUnmount(el) {
+      unbindEvents(el);
+    }
+  };
+};
+const _sfc_main$2 = {};
+const _hoisted_1$2 = {
+  class: "fill-current",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M512 74.666667c241.066667 0 437.333333 196.266667 437.333333 437.333333S753.066667 949.333333 512 949.333333 74.666667 753.066667 74.666667 512 270.933333 74.666667 512 74.666667z m0 341.333333c-17.066667 0-32 14.933333-32 32v300.8c2.133333 17.066667 14.933333 29.866667 32 29.866667s32-14.933333 32-32V445.866667c-2.133333-17.066667-14.933333-29.866667-32-29.866667z m0-160c-23.466667 0-42.666667 19.2-42.666667 42.666667s19.2 42.666667 42.666667 42.666666 42.666667-19.2 42.666667-42.666666-19.2-42.666667-42.666667-42.666667z" }, null, -1)
+  ]));
+}
+const tipIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
+const _hoisted_1$1 = { class: "z-20 w-96 rounded bg-white px-4 pt-8 pb-9 drop-shadow mt-[20vh] mx-auto" };
+const _hoisted_2 = { class: "flex justify-center" };
+const _hoisted_3 = { class: "h-6 w-6 text-yellow-400" };
+const _hoisted_4 = { class: "ml-1 text-lg leading-6 text-word3" };
+const _hoisted_5 = { class: "my-4 text-sm text-word3 text-center" };
+const _hoisted_6 = { class: "space-x-2.5 text-center text-xs" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "alertcomponent",
+  props: {
+    callback: { type: Function },
+    title: {},
+    content: {},
+    sureword: {},
+    cancelword: {},
+    bgshow: { type: Boolean },
+    onClose: { type: Function },
+    onConfirm: { type: Function },
+    showAlert: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const vEsc = createEscapeDirective({
+      onEscape: () => {
+        props.onClose();
+      }
+    });
+    const visible = ref(false);
+    const stopwatch = watch(
+      () => props.showAlert,
+      (newVal) => {
+        visible.value = newVal;
+        stopwatch();
+      }
+    );
+    const setVisible = (value) => {
+      visible.value = value;
+    };
+    __expose({ setVisible });
+    const bgshow = computed(() => props.bgshow);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "alertOpecity" }, {
+          default: withCtx(() => [
+            visible.value ? withDirectives((openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["fixed top-0 right-0 left-0 bottom-0 z-1000", { "bg-black bg-opacity-30": bgshow.value }]),
+              onClick: _cache[2] || (_cache[2] = withModifiers(($event) => props.onClose(), ["self"]))
+            }, [
+              createElementVNode("div", _hoisted_1$1, [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("div", _hoisted_3, [
+                    createVNode(tipIcon, { class: "w-full h-full" })
+                  ]),
+                  createElementVNode("div", _hoisted_4, toDisplayString(props.title), 1)
+                ]),
+                createElementVNode("div", _hoisted_5, toDisplayString(props.content), 1),
+                createElementVNode("div", _hoisted_6, [
+                  createElementVNode("div", {
+                    class: "h-8 px-4 rounded border text-word6 inline-block leading-8 cursor-pointer",
+                    onClick: _cache[0] || (_cache[0] = ($event) => props.onClose())
+                  }, toDisplayString(props.cancelword), 1),
+                  createElementVNode("div", {
+                    class: "h-8 px-4 rounded bg-blue-light text-white inline-block leading-8 cursor-pointer",
+                    onClick: _cache[1] || (_cache[1] = ($event) => props.onConfirm())
+                  }, toDisplayString(props.sureword), 1)
+                ])
+              ])
+            ], 2)), [
+              [unref(vEsc)]
+            ]) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const alertcomponent_vue_vue_type_style_index_0_lang = "";
+const defaultOption = {
+  title: "",
+  content: "",
+  sureword: "确定",
+  cancelword: "取消",
+  bgshow: false
+};
+function AlertFunction(alertoptions) {
+  return new Promise((resolve, reject) => {
+    const alertProps = reactive({
+      ...defaultOption,
+      ...alertoptions,
+      showAlert: false,
+      callback: (action) => {
+        if (action) {
+          reject(action);
+        } else {
+          resolve();
+        }
+      },
+      onClose: () => {
+        instance.setVisible(false);
+        setTimeout(() => {
+          unmount();
+          reject("user cancel");
+        }, 300);
+      },
+      onConfirm: () => {
+        instance.setVisible(false);
+        setTimeout(() => {
+          unmount();
+          resolve();
+        }, 300);
+      }
+    });
+    const alertApp = createApp(_sfc_main$1, alertProps);
+    const container = document.createElement("div");
+    const instance = alertApp.mount(container);
+    const unmount = () => {
+      alertApp.unmount();
+    };
+    requestAnimationFrame(() => {
+      instance.setVisible(true);
+    });
+  });
+}
+const _hoisted_1 = { class: "mt-3 text-sm font-medium text-word9" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "loadcomponent",
+  props: {
+    loadingText: {},
+    fullScreen: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["top-0 right-0 left-0 bottom-0 z-50 flex h-full w-full flex-col items-center justify-center bg-white bg-opacity-90", _ctx.fullScreen ? "fixed" : "absolute"])
+      }, [
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "relative flex justify-center w-10 h-10" }, [
+          createElementVNode("svg", {
+            class: "circular stroke-wordblue",
+            viewBox: "25 25 50 50"
+          }, [
+            createElementVNode("circle", {
+              class: "path",
+              cx: "50",
+              cy: "50",
+              r: "20",
+              fill: "none",
+              "stroke-width": "2",
+              "stroke-miterlimit": "10"
+            })
+          ])
+        ], -1)),
+        createElementVNode("div", _hoisted_1, toDisplayString(_ctx.loadingText), 1)
+      ], 2);
+    };
+  }
+});
+const loadcomponent_vue_vue_type_style_index_0_lang = "";
+const LOCK_CLASS_NAME = "overflow-hidden";
+const LOADING_TEXT_ATTR = "loading-text";
+function createLoadingInstance(options) {
+  const app = createApp(_sfc_main, options);
+  const mountNode = document.createElement("div");
+  return app.mount(mountNode);
+}
+const LibLoad = {
+  mounted(el, binding) {
+    if (binding.value) {
+      const modifiers = binding.modifiers;
+      el.__loading_instance__ = createLoadingInstance({
+        loadingText: el.getAttribute(LOADING_TEXT_ATTR) || "加载中...",
+        fullScreen: !!modifiers.fullScreen
+      });
+      handleLoadingState(el, binding, true);
+    }
+  },
+  updated(el, binding) {
+    if (binding.value !== binding.oldValue) {
+      handleLoadingState(el, binding, binding.value);
+    }
+  },
+  beforeUnmount(el) {
+    var _a;
+    if (el.__loading_instance__) {
+      cleanupLoadingState(el, document.body);
+      (_a = el.__loading_instance__) == null ? void 0 : _a.$el.remove();
+      delete el.__loading_instance__;
+    }
+  }
+};
+function handleLoadingState(el, binding, show) {
+  const modifiers = binding.modifiers;
+  const target = modifiers.fullScreen ? document.body : el;
+  if (show) {
+    applyLoadingState(el, target, modifiers);
+  } else {
+    cleanupLoadingState(el, target, modifiers);
+  }
+}
+function applyLoadingState(el, container, modifiers) {
+  if (!el.__loading_instance__) {
+    el.__loading_instance__ = createLoadingInstance({
+      loadingText: el.getAttribute(LOADING_TEXT_ATTR) || "加载中...",
+      fullScreen: !!modifiers.fullScreen
+    });
+  }
+  if (container === el) {
+    el.__original_display__ = el.style.display;
+    el.style.position = "relative";
+  }
+  if (!container.contains(el.__loading_instance__.$el)) {
+    container.appendChild(el.__loading_instance__.$el);
+  }
+  if (modifiers.lock && modifiers.fullScreen) {
+    document.documentElement.classList.add(LOCK_CLASS_NAME);
+  }
+}
+function cleanupLoadingState(el, container, modifiers) {
+  if (!el.__loading_instance__)
+    return;
+  const loadingElement = el.__loading_instance__.$el;
+  if (loadingElement && loadingElement.parentNode === container) {
+    try {
+      container.removeChild(loadingElement);
+    } catch (error) {
+      console.warn("安全移除加载元素失败:", error);
+    }
+  } else {
+    console.warn("加载元素不存在于容器中，可能已提前移除");
+  }
+  if (container === el && el.__original_display__) {
+    el.style.position = "";
+    el.style.display = el.__original_display__;
+    delete el.__original_display__;
+  }
+  if ((modifiers == null ? void 0 : modifiers.lock) && (modifiers == null ? void 0 : modifiers.fullScreen)) {
+    document.documentElement.classList.remove(LOCK_CLASS_NAME);
+  }
+  delete el.__loading_instance__;
+}
+function debounce(func, wait) {
+  let timeout;
+  return function() {
+    const context = this;
+    const args = arguments;
+    clearTimeout(timeout);
+    timeout = setTimeout(function() {
+      func.apply(context, args);
+    }, wait);
+  };
+}
+function throttle(func, wait) {
+  let timeout;
+  return function() {
+    const context = this;
+    const args = arguments;
+    if (!timeout) {
+      timeout = setTimeout(function() {
+        timeout = null;
+        func.apply(context, args);
+      }, wait);
+    }
+  };
+}
+const usePotion = (baseDom, aimDom, set) => {
+  let left = 0;
+  let top = 0;
+  let arrowleft = 0;
+  let arrowtop = 0;
+  let exchange = false;
+  if (!baseDom || !aimDom) {
+    return {
+      Top: top,
+      Left: left,
+      arrowLeft: arrowleft,
+      arrowTop: arrowtop,
+      exChange: exchange
+    };
+  }
+  const { left: baseLeft, right, bottom, top: baseTop, width: baseWidth, height: baseHeight } = baseDom.getBoundingClientRect();
+  const { height: aimHeight, width: aimWidth, top: aimTop } = aimDom.getBoundingClientRect();
+  const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+  const scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
+  switch (set == null ? void 0 : set.position) {
+    case "bottomleft":
+    case "bottommiddle":
+    case "bottomright":
+      top = scrollTop + bottom;
+      break;
+    case "topleft":
+    case "topmiddle":
+    case "topright":
+      top = scrollTop + baseTop - aimHeight;
+      break;
+    case "centerleft":
+    case "centerright":
+      top = scrollTop + baseTop + (baseHeight - aimHeight) / 2;
+      arrowtop = aimHeight / 2 - 5;
+      break;
+  }
+  switch (set == null ? void 0 : set.position) {
+    case "topleft":
+    case "bottomleft":
+      left = scrollLeft + baseLeft;
+      arrowleft = (right - baseLeft) / 2;
+      break;
+    case "topmiddle":
+    case "bottommiddle":
+      left = scrollLeft + baseLeft + (right - baseLeft - aimWidth) / 2;
+      arrowleft = aimWidth / 2 - 5;
+      break;
+    case "topright":
+    case "bottomright":
+      left = scrollLeft + right - aimWidth;
+      arrowleft = aimWidth - baseWidth + baseWidth / 2 - 5;
+      break;
+    case "centerleft":
+      left = scrollLeft + baseLeft - aimWidth;
+      arrowleft = aimWidth - 5;
+      break;
+    case "centerright":
+      left = scrollLeft + right;
+      arrowleft = -5;
+      break;
+  }
+  if (aimHeight + 20 < window.innerHeight) {
+    if (top + aimHeight + 10 > scrollTop + window.innerHeight) {
+      switch (set == null ? void 0 : set.position) {
+        case "bottommiddle":
+        case "bottomleft":
+        case "bottomright":
+          exchange = true;
+          top = scrollTop + baseTop - aimHeight - 24;
+          break;
+        case "centerleft":
+        case "centerright":
+          top = scrollTop + window.innerHeight - aimHeight - 10;
+          arrowtop = baseTop - aimTop + baseHeight / 2 - 10;
+          break;
+      }
+    }
+    if (top - scrollTop < 0) {
+      switch (set == null ? void 0 : set.position) {
+        case "topmiddle":
+        case "topleft":
+        case "topright":
+          exchange = true;
+          top = scrollTop + bottom + 24;
+          break;
+        case "centerleft":
+        case "centerright":
+          top = 10 + scrollTop;
+          arrowtop = baseTop + baseHeight / 2 - 10;
+          break;
+      }
+    }
+  }
+  return {
+    Top: top,
+    Left: left,
+    arrowLeft: arrowleft,
+    arrowTop: arrowtop,
+    exChange: exchange
+  };
+};
+function getNewArray(array, subGroupLength) {
+  let index2 = 0;
+  const newArray = [];
+  while (index2 < array.length) {
+    newArray.push(array.slice(index2, index2 += subGroupLength));
+  }
+  return newArray;
+}
+const formatDate = (date) => {
+  if (!date)
+    return "";
+  const d = date instanceof Date ? date : new Date(date);
+  if (isNaN(d.getTime()))
+    return "";
+  return [
+    d.getFullYear(),
+    pad(d.getMonth() + 1),
+    pad(d.getDate())
+  ].join("-");
+};
+const pad = (n) => n.toString().padStart(2, "0");
+const checkinputDate = (input, success, fail) => {
+  try {
+    input = input.trim();
+    if (!input) {
+      success(null);
+      return;
+    }
+    const dateRegex = /^(\d{4})[-/\.](\d{1,2})[-/\.]?(\d{1,2})?$/;
+    if (!dateRegex.test(input)) {
+      throw new Error("日期格式错误");
+    }
+    const [, yearStr, monthStr, dayStr] = input.match(dateRegex);
+    const year = parseInt(yearStr, 10);
+    const month = parseInt(monthStr, 10);
+    const day = dayStr ? parseInt(dayStr, 10) : 1;
+    if (year < 1970 || year > 2100)
+      throw new Error("年份超出范围");
+    if (month < 1 || month > 12)
+      throw new Error("无效月份");
+    const lastDayOfMonth = new Date(year, month, 0).getDate();
+    const safeDay = Math.min(day, lastDayOfMonth);
+    if (safeDay !== day) {
+      fail();
+      return;
+    }
+    const newDate = new Date(year, month - 1, safeDay);
+    if (newDate.getFullYear() !== year || newDate.getMonth() + 1 !== month || newDate.getDate() !== safeDay) {
+      fail();
+      return;
+    }
+    const formatted = formatDate(newDate);
+    success(formatted);
+  } catch (error) {
+    fail();
+  }
+};
+const on = function() {
+  return function(element, event, handler) {
+    if (element && event && handler) {
+      element.addEventListener(event, handler, false);
+    }
+  };
+}();
+const off = function() {
+  return function(element, event, handler) {
+    if (element && event) {
+      element.removeEventListener(event, handler, false);
+    }
+  };
+}();
+const useResizeObserver = (callback) => {
+  let observer = null;
+  const observe = (el) => {
+    observer = new ResizeObserver(callback);
+    observer.observe(el);
+  };
+  const unobserve = (el) => {
+    observer == null ? void 0 : observer.unobserve(el);
+    observer == null ? void 0 : observer.disconnect();
+  };
+  return { observe, unobserve };
+};
+const DEFAULT_DEBOUNCE_WAIT = 100;
+const DEFAULT_HOLD = 0;
+const createScrollDirective = (options) => {
+  const config = {
+    throttleTime: DEFAULT_DEBOUNCE_WAIT,
+    threshold: DEFAULT_HOLD,
+    edge: "bottom",
+    onWheel: () => {
+    },
+    ...options
+  };
+  const checkEdgeProximity = (el, edge) => {
+    const { scrollTop, scrollHeight, clientHeight } = el;
+    const threshold = config.threshold;
+    const epsilon = 0.1;
+    if (scrollHeight <= clientHeight) {
+      return edge === "top" ? scrollTop === 0 : true;
+    }
+    const maxScroll = scrollHeight - clientHeight;
+    switch (edge) {
+      case "top":
+        return scrollTop <= threshold + epsilon;
+      case "bottom": {
+        const remaining = maxScroll - scrollTop;
+        return remaining <= threshold + epsilon;
+      }
+      default:
+        return false;
+    }
+  };
+  const bindEvents = (el, binding) => {
+    const isScrollable = el.scrollHeight > el.clientHeight;
+    if (!isScrollable)
+      return;
+    if (el._scroll_handlers_)
+      return;
+    const wheelDom = throttle(() => {
+      if (checkEdgeProximity(el, config.edge)) {
+        config.onWheel();
+      }
+    }, config.throttleTime);
+    el._scroll_handlers_ = {
+      wheel: wheelDom
+    };
+    el.addEventListener("wheel", el._scroll_handlers_.wheel);
+  };
+  const unbindEvents = (el) => {
+    if (el._scroll_handlers_) {
+      el.removeEventListener("wheel", el._scroll_handlers_.wheel);
+      delete el._scroll_handlers_;
+    }
+  };
+  return {
+    mounted(el, binding) {
+      bindEvents(el);
+    },
+    updated(el, binding) {
+      if (binding.value.ableLoading === false) {
+        unbindEvents(el);
+      } else {
+        bindEvents(el);
+      }
+    },
+    beforeUnmount(el) {
+      unbindEvents(el);
+    }
+  };
+};
+const tailwind = "";
+const LibDialog = defineAsyncComponent(() => import("./dialog-0127ca01.js"));
+const LibForm = defineAsyncComponent(() => import("./form-6ae96387.js"));
+const LibFormLabel = defineAsyncComponent(() => import("./formlabel-9339bd1c.js"));
+const LibInput = defineAsyncComponent(() => import("./input-11fe67a5.js"));
+const LibSelect = defineAsyncComponent(() => import("./select-b5bbb138.js"));
+const LibSelectOption = defineAsyncComponent(() => import("./selectoption-00c8f06d.js"));
+const LibTable = defineAsyncComponent(() => import("./table-9bb52630.js"));
+const LibTableItem = defineAsyncComponent(() => import("./tableItem-7d8bf2db.js"));
+const LibImage = defineAsyncComponent(() => import("./image-76711716.js"));
+const LibDatePicker = defineAsyncComponent(() => import("./datepicker-ef8b7019.js"));
+const LibDatePickerRange = defineAsyncComponent(() => import("./datepickerRange-4c400f88.js"));
+const LibMenu = defineAsyncComponent(() => import("./menu-fb9b4a4f.js"));
+const LibPagination = defineAsyncComponent(() => import("./pagination-3bcaa109.js"));
+const LibBadge = defineAsyncComponent(() => import("./badge-496028b6.js"));
+const LibPopover = defineAsyncComponent(() => import("./popover-45f75f86.js"));
+const LibNumberInput = defineAsyncComponent(() => import("./numberinput-00fa4429.js"));
+const LibRadioGroup = defineAsyncComponent(() => import("./radiogroup-727923c7.js"));
+const LibRadioBox = defineAsyncComponent(() => import("./radiobox-8f11e726.js"));
+const LibCheckGroup = defineAsyncComponent(() => import("./checkgroup-e4e6adbc.js"));
+const LibCheckBox = defineAsyncComponent(() => import("./checkbox-530025c4.js"));
+const LibUpload = defineAsyncComponent(() => import("./upload-16dbef22.js"));
+const LibTabs = defineAsyncComponent(() => import("./tabs-9d7be734.js"));
+const LibTabsPane = defineAsyncComponent(() => import("./tabsPane-f024a6bf.js"));
+const LibScrollBar = defineAsyncComponent(() => import("./scrollBar-07906042.js"));
+const LibCarousel = defineAsyncComponent(() => import("./carousel-10621aeb.js"));
+const LibCarouselItem = defineAsyncComponent(() => import("./carouselitem-89116745.js"));
+const LibSwitch = defineAsyncComponent(() => import("./switch-06ae74cc.js"));
+const index = {
+  install(app) {
+    app.component("LibDialog", LibDialog);
+    app.component("LibForm", LibForm);
+    app.component("LibFormLabel", LibFormLabel);
+    app.component("LibInput", LibInput);
+    app.component("LibSelect", LibSelect);
+    app.component("LibSelectOption", LibSelectOption);
+    app.component("LibTable", LibTable);
+    app.component("LibTableItem", LibTableItem);
+    app.component("LibImage", LibImage);
+    app.component("LibDatePicker", LibDatePicker);
+    app.component("LibDatePickerRange", LibDatePickerRange);
+    app.component("LibMenu", LibMenu);
+    app.component("LibPagination", LibPagination);
+    app.component("LibBadge", LibBadge);
+    app.component("LibPopover", LibPopover);
+    app.component("LibNumberInput", LibNumberInput);
+    app.component("LibRadioBox", LibRadioBox);
+    app.component("LibRadioGroup", LibRadioGroup);
+    app.component("LibCheckBox", LibCheckBox);
+    app.component("LibCheckGroup", LibCheckGroup);
+    app.component("LibUpload", LibUpload);
+    app.component("LibTabs", LibTabs);
+    app.component("LibTabsPane", LibTabsPane);
+    app.component("LibCarousel", LibCarousel);
+    app.component("LibCarouselItem", LibCarouselItem);
+    app.component("LibSwitch", LibSwitch);
+    app.directive("loadding", LibLoad);
+  }
+};
+export {
+  LibRadioBox as A,
+  LibRadioGroup as B,
+  CloseIcon as C,
+  LibCheckGroup as D,
+  LibCheckBox as E,
+  LibUpload as F,
+  LibTabs as G,
+  LibTabsPane as H,
+  LibScrollBar as I,
+  AlertFunction as J,
+  LibLoad as K,
+  LibDialog as L,
+  MessageClass as M,
+  createScrollDirective as N,
+  LibCarousel as O,
+  LibCarouselItem as P,
+  LibSwitch as Q,
+  _export_sfc as _,
+  checkinputDate as a,
+  off as b,
+  createEscapeDirective as c,
+  debounce as d,
+  useResizeObserver as e,
+  formatDate as f,
+  getNewArray as g,
+  LibForm as h,
+  index as i,
+  LibFormLabel as j,
+  LibInput as k,
+  LibSelect as l,
+  LibSelectOption as m,
+  LibTable as n,
+  on as o,
+  LibTableItem as p,
+  LibImage as q,
+  LibDatePicker as r,
+  LibDatePickerRange as s,
+  throttle as t,
+  usePotion as u,
+  LibMenu as v,
+  LibPagination as w,
+  LibBadge as x,
+  LibPopover as y,
+  LibNumberInput as z
+};