beyond-webui 1.1.24 → 1.1.26

package/dist/index.full.mjs

@@ -13428,6 +13428,10 @@ const inputProps = buildProps({
     type: Boolean,
     default: true
   },
+  isHoverSuffix: {
+    type: Boolean,
+    default: false
+  },
   inputState: {
     type: Boolean,
     default: false
@@ -13981,20 +13985,8 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(unref(nsInput).e("suffix-inner")),
                 onClick: focus
               }, [
-                (!unref(showClear) || !unref(showPwdVisible) || !unref(isWordLimitVisible)) && isShowFix.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  renderSlot(_ctx.$slots, "suffix"),
-                  _ctx.suffixIcon ? (openBlock(), createBlock(_component_el_icon, {
-                    key: 0,
-                    class: normalizeClass(unref(nsInput).e("icon"))
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon)))
-                    ]),
-                    _: 1
-                  }, 8, ["class"])) : createCommentVNode("v-if", true)
-                ], 64)) : createCommentVNode("v-if", true),
                 unref(showClear) ? (openBlock(), createBlock(_component_el_icon, {
-                  key: 1,
+                  key: 0,
                   color: "#697386",
                   class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("clear")]),
                   onMousedown: withModifiers(unref(NOOP), ["prevent"]),
@@ -14007,7 +13999,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true),
                 unref(showPwdVisible) ? (openBlock(), createBlock(_component_el_icon, {
-                  key: 2,
+                  key: 1,
                   class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("password")]),
                   size: 18,
                   onClick: handlePasswordVisible
@@ -14018,6 +14010,18 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["class"])) : createCommentVNode("v-if", true),
+                (!unref(showClear) || !unref(showPwdVisible) || !unref(isWordLimitVisible)) && isShowFix.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  _ctx.isHoverSuffix && hovering.value || !_ctx.isHoverSuffix ? renderSlot(_ctx.$slots, "suffix", { key: 0 }) : createCommentVNode("v-if", true),
+                  _ctx.suffixIcon ? (openBlock(), createBlock(_component_el_icon, {
+                    key: 1,
+                    class: normalizeClass(unref(nsInput).e("icon"))
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon)))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : createCommentVNode("v-if", true)
+                ], 64)) : createCommentVNode("v-if", true),
                 unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
                   key: 3,
                   class: normalizeClass(unref(nsInput).e("count"))
@@ -16129,6 +16133,10 @@ const autocompleteProps = buildProps({
     type: Boolean,
     default: true
   },
+  isHoverSuffix: {
+    type: Boolean,
+    default: false
+  },
   selectWhenUnmatched: {
     type: Boolean,
     default: false
@@ -16505,6 +16513,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
               clearable: _ctx.clearable,
               disabled: unref(disabled),
               name: _ctx.name,
+              "is-hover-suffix": _ctx.isHoverSuffix,
               "model-value": _ctx.modelValue,
               onInput: handleInput,
               onChange: handleChange,
@@ -16544,7 +16553,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "suffix")
                 ])
               } : void 0
-            ]), 1040, ["clearable", "disabled", "name", "model-value", "onKeydown"])
+            ]), 1040, ["clearable", "disabled", "name", "is-hover-suffix", "model-value", "onKeydown"])
           ], 14, _hoisted_1$$)
         ]),
         _: 3
@@ -18697,16 +18706,26 @@ const _hoisted_8$2 = [
   _hoisted_7$2
 ];
 const _hoisted_9$2 = {
+  key: 1,
+  class: "el-input__preStar"
+};
+const _hoisted_10$2 = /* @__PURE__ */ createElementVNode("span", null, "*", -1);
+const _hoisted_11$2 = [
+  _hoisted_10$2
+];
+const _hoisted_12$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_13$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_14$1 = {
   key: 0,
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_10$2 = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_1022_307)" }, [
+const _hoisted_15$1 = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_1022_307)" }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2349 1.26428 15.1826 0 12 0V0ZM13 12.433L7.94701 15.6L6.88601 13.9L11 11.325V6H13V12.433Z" })
 ], -1);
