@koi-design/uxd-ui 12.1.36-beta.0

package/lib/components/Notice/Notice.js

@@ -0,0 +1,190 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../Notification/index.js');
+var index = require('../Icon/index.js');
+var uxdIcon = require('@koi-design/uxd-icon');
+var Notification = require('../Notification/Notification.js');
+
+let prefixCls = "uui-notice";
+const prefixKey = "uui_notice_key_";
+let defaultDuration = 4.5;
+let defaultPlacement = "top-right";
+let defaultBottom = "24px";
+let defaultTop = "24px";
+let key = 0;
+const noticeInstance = {};
+const transitionName = "move-notice";
+let maxCount;
+const iconTypes = {
+  info: [uxdIcon.ULineInfoCircle, uxdIcon.USolidInfoCircle],
+  success: [uxdIcon.USolidCheckmarkCircle, uxdIcon.ULineCheckmarkCircle],
+  warning: [uxdIcon.USolidAlertCircle, uxdIcon.ULineAlertCircle],
+  error: [uxdIcon.USolidCloseCircle, uxdIcon.URoundCloseCircle]
+};
+const getStyle = (placement, top = defaultTop, bottom = defaultBottom) => {
+  let style;
+  switch (placement) {
+    case "top-left":
+      style = {
+        left: "0px",
+        top,
+        bottom: "auto"
+      };
+      break;
+    case "top-right":
+      style = {
+        right: "0px",
+        top,
+        bottom: "auto"
+      };
+      break;
+    case "bottom-left":
+      style = {
+        left: "0px",
+        top: "auto",
+        bottom
+      };
+      break;
+    default:
+      style = {
+        right: "0px",
+        top: "auto",
+        bottom
+      };
+      break;
+  }
+  return style;
+};
+const getNoticeInstance = ({
+  placement = defaultPlacement,
+  top,
+  bottom
+}) => {
+  const cls = `${prefixCls}-${placement}`;
+  if (noticeInstance[cls]) {
+    return noticeInstance[cls];
+  }
+  const instance = Notification["default"].newInstance({
+    prefixCls,
+    class: cls,
+    style: getStyle(placement, top, bottom),
+    transitionName,
+    maxCount,
+    type: "notice"
+  });
+  noticeInstance[cls] = instance;
+  return instance;
+};
+const notice = (args) => {
+  const {
+    type,
+    iconType: propIconType,
+    iconClass,
+    title,
+    desc,
+    placement,
+    top,
+    bottom,
+    btn
+  } = args;
+  const duration = args.duration !== void 0 ? args.duration : defaultDuration;
+  let iconType = propIconType || void 0;
+  if (type && !iconType) {
+    iconType = desc ? iconTypes[type][1] : iconTypes[type][0];
+  }
+  key += 1;
+  const target = args.key || `${prefixKey}${key}`;
+  const instance = getNoticeInstance({
+    placement,
+    top,
+    bottom
+  });
+  const computedColor = {
+    info: "blue",
+    error: "red",
+    warning: "orange",
+    success: "green"
+  };
+  const IconNode = iconType ? vue.createVNode("span", {
+    "class": `${prefixCls}-icon ${prefixCls}-icon-${type}`,
+    "data-color": computedColor[type] || void 0
+  }, [vue.createVNode(index.UIcon, {
+    "class": `${iconClass || ""}`
+  }, {
+    default: () => [vue.createVNode(iconType, null, null)]
+  })]) : null;
+  const withIconCls = iconType ? `${prefixCls}-with-icon ${prefixCls}-with-${type} ` : "";
+  const withDescCls = desc ? `${prefixCls}-with-desc` : "";
+  instance.notice({
+    key: target,
+    duration,
+    closable: true,
+    onClose: args.onClose,
+    style: args.style || {},
+    class: args.class,
+    content: () => vue.createVNode("div", {
+      "class": `${withIconCls} ${withDescCls}`
+    }, [IconNode, vue.createVNode("div", {
+      "class": `${prefixCls}-title`
+    }, [typeof title === "function" ? title() : title]), vue.createVNode("div", {
+      "class": `${prefixCls}-desc`
+    }, [typeof desc === "function" ? desc() : desc]), btn ? vue.createVNode("span", {
+      "class": `${prefixCls}-btn`
+    }, [typeof btn === "function" ? btn() : btn]) : null])
+  });
+  const result = () => {
+    const cls = `${prefixCls}-${placement}`;
+    if (noticeInstance[cls]) {
+      noticeInstance[cls].remove(target);
+    }
+  };
+  return result;
+};
+const api = {
+  config(options) {
+    if (options.duration !== void 0) {
+      defaultDuration = options.duration;
+    }
+    if (options.placement !== void 0) {
+      defaultPlacement = options.placement;
+    }
+    if (options.bottom !== void 0) {
+      defaultBottom = typeof options.bottom === "number" ? `${options.bottom}px` : options.bottom;
+    }
+    if (options.top !== void 0) {
+      defaultTop = typeof options.top === "number" ? `${options.top}px` : options.top;
+    }
+    if (options.prefixCls !== void 0) {
+      prefixCls = options.prefixCls;
+    }
+    if (options.maxCount !== void 0) {
+      maxCount = options.maxCount;
+    }
+  },
+  open: notice,
+  close(closeKey) {
+    Object.keys(noticeInstance).forEach((cls) => {
+      noticeInstance[cls].remove(closeKey);
+    });
+  },
+  destroy() {
+    Object.keys(noticeInstance).forEach((cls) => {
+      noticeInstance[cls].destroy();
+      delete noticeInstance[cls];
+    });
+  }
+};
+["success", "info", "error", "warning"].forEach((type) => {
+  api[type] = (args) => {
+    return api.open({
+      type,
+      ...args
+    });
+  };
+});
+
+exports["default"] = api;
+//# sourceMappingURL=Notice.js.map

