tdesign-vue-next 1.8.1 → 1.8.2-alpha.1

package/cjs/utils/clipboard.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _commonjsHelpers = require('../_chunks/dep-c8d24332.js');
+var _commonjsHelpers = require('../_chunks/dep-1a0f6b41.js');
 
 var clipboard = {exports: {}};
 

package/cjs/utils/dom.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _commonjsHelpers = require('../_chunks/dep-c8d24332.js');
+var _commonjsHelpers = require('../_chunks/dep-1a0f6b41.js');
 var isString = require('lodash/isString');
 var isFunction = require('lodash/isFunction');
 var isArray = require('lodash/isArray');

package/cjs/utils/easing.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/utils/event.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/utils/helper.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/utils/render-tnode.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/utils/responsive.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/utils/set-style.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/utils/transfer-dom.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils_dom = require('./dom.js');
-require('../_chunks/dep-c8d24332.js');
+require('../_chunks/dep-1a0f6b41.js');
 require('lodash/isString');
 require('lodash/isFunction');
 require('lodash/isArray');

package/cjs/utils/withInstall.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/watermark/hooks.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/watermark/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -27,7 +27,7 @@ require('lodash/merge');
 require('../_common/js/global-config/default-config.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('@babel/runtime/helpers/typeof');
-require('../_chunks/dep-c8d24332.js');
+require('../_chunks/dep-1a0f6b41.js');
 require('dayjs');
 require('lodash/isArray');
 require('./hooks.js');

package/cjs/watermark/props.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/watermark/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */

package/cjs/watermark/watermark.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -27,7 +27,7 @@ require('lodash/merge');
 require('../_common/js/global-config/default-config.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('@babel/runtime/helpers/typeof');
-require('../_chunks/dep-c8d24332.js');
+require('../_chunks/dep-1a0f6b41.js');
 require('dayjs');
 require('lodash/isArray');
 require('@babel/runtime/helpers/objectWithoutProperties');

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.8.1
+ * tdesign v1.8.2-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -12872,12 +12872,6 @@
   }
   var isNil_1 = isNil;
 
-  var LayoutEnum = /* @__PURE__ */function (LayoutEnum2) {
-    LayoutEnum2["VERTICAL"] = "vertical";
-    LayoutEnum2["HORIZONTAL"] = "horizontal";
-    return LayoutEnum2;
-  }(LayoutEnum || {});
-
   var props$1f = {
     bordered: Boolean,
     colon: Boolean,
@@ -12967,7 +12961,7 @@
       var descriptionsProps = Vue.inject(descriptionsKey);
       var COMPONENT_NAME = usePrefixClass("descriptions");
       var label = function label(node) {
-        var layout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : LayoutEnum.HORIZONTAL;
+        var layout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "horizontal";
         var labelClass = ["".concat(COMPONENT_NAME.value, "__label")];
         var label2 = null;
         var span = null;
@@ -12978,7 +12972,7 @@
           label2 = renderVNodeTNode(node, "label");
           span = node.props.span;
         }
-        var labelSpan = layout === LayoutEnum.HORIZONTAL ? 1 : span;
+        var labelSpan = layout === "horizontal" ? 1 : span;
         return Vue.createVNode("td", Vue.mergeProps({
           "colspan": labelSpan,
           "class": labelClass
@@ -12987,7 +12981,7 @@
         }), [label2, descriptionsProps.colon && ":"]);
       };
       var content = function content(node) {
-        var layout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : LayoutEnum.HORIZONTAL;
+        var layout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "horizontal";
         var contentClass = ["".concat(COMPONENT_NAME.value, "__content")];
         var content2 = null;
         var span = null;
@@ -12998,7 +12992,7 @@
           content2 = renderVNodeTNode(node, "content", "default");
           span = node.props.span;
         }
-        var contentSpan = span > 1 && layout === LayoutEnum.HORIZONTAL ? span * 2 - 1 : span;
+        var contentSpan = span > 1 && layout === "horizontal" ? span * 2 - 1 : span;
         return Vue.createVNode("td", Vue.mergeProps({
           "colspan": contentSpan,
           "class": contentClass
@@ -13013,9 +13007,9 @@
       };
       var hv = function hv() {
         return Vue.createVNode(Vue.Fragment, null, [Vue.createVNode("tr", null, [props.row.map(function (node) {
-          return label(node, LayoutEnum.VERTICAL);
+          return label(node, "vertical");
         })]), Vue.createVNode("tr", null, [props.row.map(function (node) {
-          return content(node, LayoutEnum.VERTICAL);
+          return content(node, "vertical");
         })])]);
       };
       var vh = function vh() {
@@ -13029,7 +13023,7 @@
         })]);
       };
       return function () {
-        return Vue.createVNode(Vue.Fragment, null, [descriptionsProps.layout === LayoutEnum.HORIZONTAL ? descriptionsProps.itemLayout === LayoutEnum.HORIZONTAL ? hh() : hv() : descriptionsProps.itemLayout === LayoutEnum.HORIZONTAL ? vh() : vv()]);
+        return Vue.createVNode(Vue.Fragment, null, [descriptionsProps.layout === "horizontal" ? descriptionsProps.itemLayout === "horizontal" ? hh() : hv() : descriptionsProps.itemLayout === "horizontal" ? vh() : vv()]);
       };
     }
   });
