vxe-pc-ui 0.2.0 → 0.4.0

package/lib/switch/index.js

@@ -12,6 +12,6 @@ const VxeSwitch = exports.VxeSwitch = Object.assign(_switch.default, {
     app.component(_switch.default.name, _switch.default);
   }
 });
-const Switch = exports.Switch = VxeSwitch;
 _dynamics.dynamicApp.component(_switch.default.name, _switch.default);
+const Switch = exports.Switch = VxeSwitch;
 var _default = exports.default = VxeSwitch;

package/lib/switch/index.min.js

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

package/lib/switch/style/style.css

@@ -1,6 +1,6 @@
 .vxe-switch {
   display: inline-block;
-  color: var(--vxe-font-color);
+  color: var(--vxe-ui-font-color);
   vertical-align: middle;
   padding: 0.4em;
   -webkit-user-select: none;

package/lib/switch/style/style.min.css

@@ -1 +1 @@
-.vxe-switch{display:inline-block;color:var(--vxe-font-color);vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:var(--vxe-ui-switch-open-background-color)}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:var(--vxe-ui-switch-close-background-color)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 var(--vxe-primary-color)}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:var(--vxe-primary-lighten-color)}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:var(--vxe-ui-switch-disabled-background-color)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:var(--vxe-ui-switch-font-color);font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:var(--vxe-ui-switch-icon-background-color)}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:var(--vxe-font-size)}.vxe-switch.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-switch.size--small{font-size:var(--vxe-font-size-small)}.vxe-switch.size--mini{font-size:var(--vxe-font-size-mini)}
+.vxe-switch{display:inline-block;color:var(--vxe-ui-font-color);vertical-align:middle;padding:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.vxe-switch.is--animat .vxe-switch--button{transition:border-color .3s,background-color .3s}.vxe-switch.is--animat .vxe-switch--icon{transition:all .3s}.vxe-switch.is--on .vxe-switch--button{padding-right:1.7em;background-color:var(--vxe-ui-switch-open-background-color)}.vxe-switch.is--on .vxe-switch--icon{left:100%;transform:translateX(-1.4em)}.vxe-switch.is--off .vxe-switch--button{padding-left:1.7em;background-color:var(--vxe-ui-switch-close-background-color)}.vxe-switch.is--off .vxe-switch--icon{left:.2em;transform:translateX(0)}.vxe-switch.is--off .vxe-switch--label-on,.vxe-switch.is--on .vxe-switch--label-off{height:0;visibility:hidden;overflow:hidden}.vxe-switch.is--off .vxe-switch--label,.vxe-switch.is--on .vxe-switch--label{opacity:1}.vxe-switch:not(.is--disabled) .vxe-switch--button{cursor:pointer}.vxe-switch:not(.is--disabled) .vxe-switch--button:focus{box-shadow:0 0 .4em 0 var(--vxe-primary-color)}.vxe-switch.is--disabled .vxe-switch--button{cursor:no-drop}.vxe-switch.is--disabled.is--on .vxe-switch--button{background-color:var(--vxe-primary-lighten-color)}.vxe-switch.is--disabled.is--off .vxe-switch--button{background-color:var(--vxe-ui-switch-disabled-background-color)}.vxe-switch .vxe-switch--button{display:block;position:relative;height:1.6em;line-height:1;min-width:3.2em;padding:0 .6em;border-radius:1em;border:0;outline:0}.vxe-switch .vxe-switch--label{opacity:0;display:block;color:var(--vxe-ui-switch-font-color);font-size:.8em}.vxe-switch .vxe-switch--icon{position:absolute;top:.2em;left:0;width:1.2em;height:1.2em;border-radius:50%;background-color:var(--vxe-ui-switch-icon-background-color)}.vxe-switch .vxe-switch--label-icon{margin-right:.25em}.vxe-switch{font-size:var(--vxe-font-size)}.vxe-switch.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-switch.size--small{font-size:var(--vxe-font-size-small)}.vxe-switch.size--mini{font-size:var(--vxe-font-size-mini)}

package/lib/tab-pane/index.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TabPane = void 0;
 var _tabPane = _interopRequireDefault(require("../tabs/src/tab-pane"));
+var _dynamics = require("../dynamics");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const VxeTabPane = Object.assign({}, _tabPane.default, {
   install(app) {
     app.component(_tabPane.default.name, _tabPane.default);
   }
 });
+_dynamics.dynamicApp.component(_tabPane.default.name, _tabPane.default);
 const TabPane = exports.TabPane = VxeTabPane;
 var _default = exports.default = VxeTabPane;

package/lib/tab-pane/index.min.js

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

package/lib/tabs/index.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Tabs = void 0;
 var _tabs = _interopRequireDefault(require("./src/tabs"));
+var _dynamics = require("../dynamics");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const VxeTabs = Object.assign({}, _tabs.default, {
   install(app) {
     app.component(_tabs.default.name, _tabs.default);
   }
 });
+_dynamics.dynamicApp.component(_tabs.default.name, _tabs.default);
 const Tabs = exports.Tabs = VxeTabs;
 var _default = exports.default = VxeTabs;

package/lib/tabs/index.min.js

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

package/lib/tabs/src/tabs.js

@@ -17,10 +17,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
     destroyOnClose: Boolean,
     type: String
   },