package/lib/components/Notice/Notice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.js","sources":["../../../../src/components/Notice/Notice.tsx"],"sourcesContent":["import type { Component } from 'vue';\nimport Notification from '@uxd-ui/components/Notification';\nimport UIcon from '@uxd-ui/components/Icon';\nimport {\n  USolidInfoCircle,\n  ULineInfoCircle,\n  USolidCheckmarkCircle,\n  ULineCheckmarkCircle,\n  USolidAlertCircle,\n  ULineAlertCircle,\n  USolidCloseCircle,\n  URoundCloseCircle\n} from '@koi-design/uxd-icon';\nimport type { NoticationPublicInstance } from '../Notification/Notication.type';\nimport type { Notice, NoticeOptions, NoticeParams, NoticePlacement, NoticeType } from './Notice.type';\n\nlet prefixCls = 'uui-notice';\nconst prefixKey = 'uui_notice_key_';\nlet defaultDuration = 4.5;\nlet defaultPlacement: NoticePlacement = 'top-right';\nlet defaultBottom = '24px';\nlet defaultTop = '24px';\nlet key = 0;\nconst noticeInstance: Record<string, NoticationPublicInstance> = {};\nconst transitionName = 'move-notice';\nlet maxCount: number;\n\nconst iconTypes: Record<NoticeType, Component[]> = {\n  info: [ULineInfoCircle, USolidInfoCircle],\n  success: [USolidCheckmarkCircle, ULineCheckmarkCircle],\n  warning: [USolidAlertCircle, ULineAlertCircle],\n  error: [USolidCloseCircle, URoundCloseCircle]\n};\n\nconst getStyle = (placement: NoticePlacement, top = defaultTop, bottom = defaultBottom) => {\n  let style;\n  switch (placement) {\n    case 'top-left':\n      style = {\n        left: '0px',\n        top,\n        bottom: 'auto'\n      };\n      break;\n    case 'top-right':\n      style = {\n        right: '0px',\n        top,\n        bottom: 'auto'\n      };\n      break;\n    case 'bottom-left':\n      style = {\n        left: '0px',\n        top: 'auto',\n        bottom\n      };\n      break;\n    default:\n      style = {\n        right: '0px',\n        top: 'auto',\n        bottom\n      };\n      break;\n  }\n  return style;\n};\n\nconst getNoticeInstance = ({ placement = defaultPlacement, top, bottom }: NoticeParams) => {\n  const cls = `${prefixCls}-${placement}`;\n  if (noticeInstance[cls]) {\n    return noticeInstance[cls];\n  }\n  const instance: NoticationPublicInstance = Notification.newInstance({\n    prefixCls,\n    class: cls,\n    style: getStyle(placement, top, bottom),\n    transitionName,\n    maxCount,\n    type: 'notice'\n  });\n  noticeInstance[cls] = instance;\n  return instance;\n};\n\nconst notice = (args: NoticeParams) => {\n  const { type, iconType: propIconType, iconClass, title, desc, placement, top, bottom, btn } = args;\n  const duration = args.duration !== undefined ? args.duration : defaultDuration;\n  let iconType = propIconType || undefined;\n  if (type && !iconType) {\n    iconType = desc ? iconTypes[type][1] : iconTypes[type][0];\n  }\n  key += 1;\n  const target = args.key || `${prefixKey}${key}`;\n  const instance = getNoticeInstance({\n    placement,\n    top,\n    bottom\n  } as NoticeParams);\n\n  const computedColor = {\n    info: 'blue',\n    error: 'red',\n    warning: 'orange',\n    success: 'green'\n  };\n\n  const IconNode = iconType ? (\n    <span class={`${prefixCls}-icon ${prefixCls}-icon-${type}`} data-color={computedColor[type] || undefined}>\n      <UIcon class={`${iconClass || ''}`}>\n        <iconType />\n      </UIcon>\n    </span>\n  ) : null;\n  const withIconCls = iconType ? `${prefixCls}-with-icon ${prefixCls}-with-${type} ` : '';\n  const withDescCls = desc ? `${prefixCls}-with-desc` : '';\n  instance.notice({\n    key: target,\n    duration,\n    closable: true,\n    onClose: args.onClose,\n    style: args.style || {},\n    class: args.class,\n    content: () => (\n      <div class={`${withIconCls} ${withDescCls}`}>\n        {IconNode}\n        <div class={`${prefixCls}-title`}>{typeof title === 'function' ? title() : title}</div>\n        <div class={`${prefixCls}-desc`}>{typeof desc === 'function' ? desc() : desc}</div>\n        {btn ? <span class={`${prefixCls}-btn`}>{typeof btn === 'function' ? btn() : btn}</span> : null}\n      </div>\n    )\n  });\n\n  const result = () => {\n    const cls = `${prefixCls}-${placement}`;\n    if (noticeInstance[cls]) {\n      noticeInstance[cls].remove(target);\n    }\n  };\n  return result;\n};\n\nconst api = {\n  config(options: NoticeOptions) {\n    if (options.duration !== undefined) {\n      defaultDuration = options.duration;\n    }\n    if (options.placement !== undefined) {\n      defaultPlacement = options.placement;\n    }\n    if (options.bottom !== undefined) {\n      defaultBottom = typeof options.bottom === 'number' ? `${options.bottom}px` : options.bottom;\n    }\n    if (options.top !== undefined) {\n      defaultTop = typeof options.top === 'number' ? `${options.top}px` : options.top;\n    }\n    if (options.prefixCls !== undefined) {\n      prefixCls = options.prefixCls;\n    }\n    if (options.maxCount !== undefined) {\n      maxCount = options.maxCount;\n    }\n  },\n  open: notice,\n  close(closeKey: string) {\n    Object.keys(noticeInstance).forEach((cls) => {\n      noticeInstance[cls].remove(closeKey);\n    });\n  },\n  destroy() {\n    Object.keys(noticeInstance).forEach((cls) => {\n      noticeInstance[cls].destroy();\n      delete noticeInstance[cls];\n    });\n  }\n};\n\n(['success', 'info', 'error', 'warning'] as NoticeType[]).forEach((type) => {\n  (api as Notice)[type] = (args: Omit<NoticeParams, 'type'>) => {\n    return api.open({ type, ...args });\n  };\n});\n\nexport default api as Notice;\n"],"names":["prefixCls","prefixKey","defaultDuration","defaultPlacement","defaultBottom","defaultTop","key","noticeInstance","transitionName","maxCount","iconTypes","info","ULineInfoCircle","USolidInfoCircle","success","USolidCheckmarkCircle","ULineCheckmarkCircle","warning","USolidAlertCircle","ULineAlertCircle","error","USolidCloseCircle","URoundCloseCircle","getStyle","placement","top","bottom","style","left","right","getNoticeInstance","cls","instance","Notification","newInstance","class","type","notice","args","iconType","propIconType","iconClass","title","desc","btn","duration","undefined","target","computedColor","IconNode","_createVNode","UIcon","default","withIconCls","withDescCls","closable","onClose","content","result","remove","api","config","options","open","close","closeKey","Object","keys","forEach","destroy"],"mappings":"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"}

