🎨添加border自动自动编组

Author: Achuan-2

client/index.html

@@ -524,6 +524,10 @@ <h3>Spacing Paste</h3>
                         <input type="number" id="border-dash" value="0" min="0" step="0.1"
                             title="0 = solid; >0 sets dash gap in points">
                     </div>
+                    <div class="input-group">
+                        <label for="auto-group-border">Auto Group:</label>
+                        <input type="checkbox" id="auto-group-border" checked>
+                    </div>
                 </div>
                 <div class="toolbar">
                     <button class="btn btn-primary" id="add-border-button">Add Border</button>

host/index.jsx

@@ -86,6 +86,7 @@ var borderColorInput = document.querySelector("#border-color");
 var borderThicknessInput = document.querySelector("#border-thickness");
 var addBorderButton = document.querySelector("#add-border-button");
 var borderDashInput = document.querySelector("#border-dash");
+var autoGroupBorderCheckbox = document.querySelector("#auto-group-border");
 
 // Event Listeners
 arrangeButton.addEventListener("click", handleArrange);
@@ -668,13 +669,14 @@ function handleAddBorder() {
     var color = borderColorInput.value;
     var thickness = parseFloat(borderThicknessInput.value);
     var dash = parseFloat(borderDashInput && borderDashInput.value) || 0;
+    var autoGroup = autoGroupBorderCheckbox && autoGroupBorderCheckbox.checked;
     if (isNaN(thickness) || thickness <= 0) {
         alert("Invalid thickness value.");
         return;
     }
 
     csInterface.evalScript(`$.evalFile("${csInterface.getSystemPath(SystemPath.EXTENSION)}/jsx/arrange.jsx")`);
-    csInterface.evalScript(`addBorder("${color}", ${thickness}, ${dash})`, function (result) {
+    csInterface.evalScript(`addBorder("${color}", ${thickness}, ${dash}, ${autoGroup})`, function (result) {
         if (result && result.indexOf("Error:") === 0) {
             alert(result);
         }

jsx/arrange.jsx

@@ -1202,7 +1202,7 @@ function pasteSpacing(direction, spacingMm, moveLeftOrTop) {
  * color: hex color string like "#000000"
  * thickness: stroke width in points
  */
-function addBorder(color, thickness, dash) {
+function addBorder(color, thickness, dash, autoGroup) {
     if (app.documents.length === 0) return "Error: No document open.";
 
     var doc = app.activeDocument;
@@ -1304,8 +1304,24 @@ function addBorder(color, thickness, dash) {
             // In case host doesn't support strokeDashes, ignore
         }
 
-        // Move to top of the item in stacking order
-        rect.move(item, ElementPlacement.PLACEATBEGINNING);
+        // 若需要自动编组，先创建组并把边框和对象按原顺序收进组；否则仅把边框移到对象上方
+        if (autoGroup) {
+            try {
+                // 新建组（默认在当前图层最上方）
+                var group = doc.groupItems.add();
+                // 把对象先移进组（会保留原可视位置）
+                item.move(group, ElementPlacement.PLACEATEND);
+                // 再把边框移进组，置于对象上方
+                rect.move(group, ElementPlacement.PLACEATBEGINNING);
+                // 不再移动 group 本身，保持与原图层同级
+            } catch (e) {
+                // 若建组失败，回退到仅把边框放对象上方
+                rect.move(item, ElementPlacement.PLACEATBEGINNING);
+            }
+        } else {
+            // 不编组时，仅把边框移到对象上方
+            rect.move(item, ElementPlacement.PLACEATBEGINNING);
+        }
     }
 
     return "Success";