tdesign-vue-next 1.9.5 → 1.9.6-alpha.1

package/cjs/utils/responsive.js

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

package/cjs/utils/set-style.js

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

package/cjs/utils/string-template.js

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

package/cjs/utils/transfer-dom.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.9.5
+ * tdesign v1.9.6-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-b0dbafcf.js');
+require('../_chunks/dep-93441182.js');
 require('lodash/isString');
 require('lodash/isFunction');
 require('lodash/isArray');

package/cjs/utils/withInstall.js

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

package/cjs/watermark/hooks.js

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

package/cjs/watermark/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.9.5
+ * tdesign v1.9.6-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -26,9 +26,9 @@ require('lodash/mergeWith');
 require('lodash/merge');
 require('../_common/js/global-config/default-config.js');
 require('../_common/js/global-config/locale/zh_CN.js');
-require('../_chunks/dep-626b97f8.js');
+require('../_chunks/dep-8bafce5f.js');
 require('@babel/runtime/helpers/typeof');
-require('../_chunks/dep-b0dbafcf.js');
+require('../_chunks/dep-93441182.js');
 require('dayjs');
 require('lodash/isArray');
 require('./hooks.js');

package/cjs/watermark/props.js

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

package/cjs/watermark/type.js

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

package/cjs/watermark/watermark.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.9.5
+ * tdesign v1.9.6-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -26,9 +26,9 @@ require('lodash/mergeWith');
 require('lodash/merge');
 require('../_common/js/global-config/default-config.js');
 require('../_common/js/global-config/locale/zh_CN.js');
-require('../_chunks/dep-626b97f8.js');
+require('../_chunks/dep-8bafce5f.js');
 require('@babel/runtime/helpers/typeof');
-require('../_chunks/dep-b0dbafcf.js');
+require('../_chunks/dep-93441182.js');
 require('dayjs');
 require('lodash/isArray');
 require('@babel/runtime/helpers/objectWithoutProperties');

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.9.5
+ * tdesign v1.9.6-alpha.1
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -19395,11 +19395,6 @@
     }
     return shallowCopy;
   }
-  function firstUpperCase$1(str) {
-    return str.toLowerCase().replace(/( |^)[a-z]/g, function (_char) {
-      return _char.toUpperCase();
-    });
-  }
   function getBackgroundColor(color) {
     if (isString_1(color)) {
       return color;
@@ -20550,10 +20545,10 @@
           if (props.navs[i].props.value === props.value) {
             break;
           }
-          offset += ((_props$navs$i = props.navs[i]) === null || _props$navs$i === void 0 || (_props$navs$i = _props$navs$i.el) === null || _props$navs$i === void 0 ? void 0 : _props$navs$i["client".concat(firstUpperCase$1(sizePropName))]) || 0;
+          offset += ((_props$navs$i = props.navs[i]) === null || _props$navs$i === void 0 || (_props$navs$i = _props$navs$i.el) === null || _props$navs$i === void 0 || (_props$navs$i = _props$navs$i.getBoundingClientRect()) === null || _props$navs$i === void 0 ? void 0 : _props$navs$i[sizePropName]) || 0;
         }
         if (!props.navs[i]) return {};
-        return _defineProperty$3(_defineProperty$3({}, offsetPropName, "".concat(offset, "px")), sizePropName, "".concat(((_props$navs$i$el = props.navs[i].el) === null || _props$navs$i$el === void 0 ? void 0 : _props$navs$i$el["client".concat(firstUpperCase$1(sizePropName))]) || 0, "px"));
+        return _defineProperty$3(_defineProperty$3({}, offsetPropName, "".concat(offset, "px")), sizePropName, "".concat(((_props$navs$i$el = props.navs[i].el) === null || _props$navs$i$el === void 0 || (_props$navs$i$el = _props$navs$i$el.getBoundingClientRect()) === null || _props$navs$i$el === void 0 ? void 0 : _props$navs$i$el[sizePropName]) || 0, "px"));
       };
       Vue.onMounted(function () {
         Vue.nextTick(function () {
@@ -36851,13 +36846,15 @@
         var _formatRef$value;
         var dateValue = value.value && !isDate_1(value.value) && !["week", "quarter"].includes(props2.mode) ? covertToDate(value.value, (_formatRef$value = formatRef.value) === null || _formatRef$value === void 0 ? void 0 : _formatRef$value.valueType) : value.value;
         cacheValue.value = formatDate(dateValue, {
-          format: formatRef.value.format
+          format: formatRef.value.valueType,
+          targetFormat: formatRef.value.format
         });
         inputValue.value = formatDate(dateValue, {
-          format: formatRef.value.format
+          format: formatRef.value.valueType,
+          targetFormat: formatRef.value.format
         });
         if (visible) {
-          year.value = parseToDayjs(value.value, formatRef.value.format).year();
+          year.value = parseToDayjs(value.value, formatRef.value.valueType).year();
           month.value = parseToDayjs(value.value, formatRef.value.format).month();
           time.value = formatTime(value.value, formatRef.value.format, formatRef.value.timeFormat, props2.defaultTime);
         } else {
@@ -37980,6 +37977,7 @@
       return getDefaultFormat({
         mode: props.mode,
         format: props.format,
+        valueType: props.valueType,
         enableTimePicker: props.enableTimePicker
       });
     });
@@ -38019,7 +38017,8 @@
       }
       if (!isValidDate(value.value, formatRef.value.format)) return;
       cacheValue.value = formatDate(value.value, {
-        format: formatRef.value.format
+        format: formatRef.value.valueType,
+        targetFormat: formatRef.value.format
       });
       time.value = formatTime(value.value, formatRef.value.format, formatRef.value.timeFormat, props.defaultTime);
     });
@@ -38200,7 +38199,8 @@
       }
       if (!isValidDate(value2, formatRef.value.format)) return;
       inputValue.value = formatDate(value2, {
-        format: formatRef.value.format
+        format: formatRef.value.valueType,
+        targetFormat: formatRef.value.format
       });
     }, {
       immediate: true
@@ -38275,7 +38275,8 @@
         if (visible) {
           isSelected.value = false;
           cacheValue.value = formatDate(value.value || [], {
-            format: formatRef.value.format
+            format: formatRef.value.valueType,
+            targetFormat: formatRef.value.format
           });
           time.value = formatTime(value.value || [dayjs().format(formatRef.value.timeFormat), dayjs().format(formatRef.value.timeFormat)], formatRef.value.format, formatRef.value.timeFormat, props2.defaultTime);
           if (!value.value.length) {
@@ -38294,7 +38295,7 @@
               return parseToDayjs(v, formatRef.value.format).month();
             });
             year.value = value.value.map(function (v) {
-              return parseToDayjs(v, formatRef.value.format).year();
+              return parseToDayjs(v, formatRef.value.valueType).year();
             });
             if (year.value[0] === year.value[1] && nextMonth[0] === nextMonth[1]) {
               nextMonth[0] === 11 ? nextMonth[0] -= 1 : nextMonth[1] += 1;
@@ -38318,7 +38319,8 @@
           isHoverCell.value = false;
           isFirstValueSelected.value = false;
           inputValue.value = formatDate(value.value, {
-            format: formatRef.value.format
+            format: formatRef.value.valueType,
+            targetFormat: formatRef.value.format
           });
         }
       });
@@ -44604,7 +44606,7 @@
     var containerWidth = Vue.ref(0);
     var startAndEndIndex = Vue.ref([0, 15]);
     var tScroll = Vue.computed(function () {
-      var _scroll$isFixedRowHei;
+      var _scroll$isFixedRowHei, _scroll$fixedRows;
       var scroll = params.value.scroll;
       if (!scroll) return {};
       return {
@@ -44612,7 +44614,8 @@
         isFixedRowHeight: (_scroll$isFixedRowHei = scroll.isFixedRowHeight) !== null && _scroll$isFixedRowHei !== void 0 ? _scroll$isFixedRowHei : false,
         rowHeight: scroll.rowHeight || 47,
         threshold: scroll.threshold || 100,
-        type: scroll.type
+        type: scroll.type,
+        fixedRows: (_scroll$fixedRows = scroll.fixedRows) !== null && _scroll$fixedRows !== void 0 ? _scroll$fixedRows : [0, 0]
       };
     });
     var isVirtualScroll = Vue.computed(function () {
@@ -44622,6 +44625,7 @@
     function getVisibleRangeConfig() {
       var _container$value$scro, _container$value;
       var scrollTop = (_container$value$scro = (_container$value = container.value) === null || _container$value === void 0 ? void 0 : _container$value.scrollTop) !== null && _container$value$scro !== void 0 ? _container$value$scro : 0;
+      var fixedStart = tScroll.value.fixedRows[0];
       var prevBufferHeightList = [];
       var hiddenHeight = 0;
       var visibleStart = -1;
@@ -44652,10 +44656,11 @@
       }
       var startIndex = max_1([visibleStart - tScroll.value.bufferSize, 0]);
       var endIndex = min_1([visibleEnd + tScroll.value.bufferSize, params.value.data.length]);
+      var stickyHeight = sum_1(trHeightList.slice(0, Math.min(startIndex, fixedStart)));
       return {
         startIndex: startIndex,
         endIndex: endIndex,
-        translateY: hiddenHeight
+        translateY: hiddenHeight - stickyHeight
       };
     }
     var updateVisibleData = throttle_1(function () {
@@ -44663,9 +44668,22 @@
         startIndex = _getVisibleRangeConfi.startIndex,
         endIndex = _getVisibleRangeConfi.endIndex,
         translateYValue = _getVisibleRangeConfi.translateY;
+      var fixedRows = tScroll.value.fixedRows;
+      var _fixedRows = _slicedToArray(fixedRows, 2),
+        fixedStart = _fixedRows[0],
+        fixedEnd = _fixedRows[1];
+      var fixedStartData = fixedStart ? params.value.data.slice(0, fixedStart) : [];
+      if (fixedStart && startIndex < fixedStart) {
+        fixedStartData = fixedStartData.slice(0, startIndex);
+      }
+      var fixedEndData = fixedEnd ? params.value.data.slice(params.value.data.length - fixedEnd) : [];
+      var bottomStartIndex = endIndex - params.value.data.length + 1 + (fixedEnd !== null && fixedEnd !== void 0 ? fixedEnd : 0);
+      if (fixedEnd && bottomStartIndex > 0) {
+        fixedEndData = fixedEndData.slice(bottomStartIndex);
+      }
       if (startAndEndIndex.value.join() !== [startIndex, endIndex].join() && startIndex >= 0) {
         translateY.value = translateYValue;
-        visibleData.value = params.value.data.slice(startIndex, endIndex);
+        visibleData.value = fixedStartData.concat(params.value.data.slice(startIndex, endIndex), fixedEndData);
         startAndEndIndex.value = [startIndex, endIndex];
       }
     }, 100);
@@ -53626,7 +53644,8 @@
       return Vue.createVNode("div", {
         "class": this.listClass,
         "onScroll": this.handleScroll,
-        "ref": "listRef"
+        "ref": "listRef",
+        "style": this.isVirtualScroll ? "position:relative" : void 0
       }, [listContent]);
     }
   });
@@ -56031,6 +56050,7 @@
     };
   }
   function getRowFixedStyles(rowId, rowIndex, rowLength, fixedRows, rowAndColFixedPosition, tableRowFixedClasses) {
+    var virtualTranslateY = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
     if (!fixedRows || !fixedRows.length) return {
       style: void 0,
       classes: void 0
@@ -56041,8 +56061,8 @@
     var fixedPos = (rowAndColFixedPosition === null || rowAndColFixedPosition === void 0 ? void 0 : rowAndColFixedPosition.get(rowId)) || {};
     var rowClasses = _defineProperty$3(_defineProperty$3(_defineProperty$3(_defineProperty$3({}, tableRowFixedClasses.top, fixedTop), tableRowFixedClasses.bottom, fixedBottom), tableRowFixedClasses.firstBottom, rowIndex === firstFixedBottomRow), tableRowFixedClasses.withoutBorderBottom, rowIndex === firstFixedBottomRow - 1);
     var rowStyles = {
-      top: fixedTop ? "".concat(fixedPos.top, "px") : void 0,
-      bottom: fixedBottom ? "".concat(fixedPos.bottom, "px") : void 0
+      top: fixedTop ? "".concat(fixedPos.top - virtualTranslateY, "px") : void 0,
+      bottom: fixedBottom ? "".concat(fixedPos.bottom + virtualTranslateY, "px") : void 0
     };
     return {
       style: rowStyles,
@@ -56224,7 +56244,7 @@
         }));
       }
       for (var _i = data2.length - 1; _i >= data2.length - fixedBottomRows; _i--) {
-        var _tr = trList[_i];
+        var _tr = trList[trList.length - (data2.length - _i)];
         var _rowId = get_1(data2[_i], rowKey);
         var _thisRowInfo = initialColumnMap.get(_rowId) || {};
         var _lastRowId = get_1(data2[_i + 1], rowKey);
@@ -57117,7 +57137,7 @@
         tdAlignClasses = _useClassName.tdAlignClasses,
         tableDraggableClasses = _useClassName.tableDraggableClasses;
       var trStyles = Vue.computed(function () {
-        return getRowFixedStyles(get_1(props.row, props.rowKey || "id"), props.rowIndex, props.dataLength, props.fixedRows, props.rowAndColFixedPosition, tableRowFixedClasses);
+        return getRowFixedStyles(get_1(props.row, props.rowKey || "id"), props.rowIndex, props.dataLength, props.fixedRows, props.rowAndColFixedPosition, tableRowFixedClasses, props.virtualConfig.isVirtualScroll.value ? props.virtualConfig.translateY.value : 0);
       });
       var trAttributes = Vue.computed(function () {
         return formatRowAttributes(props.rowAttributes, {
@@ -57396,10 +57416,11 @@
         }, [fullRowNode])])])]);
       };
       var columnLength = this.columns.length;
-      var dataLength = this.data.length;
+      var dataLength = (_this$data = this.data) === null || _this$data === void 0 ? void 0 : _this$data.length;
       var trNodeList = [];
       var properties = ["classPrefix", "ellipsisOverlayClassName", "rowAndColFixedPosition", "scroll", "tableElm", "tableContentElm", "pagination", "attach"];
-      (_this$data = this.data) === null || _this$data === void 0 || _this$data.forEach(function (row, rowIndex) {
+      var renderData = this.virtualConfig.isVirtualScroll.value ? this.virtualConfig.visibleData.value : this.data;
+      renderData === null || renderData === void 0 || renderData.forEach(function (row, rowIndex) {
         var _this$activeRow;
         var rowKey = _this.rowKey || "id";
         var rowValue = get_1(row, rowKey);
@@ -58332,7 +58353,9 @@
       var virtualScrollParams = Vue.computed(function () {
         return {
           data: props2.data,
-          scroll: props2.scroll
+          scroll: _objectSpread$v(_objectSpread$v({}, props2.scroll), {}, {
+            fixedRows: props2.fixedRows
+          })
         };
       });
       var virtualConfig = useVirtualScroll(tableContentRef, virtualScrollParams);
@@ -58688,13 +58711,12 @@
         "-moz-transform": translate,
         "-webkit-transform": translate
       };
-      var virtualConfig = this.virtualConfig;
       var tableBodyProps = _objectSpread$v(_objectSpread$v({
         classPrefix: this.classPrefix,
         ellipsisOverlayClassName: this.tableSize !== "medium" ? this.sizeClassNames[this.tableSize] : "",
         rowAndColFixedPosition: rowAndColFixedPosition,
         showColumnShadow: this.showColumnShadow,
-        data: virtualConfig.isVirtualScroll.value ? virtualConfig.visibleData.value : data,
+        data: data,
         virtualConfig: this.virtualConfig,
         columns: this.spansAndLeafNodes.leafColumns,
         tableElm: this.tableRef,
@@ -71003,7 +71025,7 @@
   }
   var tdesign = {
     install: install,
-    version: "1.9.5"
+    version: "1.9.6-alpha.1"
   };
 
   if (typeof console !== "undefined" && console.warn && typeof window !== "undefined") {