-  emits: [],
+  emits: ['update:modelValue', 'click', 'change', 'load'],
   setup(props, context) {
     const {
-      slots
+      slots,
+      emit
     } = context;
     const xID = _xeUtils.default.uniqueId();
     const refElem = (0, _vue.ref)();
@@ -82,30 +83,62 @@ var _default = exports.default = (0, _vue.defineComponent)({
           activeName
         } = reactData;
         const headerWrapperEl = refHeaderElem.value;
-        if (headerWrapperEl && !type) {
+        let lintWidth = 0;
+        let lintLeft = 0;
+        if (headerWrapperEl) {
           const index = _xeUtils.default.findIndexOf(staticTabs.length ? staticTabs : options, item => item.name === activeName);
           if (index > -1) {
             const tabEl = headerWrapperEl.children[index];
             const tabWidth = tabEl.clientWidth;
-            const lintWidth = Math.max(4, Math.floor(tabWidth * 0.6));
-            reactData.lintLeft = tabEl.offsetLeft + Math.floor((tabWidth - lintWidth) / 2);
-            reactData.lintWidth = lintWidth;
+            if (type === 'card') {
+              lintWidth = tabWidth + 1;
+              lintLeft = tabEl.offsetLeft;
+            } else if (type === 'border-card') {
+              lintWidth = tabWidth + 1;
+              lintLeft = tabEl.offsetLeft - 1;
+            } else if (!type) {
+              lintWidth = Math.max(4, Math.floor(tabWidth * 0.6));
+              lintLeft = tabEl.offsetLeft + Math.floor((tabWidth - lintWidth) / 2);
+            }
           }
         }
+        reactData.lintLeft = lintLeft;
+        reactData.lintWidth = lintWidth;
       });
     };
     const clickEvent = (evnt, item) => {
       const {
-        initNames
+        initNames,
+        activeName
       } = reactData;
       const {
         name
       } = item;
+      let isInit = false;
+      const value = name;
       if (!initNames.includes(name)) {
+        isInit = true;
         initNames.push(name);
       }
       reactData.activeName = name;
-      updateLineStyle();
+      emit('update:modelValue', value);
+      if (name !== activeName) {
+        emit('change', {
+          value,
+          name,
+          $event: evnt
+        });
+      }
+      emit('click', {
+        name,
+        $event: evnt
+      });
+      if (isInit) {
+        emit('load', {
+          name,
+          $event: evnt
+        });
+      }
     };
     const renderTabHeader = list => {
       const {
@@ -129,6 +162,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } = item;
         const tabSlot = slots ? slots.tab : null;
         return (0, _vue.h)('div', {
+          key: name,
           class: ['vxe-tab-header--item', {
             'is--active': activeName === name
           }],
@@ -141,8 +175,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
           name,
           title
         }) : `${title}`)]);