package/lib/components/Notice/Notice.type.d.ts

@@ -0,0 +1,40 @@
+import type { Component, CSSProperties, VNodeChild } from 'vue';
+export declare type NoticeType = 'info' | 'success' | 'warning' | 'error';
+export declare type NoticePlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface NoticeParams {
+    key?: string;
+    type?: NoticeType;
+    iconType?: Component;
+    iconClass?: string;
+    title?: string | (() => VNodeChild);
+    desc?: string | (() => VNodeChild);
+    placement?: NoticePlacement;
+    top?: string;
+    bottom?: string;
+    btn?: () => VNodeChild;
+    duration?: number;
+    onClose?: () => void;
+    onClick?: (e?: any) => void;
+    style?: CSSProperties;
+    class?: string;
+}
+export interface NoticeOptions {
+    duration?: number;
+    placement?: NoticePlacement;
+    bottom?: number | string;
+    top?: number | string;
+    prefixCls?: string;
+    maxCount?: number;
+}
+export declare type NoticeFunction = (args: Omit<NoticeParams, 'type'>) => () => void;
+export interface Notice {
+    config(options: NoticeOptions): void;
+    open: (args: NoticeParams) => () => void;
+    close(closeKey: string): void;
+    destroy(): void;
+    success: NoticeFunction;
+    info: NoticeFunction;
+    error: NoticeFunction;
+    warning: NoticeFunction;
+    loading: NoticeFunction;
+}

