vxe-pc-ui 1.9.21 → 1.9.23

package/packages/modal/index.ts

@@ -64,6 +64,7 @@ function handleOpen (defOpts: VxeModalDefines.ModalOptions, content: VxeModalPro
 function openAlert (content: VxeModalPropTypes.Content | VxeModalDefines.ModalOptions, title?: VxeModalPropTypes.Title, options?: VxeModalDefines.ModalOptions) {
   return handleOpen({
     type: 'alert',
+    showHeader: true,
     showFooter: true
   }, content, title, options)
 }
@@ -72,6 +73,7 @@ function openConfirm (content: VxeModalPropTypes.Content | VxeModalDefines.Modal
   return handleOpen({
     type: 'confirm',
     status: 'question',
+    showHeader: true,
     showFooter: true
   }, content, title, options)
 }
@@ -85,13 +87,25 @@ function openMessage (content: VxeModalPropTypes.Content | VxeModalDefines.Modal
   }, content, '', options)
 }
 
+function openNotification (content: VxeModalPropTypes.Content | VxeModalDefines.ModalOptions, options?: VxeModalDefines.ModalOptions) {
+  return handleOpen({
+    type: 'notification',
+    mask: false,
+    lockView: false,
+    showHeader: true,
+    draggable: false,
+    position: 'top-right'
+  }, content, '', options)
+}
+
 export const ModalController = {
   get: getModal,
   close: closeModal,
   open: openModal,
   alert: openAlert,
   confirm: openConfirm,
-  message: openMessage
+  message: openMessage,
+  notification: openNotification
 }
 
 export const VxeModal = Object.assign(VxeModalComponent, {

package/packages/modal/src/modal.ts

@@ -11,7 +11,8 @@ import { errLog } from '../../ui/src/log'
 import type { VxeModalConstructor, VxeModalPropTypes, ModalReactData, VxeModalEmits, ModalEventTypes, VxeButtonInstance, ModalMethods, ModalPrivateRef, VxeModalMethods } from '../../../types'
 
 export const allActiveModals: VxeModalConstructor[] = []
-export const msgQueue: VxeModalConstructor[] = []
+const msgQueue: VxeModalConstructor[] = []
+const notifyQueue: VxeModalConstructor[] = []
 
 export default defineComponent({
   name: 'VxeModal',
@@ -117,7 +118,7 @@ export default defineComponent({
     let modalMethods = {} as ModalMethods
 
     const computeIsMsg = computed(() => {
-      return props.type === 'message'
+      return props.type === 'message' || props.type === 'notification'
     })
 
     const getBox = () => {
@@ -173,8 +174,10 @@ export default defineComponent({
 
     const updateStyle = () => {
       nextTick(() => {
+        const { type } = props
+        const queueList = type === 'notification' ? notifyQueue : msgQueue
         let offsetTop = 0
-        msgQueue.forEach(comp => {
+        queueList.forEach(comp => {
           const boxElem = comp.getBox()
           offsetTop += XEUtils.toNumber(comp.props.top)
           comp.reactData.modalTop = offsetTop
@@ -184,8 +187,10 @@ export default defineComponent({
     }
 
     const removeMsgQueue = () => {
-      if (msgQueue.indexOf($xeModal) > -1) {
-        XEUtils.remove(msgQueue, comp => comp === $xeModal)
+      const { type } = props
+      const queueList = type === 'notification' ? notifyQueue : msgQueue
+      if (queueList.indexOf($xeModal) > -1) {
+        XEUtils.remove(queueList, comp => comp === $xeModal)
       }
       updateStyle()
     }
@@ -279,8 +284,10 @@ export default defineComponent({
     }
 
     const addMsgQueue = () => {
-      if (msgQueue.indexOf($xeModal) === -1) {
-        msgQueue.push($xeModal)
+      const { type } = props
+      const queueList = type === 'notification' ? notifyQueue : msgQueue
+      if (queueList.indexOf($xeModal) === -1) {
+        queueList.push($xeModal)
       }
       updateStyle()
     }
@@ -331,8 +338,17 @@ export default defineComponent({
       })
     }
 
+    let msgTimeout: any = null
+
+    const handleMsgAutoClose = () => {
+      const { duration } = props
+      if (duration !== -1) {
+        msgTimeout = setTimeout(() => closeModal('close'), XEUtils.toNumber(duration))
+      }
+    }
+
     const openModal = () => {
-      const { duration, remember, showFooter } = props
+      const { remember, showFooter } = props
       const { inited, visible } = reactData
       const isMsg = computeIsMsg.value
       if (!inited) {
@@ -365,9 +381,7 @@ export default defineComponent({
         }, 10)
         if (isMsg) {
           addMsgQueue()
-          if (duration !== -1) {
-            setTimeout(() => closeModal('close'), XEUtils.toNumber(duration))
-          }
+          handleMsgAutoClose()
         } else {
           nextTick(() => {
             const { fullscreen } = props
@@ -403,6 +417,26 @@ export default defineComponent({
       }
     }
 
+    const selfMouseoverEvent = () => {
+      if (msgTimeout === null) {
+        return
+      }
+      const isMsg = computeIsMsg.value
+      if (isMsg) {
+        clearTimeout(msgTimeout)
+        msgTimeout = null
+      }
+    }
+
+    const selfMouseoutEvent = () => {
+      if (msgTimeout === null) {
+        const isMsg = computeIsMsg.value
+        if (isMsg) {
+          handleMsgAutoClose()
+        }
+      }
+    }
+
     const handleGlobalKeydownEvent = (evnt: KeyboardEvent) => {
       const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE)
       if (isEsc) {
@@ -882,16 +916,22 @@ export default defineComponent({
     }
 
     const renderVN = () => {
-      const { className, type, animat, loading, status, lockScroll, padding, lockView, mask, resize } = props
+      const { className, type, animat, position, loading, status, lockScroll, padding, lockView, mask, resize } = props
       const { inited, zoomLocat, modalTop, contentVisible, visible } = reactData
       const vSize = computeSize.value
+      const isMsg = computeIsMsg.value
+      const ons: Record<string, any> = {}
+      if (isMsg) {
+        ons.onMouseover = selfMouseoverEvent
+        ons.onMouseout = selfMouseoutEvent
+      }
       return h(Teleport, {
         to: 'body',
         disabled: props.transfer ? !inited : true
       }, [
         h('div', {
           ref: refElem,
-          class: ['vxe-modal--wrapper', `type--${type}`, className || '', {
+          class: ['vxe-modal--wrapper', `type--${type}`, className || '', position ? `pos--${position}` : '', {
             [`size--${vSize}`]: vSize,
             [`status--${status}`]: status,
             'is--padding': padding,
@@ -909,7 +949,8 @@ export default defineComponent({
             zIndex: reactData.modalZindex,
             top: modalTop ? `${modalTop}px` : null
           },
-          onClick: selfClickEvent
+          onClick: selfClickEvent,
+          ...ons
         }, [
           h('div', {
             ref: refModalBox,

package/packages/tip/index.ts

@@ -0,0 +1,17 @@
+import { App } from 'vue'
+import VxeTipComponent from './src/tip'
+import { dynamicApp } from '../dynamics'
+
+export const VxeTip = Object.assign({}, VxeTipComponent, {
+  install (app: App) {
+    app.component(VxeTipComponent.name as string, VxeTipComponent)
+    app.component('VxeTipsComponent' as string, VxeTipComponent)
+  }
+})
+
+dynamicApp.component(VxeTipComponent.name as string, VxeTipComponent)
+
+export const Tips = VxeTip
+export const Tip = VxeTip
+
+export default VxeTip

package/packages/{tips/src/tips.ts → tip/src/tip.ts}

@@ -1,26 +1,26 @@
 import { defineComponent, ref, h, reactive, PropType, createCommentVNode } from 'vue'
 import XEUtils from 'xe-utils'
 import { getConfig } from '../../ui'
-import { getSlotVNs } from '../..//ui/src/vn'
+import { getSlotVNs } from '../../ui/src/vn'
 
-import type { VxeTipsPropTypes, TipsReactData, VxeTipsEmits, TipsPrivateRef, VxeTipsPrivateComputed, VxeTipsConstructor, VxeTipsPrivateMethods } from '../../../types'
+import type { VxeTipPropTypes, TipReactData, VxeTipEmits, TipPrivateRef, VxeTipPrivateComputed, VxeTipConstructor, VxeTipPrivateMethods } from '../../../types'
 
 export default defineComponent({
-  name: 'VxeTips',
+  name: 'VxeTip',
   props: {
     title: {
-      type: [String, Number] as PropType<VxeTipsPropTypes.Title>,
-      default: () => getConfig().tips.title
+      type: [String, Number] as PropType<VxeTipPropTypes.Title>,
+      default: () => getConfig().tip.title
     },
-    content: [String, Number] as PropType<VxeTipsPropTypes.Content>,
-    status: String as PropType<VxeTipsPropTypes.Status>,
+    content: [String, Number] as PropType<VxeTipPropTypes.Content>,
+    status: String as PropType<VxeTipPropTypes.Status>,
     icon: {
-      type: String as PropType<VxeTipsPropTypes.Icon>,
-      default: () => getConfig().tips.icon
+      type: String as PropType<VxeTipPropTypes.Icon>,
+      default: () => getConfig().tip.icon
     }
   },
   emits: [
-  ] as VxeTipsEmits,
+  ] as VxeTipEmits,
   setup (props, context) {
     const { slots } = context
 
@@ -28,17 +28,17 @@ export default defineComponent({
 
     const refElem = ref<HTMLDivElement>()
 
-    const reactData = reactive<TipsReactData>({
+    const reactData = reactive<TipReactData>({
     })
 
-    const refMaps: TipsPrivateRef = {
+    const refMaps: TipPrivateRef = {
       refElem
     }
 
-    const computeMaps: VxeTipsPrivateComputed = {
+    const computeMaps: VxeTipPrivateComputed = {
     }
 
-    const $xeTips = {
+    const $xeTip = {
       xID,
       props,
       context,
@@ -46,7 +46,7 @@ export default defineComponent({
 
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
-    } as unknown as VxeTipsConstructor & VxeTipsPrivateMethods
+    } as unknown as VxeTipConstructor & VxeTipPrivateMethods
 
     const renderVN = () => {
       const { status, content, icon, title } = props
@@ -55,13 +55,13 @@ export default defineComponent({
       const iconSlot = slots.icon
       return h('div', {
         ref: refElem,
-        class: ['vxe-tips', {
+        class: ['vxe-tip', {
           [`theme--${status}`]: status
         }]
       }, [
         iconSlot || icon
           ? h('div', {
-            class: 'vxe-tips--icon'
+            class: 'vxe-tip--icon'
           }, iconSlot
             ? getSlotVNs(iconSlot({}))
             : [
@@ -71,23 +71,23 @@ export default defineComponent({
               ])
           : createCommentVNode(),
         h('div', {
-          class: 'vxe-tips--body'
+          class: 'vxe-tip--body'
         }, [
           titleSlot || title
             ? h('div', {
-              class: 'vxe-tips--title'
+              class: 'vxe-tip--title'
             }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title))
             : createCommentVNode(),
           h('div', {
-            class: 'vxe-tips--content'
+            class: 'vxe-tip--content'
           }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))
         ])
       ])
     }
 
-    $xeTips.renderVN = renderVN
+    $xeTip.renderVN = renderVN
 
-    return $xeTips
+    return $xeTip
   },
   render () {
     return this.renderVN()

package/packages/ui/index.ts

@@ -123,7 +123,7 @@ setConfig({
   loading: {},
   modal: {
     // size: null,
-    top: 15,
+    top: 16,
     showHeader: true,
     minWidth: 340,
     minHeight: 140,
@@ -176,7 +176,7 @@ setConfig({
   tabs: {},
   textarea: {},
   toolbar: {},
-  tips: {},
+  tip: {},
   tooltip: {
     // size: null,
     trigger: 'hover',

package/styles/all.scss

@@ -59,7 +59,7 @@
 @import './components/tag.scss';
 @import './components/text.scss';
 @import './components/textarea.scss';
-@import './components/tips.scss';
+@import './components/tip.scss';
 @import './components/tooltip.scss';
 @import './components/tree.scss';
 @import './components/tree-select.scss';

package/styles/components/modal.scss

@@ -20,7 +20,8 @@
         background-color: rgba(0, 0, 0, 0.5);
       }
     }
-    &.type--message {
+    &.type--message,
+    &.type--notification {
       .vxe-modal--box {
         opacity: 1;
         transform: translateY(0);
@@ -52,7 +53,9 @@
   &:not(.lock--view) {
     pointer-events: none;
   }
-  &:not(.type--message) {
+  &.type--modal,
+  &.type--alert,
+  &.type--confirm {
     &.lock--scroll {
       overflow: hidden;
     }
@@ -84,7 +87,8 @@
         @include createAnimationTransition(background-color, .2s);
       }
     }
-    &.type--message {
+    &.type--message,
+    &.type--notification {
       .vxe-modal--box {
         &:not(.is--drag) {
           @include createAnimationTransition(all, .4s, ease-out);
@@ -93,6 +97,7 @@
     }
   }
   &.type--message,
+  &.type--notification,
   &.type--alert,
   &.type--confirm {
     .vxe-modal--body {
@@ -100,8 +105,18 @@
       word-break: break-word;
     }
   }
-  &.type--message {
+  &.type--message,
+  &.type--notification {
+    width: 100%;
+    height: 100%;
+    padding: 0 var(--vxe-ui-layout-padding-double);
     text-align: center;
+    &.pos--top-left {
+      text-align: left;
+    }
+    &.pos--top-right {
+      text-align: right;
+    }
     .vxe-modal--box {
       display: inline-block;
       padding: 2px 0;

package/styles/components/{tips.scss → tip.scss}

@@ -31,7 +31,7 @@ $btnThemeList: (
   )
 );
 
-.vxe-tips {
+.vxe-tip {
   position: relative;
   display: flex;
   flex-direction: row;
@@ -56,7 +56,7 @@ $btnThemeList: (
       &::after {
         background-color: map-get($item, borderColor);
       }
-      .vxe-tips--icon {
+      .vxe-tip--icon {
         color: map-get($item, borderColor);
       }
     }
@@ -71,16 +71,16 @@ $btnThemeList: (
     font-size: var(--vxe-ui-font-size-mini);
   }
 }
-.vxe-tips--icon {
+.vxe-tip--icon {
   flex-shrink: 0;
   font-size: 1.2em;
   line-height: 2em;
   padding-right: var(--vxe-ui-layout-padding-half);
 }
-.vxe-tips--body {
+.vxe-tip--body {
   flex-grow: 1;
 }
-.vxe-tips--title {
+.vxe-tip--title {
   font-size: 1.1em;
   line-height: 2em;
   font-weight: 700;

package/types/all.d.ts

@@ -60,7 +60,7 @@ import VxeTabs from './components/tabs'
 import VxeTag from './components/tag'
 import VxeText from './components/text'
 import VxeTextarea from './components/textarea'
-import VxeTips from './components/tips'
+import VxeTip from './components/tip'
 import VxeTooltip from './components/tooltip'
 import VxeTree from './components/tree'
 import VxeTreeSelect from './components/tree-select'
@@ -136,7 +136,7 @@ declare module '@vue/runtime-core' {
     VxeTag: typeof VxeTag
     VxeText: typeof VxeText
     VxeTextarea: typeof VxeTextarea
-    VxeTips: typeof VxeTips
+    VxeTip: typeof VxeTip
     VxeTooltip: typeof VxeTooltip
     VxeTree: typeof VxeTree
     VxeTreeSelect: typeof VxeTreeSelect
@@ -213,7 +213,7 @@ export * from './components/tabs'
 export * from './components/tag'
 export * from './components/text'
 export * from './components/textarea'
-export * from './components/tips'
+export * from './components/tip'
 export * from './components/tooltip'
 export * from './components/tree'
 export * from './components/tree-select'

package/types/components/modal.d.ts

@@ -25,7 +25,8 @@ export interface VxeModalPrivateRef extends ModalPrivateRef { }
 /**
  * 窗口类型
  */
-export type ModalType = 'alert' | 'confirm' | 'message' | 'modal'
+export type ModalType = 'alert' | 'confirm' | 'message' | 'notification' | 'modal'
+
 /**
  * 窗口状态
  */
@@ -51,7 +52,7 @@ export namespace VxeModalPropTypes {
   export type IconStatus = string
   export type ClassName = string
   export type Top = number | string
-  export type Position = 'center' | ModalPosition
+  export type Position = 'center' | 'top-left' | 'top-right' | ModalPosition
   export type Title = string | number
   export type Duration = number | string
   export type Content = number | string | null
@@ -335,6 +336,18 @@ export interface ModalController {
    * @param options 参数
    */
   message(options: VxeModalDefines.ModalOptions): Promise<ModalEventTypes>
+  /**
+   * 创建消息通知
+   * @param content 消息内容
+   * @param title 标题
+   * @param options 参数
+   */
+  notification(content: VxeModalPropTypes.Content, options?: VxeModalDefines.ModalOptions): Promise<ModalEventTypes>
+  /**
+   * 创建消息通知
+   * @param options 参数
+   */
+  notification(options: VxeModalDefines.ModalOptions): Promise<ModalEventTypes>
   /**
    * 获取动态的活动窗口
    * @param id 窗口唯一标识

package/types/components/table.d.ts

@@ -338,7 +338,7 @@ export namespace VxeTablePropTypes {
     mode?: 'simple' | 'popup' | '' | null
     trigger?: string,
     immediate?: boolean
-    placement?: 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'
+    placement?: 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
     /**
      * 自定义列是否允许列选中的方法，该方法的返回值用来决定这一列的 checkbox 是否可以选中
      */

package/types/components/tip.d.ts

@@ -0,0 +1,79 @@
+import { RenderFunction, SetupContext, Ref, ComponentPublicInstance, DefineComponent } from 'vue'
+import { defineVxeComponent, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentStatusType, ValueOf } from '@vxe-ui/core'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeTip: defineVxeComponent<VxeTipProps, VxeTipEventProps>
+export type VxeTipComponent = DefineComponent<VxeTipProps, VxeTipEmits>
+
+export type VxeTipInstance = ComponentPublicInstance<VxeTipProps, VxeTipConstructor>
+
+export interface VxeTipConstructor extends VxeComponentBaseOptions, VxeTipMethods {
+  props: VxeTipProps
+  context: SetupContext<VxeTipEmits>
+  reactData: TipReactData
+  getRefMaps(): TipPrivateRef
+  getComputeMaps(): TipPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface TipPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeTipPrivateRef extends TipPrivateRef { }
+
+export namespace VxeTipPropTypes {
+  export type Title = string | number
+  export type Content = string | number
+  export type Status = VxeComponentStatusType
+  export type Icon = string
+}
+
+export type VxeTipProps = {
+  title?: VxeTipPropTypes.Title
+  content?: VxeTipPropTypes.Content
+  status?: VxeTipPropTypes.Status
+  icon?: VxeTipPropTypes.Icon
+}
+
+export interface TipPrivateComputed {
+}
+export interface VxeTipPrivateComputed extends TipPrivateComputed { }
+
+export interface TipReactData {
+}
+
+export interface TipMethods {
+  dispatchEvent(type: ValueOf<VxeTipEmits>, params: Record<string, any>, evnt: Event | null): void
+}
+export interface VxeTipMethods extends TipMethods { }
+
+export interface TipPrivateMethods { }
+export interface VxeTipPrivateMethods extends TipPrivateMethods { }
+
+export type VxeTipEmits = []
+
+export namespace VxeTipDefines {
+  export interface TipEventParams extends VxeComponentEventParams {
+    $tip: VxeTipConstructor
+  }
+}
+
+export type VxeTipEventProps = {}
+
+export interface VxeTipListeners { }
+
+export namespace VxeTipEvents { }
+
+export namespace VxeTipSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeTipSlots {
+  default: (params: VxeTipSlotTypes.DefaultSlotParams) => any
+  title: (params: VxeTipSlotTypes.DefaultSlotParams) => any
+  icon: (params: VxeTipSlotTypes.DefaultSlotParams) => any
+}
+
+export const Tip: typeof VxeTip
+export default VxeTip

package/types/ui/global-config.d.ts

@@ -55,7 +55,7 @@ import { VxeTabPaneProps } from '../components/tab-pane'
 import { VxeTabsProps } from '../components/tabs'
 import { VxeTextProps } from '../components/text'
 import { VxeTextareaProps } from '../components/textarea'
-import { VxeTipsProps } from '../components/tips'
+import { VxeTipProps } from '../components/tip'
 import { VxeTooltipProps } from '../components/tooltip'
 import { VxeTreeProps } from '../components/tree'
 import { VxeTreeSelectProps } from '../components/tree-select'
@@ -128,7 +128,7 @@ declare module '@vxe-ui/core' {
     tabs?: VxeTabsProps
     text?: VxeTextProps
     textarea?: VxeTextareaProps
-    tips?: VxeTipsProps
+    tip?: VxeTipProps
     tooltip?: VxeTooltipProps
     tree?: VxeTreeProps
     treeSelect?: VxeTreeSelectProps

package/es/tips/index.js

@@ -1,10 +0,0 @@
-import VxeTipsComponent from './src/tips';
-import { dynamicApp } from '../dynamics';
-export const VxeTips = Object.assign({}, VxeTipsComponent, {
-    install(app) {
-        app.component(VxeTipsComponent.name, VxeTipsComponent);
-    }
-});
-dynamicApp.component(VxeTipsComponent.name, VxeTipsComponent);
-export const Tips = VxeTips;
-export default VxeTips;

package/es/tips/style.min.css

@@ -1 +0,0 @@
-.vxe-tips{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);margin-bottom:var(--vxe-ui-layout-padding-default);padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);font-size:var(--vxe-ui-font-size-default)}.vxe-tips::after{content:"";position:absolute;top:0;left:0;height:100%;width:5px;background-color:var(--vxe-ui-font-color);z-index:1}.vxe-tips.theme--primary{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-tips.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--primary .vxe-tips--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--success{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-tips.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--success .vxe-tips--icon{color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--info{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-tips.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--info .vxe-tips--icon{color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--warning{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-tips.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--warning .vxe-tips--icon{color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--danger{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-tips.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--danger .vxe-tips--icon{color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--error{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-tips.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-tips.theme--error .vxe-tips--icon{color:var(--vxe-ui-status-error-color)}.vxe-tips.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tips.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tips.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tips--icon{flex-shrink:0;font-size:1.2em;line-height:2em;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-tips--body{flex-grow:1}.vxe-tips--title{font-size:1.1em;line-height:2em;font-weight:700}

package/es/vxe-tips/index.js

@@ -1,3 +0,0 @@
-import VxeTips from '../tips';
-export * from '../tips';
-export default VxeTips;

package/es/vxe-tips/style.min.css

@@ -1 +0,0 @@
-.vxe-tips{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);margin-bottom:var(--vxe-ui-layout-padding-default);padding:var(--vxe-ui-layout-padding-default) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double) var(--vxe-ui-layout-padding-double);font-size:var(--vxe-ui-font-size-default)}.vxe-tips::after{content:"";position:absolute;top:0;left:0;height:100%;width:5px;background-color:var(--vxe-ui-font-color);z-index:1}.vxe-tips.theme--primary{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-tips.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--primary .vxe-tips--icon{color:var(--vxe-ui-font-primary-color)}.vxe-tips.theme--success{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-tips.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--success .vxe-tips--icon{color:var(--vxe-ui-status-success-color)}.vxe-tips.theme--info{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-tips.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--info .vxe-tips--icon{color:var(--vxe-ui-status-info-color)}.vxe-tips.theme--warning{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-tips.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--warning .vxe-tips--icon{color:var(--vxe-ui-status-warning-color)}.vxe-tips.theme--danger{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-tips.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--danger .vxe-tips--icon{color:var(--vxe-ui-status-danger-color)}.vxe-tips.theme--error{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-tips.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-tips.theme--error .vxe-tips--icon{color:var(--vxe-ui-status-error-color)}.vxe-tips.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-tips.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-tips.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-tips--icon{flex-shrink:0;font-size:1.2em;line-height:2em;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-tips--body{flex-grow:1}.vxe-tips--title{font-size:1.1em;line-height:2em;font-weight:700}

package/lib/tips/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.VxeTips = exports.Tips = void 0;
-var _tips = _interopRequireDefault(require("./src/tips"));
-var _dynamics = require("../dynamics");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const VxeTips = exports.VxeTips = Object.assign({}, _tips.default, {
-  install(app) {
-    app.component(_tips.default.name, _tips.default);
-  }
-});
-_dynamics.dynamicApp.component(_tips.default.name, _tips.default);
-const Tips = exports.Tips = VxeTips;
-var _default = exports.default = VxeTips;

package/lib/tips/index.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeTips=exports.Tips=void 0;var _tips=_interopRequireDefault(require("./src/tips")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeTips=exports.VxeTips=Object.assign({},_tips.default,{install(e){e.component(_tips.default.name,_tips.default)}}),Tips=(_dynamics.dynamicApp.component(_tips.default.name,_tips.default),exports.Tips=VxeTips);var _default=exports.default=VxeTips;