优化：支持文字排版

src/components/ExportSidebar.tsx

@@ -61,8 +61,13 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
   draftSelectedCount,
   compact = false,
 }) => {
-  const [dataCollapsed, setDataCollapsed] = useState(false);
-  const [layoutCollapsed, setLayoutCollapsed] = useState(true);
+  type ExportPanelKey = 'data' | 'layout';
+  const [activePanel, setActivePanel] = useState<ExportPanelKey | null>('data');
+  const dataCollapsed = activePanel !== 'data';
+  const layoutCollapsed = activePanel !== 'layout';
+  const toggleExportPanel = (key: ExportPanelKey) => {
+    setActivePanel((prev) => (prev === key ? null : key));
+  };
   const hasData = rows.length > 0;
 
   const dataRangeSection = (
@@ -149,7 +154,7 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
       <CollapsiblePanelSection
         sectionClassName="export-data-panel"
         collapsed={dataCollapsed}
-        onToggle={() => setDataCollapsed((v) => !v)}
+        onToggle={() => toggleExportPanel('data')}
         icon={<Database className="w-3.5 h-3.5 shrink-0 text-[#31a8ff]" />}
         title="数据源与变量绑定"
         bodyClassName="ps-panel-body p-3 min-h-0 space-y-3"
@@ -181,7 +186,7 @@ export const ExportSidebar: React.FC<ExportSidebarProps> = ({
       <CollapsiblePanelSection
         sectionClassName="export-layout-panel"
         collapsed={layoutCollapsed}
-        onToggle={() => setLayoutCollapsed((v) => !v)}
+        onToggle={() => toggleExportPanel('layout')}
         icon={<Layout className="w-3.5 h-3.5 shrink-0 text-[#31a8ff]" />}
         title="整页排版 & PDF 设置"
         bodyClassName="ps-panel-body p-3 min-h-0 space-y-3"

src/components/LabelDesigner.tsx

@@ -864,6 +864,8 @@ export const LabelDesigner: React.FC<LabelDesignerProps> = ({
                     width: `${elemW}px`,
                     height: `${elemH}px`,
                     zIndex: isSelected ? index + 1000 : index + 10,
+                    transform: element.rotation ? `rotate(${element.rotation}deg)` : undefined,
+                    transformOrigin: 'center center',
                   }}
                   onMouseDown={
                     isLocked ? undefined : (e) => handleElementMouseDown(e, element, 'drag')

src/components/PreviewGrid.tsx

@@ -352,14 +352,13 @@ export const PaperSettingsPanel: React.FC<PaperSettingsPanelProps> = ({
                 onClick={autoCenterMargins}
                 className={
                   isPs
-                    ? 'ps-btn w-full text-[10px]'
+                    ? 'ps-btn text-[10px]'
                     : isMobile
                       ? 'mobile-secondary-btn w-full'
                       : 'w-full inline-flex items-center justify-center gap-1 bg-white hover:bg-gray-100 border border-gray-200 text-gray-600 py-1.5 px-3 rounded-lg text-[10px] font-bold cursor-pointer'
                 }
               >
-                <RefreshCcw className="w-3.5 h-3.5" />
-                自动边距
+                计算
               </button>
             </div>
           </div>

src/components/PropSidebar.tsx

@@ -48,6 +48,7 @@ import {
   Link2,
   Plus,
   Ruler,
+  RotateCw,
   Barcode,
   QrCode,
   Image as ImageIcon,
@@ -181,7 +182,10 @@ export const PropSidebar: React.FC<PropSidebarProps> = ({
 
   const togglePanel = (key: keyof PanelCollapseState) => {
     setPanelCollapsed((prev) => {
-      const next = { ...prev, [key]: !prev[key] };
+      const isCollapsed = prev[key];
+      const next: PanelCollapseState = isCollapsed
+        ? { content: true, properties: true, layers: true, [key]: false }
+        : { ...prev, [key]: true };
       try {
         localStorage.setItem(PANEL_COLLAPSE_STORAGE_KEY, JSON.stringify(next));
       } catch {
@@ -1028,6 +1032,32 @@ export const PropSidebar: React.FC<PropSidebarProps> = ({
                       </div>
                     </div>
 
+                    <div className="space-y-2">
+                      <label className="ps-field-label mb-0">排列方向</label>
+                      <div className="ps-toggle-group">
+                        <button
+                          type="button"
+                          onClick={() =>
+                            handleElemChange({ ...selectedElem, textWritingMode: 'horizontal' })
+                          }
+                          className={`ps-toggle-btn ${(selectedElem.textWritingMode ?? 'horizontal') === 'horizontal' ? 'active' : ''}`}
+                          title="横排"
+                        >
+                          横排
+                        </button>
+                        <button
+                          type="button"
+                          onClick={() =>
+                            handleElemChange({ ...selectedElem, textWritingMode: 'vertical' })
+                          }
+                          className={`ps-toggle-btn ${selectedElem.textWritingMode === 'vertical' ? 'active' : ''}`}
+                          title="竖排"
+                        >
+                          竖排
+                        </button>
+                      </div>
+                    </div>
+
                     <div className="space-y-2">
                       <label className="ps-field-label mb-0">对齐方式</label>
                       <div className="flex flex-wrap items-center gap-2">
@@ -1234,6 +1264,26 @@ export const PropSidebar: React.FC<PropSidebarProps> = ({
                         }`}
                       />
                     </div>
+                    <div className="col-span-2">
+                      <label className="ps-field-label flex items-center gap-1">
+                        旋转角度（度）
+                      </label>
+                      <div className="flex items-center gap-2">
+                        <PropInput
+                          type="number"
+                          step="1"
+                          min="-360"
+                          max="360"
+                          value={selectedElem.rotation ?? 0}
+                          onCommit={(val) => {
+                            let deg = Number(val) || 0;
+                            deg = ((deg % 360) + 360) % 360;
+                            handleElemChange({ ...selectedElem, rotation: deg });
+                          }}
+                          className="ps-field font-mono flex-1"
+                        />
+                      </div>
+                    </div>
                   </div>
                 </div>