-const _hoisted_11$2 = /* @__PURE__ */ createElementVNode("defs", null, [
+const _hoisted_16$1 = /* @__PURE__ */ createElementVNode("defs", null, [
   /* @__PURE__ */ createElementVNode("clipPath", { id: "clip0_1022_307" }, [
     /* @__PURE__ */ createElementVNode("rect", {
       width: "24",
@@ -18715,21 +18734,21 @@ const _hoisted_11$2 = /* @__PURE__ */ createElementVNode("defs", null, [
     })
   ])
 ], -1);
-const _hoisted_12$1 = [
-  _hoisted_10$2,
-  _hoisted_11$2
+const _hoisted_17$1 = [
+  _hoisted_15$1,
+  _hoisted_16$1
 ];
-const _hoisted_13$1 = {
+const _hoisted_18$1 = {
   key: 1,
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_14$1 = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
+const _hoisted_19$1 = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M24 10V24H0V10H24ZM24 8V5C24 4.20435 23.6839 3.44129 23.1213 2.87868C22.5587 2.31607 21.7956 2 21 2H18V0H16V2H8V0H6V2H3C2.20435 2 1.44129 2.31607 0.87868 2.87868C0.31607 3.44129 0 4.20435 0 5L0 8H24ZM18 14H16V16H18V14ZM13 14H11V16H13V14ZM8 14H6V16H8V14ZM18 18H16V20H18V18ZM13 18H11V20H13V18ZM8 18H6V20H8V18Z" })
 ], -1);
-const _hoisted_15$1 = /* @__PURE__ */ createElementVNode("defs", null, [
+const _hoisted_20$1 = /* @__PURE__ */ createElementVNode("defs", null, [
   /* @__PURE__ */ createElementVNode("clipPath", { id: "clip0_1022_276" }, [
     /* @__PURE__ */ createElementVNode("rect", {
       width: "24",
@@ -18738,20 +18757,10 @@ const _hoisted_15$1 = /* @__PURE__ */ createElementVNode("defs", null, [
     })
   ])
 ], -1);
-const _hoisted_16$1 = [
-  _hoisted_14$1,
-  _hoisted_15$1
+const _hoisted_21$1 = [
+  _hoisted_19$1,
+  _hoisted_20$1
 ];
-const _hoisted_17$1 = {
-  key: 2,
-  class: "el-input__preStar"
-};
-const _hoisted_18$1 = /* @__PURE__ */ createElementVNode("span", null, "*", -1);
-const _hoisted_19$1 = [
-  _hoisted_18$1
-];
-const _hoisted_20$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const _hoisted_21$1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const __default__$1g = defineComponent({
   name: "Picker"
 });
@@ -19263,10 +19272,20 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["stop"]))
             }, {
-              prefix: withCtx(() => [
-                unref(triggerIcon) ? (openBlock(), createBlock(unref(ElIcon), {
+              suffix: withCtx(() => [
+                showClose.value && _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
                   key: 0,
-                  color: "#697386",
+                  class: normalizeClass(`${unref(nsInput).e("icon")} clear-icon`),
+                  onClick: withModifiers(onClearIconClick, ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
+                unref(triggerIcon) ? (openBlock(), createBlock(unref(ElIcon), {
+                  key: 1,
+                  color: "#2A3F4D",
                   size: "18px",
                   class: normalizeClass(unref(nsInput).e("icon")),
                   onMousedown: withModifiers(onMouseDownInput, ["prevent"]),
@@ -19278,18 +19297,6 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true)
               ]),
-              suffix: withCtx(() => [
-                showClose.value && _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
-                  key: 0,
-                  class: normalizeClass(`${unref(nsInput).e("icon")} clear-icon`),
-                  onClick: withModifiers(onClearIconClick, ["stop"])
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
-                  ]),
-                  _: 1
-                }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
-              ]),
               _: 1
             }, 8, ["id", "pre-star", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "label", "tabindex", "onKeydown"])) : (openBlock(), createElementBlock("div", {
               key: 1,
@@ -19312,24 +19319,11 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
               onTouchstart: onTouchStartInput,
               onKeydown: handleKeydownInput
             }, [
-              unref(triggerIcon) ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 0,
-                color: "#697386",
-                size: "18px",
-                class: normalizeClass([unref(nsInput).e("icon"), unref(nsRange).e("icon")]),
-                onMousedown: withModifiers(onMouseDownInput, ["prevent"]),
-                onTouchstart: onTouchStartInput
-              }, {
-                default: withCtx(() => [
-                  unref(isTimeLikePicker) ? (openBlock(), createElementBlock("svg", _hoisted_9$2, _hoisted_12$1)) : (openBlock(), createElementBlock("svg", _hoisted_13$1, _hoisted_16$1))
-                ]),
-                _: 1
-              }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true),
               pickerVisible.value || _ctx.modelValue && _ctx.modelValue.length > 1 || isError.value ? (openBlock(), createElementBlock("span", {
-                key: 1,
+                key: 0,
                 class: normalizeClass({ "time-float": _ctx.floatLabel })
               }, toDisplayString(_ctx.floatLabel), 3)) : createCommentVNode("v-if", true),
-              _ctx.preStar && !pickerVisible.value && (!unref(displayValue) || unref(displayValue).length === 0) ? (openBlock(), createElementBlock("div", _hoisted_17$1, _hoisted_19$1)) : createCommentVNode("v-if", true),
+              _ctx.preStar && !pickerVisible.value && (!unref(displayValue) || unref(displayValue).length === 0) ? (openBlock(), createElementBlock("div", _hoisted_9$2, _hoisted_11$2)) : createCommentVNode("v-if", true),
               createElementVNode("input", {
                 id: _ctx.id && _ctx.id[0],
                 ref_key: "startInput",
@@ -19349,7 +19343,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                 onChange: handleStartChange,
                 onFocus: handleFocusInput,
                 onBlur: handleBlurInput
-              }, null, 46, _hoisted_20$1),
+              }, null, 46, _hoisted_12$1),
               renderSlot(_ctx.$slots, "range-separator", {}, () => [
                 createElementVNode("span", {
                   class: normalizeClass(unref(nsRange).b("separator"))
@@ -19374,9 +19368,9 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                 onBlur: handleBlurInput,
                 onInput: handleEndInput,
                 onChange: handleEndChange
-              }, null, 46, _hoisted_21$1),
+              }, null, 46, _hoisted_13$1),
               _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 3,
+                key: 2,
                 class: normalizeClass([
                   unref(nsInput).e("icon"),
                   unref(nsRange).e("close-icon"),
@@ -19390,7 +19384,20 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                   (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
                 ]),
                 _: 1
-              }, 8, ["class"])) : createCommentVNode("v-if", true)
+              }, 8, ["class"])) : createCommentVNode("v-if", true),
+              unref(triggerIcon) ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 3,
+                color: "#2A3F4D",
+                size: "18px",
+                class: normalizeClass([unref(nsInput).e("icon"), unref(nsRange).e("icon")]),
+                onMousedown: withModifiers(onMouseDownInput, ["prevent"]),
+                onTouchstart: onTouchStartInput
+              }, {
+                default: withCtx(() => [
+                  unref(isTimeLikePicker) ? (openBlock(), createElementBlock("svg", _hoisted_14$1, _hoisted_17$1)) : (openBlock(), createElementBlock("svg", _hoisted_18$1, _hoisted_21$1))
+                ]),
+                _: 1
+              }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true)
             ], 38))
           ], 64))
         ]),

