beyond-webui 1.1.30 → 1.1.32

package/dist/index.full.mjs

@@ -13428,6 +13428,10 @@ const inputProps = buildProps({
     type: Boolean,
     default: true
   },
+  floatLabel: {
+    type: Boolean,
+    default: false
+  },
   isHoverSuffix: {
     type: Boolean,
     default: false
@@ -13581,7 +13585,7 @@ const _hoisted_4$g = /* @__PURE__ */ createElementVNode("svg", {
     ])
   ])
 ], -1);
-const _hoisted_5$a = {
+const _hoisted_5$b = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -13590,12 +13594,12 @@ const _hoisted_5$a = {
   fill: "#1a1f36",
   viewBox: "0 0 24 24"
 };
-const _hoisted_6$4 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_6$5 = /* @__PURE__ */ createElementVNode("path", {
   id: "ujy5xle6ka",
   d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
 }, null, -1);
 const _hoisted_7$3 = [
-  _hoisted_6$4
+  _hoisted_6$5
 ];
 const _hoisted_8$3 = {
   key: 1,
@@ -13891,11 +13895,11 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
       }), [
         createVNode(Transition, { name: "el-zoom-in-bottom" }, {
           default: withCtx(() => [
-            _ctx.inputState || _ctx.isFloat && (focused.value || unref(validateState) === "error" || !!unref(nativeInputValue)) && _ctx.placeholder ? (openBlock(), createElementBlock("span", {
+            _ctx.floatLabel || _ctx.inputState || _ctx.isFloat && (focused.value || unref(validateState) === "error" || !!unref(nativeInputValue)) && _ctx.placeholder ? (openBlock(), createElementBlock("span", {
               key: 0,
               class: normalizeClass(["el-input__float", {
                 "transparent-bg": !_ctx.placeholder,
-                "float-focused": focused.value || _ctx.inputState && _ctx.isEditMode
+                "float-focused": focused.value || _ctx.inputState && _ctx.isEditMode || _ctx.floatLabel
               }])
             }, toDisplayString(_ctx.placeholder), 3)) : createCommentVNode("v-if", true)
           ]),
@@ -14006,7 +14010,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     createCommentVNode('              <component :is="passwordIcon" />'),
-                    passwordVisible.value ? (openBlock(), createElementBlock("svg", _hoisted_5$a, _hoisted_7$3)) : (openBlock(), createElementBlock("svg", _hoisted_8$3, _hoisted_10$3))
+                    passwordVisible.value ? (openBlock(), createElementBlock("svg", _hoisted_5$b, _hoisted_7$3)) : (openBlock(), createElementBlock("svg", _hoisted_8$3, _hoisted_10$3))
                   ]),
                   _: 1
                 }, 8, ["class"])) : createCommentVNode("v-if", true),
@@ -18682,14 +18686,14 @@ const _hoisted_4$e = [
   _hoisted_2$D,
   _hoisted_3$n
 ];
-const _hoisted_5$9 = {
+const _hoisted_5$a = {
   key: 1,
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_6$3 = /* @__PURE__ */ createElementVNode("g", { "clip-path": "url(#clip0_1022_276)" }, [
+const _hoisted_6$4 = /* @__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_7$2 = /* @__PURE__ */ createElementVNode("defs", null, [
@@ -18702,7 +18706,7 @@ const _hoisted_7$2 = /* @__PURE__ */ createElementVNode("defs", null, [
   ])
 ], -1);
 const _hoisted_8$2 = [
-  _hoisted_6$3,
+  _hoisted_6$4,
   _hoisted_7$2
 ];
 const _hoisted_9$2 = {
@@ -19292,7 +19296,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
                   onTouchstart: onTouchStartInput
                 }, {
                   default: withCtx(() => [
-                    unref(isTimeLikePicker) ? (openBlock(), createElementBlock("svg", _hoisted_1$Y, _hoisted_4$e)) : (openBlock(), createElementBlock("svg", _hoisted_5$9, _hoisted_8$2))
+                    unref(isTimeLikePicker) ? (openBlock(), createElementBlock("svg", _hoisted_1$Y, _hoisted_4$e)) : (openBlock(), createElementBlock("svg", _hoisted_5$a, _hoisted_8$2))
                   ]),
                   _: 1
                 }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true)
@@ -26981,7 +26985,7 @@ const _hoisted_1$F = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
 const _hoisted_3$g = ["aria-label"];
 const _hoisted_4$b = ["aria-label"];
-const _hoisted_5$8 = ["aria-label"];
+const _hoisted_5$9 = ["aria-label"];
 const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
   props: panelDatePickProps,
@@ -27525,7 +27529,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5$8)
+                ], 10, _hoisted_5$9)
               ], 2)
             ], 2), [
               [vShow, currentView.value !== "time"]
@@ -27711,7 +27715,7 @@ const _hoisted_1$E = ["onClick"];
 const _hoisted_2$p = ["disabled"];
 const _hoisted_3$f = ["disabled"];
 const _hoisted_4$a = ["disabled"];
-const _hoisted_5$7 = ["disabled"];
+const _hoisted_5$8 = ["disabled"];
 const unit$1 = "month";
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "panel-date-range",
@@ -28291,7 +28295,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_5$7)) : createCommentVNode("v-if", true),
+                ], 10, _hoisted_5$8)) : createCommentVNode("v-if", true),
                 createElementVNode("button", {
                   type: "button",
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -30934,8 +30938,8 @@ const _hoisted_1$w = {
 const _hoisted_2$l = ["id"];
 const _hoisted_3$c = ["stop-color"];
 const _hoisted_4$8 = ["stop-color"];
-const _hoisted_5$6 = ["id"];
-const _hoisted_6$2 = ["stop-color"];
+const _hoisted_5$7 = ["id"];
+const _hoisted_6$3 = ["stop-color"];
 const _hoisted_7$1 = ["stop-color"];
 const _hoisted_8$1 = ["id"];
 const _hoisted_9$1 = {
@@ -31008,12 +31012,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             createElementVNode("stop", {
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-1")})`,
               offset: "0%"
-            }, null, 8, _hoisted_6$2),
+            }, null, 8, _hoisted_6$3),
             createElementVNode("stop", {
               "stop-color": `var(${unref(ns).cssVarBlockName("fill-color-6")})`,
               offset: "100%"
             }, null, 8, _hoisted_7$1)
-          ], 8, _hoisted_5$6),
+          ], 8, _hoisted_5$7),
           createElementVNode("rect", {
             id: `path-3-${unref(id)}`,
             x: "0",
@@ -34578,6 +34582,9 @@ const _sfc_main$O = defineComponent({
       type: Boolean,
       default: false
     },
+    haveAll: {
+      type: String
+    },
     valueKey: {
       type: String,
       default: "value"
@@ -34864,10 +34871,14 @@ const _sfc_main$O = defineComponent({
     };
   }
 });
-const _hoisted_1$n = ["disabled", "autocomplete", "maxlength"];
-const _hoisted_2$f = ["disabled"];
-const _hoisted_3$9 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
-const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_1$n = {
+  key: 0,
+  class: "select-all-tag"
+};
+const _hoisted_2$f = ["disabled", "autocomplete", "maxlength"];
+const _hoisted_3$9 = ["disabled"];
+const _hoisted_4$7 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
+const _hoisted_5$6 = /* @__PURE__ */ createElementVNode("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "12",
@@ -34880,6 +34891,10 @@ const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("svg", {
     style: { "fill": "color(display-p3 0.1647 0.2471 0.302)", "fill-opacity": "1" }
   })
 ], -1);
+const _hoisted_6$2 = {
+  key: 0,
+  class: "select-all-item"
+};
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -34935,8 +34950,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(_ctx.nsSelect.e("tags")),
             style: normalizeStyle(_ctx.selectTagsStyle)
           }, [
+            _ctx.haveAll && !_ctx.selected.length ? (openBlock(), createElementBlock("span", _hoisted_1$n, toDisplayString(_ctx.haveAll), 1)) : createCommentVNode("v-if", true),
             _ctx.collapseTags && _ctx.selected.length ? (openBlock(), createBlock(Transition, {
-              key: 0,
+              key: 1,
               onAfterLeave: _ctx.resetInputHeight
             }, {
               default: withCtx(() => [
@@ -35034,7 +35050,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
               _: 1
             }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
             !_ctx.collapseTags ? (openBlock(), createBlock(Transition, {
-              key: 1,
+              key: 2,
               onAfterLeave: _ctx.resetInputHeight
             }, {
               default: withCtx(() => [
@@ -35069,7 +35085,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
               _: 1
             }, 8, ["onAfterLeave"])) : createCommentVNode("v-if", true),
             _ctx.filterable ? withDirectives((openBlock(), createElementBlock("input", {
-              key: 2,
+              key: 3,
               ref: "input",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
               type: "text",
@@ -35099,7 +35115,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
               onCompositionupdate: _cache[12] || (_cache[12] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onCompositionend: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
               onInput: _cache[14] || (_cache[14] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
-            }, null, 46, _hoisted_1$n)), [
+            }, null, 46, _hoisted_2$f)), [
               [vModelText, _ctx.query]
             ]) : createCommentVNode("v-if", true)
           ], 6)) : createCommentVNode("v-if", true),
@@ -35114,13 +35130,14 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             disabled: _ctx.selectDisabled,
             type: "text"
-          }, null, 10, _hoisted_2$f)) : createCommentVNode("v-if", true),
+          }, null, 10, _hoisted_3$9)) : createCommentVNode("v-if", true),
           createVNode(_component_el_input, {
             id: _ctx.id,
             ref: "reference",
             modelValue: _ctx.selectedLabel,
             "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => _ctx.selectedLabel = $event),
             type: "text",
+            "float-label": !!_ctx.haveAll,
             maxlength: _ctx.filterMaxLength,
             "input-state": _ctx.dropMenuVisible || _ctx.selected.length > 0,
             "is-edit-mode": _ctx.dropMenuVisible,
@@ -35133,7 +35150,10 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             disabled: _ctx.selectDisabled,
             readonly: _ctx.readonly,
             "validate-event": false,
-            class: normalizeClass([_ctx.nsSelect.is("focus", _ctx.visible)]),
+            class: normalizeClass([
+              _ctx.nsSelect.is("focus", _ctx.visible),
+              !!_ctx.haveAll ? "trans-input" : ""
+            ]),
             tabindex: _ctx.multiple && _ctx.filterable ? -1 : void 0,
             onFocus: _ctx.handleFocus,
             onBlur: _ctx.handleBlur,
@@ -35156,7 +35176,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                 class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
               }, {
                 default: withCtx(() => [
-                  _hoisted_4$7
+                  _hoisted_5$6
                 ]),
                 _: 1
               }, 8, ["class"])) : createCommentVNode("v-if", true),
