vxe-pc-ui 3.16.0 → 3.16.2

package/lib/watermark/src/util.js

@@ -0,0 +1,164 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getContentUrl = getContentUrl;
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _dom = require("../../ui/src/dom");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var canvasEl = null;
+var fontEl = null;
+var fontCacheMaps = {};
+function getMarkCanvas() {
+  if (!canvasEl) {
+    canvasEl = document.createElement('canvas');
+    canvasEl.style.position = 'absolute';
+    canvasEl.style.top = '0';
+    canvasEl.style.left = '0';
+  }
+  return canvasEl;
+}
+function removeMarkElement(elem) {
+  if (elem) {
+    var parentEl = elem.parentNode;
+    if (parentEl) {
+      parentEl.removeChild(elem);
+    }
+  }
+}
+function calcFontWH(text, fontSize) {
+  var fKey = "".concat(fontSize, "_").concat(text);
+  if (!fontCacheMaps[fKey]) {
+    if (!fontEl) {
+      fontEl = document.createElement('span');
+    }
+    if (!fontEl.parentNode) {
+      document.body.append(fontEl);
+    }
+    fontEl.textContent = text;
+    fontEl.style.fontSize = (0, _dom.toCssUnit)(fontSize);
+    var width = fontEl.offsetWidth;
+    var height = fontEl.offsetHeight;
+    fontCacheMaps[fKey] = {
+      width: width,
+      height: height
+    };
+  }
+  return fontCacheMaps[fKey];
+}
+function calcContentWH(contList) {
+  var contentWidth = 0;
+  var contentHeight = 0;
+  contList.forEach(function (item) {
+    contentWidth = Math.max(item.width, contentWidth);
+    contentHeight = Math.max(item.height, contentHeight);
+  });
+  return {
+    contentWidth: contentWidth,
+    contentHeight: contentHeight
+  };
+}
+function getFontConf(item, key, opts) {
+  return (item.font ? item.font[key] : '') || (opts.font ? opts.font[key] : '');
+}
+function createMarkFont(contConf, defaultFontSize, opts) {
+  var offset = opts.offset;
+  var text = _xeUtils.default.toValueString(contConf.textContent);
+  var fontSize = _xeUtils.default.toNumber(getFontConf(contConf, 'fontSize', opts) || defaultFontSize) || 14;
+  var _ref = offset ? _xeUtils.default.isArray(offset) ? offset : [offset, offset] : [],
+    _ref2 = _slicedToArray(_ref, 2),
+    _ref2$ = _ref2[0],
+    offsetX = _ref2$ === void 0 ? 0 : _ref2$,
+    _ref2$2 = _ref2[1],
+    offsetY = _ref2$2 === void 0 ? 0 : _ref2$2;
+  var _calcFontWH = calcFontWH(text, fontSize),
+    width = _calcFontWH.width,
+    height = _calcFontWH.height;
+  return {
+    text: text,
+    fontSize: fontSize,
+    font: contConf.font,
+    width: width + _xeUtils.default.toNumber(offsetX),
+    height: height + _xeUtils.default.toNumber(offsetY)
+  };
+}
+function drayFont(ctx, item, opts) {
+  var fontWeight = getFontConf(item, 'fontWeight', opts);
+  ctx.fillStyle = "".concat(getFontConf(item, 'color', opts) || 'rgba(0, 0, 0, 0.15)');
+  ctx.font = [getFontConf(item, 'fontStyle', opts) || 'normal', fontWeight === 'bold' || fontWeight === 'bolder' ? 'bold' : '', (0, _dom.toCssUnit)(item.fontSize), getFontConf(item, 'fontFamily', opts) || 'sans-serif'].join(' ');
+}
+function getContentUrl(content, defaultFontSize, options) {
+  var opts = Object.assign({}, options);
+  var rotate = opts.rotate;
+  var deg = _xeUtils.default.toNumber(rotate);
+  var contList = (_xeUtils.default.isArray(content) ? content : [content]).map(function (item) {
+    if (item) {
+      if (item.textContent) {
+        return createMarkFont(item, defaultFontSize, opts);
+      }
+      return createMarkFont({
+        textContent: "".concat(item)
+      }, defaultFontSize, opts);
+    }
+    return createMarkFont({
+      textContent: ''
+    }, defaultFontSize, opts);
+  });
+  removeMarkElement(fontEl);
+  return new Promise(function (resolve) {
+    var canvasEl = getMarkCanvas();
+    if (!canvasEl.parentNode) {
+      document.body.append(canvasEl);
+    }
+    var ctx = canvasEl.getContext('2d');
+    if (ctx && contList.length) {
+      var gap = opts.gap;
+      var gapList = gap ? _xeUtils.default.isArray(gap) ? gap : [gap, gap] : [];
+      var gapX = _xeUtils.default.toNumber(gapList[0]);
+      var gapY = _xeUtils.default.toNumber(gapList[1]);
+      var _calcContentWH = calcContentWH(contList),
+        contentWidth = _calcContentWH.contentWidth;
+      var canvasWidth = contentWidth * 2 + gapX * 2 + gapX / 2;
+      var canvasHeight = contentWidth * 2 + gapY;
+      canvasEl.width = canvasWidth;
+      canvasEl.height = canvasHeight;
+      var drayX = gapX / 2;
+      var drayY = contentWidth + gapY / 2;
+      ctx.save();
+      ctx.translate(drayX, drayY);
+      ctx.rotate(deg * Math.PI / 180);
+      ctx.translate(-drayX, -drayY);
+      var txtOffsetY = 0;
+      contList.forEach(function (item) {
+        drayFont(ctx, item, opts);
+        var txtX = drayX;
+        var txtY = drayY + txtOffsetY;
+        ctx.fillText(item.text, txtX, txtY, contentWidth);
+        txtOffsetY += item.height;
+      });
+      var offsetX = gapX;
+      var offsetY = gapY + contentWidth;
+      txtOffsetY = 0;
+      contList.forEach(function (item) {
+        drayFont(ctx, item, opts);
+        var txtX = drayX + offsetX;
+        var txtY = drayY + txtOffsetY + offsetY;
+        ctx.fillText(item.text, txtX, txtY, contentWidth);
+        txtOffsetY += item.height;
+      });
+      ctx.restore();
+      resolve(canvasEl.toDataURL());
+      removeMarkElement(canvasEl);
+    } else {
+      resolve('');
+      removeMarkElement(canvasEl);
+    }
+  });
+}

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.getContentUrl=getContentUrl;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _slicedToArray(t,e){return _arrayWithHoles(t)||_iterableToArrayLimit(t,e)||_unsupportedIterableToArray(t,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,e){var n;if(t)return"string"==typeof t?_arrayLikeToArray(t,e):"Map"===(n="Object"===(n={}.toString.call(t).slice(8,-1))&&t.constructor?t.constructor.name:n)||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(t,e):void 0}function _arrayLikeToArray(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function _iterableToArrayLimit(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,a,l,i=[],f=!0,u=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;f=!1}else for(;!(f=(r=a.call(n)).done)&&(i.push(r.value),i.length!==e);f=!0);}catch(t){u=!0,o=t}finally{try{if(!f&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function _arrayWithHoles(t){if(Array.isArray(t))return t}var canvasEl=null,fontEl=null,fontCacheMaps={};function getMarkCanvas(){return canvasEl||((canvasEl=document.createElement("canvas")).style.position="absolute",canvasEl.style.top="0",canvasEl.style.left="0"),canvasEl}function removeMarkElement(t){var e;t&&(e=t.parentNode)&&e.removeChild(t)}function calcFontWH(t,e){var n="".concat(e,"_").concat(t);return fontCacheMaps[n]||((fontEl=fontEl||document.createElement("span")).parentNode||document.body.append(fontEl),fontEl.textContent=t,fontEl.style.fontSize=(0,_dom.toCssUnit)(e),t=fontEl.offsetWidth,e=fontEl.offsetHeight,fontCacheMaps[n]={width:t,height:e}),fontCacheMaps[n]}function calcContentWH(t){var e=0,n=0;return t.forEach(function(t){e=Math.max(t.width,e),n=Math.max(t.height,n)}),{contentWidth:e,contentHeight:n}}function getFontConf(t,e,n){return(t.font?t.font[e]:"")||(n.font?n.font[e]:"")}function createMarkFont(t,e,n){var r=n.offset,o=_xeUtils.default.toValueString(t.textContent),n=_xeUtils.default.toNumber(getFontConf(t,"fontSize",n)||e)||14,e=_slicedToArray(r?_xeUtils.default.isArray(r)?r:[r,r]:[],2),r=e[0],r=void 0===r?0:r,e=e[1],e=void 0===e?0:e,a=calcFontWH(o,n),l=a.width,a=a.height;return{text:o,fontSize:n,font:t.font,width:l+_xeUtils.default.toNumber(r),height:a+_xeUtils.default.toNumber(e)}}function drayFont(t,e,n){var r=getFontConf(e,"fontWeight",n);t.fillStyle="".concat(getFontConf(e,"color",n)||"rgba(0, 0, 0, 0.15)"),t.font=[getFontConf(e,"fontStyle",n)||"normal","bold"===r||"bolder"===r?"bold":"",(0,_dom.toCssUnit)(e.fontSize),getFontConf(e,"fontFamily",n)||"sans-serif"].join(" ")}function getContentUrl(t,e,n){var d=Object.assign({},n),n=d.rotate,h=_xeUtils.default.toNumber(n),y=(_xeUtils.default.isArray(t)?t:[t]).map(function(t){return t?t.textContent?createMarkFont(t,e,d):createMarkFont({textContent:"".concat(t)},e,d):createMarkFont({textContent:""},e,d)});return removeMarkElement(fontEl),new Promise(function(t){var e,n,r,o,a,l,i,f,u,c=getMarkCanvas(),s=(c.parentNode||document.body.append(c),c.getContext("2d"));s&&y.length?(n=(n=d.gap)?_xeUtils.default.isArray(n)?n:[n,n]:[],e=_xeUtils.default.toNumber(n[0]),n=_xeUtils.default.toNumber(n[1]),o=2*(r=calcContentWH(y).contentWidth)+n,c.width=2*r+2*e+e/2,c.height=o,a=e/2,l=r+n/2,s.save(),s.translate(a,l),s.rotate(h*Math.PI/180),s.translate(-a,-l),u=0,y.forEach(function(t){drayFont(s,t,d);var e=l+u;s.fillText(t.text,a,e,r),u+=t.height}),i=e,f=n+r,u=0,y.forEach(function(t){drayFont(s,t,d);var e=l+u+f;s.fillText(t.text,a+i,e,r),u+=t.height}),s.restore(),t(c.toDataURL())):t(""),removeMarkElement(c)})}

package/lib/watermark/src/watermark.js

@@ -0,0 +1,170 @@
+"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 _util = require("./util");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeWatermark',
+  props: {
+    width: String,
+    height: String,
+    imageUrl: String,
+    rotate: {
+      type: [Number, String],
+      default: function _default() {
+        return (0, _ui.getConfig)().watermark.rotate;
+      }
+    },
+    gap: {
+      type: [Array, Number, String],
+      default: function _default() {
+        return _xeUtils.default.clone((0, _ui.getConfig)().watermark.gap, true);
+      }
+    },
+    content: [String, Array],
+    font: Object,
+    offset: Object,
+    zIndex: [String, Number]
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {
+      markUrl: ''
+    };
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  computed: {
+    computeFontOpts: function computeFontOpts() {
+      var $xeWatermark = this;
+      var props = $xeWatermark;
+      return _xeUtils.default.assign({}, _xeUtils.default.clone((0, _ui.getConfig)().watermark.font, true), props.font);
+    },
+    computeWrapperStyle: function computeWrapperStyle() {
+      var $xeWatermark = this;
+      var props = $xeWatermark;
+      var reactData = $xeWatermark.reactData;
+      var width = props.width,
+        height = props.height,
+        zIndex = props.zIndex;
+      var markUrl = reactData.markUrl;
+      var stys = {};
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
+      if (height) {
+        stys.height = (0, _dom.toCssUnit)(height);
+      }
+      if (markUrl) {
+        stys.backgroundImage = "url(".concat(markUrl, ")");
+      }
+      if (zIndex) {
+        stys.zIndex = zIndex;
+      }
+      return stys;
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeWatermark = this;
+      $xeWatermark.$emit(type, (0, _ui.createEvent)(evnt, {
+        $watermark: $xeWatermark
+      }, params));
+    },
+    updateMarkStyle: function updateMarkStyle() {
+      var $xeWatermark = this;
+      var props = $xeWatermark;
+      var reactData = $xeWatermark.reactData;
+      var content = props.content,
+        gap = props.gap,
+        rotate = props.rotate,
+        offset = props.offset;
+      var el = $xeWatermark.$refs.refElem;
+      var fontOpts = $xeWatermark.computeFontOpts;
+      if (el) {
+        if (content) {
+          (0, _util.getContentUrl)(content, getComputedStyle(el).fontSize, {
+            font: fontOpts,
+            rotate: rotate,
+            gap: gap,
+            offset: offset
+          }).then(function (url) {
+            reactData.markUrl = url;
+          });
+        }
+      }
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeWatermark = this;
+      var wrapperStyle = $xeWatermark.computeWrapperStyle;
+      return h('div', {
+        ref: 'refElem',
+        class: 'vxe-watermark',
+        style: wrapperStyle
+      });
+    }
+  },
+  watch: {
+    imageUrl: function imageUrl() {
+      var $xeWatermark = this;
+      $xeWatermark.updateMarkStyle();
+    },
+    content: function content() {
+      var $xeWatermark = this;
+      $xeWatermark.updateMarkStyle();
+    },
+    gap: function gap() {
+      var $xeWatermark = this;
+      $xeWatermark.updateMarkStyle();
+    },
+    rotate: function rotate() {
+      var $xeWatermark = this;
+      $xeWatermark.updateMarkStyle();
+    },
+    width: function width() {
+      var $xeWatermark = this;
+      $xeWatermark.updateMarkStyle();
+    },
+    height: function height() {
+      var $xeWatermark = this;
+      $xeWatermark.updateMarkStyle();
+    },
+    font: function font() {
+      var $xeWatermark = this;
+      $xeWatermark.updateMarkStyle();
+    }
+  },
+  mounted: function mounted() {
+    var $xeWatermark = this;
+    $xeWatermark.updateMarkStyle();
+    _ui.globalEvents.on($xeWatermark, 'resize', _xeUtils.default.throttle(function () {
+      $xeWatermark.updateMarkStyle();
+    }, 300, {
+      trailing: true,
+      leading: true
+    }));
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeWatermark = this;
+    _ui.globalEvents.off($xeWatermark, 'resize');
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/watermark/src/watermark.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"),_util=require("./util");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeWatermark",props:{width:String,height:String,imageUrl:String,rotate:{type:[Number,String],default:function(){return(0,_ui.getConfig)().watermark.rotate}},gap:{type:[Array,Number,String],default:function(){return _xeUtils.default.clone((0,_ui.getConfig)().watermark.gap,!0)}},content:[String,Array],font:Object,offset:Object,zIndex:[String,Number]},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{markUrl:""}}},computed:{computeFontOpts:function(){return _xeUtils.default.assign({},_xeUtils.default.clone((0,_ui.getConfig)().watermark.font,!0),this.font)},computeWrapperStyle:function(){var t=this,e=this.reactData,r=t.width,n=t.height,t=t.zIndex,e=e.markUrl,i={};return r&&(i.width=(0,_dom.toCssUnit)(r)),n&&(i.height=(0,_dom.toCssUnit)(n)),e&&(i.backgroundImage="url(".concat(e,")")),t&&(i.zIndex=t),i}},methods:{dispatchEvent:function(t,e,r){this.$emit(t,(0,_ui.createEvent)(r,{$watermark:this},e))},updateMarkStyle:function(){var t=this,e=t.reactData,r=t.content,n=t.gap,i=t.rotate,a=t.offset,u=t.$refs.refElem,t=t.computeFontOpts;u&&r&&(0,_util.getContentUrl)(r,getComputedStyle(u).fontSize,{font:t,rotate:i,gap:n,offset:a}).then(function(t){e.markUrl=t})},renderVN:function(t){return t("div",{ref:"refElem",class:"vxe-watermark",style:this.computeWrapperStyle})}},watch:{imageUrl:function(){this.updateMarkStyle()},content:function(){this.updateMarkStyle()},gap:function(){this.updateMarkStyle()},rotate:function(){this.updateMarkStyle()},width:function(){this.updateMarkStyle()},height:function(){this.updateMarkStyle()},font:function(){this.updateMarkStyle()}},mounted:function(){var t=this;t.updateMarkStyle(),_ui.globalEvents.on(t,"resize",_xeUtils.default.throttle(function(){t.updateMarkStyle()},300,{trailing:!0,leading:!0}))},beforeDestroy:function(){_ui.globalEvents.off(this,"resize")},render:function(t){return this.renderVN(t)}});

package/lib/watermark/style/index.js

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

package/lib/watermark/style/style.css

@@ -0,0 +1,30 @@
+.vxe-watermark {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: none;
+  background-repeat: repeat;
+  background-position: 0px 0px;
+  background-color: transparent;
+  z-index: 999999;
+}
+
+.vxe-watermark {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-watermark.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-watermark.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-watermark.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/lib/watermark/style/style.min.css

@@ -0,0 +1 @@
+.vxe-watermark{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-repeat:repeat;background-position:0 0;background-color:transparent;z-index:999999}.vxe-watermark{font-size:var(--vxe-ui-font-size-default)}.vxe-watermark.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-watermark.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-watermark.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-pc-ui",
-  "version": "3.16.0",
+  "version": "3.16.2",
   "description": "A vue based PC component library",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

package/packages/cascader/src/cascader.ts

@@ -843,6 +843,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const reactData = $xeCascader.reactData
       const internalData = $xeCascader.internalData
 
+      const { currentNode } = reactData
       const { afterTreeList } = internalData
       const selectVals = $xeCascader.computeSelectVals
       const childrenField = $xeCascader.computeChildrenField
@@ -851,8 +852,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const { transform } = treeOpts
       const stItems: string[] = []
       const expandedMaps: Record<string, boolean> = {}
-      if (selectVals.length) {
-        const lastVal = enNodeValue(XEUtils.last(selectVals))
+      const lastVal = currentNode ? $xeCascader.getNodeId(currentNode) : enNodeValue(XEUtils.last(selectVals))
+      if (lastVal) {
         const stRest = XEUtils.findTree(afterTreeList, (item) => lastVal === $xeCascader.getNodeId(item), { children: transform ? mapChildrenField : childrenField })
         if (stRest) {
           const { nodes } = stRest
@@ -863,8 +864,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
           })
         }
       }
-      internalData.treeExpandedMaps = expandedMaps
       reactData.currentItems = stItems
+      internalData.treeExpandedMaps = expandedMaps
     },
     updateZindex () {
       const $xeCascader = this
@@ -2027,13 +2028,10 @@ export default /* define-vxe-component start */ defineVxeComponent({
   watch: {
     value () {
       const $xeCascader = this
-      const reactData = $xeCascader.reactData
 
-      if (!reactData.visiblePanel) {
-        $xeCascader.updateModelChecked()
-        $xeCascader.handleCurrentItems()
-        $xeCascader.updateCurrentChunk()
-      }
+      $xeCascader.updateModelChecked()
+      $xeCascader.handleCurrentItems()
+      $xeCascader.updateCurrentChunk()
     },
     options () {
       const $xeCascader = this

package/packages/upload/src/upload.ts

@@ -1049,7 +1049,8 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeUpload.dispatchEvent('upload-queue-start', { files: selectFiles }, evnt)
 
       const cacheMaps = Object.assign({}, reactData.fileCacheMaps)
-      const newFileList = multiple ? fileList : []
+      const uploadFileList = multiple ? fileList : []
+      const newFileList: VxeUploadDefines.FileObjItem[] = []
       const uploadPromiseRests: any[] = []
       selectFiles.forEach(file => {
         const { name } = file
@@ -1078,11 +1079,12 @@ export default /* define-vxe-component start */ defineVxeComponent({
             )
           }
           newFileList.push(item)
+          uploadFileList.push(item)
         }
       })
-      reactData.fileList = newFileList
+      reactData.fileList = uploadFileList
       reactData.fileCacheMaps = cacheMaps
-      newFileList.forEach(item => {
+      uploadFileList.forEach(item => {
         $xeUpload.dispatchEvent('add', { option: item }, evnt)
       })
       Promise.all(uploadPromiseRests).then(() => {

package/types/all.d.ts

@@ -94,6 +94,24 @@ import VxeTransfer from './components/transfer'
 import VxeUpload from './components/upload'
 import VxeWatermark from './components/watermark'
 
+// Vxe Table
+import VxeColumn from './components/column'
+import VxeColgroup from './components/colgroup'
+import VxeTable from './components/table'
+import VxeGrid from './components/grid'
+import VxeToolbar from './components/toolbar'
+
+// Vxe Design
+import VxeFlowDesign from './components/flow-design'
+import VxeFlowView from './components/flow-view'
+import VxeFormDesign from './components/form-design'
+import VxeFormView from './components/form-view'
+import VxeListDesign from './components/list-design'
+import VxeListView from './components/list-view'
+
+// Vxe Gantt
+import VxeGantt from './components/gantt'
+
 declare global {
   interface Window {
     VxeUI: VxeUIExport;
@@ -102,7 +120,7 @@ declare global {
 
 export function install (app: VueConstructor, options?: VxeGlobalConfig): void
 
-interface AllComponents {
+interface UIComponents {
   /**
    * Alert 警告提示
    */
@@ -366,6 +384,62 @@ interface AllComponents {
   VxeWatermark: typeof VxeWatermark
 }
 
+interface AllComponents extends UIComponents {
+  // Vxe Table
+  /**
+   * Column 基础表格 - 列
+   */
+  VxeColumn: typeof VxeColumn
+  /**
+   * Colgroup 基础表格 - 分组列
+   */
+  VxeColgroup: typeof VxeColgroup
+  /**
+   * Table 基础表格
+   */
+  VxeTable: typeof VxeTable
+  /**
+   * Grid 高级表格
+   */
+  VxeGrid: typeof VxeGrid
+  /**
+   * Toolbar 基础表格 - 工具栏
+   */
+  VxeToolbar: typeof VxeToolbar
+
+  // Vxe Design
+  /**
+   * FlowDesign 流程设计器
+   */
+  VxeFlowDesign: typeof VxeFlowDesign
+  /**
+   * FlowView 流程设计器 - 视图
+   */
+  VxeFlowView: typeof VxeFlowView
+  /**
+   * FormDesign 表单设计器
+   */
+  VxeFormDesign: typeof VxeFormDesign
+  /**
+   * FormView 表单设计器 - 视图
+   */
+  VxeFormView: typeof VxeFormView
+  /**
+   * ListDesign 列表设计器
+   */
+  VxeListDesign: typeof VxeListDesign
+  /**
+   * ListView 列表设计器 - 视图
+   */
+  VxeListView: typeof VxeListView
+
+  // VxeGantt
+  /**
+   * Gantt 甘特图
+   */
+  VxeGantt: typeof VxeGantt
+}
+
 declare module '@vxe-ui/core' {
   export interface VxeGlobalComponents extends AllComponents, VxeComponentKebabCaseKeys<AllComponents> {}
 }