vxe-pc-ui 4.9.17 → 4.9.19

package/lib/index.umd.js

@@ -3588,14 +3588,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.9.17"}`;
+const log_version = `ui v${"4.9.19"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.9.17";
+const ui_version = "4.9.19";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -3933,7 +3933,11 @@ setConfig({
   textEllipsis: {
     underline: true
   },
-  text: {},
+  text: {
+    copyConfig: {
+      showMessage: true
+    }
+  },
   textarea: {
     resize: 'none'
   },
@@ -6240,6 +6244,7 @@ function handleBooleanDefaultValue(value) {
 
 
 
+
 /* harmony default export */ var tooltip = (defineVxeComponent({
   name: 'VxeTooltip',
   props: {
@@ -6264,6 +6269,30 @@ function handleBooleanDefaultValue(value) {
     useHTML: Boolean,
     zIndex: [String, Number],
     popupClassName: [String, Function],
+    width: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.Width
+    },
+    height: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.height
+    },
+    minWidth: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.minWidth
+    },
+    minHeight: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.minHeight
+    },
+    maxWidth: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.maxWidth
+    },
+    maxHeight: {
+      type: [String, Number],
+      default: () => getConfig().tooltip.maxHeight
+    },
     isArrow: {
       type: Boolean,
       default: () => getConfig().tooltip.isArrow
@@ -6307,6 +6336,37 @@ function handleBooleanDefaultValue(value) {
     });
     const internalData = {};
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const contentWrapperfElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const computeWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        width,
+        height,
+        minHeight,
+        minWidth,
+        maxHeight,
+        maxWidth
+      } = props;
+      const stys = {};
+      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 = {
       refElem
     };
@@ -6335,6 +6395,9 @@ function handleBooleanDefaultValue(value) {
           left
         } = getAbsolutePos(tipTarget);
         const el = refElem.value;
+        if (!el) {
+          return;
+        }
         const marginSize = 6;
         const offsetHeight = el.offsetHeight;
         const offsetWidth = el.offsetWidth;
@@ -6529,6 +6592,9 @@ function handleBooleanDefaultValue(value) {
         reactData.tipActive = !!active;
       }
     };
+    const wheelEvent = evnt => {
+      evnt.stopPropagation();
+    };
     Object.assign($xeTooltip, tooltipMethods);
     const renderContent = () => {
       const {
@@ -6537,24 +6603,29 @@ function handleBooleanDefaultValue(value) {
       const {
         tipContent
       } = reactData;
+      const wrapperStyle = computeWrapperStyle.value;
       const contentSlot = slots.content;
+      const contVNs = [];
       if (contentSlot) {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
-          key: 1,
-          class: 'vxe-tooltip--content'
-        }, vn_getSlotVNs(contentSlot({})));
-      }
-      if (useHTML) {
-        return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+          key: 1
+        }, vn_getSlotVNs(contentSlot({}))));
+      } else if (useHTML) {
+        contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
           key: 2,
-          class: 'vxe-tooltip--content',
           innerHTML: tipContent
-        });
+        }));
+      } else {
+        contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          key: 3
+        }, `${tipContent}`));
       }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         key: 3,
-        class: 'vxe-tooltip--content'
-      }, `${tipContent}`);
+        ref: contentWrapperfElem,
+        class: 'vxe-tooltip--content',
+        style: wrapperStyle
+      }, contVNs);
     };
     const renderVN = () => {
       const {
@@ -6613,6 +6684,12 @@ function handleBooleanDefaultValue(value) {
       reactData.isUpdate = false;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      const contentWrapperfEl = contentWrapperfElem.value;
+      if (contentWrapperfEl) {
+        contentWrapperfEl.addEventListener('wheel', wheelEvent, {
+          passive: false
+        });
+      }
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
         const {
           trigger,
@@ -6661,6 +6738,10 @@ function handleBooleanDefaultValue(value) {
         target.onmouseleave = null;
         target.onclick = null;
       }
+      const contentWrapperfEl = contentWrapperfElem.value;
+      if (contentWrapperfEl) {
+        contentWrapperfEl.removeEventListener('wheel', wheelEvent);
+      }
       if (wrapperElem) {
         const parentNode = wrapperElem.parentNode;
         if (parentNode) {
@@ -15947,20 +16028,13 @@ const ColorPicker = VxeColorPicker;
       type: Boolean,
       default: () => getConfig().text.clickToCopy
     },
-    copyIcon: {
-      type: String,
-      default: () => getConfig().text.copyIcon
-    },
-    copyLayout: {
-      type: String,
-      default: () => getConfig().text.copyLayout
-    },
+    copyConfig: Object,
     size: {
       type: String,
       default: () => getConfig().text.size || getConfig().size
     }
   },
-  emits: ['click', 'prefix-click', 'suffix-click'],
+  emits: ['click', 'dblclick', 'prefix-click', 'suffix-click', 'copy-success', 'copy-error'],
   setup(props, context) {
     const {
       emit,
@@ -15973,37 +16047,61 @@ const ColorPicker = VxeColorPicker;
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refContentElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
+    const computeCopyOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return Object.assign({}, getConfig().text.copyConfig, props.copyConfig);
+    });
     const refMaps = {
       refElem
     };
     const computeMaps = {};
-    const clickIconEvent = () => {
+    const handleCopy = evnt => {
       const {
-        content,
-        clickToCopy
+        content
       } = props;
-      if (clickToCopy) {
-        const contentEl = refContentElem.value;
-        const copyVal = (contentEl ? contentEl.textContent : '') || content;
-        if (copyVal) {
-          if (index_esm_VxeUI.clipboard.copy(copyVal)) {
-            if (index_esm_VxeUI.modal) {
-              index_esm_VxeUI.modal.message({
-                content: getI18n('vxe.text.copySuccess'),
-                status: 'success'
-              });
-            }
-          } else {
-            if (index_esm_VxeUI.modal) {
-              index_esm_VxeUI.modal.message({
-                content: getI18n('vxe.text.copyError'),
-                status: 'error'
-              });
-            }
+      const copyOpts = computeCopyOpts.value;
+      const {
+        showMessage
+      } = copyOpts;
+      const contentEl = refContentElem.value;
+      const copyVal = (contentEl ? contentEl.textContent : '') || content;
+      if (copyVal) {
+        if (index_esm_VxeUI.clipboard.copy(copyVal)) {
+          if (showMessage && index_esm_VxeUI.modal) {
+            index_esm_VxeUI.modal.message({
+              content: getI18n('vxe.text.copySuccess'),
+              status: 'success'
+            });
           }
+          dispatchEvent('copy-success', {}, evnt);
+        } else {
+          if (showMessage && index_esm_VxeUI.modal) {
+            index_esm_VxeUI.modal.message({
+              content: getI18n('vxe.text.copyError'),
+              status: 'error'
+            });
+          }
+          dispatchEvent('copy-error', {}, evnt);
         }
       }
     };
+    const clickIconEvent = evnt => {
+      const {
+        clickToCopy
+      } = props;
+      const copyOpts = computeCopyOpts.value;
+      if (clickToCopy && copyOpts.trigger !== 'dblclick') {
+        handleCopy(evnt);
+      }
+    };
+    const dblclickIconEvent = evnt => {
+      const {
+        clickToCopy
+      } = props;
+      const copyOpts = computeCopyOpts.value;
+      if (clickToCopy && copyOpts.trigger === 'dblclick') {
+        handleCopy(evnt);
+      }
+    };
     const $xeText = {
       xID,
       props,
@@ -16028,6 +16126,14 @@ const ColorPicker = VxeColorPicker;
         dispatchEvent('click', {}, evnt);
       }
     };
+    const dblclickEvent = evnt => {
+      const {
+        loading
+      } = props;
+      if (!loading) {
+        dispatchEvent('dblclick', {}, evnt);
+      }
+    };
     const prefixEvent = evnt => {
       const {
         loading
@@ -16047,15 +16153,20 @@ const ColorPicker = VxeColorPicker;
     const textPrivateMethods = {};
     Object.assign($xeText, textMethods, textPrivateMethods);
     const renderCopyIcon = () => {
+      const copyOpts = computeCopyOpts.value;
       const {
-        copyIcon
-      } = props;
+        icon,
+        status
+      } = copyOpts;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         key: 'ci',
-        class: 'vxe-text--copy-icon',
-        onClick: clickIconEvent
+        class: ['vxe-text--copy-icon', {
+          [`theme--${status}`]: status
+        }],
+        onClick: clickIconEvent,
+        onDblclick: dblclickIconEvent
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('i', {
-        class: copyIcon || getIcon().TEXT_COPY
+        class: icon || getIcon().TEXT_COPY
       })]);
     };
     const renderContent = () => {
@@ -16065,13 +16176,13 @@ const ColorPicker = VxeColorPicker;
         prefixIcon,
         suffixIcon,
         clickToCopy,
-        content,
-        copyLayout
+        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 = [];
       if (loading) {
         contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
@@ -16095,7 +16206,9 @@ const ColorPicker = VxeColorPicker;
       contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
         key: 'ct',
         ref: refContentElem,
-        class: 'vxe-text--content'
+        class: 'vxe-text--content',
+        onClick: clickEvent,
+        onDblclick: dblclickEvent
       }, defaultSlot ? defaultSlot({}) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(content)));
       if (suffixIcon) {
         contVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
@@ -16127,8 +16240,7 @@ const ColorPicker = VxeColorPicker;
           [`theme--${status}`]: status,
           'is--copy': clickToCopy,
           'is--loading': loading
-        }],
-        onClick: clickEvent
+        }]
       }, renderContent());
     };
     $xeText.renderVN = renderVN;