refactor(mind-map): move style to theme

opentiny · Mar 26, 2024 · 2b6679e · 2b6679e
1 parent 7786561
commit 2b6679e
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 32 deletions.
diff --git a/packages/theme/src/mind-map/index.less b/packages/theme/src/mind-map/index.less
@@ -0,0 +1,33 @@
+.map-container {
+    .map-canvas {
+        span {
+            word-break: break-all;
+        }
+
+        me-root {
+            me-tpc {
+                #input-box {
+                    border-radius: var(--root-radius);
+                }
+            }
+
+            .selected {
+                #input-box {
+                    box-shadow: 0 0 0 4px var(--selected);
+                    border: unset;
+                }
+            }
+        }
+    }
+
+    me-main>me-wrapper>me-parent>me-tpc {
+        border: unset;
+        box-shadow: unset;
+
+        #input-box {
+            border-radius: var(--main-radius);
+            box-shadow: 0 0 0 4px var(--selected);
+            border: unset;
+        }
+    }
+}
diff --git a/packages/vue/src/mind-map/index.ts b/packages/vue/src/mind-map/index.ts
@@ -1,5 +1,6 @@
 import MindMap from './src/index'
 import { version } from './package.json'
+import '@opentiny/vue-theme/mind-map/index.less'
 
 MindMap.model = {
   prop: 'modelValue',

diff --git a/packages/vue/src/mind-map/src/pc.vue b/packages/vue/src/mind-map/src/pc.vue
@@ -27,35 +27,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style lang="less">
-.map-container {
-  .map-canvas {
-    span {
-      word-break: break-all;
-    }
-    me-root {
-      me-tpc {
-        #input-box {
-          border-radius: var(--root-radius);
-        }
-      }
-      .selected {
-        #input-box {
-          box-shadow: 0 0 0 4px var(--selected);
-          border: unset;
-        }
-      }
-    }
-  }
-  me-main > me-wrapper > me-parent > me-tpc {
-    border: unset;
-    box-shadow: unset;
-    #input-box {
-      border-radius: var(--main-radius);
-      box-shadow: 0 0 0 4px var(--selected);
-      border: unset;
-    }
-  }
-}
-</style>