package/lib/components/Notice/Notice.type.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=Notice.type.js.map

package/lib/components/Notice/Notice.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/Notice/index.d.ts

@@ -0,0 +1,3 @@
+export declare const notice: import("./Notice.type").Notice & import("vue").Plugin<any[]>;
+export default notice;
+export * from './Notice.type';

package/lib/components/Notice/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Notice = require('./Notice.js');
+var install = require('../../utils/install.js');
+require('./Notice.type.js');
+
+const notice = install.withInstallPlugin(Notice["default"], "$notice");
+
+exports["default"] = notice;
+exports.notice = notice;
+//# sourceMappingURL=index.js.map

package/lib/components/Notice/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Notice/index.ts"],"sourcesContent":["import Notice from './Notice';\nimport { withInstallPlugin } from '../../utils/install';\n\nexport const notice = withInstallPlugin(Notice, '$notice');\nexport default notice;\n\nexport * from './Notice.type';\n"],"names":["withInstallPlugin","Notice"],"mappings":";;;;;;;;MAGa,SAASA,0BAAkBC,mBAAQ,SAAS;;;;;"}

package/lib/components/Notice/style/index.d.ts

@@ -0,0 +1 @@
+import '@koi-design/uxd-ui/styles/components/notice/index.less';

package/lib/components/Notice/style/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('@koi-design/uxd-ui/styles/components/notice/index.less');
+
+//# sourceMappingURL=index.js.map

package/lib/components/Notice/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/components/Notification/Notication.type.d.ts

@@ -0,0 +1,34 @@
+import type { CSSProperties, VNodeChild } from 'vue';
+import type { JSX } from 'vue/jsx-runtime';
+export declare type NoticationType = 'message' | 'notice';
+export interface NoticationProps {
+    prefixCls: string;
+    transitionName: string;
+    maxCount?: number;
+    type?: NoticationType;
+}
+export interface NoticeProps {
+    prefix?: string;
+    duration: number;
+    closable?: boolean;
+    onClose?: () => void;
+    content?: () => VNodeChild | JSX.Element;
+    background?: boolean;
+    msgType?: string;
+}
+export interface NoticeInstance extends NoticeProps {
+    key?: string;
+    style?: CSSProperties;
+    class?: string;
+    onClick?: (e: Event) => void;
+}
+export interface NoticationInstance {
+    add: (notice: NoticeInstance) => void;
+    remove: (key: string) => void;
+}
+export interface NoticationPublicInstance {
+    notice: (noticeProps: NoticeInstance) => void;
+    remove: (key: string) => void;
+    component: NoticationInstance;
+    destroy: () => void;
+}

package/lib/components/Notification/Notication.type.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=Notication.type.js.map

package/lib/components/Notification/Notication.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notication.type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/Notification/Notice.js

