code-monkey-ui 1.1.5-beta → 1.1.5

package/dist/index.full.mjs

@@ -21561,10 +21561,7 @@ const batchProps = buildProps({
     type: [String, Number],
     default: 400
   },
-  size: {
-    type: String,
-    default: "default"
-  },
+  size: useSizeProp,
   disabled: {
     type: Boolean,
     default: false
@@ -21584,6 +21581,14 @@ const batchProps = buildProps({
   labelValue: {
     type: Object,
     default: () => ({ label: "label", value: "value" })
+  },
+  rows: {
+    type: Number,
+    default: 50
+  },
+  needTag: {
+    type: Boolean,
+    default: false
   }
 });
 const batchEmits = {
@@ -21592,10 +21597,12 @@ const batchEmits = {
   search: (val) => val
 };
 
-const useBatch = (props) => {
+const useBatch = (props, useSize) => {
   const disabled = useFormDisabled();
+  const _size = useFormSize(computed$1(() => useSize));
   return {
     disabled,
+    _size,
     props
   };
 };
@@ -21610,12 +21617,16 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   ...__default__$1i,
   props: batchProps,
   emits: batchEmits,
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     var _a;
     const props = __props;
+    const useSize = reactive({
+      size: toRef(props, "size")
+    });
     const ns = useNamespace("batch");
-    const { disabled } = useBatch(props);
+    const { disabled, _size } = useBatch(props, useSize.size);
     const userAttrs = useAttrs$1();
+    const textareaRef = ref();
     const userAttrsCopy = reactive({ ...userAttrs });
     delete userAttrsCopy.size;
     delete userAttrsCopy.prefixIcon;
@@ -21644,6 +21655,34 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
         return;
       selectWidth.value = (_a2 = selectRef.value) == null ? void 0 : _a2.$el.offsetWidth;
     });
+    const handleEnterKey = (event) => {
+      const inputElement = textareaRef.value.$el.querySelector("textarea");
+      inputElement.addEventListener("paste", preventPaste);
+      const lines = inputValue.value.split("\n");
+      const lastLine = lines[lines.length - 1];
+      nextTick(() => {
+        var _a2;
+        const textarea = (_a2 = textareaRef.value) == null ? void 0 : _a2.textarea;
+        textarea.selectionStart = textarea.selectionEnd = textarea.value.length;
+      });
+      if (!lastLine.trim() || lines.length >= props.rows) {
+        event.preventDefault();
+      }
+    };
+    const handleTextareaInput = (value) => {
+      const inputElement = textareaRef.value.$el.querySelector("textarea");
+      inputElement.addEventListener("paste", preventPaste);
+      const lines = value.split("\n");
+      const nonEmptyLines = lines.filter((line) => line.trim() !== "");
+      if (nonEmptyLines.length >= props.rows) {
+        inputValue.value = lines.slice(0, props.rows).join("\n");
+      } else {
+        inputElement.removeEventListener("paste", preventPaste);
+      }
+    };
+    const preventPaste = (event) => {
+      event.preventDefault();
+    };
     const handleFocus = () => {
       handleClose();
       nextTick(() => {
@@ -21686,7 +21725,10 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
       if (data.length > multipleSearchValue.value.length) {
         ElMessage.warning("\u6709\u91CD\u590D\u6570\u636E,\u5DF2\u81EA\u52A8\u53BB\u91CD");
       }
-      tagShow.value = true;
+      inputValue.value = multipleSearchValue.value.join("\n");
+      if (props.needTag) {
+        tagShow.value = true;
+      }
       nextTick(() => {
         selectedLabel.value = selectRef.value.selectedLabel;
       });
@@ -21706,10 +21748,12 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
     const handleCloseTag = () => {
       tagShow.value = false;
     };
+    expose({
+      size: props.size
+    });
     return (_ctx, _cache) => {
-      const _component_el_tooltip = resolveComponent("el-tooltip");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).b(), unref(ns).is("disabled", unref(disabled)), unref(ns).m(_ctx.size)]),
+        class: normalizeClass([unref(ns).b(), unref(ns).is("disabled", unref(disabled)), unref(ns).m(unref(_size))]),
         style: normalizeStyle({ "max-width": _ctx.width + "px" })
       }, [
         createVNode(unref(ElInput), mergeProps({
@@ -21787,14 +21831,18 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 createVNode(unref(ElInput), {
+                  ref_key: "textareaRef",
+                  ref: textareaRef,
                   modelValue: inputValue.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
                   resize: "none",
                   autosize: { minRows: _ctx.minRows, maxRows: 12 },
                   class: normalizeClass(unref(ns).e("textarea")),
-                  placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301200\u884C",
-                  type: "textarea"
-                }, null, 8, ["modelValue", "autosize", "class"]),
+                  placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301" + _ctx.rows + "\u884C",
+                  type: "textarea",
+                  onKeydown: withKeys(handleEnterKey, ["enter"]),
+                  onInput: handleTextareaInput
+                }, null, 8, ["modelValue", "autosize", "class", "placeholder", "onKeydown"]),
                 createElementVNode("div", {
                   class: normalizeClass(unref(ns).e("controls"))
                 }, [
@@ -21841,22 +21889,13 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
         withDirectives(createElementVNode("div", {
           class: normalizeClass(unref(ns).e("tag"))
         }, [
-          createVNode(_component_el_tooltip, {
+          createVNode(unref(ElPopover), {
+            width: Number(_ctx.width) - selectWidth.value,
             "popper-class": unref(ns).e("batch-popper"),
             effect: "light",
             placement: "bottom-start"
           }, {
-            content: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(unref(ns).e("tag-content")),
-                style: normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(multipleSearchValue.value, (item) => {
-                  return openBlock(), createElementBlock("p", { key: item }, toDisplayString(item), 1);
-                }), 128))
-              ], 6)
-            ]),
-            default: withCtx(() => [
+            reference: withCtx(() => [
               createVNode(unref(ElTag), {
                 closable: "",
                 onClose: handleCloseTag
@@ -21867,8 +21906,23 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("tag-content")),
+                style: normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
+              }, [
+                createVNode(unref(ElScrollbar), null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(multipleSearchValue.value, (item) => {
+                      return openBlock(), createElementBlock("p", { key: item }, toDisplayString(item), 1);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ], 6)
+            ]),
             _: 1
-          }, 8, ["popper-class"])
+          }, 8, ["width", "popper-class"])
         ], 2), [
           [vShow, tagShow.value]
         ])
@@ -24621,6 +24675,10 @@ const cardProps = buildProps({
     type: String,
     default: ""
   },
+  footer: {
+    type: String,
+    default: ""
+  },
   bodyStyle: {
     type: definePropType([String, Object, Array]),
     default: ""
@@ -24658,7 +24716,15 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(_ctx.bodyStyle)
         }, [
           renderSlot(_ctx.$slots, "default")
-        ], 6)
+        ], 6),
+        _ctx.$slots.footer || _ctx.footer ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("footer"))
+        }, [
+          renderSlot(_ctx.$slots, "footer", {}, () => [
+            createTextVNode(toDisplayString(_ctx.footer), 1)
+          ])
+        ], 2)) : createCommentVNode("v-if", true)
       ], 2);
     };
   }