package/es/components/alert/index.d.ts

@@ -1,7 +1,7 @@
 export declare const ElAlert: import("beyond-webui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly title: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly description: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
     readonly closable: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeText: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly showIcon: BooleanConstructor;
@@ -12,7 +12,7 @@ export declare const ElAlert: import("beyond-webui/es/utils").SFCWithInstall<imp
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly title: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly description: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+        readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
         readonly closable: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly closeText: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly showIcon: BooleanConstructor;
@@ -120,7 +120,7 @@ export declare const ElAlert: import("beyond-webui/es/utils").SFCWithInstall<imp
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly description: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
     readonly closable: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeText: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly showIcon: BooleanConstructor;
@@ -129,7 +129,7 @@ export declare const ElAlert: import("beyond-webui/es/utils").SFCWithInstall<imp
 }>> & {
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    readonly type: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
+    readonly type: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
     readonly title: string;
     readonly description: string;
     readonly closable: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/alert/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Alert from './src/alert2.mjs';
-export { alertEffects, alertEmits, alertProps } from './src/alert.mjs';
+import Alert from './src/alert.mjs';
+export { alertEffects, alertEmits, alertProps } from './src/alert2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElAlert = withInstall(Alert);

package/es/components/alert/src/alert.d.ts

@@ -3,7 +3,7 @@ export declare const alertEffects: readonly ["light", "dark"];
 export declare const alertProps: {
     readonly title: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly description: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
     readonly closable: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeText: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly showIcon: BooleanConstructor;

package/es/components/alert/src/alert.mjs

@@ -1,42 +1,102 @@
+import { defineComponent, useSlots, ref, computed, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
 import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { keysOf } from '../../../utils/objects.mjs';
-import { TypeComponentsMap } from '../../../utils/vue/icon.mjs';
+import '../../../hooks/index.mjs';
+import { alertProps, alertEmits } from './alert2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { TypeComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const alertEffects = ["light", "dark"];
-const alertProps = buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  description: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    values: keysOf(TypeComponentsMap),
-    default: "info"
-  },
-  closable: {
-    type: Boolean,
-    default: true
-  },
-  closeText: {
-    type: String,
-    default: ""
-  },
-  showIcon: Boolean,
-  center: Boolean,
-  effect: {
-    type: String,
-    values: alertEffects,
-    default: "light"
+const __default__ = defineComponent({
+  name: "ElAlert"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: alertProps,
+  emits: alertEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const { Close } = TypeComponents;
+    const slots = useSlots();
+    const ns = useNamespace("alert");
+    const visible = ref(true);
+    const iconComponent = computed(() => TypeComponentsMap[props.type]);
+    const iconClass = computed(() => [
+      ns.e("icon"),
+      { [ns.is("big")]: !!props.description || !!slots.default }
+    ]);
+    const isBoldTitle = computed(() => {
+      return { [ns.is("bold")]: props.description || slots.default };
+    });
+    const close = (evt) => {
+      visible.value = false;
+      emit("close", evt);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: unref(ns).b("fade"),
+        persisted: ""
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
+            role: "alert"
+          }, [
+            _ctx.showIcon && unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 0,
+              class: normalizeClass(unref(iconClass))
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
+              ]),
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("content"))
+            }, [
+              _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass([unref(ns).e("title"), unref(isBoldTitle)])
+              }, [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(toDisplayString(_ctx.title), 1)
+                ])
+              ], 2)) : createCommentVNode("v-if", true),
+              _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", {
+                key: 1,
+                class: normalizeClass(unref(ns).e("description"))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  createTextVNode(toDisplayString(_ctx.description), 1)
+                ])
+              ], 2)) : createCommentVNode("v-if", true),
+              _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                _ctx.closeText ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")]),
+                  onClick: close
+                }, toDisplayString(_ctx.closeText), 3)) : (openBlock(), createBlock(unref(ElIcon), {
+                  key: 1,
+                  class: normalizeClass(unref(ns).e("close-btn")),
+                  onClick: close
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Close))
+                  ]),
+                  _: 1
+                }, 8, ["class"]))
+              ], 64)) : createCommentVNode("v-if", true)
+            ], 2)
+          ], 2), [
+            [vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
   }
 });
