vxe-pc-ui 3.16.0 → 3.16.2

package/lib/alert/style/style.css

@@ -0,0 +1,129 @@
+.vxe-alert {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  color: var(--vxe-ui-font-color);
+  padding: var(--vxe-ui-layout-padding-default);
+  margin-bottom: var(--vxe-ui-layout-padding-default);
+  font-size: var(--vxe-ui-font-size-default);
+  border-radius: var(--vxe-ui-base-border-radius);
+}
+.vxe-alert.theme--primary {
+  color: var(--vxe-ui-font-primary-color);
+  border: 1px solid var(--vxe-ui-font-primary-lighten-color);
+  background-color: var(--vxe-ui-font-primary-tinge-color);
+}
+.vxe-alert.theme--primary::after {
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-alert.theme--primary .vxe-alert--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-alert.theme--primary .vxe-alert--close-btn:hover {
+  color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-alert.theme--success {
+  color: var(--vxe-ui-status-success-color);
+  border: 1px solid var(--vxe-ui-status-success-lighten-color);
+  background-color: var(--vxe-ui-status-success-tinge-color);
+}
+.vxe-alert.theme--success::after {
+  background-color: var(--vxe-ui-status-success-color);
+}
+.vxe-alert.theme--success .vxe-alert--icon {
+  color: var(--vxe-ui-status-success-color);
+}
+.vxe-alert.theme--success .vxe-alert--close-btn:hover {
+  color: var(--vxe-ui-status-success-lighten-color);
+}
+.vxe-alert.theme--info {
+  color: var(--vxe-ui-status-info-color);
+  border: 1px solid var(--vxe-ui-status-info-lighten-color);
+  background-color: var(--vxe-ui-status-info-tinge-color);
+}
+.vxe-alert.theme--info::after {
+  background-color: var(--vxe-ui-status-info-color);
+}
+.vxe-alert.theme--info .vxe-alert--icon {
+  color: var(--vxe-ui-status-info-color);
+}
+.vxe-alert.theme--info .vxe-alert--close-btn:hover {
+  color: var(--vxe-ui-status-info-lighten-color);
+}
+.vxe-alert.theme--warning {
+  color: var(--vxe-ui-status-warning-color);
+  border: 1px solid var(--vxe-ui-status-warning-lighten-color);
+  background-color: var(--vxe-ui-status-warning-tinge-color);
+}
+.vxe-alert.theme--warning::after {
+  background-color: var(--vxe-ui-status-warning-color);
+}
+.vxe-alert.theme--warning .vxe-alert--icon {
+  color: var(--vxe-ui-status-warning-color);
+}
+.vxe-alert.theme--warning .vxe-alert--close-btn:hover {
+  color: var(--vxe-ui-status-warning-lighten-color);
+}
+.vxe-alert.theme--danger {
+  color: var(--vxe-ui-status-danger-color);
+  border: 1px solid var(--vxe-ui-status-danger-lighten-color);
+  background-color: var(--vxe-ui-status-danger-tinge-color);
+}
+.vxe-alert.theme--danger::after {
+  background-color: var(--vxe-ui-status-danger-color);
+}
+.vxe-alert.theme--danger .vxe-alert--icon {
+  color: var(--vxe-ui-status-danger-color);
+}
+.vxe-alert.theme--danger .vxe-alert--close-btn:hover {
+  color: var(--vxe-ui-status-danger-lighten-color);
+}
+.vxe-alert.theme--error {
+  color: var(--vxe-ui-status-error-color);
+  border: 1px solid var(--vxe-ui-status-error-lighten-color);
+  background-color: var(--vxe-ui-status-error-tinge-color);
+}
+.vxe-alert.theme--error::after {
+  background-color: var(--vxe-ui-status-error-color);
+}
+.vxe-alert.theme--error .vxe-alert--icon {
+  color: var(--vxe-ui-status-error-color);
+}
+.vxe-alert.theme--error .vxe-alert--close-btn:hover {
+  color: var(--vxe-ui-status-error-lighten-color);
+}
+.vxe-alert.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-alert.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-alert.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}
+
+.vxe-alert--icon {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  font-size: 1.5em;
+  padding: 0 var(--vxe-ui-layout-padding-default);
+}
+
+.vxe-alert--body {
+  flex-grow: 1;
+}
+
+.vxe-alert--title {
+  font-size: 1.1em;
+  font-weight: 700;
+  line-height: 2em;
+}
+
+.vxe-alert--close-btn {
+  padding: 0 0.4em;
+  line-height: 2.2em;
+  cursor: pointer;
+}

package/lib/alert/style/style.min.css

@@ -0,0 +1 @@
+.vxe-alert{position:relative;display:flex;flex-direction:row;color:var(--vxe-ui-font-color);padding:var(--vxe-ui-layout-padding-default);margin-bottom:var(--vxe-ui-layout-padding-default);font-size:var(--vxe-ui-font-size-default);border-radius:var(--vxe-ui-base-border-radius)}.vxe-alert.theme--primary{color:var(--vxe-ui-font-primary-color);border:1px solid var(--vxe-ui-font-primary-lighten-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-alert.theme--primary::after{background-color:var(--vxe-ui-font-primary-color)}.vxe-alert.theme--primary .vxe-alert--icon{color:var(--vxe-ui-font-primary-color)}.vxe-alert.theme--primary .vxe-alert--close-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-alert.theme--success{color:var(--vxe-ui-status-success-color);border:1px solid var(--vxe-ui-status-success-lighten-color);background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-alert.theme--success::after{background-color:var(--vxe-ui-status-success-color)}.vxe-alert.theme--success .vxe-alert--icon{color:var(--vxe-ui-status-success-color)}.vxe-alert.theme--success .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-alert.theme--info{color:var(--vxe-ui-status-info-color);border:1px solid var(--vxe-ui-status-info-lighten-color);background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-alert.theme--info::after{background-color:var(--vxe-ui-status-info-color)}.vxe-alert.theme--info .vxe-alert--icon{color:var(--vxe-ui-status-info-color)}.vxe-alert.theme--info .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-alert.theme--warning{color:var(--vxe-ui-status-warning-color);border:1px solid var(--vxe-ui-status-warning-lighten-color);background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-alert.theme--warning::after{background-color:var(--vxe-ui-status-warning-color)}.vxe-alert.theme--warning .vxe-alert--icon{color:var(--vxe-ui-status-warning-color)}.vxe-alert.theme--warning .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-alert.theme--danger{color:var(--vxe-ui-status-danger-color);border:1px solid var(--vxe-ui-status-danger-lighten-color);background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-alert.theme--danger::after{background-color:var(--vxe-ui-status-danger-color)}.vxe-alert.theme--danger .vxe-alert--icon{color:var(--vxe-ui-status-danger-color)}.vxe-alert.theme--danger .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-alert.theme--error{color:var(--vxe-ui-status-error-color);border:1px solid var(--vxe-ui-status-error-lighten-color);background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-alert.theme--error::after{background-color:var(--vxe-ui-status-error-color)}.vxe-alert.theme--error .vxe-alert--icon{color:var(--vxe-ui-status-error-color)}.vxe-alert.theme--error .vxe-alert--close-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-alert.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-alert.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-alert.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-alert--icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5em;padding:0 var(--vxe-ui-layout-padding-default)}.vxe-alert--body{flex-grow:1}.vxe-alert--title{font-size:1.1em;font-weight:700;line-height:2em}.vxe-alert--close-btn{padding:0 .4em;line-height:2.2em;cursor:pointer}

package/lib/anchor/index.js

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

package/lib/anchor/index.min.js

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

package/lib/anchor/src/anchor-link.js

@@ -0,0 +1,146 @@
+"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 _util = require("./util");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeAnchorLink',
+  props: {
+    content: [String, Number],
+    title: [String, Number],
+    href: String
+  },
+  inject: {
+    $xeAnchor: {
+      default: null
+    },
+    $xeParentAnchorLink: {
+      from: '$xeAnchorLink',
+      default: null
+    }
+  },
+  provide: function provide() {
+    var $xeAnchorLink = this;
+    return {
+      $xeAnchorLink: $xeAnchorLink
+    };
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {};
+    var linkConfig = {
+      id: xID,
+      href: '',
+      children: []
+    };
+    return {
+      xID: xID,
+      reactData: reactData,
+      linkConfig: linkConfig
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeIsActive: function computeIsActive() {
+      var $xeAnchorLink = this;
+      var props = $xeAnchorLink;
+      var $xeAnchor = $xeAnchorLink.$xeAnchor;
+      var href = props.href;
+      if ($xeAnchor) {
+        return $xeAnchor.reactData.activeHref === href;
+      }
+      return null;
+    }
+  }),
+  watch: {
+    href: function href(val) {
+      var $xeAnchorLink = this;
+      var linkConfig = $xeAnchorLink.linkConfig;
+      linkConfig.href = val;
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeAnchorLink = this;
+      $xeAnchorLink.$emit(type, (0, _ui.createEvent)(evnt, {
+        $anchorLink: $xeAnchorLink
+      }, params));
+    },
+    clickEvent: function clickEvent(event) {
+      var $xeAnchorLink = this;
+      var props = $xeAnchorLink;
+      var $xeAnchor = $xeAnchorLink.$xeAnchor;
+      var href = props.href;
+      if ($xeAnchor) {
+        $xeAnchor.handleClickLink(event, href);
+      }
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeAnchorLink = this;
+      var props = $xeAnchorLink;
+      var slots = $xeAnchorLink.$scopedSlots;
+      var href = props.href,
+        content = props.content,
+        title = props.title;
+      var defaultSlot = slots.default;
+      var subSlot = slots.sub;
+      var isActive = $xeAnchorLink.computeIsActive;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-anchor-link', {
+          'is--active': isActive
+        }]
+      }, [h('a', {
+        class: 'vxe-anchor-link--item',
+        attrs: {
+          href: href,
+          title: title
+        },
+        on: {
+          click: $xeAnchorLink.clickEvent
+        }
+      }, defaultSlot ? defaultSlot({}) : _xeUtils.default.toValueString(content)), subSlot ? h('div', {
+        class: 'vxe-anchor-link--sub-items'
+      }, subSlot({})) : (0, _ui.renderEmptyElement)($xeAnchorLink)]);
+    }
+  },
+  created: function created() {
+    var $xeAnchorLink = this;
+    var props = $xeAnchorLink;
+    var linkConfig = $xeAnchorLink.linkConfig;
+    linkConfig.href = props.href;
+  },
+  mounted: function mounted() {
+    var $xeAnchorLink = this;
+    var $xeAnchor = $xeAnchorLink.$xeAnchor;
+    var $xeParentAnchorLink = $xeAnchorLink.$xeParentAnchorLink;
+    var linkConfig = $xeAnchorLink.linkConfig;
+    var elem = $xeAnchorLink.$refs.refElem;
+    if ($xeAnchor && elem) {
+      (0, _util.assembleAnchorLink)($xeAnchor, elem, linkConfig, $xeParentAnchorLink);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeAnchorLink = this;
+    var $xeAnchor = $xeAnchorLink.$xeAnchor;
+    var linkConfig = $xeAnchorLink.linkConfig;
+    if ($xeAnchor) {
+      (0, _util.destroyAnchorLink)($xeAnchor, linkConfig);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/anchor/src/anchor-link.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"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeAnchorLink",props:{content:[String,Number],title:[String,Number],href:String},inject:{$xeAnchor:{default:null},$xeParentAnchorLink:{from:"$xeAnchorLink",default:null}},provide:function(){return{$xeAnchorLink:this}},data:function(){var e=_xeUtils.default.uniqueId();return{xID:e,reactData:{},linkConfig:{id:e,href:"",children:[]}}},computed:Object.assign(Object.assign({},{}),{computeIsActive:function(){var e=this.$xeAnchor,t=this.href;return e?e.reactData.activeHref===t:null}}),watch:{href:function(e){this.linkConfig.href=e}},methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$anchorLink:this},t))},clickEvent:function(e){var t=this.$xeAnchor,n=this.href;t&&t.handleClickLink(e,n)},renderVN:function(e){var t=this,n=t.$scopedSlots,i=t.href,r=t.content,o=n.default,n=n.sub;return e("div",{ref:"refElem",class:["vxe-anchor-link",{"is--active":t.computeIsActive}]},[e("a",{class:"vxe-anchor-link--item",attrs:{href:i,title:t.title},on:{click:t.clickEvent}},o?o({}):_xeUtils.default.toValueString(r)),n?e("div",{class:"vxe-anchor-link--sub-items"},n({})):(0,_ui.renderEmptyElement)(t)])}},created:function(){this.linkConfig.href=this.href},mounted:function(){var e=this,t=e.$xeAnchor,n=e.$refs.refElem;t&&n&&(0,_util.assembleAnchorLink)(t,n,e.linkConfig,e.$xeParentAnchorLink)},beforeDestroy:function(){var e=this.$xeAnchor,t=this.linkConfig;e&&(0,_util.destroyAnchorLink)(e,t)},render:function(e){return this.renderVN(e)}});

