tdesign-vue-next 1.9.0 → 1.9.1-alpha.2

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.9.0
+ * tdesign v1.9.1-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -18783,7 +18783,8 @@
     },
     to: {
       type: [String, Object]
-    }
+    },
+    onClick: Function
   };
 
   /**
@@ -19274,7 +19275,9 @@
         }
         return Vue.createVNode("div", Vue.mergeProps({
           "class": itemClass
-        }, attrs), [isCutOff.value ? Vue.createVNode(Tooltip, {
+        }, attrs, {
+          "onClick": !props2.disabled && props2.onClick
+        }), [isCutOff.value ? Vue.createVNode(Tooltip, {
           "content": function content() {
             return slots === null || slots === void 0 ? void 0 : slots["default"]();
           }
@@ -29358,7 +29361,7 @@
       } else if (value.length) {
         treeValue = value;
       }
-    } else if (value) {
+    } else if (!isEmptyValues(value)) {
       if (isObject_1(value)) {
         treeValue = [value.value];
       } else {
@@ -29818,7 +29821,7 @@
       var expandedMap = /* @__PURE__ */new Map();
       var _treeValue = _slicedToArray(treeValue, 1),
         val = _treeValue[0];
-      if (val) {
+      if (!isEmptyValues(val)) {
         expandedMap.set(val, true);
         var node = treeStore.getNode(val);
         if (!node) {
@@ -38716,7 +38719,7 @@
         return Vue.createVNode("div", {
           "class": labelClasses.value,
           "style": labelStyle
-        }, [Vue.createVNode("label", {
+        }, [Vue.createVNode("label", props2["for"] && {
           "for": props2["for"]
         }, [renderContent("label")])]);
       };
@@ -43303,8 +43306,10 @@
       var data = params.value.data;
       addIndexToData(data);
       containerHeight.value = container.value.getBoundingClientRect().height;
-      if (trHeightList.length === 0) {
-        var initHeightList = Array(params.value.data.length).fill(tScroll.value.rowHeight || 47);
+      if (trHeightList.length !== params.value.data.length) {
+        var initHeightList = Array.from(trHeightList);
+        initHeightList.length = params.value.data.length;
+        initHeightList.fill(tScroll.value.rowHeight || 47);
         trHeightList = initHeightList;
       }
       scrollHeight.value = sum_1(trHeightList);
@@ -47298,7 +47303,7 @@
     return gradientColors;
   };
 
-  var _Color;
+  var _class;
   function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty$3(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var mathRound = Math.round;
@@ -47739,13 +47744,13 @@
     }]);
     return Color;
   }();
-  _Color = Color;
+  _class = Color;
   _defineProperty$3(Color, "isGradientColor", function (input) {
     return !!isGradientColor(input);
   });
   _defineProperty$3(Color, "compare", function (color1, color2) {
-    var isGradientColor1 = _Color.isGradientColor(color1);
-    var isGradientColor2 = _Color.isGradientColor(color2);
+    var isGradientColor1 = _class.isGradientColor(color1);
+    var isGradientColor2 = _class.isGradientColor(color2);
     if (isGradientColor1 && isGradientColor2) {
       var gradientColor1 = gradientColors2string(parseGradientString(color1));
       var gradientColor2 = gradientColors2string(parseGradientString(color2));
@@ -47775,17 +47780,23 @@
   function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty$3(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
   function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-  function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+  function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
   var defaultsOptions = {
     start: function start(coordinate, event) {},
     drag: function drag(coordinate, event) {},
     end: function end(coordinate, event) {}
   };
-  var _Draggable_brand = /*#__PURE__*/new WeakSet();
+  var _dragStart = /*#__PURE__*/new WeakSet();
+  var _drag = /*#__PURE__*/new WeakSet();
+  var _dragEnd = /*#__PURE__*/new WeakSet();
+  var _getCoordinate = /*#__PURE__*/new WeakSet();
   var Draggable = /*#__PURE__*/function () {
     function Draggable(el, options) {
       _classCallCheck(this, Draggable);
-      _classPrivateMethodInitSpec(this, _Draggable_brand);
+      _classPrivateMethodInitSpec(this, _getCoordinate);
+      _classPrivateMethodInitSpec(this, _dragEnd);
+      _classPrivateMethodInitSpec(this, _drag);
+      _classPrivateMethodInitSpec(this, _dragStart);
       _defineProperty$3(this, "dragging", false);
       _defineProperty$3(this, "$el", void 0);
       _defineProperty$3(this, "props", void 0);
@@ -47793,9 +47804,9 @@
       this.$el = el;
       this.props = _objectSpread$12(_objectSpread$12({}, defaultsOptions), options);
       this.handles = {
-        start: _assertClassBrand(_Draggable_brand, this, _dragStart).bind(this),
-        drag: _assertClassBrand(_Draggable_brand, this, _drag).bind(this),
-        end: _assertClassBrand(_Draggable_brand, this, _dragEnd).bind(this)
+        start: _classPrivateMethodGet(this, _dragStart, _dragStart2).bind(this),
+        drag: _classPrivateMethodGet(this, _drag, _drag2).bind(this),
+        end: _classPrivateMethodGet(this, _dragEnd, _dragEnd2).bind(this)
       };
       this.$el.addEventListener("mousedown", this.handles.start, false);
     }
@@ -47810,7 +47821,7 @@
     }]);
     return Draggable;
   }();
-  function _dragStart(event) {
+  function _dragStart2(event) {
     if (this.dragging) {
       return;
     }
@@ -47818,25 +47829,25 @@
     window.addEventListener("mouseup", this.handles.end, false);
     window.addEventListener("contextmenu", this.handles.end, false);
     this.dragging = true;
-    this.props.start(_assertClassBrand(_Draggable_brand, this, _getCoordinate).call(this, event), event);
+    this.props.start(_classPrivateMethodGet(this, _getCoordinate, _getCoordinate2).call(this, event), event);
   }
-  function _drag(event) {
+  function _drag2(event) {
     if (!this.dragging) {
       return;
     }
-    this.props.drag(_assertClassBrand(_Draggable_brand, this, _getCoordinate).call(this, event), event);
+    this.props.drag(_classPrivateMethodGet(this, _getCoordinate, _getCoordinate2).call(this, event), event);
   }
-  function _dragEnd(event) {
+  function _dragEnd2(event) {
     var _this = this;
     setTimeout(function () {
       _this.dragging = false;
-      _this.props.end(_assertClassBrand(_Draggable_brand, _this, _getCoordinate).call(_this, event), event);
+      _this.props.end(_classPrivateMethodGet(_this, _getCoordinate, _getCoordinate2).call(_this, event), event);
     }, 0);
     window.removeEventListener("mousemove", this.handles.drag, false);
     window.removeEventListener("mouseup", this.handles.end, false);
     window.removeEventListener("contextmenu", this.handles.end, false);
   }
-  function _getCoordinate(event) {
+  function _getCoordinate2(event) {
     var rect = this.$el.getBoundingClientRect();
     var mouseEvent = event;
     var left = mouseEvent.clientX - rect.left;
@@ -48605,8 +48616,9 @@
           saturation = _props2$color.saturation,
           hue = _props2$color.hue,
           value = _props2$color.value,
-          alpha = _props2$color.alpha;
-        return [saturation, hue, value, alpha, props2.format];
+          alpha = _props2$color.alpha,
+          css = _props2$color.css;
+        return [saturation, hue, value, alpha, css, props2.format];
       }, throttleUpdate);
       var handleChange = function handleChange(key, v) {
         if (v === lastModelValue[key]) {
@@ -48935,9 +48947,7 @@
       var isGradient = Vue.computed(function () {
         return mode.value === "linear-gradient";
       });
-      var color = Vue.computed(function () {
-        return new Color(innerValue.value || defaultEmptyColor.value);
-      });
+      var color = Vue.ref(new Color(innerValue.value || defaultEmptyColor.value));
       var updateColor = function updateColor() {
         return color.value.update(innerValue.value || defaultEmptyColor.value);
       };
@@ -49020,6 +49030,7 @@
         } else {
           return;
         }
+        color.value.update(color.value.rgba);
         emitColorChange(changeTrigger);
       };
       var handleHueChange = function handleHueChange(hue) {
@@ -57547,9 +57558,19 @@
         var _newActiveRowKeys = tActiveRow.value.filter(function (t) {
           return t !== rowValue;
         });
+        var activeRowList = [];
+        for (var i = 0, len = data.value.length; i < len; i++) {
+          var row2 = data.value[i];
+          if (_newActiveRowKeys.includes(get_1(row2, props.rowKey))) {
+            activeRowList.push({
+              row: row2,
+              rowIndex: i
+            });
+          }
+        }
         setTActiveRow(_newActiveRowKeys, {
           type: "inactive",
-          activeRowList: [],
+          activeRowList: activeRowList,
           currentRowData: row
         });
       }
@@ -60086,7 +60107,7 @@
   }
 
   /**!
-   * Sortable 1.15.2
+   * Sortable 1.15.1
    * @author	RubaXa   <trash@rubaxa.org>
    * @author	owenm    <owen23355@gmail.com>
    * @license MIT
@@ -60189,7 +60210,7 @@
     }
     return target;
   }
-  var version = "1.15.2";
+  var version = "1.15.1";
   function userAgent(pattern) {
     if (typeof window !== 'undefined' && window.navigator) {
       return !! /*@__PURE__*/navigator.userAgent.match(pattern);
@@ -60388,6 +60409,26 @@
     };
   }
 
+  /**
+   * Returns the content rect of the element (bounding rect minus border and padding)
+   * @param {HTMLElement} el 
+   */
+  function getContentRect(el) {
+    var rect = getRect(el);
+    var paddingLeft = parseInt(css(el, 'padding-left')),
+      paddingTop = parseInt(css(el, 'padding-top')),
+      paddingRight = parseInt(css(el, 'padding-right')),
+      paddingBottom = parseInt(css(el, 'padding-bottom'));
+    rect.top += paddingTop + parseInt(css(el, 'border-top-width'));
+    rect.left += paddingLeft + parseInt(css(el, 'border-left-width'));
+    // Client Width/Height includes padding only
+    rect.width = el.clientWidth - paddingLeft - paddingRight;
+    rect.height = el.clientHeight - paddingTop - paddingBottom;
+    rect.bottom = rect.top + rect.height;
+    rect.right = rect.left + rect.width;
+    return rect;
+  }
+
   /**
    * Checks if a side of an element is scrolled past a side of its parents
    * @param  {HTMLElement}  el           The element who's side being scrolled out of view is in question
@@ -60580,23 +60621,6 @@
       return el.cloneNode(true);
     }
   }
-  function getChildContainingRectFromElement(container, options, ghostEl) {
-    var rect = {};
-    Array.from(container.children).forEach(function (child) {
-      var _rect$left, _rect$top, _rect$right, _rect$bottom;
-      if (!closest(child, options.draggable, container, false) || child.animated || child === ghostEl) return;
-      var childRect = getRect(child);
-      rect.left = Math.min((_rect$left = rect.left) !== null && _rect$left !== void 0 ? _rect$left : Infinity, childRect.left);
-      rect.top = Math.min((_rect$top = rect.top) !== null && _rect$top !== void 0 ? _rect$top : Infinity, childRect.top);
-      rect.right = Math.max((_rect$right = rect.right) !== null && _rect$right !== void 0 ? _rect$right : -Infinity, childRect.right);
-      rect.bottom = Math.max((_rect$bottom = rect.bottom) !== null && _rect$bottom !== void 0 ? _rect$bottom : -Infinity, childRect.bottom);
-    });
-    rect.width = rect.right - rect.left;
-    rect.height = rect.bottom - rect.top;
-    rect.x = rect.left;
-    rect.y = rect.top;
-    return rect;
-  }
   var expando = 'Sortable' + new Date().getTime();
   function AnimationStateManager() {
     var animationStates = [],
@@ -62285,15 +62309,15 @@
   }
   function _ghostIsFirst(evt, vertical, sortable) {
     var firstElRect = getRect(getChild(sortable.el, 0, sortable.options, true));
-    var childContainingRect = getChildContainingRectFromElement(sortable.el, sortable.options, ghostEl);
+    var sortableContentRect = getContentRect(sortable.el);
     var spacer = 10;
-    return vertical ? evt.clientX < childContainingRect.left - spacer || evt.clientY < firstElRect.top && evt.clientX < firstElRect.right : evt.clientY < childContainingRect.top - spacer || evt.clientY < firstElRect.bottom && evt.clientX < firstElRect.left;
+    return vertical ? evt.clientX < sortableContentRect.left - spacer || evt.clientY < firstElRect.top && evt.clientX < firstElRect.right : evt.clientY < sortableContentRect.top - spacer || evt.clientY < firstElRect.bottom && evt.clientX < firstElRect.left;
   }
   function _ghostIsLast(evt, vertical, sortable) {
     var lastElRect = getRect(lastChild(sortable.el, sortable.options.draggable));
-    var childContainingRect = getChildContainingRectFromElement(sortable.el, sortable.options, ghostEl);
+    var sortableContentRect = getContentRect(sortable.el);
     var spacer = 10;
-    return vertical ? evt.clientX > childContainingRect.right + spacer || evt.clientY > lastElRect.bottom && evt.clientX > lastElRect.left : evt.clientY > childContainingRect.bottom + spacer || evt.clientX > lastElRect.right && evt.clientY > lastElRect.top;
+    return vertical ? evt.clientX > sortableContentRect.right + spacer || evt.clientY > lastElRect.bottom && evt.clientX > lastElRect.left : evt.clientY > sortableContentRect.bottom + spacer || evt.clientX > lastElRect.right && evt.clientY > lastElRect.top;
   }
   function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
     var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
@@ -62809,7 +62833,7 @@
           insertNodeAt(evt.from, evt.item, evt.oldIndex);
           var currentIndex = evt.oldIndex,
             targetIndex = evt.newIndex;
-          if (isFunction_1(props.firstFullRow) && props.firstFullRow(Vue.h) || context.slots.firstFullRow || context.slots["first-full-row"]) {
+          if (typeof props.firstFullRow !== "string" && props.firstFullRow(Vue.h) || context.slots.firstFullRow || context.slots["first-full-row"]) {
             currentIndex -= 1;
             targetIndex -= 1;
           }
@@ -67872,7 +67896,10 @@
       var ins = instanceMap.get(attachEl)[hackOptions.placement];
       Vue.nextTick(function () {
         var notificationList = ins.notificationList;
-        resolve(notificationList[notificationList.length - 1]);
+        resolve(notificationList === null || notificationList === void 0 ? void 0 : notificationList.find(function (notify) {
+          var _notify$$;
+          return ((_notify$$ = notify.$) === null || _notify$$ === void 0 || (_notify$$ = _notify$$.vnode) === null || _notify$$ === void 0 ? void 0 : _notify$$.key) === hackOptions.id;
+        }));
       });
     });
   };
@@ -70718,7 +70745,7 @@
   }
   var tdesign = {
     install: install,
-    version: "1.9.0"
+    version: "1.9.1-alpha.2"
   };
 
   if (typeof console !== "undefined" && console.warn && typeof window !== "undefined") {