vxe-pc-ui 0.0.2 → 0.2.0

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)}

package/lib/ui/src/core.js

@@ -3,6 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  setConfig: true,
+  getConfig: true,
+  setIcon: true,
+  getIcon: true,
+  version: true
+};
 exports.default = void 0;
 exports.getConfig = getConfig;
 exports.getIcon = getIcon;
@@ -14,6 +21,42 @@ var _domZindex = _interopRequireDefault(require("dom-zindex"));
 var _globalStore = _interopRequireDefault(require("./globalStore"));
 var _iconStore = _interopRequireDefault(require("./iconStore"));
 var _theme = _interopRequireDefault(require("./theme"));
+var _i18n = require("./i18n");
+Object.keys(_i18n).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _i18n[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _i18n[key];
+    }
+  });
+});
+var _renderer = require("./renderer");
+Object.keys(_renderer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _renderer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _renderer[key];
+    }
+  });
+});
+var _validators = require("./validators");
+Object.keys(_validators).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _validators[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _validators[key];
+    }
+  });
+});
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
 * 全局参数设置
@@ -41,13 +84,17 @@ function setIcon(options) {
 function getIcon(key) {
   return arguments.length ? _xeUtils.default.get(_iconStore.default, key) : _iconStore.default;
 }
-const version = exports.version = "0.0.2";
+const version = exports.version = "0.2.0";
 const VxeCore = {
   version,
   setConfig,
   getConfig,
   setIcon,
-  getIcon
+  getIcon,
+  getI18n: _i18n.getI18n,
+  renderer: _renderer.renderer,
+  validators: _validators.validators,
+  modal: null
 };
 (0, _theme.default)();
 var _default = exports.default = VxeCore;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getConfig=getConfig,exports.getIcon=getIcon,exports.setConfig=setConfig,exports.setIcon=setIcon,exports.version=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_domZindex=_interopRequireDefault(require("dom-zindex")),_globalStore=_interopRequireDefault(require("./globalStore")),_iconStore=_interopRequireDefault(require("./iconStore")),_theme=_interopRequireDefault(require("./theme"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function setConfig(e){return e&&(e.theme&&(0,_theme.default)(e),e.zIndex)&&_domZindex.default.setCurrent(e.zIndex),e?_xeUtils.default.merge(_globalStore.default,e):_globalStore.default}function getConfig(e,t){return arguments.length?_xeUtils.default.get(_globalStore.default,e,t):_globalStore.default}function setIcon(e){return e?Object.assign(_iconStore.default,e):_iconStore.default}function getIcon(e){return arguments.length?_xeUtils.default.get(_iconStore.default,e):_iconStore.default}const version=exports.version="0.0.2",VxeCore={version:version,setConfig:setConfig,getConfig:getConfig,setIcon:setIcon,getIcon:getIcon};(0,_theme.default)();var _default=exports.default=VxeCore;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={setConfig:!0,getConfig:!0,setIcon:!0,getIcon:!0,version:!0},_xeUtils=(exports.default=void 0,exports.getConfig=getConfig,exports.getIcon=getIcon,exports.setConfig=setConfig,exports.setIcon=setIcon,exports.version=void 0,_interopRequireDefault(require("xe-utils"))),_domZindex=_interopRequireDefault(require("dom-zindex")),_globalStore=_interopRequireDefault(require("./globalStore")),_iconStore=_interopRequireDefault(require("./iconStore")),_theme=_interopRequireDefault(require("./theme")),_i18n=require("./i18n"),_renderer=(Object.keys(_i18n).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_i18n[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _i18n[e]}})}),require("./renderer")),_validators=(Object.keys(_renderer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_renderer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _renderer[e]}})}),require("./validators"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function setConfig(e){return e&&(e.theme&&(0,_theme.default)(e),e.zIndex)&&_domZindex.default.setCurrent(e.zIndex),e?_xeUtils.default.merge(_globalStore.default,e):_globalStore.default}function getConfig(e,t){return arguments.length?_xeUtils.default.get(_globalStore.default,e,t):_globalStore.default}function setIcon(e){return e?Object.assign(_iconStore.default,e):_iconStore.default}function getIcon(e){return arguments.length?_xeUtils.default.get(_iconStore.default,e):_iconStore.default}Object.keys(_validators).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_validators[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _validators[e]}})});const version=exports.version="0.2.0",VxeCore={version:version,setConfig:setConfig,getConfig:getConfig,setIcon:setIcon,getIcon:getIcon,getI18n:_i18n.getI18n,renderer:_renderer.renderer,validators:_validators.validators,modal:null};(0,_theme.default)();var _default=exports.default=VxeCore;