@@ -27695,6 +27761,10 @@ var ElDshNodeContent = defineComponent({
       type: definePropType(Function),
       default: () => {
       }
+    },
+    node: {
+      type: Object,
+      required: true
     }
   },
   setup() {
@@ -27703,15 +27773,17 @@ var ElDshNodeContent = defineComponent({
       ns
     };
   },
-  render() {
+  render(props) {
+    var _a;
     const { ns } = this;
     const { node, panel, onlyThis } = this.$parent;
     const { data, label } = node;
     const { renderLabelFn } = panel;
+    const value = (_a = props.node.config.value) != null ? _a : "value";
     return h$1("span", { class: ns.e("label") }, renderLabelFn ? renderLabelFn({ node, data }) : !onlyThis ? label : [
       h$1("div", { class: `${ns.namespace.value}-dsh-justify-between` }, [
         h$1("span", { class: `${ns.namespace.value}-dsh-cascader-node--label` }, label),
-        data.value !== "cascader-all" ? h$1("div", { class: "select-tag", onClick: this.onlyCheck }, [
+        data[value] !== "cascader-all" ? h$1("div", { class: "select-tag", onClick: this.onlyCheck }, [
           h$1("span", {}, "\u4EC5\u7B5B\u9009\u6B64\u9879")
         ]) : ""
       ])
@@ -27745,24 +27817,26 @@ const _sfc_main$1v = defineComponent({
   },
   emits: ["expand"],
   setup(props, { emit }) {
+    var _a;
     const panel = inject(DSH_CASCADER_PANEL_INJECTION_KEY);
     const ns = useNamespace("dsh-cascader-node");
     const isHoverMenu = computed$1(() => panel.isHoverMenu);
     const multiple = computed$1(() => panel.config.multiple);
     const checkStrictly = computed$1(() => panel.config.checkStrictly);
     const checkedNodeId = computed$1(() => {
-      var _a;
-      return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+      var _a2;
+      return (_a2 = panel.checkedNodes[0]) == null ? void 0 : _a2.uid;
     });
     const DshIsDisabled = computed$1(() => props.node.DshIsDisabled);
     const DshIsLeaf = computed$1(() => props.node.DshIsLeaf);
     const expandable = computed$1(() => checkStrictly.value && !DshIsLeaf.value || !DshIsDisabled.value);
     const inExpandingPath = computed$1(() => isInPath(panel.expandingNode));
     const inCheckedPath = computed$1(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
+    const propsValue = (_a = props.node.config.value) != null ? _a : "value";
     const isInPath = (node) => {
-      var _a;
+      var _a2;
       const { level, uid } = props.node;
-      return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
+      return ((_a2 = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a2.uid) === uid;
     };
     const doExpand = () => {
       if (inExpandingPath.value)
@@ -27800,8 +27874,7 @@ const _sfc_main$1v = defineComponent({
       node.loaded ? doExpand() : doLoad();
     };
     const handleClick = (node) => {
-      var _a;
-      if (((_a = node.data) == null ? void 0 : _a.value) === "cascader-all" || isHoverMenu.value) {
+      if (node.data[propsValue] === "cascader-all" || isHoverMenu.value) {
         handleSelectCheck(!node.checked);
         return;
       }
@@ -27812,8 +27885,7 @@ const _sfc_main$1v = defineComponent({
       }
     };
     const handleSelectCheck = (checked) => {
-      var _a;
-      if (((_a = props.node.data) == null ? void 0 : _a.value) === "cascader-all") {
+      if (props.node.data[propsValue] === "cascader-all") {
         panel.checkedAll(checked);
       }
       if (checkStrictly.value) {
@@ -27916,7 +27988,10 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
     }, 8, ["class"])) : createCommentVNode("v-if", true),
     createCommentVNode(" content "),
-    createVNode(_component_el_dsh_node_content, { "only-check": _ctx.onlyCheck }, null, 8, ["only-check"]),
+    createVNode(_component_el_dsh_node_content, {
+      "only-check": _ctx.onlyCheck,
+      node: _ctx.node
+    }, null, 8, ["only-check", "node"]),
     createCommentVNode(" postfix "),
     !_ctx.DshIsLeaf ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
       _ctx.node.loading ? (openBlock(), createBlock(_component_el_icon, {
@@ -28210,12 +28285,11 @@ class Store {
   constructor(data, config) {
     this.config = config;
     const nodes = (data || []).map((nodeData) => new DshNode$1(nodeData, this.config));
-    const allNodes = [
-      new DshNode$1({ label: "\u5168\u9009", value: "cascader-all" }, this.config)
-    ].concat(nodes);
-    this.nodes = allNodes;
-    this.allNodes = flatNodes(allNodes, false);
-    this.leafNodes = flatNodes(allNodes, true);
+    const node = { [config.label]: "\u5168\u9009", [config.value]: "cascader-all" };
+    nodes.unshift(new DshNode$1(node, this.config));
+    this.nodes = nodes;
+    this.allNodes = flatNodes(nodes, false);
+    this.leafNodes = flatNodes(nodes, true);
   }
   getNodes() {
     return this.nodes;
@@ -28272,7 +28346,8 @@ const DshDefaultProps = {
   children: "children",
   leaf: "leaf",
   disabled: "disabled",
-  hoverThreshold: 500
+  hoverThreshold: 500,
+  maxCollapseTags: 1
 };
 const DshUseCascaderConfig = (props) => {
   return computed$1(() => ({
@@ -28338,6 +28413,7 @@ const _sfc_main$1t = defineComponent({
     "confirm"
   ],
   setup(props, { emit, slots }) {
+    var _a;
     let manualChecked = false;
     const ns = useNamespace("dsh-cascader");
     const config = DshUseCascaderConfig(props);
@@ -28386,7 +28462,7 @@ const _sfc_main$1t = defineComponent({
       cfg.lazyLoad(node, resolve);
     };
     const expandNode = (node, silent) => {
-      var _a;
+      var _a2;
       const { level } = node;
       const newMenus = menus.value.slice(0, level);
       let newExpandingNode;
@@ -28396,7 +28472,7 @@ const _sfc_main$1t = defineComponent({
         newExpandingNode = node;
         newMenus.push(node.children);
       }
-      if (((_a = expandingNode.value) == null ? void 0 : _a.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
+      if (((_a2 = expandingNode.value) == null ? void 0 : _a2.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
         expandingNode.value = node;
         menus.value = newMenus;
         !silent && emit("expand-change", (node == null ? void 0 : node.pathValues) || []);
@@ -28421,12 +28497,12 @@ const _sfc_main$1t = defineComponent({
       return store == null ? void 0 : store.getFlattedNodes(leafOnly);
     };
     const getCheckedNodes = (leafOnly) => {
-      var _a;
-      return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
+      var _a2;
+      return (_a2 = getFlattedNodes(leafOnly)) == null ? void 0 : _a2.filter((node) => node.checked !== false);
     };
     const clearCheckedNodes = () => {
-      var _a;
-      (_a = getFlattedNodes(true)) == null ? void 0 : _a.forEach((node) => node.doCheck(false));
+      var _a2;
+      (_a2 = getFlattedNodes(true)) == null ? void 0 : _a2.forEach((node) => node.doCheck(false));
       calculateCheckedValue();
       menus.value = menus.value.slice(0, 1);
       expandingNode.value = null;
@@ -28436,36 +28512,33 @@ const _sfc_main$1t = defineComponent({
       emit("confirm", checkedValue.value);
     };
     const checkedAll = (checked) => {
-      var _a;
-      (_a = getFlattedNodes(true)) == null ? void 0 : _a.forEach((node) => node.doCheck(checked));
+      var _a2;
+      (_a2 = getFlattedNodes(true)) == null ? void 0 : _a2.forEach((node) => node.doCheck(checked));
       calculateCheckedValue();
       menus.value = menus.value.slice(0, 1);
       expandingNode.value = null;
       emit("expand-change", []);
     };
+    const propsValue = (_a = props.props.value) != null ? _a : "value";
     const calculateCheckedValue = () => {
-      var _a;
+      var _a2;
       const { checkStrictly, multiple } = config.value;
       const oldNodes = checkedNodes.value;
       const newNodes = getCheckedNodes(!checkStrictly);
-      const nodes = sortByOriginalOrder(oldNodes, newNodes).filter((node) => {
-        var _a2;
-        return ((_a2 = node.data) == null ? void 0 : _a2.value) !== "cascader-all";
-      });
-      const values = nodes.map((node) => node.valueByOption).filter((value) => value.value !== "cascader-all");
+      const nodes = sortByOriginalOrder(oldNodes, newNodes).filter((node) => node.data[propsValue] !== "cascader-all");
+      const values = nodes.map((node) => node.valueByOption).filter((value) => value[propsValue] !== "cascader-all");
       checkedNodes.value = nodes;
-      checkedValue.value = multiple ? values : (_a = values[0]) != null ? _a : null;
+      checkedValue.value = multiple ? values : (_a2 = values[0]) != null ? _a2 : null;
     };
     const syncCheckedValue = (loaded = false, forced = false) => {
-      var _a;
+      var _a2;
       const { modelValue } = props;
       const { lazy, multiple, checkStrictly } = config.value;
       const leafOnly = !checkStrictly;
       if (multiple) {
         let allNode = null;
-        const nodes = (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => {
-          var _a2;
-          if (((_a2 = node.data) == null ? void 0 : _a2.value) !== "cascader-all") {
+        const nodes = (_a2 = getFlattedNodes(leafOnly)) == null ? void 0 : _a2.filter((node) => {
+          if (node.data[propsValue] !== "cascader-all") {
             return true;
           } else {
             allNode = node;
@@ -28515,10 +28588,7 @@ const _sfc_main$1t = defineComponent({
       } else {
         newNodes.forEach((node) => node.doCheck(true));
       }
-      checkedNodes.value = newNodes.filter((node) => {
-        var _a;
-        return ((_a = node.data) == null ? void 0 : _a.value) !== "cascader-all";
-      });
+      checkedNodes.value = newNodes.filter((node) => node.data[propsValue] !== "cascader-all");
       nextTick(scrollToExpandingNode);
     };
     const scrollToExpandingNode = () => {
@@ -48894,7 +48964,12 @@ function useEvent(props, emit) {
       const tableLeft = tableEl.getBoundingClientRect().left;
       const columnEl = instance.vnode.el.querySelector(`th.${column.id}`);
       const columnRect = columnEl.getBoundingClientRect();
-      const minLeft = columnRect.left - tableLeft + 30;
+      let minLeft = 0;
+      if (column.minWidth > 30) {
+        minLeft = columnRect.left - tableLeft + column.minWidth;
+      } else {
+        minLeft = columnRect.left - tableLeft + 30;
+      }
       addClass(columnEl, "noclick");
       dragState.value = {
         startMouseLeft: event.clientX,

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.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:\\project\\work\\code-monkey-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 '@code-monkey-ui/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 '@code-monkey-ui/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@code-monkey-ui/utils'\nimport { useNamespace } from '@code-monkey-ui/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}