first commit

frontend/node_modules/antd/lib/tree/style/directory.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genDirectoryStyle = void 0;
+// ============================ Directory =============================
+const genDirectoryStyle = ({
+  treeCls,
+  treeNodeCls,
+  directoryNodeSelectedBg,
+  directoryNodeSelectedColor,
+  motionDurationMid,
+  borderRadius,
+  controlItemBgHover
+}) => ({
+  [`${treeCls}${treeCls}-directory ${treeNodeCls}`]: {
+    // >>> Title
+    [`${treeCls}-node-content-wrapper`]: {
+      position: 'static',
+      [`&:has(${treeCls}-drop-indicator)`]: {
+        position: 'relative'
+      },
+      [`> *:not(${treeCls}-drop-indicator)`]: {
+        position: 'relative'
+      },
+      '&:hover': {
+        background: 'transparent'
+      },
+      // Expand interactive area to whole line
+      '&:before': {
+        position: 'absolute',
+        inset: 0,
+        transition: `background-color ${motionDurationMid}`,
+        content: '""',
+        borderRadius
+      },
+      '&:hover:before': {
+        background: controlItemBgHover
+      }
+    },
+    [`${treeCls}-switcher, ${treeCls}-checkbox, ${treeCls}-draggable-icon`]: {
+      zIndex: 1
+    },
+    // ============= Selected =============
+    '&-selected': {
+      background: directoryNodeSelectedBg,
+      borderRadius,
+      [`${treeCls}-switcher, ${treeCls}-draggable-icon`]: {
+        color: directoryNodeSelectedColor
+      },
+      // >>> Title
+      [`${treeCls}-node-content-wrapper`]: {
+        color: directoryNodeSelectedColor,
+        background: 'transparent',
+        '&, &:hover': {
+          color: directoryNodeSelectedColor
+        },
+        '&:before, &:hover:before': {
+          background: directoryNodeSelectedBg
+        }
+      }
+    }
+  }
+});
+exports.genDirectoryStyle = genDirectoryStyle;