eoss 0.1.0-alpha.41 → 0.1.0-alpha.42

package/lib/form-editor.js

@@ -3549,7 +3549,7 @@ module.exports = require("vue");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form-editor/src/form-editor.vue?vue&type=template&id=f814e320&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form-editor/src/form-editor.vue?vue&type=template&id=60d2865c&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -3887,7 +3887,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/form-editor/src/form-editor.vue?vue&type=template&id=f814e320&
+// CONCATENATED MODULE: ./packages/form-editor/src/form-editor.vue?vue&type=template&id=60d2865c&
 
 // EXTERNAL MODULE: external "sortablejs"
 var external_sortablejs_ = __webpack_require__(51);
@@ -9269,7 +9269,7 @@ var FIELD_META = ['description', 'id', 'nodeName', 'label', 'name', 'span'];
       localFormConfig: this.configs || {},
       // 画布内控件实时预览取值（不入结构 JSON）
       previewModels: {},
-      // 列宽拖拽会话：{ field, itemEl, direction, startX, startWidth, colWidth, columns, lastWidth, moved }，null 为未拖拽
+      // 列宽拖拽会话：{ field, itemEl, direction, startSpan, startX, startWidth, colWidth, columns, lastWidth, moved }，null 为未拖拽
       resizeState: null,
       // 内部字段列表：与 value 同引用（父级回传时避免克隆打断面板输入）
       forms: this.contents || []
@@ -9631,6 +9631,8 @@ var FIELD_META = ['description', 'id', 'nodeName', 'label', 'name', 'span'];
      * 松手才按列取整 snap 成 span（1..columns）
      */
     handleResizeStart: function handleResizeStart(event, field, direction) {
+      // 仅左键（button=0）拖拽改列宽；右键/中键不响应，避免误触并保留右键默认行为
+      if (event.button !== 0) return;
       event.preventDefault();
       event.stopPropagation();
       var formEl = this.$refs.forms && this.$refs.forms.$el;
@@ -9642,6 +9644,7 @@ var FIELD_META = ['description', 'id', 'nodeName', 'label', 'name', 'span'];
         field: field,
         itemEl: itemEl,
         direction: direction === 'left' ? 'left' : 'right',
+        startSpan: this.spanOf(field),
         startX: event.clientX,
         startWidth: itemEl ? itemEl.getBoundingClientRect().width : colWidth,
         colWidth: colWidth,
@@ -9658,9 +9661,8 @@ var FIELD_META = ['description', 'id', 'nodeName', 'label', 'name', 'span'];
       var offset = event.clientX - st.startX;
       if (offset) st.moved = true;
       var sign = st.direction === 'left' ? -1 : 1;
-      // 实时像素宽度，夹在 [单列, 整行] 之间；此阶段不写 span，保证拖动丝滑
-      var max = st.colWidth * st.columns;
-      var width = Math.min(Math.max(st.startWidth + sign * offset, st.colWidth), max);
+      // 实时像素宽度跟手，不限制拖动范围（松手才 clamp 到 [1, columns]）
+      var width = Math.max(st.startWidth + sign * offset, 0);
       st.lastWidth = width;
       st.itemEl.style.width = width + 'px';
     },
@@ -9671,9 +9673,11 @@ var FIELD_META = ['description', 'id', 'nodeName', 'label', 'name', 'span'];
       this.resizeState = null;
       if (!st) return;
       if (st.moved && st.itemEl && st.colWidth) {
-        // 松手按列取整：span ∈ [1, columns]，绝不会超过列数
+        // 松手判定：宽度大于按下时 → +1 列，小于 → -1 列；clamp [1, columns]
         var width = st.lastWidth || st.startWidth;
-        var span = Math.min(Math.max(Math.round(width / st.colWidth), 1), st.columns);
+        var span = st.startSpan;
+        if (width > st.startWidth) span = st.startSpan + 1;else if (width < st.startWidth) span = st.startSpan - 1;
+        span = Math.min(Math.max(span, 1), st.columns);
         // 内联宽度收敛到目标列宽百分比，与 form-item span 渲染同源，避免闪动
         st.itemEl.style.width = 100 / st.columns * span + '%';
         if (span > 1) {