@@ -0,0 +1,136 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var uxdIcon = require('@koi-design/uxd-icon');
+var index = require('../Icon/index.js');
+var Render = require('../base/Render.js');
+var pluginVue_exportHelper = require('../../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = vue.defineComponent({
+  components: {
+    UIcon: index.UIcon,
+    URoundClose: uxdIcon.URoundClose,
+    Render: Render["default"]
+  },
+  props: {
+    prefix: {
+      type: String
+    },
+    duration: {
+      type: Number,
+      default: 1.5
+    },
+    closable: {
+      type: Boolean,
+      default: void 0
+    },
+    onClose: {
+      type: Function
+    },
+    content: {
+      type: Function
+    },
+    background: {
+      type: Boolean,
+      default: void 0
+    },
+    msgType: {
+      type: String
+    }
+  },
+  emits: ["close"],
+  setup(props, { emit }) {
+    const prefixCls = vue.computed(() => {
+      return `${props.prefix}-notice`;
+    });
+    let closeTimer = null;
+    let willDestory = false;
+    const clearCloseTimer = () => {
+      if (closeTimer) {
+        clearTimeout(closeTimer);
+        closeTimer = null;
+      }
+    };
+    const handleClose = () => {
+      clearCloseTimer();
+      emit("close");
+    };
+    const startCloseTimer = () => {
+      clearCloseTimer();
+      if (props.duration !== 0 && !willDestory) {
+        closeTimer = setTimeout(() => {
+          handleClose();
+        }, props.duration * 1e3);
+      }
+    };
+    vue.onMounted(() => {
+      startCloseTimer();
+    });
+    vue.onBeforeUnmount(() => {
+      clearCloseTimer();
+      willDestory = true;
+    });
+    vue.watch(
+      () => props.duration,
+      () => {
+        startCloseTimer();
+      }
+    );
+    return {
+      prefixCls,
+      handleClose,
+      startCloseTimer,
+      clearCloseTimer
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Render = vue.resolveComponent("Render");
+  const _component_URoundClose = vue.resolveComponent("URoundClose");
+  const _component_UIcon = vue.resolveComponent("UIcon");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([
+      _ctx.prefixCls,
+      {
+        [`${_ctx.prefixCls}-closable`]: _ctx.closable,
+        [`${_ctx.prefixCls}-background`]: _ctx.background
+      }
+    ]),
+    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.clearCloseTimer && _ctx.clearCloseTimer(...args)),
+    onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.startCloseTimer && _ctx.startCloseTimer(...args))
+  }, [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass([
+        `${_ctx.prefixCls}-content`,
+        {
+          [`${_ctx.prefixCls}-content-${_ctx.msgType}`]: _ctx.msgType
+        }
+      ])
+    }, [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(`${_ctx.prefixCls}-content-text`)
+      }, [
+        vue.createVNode(_component_Render, { render: _ctx.content }, null, 8, ["render"])
+      ], 2),
+      _ctx.closable ? (vue.openBlock(), vue.createElementBlock("a", {
+        key: 0,
+        tabindex: "0",
+        class: vue.normalizeClass(`${_ctx.prefixCls}-close`),
+        onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClose && _ctx.handleClose(...args), ["stop", "prevent"]))
+      }, [
+        vue.createVNode(_component_UIcon, null, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_URoundClose)
+          ]),
+          _: 1
+        })
+      ], 2)) : vue.createCommentVNode("v-if", true)
+    ], 2)
+  ], 34);
+}
+var Notice = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Notification\\Notice.vue"]]);
+
+exports["default"] = Notice;
+//# sourceMappingURL=Notice.js.map