package/lib/ui/src/dom.js

@@ -10,10 +10,13 @@ exports.getDomNode = getDomNode;
 exports.getEventTargetNode = getEventTargetNode;
 exports.getOffsetPos = getOffsetPos;
 exports.hasClass = hasClass;
+exports.isNodeElement = isNodeElement;
 exports.isPx = isPx;
 exports.isScale = isScale;
 exports.removeClass = removeClass;
+exports.scrollToView = scrollToView;
 exports.toCssUnit = toCssUnit;
+exports.triggerEvent = triggerEvent;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const browse = exports.browse = _xeUtils.default.browse();
@@ -124,4 +127,23 @@ function getAbsolutePos(elem) {
     visibleHeight,
     visibleWidth
   };
+}
+const scrollIntoViewIfNeeded = 'scrollIntoViewIfNeeded';
+const scrollIntoView = 'scrollIntoView';
+function scrollToView(elem) {
+  if (elem) {
+    if (elem[scrollIntoViewIfNeeded]) {
+      elem[scrollIntoViewIfNeeded]();
+    } else if (elem[scrollIntoView]) {
+      elem[scrollIntoView]();
+    }
+  }
+}
+function triggerEvent(targetElem, type) {
+  if (targetElem) {
+    targetElem.dispatchEvent(new Event(type));
+  }
+}
+function isNodeElement(elem) {
+  return elem && elem.nodeType === 1;
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.browse=void 0,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetPos=getOffsetPos,exports.hasClass=hasClass,exports.isPx=isPx,exports.isScale=isScale,exports.removeClass=removeClass,exports.toCssUnit=toCssUnit;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const browse=exports.browse=_xeUtils.default.browse(),reClsMap={};function getClsRE(e){return reClsMap[e]||(reClsMap[e]=new RegExp(`(?:^|\\s)${e}(?!\\S)`,"g")),reClsMap[e]}function getNodeOffset(e,t,s){if(e){var o=e.parentNode;if(s.top+=e.offsetTop,s.left+=e.offsetLeft,o&&o!==document.documentElement&&o!==document.body&&(s.top-=o.scrollTop,s.left-=o.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return getNodeOffset(e.offsetParent,t,s)}return s}function isPx(e){return e&&/^\d+(px)?$/.test(e)}function isScale(e){return e&&/^\d+%$/.test(e)}function hasClass(e,t){return e&&e.className&&e.className.match&&e.className.match(getClsRE(t))}function removeClass(e,t){e&&hasClass(e,t)&&(e.className=e.className.replace(getClsRE(t),""))}function addClass(e,t){e&&!hasClass(e,t)&&(removeClass(e,t),e.className=e.className+" "+t)}function toCssUnit(e){return _xeUtils.default.isNumber(e)?e+"px":e||""}function getDomNode(){var e=document.documentElement,t=document.body;return{scrollTop:e.scrollTop||t.scrollTop,scrollLeft:e.scrollLeft||t.scrollLeft,visibleHeight:e.clientHeight||t.clientHeight,visibleWidth:e.clientWidth||t.clientWidth}}function getEventTargetNode(e,t,s,o){let l,r=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;for(;r&&r.nodeType&&r!==document;){if(s&&hasClass(r,s)&&(!o||o(r)))l=r;else if(r===t)return{flag:!s||!!l,container:t,targetElem:l};r=r.parentNode}return{flag:!1}}function getOffsetPos(e,t){return getNodeOffset(e,t,{left:0,top:0})}function getAbsolutePos(e){var e=e.getBoundingClientRect(),t=e.top,e=e.left,{scrollTop:s,scrollLeft:o,visibleHeight:l,visibleWidth:r}=getDomNode();return{boundingTop:t,top:s+t,boundingLeft:e,left:o+e,visibleHeight:l,visibleWidth:r}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.addClass=addClass,exports.browse=void 0,exports.getAbsolutePos=getAbsolutePos,exports.getDomNode=getDomNode,exports.getEventTargetNode=getEventTargetNode,exports.getOffsetPos=getOffsetPos,exports.hasClass=hasClass,exports.isNodeElement=isNodeElement,exports.isPx=isPx,exports.isScale=isScale,exports.removeClass=removeClass,exports.scrollToView=scrollToView,exports.toCssUnit=toCssUnit,exports.triggerEvent=triggerEvent;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const browse=exports.browse=_xeUtils.default.browse(),reClsMap={};function getClsRE(e){return reClsMap[e]||(reClsMap[e]=new RegExp(`(?:^|\\s)${e}(?!\\S)`,"g")),reClsMap[e]}function getNodeOffset(e,t,s){if(e){var o=e.parentNode;if(s.top+=e.offsetTop,s.left+=e.offsetLeft,o&&o!==document.documentElement&&o!==document.body&&(s.top-=o.scrollTop,s.left-=o.scrollLeft),(!t||e!==t&&e.offsetParent!==t)&&e.offsetParent)return getNodeOffset(e.offsetParent,t,s)}return s}function isPx(e){return e&&/^\d+(px)?$/.test(e)}function isScale(e){return e&&/^\d+%$/.test(e)}function hasClass(e,t){return e&&e.className&&e.className.match&&e.className.match(getClsRE(t))}function removeClass(e,t){e&&hasClass(e,t)&&(e.className=e.className.replace(getClsRE(t),""))}function addClass(e,t){e&&!hasClass(e,t)&&(removeClass(e,t),e.className=e.className+" "+t)}function toCssUnit(e){return _xeUtils.default.isNumber(e)?e+"px":e||""}function getDomNode(){var e=document.documentElement,t=document.body;return{scrollTop:e.scrollTop||t.scrollTop,scrollLeft:e.scrollLeft||t.scrollLeft,visibleHeight:e.clientHeight||t.clientHeight,visibleWidth:e.clientWidth||t.clientWidth}}function getEventTargetNode(e,t,s,o){let l,r=e.target.shadowRoot&&e.composed&&e.composedPath()[0]||e.target;for(;r&&r.nodeType&&r!==document;){if(s&&hasClass(r,s)&&(!o||o(r)))l=r;else if(r===t)return{flag:!s||!!l,container:t,targetElem:l};r=r.parentNode}return{flag:!1}}function getOffsetPos(e,t){return getNodeOffset(e,t,{left:0,top:0})}function getAbsolutePos(e){var e=e.getBoundingClientRect(),t=e.top,e=e.left,{scrollTop:s,scrollLeft:o,visibleHeight:l,visibleWidth:r}=getDomNode();return{boundingTop:t,top:s+t,boundingLeft:e,left:o+e,visibleHeight:l,visibleWidth:r}}const scrollIntoViewIfNeeded="scrollIntoViewIfNeeded",scrollIntoView="scrollIntoView";function scrollToView(e){e&&(e[scrollIntoViewIfNeeded]?e[scrollIntoViewIfNeeded]():e[scrollIntoView]&&e[scrollIntoView]())}function triggerEvent(e,t){e&&e.dispatchEvent(new Event(t))}function isNodeElement(e){return e&&1===e.nodeType}