vxe-pc-ui 0.0.2 → 0.1.0

package/lib/textarea/style/style.css

@@ -0,0 +1,102 @@
+.vxe-textarea {
+  position: relative;
+  display: inline-block;
+}
+.vxe-textarea:not(.def--cols) {
+  width: 100%;
+}
+.vxe-textarea:not(.def--cols) .vxe-textarea--inner {
+  width: 100%;
+}
+
+.vxe-textarea--inner {
+  border-radius: var(--vxe-border-radius);
+  outline: 0;
+  font-size: inherit;
+  padding: 0 0.6em;
+  color: var(--vxe-font-color);
+  line-height: inherit;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  background-color: var(--vxe-ui-textarea-background-color);
+  display: block;
+  padding: 0.3em 0.6em;
+}
+.vxe-textarea--inner::-moz-placeholder {
+  color: var(--vxe-ui-input-placeholder-color);
+}
+.vxe-textarea--inner::placeholder {
+  color: var(--vxe-ui-input-placeholder-color);
+}
+.vxe-textarea--inner:focus {
+  border: 1px solid var(--vxe-primary-color);
+}
+.vxe-textarea--inner[disabled] {
+  cursor: not-allowed;
+  background-color: var(--vxe-ui-input-disabled-background-color);
+}
+
+.vxe-textarea--inner,
+.vxe-textarea--autosize {
+  line-height: var(--vxe-ui-textarea-line-height);
+  color: var(--vxe-font-color);
+  font-family: var(--vxe-font-family);
+}
+
+.vxe-textarea--autosize {
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0.3em 0.6em;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  z-index: -1;
+  visibility: hidden;
+}
+
+.vxe-textarea--count {
+  position: absolute;
+  bottom: 0.2em;
+  right: 1.4em;
+  padding-left: 0.2em;
+  color: var(--vxe-ui-input-count-color);
+  background-color: var(--vxe-ui-input-count-background-color);
+}
+.vxe-textarea--count.is--error {
+  color: var(--vxe-ui-input-count-error-color);
+}
+
+.vxe-textarea,
+.vxe-textarea--autosize {
+  font-size: var(--vxe-font-size);
+}
+.vxe-textarea.size--medium,
+.vxe-textarea--autosize.size--medium {
+  font-size: var(--vxe-font-size-medium);
+}
+.vxe-textarea.size--small,
+.vxe-textarea--autosize.size--small {
+  font-size: var(--vxe-font-size-small);
+}
+.vxe-textarea.size--mini,
+.vxe-textarea--autosize.size--mini {
+  font-size: var(--vxe-font-size-mini);
+}
+
+.vxe-textarea:not(.is--autosize) {
+  min-height: var(--vxe-ui-input-height-default);
+}
+.vxe-textarea.size--medium {
+  font-size: var(--vxe-font-size-medium);
+}
+.vxe-textarea.size--medium:not(.is--autosize) {
+  min-height: var(--vxe-ui-input-height-medium);
+}
+.vxe-textarea.size--small:not(.is--autosize) {
+  min-height: var(--vxe-ui-input-height-small);
+}
+.vxe-textarea.size--mini:not(.is--autosize) {
+  min-height: var(--vxe-ui-input-height-mini);
+}

package/lib/textarea/style/style.min.css

@@ -0,0 +1 @@
+.vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols){width:100%}.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:var(--vxe-border-radius);outline:0;font-size:inherit;padding:0 .6em;color:var(--vxe-font-color);line-height:inherit;border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-textarea-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:var(--vxe-ui-textarea-line-height);color:var(--vxe-font-color);font-family:var(--vxe-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-input-count-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-font-size)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-ui-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-ui-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-ui-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-ui-input-height-mini)}