@@ -35176,12 +35196,12 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.$slots.prefix ? {
               name: "prefix",
               fn: withCtx(() => [
-                createElementVNode("div", _hoisted_3$9, [
+                createElementVNode("div", _hoisted_4$7, [
                   renderSlot(_ctx.$slots, "prefix")
                 ])
               ])
             } : void 0
-          ]), 1032, ["id", "modelValue", "maxlength", "input-state", "is-edit-mode", "placeholder", "name", "pre-star", "multiple-select", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
+          ]), 1032, ["id", "modelValue", "float-label", "maxlength", "input-state", "is-edit-mode", "placeholder", "name", "pre-star", "multiple-select", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
         ], 32)
       ]),
       content: withCtx(() => [
@@ -35197,8 +35217,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             }, {
               default: withCtx(() => [
+                _ctx.selected.length ? (openBlock(), createElementBlock("div", _hoisted_6$2, toDisplayString(_ctx.haveAll), 1)) : createCommentVNode("v-if", true),
                 _ctx.showNewOption ? (openBlock(), createBlock(_component_el_option, {
-                  key: 0,
+                  key: 1,
                   value: _ctx.query,
                   created: true
                 }, null, 8, ["value"])) : createCommentVNode("v-if", true),

package/es/components/alert/index.mjs

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

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

@@ -1,102 +1,42 @@
-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 '../../../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';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { keysOf } from '../../../utils/objects.mjs';
+import { TypeComponentsMap } from '../../../utils/vue/icon.mjs';
 
-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 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"
   }
 });
-var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\alert\\src\\alert.vue"]]);
+const alertEmits = {
+  close: (evt) => evt instanceof MouseEvent
+};
 
-export { Alert as default };
+export { alertEffects, alertEmits, alertProps };
 //# 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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;"}

package/es/components/alert/src/alert2.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 './alert.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=alert2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert2.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":"alert2.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}