package/lib/anchor/src/anchor.js

@@ -0,0 +1,263 @@
+"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");
+var _anchorLink = _interopRequireDefault(require("./anchor-link"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeAnchor',
+  props: {
+    value: String,
+    options: Array,
+    container: [String, Object, Function],
+    showMarker: {
+      type: Boolean,
+      default: true
+    }
+  },
+  provide: function provide() {
+    var $xeAnchor = this;
+    return {
+      $xeAnchor: $xeAnchor
+    };
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {
+      activeHref: null,
+      staticLinks: [],
+      containerElem: null
+    };
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  computed: {
+    computeAllHrefList: function computeAllHrefList() {
+      var $xeAnchor = this;
+      var reactData = $xeAnchor.reactData;
+      var list = [];
+      _xeUtils.default.eachTree(reactData.staticLinks, function (item) {
+        list.push(item.href || '');
+      }, {
+        children: 'children'
+      });
+      return list;
+    }
+  },
+  watch: {
+    value: function value(val) {
+      var $xeAnchor = this;
+      var reactData = $xeAnchor.reactData;
+      reactData.activeHref = val;
+    },
+    'reactData.activeHref': function reactDataActiveHref() {
+      var $xeAnchor = this;
+      $xeAnchor.updateMarkerPos();
+    },
+    container: function container() {
+      var $xeAnchor = this;
+      $xeAnchor.removeContainerElemScroll();
+      $xeAnchor.updateContainerElem();
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeAnchor = this;
+      $xeAnchor.$emit(type, (0, _ui.createEvent)(evnt, {
+        $anchor: $xeAnchor
+      }, params));
+    },
+    emitModel: function emitModel(value) {
+      var $xeAnchor = this;
+      var _events = $xeAnchor._events;
+      $xeAnchor.$emit('input', value);
+      if (_events && _events.modelValue) {
+        $xeAnchor.$emit('modelValue', value);
+      } else {
+        $xeAnchor.$emit('model-value', value);
+      }
+    },
+    getContainerElem: function getContainerElem() {
+      var $xeAnchor = this;
+      var props = $xeAnchor;
+      var container = props.container;
+      if (container) {
+        if (_xeUtils.default.isElement(container)) {
+          return container;
+        }
+        if (_xeUtils.default.isString(container)) {
+          return document.querySelector(container);
+        }
+        if (_xeUtils.default.isFunction(container)) {
+          return container({
+            $anchor: $xeAnchor
+          });
+        }
+      }
+      return null;
+    },
+    emitEvent: function emitEvent(value) {
+      var $xeAnchor = this;
+      var reactData = $xeAnchor.reactData;
+      var _events = $xeAnchor._events;
+      reactData.activeHref = value;
+      $xeAnchor.emitModel(value);
+      if (_events && _events.modelValue) {
+        $xeAnchor.$emit('modelValue', value);
+      } else {
+        $xeAnchor.$emit('model-value', value);
+      }
+    },
+    handleContainerScrollEvent: function handleContainerScrollEvent() {
+      var $xeAnchor = this;
+      var reactData = $xeAnchor.reactData;
+      var allHrefList = $xeAnchor.computeAllHrefList;
+      var containerElem = reactData.containerElem;
+      if (containerElem) {
+        var wrapperElList = containerElem.querySelectorAll(allHrefList.map(function (href) {
+          return "".concat(href);
+        }).join(','));
+        for (var i = 0; i < wrapperElList.length; i++) {
+          var wrapperEl = wrapperElList[i];
+          var wrapperRect = wrapperEl.getBoundingClientRect();
+          if (wrapperRect.top > 0) {
+            var href = wrapperEl.id;
+            reactData.activeHref = "#".concat(href);
+            break;
+          }
+        }
+      }
+    },
+    removeContainerElemScroll: function removeContainerElemScroll() {
+      var $xeAnchor = this;
+      var reactData = $xeAnchor.reactData;
+      var containerElem = reactData.containerElem;
+      if (containerElem) {
+        containerElem.removeEventListener('scroll', $xeAnchor.handleContainerScrollEvent);
+      }
+    },
+    updateContainerElem: function updateContainerElem() {
+      var $xeAnchor = this;
+      var reactData = $xeAnchor.reactData;
+      var containerElem = $xeAnchor.getContainerElem();
+      reactData.containerElem = containerElem;
+      if (containerElem) {
+        containerElem.addEventListener('scroll', $xeAnchor.handleContainerScrollEvent, {
+          passive: false
+        });
+      }
+    },
+    updateMarkerPos: function updateMarkerPos() {
+      var $xeAnchor = this;
+      var reactData = $xeAnchor.reactData;
+      $xeAnchor.$nextTick(function () {
+        var activeHref = reactData.activeHref;
+        var elem = $xeAnchor.$refs.refElem;
+        var markerEl = $xeAnchor.$refs.refMarkerElem;
+        if (elem && markerEl) {
+          if (activeHref) {
+            var linkEl = elem.querySelector("[href=\"".concat(activeHref, "\"]"));
+            if (linkEl) {
+              var _getOffsetPos = (0, _dom.getOffsetPos)(linkEl, elem),
+                top = _getOffsetPos.top;
+              markerEl.style.top = "".concat(top, "px");
+            }
+          }
+        }
+      });
+    },
+    handleClickLink: function handleClickLink(evnt, href) {
+      var $xeAnchor = this;
+      evnt.preventDefault();
+      var targetEl = document.getElementById("".concat(href).replace('#', ''));
+      if (targetEl) {
+        targetEl.scrollIntoView({
+          behavior: 'smooth'
+        });
+      }
+      $xeAnchor.emitEvent(href);
+      $xeAnchor.dispatchEvent('click', {
+        href: href
+      }, evnt);
+    },
+    //
+    // Render
+    //
+    renderSubItems: function renderSubItems(h, options) {
+      var $xeAnchor = this;
+      var itemVNs = [];
+      if (options) {
+        options.forEach(function (item) {
+          var subItems = item.children;
+          if (subItems && subItems.length) {
+            itemVNs.push(h(_anchorLink.default, {
+              props: {
+                content: item.content,
+                title: item.title,
+                href: item.href
+              },
+              scopedSlots: {
+                sub: function sub() {
+                  return $xeAnchor.renderSubItems(h, subItems);
+                }
+              }
+            }));
+          } else {
+            itemVNs.push(h(_anchorLink.default, {
+              props: {
+                content: item.content,
+                title: item.title,
+                href: item.href
+              }
+            }));
+          }
+        });
+      }
+      return itemVNs;
+    },
+    renderVN: function renderVN(h) {
+      var $xeAnchor = this;
+      var props = $xeAnchor;
+      var slots = $xeAnchor.$scopedSlots;
+      var options = props.options,
+        showMarker = props.showMarker;
+      var defaultSlot = slots.default;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-anchor', {
+          'is--marker': showMarker
+        }]
+      }, [h('div', {
+        class: 'vxe-anchor--list'
+      }, defaultSlot ? defaultSlot({}) : $xeAnchor.renderSubItems(h, options)), showMarker ? h('div', {
+        ref: 'refMarkerElem',
+        class: 'vxe-anchor--marker'
+      }) : (0, _ui.renderEmptyElement)($xeAnchor)]);
+    }
+  },
+  mounted: function mounted() {
+    var $xeAnchor = this;
+    $xeAnchor.$nextTick(function () {
+      $xeAnchor.updateContainerElem();
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeAnchor = this;
+    $xeAnchor.removeContainerElemScroll();
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/anchor/src/anchor.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"),_anchorLink=_interopRequireDefault(require("./anchor-link"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeAnchor",props:{value:String,options:Array,container:[String,Object,Function],showMarker:{type:Boolean,default:!0}},provide:function(){return{$xeAnchor:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{activeHref:null,staticLinks:[],containerElem:null}}},computed:{computeAllHrefList:function(){var e=this.reactData,t=[];return _xeUtils.default.eachTree(e.staticLinks,function(e){t.push(e.href||"")},{children:"children"}),t}},watch:{value:function(e){this.reactData.activeHref=e},"reactData.activeHref":function(){this.updateMarkerPos()},container:function(){this.removeContainerElemScroll(),this.updateContainerElem()}},methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$anchor:this},t))},emitModel:function(e){var t=this,n=t._events;t.$emit("input",e),n&&n.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},getContainerElem:function(){var e=this.container;if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e);if(_xeUtils.default.isFunction(e))return e({$anchor:this})}return null},emitEvent:function(e){var t=this,n=t.reactData,r=t._events;n.activeHref=e,t.emitModel(e),r&&r.modelValue?t.$emit("modelValue",e):t.$emit("model-value",e)},handleContainerScrollEvent:function(){var e=this.reactData,t=this.computeAllHrefList,n=e.containerElem;if(n)for(var r=n.querySelectorAll(t.map(function(e){return"".concat(e)}).join(",")),i=0;i<r.length;i++){var a=r[i];if(0<a.getBoundingClientRect().top){a=a.id;e.activeHref="#".concat(a);break}}},removeContainerElemScroll:function(){var e=this.reactData.containerElem;e&&e.removeEventListener("scroll",this.handleContainerScrollEvent)},updateContainerElem:function(){var e=this,t=e.reactData,n=e.getContainerElem();(t.containerElem=n)&&n.addEventListener("scroll",e.handleContainerScrollEvent,{passive:!1})},updateMarkerPos:function(){var r=this,i=r.reactData;r.$nextTick(function(){var e=i.activeHref,t=r.$refs.refElem,n=r.$refs.refMarkerElem;t&&n&&e&&(e=t.querySelector('[href="'.concat(e,'"]')))&&(e=(0,_dom.getOffsetPos)(e,t).top,n.style.top="".concat(e,"px"))})},handleClickLink:function(e,t){e.preventDefault();var n=document.getElementById("".concat(t).replace("#",""));n&&n.scrollIntoView({behavior:"smooth"}),this.emitEvent(t),this.dispatchEvent("click",{href:t},e)},renderSubItems:function(n,e){var r=this,i=[];return e&&e.forEach(function(e){var t=e.children;t&&t.length?i.push(n(_anchorLink.default,{props:{content:e.content,title:e.title,href:e.href},scopedSlots:{sub:function(){return r.renderSubItems(n,t)}}})):i.push(n(_anchorLink.default,{props:{content:e.content,title:e.title,href:e.href}}))}),i},renderVN:function(e){var t=this.$scopedSlots,n=this.options,r=this.showMarker,t=t.default;return e("div",{ref:"refElem",class:["vxe-anchor",{"is--marker":r}]},[e("div",{class:"vxe-anchor--list"},t?t({}):this.renderSubItems(e,n)),r?e("div",{ref:"refMarkerElem",class:"vxe-anchor--marker"}):(0,_ui.renderEmptyElement)(this)])}},mounted:function(){var e=this;e.$nextTick(function(){e.updateContainerElem()})},beforeDestroy:function(){this.removeContainerElemScroll()},render:function(e){return this.renderVN(e)}});