package/lib/tooltip/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Tooltip = void 0;
+var _tooltip = _interopRequireDefault(require("./src/tooltip"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeTooltip = Object.assign({}, _tooltip.default, {
+  install(app) {
+    app.component(_tooltip.default.name, _tooltip.default);
+  }
+});
+const Tooltip = exports.Tooltip = VxeTooltip;
+var _default = exports.default = VxeTooltip;

package/lib/tooltip/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tooltip=void 0;var _tooltip=_interopRequireDefault(require("./src/tooltip"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}const VxeTooltip=Object.assign({},_tooltip.default,{install(t){t.component(_tooltip.default.name,_tooltip.default)}}),Tooltip=exports.Tooltip=VxeTooltip;var _default=exports.default=VxeTooltip;

package/lib/tooltip/src/tooltip.js

@@ -0,0 +1,418 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _globalStore = _interopRequireDefault(require("../../ui/src/globalStore"));
+var _size = require("../../hooks/size");
+var _utils = require("../../ui/src/utils");
+var _dom = require("../../ui/src/dom");
+var _vn = require("../../ui/src/vn");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _vue.defineComponent)({
+  name: 'VxeTooltip',
+  props: {
+    modelValue: Boolean,
+    size: {
+      type: String,
+      default: () => _globalStore.default.tooltip.size || _globalStore.default.size
+    },
+    trigger: {
+      type: String,
+      default: () => _globalStore.default.tooltip.trigger || 'hover'
+    },
+    theme: {
+      type: String,
+      default: () => _globalStore.default.tooltip.theme || 'dark'
+    },
+    content: {
+      type: [String, Number],
+      default: null
+    },
+    useHTML: Boolean,
+    zIndex: [String, Number],
+    popupClassName: [String, Function],
+    isArrow: {
+      type: Boolean,
+      default: true
+    },
+    enterable: Boolean,
+    enterDelay: {
+      type: Number,
+      default: () => _globalStore.default.tooltip.enterDelay
+    },
+    leaveDelay: {
+      type: Number,
+      default: () => _globalStore.default.tooltip.leaveDelay
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const xID = _xeUtils.default.uniqueId();
+    const computeSize = (0, _size.useSize)(props);
+    const reactData = (0, _vue.reactive)({
+      target: null,
+      isUpdate: false,
+      visible: false,
+      tipContent: '',
+      tipActive: false,
+      tipTarget: null,
+      tipZindex: 0,
+      tipStore: {
+        style: {},
+        placement: '',
+        arrowStyle: {}
+      }
+    });
+    const refElem = (0, _vue.ref)();
+    const refMaps = {
+      refElem
+    };
+    const $xetooltip = {
+      xID,
+      props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps
+    };
+    let tooltipMethods = {};
+    const updateTipStyle = () => {
+      const {
+        tipTarget,
+        tipStore
+      } = reactData;
+      if (tipTarget) {
+        const {
+          scrollTop,
+          scrollLeft,
+          visibleWidth
+        } = (0, _dom.getDomNode)();
+        const {
+          top,
+          left
+        } = (0, _dom.getAbsolutePos)(tipTarget);
+        const el = refElem.value;
+        const marginSize = 6;
+        const offsetHeight = el.offsetHeight;
+        const offsetWidth = el.offsetWidth;
+        let tipLeft = left;
+        let tipTop = top - offsetHeight - marginSize;
+        tipLeft = Math.max(marginSize, left + Math.floor((tipTarget.offsetWidth - offsetWidth) / 2));
+        if (tipLeft + offsetWidth + marginSize > scrollLeft + visibleWidth) {
+          tipLeft = scrollLeft + visibleWidth - offsetWidth - marginSize;
+        }
+        if (top - offsetHeight < scrollTop + marginSize) {
+          tipStore.placement = 'bottom';
+          tipTop = top + tipTarget.offsetHeight + marginSize;
+        }
+        tipStore.style.top = `${tipTop}px`;
+        tipStore.style.left = `${tipLeft}px`;
+        tipStore.arrowStyle.left = `${left - tipLeft + tipTarget.offsetWidth / 2}px`;
+      }
+    };
+    const updateValue = value => {
+      if (value !== reactData.visible) {
+        reactData.visible = value;
+        reactData.isUpdate = true;
+        emit('update:modelValue', value);
+      }
+    };
+    const updateZindex = () => {
+      if (reactData.tipZindex < (0, _utils.getLastZIndex)()) {
+        reactData.tipZindex = (0, _utils.nextZIndex)();
+      }
+    };
+    const clickEvent = () => {
+      if (reactData.visible) {
+        tooltipMethods.close();
+      } else {
+        tooltipMethods.open();
+      }
+    };
+    const targetMouseenterEvent = () => {
+      tooltipMethods.open();
+    };
+    const targetMouseleaveEvent = () => {
+      const {
+        trigger,
+        enterable,
+        leaveDelay
+      } = props;
+      reactData.tipActive = false;
+      if (enterable && trigger === 'hover') {
+        setTimeout(() => {
+          if (!reactData.tipActive) {
+            tooltipMethods.close();
+          }
+        }, leaveDelay);
+      } else {
+        tooltipMethods.close();
+      }
+    };
+    const wrapperMouseenterEvent = () => {
+      reactData.tipActive = true;
+    };
+    const wrapperMouseleaveEvent = () => {
+      const {
+        trigger,
+        enterable,
+        leaveDelay
+      } = props;
+      reactData.tipActive = false;
+      if (enterable && trigger === 'hover') {
+        setTimeout(() => {
+          if (!reactData.tipActive) {
+            tooltipMethods.close();
+          }
+        }, leaveDelay);
+      }
+    };
+    const showTip = () => {
+      const {
+        tipStore
+      } = reactData;
+      const el = refElem.value;
+      if (el) {
+        const parentNode = el.parentNode;
+        if (!parentNode) {
+          document.body.appendChild(el);
+        }
+      }
+      updateValue(true);
+      updateZindex();
+      tipStore.placement = 'top';
+      tipStore.style = {
+        width: 'auto',
+        left: 0,
+        top: 0,
+        zIndex: props.zIndex || reactData.tipZindex
+      };
+      tipStore.arrowStyle = {
+        left: '50%'
+      };
+      return tooltipMethods.updatePlacement();
+    };
+    const showDelayTip = _xeUtils.default.debounce(() => {
+      if (reactData.tipActive) {
+        showTip();
+      }
+    }, props.enterDelay, {
+      leading: false,
+      trailing: true
+    });
+    tooltipMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, Object.assign({
+          $tooltip: $xetooltip,
+          $event: evnt
+        }, params));
+      },
+      open(target, content) {
+        return tooltipMethods.toVisible(target || reactData.target, content);
+      },
+      close() {
+        reactData.tipTarget = null;
+        reactData.tipActive = false;
+        Object.assign(reactData.tipStore, {
+          style: {},
+          placement: '',
+          arrowStyle: null
+        });
+        updateValue(false);
+        return (0, _vue.nextTick)();
+      },
+      toVisible(target, content) {
+        if (target) {
+          const {
+            trigger,
+            enterDelay
+          } = props;
+          reactData.tipActive = true;
+          reactData.tipTarget = target;
+          if (content) {
+            reactData.tipContent = content;
+          }
+          if (enterDelay && trigger === 'hover') {
+            showDelayTip();
+          } else {
+            return showTip();
+          }
+        }
+        return (0, _vue.nextTick)();
+      },
+      updatePlacement() {
+        return (0, _vue.nextTick)().then(() => {
+          const {
+            tipTarget
+          } = reactData;
+          const el = refElem.value;
+          if (tipTarget && el) {
+            updateTipStyle();
+            return (0, _vue.nextTick)().then(updateTipStyle);
+          }
+        });
+      },
+      isActived() {
+        return reactData.tipActive;
+      },
+      setActived(actived) {
+        reactData.tipActive = !!actived;
+      }
+    };
+    Object.assign($xetooltip, tooltipMethods);
+    (0, _vue.watch)(() => props.content, () => {
+      reactData.tipContent = props.content;
+    });
+    (0, _vue.watch)(() => props.modelValue, () => {
+      if (!reactData.isUpdate) {
+        if (props.modelValue) {
+          tooltipMethods.open();
+        } else {
+          tooltipMethods.close();
+        }
+      }
+      reactData.isUpdate = false;
+    });
+    (0, _vue.onMounted)(() => {
+      (0, _vue.nextTick)(() => {
+        const {
+          trigger,
+          content,
+          modelValue
+        } = props;
+        const wrapperElem = refElem.value;
+        if (wrapperElem) {
+          const parentNode = wrapperElem.parentNode;
+          if (parentNode) {
+            reactData.tipContent = content;
+            reactData.tipZindex = (0, _utils.nextZIndex)();
+            _xeUtils.default.arrayEach(wrapperElem.children, (elem, index) => {
+              if (index > 1) {
+                parentNode.insertBefore(elem, wrapperElem);
+                if (!reactData.target) {
+                  reactData.target = elem;
+                }
+              }
+            });
+            parentNode.removeChild(wrapperElem);
+            const {
+              target
+            } = reactData;
+            if (target) {
+              if (trigger === 'hover') {
+                target.onmouseenter = targetMouseenterEvent;
+                target.onmouseleave = targetMouseleaveEvent;
+              } else if (trigger === 'click') {
+                target.onclick = clickEvent;
+              }
+            }
+            if (modelValue) {
+              tooltipMethods.open();
+            }
+          }
+        }
+      });
+    });
+    (0, _vue.onBeforeUnmount)(() => {
+      const {
+        trigger
+      } = props;
+      const {
+        target
+      } = reactData;
+      const wrapperElem = refElem.value;
+      if (target) {
+        if (trigger === 'hover') {
+          target.onmouseenter = null;
+          target.onmouseleave = null;
+        } else if (trigger === 'click') {
+          target.onclick = null;
+        }
+      }
+      if (wrapperElem) {
+        const parentNode = wrapperElem.parentNode;
+        if (parentNode) {
+          parentNode.removeChild(wrapperElem);
+        }
+      }
+    });
+    const renderContent = () => {
+      const {
+        useHTML
+      } = props;
+      const {
+        tipContent
+      } = reactData;
+      const contentSlot = slots.content;
+      if (contentSlot) {
+        return (0, _vue.h)('div', {
+          key: 1,
+          class: 'vxe-table--tooltip-content'
+        }, (0, _vn.getSlotVNs)(contentSlot({})));
+      }
+      if (useHTML) {
+        return (0, _vue.h)('div', {
+          key: 2,
+          class: 'vxe-table--tooltip-content',
+          innerHTML: tipContent
+        });
+      }
+      return (0, _vue.h)('div', {
+        key: 3,
+        class: 'vxe-table--tooltip-content'
+      }, (0, _utils.formatText)(tipContent));
+    };
+    const renderVN = () => {
+      const {
+        popupClassName,
+        theme,
+        isArrow,
+        enterable
+      } = props;
+      const {
+        tipActive,
+        visible,
+        tipStore
+      } = reactData;
+      const defaultSlot = slots.default;
+      const vSize = computeSize.value;
+      let ons;
+      if (enterable) {
+        ons = {
+          onMouseenter: wrapperMouseenterEvent,
+          onMouseleave: wrapperMouseleaveEvent
+        };
+      }
+      return (0, _vue.h)('div', {
+        ref: refElem,
+        class: ['vxe-table--tooltip-wrapper', `theme--${theme}`, popupClassName ? _xeUtils.default.isFunction(popupClassName) ? popupClassName({
+          $tooltip: $xetooltip
+        }) : popupClassName : '', {
+          [`size--${vSize}`]: vSize,
+          [`placement--${tipStore.placement}`]: tipStore.placement,
+          'is--enterable': enterable,
+          'is--visible': visible,
+          'is--arrow': isArrow,
+          'is--active': tipActive
+        }],
+        style: tipStore.style,
+        ...ons
+      }, [renderContent(), (0, _vue.h)('div', {
+        class: 'vxe-table--tooltip-arrow',
+        style: tipStore.arrowStyle
+      }), ...(defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({})) : [])]);
+    };
+    $xetooltip.renderVN = renderVN;
+    return $xetooltip;
+  },
+  render() {
+    return this.renderVN();
+  }
+});