package/lib/components/Notification/Notice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.js","sources":["../../../../src/components/Notification/Notice.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      prefixCls,\n      {\n        [`${prefixCls}-closable`]: closable,\n        [`${prefixCls}-background`]: background\n      }\n    ]\"\n    @mouseenter=\"clearCloseTimer\"\n    @mouseleave=\"startCloseTimer\"\n  >\n    <div\n      :class=\"[\n        `${prefixCls}-content`,\n        {\n          [`${prefixCls}-content-${msgType}`]: msgType\n        }\n      ]\"\n    >\n      <div :class=\"`${prefixCls}-content-text`\">\n        <Render :render=\"content\" />\n      </div>\n      <a v-if=\"closable\" tabindex=\"0\" :class=\"`${prefixCls}-close`\" @click.stop.prevent=\"handleClose\">\n        <UIcon>\n          <URoundClose />\n        </UIcon>\n      </a>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, onMounted, onBeforeUnmount, watch } from 'vue';\nimport type { PropType, VNodeChild } from 'vue';\nimport { URoundClose } from '@koi-design/uxd-icon';\nimport UIcon from '@uxd-ui/components/Icon';\nimport type { JSX } from 'vue/jsx-runtime';\nimport Render from '../base/Render';\nimport type { NoticeProps } from './Notication.type';\n\nexport default defineComponent({\n  components: {\n    UIcon,\n    URoundClose,\n    Render\n  },\n  props: {\n    prefix: {\n      type: String\n    },\n    duration: {\n      type: Number,\n      default: 1.5\n    },\n    closable: {\n      type: Boolean,\n      default: undefined as undefined\n    },\n    onClose: {\n      type: Function as PropType<() => void>\n    },\n    content: {\n      type: Function as PropType<() => VNodeChild | JSX.Element>\n    },\n    background: {\n      type: Boolean,\n      default: undefined as undefined\n    },\n    msgType: {\n      type: String\n    }\n  },\n  emits: ['close'],\n  setup(props: NoticeProps, { emit }) {\n    const prefixCls = computed(() => {\n      return `${props.prefix}-notice`;\n    });\n\n    let closeTimer: any = null;\n    let willDestory = false;\n\n    const clearCloseTimer = () => {\n      if (closeTimer) {\n        clearTimeout(closeTimer);\n        closeTimer = null;\n      }\n    };\n\n    const handleClose = () => {\n      clearCloseTimer();\n      emit('close');\n    };\n\n    const startCloseTimer = () => {\n      clearCloseTimer();\n      if (props.duration !== 0 && !willDestory) {\n        closeTimer = setTimeout(() => {\n          handleClose();\n        }, props.duration * 1000);\n      }\n    };\n\n    onMounted(() => {\n      startCloseTimer();\n    });\n\n    onBeforeUnmount(() => {\n      clearCloseTimer();\n      willDestory = true;\n    });\n\n    watch(\n      () => props.duration,\n      () => {\n        startCloseTimer();\n      }\n    );\n\n    return {\n      prefixCls,\n      handleClose,\n      startCloseTimer,\n      clearCloseTimer\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","URoundClose","Render","computed","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode"],"mappings":";;;;;;;;;;AAyCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,YAAY;AAAA,WACVC;AAAA,iBACAC;AAAA,YACAC;AAAA;AACF,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA;AACR,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,SAAS;AAAA,MACP,MAAM;AAAA;AACR,IACA,SAAS;AAAA,MACP,MAAM;AAAA;AACR,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,SAAS;AAAA,MACP,MAAM;AAAA;AACR;AACF,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAM,OAAoB,EAAE,QAAQ;UAC5B,YAAYC,aAAS,MAAM;aACxB,GAAG,MAAM;AAAA,KACjB;QAEG,aAAkB;QAClB,cAAc;UAEZ,kBAAkB,MAAM;UACxB,YAAY;qBACD,UAAU;qBACV;AAAA;AACf;UAGI,cAAc,MAAM;;WAEnB,OAAO;AAAA;UAGR,kBAAkB,MAAM;;UAExB,MAAM,aAAa,KAAK,CAAC,aAAa;qBAC3B,WAAW,MAAM;;AAChB,WACX,MAAM,WAAW,GAAI;AAAA;AAC1B;kBAGQ,MAAM;;AACE,KACjB;wBAEe,MAAM;;oBAEN;AAAA,KACf;;MAGC,MAAM,MAAM;AAAA,MACZ,MAAM;;AACY;AAClB;WAGK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;0BA7HCC,uBA4BM;IA3BH,OAAKC;MAAU;;YAA+B,4BAAuB;YAAsB,8BAAyB;;;IAOpH,cAAU,uCAAE;IACZ,cAAU,uCAAE;;IAEbC,uBAgBM;MAfH,OAAKD;WAAe;;cAA6C,0BAAqB,iBAAY;;;;MAOnGC,uBAEM;QAFA,OAAKD,sBAAK,6BAAS;AAAA;QACvBE,gBAA4B,qBAAnB,QAAQ;;MAEV,kCAATH,uBAII;;QAJe,UAAS;AAAA,QAAK,OAAKC,sBAAK,sBAAS;AAAA,QAAW,SAAK,yDAAe,+CAAW;;QAC5FE,gBAEQ;+BADN,MAAe;AAAA,YAAfA,gBAAe;;;;;;;;;;;;"}

package/lib/components/Notification/Notice.vue.d.ts