package/lib/anchor/src/util.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assembleAnchorLink = assembleAnchorLink;
+exports.destroyAnchorLink = destroyAnchorLink;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink) {
+  var staticLinks = $xeAnchor.reactData.staticLinks;
+  var parentElem = elem.parentNode;
+  var parentLinkConfig = $xeParentAnchorLink ? $xeParentAnchorLink.linkConfig : null;
+  var parentLinks = parentLinkConfig ? parentLinkConfig.children : staticLinks;
+  if (parentElem && parentLinks) {
+    parentLinks.splice(_xeUtils.default.arrayIndexOf(parentElem.children, elem), 0, linkConfig);
+    $xeAnchor.reactData.staticLinks = staticLinks.slice(0);
+  }
+}
+function destroyAnchorLink($xeAnchor, linkConfig) {
+  var staticLinks = $xeAnchor.reactData.staticLinks;
+  var matchObj = _xeUtils.default.findTree(staticLinks, function (item) {
+    return item.id === linkConfig.id;
+  }, {
+    children: 'children'
+  });
+  if (matchObj) {
+    matchObj.items.splice(matchObj.index, 1);
+  }
+  $xeAnchor.reactData.staticLinks = staticLinks.slice(0);
+}

package/lib/anchor/src/util.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.assembleAnchorLink=assembleAnchorLink,exports.destroyAnchorLink=destroyAnchorLink;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function assembleAnchorLink(e,i,t,n){var r=e.reactData.staticLinks,a=i.parentNode,n=n?n.linkConfig:null,n=n?n.children:r;a&&n&&(n.splice(_xeUtils.default.arrayIndexOf(a.children,i),0,t),e.reactData.staticLinks=r.slice(0))}function destroyAnchorLink(e,i){var t=e.reactData.staticLinks,n=_xeUtils.default.findTree(t,function(e){return e.id===i.id},{children:"children"});n&&n.items.splice(n.index,1),e.reactData.staticLinks=t.slice(0)}

