feat: 实现可扩展的字段编辑器系统与专业资产选择器 (#227)

packages/editor-app/src/styles/AssetBrowser.css

@@ -252,23 +252,54 @@
   align-items: center;
   padding: 12px 8px;
   border-radius: 4px;
-  cursor: pointer;
-  transition: background-color 0.2s ease;
+  cursor: grab;
+  transition: all 0.2s ease;
   user-select: none;
+  position: relative;
+}
+
+.asset-item[draggable="true"]:active {
+  cursor: grabbing;
 }
 
 .asset-item:hover {
   background: #2a2d2e;
+  transform: translateY(-1px);
 }
 
 .asset-item.selected {
   background: #094771;
+  box-shadow: 0 0 0 1px rgba(14, 108, 170, 0.3);
 }
 
 .asset-item.selected:hover {
   background: #0e6caa;
 }
 
+/* 拖拽中的样式 */
+.asset-item.dragging {
+  opacity: 0.5;
+  transform: scale(0.95);
+}
+
+/* 拖拽时的指示器 */
+.asset-item::before {
+  content: '';
+  position: absolute;
+  top: -2px;
+  left: -2px;
+  right: -2px;
+  bottom: -2px;
+  border: 2px dashed transparent;
+  border-radius: 6px;
+  transition: border-color 0.2s ease;
+  pointer-events: none;
+}
+
+.asset-item[draggable="true"]:hover::before {
+  border-color: rgba(74, 222, 128, 0.3);
+}
+
 .asset-icon {
   width: 48px;
   height: 48px;

packages/editor-app/src/styles/FileTree.css

@@ -70,7 +70,16 @@
   cursor: pointer;
   font-size: var(--font-size-base);
   white-space: nowrap;
-  transition: background 0.1s ease;
+  transition: all 0.15s ease;
+  position: relative;
+}
+
+.tree-node[draggable="true"] {
+  cursor: grab;
+}
+
+.tree-node[draggable="true"]:active {
+  cursor: grabbing;
 }
 
 .tree-node:hover {
@@ -81,6 +90,16 @@
   background: #37373d;
 }
 
+/* 拖拽时的样式 */
+.tree-node.dragging {
+  opacity: 0.5;
+}
+
+.tree-node[draggable="true"]:hover {
+  background: #2a2d2e;
+  box-shadow: inset 2px 0 0 rgba(74, 222, 128, 0.5);
+}
+
 .tree-arrow {
   width: 16px;
   height: 16px;