-const alertEmits = {
-  close: (evt) => evt instanceof MouseEvent
-};
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\alert\\src\\alert.vue"]]);
 
-export { alertEffects, alertEmits, alertProps };
+export { Alert as default };
 //# sourceMappingURL=alert.mjs.map

package/es/components/alert/src/alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.mjs","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n  /**\n   * @description alert title.\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description alert type.\n   */\n  type: {\n    type: String,\n    values: keysOf(TypeComponentsMap),\n    default: 'info',\n  },\n  /**\n   * @description whether alert can be dismissed.\n   */\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description text for replacing x button\n   */\n  closeText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether show icon\n   */\n  showIcon: Boolean,\n  /**\n   * @description should content be placed in center.\n   */\n  center: Boolean,\n  effect: {\n    type: String,\n    values: alertEffects,\n    default: 'light',\n  },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n  close: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":[],"mappings":";;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
+{"version":3,"file":"alert.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <el-icon v-if=\"showIcon && iconComponent\" :class=\"iconClass\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n            <Close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertEmits, alertProps } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\nconst visible = ref(true)\n\nconst iconComponent = computed(() => TypeComponentsMap[props.type])\n\nconst iconClass = computed(() => [\n  ns.e('icon'),\n  { [ns.is('big')]: !!props.description || !!slots.default },\n])\n\nconst isBoldTitle = computed(() => {\n  return { [ns.is('bold')]: props.description || slots.default }\n})\n\nconst close = (evt: MouseEvent) => {\n  visible.value = false\n  emit('close', evt)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAgDc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAJA,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,cAAA,CAAA;AAQlB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAExB,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAS,MAAM,iBAAA,CAAkB,MAAM,IAAK,CAAA,CAAA,CAAA;AAElE,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,KAAK,CAAA,GAAI,CAAC,CAAC,KAAM,CAAA,WAAA,IAAe,CAAC,CAAC,MAAM,OAAQ,EAAA;AAAA,KAC1D,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAO,OAAA,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,MAAM,CAAI,GAAA,KAAA,CAAM,WAAe,IAAA,KAAA,CAAM,OAAQ,EAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQ,CAAC,GAAoB,KAAA;AACjC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KACnB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/alert/src/alert.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
     readonly title: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly description: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
     readonly closable: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeText: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly showIcon: BooleanConstructor;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly title: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly description: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+        readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
         readonly closable: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly closeText: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly showIcon: BooleanConstructor;
@@ -120,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly description: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly type: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
     readonly closable: import("beyond-webui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeText: import("beyond-webui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly showIcon: BooleanConstructor;
@@ -129,7 +129,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    readonly type: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
+    readonly type: import("beyond-webui/es/utils").EpPropMergeType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
     readonly title: string;
     readonly description: string;
     readonly closable: import("beyond-webui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;