@koi-design/uxd-ui 14.0.2 → 14.0.4

package/es/components/Notice/Notice.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.mjs","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 { Info, CircleCheck, CircleAlert, CircleX } from 'lucide-vue-next';\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: [Info, Info],\n  success: [CircleCheck, CircleCheck],\n  warning: [CircleAlert, CircleAlert],\n  error: [CircleX, CircleX]\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={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","Info","success","CircleCheck","warning","CircleAlert","error","CircleX","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","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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"}
+{"version":3,"file":"Notice.mjs","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 { Info, CircleCheck, CircleAlert, CircleX } from 'lucide-vue-next';\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 = 'bottom-right';\nlet defaultBottom = '0px';\nlet defaultTop = '0px';\nlet key = 0;\nconst noticeInstance: Record<string, NoticationPublicInstance> = {};\nconst transitionName = 'move-notice';\nlet maxCount: number;\n\nconst iconTypes: Record<NoticeType, Component[]> = {\n  info: [Info, Info],\n  success: [CircleCheck, CircleCheck],\n  warning: [CircleAlert, CircleAlert],\n  error: [CircleX, CircleX]\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, action, showIcon = true } = 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 =\n    showIcon && iconType ? (\n      <span class={`${prefixCls}-icon ${prefixCls}-icon-${type}`}>\n        <UIcon class={`${iconClass || ''}`}>\n          <iconType />\n        </UIcon>\n      </span>\n    ) : null;\n  const withIconCls = showIcon && 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={`${prefixCls}-wrapper ${withIconCls} ${withDescCls}`} data-type={type || undefined}>\n        {IconNode}\n        <div>\n          <div class={`${prefixCls}-title`}>{typeof title === 'function' ? title() : title}</div>\n          <div class={`${prefixCls}-desc`}>{typeof desc === 'function' ? desc() : desc}</div>\n        </div>\n        {action ? (\n          <button class={`${prefixCls}-btn`} onClick={args.onAction}>\n            {action}\n          </button>\n        ) : 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","Info","success","CircleCheck","warning","CircleAlert","error","CircleX","getStyle","placement","top","bottom","style","left","right","getNoticeInstance","cls","instance","Notification","newInstance","class","type","notice","args","iconType","propIconType","iconClass","title","desc","action","showIcon","duration","undefined","target","IconNode","_createVNode","UIcon","default","withIconCls","withDescCls","closable","onClose","content","onAction","result","remove","api","config","options","open","close","closeKey","Object","keys","forEach","destroy"],"mappings":"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"}

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

@@ -5,16 +5,17 @@ export interface NoticeParams {
     key?: string;
     type?: NoticeType;
     iconType?: Component;
+    showIcon?: boolean;
     iconClass?: string;
     title?: string | (() => VNodeChild);
     desc?: string | (() => VNodeChild);
     placement?: NoticePlacement;
     top?: string;
     bottom?: string;
-    btn?: () => VNodeChild;
+    action?: string;
     duration?: number;
     onClose?: () => void;
-    onClick?: (e?: any) => void;
+    onAction?: () => void;
     style?: CSSProperties;
     class?: string;
 }

package/es/components/Notification/Notice.mjs