@@ -0,0 +1,65 @@
+import type { PropType, VNodeChild } from 'vue';
+import type { JSX } from 'vue/jsx-runtime';
+declare const _default: import("vue").DefineComponent<{
+    prefix: {
+        type: StringConstructor;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onClose: {
+        type: PropType<() => void>;
+    };
+    content: {
+        type: PropType<() => VNodeChild | JSX.Element>;
+    };
+    background: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    msgType: {
+        type: StringConstructor;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    handleClose: () => void;
+    startCloseTimer: () => void;
+    clearCloseTimer: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefix: {
+        type: StringConstructor;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    onClose: {
+        type: PropType<() => void>;
+    };
+    content: {
+        type: PropType<() => VNodeChild | JSX.Element>;
+    };
+    background: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    msgType: {
+        type: StringConstructor;
+    };
+}>> & {
+    onClose?: (...args: any[]) => any;
+}, {
+    duration: number;
+    closable: boolean;
+    background: boolean;
+}, {}>;
+export default _default;

package/lib/components/Notification/Notification.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var propsValidators = require('../../utils/propsValidators.js');
+var Notice = require('./Notice.js');
+var pluginVue_exportHelper = require('../../_virtual/plugin-vue_export-helper.js');
+
+function noop() {
+}
+let i = 0;
+const generateId = () => {
+  return (prefix = "uui-notification") => {
+    i += 1;
+    return `${prefix}-${i}`;
+  };
+};
+const defineProps = {
+  prefixCls: {
+    type: String,
+    default: "uui-notifiction"
+  },
+  transitionName: {
+    type: String,
+    default: "fade"
+  },
+  maxCount: {
+    type: Number
+  },
+  type: {
+    type: String,
+    validator: propsValidators.oneOf(["message", "notice"])
+  }
+};
+const _sfc_main = vue.defineComponent({
+  components: {
+    Notice: Notice["default"]
+  },
+  props: defineProps,
+  setup(props) {
+    const notices = vue.ref([]);
+    const add = (notice) => {
+      const key = notice.key || generateId()(props.prefixCls);
+      notice.key = key;
+      const noticeIndex = notices.value.findIndex((x) => x.key === notice.key);
+      if (noticeIndex !== -1) {
+        notices.value.splice(noticeIndex, 1, notice);
+      } else {
+        if (props.maxCount && notices.value.length >= props.maxCount) {
+          notices.value.shift();
+        }
+        notices.value.push(notice);
+      }
+    };
+    const remove = (key) => {
+      notices.value = notices.value.filter((x) => x.key !== key);
+    };
+    const handleClose = (n) => {
+      remove(n.key);
+      if (n.onClose) {
+        n.onClose();
+      }
+    };
+    return {
+      notices,
+      add,
+      remove,
+      handleClose,
+      noop
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Notice = vue.resolveComponent("Notice");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([_ctx.prefixCls])
+  }, [
+    vue.createVNode(vue.TransitionGroup, {
+      tag: "span",
+      appear: "",
+      name: _ctx.transitionName,
+      "leave-active-class": _ctx.type === "message" ? "message-up-leave" : void 0
+    }, {
+      default: vue.withCtx(() => [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.notices, (notice) => {
+          return vue.openBlock(), vue.createBlock(_component_Notice, {
+            key: notice.key,
+            prefix: _ctx.prefixCls,
+            duration: notice.duration,
+            closable: notice.closable,
+            style: vue.normalizeStyle(notice.style),
+            background: notice.background,
+            content: notice.content,
+            class: vue.normalizeClass(notice.class),
+            "msg-type": notice.msgType,
+            onClose: ($event) => _ctx.handleClose(notice),
+            onClick: ($event) => notice.onClick || _ctx.noop
+          }, null, 8, ["prefix", "duration", "closable", "style", "background", "content", "class", "msg-type", "onClose", "onClick"]);
+        }), 128))
+      ]),
+      _: 1
+    }, 8, ["name", "leave-active-class"])
+  ], 2);
+}
+var Notification = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Notification\\Notification.vue"]]);
+
+exports["default"] = Notification;
+//# sourceMappingURL=Notification.js.map

package/lib/components/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sources":["../../../../src/components/Notification/Notification.vue"],"sourcesContent":["<template>\n  <div :class=\"[prefixCls]\">\n    <transition-group tag=\"span\" appear :name=\"transitionName\" :leave-active-class=\"type === 'message' ? 'message-up-leave' : undefined\">\n      <Notice\n        v-for=\"notice in notices\"\n        :key=\"notice.key\"\n        :prefix=\"prefixCls\"\n        :duration=\"notice.duration\"\n        :closable=\"notice.closable\"\n        :style=\"notice.style\"\n        :background=\"notice.background\"\n        :content=\"notice.content\"\n        :class=\"notice.class\"\n        :msg-type=\"notice.msgType\"\n        @close=\"handleClose(notice)\"\n        @click=\"notice.onClick || noop\"\n      >\n      </Notice>\n    </transition-group>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue';\nimport type { PropType, Ref } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport Notice from './Notice.vue';\nimport type { NoticeInstance, NoticationType } from './Notication.type';\n\nfunction noop() {}\nlet i = 0;\nconst generateId = () => {\n  return (prefix = 'uui-notification') => {\n    i += 1;\n    return `${prefix}-${i}`;\n  };\n};\nconst defineProps = {\n  prefixCls: {\n    type: String,\n    default: 'uui-notifiction'\n  },\n  transitionName: {\n    type: String,\n    default: 'fade'\n  },\n  maxCount: {\n    type: Number\n  },\n  type: {\n    type: String as PropType<NoticationType>,\n    validator: oneOf(['message', 'notice'])\n  }\n};\nexport default defineComponent({\n  components: {\n    Notice\n  },\n  props: defineProps,\n  setup(props) {\n    const notices: Ref<NoticeInstance[]> = ref([]);\n\n    const add = (notice: NoticeInstance) => {\n      const key = notice.key || generateId()(props.prefixCls);\n      notice.key = key;\n      const noticeIndex = notices.value.findIndex((x) => x.key === notice.key);\n      if (noticeIndex !== -1) {\n        notices.value.splice(noticeIndex, 1, notice);\n      } else {\n        if (props.maxCount && notices.value.length >= props.maxCount) {\n          notices.value.shift();\n        }\n        notices.value.push(notice);\n      }\n    };\n    const remove = (key: string) => {\n      notices.value = notices.value.filter((x) => x.key !== key);\n    };\n\n    const handleClose = (n: NoticeInstance) => {\n      remove(n.key as string);\n      if (n.onClose) {\n        n.onClose();\n      }\n    };\n\n    return {\n      notices,\n      add,\n      remove,\n      handleClose,\n      noop\n    };\n  }\n});\n</script>\n"],"names":["oneOf","defineComponent","Notice","ref","_createElementBlock","_normalizeClass","_createVNode","_TransitionGroup","_Fragment","_createBlock","_normalizeStyle"],"mappings":";;;;;;;;;AA6BA,SAAS,OAAO;AAAC;AACjB,IAAI,IAAI;AACR,MAAM,aAAa,MAAM;SAChB,CAAC,SAAS,uBAAuB;SACjC;WACE,GAAG,UAAU;AAAA;AAExB;AACA,MAAM,cAAc;AAAA,EAClB,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAWA,sBAAM,CAAC,WAAW,QAAQ,CAAC;AAAA;AAE1C;AACA,MAAK,YAAaC,oBAAa;AAAA,EAC7B,YAAY;AAAA,YACVC;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;UACL,UAAiCC,QAAI,EAAE;UAEvC,MAAM,CAAC,WAA2B;YAChC,MAAM,OAAO,OAAO,aAAa,MAAM,SAAS;aAC/C,MAAM;YACP,cAAc,QAAQ,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQ,OAAO,GAAG;UACnE,gBAAgB,IAAI;gBACd,MAAM,OAAO,aAAa,GAAG,MAAM;AAAA,aACtC;YACD,MAAM,YAAY,QAAQ,MAAM,UAAU,MAAM,UAAU;kBACpD,MAAM;AAAM;gBAEd,MAAM,KAAK,MAAM;AAAA;AAC3B;UAEI,SAAS,CAAC,QAAgB;cACtB,QAAQ,QAAQ,MAAM,OAAO,CAAC,MAAM,EAAE,QAAQ,GAAG;AAAA;UAGrD,cAAc,CAAC,MAAsB;aAClC,EAAE,GAAa;UAClB,EAAE,SAAS;UACX;AAAQ;AACZ;WAGK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;0BA7FCC,uBAkBM;IAlBA,OAAKC,oBAAG,cAAS;;IACrBC,gBAgBmBC;MAhBD,KAAI;AAAA,MAAO;MAAQ,MAAM;MAAiB,sBAAoB,cAAI,iCAAsC;AAAA;2BAEtH,MAAyB;AAAA,8BAD3BH,uBAcSI,mCAbU,cAAO,CAAjB,WAAM;kCADfC,gBAcS;YAZN,KAAK,OAAO;AAAA,YACZ,QAAQ;YACR,UAAU,OAAO;AAAA,YACjB,UAAU,OAAO;AAAA,YACjB,OAAKC,mBAAE,OAAO,KAAK;AAAA,YACnB,YAAY,OAAO;AAAA,YACnB,SAAS,OAAO;AAAA,YAChB,OAAKL,mBAAE,OAAO,KAAK;AAAA,YACnB,YAAU,OAAO;AAAA,YACjB,SAAK,YAAE,iBAAY,MAAM;AAAA,YACzB,SAAK,YAAE,OAAO,WAAW;;;;;;;;;;;;"}