vxe-pc-ui 4.9.17 → 4.9.19

package/lib/ui/src/log.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.warnLog = exports.errLog = void 0;
 var _core = require("@vxe-ui/core");
-const version = `ui v${"4.9.17"}`;
+const version = `ui v${"4.9.19"}`;
 const warnLog = exports.warnLog = _core.log.create('warn', version);
 const errLog = exports.errLog = _core.log.create('error', version);

package/lib/ui/src/log.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.9.17",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");const version="ui v4.9.19",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);

package/lib/vxe-text/style/style.css

@@ -20,18 +20,91 @@
 .vxe-text.theme--error {
   color: var(--vxe-ui-status-error-color);
 }
-.vxe-text.is--copy > .vxe-text--copy-icon {
+
+.vxe-text--copy-icon {
   cursor: pointer;
 }
-.vxe-text.is--copy > .vxe-text--copy-icon:focus {
+.vxe-text--copy-icon:focus {
   color: var(--vxe-ui-font-darken-color);
 }
-.vxe-text.is--copy > .vxe-text--copy-icon:hover {
+.vxe-text--copy-icon:hover {
+  color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-text--copy-icon:active {
+  color: var(--vxe-ui-font-primary-darken-color);
+}
+.vxe-text--copy-icon.theme--primary {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-text--copy-icon.theme--primary:focus {
+  color: var(--vxe-ui-font-primary-darken-color);
+}
+.vxe-text--copy-icon.theme--primary:hover {
   color: var(--vxe-ui-font-primary-lighten-color);
 }
-.vxe-text.is--copy > .vxe-text--copy-icon:active {
+.vxe-text--copy-icon.theme--primary:active {
   color: var(--vxe-ui-font-primary-darken-color);
 }
+.vxe-text--copy-icon.theme--success {
+  color: var(--vxe-ui-status-success-color);
+}
+.vxe-text--copy-icon.theme--success:focus {
+  color: var(--vxe-ui-status-success-darken-color);
+}
+.vxe-text--copy-icon.theme--success:hover {
+  color: var(--vxe-ui-status-success-lighten-color);
+}
+.vxe-text--copy-icon.theme--success:active {
+  color: var(--vxe-ui-status-success-darken-color);
+}
+.vxe-text--copy-icon.theme--info {
+  color: var(--vxe-ui-status-info-color);
+}
+.vxe-text--copy-icon.theme--info:focus {
+  color: var(--vxe-ui-status-info-darken-color);
+}
+.vxe-text--copy-icon.theme--info:hover {
+  color: var(--vxe-ui-status-info-lighten-color);
+}
+.vxe-text--copy-icon.theme--info:active {
+  color: var(--vxe-ui-status-info-darken-color);
+}
+.vxe-text--copy-icon.theme--warning {
+  color: var(--vxe-ui-status-warning-color);
+}
+.vxe-text--copy-icon.theme--warning:focus {
+  color: var(--vxe-ui-status-warning-darken-color);
+}
+.vxe-text--copy-icon.theme--warning:hover {
+  color: var(--vxe-ui-status-warning-lighten-color);
+}
+.vxe-text--copy-icon.theme--warning:active {
+  color: var(--vxe-ui-status-warning-darken-color);
+}
+.vxe-text--copy-icon.theme--danger {
+  color: var(--vxe-ui-status-danger-color);
+}
+.vxe-text--copy-icon.theme--danger:focus {
+  color: var(--vxe-ui-status-danger-darken-color);
+}
+.vxe-text--copy-icon.theme--danger:hover {
+  color: var(--vxe-ui-status-danger-lighten-color);
+}
+.vxe-text--copy-icon.theme--danger:active {
+  color: var(--vxe-ui-status-danger-darken-color);
+}
+.vxe-text--copy-icon.theme--error {
+  color: var(--vxe-ui-status-error-color);
+}
+.vxe-text--copy-icon.theme--error:focus {
+  color: var(--vxe-ui-status-error-darken-color);
+}
+.vxe-text--copy-icon.theme--error:hover {
+  color: var(--vxe-ui-status-error-lighten-color);
+}
+.vxe-text--copy-icon.theme--error:active {
+  color: var(--vxe-ui-status-error-darken-color);
+}
 
 .vxe-text--loading,
 .vxe-text--prefix-icon,

package/lib/vxe-text/style/style.min.css

@@ -1 +1 @@
-.vxe-text{position:relative;color:var(--vxe-ui-font-color)}.vxe-text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-text.is--copy>.vxe-text--copy-icon{cursor:pointer}.vxe-text.is--copy>.vxe-text--copy-icon:focus{color:var(--vxe-ui-font-darken-color)}.vxe-text.is--copy>.vxe-text--copy-icon:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-text.is--copy>.vxe-text--copy-icon:active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-text--copy-icon,.vxe-text--loading,.vxe-text--prefix-icon,.vxe-text--suffix-icon{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-text>span{padding-right:.1em}.vxe-text>span:last-child{padding-right:0}.vxe-text.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-text.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-text.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-text{position:relative;color:var(--vxe-ui-font-color)}.vxe-text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-text--copy-icon{cursor:pointer}.vxe-text--copy-icon:focus{color:var(--vxe-ui-font-darken-color)}.vxe-text--copy-icon:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-text--copy-icon:active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-text--copy-icon.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-text--copy-icon.theme--primary:focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-text--copy-icon.theme--primary:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-text--copy-icon.theme--primary:active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-text--copy-icon.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-text--copy-icon.theme--success:focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-text--copy-icon.theme--success:hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-text--copy-icon.theme--success:active{color:var(--vxe-ui-status-success-darken-color)}.vxe-text--copy-icon.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-text--copy-icon.theme--info:focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-text--copy-icon.theme--info:hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-text--copy-icon.theme--info:active{color:var(--vxe-ui-status-info-darken-color)}.vxe-text--copy-icon.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-text--copy-icon.theme--warning:focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-text--copy-icon.theme--warning:hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-text--copy-icon.theme--warning:active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-text--copy-icon.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-text--copy-icon.theme--danger:focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-text--copy-icon.theme--danger:hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-text--copy-icon.theme--danger:active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-text--copy-icon.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-text--copy-icon.theme--error:focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-text--copy-icon.theme--error:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-text--copy-icon.theme--error:active{color:var(--vxe-ui-status-error-darken-color)}.vxe-text--copy-icon,.vxe-text--loading,.vxe-text--prefix-icon,.vxe-text--suffix-icon{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-text>span{padding-right:.1em}.vxe-text>span:last-child{padding-right:0}.vxe-text.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-text.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-text.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/vxe-tooltip/style/style.css

@@ -4,9 +4,7 @@
   top: -100%;
   left: -100%;
   font-size: 12px;
-  max-width: 600px;
   border-radius: var(--vxe-ui-base-border-radius);
-  padding: 8px 12px;
   white-space: normal;
   word-break: break-word;
   box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2);
@@ -17,7 +15,7 @@
   pointer-events: none;
 }
 .vxe-tooltip--wrapper.is--visible {
-  display: block;
+  display: inline-block;
 }
 .vxe-tooltip--wrapper.is--arrow .vxe-tooltip--arrow {
   display: block;
@@ -31,7 +29,12 @@
   background-color: transparent;
 }
 .vxe-tooltip--wrapper .vxe-tooltip--content {
+  padding: 8px 12px;
+  max-width: 600px;
+  max-height: 800px;
   white-space: pre-line;
+  border-radius: var(--vxe-ui-base-border-radius);
+  overflow: auto;
 }
 .vxe-tooltip--wrapper .vxe-tooltip--arrow {
   display: none;
@@ -63,10 +66,10 @@
   top: -6px;
 }
 .vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow {
-  top: -12px;
+  top: -11px;
 }
 .vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow:before {
-  top: -4px;
+  top: -3px;
 }
 
 .vxe-tooltip--wrapper.theme--light {

package/lib/vxe-tooltip/style/style.min.css

@@ -1 +1 @@
-.vxe-tooltip--wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;max-width:600px;border-radius:var(--vxe-ui-base-border-radius);padding:8px 12px;white-space:normal;word-break:break-word;box-shadow:2px 2px 4px -2px rgba(0,0,0,.2);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tooltip--wrapper:not(.is--enterable){pointer-events:none}.vxe-tooltip--wrapper.is--visible{display:block}.vxe-tooltip--wrapper.is--arrow .vxe-tooltip--arrow{display:block}.vxe-tooltip--wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.vxe-tooltip--wrapper .vxe-tooltip--content{white-space:pre-line}.vxe-tooltip--wrapper .vxe-tooltip--arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;transform:translateX(-6px)}.vxe-tooltip--wrapper .vxe-tooltip--arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.vxe-tooltip--wrapper.placement--top.is--enterable:after{bottom:-6px}.vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow{bottom:-11px}.vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow:before{top:-7px}.vxe-tooltip--wrapper.placement--bottom.is--enterable:after{top:-6px}.vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow{top:-12px}.vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow:before{top:-4px}.vxe-tooltip--wrapper.theme--light{background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow{border-top-color:var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow:before{border-top-color:var(--vxe-ui-layout-background-color)}.vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow{border-bottom-color:var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow:before{border-bottom-color:var(--vxe-ui-layout-background-color)}.vxe-tooltip--wrapper.theme--dark{background:var(--vxe-ui-tooltip-dark-background-color);color:var(--vxe-ui-tooltip-dark-color)}.vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow:before{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow:before{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}
+.vxe-tooltip--wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;border-radius:var(--vxe-ui-base-border-radius);white-space:normal;word-break:break-word;box-shadow:2px 2px 4px -2px rgba(0,0,0,.2);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-tooltip--wrapper:not(.is--enterable){pointer-events:none}.vxe-tooltip--wrapper.is--visible{display:inline-block}.vxe-tooltip--wrapper.is--arrow .vxe-tooltip--arrow{display:block}.vxe-tooltip--wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.vxe-tooltip--wrapper .vxe-tooltip--content{padding:8px 12px;max-width:600px;max-height:800px;white-space:pre-line;border-radius:var(--vxe-ui-base-border-radius);overflow:auto}.vxe-tooltip--wrapper .vxe-tooltip--arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;transform:translateX(-6px)}.vxe-tooltip--wrapper .vxe-tooltip--arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.vxe-tooltip--wrapper.placement--top.is--enterable:after{bottom:-6px}.vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow{bottom:-11px}.vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow:before{top:-7px}.vxe-tooltip--wrapper.placement--bottom.is--enterable:after{top:-6px}.vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow{top:-11px}.vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow:before{top:-3px}.vxe-tooltip--wrapper.theme--light{background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow{border-top-color:var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow:before{border-top-color:var(--vxe-ui-layout-background-color)}.vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow{border-bottom-color:var(--vxe-ui-input-border-color)}.vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow:before{border-bottom-color:var(--vxe-ui-layout-background-color)}.vxe-tooltip--wrapper.theme--dark{background:var(--vxe-ui-tooltip-dark-background-color);color:var(--vxe-ui-tooltip-dark-color)}.vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow:before{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow:before{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "4.9.17",
+  "version": "4.9.19",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/text/src/text.ts

@@ -1,4 +1,4 @@
-import { ref, h, reactive, PropType, VNode } from 'vue'
+import { ref, h, reactive, PropType, VNode, computed } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { VxeUI, getConfig, getIcon, getI18n, useSize, createEvent } from '../../ui'
@@ -19,14 +19,7 @@ export default defineVxeComponent({
       type: Boolean as PropType<VxeTextPropTypes.ClickToCopy>,
       default: () => getConfig().text.clickToCopy
     },
-    copyIcon: {
-      type: String as PropType<VxeTextPropTypes.CopyIcon>,
-      default: () => getConfig().text.copyIcon
-    },
-    copyLayout: {
-      type: String as PropType<VxeTextPropTypes.CopyLayout>,
-      default: () => getConfig().text.copyLayout
-    },
+    copyConfig: Object as PropType<VxeTextPropTypes.CopyConfig>,
     size: {
       type: String as PropType<VxeTextPropTypes.Size>,
       default: () => getConfig().text.size || getConfig().size
@@ -34,8 +27,11 @@ export default defineVxeComponent({
   },
   emits: [
     'click',
+    'dblclick',
     'prefix-click',
-    'suffix-click'
+    'suffix-click',
+    'copy-success',
+    'copy-error'
   ] as VxeTextEmits,
   setup (props, context) {
     const { emit, slots } = context
@@ -50,6 +46,10 @@ export default defineVxeComponent({
     const reactData = reactive<TextReactData>({
     })
 
+    const computeCopyOpts = computed(() => {
+      return Object.assign({}, getConfig().text.copyConfig, props.copyConfig)
+    })
+
     const refMaps: TextPrivateRef = {
       refElem
     }
@@ -57,31 +57,49 @@ export default defineVxeComponent({
     const computeMaps: VxeTextPrivateComputed = {
     }
 
-    const clickIconEvent = () => {
-      const { content, clickToCopy } = props
-      if (clickToCopy) {
-        const contentEl = refContentElem.value
-        const copyVal = (contentEl ? contentEl.textContent : '') || content
-        if (copyVal) {
-          if (VxeUI.clipboard.copy(copyVal)) {
-            if (VxeUI.modal) {
-              VxeUI.modal.message({
-                content: getI18n('vxe.text.copySuccess'),
-                status: 'success'
-              })
-            }
-          } else {
-            if (VxeUI.modal) {
-              VxeUI.modal.message({
-                content: getI18n('vxe.text.copyError'),
-                status: 'error'
-              })
-            }
+    const handleCopy = (evnt: MouseEvent) => {
+      const { content } = props
+      const copyOpts = computeCopyOpts.value
+      const { showMessage } = copyOpts
+      const contentEl = refContentElem.value
+      const copyVal = (contentEl ? contentEl.textContent : '') || content
+      if (copyVal) {
+        if (VxeUI.clipboard.copy(copyVal)) {
+          if (showMessage && VxeUI.modal) {
+            VxeUI.modal.message({
+              content: getI18n('vxe.text.copySuccess'),
+              status: 'success'
+            })
           }
+          dispatchEvent('copy-success', {}, evnt)
+        } else {
+          if (showMessage && VxeUI.modal) {
+            VxeUI.modal.message({
+              content: getI18n('vxe.text.copyError'),
+              status: 'error'
+            })
+          }
+          dispatchEvent('copy-error', {}, evnt)
         }
       }
     }
 
+    const clickIconEvent = (evnt: MouseEvent) => {
+      const { clickToCopy } = props
+      const copyOpts = computeCopyOpts.value
+      if (clickToCopy && copyOpts.trigger !== 'dblclick') {
+        handleCopy(evnt)
+      }
+    }
+
+    const dblclickIconEvent = (evnt: MouseEvent) => {
+      const { clickToCopy } = props
+      const copyOpts = computeCopyOpts.value
+      if (clickToCopy && copyOpts.trigger === 'dblclick') {
+        handleCopy(evnt)
+      }
+    }
+
     const $xeText = {
       xID,
       props,
@@ -107,6 +125,13 @@ export default defineVxeComponent({
       }
     }
 
+    const dblclickEvent = (evnt : MouseEvent) => {
+      const { loading } = props
+      if (!loading) {
+        dispatchEvent('dblclick', {}, evnt)
+      }
+    }
+
     const prefixEvent = (evnt : MouseEvent) => {
       const { loading } = props
       if (!loading) {
@@ -127,24 +152,29 @@ export default defineVxeComponent({
     Object.assign($xeText, textMethods, textPrivateMethods)
 
     const renderCopyIcon = () => {
-      const { copyIcon } = props
+      const copyOpts = computeCopyOpts.value
+      const { icon, status } = copyOpts
       return h('span', {
         key: 'ci',
-        class: 'vxe-text--copy-icon',
-        onClick: clickIconEvent
+        class: ['vxe-text--copy-icon', {
+          [`theme--${status}`]: status
+        }],
+        onClick: clickIconEvent,
+        onDblclick: dblclickIconEvent
       }, [
         h('i', {
-          class: copyIcon || getIcon().TEXT_COPY
+          class: icon || getIcon().TEXT_COPY
         })
       ])
     }
 
     const renderContent = () => {
-      const { loading, icon, prefixIcon, suffixIcon, clickToCopy, content, copyLayout } = props
+      const { loading, icon, prefixIcon, suffixIcon, clickToCopy, content } = props
+      const copyOpts = computeCopyOpts.value
       const defaultSlot = slots.default
       const prefixIconSlot = slots.prefixIcon || slots['prefix-icon'] || slots.icon
       const suffixIconSlot = slots.suffixIcon || slots['suffix-icon']
-      const copyToRight = copyLayout === 'right'
+      const copyToRight = copyOpts.layout === 'right'
       const contVNs: VNode[] = []
       if (loading) {
         contVNs.push(
@@ -179,7 +209,9 @@ export default defineVxeComponent({
         h('span', {
           key: 'ct',
           ref: refContentElem,
-          class: 'vxe-text--content'
+          class: 'vxe-text--content',
+          onClick: clickEvent,
+          onDblclick: dblclickEvent
         }, defaultSlot ? defaultSlot({}) : XEUtils.toValueString(content))
       )
       if (suffixIcon) {
@@ -214,8 +246,7 @@ export default defineVxeComponent({
           [`theme--${status}`]: status,
           'is--copy': clickToCopy,
           'is--loading': loading
-        }],
-        onClick: clickEvent
+        }]
       }, renderContent())
     }
 

package/packages/tooltip/src/tooltip.ts

@@ -1,12 +1,12 @@
-import { h, ref, Ref, nextTick, onBeforeUnmount, onMounted, reactive, watch, PropType } from 'vue'
+import { h, ref, nextTick, onBeforeUnmount, onMounted, computed, reactive, watch, PropType, VNode } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, createEvent, useSize } from '../../ui'
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils'
-import { getAbsolutePos, getDomNode } from '../../ui/src/dom'
+import { getAbsolutePos, getDomNode, toCssUnit } from '../../ui/src/dom'
 import { getSlotVNs } from '../../ui/src/vn'
 
-import type { VxeTooltipPropTypes, VxeTooltipConstructor, VxeTooltipEmits, TooltipInternalData, TooltipReactData, TooltipMethods, TooltipPrivateRef } from '../../../types'
+import type { VxeTooltipPropTypes, VxeTooltipConstructor, VxeTooltipEmits, TooltipInternalData, TooltipReactData, TooltipMethods, TooltipPrivateRef, VxeComponentStyleType } from '../../../types'
 
 export default defineVxeComponent({
   name: 'VxeTooltip',
@@ -32,6 +32,30 @@ export default defineVxeComponent({
     useHTML: Boolean as PropType<VxeTooltipPropTypes.UseHTML>,
     zIndex: [String, Number] as PropType<VxeTooltipPropTypes.ZIndex>,
     popupClassName: [String, Function] as PropType<VxeTooltipPropTypes.PopupClassName>,
+    width: {
+      type: [String, Number] as PropType<VxeTooltipPropTypes.Width>,
+      default: () => getConfig().tooltip.Width
+    },
+    height: {
+      type: [String, Number] as PropType<VxeTooltipPropTypes.Height>,
+      default: () => getConfig().tooltip.height
+    },
+    minWidth: {
+      type: [String, Number] as PropType<VxeTooltipPropTypes.MinWidth>,
+      default: () => getConfig().tooltip.minWidth
+    },
+    minHeight: {
+      type: [String, Number] as PropType<VxeTooltipPropTypes.MinHeight>,
+      default: () => getConfig().tooltip.minHeight
+    },
+    maxWidth: {
+      type: [String, Number] as PropType<VxeTooltipPropTypes.MaxWidth>,
+      default: () => getConfig().tooltip.maxWidth
+    },
+    maxHeight: {
+      type: [String, Number] as PropType<VxeTooltipPropTypes.MaxHeight>,
+      default: () => getConfig().tooltip.maxHeight
+    },
     isArrow: {
       type: Boolean as PropType<VxeTooltipPropTypes.IsArrow>,
       default: () => getConfig().tooltip.isArrow
@@ -77,7 +101,32 @@ export default defineVxeComponent({
     const internalData: TooltipInternalData = {
     }
 
-    const refElem = ref() as Ref<HTMLDivElement>
+    const refElem = ref<HTMLDivElement>()
+    const contentWrapperfElem = ref<HTMLDivElement>()
+
+    const computeWrapperStyle = computed(() => {
+      const { width, height, minHeight, minWidth, maxHeight, maxWidth } = props
+      const stys: VxeComponentStyleType = {}
+      if (width) {
+        stys.width = toCssUnit(width)
+      }
+      if (height) {
+        stys.height = toCssUnit(height)
+      }
+      if (minWidth) {
+        stys.minWidth = toCssUnit(minWidth)
+      }
+      if (minHeight) {
+        stys.minHeight = toCssUnit(minHeight)
+      }
+      if (maxWidth) {
+        stys.maxWidth = toCssUnit(maxWidth)
+      }
+      if (maxHeight) {
+        stys.maxHeight = toCssUnit(maxHeight)
+      }
+      return stys
+    })
 
     const refMaps: TooltipPrivateRef = {
       refElem
@@ -100,6 +149,9 @@ export default defineVxeComponent({
         const { scrollTop, scrollLeft, visibleWidth } = getDomNode()
         const { top, left } = getAbsolutePos(tipTarget)
         const el = refElem.value
+        if (!el) {
+          return
+        }
         const marginSize = 6
         const offsetHeight = el.offsetHeight
         const offsetWidth = el.offsetWidth
@@ -276,29 +328,42 @@ export default defineVxeComponent({
       }
     }
 
+    const wheelEvent = (evnt: Event) => {
+      evnt.stopPropagation()
+    }
+
     Object.assign($xeTooltip, tooltipMethods)
 
     const renderContent = () => {
       const { useHTML } = props
       const { tipContent } = reactData
+      const wrapperStyle = computeWrapperStyle.value
       const contentSlot = slots.content
+      const contVNs: VNode[] = []
       if (contentSlot) {
-        return h('div', {
-          key: 1,
-          class: 'vxe-tooltip--content'
-        }, getSlotVNs(contentSlot({})))
-      }
-      if (useHTML) {
-        return h('div', {
-          key: 2,
-          class: 'vxe-tooltip--content',
-          innerHTML: tipContent
-        })
+        contVNs.push(
+          h('div', {
+            key: 1
+          }, getSlotVNs(contentSlot({})))
+        )
+      } else if (useHTML) {
+        contVNs.push(
+          h('div', {
+            key: 2,
+            innerHTML: tipContent
+          })
+        )
+      } else {
+        contVNs.push(h('span', {
+          key: 3
+        }, `${tipContent}`))
       }
       return h('div', {
         key: 3,
-        class: 'vxe-tooltip--content'
-      }, `${tipContent}`)
+        ref: contentWrapperfElem,
+        class: 'vxe-tooltip--content',
+        style: wrapperStyle
+      }, contVNs)
     }
 
     const renderVN = () => {
@@ -355,6 +420,10 @@ export default defineVxeComponent({
     })
 
     onMounted(() => {
+      const contentWrapperfEl = contentWrapperfElem.value
+      if (contentWrapperfEl) {
+        contentWrapperfEl.addEventListener('wheel', wheelEvent, { passive: false })
+      }
       nextTick(() => {
         const { trigger, content } = props
         const wrapperElem = refElem.value
@@ -397,6 +466,10 @@ export default defineVxeComponent({
         target.onmouseleave = null
         target.onclick = null
       }
+      const contentWrapperfEl = contentWrapperfElem.value
+      if (contentWrapperfEl) {
+        contentWrapperfEl.removeEventListener('wheel', wheelEvent)
+      }
       if (wrapperElem) {
         const parentNode = wrapperElem.parentNode
         if (parentNode) {

package/packages/ui/index.ts

@@ -348,7 +348,11 @@ setConfig({
   textEllipsis: {
     underline: true
   },
-  text: {},
+  text: {
+    copyConfig: {
+      showMessage: true
+    }
+  },
   textarea: {
     resize: 'none'
   },

package/styles/components/text.scss

@@ -61,21 +61,36 @@ $btnThemeList: (
       color: map.get($item, textColor);
     }
   }
-  &.is--copy {
-    & > .vxe-text--copy-icon {
-      cursor: pointer;
+}
+
+.vxe-text--copy-icon {
+  cursor: pointer;
+  &:focus {
+    color: var(--vxe-ui-font-darken-color);
+  }
+  &:hover {
+    color: var(--vxe-ui-font-primary-lighten-color);
+  }
+  &:active {
+    color: var(--vxe-ui-font-primary-darken-color);
+  }
+  @for $index from 0 to list.length($btnThemeList) {
+    $item: list.nth($btnThemeList, $index + 1);
+    &.theme--#{map.get($item, name)} {
+      color: map.get($item, textColor);
       &:focus {
-        color: var(--vxe-ui-font-darken-color);
+        color: map.get($item, btnDarkenColor);
       }
       &:hover {
-        color: var(--vxe-ui-font-primary-lighten-color);
+        color: map.get($item, btnLightenColor);
       }
       &:active {
-        color: var(--vxe-ui-font-primary-darken-color);
+        color: map.get($item, btnDarkenColor);
       }
     }
   }
 }
+
 .vxe-text--loading,
 .vxe-text--prefix-icon,
 .vxe-text--suffix-icon,

package/styles/components/tooltip.scss

@@ -4,9 +4,7 @@
   top: -100%;
   left: -100%;
   font-size: 12px;
-  max-width: 600px;
   border-radius: var(--vxe-ui-base-border-radius);
-  padding: 8px 12px;
   white-space: normal;
   word-break: break-word;
   box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
@@ -16,7 +14,7 @@
     pointer-events: none;
   }
   &.is--visible {
-    display: block;
+    display: inline-block;
   }
   &.is--arrow {
     .vxe-tooltip--arrow {
@@ -34,7 +32,12 @@
     }
   }
   .vxe-tooltip--content {
+    padding: 8px 12px;
+    max-width: 600px;
+    max-height: 800px;
     white-space: pre-line;
+    border-radius: var(--vxe-ui-base-border-radius);
+    overflow: auto;
   }
   .vxe-tooltip--arrow {
     display: none;
@@ -73,9 +76,9 @@
       }
     }
     .vxe-tooltip--arrow {
-      top: -12px;
+      top: -11px;
       &:before {
-        top: -4px;
+        top: -3px;
       }
     }
   }

package/types/components/table.d.ts

@@ -1363,10 +1363,16 @@ export namespace VxeTablePropTypes {
    */
   export interface TooltipConfig<D = VxeTablePropTypes.Row> {
     showAll?: boolean
-    theme?: 'dark' | 'light' | '' | null
-    enterable?: boolean
-    enterDelay?: number
-    leaveDelay?: number
+    theme?: VxeTooltipPropTypes.Theme
+    enterable?: VxeTooltipPropTypes.Enterable
+    enterDelay?: VxeTooltipPropTypes.EnterDelay
+    leaveDelay?: VxeTooltipPropTypes.LeaveDelay
+    width?: VxeTooltipPropTypes.Width
+    height?: VxeTooltipPropTypes.Height
+    minWidth?: VxeTooltipPropTypes.MinWidth
+    minHeight?: VxeTooltipPropTypes.MinHeight
+    maxWidth?: VxeTooltipPropTypes.MaxWidth
+    maxHeight?: VxeTooltipPropTypes.MaxHeight
     contentMethod?(params: {
       $table: VxeTableConstructor<D>
       items: any[]