lew-ui 2.4.4 → 2.4.7

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { h as h$1, defineComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, unref, createApp, computed, createElementBlock, renderSlot, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, ref, onMounted, nextTick, getCurrentInstance, shallowRef, watch, toRefs, mergeModels, useModel, reactive, withCtx, createElementVNode, createVNode, Transition, createCommentVNode, withModifiers, withDirectives, toDisplayString, vShow, Fragment, renderList, createTextVNode, resolveComponent, resolveDirective, isRef, vModelText, mergeProps, createSlots, onUnmounted, vModelDynamic, watchEffect, TransitionGroup, toRaw, vModelCheckbox, onActivated, normalizeProps, guardReactiveProps, Teleport, provide, inject } from "vue";
+import { h as h$1, defineComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, unref, createApp, computed, createElementBlock, renderSlot, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, ref, onMounted, nextTick, getCurrentInstance, shallowRef, watch, toRefs, mergeModels, useModel, reactive, withCtx, createElementVNode, createVNode, Transition, createCommentVNode, withModifiers, withDirectives, toDisplayString, vShow, Fragment, renderList, createTextVNode, resolveDirective, isRef, vModelText, mergeProps, createSlots, onUnmounted, vModelDynamic, watchEffect, TransitionGroup, toRaw, vModelCheckbox, resolveComponent, onActivated, normalizeProps, guardReactiveProps, Teleport, provide, inject } from "vue";
 const flexProps = {
   direction: {
     type: String,
@@ -4330,7 +4330,6 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
     __expose({ init, getTreeList });
     return (_ctx, _cache) => {
-      const _component_lew_checkbox = resolveComponent("lew-checkbox");
       const _directive_loading = resolveDirective("loading");
       return withDirectives((openBlock(), createElementBlock("div", {
         style: normalizeStyle({
@@ -4382,7 +4381,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => select(item)
                 }, [
                   item.level > 0 && _ctx.showLine ? (openBlock(), createElementBlock("div", _hoisted_3$o)) : createCommentVNode("", true),
-                  _ctx.showCheckbox ? (openBlock(), createBlock(_component_lew_checkbox, {
+                  _ctx.showCheckbox ? (openBlock(), createBlock(unref(LewCheckbox), {
                     key: 1,
                     certain: _ctx.multiple && unref(certainKeys).includes(item.key) && !(modelValue.value || []).includes(item.key),
                     checked: _ctx.multiple ? (modelValue.value || []).includes(item.key) : modelValue.value === item.key,
@@ -4412,7 +4411,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-4157bf8d"]]);
+const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-39cc6823"]]);
 function tryOnScopeDispose(fn2) {
   if (getCurrentScope()) {
     onScopeDispose(fn2);
@@ -5563,7 +5562,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-ddff40e4"]]);
+const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-e7e4d91d"]]);
 const tabsModel = {
   modelValue: {
     type: [String, Number],
@@ -6117,7 +6116,6 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const stepsValue = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      const _component_lew_text_trim = resolveComponent("lew-text-trim");
       return openBlock(), createElementBlock("div", _hoisted_1$B, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index2) => {
           return openBlock(), createElementBlock("div", {
@@ -6157,13 +6155,13 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             ]),
             createElementVNode("div", _hoisted_4$d, [
               createElementVNode("div", _hoisted_5$9, [
-                createVNode(_component_lew_text_trim, {
+                createVNode(unref(LewTextTrim), {
                   placement: "bottom",
                   text: item.title
                 }, null, 8, ["text"])
               ]),
               createElementVNode("div", _hoisted_6$7, [
-                createVNode(_component_lew_text_trim, {
+                createVNode(unref(LewTextTrim), {
                   allowHTML: "",
                   lineClamp: 2,
                   placement: "bottom",
@@ -7779,14 +7777,13 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       getWidth
     });
     return (_ctx, _cache) => {
-      const _component_lew_flex = resolveComponent("lew-flex");
       return openBlock(), createElementBlock("div", {
         ref_key: "formLabelRef",
         ref: formLabelRef,
         class: "lew-get-label-width-box"
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index2) => {
-          return openBlock(), createBlock(_component_lew_flex, {
+          return openBlock(), createBlock(unref(LewFlex), {
             gap: "5",
             style: normalizeStyle({
               fontSize: `var(--lew-form-font-size-${__props.size})`
@@ -7807,7 +7804,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewGetLabelWidth = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-27f672b0"]]);
+const LewGetLabelWidth = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-792e52a4"]]);
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "LewFormItem",
   props: /* @__PURE__ */ mergeModels(formItemProps, {
@@ -7818,6 +7815,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
+    var _a;
     const asMap = {
       input: LewInput,
       textarea: LewTextarea,
@@ -7836,6 +7834,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       upload: LewUpload,
       "input-number": LewInputNumber
     };
+    const app = (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.app;
+    if (app && !app.directive("tooltip")) {
+      app.use(LewTooltip);
+    }
     const getFormItemClassNames = computed(() => {
       const { direction, size } = cloneDeep(props);
       return object2class("lew-form-item", { direction, size });
@@ -7879,7 +7881,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
     __expose({ validate, setError });
     return (_ctx, _cache) => {
-      var _a;
+      var _a2;
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-form-item", unref(getFormItemClassNames)]),
@@ -7911,7 +7913,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["lew-form-item-main", { "lew-form-item-error": unref(errMsg) }]),
           style: normalizeStyle({
-            width: _ctx.direction === "x" ? `calc(${(_a = unref(formItemRef)) == null ? void 0 : _a.offsetWidth}px - ${unref(any2px)(_ctx.labelWidth)} - 10px)` : "100%",
+            width: _ctx.direction === "x" ? `calc(${(_a2 = unref(formItemRef)) == null ? void 0 : _a2.offsetWidth}px - ${unref(any2px)(_ctx.labelWidth)} - 10px)` : "100%",
             justifyContent: _ctx.direction === "x" && _ctx.between ? "flex-end" : "flex-start"
           })
         }, [
@@ -7935,7 +7937,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-87f45791"]]);
+const LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-ddaaa50f"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -9776,7 +9778,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-0b1e5560"]]);
+const LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-d8f3f2f7"]]);
 const checkboxModel = {
   modelValue: {
     type: Boolean,
@@ -10125,11 +10127,11 @@ const radioProps = {
   size: {
     type: String,
     default: "medium",
-    description: "单选框尺寸",
-    validator(value) {
+    description: "复选框组中复选框的尺寸",
+    validator: (value) => {
       if (!validSizes.includes(value)) {
         console.warn(
-          `[LewRadio] 无效的尺寸: ${value}。请使用 ${validSizes.join(", ")} 中的一个。`
+          '[LewRadio] 无效的 size 值，请使用 "small"、"medium" 或 "large"'
         );
         return false;
       }
@@ -10158,13 +10160,10 @@ const radioGroupProps = {
   direction: {
     type: String,
     default: "x",
-    description: "排列方向",
-    validator(value) {
-      const validDirections = ["x", "y"];
-      if (!validDirections.includes(value)) {
-        console.warn(
-          `[LewRadioGroup] 无效的排列方向: ${value}。请使用 ${validDirections.join(", ")} 中的一个。`
-        );
+    description: "复选框组的排列方向",
+    validator: (value) => {
+      if (!validDirection.includes(value)) {
+        console.warn('[LewRadioGroup] 无效的 direction 值，请使用 "x" 或 "y"');
         return false;
       }
       return true;
@@ -10198,11 +10197,11 @@ const radioGroupProps = {
   size: {
     type: String,
     default: "medium",
-    description: "单选框组尺寸",
-    validator(value) {
+    description: "复选框组中复选框的尺寸",
+    validator: (value) => {
       if (!validSizes.includes(value)) {
         console.warn(
-          `[LewRadioGroup] 无效的尺寸: ${value}。请使用 ${validSizes.join(", ")} 中的一个。`
+          '[LewRadioGroup] 无效的 size 值，请使用 "small"、"medium" 或 "large"'
         );
         return false;
       }
@@ -10307,8 +10306,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      const _component_lew_flex = resolveComponent("lew-flex");
-      return openBlock(), createBlock(_component_lew_flex, {
+      return openBlock(), createBlock(unref(LewFlex), {
         x: "start",
         gap: "10",
         class: normalizeClass(["lew-radio-group", unref(getRadioGroupClassName)]),
@@ -10334,7 +10332,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-54a1b5ef"]]);
+const LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-edc6d013"]]);
 const selectModel = {
   modelValue: {
     type: [String, Number, void 0],
@@ -10595,8 +10593,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     );
     __expose({ show, hide: hide2 });
     return (_ctx, _cache) => {
-      const _component_lew_empty = resolveComponent("lew-empty");
-      const _component_lew_text_trim = resolveComponent("lew-text-trim");
       return openBlock(), createBlock(unref(_sfc_main$k), {
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
@@ -10665,7 +10661,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   class: "lew-not-found"
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_lew_empty, { title: "暂无结果" })
+                    createVNode(unref(_sfc_main$d), { title: "暂无结果" })
                   ]),
                   _: 1
                 }))
@@ -10695,7 +10691,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                       key: 1,
                       class: normalizeClass(["lew-select-item", getSelectItemClassName(templateProps)])
                     }, [
-                      createVNode(_component_lew_text_trim, {
+                      createVNode(unref(LewTextTrim), {
                         text: templateProps.label,
                         delay: [500, 0],
                         class: "lew-select-label"
@@ -10720,7 +10716,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-2a4af6cb"]]);
+const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-aba2a338"]]);
 const selectMultipleModel = {
   modelValue: {
     type: Array,
@@ -10998,11 +10994,6 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     });
     __expose({ show, hide: hide2 });
     return (_ctx, _cache) => {
-      const _component_lew_tag = resolveComponent("lew-tag");
-      const _component_lew_flex = resolveComponent("lew-flex");
-      const _component_lew_empty = resolveComponent("lew-empty");
-      const _component_lew_checkbox = resolveComponent("lew-checkbox");
-      const _component_lew_text_trim = resolveComponent("lew-text-trim");
       return openBlock(), createBlock(unref(_sfc_main$k), {
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
@@ -11045,7 +11036,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               _: 1
             }),
             unref(getLabels) && unref(getLabels).length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              _ctx.valueLayout === "tag" ? (openBlock(), createBlock(_component_lew_flex, {
+              _ctx.valueLayout === "tag" ? (openBlock(), createBlock(unref(LewFlex), {
                 key: 0,
                 style: { "padding": "5px" },
                 x: "start",
@@ -11058,7 +11049,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                   createVNode(TransitionGroup, { name: "list" }, {
                     default: withCtx(() => [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getLabels), (item, index2) => {
-                        return openBlock(), createBlock(_component_lew_tag, {
+                        return openBlock(), createBlock(unref(_sfc_main$o), {
                           key: index2,
                           type: "light",
                           size: _ctx.size,
@@ -11090,7 +11081,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", _hoisted_1$t, toDisplayString(unref(getLabels).join(_ctx.valueTextSplit)), 1)
                 ]),
                 "popover-body": withCtx(() => [
-                  createVNode(_component_lew_flex, {
+                  createVNode(unref(LewFlex), {
                     x: "start",
                     y: "center",
                     gap: 5,
@@ -11100,7 +11091,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getLabels), (item, index2) => {
-                        return openBlock(), createBlock(_component_lew_tag, {
+                        return openBlock(), createBlock(unref(_sfc_main$o), {
                           key: index2,
                           type: "light",
                           size: _ctx.size,
@@ -11145,13 +11136,13 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_3$g, [
               unref(state).options && unref(state).options.length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                _ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", { key: 0 }, void 0, true) : (openBlock(), createBlock(_component_lew_flex, {
+                _ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", { key: 0 }, void 0, true) : (openBlock(), createBlock(unref(LewFlex), {
                   key: 1,
                   direction: "y",
                   class: "lew-not-found"
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_lew_empty, { title: "暂无结果" })
+                    createVNode(unref(_sfc_main$d), { title: "暂无结果" })
                   ]),
                   _: 1
                 }))
@@ -11182,12 +11173,12 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                       key: 1,
                       class: normalizeClass(["lew-select-item lew-select-item-mul", getSelectItemClassName(templateProps)])
                     }, [
-                      (openBlock(), createBlock(_component_lew_checkbox, {
+                      (openBlock(), createBlock(unref(LewCheckbox), {
                         key: templateProps.value,
                         class: "lew-select-checkbox",
                         checked: unref(getChecked)(templateProps.value)
                       }, null, 8, ["checked"])),
-                      createVNode(_component_lew_text_trim, {
+                      createVNode(unref(LewTextTrim), {
                         text: templateProps.label,
                         delay: [500, 0],
                         class: "lew-select-label"
@@ -11206,7 +11197,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-f0df7603"]]);
+const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-77cedcac"]]);
 const switchModel = {
   modelValue: {
     type: Boolean,
@@ -14655,7 +14646,6 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       return styleObj;
     });
     return (_ctx, _cache) => {
-      const _component_lew_text_trim = resolveComponent("lew-text-trim");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-tag", unref(tagClassName)]),
         style: normalizeStyle(unref(getStyle))
@@ -14664,10 +14654,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "left")
         ]),
         createElementVNode("div", _hoisted_2$b, [
-          _ctx.text ? (openBlock(), createBlock(_component_lew_text_trim, {
+          _ctx.text ? (openBlock(), createBlock(unref(LewTextTrim), {
             key: 0,
             text: _ctx.text
-          }, null, 8, ["text"])) : (openBlock(), createBlock(_component_lew_text_trim, { key: 1 }, {
+          }, null, 8, ["text"])) : (openBlock(), createBlock(unref(LewTextTrim), { key: 1 }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
@@ -19115,6 +19105,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    var _a;
+    const app = (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.app;
+    if (app && !app.directive("tooltip")) {
+      app.use(LewTooltip);
+    }
     const { isSupported } = useClipboardItems({ read: true });
     const tipFontSizeMap = {
       small: 14,
@@ -19377,13 +19372,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _component_lew_flex = resolveComponent("lew-flex");
-      const _component_lew_alert = resolveComponent("lew-alert");
-      const _component_lew_image = resolveComponent("lew-image");
-      const _component_lew_text_trim = resolveComponent("lew-text-trim");
-      const _component_lew_tag = resolveComponent("lew-tag");
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createBlock(_component_lew_flex, {
+      return openBlock(), createBlock(unref(LewFlex), {
         class: "lew-upload-wrapper",
         direction: "y",
         gap: "10"
@@ -19391,17 +19381,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           withDirectives(createElementVNode("label", {
             onMouseenter: _cache[2] || (_cache[2] = ($event) => {
-              var _a;
-              return (_a = unref(inputPasteRef)) == null ? void 0 : _a.focus();
+              var _a2;
+              return (_a2 = unref(inputPasteRef)) == null ? void 0 : _a2.focus();
             }),
             onMouseleave: _cache[3] || (_cache[3] = ($event) => {
-              var _a;
-              return (_a = unref(inputPasteRef)) == null ? void 0 : _a.blur();
+              var _a2;
+              return (_a2 = unref(inputPasteRef)) == null ? void 0 : _a2.blur();
             }),
             class: normalizeClass(["lew-upload-label", unref(getUploadLabelClass)]),
             style: { "width": "100%" }
           }, [
-            createVNode(_component_lew_flex, {
+            createVNode(unref(LewFlex), {
               ref_key: "dropRef",
               ref: dropRef,
               direction: "y",
@@ -19456,12 +19446,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ], 34), [
             [vShow, (modelValue.value || []).length < _ctx.limit]
           ]),
-          !unref(isFunction)(_ctx.uploadHelper) ? (openBlock(), createBlock(_component_lew_alert, {
+          !unref(isFunction)(_ctx.uploadHelper) ? (openBlock(), createBlock(unref(LewAlert), {
             key: 0,
             type: "error",
             title: "uploadHelper Error: 未配置上传方法"
           })) : createCommentVNode("", true),
-          withDirectives(createVNode(_component_lew_flex, {
+          withDirectives(createVNode(unref(LewFlex), {
             direction: "y",
             class: "lew-upload-file-list",
             gap: "10"
@@ -19470,7 +19460,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               createVNode(TransitionGroup, { name: "upload-list" }, {
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(modelValue.value, (item) => {
-                    return openBlock(), createBlock(_component_lew_flex, {
+                    return openBlock(), createBlock(unref(LewFlex), {
                       key: item.id,
                       class: "lew-upload-file-item",
                       mode: "between",
@@ -19480,7 +19470,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       })
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_lew_flex, {
+                        createVNode(unref(LewFlex), {
                           style: normalizeStyle({
                             width: `${fileIconSizeMap[_ctx.size]}px`,
                             height: `${fileIconSizeMap[_ctx.size]}px`
@@ -19488,7 +19478,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                           class: "lew-upload-icon-wrapper"
                         }, {
                           default: withCtx(() => [
-                            checkUrlIsImg(item.url) ? (openBlock(), createBlock(_component_lew_image, {
+                            checkUrlIsImg(item.url) ? (openBlock(), createBlock(unref(LewImage), {
                               key: 0,
                               class: "lew-upload-file-image",
                               src: item.url
@@ -19500,14 +19490,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 2
                         }, 1032, ["style"]),
-                        createVNode(_component_lew_flex, {
+                        createVNode(unref(LewFlex), {
                           class: "lew-upload-file-info",
                           style: normalizeStyle({ width: `calc(100% - ${fileIconSizeMap[_ctx.size]}px - 8px)` }),
                           direction: "y",
                           gap: "0"
                         }, {
                           default: withCtx(() => [
-                            item.status === "fail" ? withDirectives((openBlock(), createBlock(_component_lew_flex, {
+                            item.status === "fail" ? withDirectives((openBlock(), createBlock(unref(LewFlex), {
                               key: 0,
                               onClick: withModifiers(($event) => reUpload(item.id), ["stop"]),
                               x: "center",
@@ -19532,7 +19522,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                                 trigger: "mouseenter"
                               }]
                             ]) : createCommentVNode("", true),
-                            withDirectives((openBlock(), createBlock(_component_lew_flex, {
+                            withDirectives((openBlock(), createBlock(unref(LewFlex), {
                               onClick: withModifiers(($event) => deleteFile(item.id), ["stop"]),
                               x: "center",
                               y: "center",
@@ -19556,19 +19546,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                                 trigger: "mouseenter"
                               }]
                             ]),
-                            createVNode(_component_lew_flex, {
+                            createVNode(unref(LewFlex), {
                               mode: "between",
                               gap: "5",
                               y: "center"
                             }, {
                               default: withCtx(() => [
-                                createVNode(_component_lew_flex, {
+                                createVNode(unref(LewFlex), {
                                   y: "center",
                                   x: "start",
                                   gap: "5"
                                 }, {
                                   default: withCtx(() => [
-                                    createVNode(_component_lew_text_trim, {
+                                    createVNode(unref(LewTextTrim), {
                                       text: unref(getFileName)(item),
                                       style: normalizeStyle({
                                         width: `calc(100% - 60px)`,
@@ -19582,12 +19572,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1024),
-                            item.percent ? (openBlock(), createBlock(_component_lew_flex, {
+                            item.percent ? (openBlock(), createBlock(unref(LewFlex), {
                               key: 1,
                               class: normalizeClass(["lew-upload-progress", [`lew-upload-progress-${item.status}`]])
                             }, {
                               default: withCtx(() => [
-                                createVNode(_component_lew_flex, {
+                                createVNode(unref(LewFlex), {
                                   y: "center",
                                   class: "lew-upload-progress-box"
                                 }, {
@@ -19605,7 +19595,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1032, ["class"])) : createCommentVNode("", true),
-                            createVNode(_component_lew_flex, {
+                            createVNode(unref(LewFlex), {
                               mode: "between",
                               y: "center",
                               class: "lew-upload-footer"
@@ -19621,13 +19611,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                                   ], 64)) : createCommentVNode("", true),
                                   item.size ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(unref(formatBytes)(item.size)), 1)) : createCommentVNode("", true)
                                 ], 4),
-                                createVNode(_component_lew_flex, {
+                                createVNode(unref(LewFlex), {
                                   style: { "max-width": "200px" },
                                   y: "center",
                                   x: "end"
                                 }, {
                                   default: withCtx(() => [
-                                    createVNode(_component_lew_tag, {
+                                    createVNode(unref(_sfc_main$o), {
                                       type: "light",
                                       size: "small",
                                       color: statusColorMap[item.status || "complete"]
@@ -19672,7 +19662,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-6b40b74b"]]);
+const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-6c2e3992"]]);
 const collapseModel = {
   modelValue: {
     type: [Array, String],
@@ -24063,937 +24053,938 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   treeSelectProps,
   uploadProps
 }, Symbol.toStringTag, { value: "Module" }));
-const createMessageList$1 = () => {
-  const messageContainer = document.createElement("div");
-  messageContainer.setAttribute("id", "lew-message");
-  document.body.appendChild(messageContainer);
+const LewTooltip = {
+  install(app) {
+    app.directive("tooltip", {
+      mounted(el, binding) {
+        var _a, _b, _c;
+        const { trigger, content, placement, allowHTML, delay } = binding.value;
+        let _trigger = trigger;
+        if (trigger === "hover") {
+          _trigger = "mouseenter";
+        }
+        if (!trigger) {
+          _trigger = "mouseenter";
+        }
+        el.instance = tippy(el, {
+          theme: "light",
+          trigger: _trigger,
+          content,
+          animation: "scale",
+          interactive: true,
+          appendTo: () => document.body,
+          placement,
+          allowHTML,
+          arrow: ROUND_ARROW,
+          maxWidth: 250,
+          duration: [250, 250],
+          delay: trigger === "mouseenter" ? delay || [80, 80] : void 0
+        });
+        (_a = el.instance) == null ? void 0 : _a.popper.children[0].setAttribute("data-lew", "tooltip");
+        if (!((_b = binding == null ? void 0 : binding.value) == null ? void 0 : _b.content)) {
+          (_c = el.instance) == null ? void 0 : _c.disable();
+        }
+      },
+      updated(el, binding) {
+        var _a, _b, _c, _d, _e;
+        const { triggerFrom, content } = binding.value;
+        if (!content) {
+          (_a = el.instance) == null ? void 0 : _a.disable();
+        } else {
+          (_b = el.instance) == null ? void 0 : _b.enable();
+          (_c = el.instance) == null ? void 0 : _c.setContent(content);
+        }
+        if (triggerFrom === "input-number") {
+          if (content) {
+            (_d = el.instance) == null ? void 0 : _d.show();
+          } else {
+            (_e = el.instance) == null ? void 0 : _e.hide();
+          }
+        }
+      },
+      unmounted(el) {
+        var _a;
+        (_a = el.instance) == null ? void 0 : _a.hide();
+        el.instance = null;
+      }
+    });
+  }
 };
-const showMessage = ({ type, e: e2 }) => {
-  const { id, content, duration } = e2;
-  const messageContainer = document.getElementById("lew-message");
-  const hasMessageById = id ? document.getElementById(`lew-message-id-${id}`) : false;
-  const messageElement = hasMessageById || document.createElement("div");
-  messageElement.innerHTML = `${getIconInnerHTML({ type, strokeWidth: type === "loading" ? 2.5 : void 0, spinning: type === "loading" })}<div class="lew-message-content">${content || e2}</div>`;
-  if (!hasMessageById) {
-    if (id) {
-      messageElement.setAttribute("id", `lew-message-id-${id}`);
+const createBackTopHandler = (target) => {
+  const dom = shallowRef(document.documentElement);
+  if (target) {
+    const targetElement = document.querySelector(`.${target}`);
+    if (!targetElement) {
+      throw new Error(`目标元素不存在: ${target}`);
     }
-    messageContainer == null ? void 0 : messageContainer.appendChild(
-      messageElement,
-      messageContainer == null ? void 0 : messageContainer.childNodes[0]
-    );
-  } else {
-    clearTimeout(LewMessage$1.timer[id]);
+    dom.value = targetElement;
   }
-  messageElement.setAttribute(
-    "class",
-    `lew-message lew-message-${type} lew-message-id-${id}`
-  );
-  setTimeout(() => {
-    nextTick(() => {
-      messageElement.setAttribute(
-        "class",
-        `lew-message lew-message-${type} lew-message-show`
-      );
-      LewMessage$1.timer[id] = setTimeout(
-        () => {
-          messageElement.setAttribute(
-            "class",
-            `lew-message lew-message-${type} lew-message-hidden`
-          );
-          setTimeout(() => {
-            if (messageElement) messageContainer == null ? void 0 : messageContainer.removeChild(messageElement);
-          }, 250);
-        },
-        duration === 0 ? 31536e6 : duration || 3e3
-      );
-    });
-  }, 10);
-};
-const removeClass = (element, className) => {
-  element.classList.remove(className);
+  return () => {
+    if (dom.value) {
+      dom.value.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  };
 };
-const addClass = (element, className) => {
-  element.classList.add(className);
+const index$1 = {
+  install(app) {
+    app.directive("backtop", {
+      mounted(el, binding) {
+        const backTopHandler = createBackTopHandler(binding.value);
+        el.addEventListener("click", backTopHandler);
+        el._backTopHandler = backTopHandler;
+      },
+      unmounted(el) {
+        if (el._backTopHandler) {
+          el.removeEventListener("click", el._backTopHandler);
+          delete el._backTopHandler;
+        }
+      }
+    });
+  }
 };
-const LewMessage$1 = {
-  name: "LewMessage",
-  message: ({ type, e: e2 }) => {
-    if (!document.getElementById("lew-message")) {
-      createMessageList$1();
-      LewMessage$1.message({ type, e: e2 });
-    } else {
-      showMessage({ type, e: e2 });
-    }
-  },
-  close: ({ id }) => {
-    const messageElement = document.getElementById(`lew-message-id-${id}`);
-    if (messageElement) {
-      removeClass(messageElement, "lew-message-show");
-      addClass(messageElement, "lew-message-hidden");
-      setTimeout(() => {
-        clearTimeout(LewMessage$1.timer[id]);
-        messageElement.remove();
-      }, 350);
-    }
-  },
-  request: async ({ loadingMessage }, asyncFn) => {
-    try {
-      LewMessage$1.loading({
-        id: "lew-request-loading",
-        content: loadingMessage,
-        duration: 0
-      });
-      const startTime = (/* @__PURE__ */ new Date()).getTime();
-      asyncFn().then(
-        async ({
-          content = "请求成功！",
-          duration = 3e3,
-          type = "success"
-        }) => {
-          const endTime = (/* @__PURE__ */ new Date()).getTime();
-          const delay = 250;
-          if (endTime - startTime < delay) {
-            await new Promise(
-              (resolve) => setTimeout(resolve, delay - (endTime - startTime))
-            );
-          }
-          LewMessage$1.close({ id: "lew-request-loading" });
-          LewMessage$1[type]({
-            content,
-            duration
-          });
+const LewLoading = {
+  install(app) {
+    app.directive("loading", {
+      mounted(el, binding) {
+        const { tip, iconSize, visible } = binding.value;
+        const loadingWrapper = document.createElement("div");
+        const loadingBox = document.createElement("div");
+        loadingWrapper.classList.add("lew-loading-wrapper");
+        loadingBox.classList.add("lew-loading-box");
+        el.classList.add("lew-loading");
+        const loader = createApp(Icon, {
+          type: "loader",
+          spinning: true,
+          size: iconSize || 24
+        });
+        loader.mount(loadingBox);
+        loadingBox.setAttribute("data-after", tip || "");
+        loadingWrapper.appendChild(loadingBox);
+        el.appendChild(loadingWrapper);
+        if (visible) {
+          el.classList.add("lew-loading-show");
         }
-      ).catch(
-        ({
-          content = "加载失败！",
-          duration = 3e3
-        }) => {
-          LewMessage$1.close({ id: "lew-request-loading" });
-          LewMessage$1.error({
-            id: "lew-request-fail",
-            content,
-            duration
-          });
+      },
+      updated(el, binding) {
+        const { tip, visible } = binding.value;
+        const loadingBox = el.querySelector(".lew-loading-box");
+        loadingBox && loadingBox.setAttribute("data-after", tip || "");
+        if (visible) {
+          el.classList.add("lew-loading-show");
+        } else {
+          el.classList.remove("lew-loading-show");
         }
-      );
-    } catch (error2) {
-      LewMessage$1.error({
-        id: "lew-request-loading",
-        content: "An error occurred",
-        duration: 3e3,
-        onClose: () => {
-        }
-      });
-    }
-  },
-  timer: {}
-};
-LewMessage$1.warning = (e2) => LewMessage$1.message({ type: "warning", e: e2 });
-LewMessage$1.error = (e2) => LewMessage$1.message({ type: "error", e: e2 });
-LewMessage$1.info = (e2) => LewMessage$1.message({ type: "info", e: e2 });
-LewMessage$1.normal = (e2) => LewMessage$1.message({ type: "normal", e: e2 });
-LewMessage$1.success = (e2) => LewMessage$1.message({ type: "success", e: e2 });
-LewMessage$1.loading = (e2) => LewMessage$1.message({ type: "loading", e: e2 });
-const dialogProps = {
-  type: {
-    type: String,
-    default: "error",
-    description: "对话框类型",
-    validator: (value) => {
-      const validTypes = [
-        "primary",
-        "success",
-        "warning",
-        "error",
-        "info"
-      ];
-      if (!validTypes.includes(value)) {
-        console.warn(
-          `[LewDialog] 无效的类型: ${value}。请使用 ${validTypes.join(", ")} 中的一个。`
-        );
-        return false;
       }
-      return true;
-    }
-  },
-  okText: {
-    type: String,
-    default: "确定",
-    description: "确认按钮文本"
-  },
-  cancelText: {
-    type: String,
-    default: "取消",
-    description: "取消按钮文本"
-  },
-  ok: {
-    type: Function,
-    default: () => true,
-    description: "点击确认按钮时的回调函数"
-  },
-  cancel: {
-    type: Function,
-    default: () => true,
-    description: "点击取消按钮时的回调函数"
-  },
-  layout: {
-    type: String,
-    default: "normal",
-    description: "对话框布局方式",
-    validator: (value) => {
-      const validLayouts = ["normal", "mini"];
-      if (!validLayouts.includes(value)) {
-        console.warn(
-          `[LewDialog] 无效的布局: ${value}。请使用 ${validLayouts.join(", ")} 中的一个。`
-        );
-        return false;
+    });
+  }
+};
+const initLewContextMenu = () => {
+  window.LewContextMenu = {
+    menu: {},
+    contextMenu: null,
+    instance: tippy(document.body, {
+      theme: "light",
+      animation: "shift-away-subtle",
+      trigger: "manual",
+      interactive: true,
+      placement: "right-start",
+      duration: [250, 250],
+      delay: [250, 250],
+      arrow: false,
+      appendTo: () => document.body,
+      allowHTML: true
+    }),
+    menuInstance: {}
+  };
+  window.LewContextMenu.instance.popper.children[0].setAttribute(
+    "data-lew",
+    "popover"
+  );
+};
+const findContextMenuId = (el) => {
+  try {
+    const id = el.getAttribute("lew-context-menu-id");
+    if (id) return id;
+    return el.parentNode ? findContextMenuId(el.parentNode) : "";
+  } catch {
+    return "";
+  }
+};
+const LewVContextMenu = {
+  install(app) {
+    app.directive("context-menu", {
+      mounted(el, binding) {
+        if (!window.LewContextMenu) {
+          initLewContextMenu();
+        }
+        if (!el.id) {
+          const id = getUniqueId();
+          el.setAttribute("lew-context-menu-id", id);
+          const { options } = binding.value;
+          window.LewContextMenu.menu[id] = options || [];
+        }
+        if (!window.LewContextMenu.contextMenu) {
+          window.LewContextMenu.contextMenu = (e2) => {
+            const id = findContextMenuId(e2.target);
+            if (!id) return;
+            e2.preventDefault();
+            const options = window.LewContextMenu.menu[id];
+            const { instance } = window.LewContextMenu;
+            instance.hide();
+            const menuDom = document.createElement("div");
+            Object.keys(window.LewContextMenu.menuInstance).forEach(
+              (key) => {
+                window.LewContextMenu.menuInstance[key].destroy();
+                delete window.LewContextMenu.menuInstance[key];
+              }
+            );
+            createApp({
+              render() {
+                return h$1(LewContextMenu, {
+                  options,
+                  onSelect: (item) => {
+                    const { selectHandler } = binding.value;
+                    if (isFunction(selectHandler)) {
+                      selectHandler(item);
+                    }
+                    if (!(item.children || []).length) {
+                      instance.hide();
+                    }
+                  }
+                });
+              }
+            }).mount(menuDom);
+            setTimeout(() => {
+              instance.setProps({
+                content: menuDom,
+                getReferenceClientRect: () => ({
+                  width: 0,
+                  height: 0,
+                  top: e2.clientY,
+                  bottom: e2.clientY,
+                  left: e2.clientX,
+                  right: e2.clientX
+                })
+              });
+              instance.show();
+            }, 120);
+          };
+          window.addEventListener(
+            "contextmenu",
+            window.LewContextMenu.contextMenu
+          );
+        }
+      },
+      updated(el, binding) {
+        const id = findContextMenuId(el);
+        if (id) {
+          const { options } = binding.value;
+          window.LewContextMenu.menu[id] = options || [];
+        } else {
+          console.error("发生未知错误！找不到 lew-context-menu-id。");
+        }
       }
-      return true;
-    }
-  },
-  closeOnClickOverlay: {
-    type: Boolean,
-    default: false,
-    description: "是否在点击遮罩层时关闭对话框"
-  },
-  closeByEsc: {
-    type: Boolean,
-    default: false,
-    description: "是否允许通过按下 ESC 键关闭对话框"
-  },
-  transformOrigin: {
-    type: String,
-    default: "0 0",
-    description: "对话框变换原点（内部使用，无需手动设置）"
+    });
   }
 };
-const _hoisted_1$1 = {
-  key: 0,
-  class: "lew-dialog-mask"
+const contextMenuProps = {
+  options: {
+    type: Array,
+    default: () => [],
+    description: "右键菜单配置"
+  }
 };
-const _hoisted_2$1 = { class: "left" };
-const _hoisted_3$1 = { class: "right" };
-const _hoisted_4 = { class: "left" };
+const _hoisted_1$1 = ["onClick"];
+const _hoisted_2$1 = { class: "lew-context-menu-label" };
+const _hoisted_3$1 = ["title"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "LewDialog",
-  props: dialogProps,
-  emits: ["close"],
+  __name: "LewContextMenu",
+  props: contextMenuProps,
+  emits: ["select"],
   setup(__props, { emit: __emit }) {
-    const { Escape } = useMagicKeys();
-    useDOMCreate("lew-dialog");
     const props = __props;
     const emit = __emit;
-    const visible = ref(false);
-    const okLoading = ref(false);
-    const cancelLoading = ref(false);
-    const okRef1 = ref();
-    const okRef2 = ref();
-    const maskClick = () => {
-      if (props.closeOnClickOverlay) {
-        visible.value = false;
-      }
+    const clickItem = (item) => {
+      emit("select", item);
     };
-    onMounted(() => {
-      visible.value = true;
-      nextTick(() => {
-        if (okRef1.value) okRef1.value.focus();
-        if (okRef2.value) okRef2.value.focus();
-      });
-    });
-    watch(visible, (newVal) => {
-      if (!newVal) {
-        setTimeout(() => emit("close"), 500);
-      }
-    });
-    const handleAction = async (action) => {
-      const actionFunction = props[action];
-      const loadingRef = action === "ok" ? okLoading : cancelLoading;
-      if (typeof actionFunction === "function") {
-        loadingRef.value = true;
-        const result = await actionFunction();
-        if (result !== false) {
-          visible.value = false;
+    let itemRefs = ref([]);
+    const initTippy = () => {
+      itemRefs.value.forEach((el, index2) => {
+        const item = props.options[index2];
+        if (!el || item.disabled || (item.children || []).length === 0) {
+          return;
         }
-        loadingRef.value = false;
-      }
-    };
-    const ok = () => handleAction("ok");
-    const cancel = () => handleAction("cancel");
-    if (props.closeByEsc) {
-      watch(Escape, (v2) => {
-        if (v2 && visible.value) {
-          visible.value = false;
+        const menuDom = document.createElement("div");
+        createApp({
+          render() {
+            return h$1(LewContextMenu, {
+              options: item.children,
+              onSelect: (item2) => {
+                emit("select", item2);
+              }
+            });
+          }
+        }).mount(menuDom);
+        const uniqueId2 = getUniqueId();
+        if (!window.LewContextMenu) {
+          initLewContextMenu();
         }
+        window.LewContextMenu.menuInstance[uniqueId2] = tippy(el, {
+          theme: "light",
+          animation: "shift-away-subtle",
+          trigger: "mouseenter",
+          interactive: true,
+          placement: "right-start",
+          duration: [250, 250],
+          delay: [250, 250],
+          arrow: false,
+          offset: [0, 0],
+          allowHTML: true,
+          hideOnClick: false,
+          zIndex: 9999,
+          content: menuDom
+        });
+        window.LewContextMenu.menuInstance[uniqueId2].popper.children[0].setAttribute("data-lew", "popover");
       });
-    }
+    };
+    const renderIcon = ({ renderIcon: renderIcon2 }) => {
+      if (renderIcon2) return renderIcon2();
+      return "";
+    };
+    onMounted(() => {
+      initTippy();
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "#lew-dialog" }, [
-        createElementVNode("div", {
-          class: "lew-dialog-container",
-          style: normalizeStyle({
-            "--lew-dialog-transform-origin": _ctx.transformOrigin
-          })
-        }, [
-          createVNode(Transition, { name: "lew-dialog-mask" }, {
-            default: withCtx(() => [
-              visible.value ? (openBlock(), createElementBlock("div", _hoisted_1$1)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          createVNode(Transition, { name: "lew-dialog" }, {
-            default: withCtx(() => [
-              visible.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "lew-dialog",
-                onClick: maskClick
+      return openBlock(), createBlock(unref(LewFlex), {
+        direction: "y",
+        gap: "0",
+        class: "lew-context-menu"
+      }, {
+        default: withCtx(() => [
+          (_ctx.options || []).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (item, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: index2,
+              class: normalizeClass(["lew-context-menu-box", {
+                "lew-context-menu-box-disabled": item.disabled,
+                "lew-context-menu-box-divider-line": item.isDividerLine
+              }])
+            }, [
+              createElementVNode("div", {
+                ref_for: true,
+                ref: (el) => unref(itemRefs).push(el),
+                onClick: ($event) => clickItem(item),
+                class: "lew-context-menu-item",
+                style: normalizeStyle({ "animation-delay": index2 * 15 + "ms" })
               }, [
-                _ctx.layout === "normal" ? (openBlock(), createBlock(unref(LewFlex), {
+                createElementVNode("div", _hoisted_2$1, [
+                  item.renderIcon ? (openBlock(), createBlock(renderIcon, {
+                    key: 0,
+                    renderIcon: item.renderIcon
+                  }, null, 8, ["renderIcon"])) : createCommentVNode("", true),
+                  createElementVNode("div", {
+                    title: item.label,
+                    class: "lew-context-menu-label-text"
+                  }, toDisplayString(item.label), 9, _hoisted_3$1)
+                ]),
+                (item.children || []).length > 0 ? (openBlock(), createBlock(Icon, {
                   key: 0,
-                  direction: "y",
-                  gap: "20",
-                  class: "lew-dialog-box lew-dialog-box-normal",
-                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                  }, ["stop"]))
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(LewFlex), { y: "start" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_2$1, [
-                          createVNode(Icon, {
-                            type: _ctx.type,
-                            size: 30
-                          }, null, 8, ["type"])
-                        ]),
-                        createElementVNode("div", _hoisted_3$1, [
-                          createElementVNode("header", null, [
-                            renderSlot(_ctx.$slots, "title", {}, void 0, true)
-                          ]),
-                          createElementVNode("main", null, [
-                            renderSlot(_ctx.$slots, "content", {}, void 0, true)
-                          ])
-                        ])
-                      ]),
-                      _: 3
-                    }),
-                    createElementVNode("footer", null, [
-                      _ctx.cancelText ? (openBlock(), createBlock(unref(LewButton), {
-                        key: 0,
-                        text: _ctx.cancelText,
-                        color: "gray",
-                        type: "text",
-                        loading: cancelLoading.value,
-                        onClick: withModifiers(cancel, ["stop"])
-                      }, null, 8, ["text", "loading"])) : createCommentVNode("", true),
-                      _ctx.okText ? (openBlock(), createBlock(unref(LewButton), {
-                        key: 1,
-                        ref_key: "okRef1",
-                        ref: okRef1,
-                        text: _ctx.okText,
-                        type: "fill",
-                        color: _ctx.type,
-                        loading: okLoading.value,
-                        onClick: withModifiers(ok, ["stop"])
-                      }, null, 8, ["text", "color", "loading"])) : createCommentVNode("", true)
-                    ])
-                  ]),
-                  _: 3
-                })) : createCommentVNode("", true),
-                _ctx.layout === "mini" ? (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: "lew-dialog-box lew-dialog-box-mini",
-                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                  }, ["stop"]))
-                }, [
-                  createElementVNode("div", _hoisted_4, [
-                    createVNode(Icon, {
-                      size: 24,
-                      type: _ctx.type
-                    }, null, 8, ["type"])
-                  ]),
-                  createVNode(unref(LewFlex), { class: "right" }, {
-                    default: withCtx(() => [
-                      createElementVNode("main", null, [
-                        renderSlot(_ctx.$slots, "content", {}, void 0, true)
-                      ]),
-                      createVNode(unref(LewFlex), { x: "end" }, {
-                        default: withCtx(() => [
-                          _ctx.cancelText ? (openBlock(), createBlock(unref(LewButton), {
-                            key: 0,
-                            text: _ctx.cancelText,
-                            type: "text",
-                            size: "small",
-                            color: "gray",
-                            round: "",
-                            loading: cancelLoading.value,
-                            onClick: withModifiers(cancel, ["stop"])
-                          }, null, 8, ["text", "loading"])) : createCommentVNode("", true),
-                          _ctx.okText ? (openBlock(), createBlock(unref(LewButton), {
-                            key: 1,
-                            ref_key: "okRef2",
-                            ref: okRef2,
-                            text: _ctx.okText,
-                            type: "fill",
-                            size: "small",
-                            round: "",
-                            color: _ctx.type,
-                            loading: okLoading.value,
-                            onClick: withModifiers(ok, ["stop"])
-                          }, null, 8, ["text", "color", "loading"])) : createCommentVNode("", true)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 3
-                  })
-                ])) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true)
-            ]),
-            _: 3
-          })
-        ], 4)
-      ]);
+                  size: 14,
+                  type: "chevron-right"
+                })) : createCommentVNode("", true)
+              ], 12, _hoisted_1$1)
+            ], 2);
+          }), 128)) : (openBlock(), createBlock(unref(_sfc_main$d), {
+            key: 1,
+            width: "120px",
+            padding: "5px",
+            "font-size": "12px",
+            type: "search",
+            title: "暂无操作"
+          }))
+        ]),
+        _: 1
+      });
     };
   }
 });
-const _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-32b2fb4b"]]);
-const { x, y } = useMouse();
-const createDialog = (type) => (options) => dialog(type, options);
-const dialogTypes = {
-  warning: createDialog("warning"),
-  error: createDialog("error"),
-  info: createDialog("info"),
-  normal: createDialog("normal"),
-  success: createDialog("success")
+const LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e1377a5c"]]);
+const directives = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LewBacktop: index$1,
+  LewContextMenu,
+  LewLoading,
+  LewTooltip,
+  LewVContextMenu,
+  contextMenuProps,
+  initLewContextMenu
+}, Symbol.toStringTag, { value: "Module" }));
+const createMessageList$1 = () => {
+  const messageContainer = document.createElement("div");
+  messageContainer.setAttribute("id", "lew-message");
+  document.body.appendChild(messageContainer);
 };
-const dialog = (type, options) => {
-  const {
-    title,
-    content,
-    ok = () => true,
-    cancel = () => true,
-    okText,
-    cancelText,
-    layout,
-    closeOnClickOverlay,
-    closeByEsc
-  } = options;
-  const div2 = document.createElement("div");
-  const transformOrigin = `${x.value}px ${y.value}px`;
-  document.body.appendChild(div2);
-  const app = createApp({
-    render() {
-      return h$1(
-        _LewDialog,
-        {
-          closeOnClickOverlay,
-          closeByEsc,
-          type,
-          layout,
-          okText,
-          cancelText,
-          transformOrigin,
-          ok,
-          onClose: () => {
-            app.unmount();
-            div2.remove();
-          },
-          cancel
+const showMessage = ({ type, e: e2 }) => {
+  const { id, content, duration } = e2;
+  const messageContainer = document.getElementById("lew-message");
+  const hasMessageById = id ? document.getElementById(`lew-message-id-${id}`) : false;
+  const messageElement = hasMessageById || document.createElement("div");
+  messageElement.innerHTML = `${getIconInnerHTML({ type, strokeWidth: type === "loading" ? 2.5 : void 0, spinning: type === "loading" })}<div class="lew-message-content">${content || e2}</div>`;
+  if (!hasMessageById) {
+    if (id) {
+      messageElement.setAttribute("id", `lew-message-id-${id}`);
+    }
+    messageContainer == null ? void 0 : messageContainer.appendChild(
+      messageElement,
+      messageContainer == null ? void 0 : messageContainer.childNodes[0]
+    );
+  } else {
+    clearTimeout(LewMessage$1.timer[id]);
+  }
+  messageElement.setAttribute(
+    "class",
+    `lew-message lew-message-${type} lew-message-id-${id}`
+  );
+  setTimeout(() => {
+    nextTick(() => {
+      messageElement.setAttribute(
+        "class",
+        `lew-message lew-message-${type} lew-message-show`
+      );
+      LewMessage$1.timer[id] = setTimeout(
+        () => {
+          messageElement.setAttribute(
+            "class",
+            `lew-message lew-message-${type} lew-message-hidden`
+          );
+          setTimeout(() => {
+            if (messageElement) messageContainer == null ? void 0 : messageContainer.removeChild(messageElement);
+          }, 250);
         },
-        {
-          title: () => title,
-          content: () => content
-        }
+        duration === 0 ? 31536e6 : duration || 3e3
       );
-    }
-  });
-  app.mount(div2);
+    });
+  }, 10);
 };
-const LewDialog$1 = {
-  name: "LewDialog",
-  ...dialogTypes
+const removeClass = (element, className) => {
+  element.classList.remove(className);
 };
-const LewTooltip = {
-  install(app) {
-    app.directive("tooltip", {
-      mounted(el, binding) {
-        var _a;
-        const { trigger, content, placement, allowHTML, delay } = binding.value;
-        let _trigger = trigger;
-        if (trigger === "hover") {
-          _trigger = "mouseenter";
-        }
-        if (!trigger) {
-          _trigger = "mouseenter";
-        }
-        el.instance = tippy(el, {
-          theme: "light",
-          trigger: _trigger,
-          content,
-          animation: "scale",
-          interactive: true,
-          appendTo: () => document.body,
-          placement,
-          allowHTML,
-          arrow: ROUND_ARROW,
-          maxWidth: 250,
-          duration: [250, 250],
-          delay: trigger === "mouseenter" ? delay || [80, 80] : void 0
-        });
-        el.instance.popper.children[0].setAttribute("data-lew", "tooltip");
-        if (!((_a = binding == null ? void 0 : binding.value) == null ? void 0 : _a.content)) {
-          el.instance.disable();
+const addClass = (element, className) => {
+  element.classList.add(className);
+};
+const LewMessage$1 = {
+  name: "LewMessage",
+  message: ({ type, e: e2 }) => {
+    if (!document.getElementById("lew-message")) {
+      createMessageList$1();
+      LewMessage$1.message({ type, e: e2 });
+    } else {
+      showMessage({ type, e: e2 });
+    }
+  },
+  close: ({ id }) => {
+    const messageElement = document.getElementById(`lew-message-id-${id}`);
+    if (messageElement) {
+      removeClass(messageElement, "lew-message-show");
+      addClass(messageElement, "lew-message-hidden");
+      setTimeout(() => {
+        clearTimeout(LewMessage$1.timer[id]);
+        messageElement.remove();
+      }, 350);
+    }
+  },
+  request: async ({ loadingMessage }, asyncFn) => {
+    try {
+      LewMessage$1.loading({
+        id: "lew-request-loading",
+        content: loadingMessage,
+        duration: 0
+      });
+      const startTime = (/* @__PURE__ */ new Date()).getTime();
+      asyncFn().then(
+        async ({
+          content = "请求成功！",
+          duration = 3e3,
+          type = "success"
+        }) => {
+          const endTime = (/* @__PURE__ */ new Date()).getTime();
+          const delay = 250;
+          if (endTime - startTime < delay) {
+            await new Promise(
+              (resolve) => setTimeout(resolve, delay - (endTime - startTime))
+            );
+          }
+          LewMessage$1.close({ id: "lew-request-loading" });
+          LewMessage$1[type]({
+            content,
+            duration
+          });
         }
-      },
-      updated(el, binding) {
-        const { triggerFrom, content } = binding.value;
-        if (!content) {
-          el.instance.disable();
-        } else {
-          el.instance.enable();
-          el.instance.setContent(content);
+      ).catch(
+        ({
+          content = "加载失败！",
+          duration = 3e3
+        }) => {
+          LewMessage$1.close({ id: "lew-request-loading" });
+          LewMessage$1.error({
+            id: "lew-request-fail",
+            content,
+            duration
+          });
         }
-        if (triggerFrom === "input-number") {
-          if (content) {
-            el.instance.show();
-          } else {
-            el.instance.hide();
-          }
+      );
+    } catch (error2) {
+      LewMessage$1.error({
+        id: "lew-request-loading",
+        content: "An error occurred",
+        duration: 3e3,
+        onClose: () => {
         }
-      },
-      unmounted(el) {
-        el.instance.hide();
-        el.instance = null;
-      }
-    });
-  }
-};
-const createBackTopHandler = (target) => {
-  const dom = shallowRef(document.documentElement);
-  if (target) {
-    const targetElement = document.querySelector(`.${target}`);
-    if (!targetElement) {
-      throw new Error(`目标元素不存在: ${target}`);
-    }
-    dom.value = targetElement;
-  }
-  return () => {
-    if (dom.value) {
-      dom.value.scrollTo({ top: 0, behavior: "smooth" });
+      });
     }
-  };
+  },
+  timer: {}
 };
-const index$1 = {
-  install(app) {
-    app.directive("backtop", {
-      mounted(el, binding) {
-        const backTopHandler = createBackTopHandler(binding.value);
-        el.addEventListener("click", backTopHandler);
-        el._backTopHandler = backTopHandler;
-      },
-      unmounted(el) {
-        if (el._backTopHandler) {
-          el.removeEventListener("click", el._backTopHandler);
-          delete el._backTopHandler;
-        }
+LewMessage$1.warning = (e2) => LewMessage$1.message({ type: "warning", e: e2 });
+LewMessage$1.error = (e2) => LewMessage$1.message({ type: "error", e: e2 });
+LewMessage$1.info = (e2) => LewMessage$1.message({ type: "info", e: e2 });
+LewMessage$1.normal = (e2) => LewMessage$1.message({ type: "normal", e: e2 });
+LewMessage$1.success = (e2) => LewMessage$1.message({ type: "success", e: e2 });
+LewMessage$1.loading = (e2) => LewMessage$1.message({ type: "loading", e: e2 });
+const dialogProps = {
+  type: {
+    type: String,
+    default: "error",
+    description: "对话框类型",
+    validator: (value) => {
+      const validTypes = [
+        "primary",
+        "success",
+        "warning",
+        "error",
+        "info"
+      ];
+      if (!validTypes.includes(value)) {
+        console.warn(
+          `[LewDialog] 无效的类型: ${value}。请使用 ${validTypes.join(", ")} 中的一个。`
+        );
+        return false;
       }
-    });
-  }
-};
-const warning = ({ title, content, delay = 3e3 }) => {
-  notification("warning", title, content, delay);
-};
-const error = ({ title, content, delay = 3e3 }) => {
-  notification("error", title, content, delay);
-};
-const info = ({ title, content, delay = 3e3 }) => {
-  notification("info", title, content, delay);
-};
-const normal = ({ title, content, delay = 3e3 }) => {
-  notification("normal", title, content, delay);
-};
-const success = ({ title, content, delay = 3e3 }) => {
-  notification("success", title, content, delay);
-};
-const createMessageList = () => {
-  const div2 = document.createElement("div");
-  div2.setAttribute("id", "lew-notification");
-  document.body.appendChild(div2);
-};
-const notification = (type, title, content, delay) => {
-  if (!document.getElementById("lew-notification")) {
-    createMessageList();
-    notification(type, title, content, delay);
-  } else {
-    add(type, title, content, delay);
-  }
-};
-const add = (type, title, content, delay) => {
-  const LewMessageDom = document.getElementById("lew-notification");
-  const newMessage = document.createElement("div");
-  newMessage.innerHTML = `
-                <div class="lew-notification-box"> 
-                    <div class="lew-notification-icon">
-                          ${getIconInnerHTML({ type, size: 18 })}
-                    </div>
-                    <div class="lew-notification-body">
-                      <div class="lew-notification-title">${title}</div>
-                     	 ${content ? `<div class="lew-notification-content">${content}</div>` : ""}
-                    </div> 
-                    <div class="lew-notification-close-icon">
-						${getIconInnerHTML({ type: "close", size: 16 })}
-                    </div>
-      </div>
-    `;
-  LewMessageDom == null ? void 0 : LewMessageDom.insertBefore(newMessage, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
-  newMessage.setAttribute("class", `lew-notification lew-notification-${type}`);
-  let timer;
-  let lock = false;
-  function startTimer() {
-    if (delay > 0) {
-      ({ stop: timer } = useTimeoutFn(() => {
-        handleClose();
-      }, delay));
-    }
-  }
-  function clearTimer() {
-    timer == null ? void 0 : timer();
-  }
-  function handleClose() {
-    if (lock) {
-      return;
+      return true;
     }
-    lock = true;
-    newMessage.setAttribute(
-      "class",
-      `lew-notification lew-notification-${type} lew-notification-hidden`
-    );
-    if (newMessage) {
-      if (LewMessageDom) {
-        setTimeout(() => {
-          LewMessageDom.removeChild(newMessage);
-        }, 250);
+  },
+  okText: {
+    type: String,
+    default: "确定",
+    description: "确认按钮文本"
+  },
+  cancelText: {
+    type: String,
+    default: "取消",
+    description: "取消按钮文本"
+  },
+  ok: {
+    type: Function,
+    default: () => true,
+    description: "点击确认按钮时的回调函数"
+  },
+  cancel: {
+    type: Function,
+    default: () => true,
+    description: "点击取消按钮时的回调函数"
+  },
+  layout: {
+    type: String,
+    default: "normal",
+    description: "对话框布局方式",
+    validator: (value) => {
+      const validLayouts = ["normal", "mini"];
+      if (!validLayouts.includes(value)) {
+        console.warn(
+          `[LewDialog] 无效的布局: ${value}。请使用 ${validLayouts.join(", ")} 中的一个。`
+        );
+        return false;
       }
+      return true;
     }
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: false,
+    description: "是否在点击遮罩层时关闭对话框"
+  },
+  closeByEsc: {
+    type: Boolean,
+    default: false,
+    description: "是否允许通过按下 ESC 键关闭对话框"
+  },
+  transformOrigin: {
+    type: String,
+    default: "0 0",
+    description: "对话框变换原点（内部使用，无需手动设置）"
   }
-  newMessage.children[0].children[2].addEventListener("click", handleClose);
-  newMessage.addEventListener("mouseenter", clearTimer);
-  newMessage.addEventListener("mouseleave", startTimer);
-  setTimeout(() => {
-    lock = false;
-    newMessage.setAttribute(
-      "class",
-      `lew-notification lew-notification-${type} lew-notification-show`
-    );
-    delay > 0 && startTimer();
-  }, 10);
 };
-const LewNotification = {
-  name: "LewNotification",
-  warning,
-  info,
-  normal,
-  success,
-  error
+const _hoisted_1 = {
+  key: 0,
+  class: "lew-dialog-mask"
 };
-const LewLoading = {
-  install(app) {
-    app.directive("loading", {
-      mounted(el, binding) {
-        const { tip, iconSize, visible } = binding.value;
-        const loadingWrapper = document.createElement("div");
-        const loadingBox = document.createElement("div");
-        loadingWrapper.classList.add("lew-loading-wrapper");
-        loadingBox.classList.add("lew-loading-box");
-        el.classList.add("lew-loading");
-        const loader = createApp(Icon, {
-          type: "loader",
-          spinning: true,
-          size: iconSize || 24
-        });
-        loader.mount(loadingBox);
-        loadingBox.setAttribute("data-after", tip || "");
-        loadingWrapper.appendChild(loadingBox);
-        el.appendChild(loadingWrapper);
-        if (visible) {
-          el.classList.add("lew-loading-show");
-        }
-      },
-      updated(el, binding) {
-        const { tip, visible } = binding.value;
-        const loadingBox = el.querySelector(".lew-loading-box");
-        loadingBox && loadingBox.setAttribute("data-after", tip || "");
-        if (visible) {
-          el.classList.add("lew-loading-show");
-        } else {
-          el.classList.remove("lew-loading-show");
-        }
+const _hoisted_2 = { class: "left" };
+const _hoisted_3 = { class: "right" };
+const _hoisted_4 = { class: "left" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LewDialog",
+  props: dialogProps,
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const { Escape } = useMagicKeys();
+    useDOMCreate("lew-dialog");
+    const props = __props;
+    const emit = __emit;
+    const visible = ref(false);
+    const okLoading = ref(false);
+    const cancelLoading = ref(false);
+    const okRef1 = ref();
+    const okRef2 = ref();
+    const maskClick = () => {
+      if (props.closeOnClickOverlay) {
+        visible.value = false;
       }
+    };
+    onMounted(() => {
+      visible.value = true;
+      nextTick(() => {
+        if (okRef1.value) okRef1.value.focus();
+        if (okRef2.value) okRef2.value.focus();
+      });
     });
-  }
-};
-const initLewContextMenu = () => {
-  window.LewContextMenu = {
-    menu: {},
-    contextMenu: null,
-    instance: tippy(document.body, {
-      theme: "light",
-      animation: "shift-away-subtle",
-      trigger: "manual",
-      interactive: true,
-      placement: "right-start",
-      duration: [250, 250],
-      delay: [250, 250],
-      arrow: false,
-      appendTo: () => document.body,
-      allowHTML: true
-    }),
-    menuInstance: {}
-  };
-  window.LewContextMenu.instance.popper.children[0].setAttribute(
-    "data-lew",
-    "popover"
-  );
-};
-const findContextMenuId = (el) => {
-  try {
-    const id = el.getAttribute("lew-context-menu-id");
-    if (id) return id;
-    return el.parentNode ? findContextMenuId(el.parentNode) : "";
-  } catch {
-    return "";
-  }
-};
-const LewVContextMenu = {
-  install(app) {
-    app.directive("context-menu", {
-      mounted(el, binding) {
-        if (!window.LewContextMenu) {
-          initLewContextMenu();
-        }
-        if (!el.id) {
-          const id = getUniqueId();
-          el.setAttribute("lew-context-menu-id", id);
-          const { options } = binding.value;
-          window.LewContextMenu.menu[id] = options || [];
+    watch(visible, (newVal) => {
+      if (!newVal) {
+        setTimeout(() => emit("close"), 500);
+      }
+    });
+    const handleAction = async (action) => {
+      const actionFunction = props[action];
+      const loadingRef = action === "ok" ? okLoading : cancelLoading;
+      if (typeof actionFunction === "function") {
+        loadingRef.value = true;
+        const result = await actionFunction();
+        if (result !== false) {
+          visible.value = false;
         }
-        if (!window.LewContextMenu.contextMenu) {
-          window.LewContextMenu.contextMenu = (e2) => {
-            const id = findContextMenuId(e2.target);
-            if (!id) return;
-            e2.preventDefault();
-            const options = window.LewContextMenu.menu[id];
-            const { instance } = window.LewContextMenu;
-            instance.hide();
-            const menuDom = document.createElement("div");
-            Object.keys(window.LewContextMenu.menuInstance).forEach(
-              (key) => {
-                window.LewContextMenu.menuInstance[key].destroy();
-                delete window.LewContextMenu.menuInstance[key];
-              }
-            );
-            createApp({
-              render() {
-                return h$1(LewContextMenu, {
-                  options,
-                  onSelect: (item) => {
-                    const { selectHandler } = binding.value;
-                    if (isFunction(selectHandler)) {
-                      selectHandler(item);
-                    }
-                    if (!(item.children || []).length) {
-                      instance.hide();
-                    }
-                  }
-                });
-              }
-            }).mount(menuDom);
-            setTimeout(() => {
-              instance.setProps({
-                content: menuDom,
-                getReferenceClientRect: () => ({
-                  width: 0,
-                  height: 0,
-                  top: e2.clientY,
-                  bottom: e2.clientY,
-                  left: e2.clientX,
-                  right: e2.clientX
-                })
-              });
-              instance.show();
-            }, 120);
-          };
-          window.addEventListener(
-            "contextmenu",
-            window.LewContextMenu.contextMenu
-          );
+        loadingRef.value = false;
+      }
+    };
+    const ok = () => handleAction("ok");
+    const cancel = () => handleAction("cancel");
+    if (props.closeByEsc) {
+      watch(Escape, (v2) => {
+        if (v2 && visible.value) {
+          visible.value = false;
         }
-      },
-      updated(el, binding) {
-        const id = findContextMenuId(el);
-        if (id) {
-          const { options } = binding.value;
-          window.LewContextMenu.menu[id] = options || [];
-        } else {
-          console.error("发生未知错误！找不到 lew-context-menu-id。");
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "#lew-dialog" }, [
+        createElementVNode("div", {
+          class: "lew-dialog-container",
+          style: normalizeStyle({
+            "--lew-dialog-transform-origin": _ctx.transformOrigin
+          })
+        }, [
+          createVNode(Transition, { name: "lew-dialog-mask" }, {
+            default: withCtx(() => [
+              visible.value ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createVNode(Transition, { name: "lew-dialog" }, {
+            default: withCtx(() => [
+              visible.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "lew-dialog",
+                onClick: maskClick
+              }, [
+                _ctx.layout === "normal" ? (openBlock(), createBlock(unref(LewFlex), {
+                  key: 0,
+                  direction: "y",
+                  gap: "20",
+                  class: "lew-dialog-box lew-dialog-box-normal",
+                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["stop"]))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(LewFlex), { y: "start" }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", _hoisted_2, [
+                          createVNode(Icon, {
+                            type: _ctx.type,
+                            size: 30
+                          }, null, 8, ["type"])
+                        ]),
+                        createElementVNode("div", _hoisted_3, [
+                          createElementVNode("header", null, [
+                            renderSlot(_ctx.$slots, "title", {}, void 0, true)
+                          ]),
+                          createElementVNode("main", null, [
+                            renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                          ])
+                        ])
+                      ]),
+                      _: 3
+                    }),
+                    createElementVNode("footer", null, [
+                      _ctx.cancelText ? (openBlock(), createBlock(unref(LewButton), {
+                        key: 0,
+                        text: _ctx.cancelText,
+                        color: "gray",
+                        type: "text",
+                        loading: cancelLoading.value,
+                        onClick: withModifiers(cancel, ["stop"])
+                      }, null, 8, ["text", "loading"])) : createCommentVNode("", true),
+                      _ctx.okText ? (openBlock(), createBlock(unref(LewButton), {
+                        key: 1,
+                        ref_key: "okRef1",
+                        ref: okRef1,
+                        text: _ctx.okText,
+                        type: "fill",
+                        color: _ctx.type,
+                        loading: okLoading.value,
+                        onClick: withModifiers(ok, ["stop"])
+                      }, null, 8, ["text", "color", "loading"])) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 3
+                })) : createCommentVNode("", true),
+                _ctx.layout === "mini" ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: "lew-dialog-box lew-dialog-box-mini",
+                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(Icon, {
+                      size: 24,
+                      type: _ctx.type
+                    }, null, 8, ["type"])
+                  ]),
+                  createVNode(unref(LewFlex), { class: "right" }, {
+                    default: withCtx(() => [
+                      createElementVNode("main", null, [
+                        renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                      ]),
+                      createVNode(unref(LewFlex), { x: "end" }, {
+                        default: withCtx(() => [
+                          _ctx.cancelText ? (openBlock(), createBlock(unref(LewButton), {
+                            key: 0,
+                            text: _ctx.cancelText,
+                            type: "text",
+                            size: "small",
+                            color: "gray",
+                            round: "",
+                            loading: cancelLoading.value,
+                            onClick: withModifiers(cancel, ["stop"])
+                          }, null, 8, ["text", "loading"])) : createCommentVNode("", true),
+                          _ctx.okText ? (openBlock(), createBlock(unref(LewButton), {
+                            key: 1,
+                            ref_key: "okRef2",
+                            ref: okRef2,
+                            text: _ctx.okText,
+                            type: "fill",
+                            size: "small",
+                            round: "",
+                            color: _ctx.type,
+                            loading: okLoading.value,
+                            onClick: withModifiers(ok, ["stop"])
+                          }, null, 8, ["text", "color", "loading"])) : createCommentVNode("", true)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 3
+                  })
+                ])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ], 4)
+      ]);
+    };
+  }
+});
+const _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-46b17cfb"]]);
+const { x, y } = useMouse();
+const createDialog = (type) => (options) => dialog(type, options);
+const dialogTypes = {
+  warning: createDialog("warning"),
+  error: createDialog("error"),
+  info: createDialog("info"),
+  normal: createDialog("normal"),
+  success: createDialog("success")
+};
+const dialog = (type, options) => {
+  const {
+    title,
+    content,
+    ok = () => true,
+    cancel = () => true,
+    okText,
+    cancelText,
+    layout,
+    closeOnClickOverlay,
+    closeByEsc
+  } = options;
+  const div2 = document.createElement("div");
+  const transformOrigin = `${x.value}px ${y.value}px`;
+  document.body.appendChild(div2);
+  const app = createApp({
+    render() {
+      return h$1(
+        _LewDialog,
+        {
+          closeOnClickOverlay,
+          closeByEsc,
+          type,
+          layout,
+          okText,
+          cancelText,
+          transformOrigin,
+          ok,
+          onClose: () => {
+            app.unmount();
+            div2.remove();
+          },
+          cancel
+        },
+        {
+          title: () => title,
+          content: () => content
         }
-      }
-    });
-  }
+      );
+    }
+  });
+  app.mount(div2);
 };
-const contextMenuProps = {
-  options: {
-    type: Array,
-    default: () => [],
-    description: "右键菜单配置"
+const LewDialog$1 = {
+  name: "LewDialog",
+  ...dialogTypes
+};
+const warning = ({ title, content, delay = 3e3 }) => {
+  notification("warning", title, content, delay);
+};
+const error = ({ title, content, delay = 3e3 }) => {
+  notification("error", title, content, delay);
+};
+const info = ({ title, content, delay = 3e3 }) => {
+  notification("info", title, content, delay);
+};
+const normal = ({ title, content, delay = 3e3 }) => {
+  notification("normal", title, content, delay);
+};
+const success = ({ title, content, delay = 3e3 }) => {
+  notification("success", title, content, delay);
+};
+const createMessageList = () => {
+  const div2 = document.createElement("div");
+  div2.setAttribute("id", "lew-notification");
+  document.body.appendChild(div2);
+};
+const notification = (type, title, content, delay) => {
+  if (!document.getElementById("lew-notification")) {
+    createMessageList();
+    notification(type, title, content, delay);
+  } else {
+    add(type, title, content, delay);
   }
 };
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { class: "lew-context-menu-label" };
-const _hoisted_3 = ["title"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LewContextMenu",
-  props: contextMenuProps,
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const clickItem = (item) => {
-      emit("select", item);
-    };
-    let itemRefs = ref([]);
-    const initTippy = () => {
-      itemRefs.value.forEach((el, index2) => {
-        const item = props.options[index2];
-        if (!el || item.disabled || (item.children || []).length === 0) {
-          return;
-        }
-        const menuDom = document.createElement("div");
-        createApp({
-          render() {
-            return h$1(LewContextMenu, {
-              options: item.children,
-              onSelect: (item2) => {
-                emit("select", item2);
-              }
-            });
-          }
-        }).mount(menuDom);
-        const uniqueId2 = getUniqueId();
-        if (!window.LewContextMenu) {
-          initLewContextMenu();
-        }
-        window.LewContextMenu.menuInstance[uniqueId2] = tippy(el, {
-          theme: "light",
-          animation: "shift-away-subtle",
-          trigger: "mouseenter",
-          interactive: true,
-          placement: "right-start",
-          duration: [250, 250],
-          delay: [250, 250],
-          arrow: false,
-          offset: [0, 0],
-          allowHTML: true,
-          hideOnClick: false,
-          zIndex: 9999,
-          content: menuDom
-        });
-        window.LewContextMenu.menuInstance[uniqueId2].popper.children[0].setAttribute("data-lew", "popover");
-      });
-    };
-    const renderIcon = ({ renderIcon: renderIcon2 }) => {
-      if (renderIcon2) return renderIcon2();
-      return "";
-    };
-    onMounted(() => {
-      initTippy();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(LewFlex), {
-        direction: "y",
-        gap: "0",
-        class: "lew-context-menu"
-      }, {
-        default: withCtx(() => [
-          (_ctx.options || []).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (item, index2) => {
-            return openBlock(), createElementBlock("div", {
-              key: index2,
-              class: normalizeClass(["lew-context-menu-box", {
-                "lew-context-menu-box-disabled": item.disabled,
-                "lew-context-menu-box-divider-line": item.isDividerLine
-              }])
-            }, [
-              createElementVNode("div", {
-                ref_for: true,
-                ref: (el) => unref(itemRefs).push(el),
-                onClick: ($event) => clickItem(item),
-                class: "lew-context-menu-item",
-                style: normalizeStyle({ "animation-delay": index2 * 15 + "ms" })
-              }, [
-                createElementVNode("div", _hoisted_2, [
-                  item.renderIcon ? (openBlock(), createBlock(renderIcon, {
-                    key: 0,
-                    renderIcon: item.renderIcon
-                  }, null, 8, ["renderIcon"])) : createCommentVNode("", true),
-                  createElementVNode("div", {
-                    title: item.label,
-                    class: "lew-context-menu-label-text"
-                  }, toDisplayString(item.label), 9, _hoisted_3)
-                ]),
-                (item.children || []).length > 0 ? (openBlock(), createBlock(Icon, {
-                  key: 0,
-                  size: 14,
-                  type: "chevron-right"
-                })) : createCommentVNode("", true)
-              ], 12, _hoisted_1)
-            ], 2);
-          }), 128)) : (openBlock(), createBlock(unref(_sfc_main$d), {
-            key: 1,
-            width: "120px",
-            padding: "5px",
-            "font-size": "12px",
-            type: "search",
-            title: "暂无操作"
-          }))
-        ]),
-        _: 1
-      });
-    };
+const add = (type, title, content, delay) => {
+  const LewMessageDom = document.getElementById("lew-notification");
+  const newMessage = document.createElement("div");
+  newMessage.innerHTML = `
+                <div class="lew-notification-box"> 
+                    <div class="lew-notification-icon">
+                          ${getIconInnerHTML({ type, size: 18 })}
+                    </div>
+                    <div class="lew-notification-body">
+                      <div class="lew-notification-title">${title}</div>
+                     	 ${content ? `<div class="lew-notification-content">${content}</div>` : ""}
+                    </div> 
+                    <div class="lew-notification-close-icon">
+						${getIconInnerHTML({ type: "close", size: 16 })}
+                    </div>
+      </div>
+    `;
+  LewMessageDom == null ? void 0 : LewMessageDom.insertBefore(newMessage, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
+  newMessage.setAttribute("class", `lew-notification lew-notification-${type}`);
+  let timer;
+  let lock = false;
+  function startTimer() {
+    if (delay > 0) {
+      ({ stop: timer } = useTimeoutFn(() => {
+        handleClose();
+      }, delay));
+    }
   }
-});
-const LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e1377a5c"]]);
-const directives = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  function clearTimer() {
+    timer == null ? void 0 : timer();
+  }
+  function handleClose() {
+    if (lock) {
+      return;
+    }
+    lock = true;
+    newMessage.setAttribute(
+      "class",
+      `lew-notification lew-notification-${type} lew-notification-hidden`
+    );
+    if (newMessage) {
+      if (LewMessageDom) {
+        setTimeout(() => {
+          LewMessageDom.removeChild(newMessage);
+        }, 250);
+      }
+    }
+  }
+  newMessage.children[0].children[2].addEventListener("click", handleClose);
+  newMessage.addEventListener("mouseenter", clearTimer);
+  newMessage.addEventListener("mouseleave", startTimer);
+  setTimeout(() => {
+    lock = false;
+    newMessage.setAttribute(
+      "class",
+      `lew-notification lew-notification-${type} lew-notification-show`
+    );
+    delay > 0 && startTimer();
+  }, 10);
+};
+const LewNotification = {
+  name: "LewNotification",
+  warning,
+  info,
+  normal,
+  success,
+  error
+};
+const methods = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LewBacktop: index$1,
-  LewContextMenu,
   LewDialog: LewDialog$1,
-  LewLoading,
   LewMessage: LewMessage$1,
   LewNotification,
-  LewTooltip,
-  LewVContextMenu,
-  contextMenuProps,
-  dialogProps,
-  initLewContextMenu
+  dialogProps
 }, Symbol.toStringTag, { value: "Module" }));
 const install = (Vue) => {
-  const componentList = Object.keys(components).map(
-    (key) => components[key]
-  );
-  const directiveList = Object.keys(directives).map(
-    (key) => directives[key]
-  );
-  componentList.forEach((component) => {
-    if (Object.prototype.hasOwnProperty.call(component, "name") || Object.prototype.hasOwnProperty.call(component, "__name")) {
-      Vue.component(`${component.name || component.__name}`, component);
+  Object.keys(components).forEach((key) => {
+    const component = components[key];
+    if (component.name || component.__name) {
+      Vue.component(component.name || component.__name, component);
     }
   });
-  directiveList.forEach((directive) => {
-    if (Object.prototype.hasOwnProperty.call(directive, "install")) {
-      Vue.use(directive);
-    } else if (Object.prototype.hasOwnProperty.call(directive, "name")) {
-      window[directive.name] = directive;
-      Vue.config.globalProperties[directive.name] = directive;
+  Object.keys(directives).forEach((key) => {
+    Vue.use(directives[key]);
+  });
+  Object.keys(methods).forEach((key) => {
+    const methodInstance = methods[key];
+    if (methodInstance.name) {
+      window[methodInstance.name] = methodInstance;
     }
   });
 };