@@ -105,11 +105,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }
       ])
     }, [
-      createElementVNode("div", {
-        class: normalizeClass(`${_ctx.prefixCls}-content-text`)
-      }, [
-        createVNode(_component_Render, { render: _ctx.content }, null, 8, ["render"])
-      ], 2),
+      createVNode(_component_Render, { render: _ctx.content }, null, 8, ["render"]),
       _ctx.closable ? (openBlock(), createElementBlock("a", {
         key: 0,
         tabindex: "0",

package/es/components/Notification/Notice.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.mjs","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          <X />\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 { X } from 'lucide-vue-next';\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    X,\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":["_createElementBlock","_normalizeClass","_createElementVNode","_createVNode"],"mappings":";;;;;;AAyCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;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,YAAY,SAAS,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;cAGQ,MAAM;;AACE,KACjB;oBAEe,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;;;;;sBA7HCA,mBA4BM;IA3BH,OAAKC;MAAU;;YAA+B,4BAAuB;YAAsB,8BAAyB;;;IAOpH,cAAU,uCAAE;IACZ,cAAU,uCAAE;;IAEbC,mBAgBM;MAfH,OAAKD;WAAe;;cAA6C,0BAAqB,iBAAY;;;;MAOnGC,mBAEM;QAFA,OAAKD,kBAAK,6BAAS;AAAA;QACvBE,YAA4B,qBAAnB,QAAQ;;MAEV,8BAATH,mBAII;;QAJe,UAAS;AAAA,QAAK,OAAKC,kBAAK,sBAAS;AAAA,QAAW,SAAK,qDAAe,+CAAW;;QAC5FE,YAEQ;2BADN,MAAK;AAAA,YAALA,YAAK;;;;;;;;;;;;"}
+{"version":3,"file":"Notice.mjs","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      <Render :render=\"content\" />\n\n      <a v-if=\"closable\" tabindex=\"0\" :class=\"`${prefixCls}-close`\" @click.stop.prevent=\"handleClose\">\n        <UIcon>\n          <X />\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 { X } from 'lucide-vue-next';\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    X,\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":["_createElementBlock","_normalizeClass","_createElementVNode","_createVNode"],"mappings":";;;;;;AAwCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;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,YAAY,SAAS,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;cAGQ,MAAM;;AACE,KACjB;oBAEe,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;;;;;sBA5HCA,mBA2BM;IA1BH,OAAKC;MAAU;;YAA+B,4BAAuB;YAAsB,8BAAyB;;;IAOpH,cAAU,uCAAE;IACZ,cAAU,uCAAE;;IAEbC,mBAeM;MAdH,OAAKD;WAAe;;cAA6C,0BAAqB,iBAAY;;;;MAOnGE,YAA4B,qBAAnB,QAAQ;MAER,8BAATH,mBAII;;QAJe,UAAS;AAAA,QAAK,OAAKC,kBAAK,sBAAS;AAAA,QAAW,SAAK,qDAAe,+CAAW;;QAC5FE,YAEQ;2BADN,MAAK;AAAA,YAALA,YAAK;;;;;;;;;;;;"}

package/es/components/Notification/Notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.mjs","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":["_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,WAAW,MAAM,CAAC,WAAW,QAAQ,CAAC;AAAA;AAE1C;AACA,MAAK,YAAa,gBAAa;AAAA,EAC7B,YAAY;AAAA,IACV;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;UACL,UAAiC,IAAI,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;;;sBA7FCA,mBAkBM;IAlBA,OAAKC,gBAAG,cAAS;;IACrBC,YAgBmBC;MAhBD,KAAI;AAAA,MAAO;MAAQ,MAAM;MAAiB,sBAAoB,cAAI,iCAAsC;AAAA;uBAEtH,MAAyB;AAAA,0BAD3BH,mBAcSI,2BAbU,cAAO,CAAjB,WAAM;8BADfC,YAcS;YAZN,KAAK,OAAO;AAAA,YACZ,QAAQ;YACR,UAAU,OAAO;AAAA,YACjB,UAAU,OAAO;AAAA,YACjB,OAAKC,eAAE,OAAO,KAAK;AAAA,YACnB,YAAY,OAAO;AAAA,YACnB,SAAS,OAAO;AAAA,YAChB,OAAKL,eAAE,OAAO,KAAK;AAAA,YACnB,YAAU,OAAO;AAAA,YACjB,SAAK,YAAE,iBAAY,MAAM;AAAA,YACzB,SAAK,YAAE,OAAO,WAAW;;;;;;;;;;;;"}
+{"version":3,"file":"Notification.mjs","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    </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":["_createElementBlock","_normalizeClass","_createVNode","_TransitionGroup","_Fragment","_createBlock","_normalizeStyle"],"mappings":";;;;;AA4BA,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,WAAW,MAAM,CAAC,WAAW,QAAQ,CAAC;AAAA;AAE1C;AACA,MAAK,YAAa,gBAAa;AAAA,EAC7B,YAAY;AAAA,IACV;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;UACL,UAAiC,IAAI,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;;;sBA5FCA,mBAiBM;IAjBA,OAAKC,gBAAG,cAAS;;IACrBC,YAemBC;MAfD,KAAI;AAAA,MAAO;MAAQ,MAAM;MAAiB,sBAAoB,cAAI,iCAAsC;AAAA;uBAEtH,MAAyB;AAAA,0BAD3BH,mBAaEI,2BAZiB,cAAO,CAAjB,WAAM;8BADfC,YAaE;YAXC,KAAK,OAAO;AAAA,YACZ,QAAQ;YACR,UAAU,OAAO;AAAA,YACjB,UAAU,OAAO;AAAA,YACjB,OAAKC,eAAE,OAAO,KAAK;AAAA,YACnB,YAAY,OAAO;AAAA,YACnB,SAAS,OAAO;AAAA,YAChB,OAAKL,eAAE,OAAO,KAAK;AAAA,YACnB,YAAU,OAAO;AAAA,YACjB,SAAK,YAAE,iBAAY,MAAM;AAAA,YACzB,SAAK,YAAE,OAAO,WAAW;;;;;;;;;;;;"}

package/es/components/Rate/Rate.vue.d.ts

@@ -370,8 +370,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -383,41 +383,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'visible-change': (v: boolean) => boolean;
             'update:visible': (v: boolean) => boolean;
         }, import("vue").PublicProps, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -671,8 +671,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -684,38 +684,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -778,8 +778,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         color: {
-            type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            type: import("vue").PropType<"light" | "red">;
+            default: "light" | "red";
             validator: (val: string) => boolean;
         };
     }>> & Readonly<{
@@ -791,41 +791,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         prefixCls: import("vue").ComputedRef<string>;
         arrowStyle: import("vue").ComputedRef<{
             top: string;
+            right: string;
             transform: string;
             bottom?: undefined;
             left?: undefined;
-            right?: undefined;
         } | {
             bottom: string;
+            right: string;
             transform: string;
             top?: undefined;
             left?: undefined;
-            right?: undefined;
         } | {
+            top: string;
             left: string;
             transform: string;
-            top?: undefined;
-            bottom?: undefined;
             right?: undefined;
+            bottom?: undefined;
         } | {
-            right: string;
+            bottom: string;
+            left: string;
             transform: string;
             top?: undefined;
-            bottom?: undefined;
-            left?: undefined;
+            right?: undefined;
         } | {
             top?: undefined;
+            right?: undefined;
             transform?: undefined;
             bottom?: undefined;
             left?: undefined;
-            right?: undefined;
         }>;
         onVisibleChange: (val: boolean) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'visible-change': (v: boolean) => boolean;
         'update:visible': (v: boolean) => boolean;
     }, string, {
-        color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        color: "light" | "red";
         offset: number[];
         visible: boolean;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";