@@ -13064,7 +13058,7 @@
             itemsType.value = ItemsType.slots;
           }
         }
-        if (layout === LayoutEnum.VERTICAL) {
+        if (layout === "vertical") {
           return [items];
         }
         var temp = [];
@@ -19490,6 +19484,12 @@
         return [];
       }
     },
+    panelBottomContent: {
+      type: [String, Function]
+    },
+    panelTopContent: {
+      type: [String, Function]
+    },
     placement: {
       type: String,
       "default": "bottom-left",
@@ -26218,8 +26218,7 @@
           var _selectProvider$value, _selectProvider$value2;
           (_selectProvider$value = (_selectProvider$value2 = selectProvider.value).handleCreate) === null || _selectProvider$value === void 0 || _selectProvider$value.call(_selectProvider$value2, props2.value);
           if (selectProvider.value.multiple) {
-            selectProvider.value.selectValue.push(props2.value);
-            selectProvider.value.handleValueChange(selectProvider.value.selectValue, {
+            selectProvider.value.handleValueChange([].concat(_toConsumableArray(selectProvider.value.selectValue), [props2.value]), {
               selectedOptions: selectProvider.value.getSelectedOptions(),
               trigger: "check",
               e: e
@@ -39027,7 +39026,7 @@
       return isNumber_1(val) ? val >= num : getCharacterLength(val) >= num;
     },
     len: function len(val, num) {
-      return getCharacterLength(val) === num;
+      return getCharacterLength(String(val)) === num;
     },
     number: function number(val) {
       return isNumber_1(val);
@@ -47846,7 +47845,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;
@@ -48287,13 +48286,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));
@@ -54609,6 +54608,7 @@
   }();
 
   var COLOR_MAP = {
+    black: "var(--td-text-color-primary)",
     blue: "var(--td-brand-color)",
     red: "var(--td-error-color)",
     orange: "var(--td-warning-color)",
@@ -57961,7 +57961,8 @@
       rowClassName: [Array, String, Object, Function],
       thWidthList: [Object],
       footerSummary: [String, Function],
-      rowspanAndColspanInFooter: Function
+      rowspanAndColspanInFooter: Function,
+      virtualScroll: Boolean
     },
     setup: function setup(props, context) {
       var renderTNode = useTNodeJSX();
@@ -58044,7 +58045,10 @@
       if (!footerSummary && (!this.footData || !this.footData.length)) return null;
       return Vue.createVNode("tfoot", {
         "ref": "tFooterRef",
-        "class": theadClasses
+        "class": theadClasses,
+        "style": {
+          visibility: this.virtualScroll ? "hidden" : "visible"
+        }
       }, [footerSummary && Vue.createVNode("tr", {
         "class": this.tableFullRowClasses.base
       }, [Vue.createVNode("td", {
@@ -58759,6 +58763,8 @@
         _this = this,
         _this$affixHeaderRef,
         _this$footData,
+        _this$tableFootHeight,
+        _affixHeaderHeight$va,
         _this$tableContentRef;
       if (!this.showElement) {
         return Vue.createVNode("div", {
@@ -58892,7 +58898,9 @@
       if (this.bordered) {
         marginScrollbarWidth += 1;
       }
-      var affixedFooter = Boolean(this.footerAffixedBottom && ((_this$footData = this.footData) === null || _this$footData === void 0 ? void 0 : _this$footData.length) && this.tableWidth) && Vue.createVNode(Affix, Vue.mergeProps({
+      var showFooter = Boolean(this.virtualConfig.isVirtualScroll.value || this.footerAffixedBottom);
+      var hasFooter = ((_this$footData = this.footData) === null || _this$footData === void 0 ? void 0 : _this$footData.length) || this.footerSummary || this.$slots["footerSummary"];
+      var affixedFooter = Boolean(showFooter && hasFooter && this.tableWidth) && Vue.createVNode(Affix, Vue.mergeProps({
         "class": this.tableBaseClass.affixedFooterWrap,
         "onFixedChange": this.onFixedChange,
         "offsetBottom": marginScrollbarWidth || 0
@@ -58909,7 +58917,7 @@
               width: "".concat(_this.tableWidth - affixedLeftBorder, "px"),
               opacity: Number(_this.showAffixFooter)
             },
-            "class": ["scrollbar", _defineProperty$3({}, _this.tableBaseClass.affixedFooterElm, _this.footerAffixedBottom || _this.isVirtual)]
+            "class": ["scrollbar", _defineProperty$3({}, _this.tableBaseClass.affixedFooterElm, _this.footerAffixedBottom || _this.virtualConfig.isVirtualScroll.value)]
           }, [Vue.createVNode("table", {
             "class": _this.tableElmClasses,
             "style": _objectSpread$v(_objectSpread$v({}, _this.tableElementStyles), {}, {
@@ -58929,7 +58937,7 @@
           }, _this.$slots)])])];
         }
       });
-      var translate = "translate(0, ".concat(this.virtualConfig.scrollHeight.value, "px)");
+      var translate = "translate(0, ".concat(this.virtualConfig.scrollHeight.value + ((_this$tableFootHeight = this.tableFootHeight) !== null && _this$tableFootHeight !== void 0 ? _this$tableFootHeight : 0) + ((_affixHeaderHeight$va = affixHeaderHeight.value) !== null && _affixHeaderHeight$va !== void 0 ? _affixHeaderHeight$va : 0), "px)");
       var virtualStyle = {
         transform: translate,
         "-ms-transform": translate,
@@ -58985,7 +58993,8 @@
         "rowAttributes": this.rowAttributes,
         "rowClassName": this.rowClassName,
         "footerSummary": this.footerSummary,
-        "rowspanAndColspanInFooter": this.rowspanAndColspanInFooter
+        "rowspanAndColspanInFooter": this.rowspanAndColspanInFooter,
+        "virtualScroll": this.virtualConfig.isVirtualScroll.value
       }, this.$slots)])]);
       var getCustomLoadingText = isFunction_1(this.loading) ? this.loading : this.$slots.loading;
       var loadingContent = this.loading !== void 0 && Vue.createVNode(Loading, Vue.mergeProps({
@@ -60609,7 +60618,7 @@
   }
 
   /**!
-   * Sortable 1.15.2
+   * Sortable 1.15.1
    * @author	RubaXa   <trash@rubaxa.org>
    * @author	owenm    <owen23355@gmail.com>
    * @license MIT
@@ -60712,7 +60721,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);
@@ -60911,6 +60920,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
@@ -61103,23 +61132,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 = [],
@@ -62808,15 +62820,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,
@@ -67021,7 +67033,7 @@
       "default": ""
     },
     closeBtn: {
-      type: [String, Boolean, Function]
+      type: [Boolean, String, Function]
     },
     closeOnEscKeydown: {
       type: Boolean,
@@ -68452,6 +68464,7 @@
   Object.keys(extraApi).forEach(function (funcName) {
     NotificationPlugin[funcName] = extraApi[funcName];
   });
+  var Notify = NotificationPlugin;
 
   var Notification = withInstall$1(_Notification);
 
@@ -71236,6 +71249,7 @@
     MessagePlugin: MessagePlugin,
     Message: Message,
     NotifyPlugin: NotificationPlugin,
+    Notify: Notify,
     Notification: Notification,
     Popconfirm: Popconfirm,
     Popup: Popup,
@@ -71250,7 +71264,7 @@
   }
   var tdesign = {
     install: install,
-    version: "1.8.1"
+    version: "1.8.2-alpha.1"
   };
 
   if (typeof console !== "undefined" && console.warn && typeof window !== "undefined") {
@@ -71317,7 +71331,6 @@
   exports.InputGroup = InputGroup;
   exports.InputNumber = InputNumber;
   exports.Layout = Layout;
-  exports.LayoutEnum = LayoutEnum;
   exports.Link = Link;
   exports.List = List;
   exports.ListItem = ListItem;
@@ -71330,6 +71343,7 @@
   exports.Message = Message;
   exports.MessagePlugin = MessagePlugin;
   exports.Notification = Notification;
+  exports.Notify = Notify;
   exports.NotifyPlugin = NotificationPlugin;
   exports.Option = Option;
   exports.OptionGroup = OptionGroup;