-      })), type ? null : (0, _vue.h)('span', {
-        class: 'vxe-tabs-header--active-line',
+      })), (0, _vue.h)('span', {
+        class: `vxe-tabs-header--active-line-${type || 'default'}`,
         style: {
           left: `${lintLeft}px`,
           width: `${lintWidth}px`
@@ -162,6 +196,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return (0, _vue.h)(_tabPane.default, item, {
         default() {
           return name && initNames.includes(name) ? (0, _vue.h)('div', {
+            key: name,
             class: ['vxe-tab-pane--item', {
               'is--visible': activeName === name
             }]
@@ -175,7 +210,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = props;
       const activeOptionTab = computeActiveOptionTab.value;
       if (destroyOnClose) {
-        return activeOptionTab ? renderOptionPane(activeOptionTab) : (0, _vue.createCommentVNode)();
+        return activeOptionTab ? [renderOptionPane(activeOptionTab)] : (0, _vue.createCommentVNode)();
       }
       return options.map(renderOptionPane);
     };
@@ -190,6 +225,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = item;
       const defaultSlot = slots ? slots.default : null;
       return name && initNames.includes(name) ? (0, _vue.h)('div', {
+        key: name,
         class: ['vxe-tab-pane--item', {
           'is--visible': activeName === name
         }]
@@ -201,7 +237,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = props;
       const activeDefaultTab = computeActiveDefaultTab.value;
       if (destroyOnClose) {
-        return activeDefaultTab ? renderDefaultPane(activeDefaultTab) : (0, _vue.createCommentVNode)();
+        return activeDefaultTab ? [renderDefaultPane(activeDefaultTab)] : (0, _vue.createCommentVNode)();
       }
       return staticTabs.map(renderDefaultPane);
     };
@@ -225,6 +261,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     (0, _vue.watch)(() => props.modelValue, val => {
       reactData.activeName = val;
+    });
+    (0, _vue.watch)(() => reactData.activeName, () => {
       updateLineStyle();
     });
     (0, _vue.onMounted)(() => {

package/lib/tabs/src/tabs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_tabPane=_interopRequireDefault(require("./tab-pane")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTabs",props:{modelValue:[String,Number,Boolean],options:Array,destroyOnClose:Boolean,type:String},emits:[],setup(n,e){const i=e["slots"];var t=_xeUtils.default.uniqueId();const u=(0,_vue.ref)(),l=(0,_vue.ref)(),r=(0,_vue.reactive)({staticTabs:[],activeName:n.modelValue,initNames:n.modelValue?[n.modelValue]:[],lintLeft:0,lintWidth:0}),a={refElem:u},v=(0,_vue.computed)(()=>{var e=n["options"];const t=r["activeName"];return e?e.find(e=>e.name===t):null}),o=(0,_vue.computed)(()=>{const{staticTabs:e,activeName:t}=r;return e.find(e=>e.name===t)}),s={};t={xID:t,props:n,context:e,reactData:r,getRefMaps:()=>a,getComputeMaps:()=>s};const d=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],c=()=>{(0,_vue.nextTick)(()=>{var{type:e,options:t}=n;const{staticTabs:a,activeName:s}=r;var i=l.value;i&&!e&&-1<(e=_xeUtils.default.findIndexOf(a.length?a:t,e=>e.name===s))&&(i=(t=i.children[e]).clientWidth,e=Math.max(4,Math.floor(.6*i)),r.lintLeft=t.offsetLeft+Math.floor((i-e)/2),r.lintWidth=e)})},m=(e,t)=>{var a=r["initNames"],t=t["name"];a.includes(t)||a.push(t),r.activeName=t,c()},_=e=>{const{initNames:t,activeName:a}=r,{name:s,slots:i}=e,n=i?i.default:null;return(0,_vue.h)(_tabPane.default,e,{default(){return s&&t.includes(s)?(0,_vue.h)("div",{class:["vxe-tab-pane--item",{"is--visible":a===s}]},d(n,{})):(0,_vue.createCommentVNode)()}})},p=e=>{var{initNames:t,activeName:a}=r,{name:e,slots:s}=e,s=s?s.default:null;return e&&t.includes(e)?(0,_vue.h)("div",{class:["vxe-tab-pane--item",{"is--visible":a===e}]},d(s,{})):(0,_vue.createCommentVNode)()};return(0,_vue.watch)(()=>n.modelValue,e=>{r.activeName=e,c()}),(0,_vue.onMounted)(()=>{c()}),t.renderVN=()=>{var{type:e,options:t}=n,a=r["staticTabs"],s=i.default;return(0,_vue.h)("div",{ref:u,class:["vxe-tabs","vxe-tabs--"+(e||"default")]},[(0,_vue.h)("div",{class:"vxe-tabs-slots"},s?s({}):[]),(e=>{var t=n["type"];const{activeName:i,lintLeft:a,lintWidth:s}=r;return(0,_vue.h)("div",{class:"vxe-tabs-header"},[(0,_vue.h)("div",{ref:l,class:"vxe-tabs-header--wrapper"},e.map(t=>{var{title:e,name:a,slots:s}=t,s=s?s.tab:null;return(0,_vue.h)("div",{class:["vxe-tab-header--item",{"is--active":i===a}],onClick(e){m(e,t)}},[(0,_vue.h)("div",{class:"vxe-tab-header--item-name"},s?d(s,{name:a,title:e}):""+e)])})),t?null:(0,_vue.h)("span",{class:"vxe-tabs-header--active-line",style:{left:a+"px",width:s+"px"}})])})(s?a:t||[]),(0,_vue.h)("div",{class:"vxe-tabs-pane"},s?(e=a,s=n.destroyOnClose,a=o.value,s?a?p(a):(0,_vue.createCommentVNode)():e.map(p)):(s=t||[],a=n.destroyOnClose,e=v.value,a?e?_(e):(0,_vue.createCommentVNode)():s.map(_)))])},(0,_vue.provide)("$xeTabs",t),t},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_tabPane=_interopRequireDefault(require("./tab-pane")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTabs",props:{modelValue:[String,Number,Boolean],options:Array,destroyOnClose:Boolean,type:String},emits:["update:modelValue","click","change","load"],setup(u,e){const{slots:n,emit:l}=e;var t=_xeUtils.default.uniqueId();const s=(0,_vue.ref)(),r=(0,_vue.ref)(),v=(0,_vue.reactive)({staticTabs:[],activeName:u.modelValue,initNames:u.modelValue?[u.modelValue]:[],lintLeft:0,lintWidth:0}),a={refElem:s},o=(0,_vue.computed)(()=>{var e=u["options"];const t=v["activeName"];return e?e.find(e=>e.name===t):null}),d=(0,_vue.computed)(()=>{const{staticTabs:e,activeName:t}=v;return e.find(e=>e.name===t)}),i={};t={xID:t,props:u,context:e,reactData:v,getRefMaps:()=>a,getComputeMaps:()=>i};const c=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],m=()=>{(0,_vue.nextTick)(()=>{var{type:e,options:t}=u;const{staticTabs:a,activeName:i}=v;var n=r.value;let s=0,l=0;n&&-1<(t=_xeUtils.default.findIndexOf(a.length?a:t,e=>e.name===i))&&(t=(n=n.children[t]).clientWidth,"card"===e?(s=t+1,l=n.offsetLeft):"border-card"===e?(s=t+1,l=n.offsetLeft-1):e||(s=Math.max(4,Math.floor(.6*t)),l=n.offsetLeft+Math.floor((t-s)/2))),v.lintLeft=l,v.lintWidth=s})},f=(e,t)=>{var{initNames:a,activeName:i}=v,t=t["name"];let n=!1;var s=t;a.includes(t)||(n=!0,a.push(t)),v.activeName=t,l("update:modelValue",s),t!==i&&l("change",{value:s,name:t,$event:e}),l("click",{name:t,$event:e}),n&&l("load",{name:t,$event:e})},_=e=>{const{initNames:t,activeName:a}=v,{name:i,slots:n}=e,s=n?n.default:null;return(0,_vue.h)(_tabPane.default,e,{default(){return i&&t.includes(i)?(0,_vue.h)("div",{key:i,class:["vxe-tab-pane--item",{"is--visible":a===i}]},c(s,{})):(0,_vue.createCommentVNode)()}})},p=e=>{var{initNames:t,activeName:a}=v,{name:e,slots:i}=e,i=i?i.default:null;return e&&t.includes(e)?(0,_vue.h)("div",{key:e,class:["vxe-tab-pane--item",{"is--visible":a===e}]},c(i,{})):(0,_vue.createCommentVNode)()};return(0,_vue.watch)(()=>u.modelValue,e=>{v.activeName=e}),(0,_vue.watch)(()=>v.activeName,()=>{m()}),(0,_vue.onMounted)(()=>{m()}),t.renderVN=()=>{var{type:e,options:t}=u,a=v["staticTabs"],i=n.default;return(0,_vue.h)("div",{ref:s,class:["vxe-tabs","vxe-tabs--"+(e||"default")]},[(0,_vue.h)("div",{class:"vxe-tabs-slots"},i?i({}):[]),(e=>{var t=u["type"];const{activeName:n,lintLeft:a,lintWidth:i}=v;return(0,_vue.h)("div",{class:"vxe-tabs-header"},[(0,_vue.h)("div",{ref:r,class:"vxe-tabs-header--wrapper"},e.map(t=>{var{title:e,name:a,slots:i}=t,i=i?i.tab:null;return(0,_vue.h)("div",{key:a,class:["vxe-tab-header--item",{"is--active":n===a}],onClick(e){f(e,t)}},[(0,_vue.h)("div",{class:"vxe-tab-header--item-name"},i?c(i,{name:a,title:e}):""+e)])})),(0,_vue.h)("span",{class:"vxe-tabs-header--active-line-"+(t||"default"),style:{left:a+"px",width:i+"px"}})])})(i?a:t||[]),(0,_vue.h)("div",{class:"vxe-tabs-pane"},i?(e=a,i=u.destroyOnClose,a=d.value,i?a?[p(a)]:(0,_vue.createCommentVNode)():e.map(p)):(i=t||[],a=u.destroyOnClose,e=o.value,a?e?[_(e)]:(0,_vue.createCommentVNode)():i.map(_)))])},(0,_vue.provide)("$xeTabs",t),t},render(){return this.renderVN()}});

package/lib/tabs/style/style.css

@@ -5,13 +5,7 @@
 .vxe-tabs-header {
   position: relative;
 }
-
-.vxe-tabs-header--wrapper {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-}
-.vxe-tabs-header--wrapper::after {
+.vxe-tabs-header::after {
   content: "";
   position: absolute;
   left: 0;
@@ -21,6 +15,12 @@
   background-color: #e4e7ed;
 }
 
+.vxe-tabs-header--wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+}
+
 .vxe-tab-header--item {
   position: relative;
   padding: 0 16px;
@@ -30,9 +30,14 @@
   color: var(--vxe-ui-font-primary-color);
 }
 
+.vxe-tabs-header--active-line-card,
+.vxe-tabs-header--active-line-border-card,
 .vxe-tab-header--item-name {
   height: 40px;
   line-height: 40px;
+}
+
+.vxe-tab-header--item-name {
   border-bottom: 2px solid transparent;
   transition: color 0.3s ease-in-out;
 }
@@ -45,11 +50,23 @@
   display: block;
 }
 
-.vxe-tabs-header--active-line {
+.vxe-tabs-header--active-line-card,
+.vxe-tabs-header--active-line-border-card {
+  transition: all 0.3s ease-in-out;
+}
+
+.vxe-tabs-header--active-line-default,
+.vxe-tabs-header--active-line-card,
+.vxe-tabs-header--active-line-border-card {
   display: none;
 }
 
-.vxe-tabs--default .vxe-tabs-header--active-line {
+.vxe-tabs-header--active-line-border-card {
+  border-left: 1px solid #e4e7ed;
+  border-right: 1px solid #e4e7ed;
+}
+
+.vxe-tabs--default .vxe-tabs-header--active-line-default {
   display: block;
   position: absolute;
   bottom: -1px;
@@ -61,6 +78,16 @@
   transition: all 0.3s ease-in-out;
 }
 
+.vxe-tabs--card .vxe-tabs-header--active-line-card {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  border: 1px solid var(--vxe-ui-font-primary-color);
+  pointer-events: none;
+  z-index: 1;
+}
 .vxe-tabs--card .vxe-tabs-header {
   border-top: 1px solid #e4e7ed;
   border-left: 1px solid #e4e7ed;
@@ -75,6 +102,19 @@
   border-right: 1px solid #e4e7ed;
 }
 
+.vxe-tabs--border-card .vxe-tabs-header--wrapper {
+  z-index: 2;
+}
+.vxe-tabs--border-card .vxe-tabs-header--active-line-border-card {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  background-color: #ffffff;
+  pointer-events: none;
+  z-index: 1;
+}
 .vxe-tabs--border-card .vxe-tab-pane--item {
   border-bottom: 1px solid #e4e7ed;
   border-left: 1px solid #e4e7ed;
@@ -85,29 +125,4 @@
   border-left: 1px solid #e4e7ed;
   border-right: 1px solid #e4e7ed;
   background-color: #f5f7fa;
-}
-.vxe-tabs--border-card .vxe-tab-header--item.is--active {
-  background-color: #ffffff;
-}
-.vxe-tabs--border-card .vxe-tab-header--item.is--active::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: -1px;
-  width: calc(100% + 2px);
-  height: 100%;
-  border-left: 1px solid #e4e7ed;
-  border-right: 1px solid #e4e7ed;
-  pointer-events: none;
-}
-.vxe-tabs--border-card .vxe-tab-header--item.is--active::after {
-  content: "";
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 1px;
-  background-color: var(--vxe-ui-layout-background-color);
-  pointer-events: none;
-  z-index: 1;
 }

package/lib/tabs/style/style.min.css

@@ -1 +1 @@
-.vxe-tabs{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header{position:relative}.vxe-tabs-header--wrapper{position:relative;display:flex;flex-direction:row}.vxe-tabs-header--wrapper::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e4e7ed}.vxe-tab-header--item{position:relative;padding:0 16px;cursor:pointer}.vxe-tab-header--item.is--active{color:var(--vxe-ui-font-primary-color)}.vxe-tab-header--item-name{height:40px;line-height:40px;border-bottom:2px solid transparent;transition:color .3s ease-in-out}.vxe-tab-pane--item{display:none;padding:var(--vxe-ui-layout-padding-default)}.vxe-tab-pane--item.is--visible{display:block}.vxe-tabs-header--active-line{display:none}.vxe-tabs--default .vxe-tabs-header--active-line{display:block;position:absolute;bottom:-1px;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:1;transition:all .3s ease-in-out}.vxe-tabs--card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item{border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tab-header--item:last-child{border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tab-pane--item{border-bottom:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;background-color:#f5f7fa}.vxe-tabs--border-card .vxe-tab-header--item.is--active{background-color:#fff}.vxe-tabs--border-card .vxe-tab-header--item.is--active::before{content:"";position:absolute;top:0;left:-1px;width:calc(100% + 2px);height:100%;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;pointer-events:none}.vxe-tabs--border-card .vxe-tab-header--item.is--active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--vxe-ui-layout-background-color);pointer-events:none;z-index:1}
+.vxe-tabs{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header{position:relative}.vxe-tabs-header::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e4e7ed}.vxe-tabs-header--wrapper{position:relative;display:flex;flex-direction:row}.vxe-tab-header--item{position:relative;padding:0 16px;cursor:pointer}.vxe-tab-header--item.is--active{color:var(--vxe-ui-font-primary-color)}.vxe-tab-header--item-name,.vxe-tabs-header--active-line-border-card,.vxe-tabs-header--active-line-card{height:40px;line-height:40px}.vxe-tab-header--item-name{border-bottom:2px solid transparent;transition:color .3s ease-in-out}.vxe-tab-pane--item{display:none;padding:var(--vxe-ui-layout-padding-default)}.vxe-tab-pane--item.is--visible{display:block}.vxe-tabs-header--active-line-border-card,.vxe-tabs-header--active-line-card{transition:all .3s ease-in-out}.vxe-tabs-header--active-line-border-card,.vxe-tabs-header--active-line-card,.vxe-tabs-header--active-line-default{display:none}.vxe-tabs-header--active-line-border-card{border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed}.vxe-tabs--default .vxe-tabs-header--active-line-default{display:block;position:absolute;bottom:-1px;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:1;transition:all .3s ease-in-out}.vxe-tabs--card .vxe-tabs-header--active-line-card{display:block;position:absolute;top:0;left:0;width:4px;border:1px solid var(--vxe-ui-font-primary-color);pointer-events:none;z-index:1}.vxe-tabs--card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item{border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tab-header--item:last-child{border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tabs-header--wrapper{z-index:2}.vxe-tabs--border-card .vxe-tabs-header--active-line-border-card{display:block;position:absolute;top:0;left:0;width:4px;background-color:#fff;pointer-events:none;z-index:1}.vxe-tabs--border-card .vxe-tab-pane--item{border-bottom:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;background-color:#f5f7fa}

package/lib/textarea/index.js

@@ -12,6 +12,6 @@ const VxeTextarea = exports.VxeTextarea = Object.assign(_textarea.default, {
     app.component(_textarea.default.name, _textarea.default);
   }
 });
-const Textarea = exports.Textarea = VxeTextarea;
 _dynamics.dynamicApp.component(_textarea.default.name, _textarea.default);
+const Textarea = exports.Textarea = VxeTextarea;
 var _default = exports.default = VxeTextarea;

package/lib/textarea/index.min.js

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

package/lib/textarea/style/style.css

@@ -14,7 +14,7 @@
   outline: 0;
   font-size: inherit;
   padding: 0 0.6em;
-  color: var(--vxe-font-color);
+  color: var(--vxe-ui-font-color);
   line-height: inherit;
   border: 1px solid var(--vxe-ui-input-border-color);
   background-color: var(--vxe-ui-textarea-background-color);
@@ -38,7 +38,7 @@
 .vxe-textarea--inner,
 .vxe-textarea--autosize {
   line-height: var(--vxe-ui-textarea-line-height);
-  color: var(--vxe-font-color);
+  color: var(--vxe-ui-font-color);
   font-family: var(--vxe-font-family);
 }
 

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

@@ -1 +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)}
+.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-ui-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-ui-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

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Tooltip = void 0;
 var _tooltip = _interopRequireDefault(require("./src/tooltip"));
+var _dynamics = require("../dynamics");
 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);
   }
 });
+_dynamics.dynamicApp.component(_tooltip.default.name, _tooltip.default);
 const Tooltip = exports.Tooltip = VxeTooltip;
 var _default = exports.default = VxeTooltip;

package/lib/tooltip/index.min.js

@@ -1 +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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tooltip=void 0;var _tooltip=_interopRequireDefault(require("./src/tooltip")),_dynamics=require("../dynamics");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=(_dynamics.dynamicApp.component(_tooltip.default.name,_tooltip.default),exports.Tooltip=VxeTooltip);var _default=exports.default=VxeTooltip;

package/lib/tooltip/src/tooltip.js

@@ -390,7 +390,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           onMouseleave: wrapperMouseleaveEvent
         };
       }
-      return (0, _vue.h)('div', {
+      return (0, _vue.h)('div', Object.assign({
         ref: refElem,
         class: ['vxe-table--tooltip-wrapper', `theme--${theme}`, popupClassName ? _xeUtils.default.isFunction(popupClassName) ? popupClassName({
           $tooltip: $xetooltip
@@ -402,9 +402,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
           'is--arrow': isArrow,
           'is--active': tipActive
         }],
-        style: tipStore.style,
-        ...ons
-      }, [renderContent(), (0, _vue.h)('div', {
+        style: tipStore.style
+      }, ons), [renderContent(), (0, _vue.h)('div', {
         class: 'vxe-table--tooltip-arrow',
         style: tipStore.arrowStyle
       }), ...(defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({})) : [])]);

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

@@ -1 +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()}});
+"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)},b=()=>{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()},x=_xeUtils.default.debounce(()=>{c.tipActive&&b()},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 b();x()}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",Object.assign({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/ui/src/core.js

@@ -84,7 +84,7 @@ function setIcon(options) {
 function getIcon(key) {
   return arguments.length ? _xeUtils.default.get(_iconStore.default, key) : _iconStore.default;
 }
-const version = exports.version = "0.2.0";
+const version = exports.version = "0.4.0";
 const VxeCore = {
   version,
   setConfig,

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

@@ -1 +1 @@
-"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;
+"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.4.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;