package/lib/tooltip/src/tooltip.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_size=require("../../hooks/size"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTooltip",props:{modelValue:Boolean,size:{type:String,default:()=>_globalStore.default.tooltip.size||_globalStore.default.size},trigger:{type:String,default:()=>_globalStore.default.tooltip.trigger||"hover"},theme:{type:String,default:()=>_globalStore.default.tooltip.theme||"dark"},content:{type:[String,Number],default:null},useHTML:Boolean,zIndex:[String,Number],popupClassName:[String,Function],isArrow:{type:Boolean,default:!0},enterable:Boolean,enterDelay:{type:Number,default:()=>_globalStore.default.tooltip.enterDelay},leaveDelay:{type:Number,default:()=>_globalStore.default.tooltip.leaveDelay}},emits:["update:modelValue"],setup(p,e){const{slots:v,emit:i}=e;var t=_xeUtils.default.uniqueId();const d=(0,_size.useSize)(p),c=(0,_vue.reactive)({target:null,isUpdate:!1,visible:!1,tipContent:"",tipActive:!1,tipTarget:null,tipZindex:0,tipStore:{style:{},placement:"",arrowStyle:{}}}),f=(0,_vue.ref)(),l={refElem:f},g={xID:t,props:p,context:e,reactData:c,getRefMaps:()=>l};let r={};const o=()=>{var{tipTarget:l,tipStore:i}=c;if(l){var{scrollTop:o,scrollLeft:r,visibleWidth:a}=(0,_dom.getDomNode)(),{top:n,left:u}=(0,_dom.getAbsolutePos)(l),s=f.value,p=s.offsetHeight,s=s.offsetWidth;let e=u,t=n-p-6;(e=Math.max(6,u+Math.floor((l.offsetWidth-s)/2)))+s+6>r+a&&(e=r+a-s-6),n-p<o+6&&(i.placement="bottom",t=n+l.offsetHeight+6),i.style.top=t+"px",i.style.left=e+"px",i.arrowStyle.left=u-e+l.offsetWidth/2+"px"}},a=e=>{e!==c.visible&&(c.visible=e,c.isUpdate=!0,i("update:modelValue",e))},n=()=>{c.visible?r.close():r.open()},u=()=>{r.open()},s=()=>{var{trigger:e,enterable:t,leaveDelay:l}=p;c.tipActive=!1,t&&"hover"===e?setTimeout(()=>{c.tipActive||r.close()},l):r.close()},_=()=>{c.tipActive=!0},m=()=>{var{trigger:e,enterable:t,leaveDelay:l}=p;c.tipActive=!1,t&&"hover"===e&&setTimeout(()=>{c.tipActive||r.close()},l)},x=()=>{var e=c["tipStore"],t=f.value;return t&&!t.parentNode&&document.body.appendChild(t),a(!0),c.tipZindex<(0,_utils.getLastZIndex)()&&(c.tipZindex=(0,_utils.nextZIndex)()),e.placement="top",e.style={width:"auto",left:0,top:0,zIndex:p.zIndex||c.tipZindex},e.arrowStyle={left:"50%"},r.updatePlacement()},b=_xeUtils.default.debounce(()=>{c.tipActive&&x()},p.enterDelay,{leading:!1,trailing:!0});r={dispatchEvent(e,t,l){i(e,Object.assign({$tooltip:g,$event:l},t))},open(e,t){return r.toVisible(e||c.target,t)},close(){return c.tipTarget=null,c.tipActive=!1,Object.assign(c.tipStore,{style:{},placement:"",arrowStyle:null}),a(!1),(0,_vue.nextTick)()},toVisible(e,t){if(e){var{trigger:l,enterDelay:i}=p;if(c.tipActive=!0,c.tipTarget=e,t&&(c.tipContent=t),!i||"hover"!==l)return x();b()}return(0,_vue.nextTick)()},updatePlacement(){return(0,_vue.nextTick)().then(()=>{var e=c["tipTarget"],t=f.value;if(e&&t)return o(),(0,_vue.nextTick)().then(o)})},isActived(){return c.tipActive},setActived(e){c.tipActive=!!e}},Object.assign(g,r),(0,_vue.watch)(()=>p.content,()=>{c.tipContent=p.content}),(0,_vue.watch)(()=>p.modelValue,()=>{c.isUpdate||(p.modelValue?r.open():r.close()),c.isUpdate=!1}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var{trigger:e,content:t,modelValue:l}=p;const i=f.value;if(i){const o=i.parentNode;o&&(c.tipContent=t,c.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(i.children,(e,t)=>{1<t&&(o.insertBefore(e,i),c.target||(c.target=e))}),o.removeChild(i),t=c["target"],t&&("hover"===e?(t.onmouseenter=u,t.onmouseleave=s):"click"===e&&(t.onclick=n)),l)&&r.open()}})}),(0,_vue.onBeforeUnmount)(()=>{var e=p["trigger"],t=c["target"],l=f.value;t&&("hover"===e?(t.onmouseenter=null,t.onmouseleave=null):"click"===e&&(t.onclick=null)),l&&(e=l.parentNode)&&e.removeChild(l)});return g.renderVN=()=>{var{popupClassName:e,theme:t,isArrow:l,enterable:i}=p,{tipActive:o,visible:r,tipStore:a}=c,n=v.default,u=d.value;let s;return i&&(s={onMouseenter:_,onMouseleave:m}),(0,_vue.h)("div",{ref:f,class:["vxe-table--tooltip-wrapper","theme--"+t,e?_xeUtils.default.isFunction(e)?e({$tooltip:g}):e:"",{["size--"+u]:u,["placement--"+a.placement]:a.placement,"is--enterable":i,"is--visible":r,"is--arrow":l,"is--active":o}],style:a.style,...s},[(t=p.useHTML,e=c.tipContent,(u=v.content)?(0,_vue.h)("div",{key:1,class:"vxe-table--tooltip-content"},(0,_vn.getSlotVNs)(u({}))):t?(0,_vue.h)("div",{key:2,class:"vxe-table--tooltip-content",innerHTML:e}):(0,_vue.h)("div",{key:3,class:"vxe-table--tooltip-content"},(0,_utils.formatText)(e))),(0,_vue.h)("div",{class:"vxe-table--tooltip-arrow",style:a.arrowStyle}),...n?(0,_vn.getSlotVNs)(n({})):[]])},g},render(){return this.renderVN()}});

package/lib/tooltip/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/tooltip/style/style.css

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

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

@@ -0,0 +1 @@
+.vxe-table--tooltip-wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;max-width:600px;border-radius:var(--vxe-ui-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-table--tooltip-wrapper:not(.is--enterable){pointer-events:none}.vxe-table--tooltip-wrapper.is--visible{display:block}.vxe-table--tooltip-wrapper.is--arrow .vxe-table--tooltip-arrow{display:block}.vxe-table--tooltip-wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.vxe-table--tooltip-wrapper .vxe-table--tooltip-content{white-space:pre-line}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;transform:translateX(-6px)}.vxe-table--tooltip-wrapper .vxe-table--tooltip-arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.vxe-table--tooltip-wrapper.placement--top.is--enterable:after{bottom:-6px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow{bottom:-12px}.vxe-table--tooltip-wrapper.placement--top .vxe-table--tooltip-arrow:before{top:-7px}.vxe-table--tooltip-wrapper.placement--bottom.is--enterable:after{top:-6px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow{top:-12px}.vxe-table--tooltip-wrapper.placement--bottom .vxe-table--tooltip-arrow:before{top:-4px}.vxe-table--tooltip-wrapper.theme--light{background-color:var(--vxe-ui-tooltip-light-background-color);border:1px solid var(--vxe-ui-input-border-color)}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow{border-top-color:var(--vxe-ui-input-border-color)}.vxe-table--tooltip-wrapper.theme--light.placement--top .vxe-table--tooltip-arrow:before{border-top-color:var(--vxe-ui-tooltip-light-background-color)}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow{border-bottom-color:var(--vxe-ui-input-border-color)}.vxe-table--tooltip-wrapper.theme--light.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:var(--vxe-ui-tooltip-light-background-color)}.vxe-table--tooltip-wrapper.theme--dark{background:var(--vxe-ui-tooltip-dark-background-color);color:var(--vxe-ui-tooltip-dark-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--top .vxe-table--tooltip-arrow:before{border-top-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}.vxe-table--tooltip-wrapper.theme--dark.placement--bottom .vxe-table--tooltip-arrow:before{border-bottom-color:var(--vxe-ui-tooltip-dark-background-color)}