package/lib/anchor/style/index.js

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

package/lib/anchor/style/style.css

@@ -0,0 +1,42 @@
+.vxe-anchor {
+  position: relative;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+}
+
+.vxe-anchor--marker {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 0.2em;
+  height: 1.5em;
+  padding: 0.25em 0;
+  transition: all 0.35s ease-in-out;
+}
+.vxe-anchor--marker::before {
+  display: block;
+  content: "";
+  height: 100%;
+  width: 100%;
+  border-radius: 1em;
+  background-color: var(--vxe-ui-anchor-link-active-color);
+}
+
+.vxe-anchor-link {
+  position: relative;
+  padding-left: 0.6em;
+}
+.vxe-anchor-link.is--active > .vxe-anchor-link--item {
+  color: var(--vxe-ui-anchor-link-active-color);
+}
+
+.vxe-anchor-link--item {
+  display: block;
+  height: 1.5em;
+  line-height: 1.5em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  color: var(--vxe-ui-anchor-link-color);
+}

package/lib/anchor/style/style.min.css

@@ -0,0 +1 @@
+.vxe-anchor{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-anchor--marker{position:absolute;left:0;top:0;width:.2em;height:1.5em;padding:.25em 0;transition:all .35s ease-in-out}.vxe-anchor--marker::before{display:block;content:"";height:100%;width:100%;border-radius:1em;background-color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link{position:relative;padding-left:.6em}.vxe-anchor-link.is--active>.vxe-anchor-link--item{color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link--item{display:block;height:1.5em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--vxe-ui-anchor-link-color)}