vxe-pc-ui 3.16.0 → 3.16.1

package/lib/anchor-link/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeAnchorLink = exports.AnchorLink = void 0;
+var _core = require("@vxe-ui/core");
+var _dynamics = require("../dynamics");
+var _anchorLink = _interopRequireDefault(require("../anchor/src/anchor-link"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeAnchorLink = exports.VxeAnchorLink = Object.assign({}, _anchorLink.default, {
+  install: function install(app) {
+    app.component(_anchorLink.default.name, _anchorLink.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeAnchorLink);
+_core.VxeUI.component(_anchorLink.default);
+var AnchorLink = exports.AnchorLink = VxeAnchorLink;
+var _default = exports.default = VxeAnchorLink;

package/lib/anchor-link/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeAnchorLink=exports.AnchorLink=void 0;var _core=require("@vxe-ui/core"),_dynamics=require("../dynamics"),_anchorLink=_interopRequireDefault(require("../anchor/src/anchor-link"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeAnchorLink=exports.VxeAnchorLink=Object.assign({},_anchorLink.default,{install:function(e){e.component(_anchorLink.default.name,_anchorLink.default)}}),AnchorLink=(_dynamics.dynamicApp.use(VxeAnchorLink),_core.VxeUI.component(_anchorLink.default),exports.AnchorLink=VxeAnchorLink),_default=exports.default=VxeAnchorLink;

package/lib/anchor-link/style/index.js

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

package/lib/avatar/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeAvatar = exports.Avatar = void 0;
+var _core = require("@vxe-ui/core");
+var _avatar = _interopRequireDefault(require("./src/avatar"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeAvatar = exports.VxeAvatar = Object.assign({}, _avatar.default, {
+  install: function install(app) {
+    app.component(_avatar.default.name, _avatar.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeAvatar);
+_core.VxeUI.component(_avatar.default);
+var Avatar = exports.Avatar = VxeAvatar;
+var _default = exports.default = VxeAvatar;

package/lib/avatar/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeAvatar=exports.Avatar=void 0;var _core=require("@vxe-ui/core"),_avatar=_interopRequireDefault(require("./src/avatar")),_dynamics=require("../dynamics");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var VxeAvatar=exports.VxeAvatar=Object.assign({},_avatar.default,{install:function(a){a.component(_avatar.default.name,_avatar.default)}}),Avatar=(_dynamics.dynamicApp.use(VxeAvatar),_core.VxeUI.component(_avatar.default),exports.Avatar=VxeAvatar),_default=exports.default=VxeAvatar;

package/lib/avatar/src/avatar.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _dom = require("../../ui/src/dom");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeAvatar',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    count: [String, Number],
+    dot: Boolean,
+    content: [String, Number],
+    icon: String,
+    src: String,
+    width: [String, Number],
+    height: [String, Number],
+    circle: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().avatar.circle;
+      }
+    },
+    status: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().avatar.status;
+      }
+    },
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().avatar.size || (0, _ui.getConfig)().size;
+      }
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {};
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeAvatarStyle: function computeAvatarStyle() {
+      var $xeAvatar = this;
+      var props = $xeAvatar;
+      var width = props.width,
+        height = props.height;
+      var stys = {};
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
+      if (height) {
+        stys.height = (0, _dom.toCssUnit)(height);
+      }
+      return stys;
+    },
+    computeCountNum: function computeCountNum() {
+      var $xeAvatar = this;
+      var props = $xeAvatar;
+      var count = props.count;
+      return count ? _xeUtils.default.toNumber(count) : 0;
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeAvatar = this;
+      $xeAvatar.$emit(type, (0, _ui.createEvent)(evnt, {
+        $avatar: $xeAvatar
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderContent: function renderContent(h) {
+      var $xeAvatar = this;
+      var props = $xeAvatar;
+      var icon = props.icon,
+        content = props.content,
+        src = props.src;
+      if (icon) {
+        return h('span', {
+          class: 'vxe-avatar--icon'
+        }, [h('i', {
+          class: icon
+        })]);
+      }
+      if (content) {
+        return h('span', {
+          class: 'vxe-avatar--content'
+        }, "".concat(content));
+      }
+      if (src) {
+        return h('img', {
+          class: 'vxe-avatar--img',
+          attrs: {
+            src: src
+          }
+        });
+      }
+      return (0, _ui.renderEmptyElement)($xeAvatar);
+    },
+    renderVN: function renderVN(h) {
+      var $xeAvatar = this;
+      var props = $xeAvatar;
+      var circle = props.circle,
+        dot = props.dot,
+        status = props.status;
+      var vSize = $xeAvatar.computeSize;
+      var countNum = $xeAvatar.computeCountNum;
+      var avatarStyle = $xeAvatar.computeAvatarStyle;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-avatar', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status), 'is--circle', circle), 'is--dot', dot)],
+        style: avatarStyle
+      }, [$xeAvatar.renderContent(h), countNum ? h('span', {
+        class: 'vxe-avatar--count'
+      }, countNum > 99 ? '99+' : "".concat(countNum)) : (0, _ui.renderEmptyElement)($xeAvatar)]);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/avatar/src/avatar.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,r){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0===r)return("string"===e?String:Number)(t);r=r.call(t,e||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeAvatar",mixins:[_ui.globalMixins.sizeMixin],props:{count:[String,Number],dot:Boolean,content:[String,Number],icon:String,src:String,width:[String,Number],height:[String,Number],circle:{type:Boolean,default:function(){return(0,_ui.getConfig)().avatar.circle}},status:{type:String,default:function(){return(0,_ui.getConfig)().avatar.status}},size:{type:String,default:function(){return(0,_ui.getConfig)().avatar.size||(0,_ui.getConfig)().size}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeAvatarStyle:function(){var t=this.width,e=this.height,r={};return t&&(r.width=(0,_dom.toCssUnit)(t)),e&&(r.height=(0,_dom.toCssUnit)(e)),r},computeCountNum:function(){var t=this.count;return t?_xeUtils.default.toNumber(t):0}}),methods:{dispatchEvent:function(t,e,r){this.$emit(t,(0,_ui.createEvent)(r,{$avatar:this},e))},renderContent:function(t){var e=this,r=e.icon,i=e.content,e=e.src;return r?t("span",{class:"vxe-avatar--icon"},[t("i",{class:r})]):i?t("span",{class:"vxe-avatar--content"},"".concat(i)):e?t("img",{class:"vxe-avatar--img",attrs:{src:e}}):(0,_ui.renderEmptyElement)(this)},renderVN:function(t){var e=this,r=e.circle,i=e.dot,n=e.status,o=e.computeSize,u=e.computeCountNum,a=e.computeAvatarStyle;return t("div",{ref:"refElem",class:["vxe-avatar",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(o),o),"theme--".concat(n),n),"is--circle",r),"is--dot",i)],style:a},[e.renderContent(t),u?t("span",{class:"vxe-avatar--count"},99<u?"99+":"".concat(u)):(0,_ui.renderEmptyElement)(e)])}},render:function(t){return this.renderVN(t)}});

package/lib/avatar/style/index.js

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

package/lib/avatar/style/style.css

@@ -0,0 +1,98 @@
+.vxe-avatar {
+  position: relative;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--vxe-ui-base-border-radius);
+  vertical-align: middle;
+}
+.vxe-avatar.is--circle {
+  border-radius: 50%;
+}
+.vxe-avatar.is--circle .vxe-avatar--img {
+  border-radius: 50%;
+}
+.vxe-avatar.is--dot::before {
+  content: "";
+  position: absolute;
+  top: -0.25em;
+  right: -0.25em;
+  text-align: center;
+  width: 0.5em;
+  height: 0.5em;
+  border-radius: 50%;
+  background-color: #ff4d4f;
+  z-index: 1;
+}
+.vxe-avatar.theme--primary {
+  color: #fff;
+  border-color: var(--vxe-ui-font-primary-color);
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-avatar.theme--success {
+  color: #fff;
+  border-color: var(--vxe-ui-status-success-color);
+  background-color: var(--vxe-ui-status-success-color);
+}
+.vxe-avatar.theme--info {
+  color: #fff;
+  border-color: var(--vxe-ui-status-info-color);
+  background-color: var(--vxe-ui-status-info-color);
+}
+.vxe-avatar.theme--warning {
+  color: #fff;
+  border-color: var(--vxe-ui-status-warning-color);
+  background-color: var(--vxe-ui-status-warning-color);
+}
+.vxe-avatar.theme--danger {
+  color: #fff;
+  border-color: var(--vxe-ui-status-danger-color);
+  background-color: var(--vxe-ui-status-danger-color);
+}
+.vxe-avatar.theme--error {
+  color: #fff;
+  border-color: var(--vxe-ui-status-error-color);
+  background-color: var(--vxe-ui-status-error-color);
+}
+
+.vxe-avatar--img {
+  width: 100%;
+  height: 100%;
+  border-radius: var(--vxe-ui-base-border-radius);
+}
+
+.vxe-avatar--count {
+  position: absolute;
+  top: -0.8em;
+  right: -0.8em;
+  text-align: center;
+  min-width: 1.5em;
+  height: 1.5em;
+  padding: 0 0.4em;
+  border-radius: 0.8em;
+  font-size: 0.8em;
+  background-color: #ff4d4f;
+  color: #fff;
+  z-index: 1;
+}
+
+.vxe-avatar {
+  width: 36px;
+  height: 36px;
+}
+.vxe-avatar.size--medium {
+  width: 32px;
+  height: 32px;
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-avatar.size--small {
+  width: 28px;
+  height: 28px;
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-avatar.size--mini {
+  width: 24px;
+  height: 24px;
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/lib/avatar/style/style.min.css

@@ -0,0 +1 @@
+.vxe-avatar{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);vertical-align:middle}.vxe-avatar.is--circle{border-radius:50%}.vxe-avatar.is--circle .vxe-avatar--img{border-radius:50%}.vxe-avatar.is--dot::before{content:"";position:absolute;top:-.25em;right:-.25em;text-align:center;width:.5em;height:.5em;border-radius:50%;background-color:#ff4d4f;z-index:1}.vxe-avatar.theme--primary{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-avatar.theme--success{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-avatar.theme--info{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-avatar.theme--warning{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-avatar.theme--danger{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-avatar.theme--error{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-avatar--img{width:100%;height:100%;border-radius:var(--vxe-ui-base-border-radius)}.vxe-avatar--count{position:absolute;top:-.8em;right:-.8em;text-align:center;min-width:1.5em;height:1.5em;padding:0 .4em;border-radius:.8em;font-size:.8em;background-color:#ff4d4f;color:#fff;z-index:1}.vxe-avatar{width:36px;height:36px}.vxe-avatar.size--medium{width:32px;height:32px;font-size:var(--vxe-ui-font-size-medium)}.vxe-avatar.size--small{width:28px;height:28px;font-size:var(--vxe-ui-font-size-small)}.vxe-avatar.size--mini{width:24px;height:24px;font-size:var(--vxe-ui-font-size-mini)}

package/lib/backtop/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeBacktop = exports.Backtop = void 0;
+var _core = require("@vxe-ui/core");
+var _dynamics = require("../dynamics");
+var _backtop = _interopRequireDefault(require("./src/backtop"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeBacktop = exports.VxeBacktop = Object.assign({}, _backtop.default, {
+  install: function install(app) {
+    app.component(_backtop.default.name, _backtop.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeBacktop);
+_core.VxeUI.component(_backtop.default);
+var Backtop = exports.Backtop = VxeBacktop;
+var _default = exports.default = VxeBacktop;

package/lib/backtop/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeBacktop=exports.Backtop=void 0;var _core=require("@vxe-ui/core"),_dynamics=require("../dynamics"),_backtop=_interopRequireDefault(require("./src/backtop"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeBacktop=exports.VxeBacktop=Object.assign({},_backtop.default,{install:function(e){e.component(_backtop.default.name,_backtop.default)}}),Backtop=(_dynamics.dynamicApp.use(VxeBacktop),_core.VxeUI.component(_backtop.default),exports.Backtop=VxeBacktop),_default=exports.default=VxeBacktop;

package/lib/backtop/src/backtop.js

@@ -0,0 +1,347 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _log = require("../../ui/src/log");
+var _utils = require("../../ui/src/utils");
+var _dom = require("../../ui/src/dom");
+var _button = _interopRequireDefault(require("../../button"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _createComponentLog = (0, _log.createComponentLog)('backtop'),
+  errLog = _createComponentLog.errLog;
+function createInternalData() {
+  return {
+    targetEl: null
+  };
+}
+function createReactData() {
+  return {
+    showBtn: false,
+    backtopZindex: 0
+  };
+}
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeBacktop',
+  mixins: [_ui.globalMixins.sizeMixin],
+  props: {
+    target: String,
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.size || (0, _ui.getConfig)().size;
+      }
+    },
+    circle: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.circle;
+      }
+    },
+    right: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.right;
+      }
+    },
+    bottom: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.bottom;
+      }
+    },
+    status: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.status;
+      }
+    },
+    icon: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.icon;
+      }
+    },
+    showIcon: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.showIcon;
+      }
+    },
+    content: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.content;
+      }
+    },
+    showContent: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.showContent;
+      }
+    },
+    showTop: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.showTop;
+      }
+    },
+    showBottom: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.showBottom;
+      }
+    },
+    shadow: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.shadow;
+      }
+    },
+    zIndex: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.zIndex;
+      }
+    },
+    threshold: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.threshold;
+      }
+    },
+    position: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().backtop.position;
+      }
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = createReactData();
+    return Object.assign(Object.assign({}, {}), {
+      xID: xID,
+      reactData: reactData
+    });
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeWrapperStyle: function computeWrapperStyle() {
+      var $xeBacktop = this;
+      var props = $xeBacktop;
+      var reactData = $xeBacktop.reactData;
+      var right = props.right,
+        bottom = props.bottom;
+      var backtopZindex = reactData.backtopZindex;
+      var stys = {};
+      if (right) {
+        stys.right = (0, _dom.toCssUnit)(right);
+      }
+      if (bottom) {
+        stys.bottom = (0, _dom.toCssUnit)(bottom);
+      }
+      if (backtopZindex) {
+        stys.zIndex = backtopZindex;
+      }
+      return stys;
+    }
+  }),
+  watch: {
+    position: function position() {
+      var $xeBacktop = this;
+      $xeBacktop.updateZIndex();
+    },
+    target: function target() {
+      var $xeBacktop = this;
+      $xeBacktop.handleTargetElement();
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeBacktop = this;
+      $xeBacktop.$emit(type, (0, _ui.createEvent)(evnt, {
+        $backtop: $xeBacktop
+      }, params));
+    },
+    updateZIndex: function updateZIndex() {
+      var $xeBacktop = this;
+      var props = $xeBacktop;
+      var reactData = $xeBacktop.reactData;
+      var position = props.position,
+        zIndex = props.zIndex;
+      var backtopZindex = reactData.backtopZindex;
+      if (zIndex) {
+        reactData.backtopZindex = _xeUtils.default.toNumber(zIndex);
+      } else if (position === 'fixed') {
+        if (backtopZindex < (0, _utils.getLastZIndex)()) {
+          reactData.backtopZindex = (0, _utils.nextZIndex)();
+        }
+      }
+    },
+    showBacktop: function showBacktop() {
+      var $xeBacktop = this;
+      var reactData = $xeBacktop.reactData;
+      $xeBacktop.updateZIndex();
+      reactData.showBtn = true;
+    },
+    hideBacktop: function hideBacktop() {
+      var $xeBacktop = this;
+      var reactData = $xeBacktop.reactData;
+      reactData.showBtn = false;
+    },
+    handleScrollEvent: function handleScrollEvent(evnt) {
+      var $xeBacktop = this;
+      var props = $xeBacktop;
+      var reactData = $xeBacktop.reactData;
+      var threshold = props.threshold;
+      var currentEl = evnt.currentTarget;
+      var scrollTop = currentEl.scrollTop;
+      reactData.showBtn = scrollTop > Math.max(1, _xeUtils.default.toNumber(threshold));
+    },
+    handleToTop: function handleToTop() {
+      var $xeBacktop = this;
+      var internalData = $xeBacktop.internalData;
+      var targetEl = internalData.targetEl;
+      if (!targetEl) {
+        return;
+      }
+      var scrollTop = targetEl.scrollTop;
+      if (scrollTop > 0) {
+        requestAnimationFrame($xeBacktop.handleToTop);
+        var currScrollTop = scrollTop - Math.max(12, scrollTop / 6);
+        targetEl.scrollTop = currScrollTop > 10 ? currScrollTop : 0;
+      }
+    },
+    removeScrollEvent: function removeScrollEvent() {
+      var $xeBacktop = this;
+      var internalData = $xeBacktop.internalData;
+      var targetEl = internalData.targetEl;
+      if (targetEl) {
+        targetEl.removeEventListener('scroll', $xeBacktop.handleScrollEvent);
+      }
+    },
+    addScrollEvent: function addScrollEvent() {
+      var $xeBacktop = this;
+      var internalData = $xeBacktop.internalData;
+      var targetEl = internalData.targetEl;
+      if (targetEl) {
+        targetEl.addEventListener('scroll', $xeBacktop.handleScrollEvent, {
+          passive: true
+        });
+      }
+    },
+    handleTargetElement: function handleTargetElement() {
+      var $xeBacktop = this;
+      var props = $xeBacktop;
+      var internalData = $xeBacktop.internalData;
+      $xeBacktop.$nextTick(function () {
+        var target = props.target;
+        if (!target) {
+          $xeBacktop.removeScrollEvent();
+          errLog('vxe.error.reqProp', ['target']);
+          return;
+        }
+        if (_xeUtils.default.isString(target)) {
+          var tEl = document.querySelector(target);
+          if (!tEl) {
+            errLog('vxe.error.errProp', ["target=".concat(target), 'body']);
+          }
+          var targetEl = internalData.targetEl;
+          if (targetEl !== tEl) {
+            $xeBacktop.removeScrollEvent();
+            internalData.targetEl = tEl;
+            $xeBacktop.addScrollEvent();
+          }
+        }
+      });
+    },
+    clickEvent: function clickEvent(evnt) {
+      var $xeBacktop = this;
+      $xeBacktop.handleToTop();
+      $xeBacktop.dispatchEvent('click', {}, evnt);
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeBacktop = this;
+      var props = $xeBacktop;
+      var slots = $xeBacktop.$scopedSlots;
+      var reactData = $xeBacktop.reactData;
+      var circle = props.circle,
+        position = props.position,
+        status = props.status,
+        icon = props.icon,
+        showIcon = props.showIcon,
+        content = props.content,
+        showContent = props.showContent,
+        showTop = props.showTop,
+        showBottom = props.showBottom,
+        shadow = props.shadow;
+      var showBtn = reactData.showBtn;
+      var wrapperStyle = $xeBacktop.computeWrapperStyle;
+      var vSize = $xeBacktop.computeSize;
+      var defaultSlot = slots.default;
+      var topSlot = slots.top;
+      var bottomSlot = slots.bottom;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-backtop', position === 'fixed' ? 'is--' + position : 'is--absolute', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--visible', showBtn)],
+        style: wrapperStyle
+      }, [showTop && topSlot ? h('div', {
+        class: 'vxe-backtop--top-wrapper'
+      }, topSlot({})) : (0, _ui.renderEmptyElement)($xeBacktop), h('div', {
+        class: 'vxe-backtop--content-wrapper',
+        on: {
+          click: $xeBacktop.clickEvent
+        }
+      }, [defaultSlot ? defaultSlot({}) : [h(_button.default, {
+        props: {
+          circle: circle,
+          status: status,
+          shadow: shadow,
+          icon: showIcon ? icon || (0, _ui.getIcon)().BACKTOP_TOP : '',
+          content: showContent ? content : ''
+        }
+      })]]), showBottom && bottomSlot ? h('div', {
+        class: 'vxe-backtop--bottom-wrapper'
+      }, bottomSlot({})) : (0, _ui.renderEmptyElement)($xeBacktop)]);
+    }
+  },
+  created: function created() {
+    var $xeBacktop = this;
+    $xeBacktop.internalData = createInternalData();
+  },
+  mounted: function mounted() {
+    var $xeBacktop = this;
+    var props = $xeBacktop;
+    var showTop = props.showTop;
+    if (showTop) {
+      $xeBacktop.updateZIndex();
+    }
+    $xeBacktop.handleTargetElement();
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeBacktop = this;
+    var reactData = $xeBacktop.reactData;
+    var internalData = $xeBacktop.internalData;
+    $xeBacktop.removeScrollEvent();
+    _xeUtils.default.assign(reactData, createReactData());
+    _xeUtils.default.assign(internalData, createInternalData());
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */