sense-react-timeline-editor 1.0.6 → 1.0.7

package/dist/index.esm.js

@@ -2347,15 +2347,32 @@ var EditAction = function EditAction(_ref) {
     // 如果需要创建新轨道
     if (needCreateNewRow) {
       var newRowId = "row_".concat(Date.now(), "_").concat(Math.random().toString(36).substr(2, 9));
+      // 计算新轨道的order值
+      var newOrder = 0;
+      if (editorData.length > 0) {
+        var existingOrders = editorData.map(function (r) {
+          return r.order || 0;
+        });
+        if (newRowPosition === 'before') {
+          // 插入到开头，使用最小order值减1
+          var minOrder = Math.min.apply(Math, _toConsumableArray(existingOrders));
+          newOrder = minOrder - 1;
+        } else {
+          // 插入到结尾，使用最大order值加1
+          var maxOrder = Math.max.apply(Math, _toConsumableArray(existingOrders));
+          newOrder = maxOrder + 1;
+        }
+      }
       targetRowItem = {
         id: newRowId,
         actions: [],
         rowHeight: rowHeight,
         type: row.type,
         classNames: row.classNames,
-        canUpload: row.canUpload // 继承源轨道的canUpload属性
+        canUpload: row.canUpload,
+        order: newOrder // 设置新轨道的order值
       };
-      console.log('Creating new row:', newRowId, 'with type:', row.type);
+      console.log('Creating new row:', newRowId, 'with type:', row.type, 'order:', newOrder);
       // 将新轨道插入到正确的位置
       if (newRowPosition === 'before') {
         editorData.unshift(targetRowItem);
@@ -3273,7 +3290,7 @@ var EditArea = /*#__PURE__*/React.forwardRef(function (props, ref) {
         position: 'absolute',
         left: 0,
         right: 0,
-        top: top - scrollTop,
+        top: top - scrollTop + 16,
         height: '2px',
         backgroundColor: 'transparent',
         borderTop: '2px dashed #1890ff',

package/dist/index.js

@@ -2356,15 +2356,32 @@ var EditAction = function EditAction(_ref) {
     // 如果需要创建新轨道
     if (needCreateNewRow) {
       var newRowId = "row_".concat(Date.now(), "_").concat(Math.random().toString(36).substr(2, 9));
+      // 计算新轨道的order值
+      var newOrder = 0;
+      if (editorData.length > 0) {
+        var existingOrders = editorData.map(function (r) {
+          return r.order || 0;
+        });
+        if (newRowPosition === 'before') {
+          // 插入到开头，使用最小order值减1
+          var minOrder = Math.min.apply(Math, _toConsumableArray(existingOrders));
+          newOrder = minOrder - 1;
+        } else {
+          // 插入到结尾，使用最大order值加1
+          var maxOrder = Math.max.apply(Math, _toConsumableArray(existingOrders));
+          newOrder = maxOrder + 1;
+        }
+      }
       targetRowItem = {
         id: newRowId,
         actions: [],
         rowHeight: rowHeight,
         type: row.type,
         classNames: row.classNames,
-        canUpload: row.canUpload // 继承源轨道的canUpload属性
+        canUpload: row.canUpload,
+        order: newOrder // 设置新轨道的order值
       };
-      console.log('Creating new row:', newRowId, 'with type:', row.type);
+      console.log('Creating new row:', newRowId, 'with type:', row.type, 'order:', newOrder);
       // 将新轨道插入到正确的位置
       if (newRowPosition === 'before') {
         editorData.unshift(targetRowItem);
@@ -3282,7 +3299,7 @@ var EditArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
         position: 'absolute',
         left: 0,
         right: 0,
-        top: top - scrollTop,
+        top: top - scrollTop + 16,
         height: '2px',
         backgroundColor: 'transparent',
         borderTop: '2px dashed #1890ff',

package/dist/interface/action.d.ts

@@ -48,4 +48,6 @@ export interface TimelineRow {
     canUpload?: boolean;
     /** 是否为预览轨道 */
     isPreview?: boolean;
+    /** 轨道顺序 */
+    order?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sense-react-timeline-editor",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "author": "xzdarcy",
   "license": "MIT",
   "keywords": [