@vtx/cs-map 1.0.148 → 2.0.0-beta.2

package/lib/tools/style/index.js

@@ -1,9 +1,4 @@
 "use strict";
 
-require("antd/lib/popover/style");
-require("antd/lib/tree/style");
-require("antd/lib/select/style");
-require("antd/lib/auto-complete/style");
-require("antd/lib/space/style");
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/tools/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["require"],"sources":["tools/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\r\nimport 'antd/lib/tree/style';\r\nimport 'antd/lib/select/style';\r\nimport 'antd/lib/auto-complete/style';\r\nimport 'antd/lib/space/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["require"],"sources":["tools/style/index.js"],"sourcesContent":["\nimport './index.less';\n"],"mappings":";;AACAA,OAAA","ignoreList":[]}

package/lib/tools/style/index.less

@@ -1,309 +1,338 @@
-.cs-tools {
-    position: absolute;
-    top: 10px;
-    left: 10px;
-    padding: 0;
-    margin: 0;
-
-    .cs-tools-item-wrap {
-        cursor: pointer;
-        color: #fff;
-        transition: all 0.3s;
-        position: relative;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin-bottom: 10px;
-        width: 44px;
-        height: 44px;
-        background: url('../assets/footer.png') no-repeat 0 0;
-        background-size: 100% 100%;
-        font-size: 20px;
-
-        i {
-            background: linear-gradient(0deg, #3dc6ff 0%, #97e0ff 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-
-        &:last-child {
-            &::before {
-                height: 0;
-            }
-        }
-    }
-
-    .cs-active-tools-item-wrap {
-        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26);
-        color: #fff;
-    }
-    .ant-checkbox-wrapper {
-        color: #fff;
-    }
-}
-
-.cs-tools-item-popover {
-    .ant-popover-inner {
-        padding: 0;
-        background: rgba(0, 35, 65, 0.9);
-        border: 1px solid rgba(1, 211, 252, 0.5);
-        box-shadow: 0 0 5px rgba(1, 211, 252, 0.75) inset;
-        border-radius: 5px;
-    }
-
-    .ant-popover-inner-content {
-        color: #fff;
-        min-width: 130px;
-    }
-
-    .ant-popover-arrow-content {
-        background: rgba(0, 35, 65, 0.9);
-
-        &::before {
-            background: rgba(1, 211, 252, 0.5);
-        }
-    }
-}
-
-.cs-tools-btn {
-    background: rgba(0, 35, 65, 0.9);
-    border: 1px solid #26425f;
-    color: #97e0ff;
-}
-
-.cs-tools-layer-tree-wrap {
-    max-height: 400px;
-    overflow-y: auto;
-    background: transparent;
-
-    &::-webkit-scrollbar {
-        /*滚动条整体样式*/
-        width: 0; /*高宽分别对应横竖滚动条的尺寸*/
-        height: 0;
-    }
-
-    .cs-tools-layer-tree {
-        background: transparent;
-        color: #fff;
-
-        .ant-tree-icon__customize {
-            margin-right: 4px;
-
-            .cs-tools-layer-tree-legend {
-                max-height: 24px;
-                padding-bottom: 4px;
-            }
-        }
-    }
-}
-
-.cs-autoComplete {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    .ant-select-selector {
-        background: rgba(4, 32, 61, 0.96) !important;
-        color: #fff;
-        border: 1px solid #26425f;
-    }
-}
-
-.cs-content {
-    display: flex;
-    align-items: center;
-}
-
-.cs-close-btn {
-    color: #fff !important;
-    font-size: 20px;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.cs-tools-close-btn {
-    position: absolute;
-    top: 15px;
-    right: 10px;
-    z-index: 999;
-    color: #fff;
-    font-size: 18px;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.cs-map-tools-tip {
-    &-title {
-        color: #fff;
-        font-size: 18px;
-    }
-    &-item {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-top: 10px;
-        font-size: 16px;
-        color: #fff;
-
-        &-text {
-            color: #4b89dd;
-            margin-left: 14px;
-        }
-
-        &-title {
-            margin-left: 20px;
-        }
-    }
-}
-
-.cs-search-wrap {
-    background: rgba(4, 32, 61, 0.96);
-    .ant-select-auto-complete {
-        color: #fff;
-    }
-    .ant-select:not(.ant-select-customize-input) .ant-select-selector {
-        background: rgba(4, 32, 61, 0.96);
-        border-color: #26425f;
-        box-shadow: 0px 2px 7px 0px rgba(6, 93, 181, 0.5);
-        border-radius: 4px;
-    }
-
-    .ant-select-dropdown {
-        background: rgba(4, 32, 61, 0.96);
-    }
-    .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
-        background: rgba(6, 93, 181, 0.5);
-        color: #fff;
-    }
-    .ant-select-item-option-grouped {
-        color: #fff;
-    }
-    .ant-select-item-option-content {
-        color: #fff;
-    }
-    .ant-select-item-group {
-        color: #aaa;
-    }
-}
-
-.cs-map-base-map-switch-active {
-    width: 80%;
-    height: 80%;
-    border-radius: 50%;
-    overflow: hidden;
-}
-
-.cs-map-base-map-switch-list-wrap {
-    width: 300px;
-
-    .base-map-switch-list-title {
-        font-size: 18px;
-    }
-
-    .base-map-switch-list {
-        max-height: 400px;
-        overflow-y: scroll;
-
-        &::-webkit-scrollbar {
-            /*滚动条整体样式*/
-            width: 0; /*高宽分别对应横竖滚动条的尺寸*/
-            height: 0;
-        }
-
-        .base-map-switch-list-label {
-            font-size: 14px;
-            margin: 5px 0;
-        }
-
-        .base-map-switch-list-item-wrap {
-            border: 1px solid #888;
-            border-radius: 5px;
-            padding: 5px;
-        }
-
-        .base-map-switch-list-item {
-            cursor: pointer;
-
-            .base-map-switch-list-item-img {
-                width: 100%;
-                border: solid 1px #444;
-                border-radius: 9px;
-            }
-
-            .base-map-switch-list-item-label {
-                margin-top: 4px;
-                text-align: center;
-                font-size: 12px;
-                color: #fff;
-            }
-
-            &:hover {
-                .base-map-switch-list-item-img {
-                    border-color: #fff;
-                    box-shadow: 0 0 8px #fff, 0 0 8px #fff;
-                }
-            }
-        }
-
-        .base-map-switch-list-item-active {
-            .base-map-switch-list-item-img {
-                border: double 4px rgb(189, 236, 248);
-            }
-
-            .base-map-switch-list-item-label {
-                color: rgb(189, 236, 248);
-            }
-        }
-    }
-}
-
-.cs-tools-layer {
-    user-select: none;
-    max-height: 400px;
-    overflow-y: auto;
-
-    &::-webkit-scrollbar {
-        /*滚动条整体样式*/
-        width: 0; /*高宽分别对应横竖滚动条的尺寸*/
-        height: 0;
-    }
-
-    .cs-tools-layer-check-all {
-        width: 100%;
-        border-bottom: 1px silver solid;
-        display: flex;
-        padding-bottom: 8px;
-    }
-
-    .cs-tools-layer-item {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        width: 100%;
-        margin-top: 6px;
-        white-space: nowrap;
-    }
-
-    .ant-checkbox-wrapper {
-        color: #fff;
-        .cs-tools-layer-tree-legend {
-            max-height: 24px;
-            margin-right: 4px;
-            vertical-align: bottom;
-        }
-    }
-
-    .cs-tools-layer-list {
-        padding-top: 2px;
-
-        .cs-tools-layer-sub-list {
-            max-height: 400px;
-            overflow-y: auto;
-
-            &::-webkit-scrollbar {
-                /*滚动条整体样式*/
-                width: 0; /*高宽分别对应横竖滚动条的尺寸*/
-                height: 0;
-            }
-        }
-    }
-}
+.cs-tools {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    padding: 0;
+    margin: 0;
+
+    .cs-tools-item-wrap {
+        cursor: pointer;
+        color: #fff;
+        transition: all 0.3s;
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-bottom: 10px;
+        width: 44px;
+        height: 44px;
+        background: url('../assets/footer.png') no-repeat 0 0;
+        background-size: 100% 100%;
+        font-size: 20px;
+
+        i {
+            background: linear-gradient(0deg, #3dc6ff 0%, #97e0ff 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+
+        &:last-child {
+            &::before {
+                height: 0;
+            }
+        }
+    }
+
+    .cs-active-tools-item-wrap {
+        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26);
+        color: #fff;
+    }
+
+    .ant-checkbox-wrapper {
+        color: #fff;
+    }
+}
+
+.cs-tools-item-popover {
+    .ant-popover-container {
+        padding: 0;
+        // background: rgba(0, 35, 65, 0.9);
+        border: 1px solid rgba(1, 211, 252, 0.5);
+        // box-shadow: 0 0 5px rgba(1, 211, 252, 0.75) inset;
+        // border-radius: 5px;
+
+        .ant-popover-content {
+            color: #fff;
+            min-width: 130px;
+            padding: 12px 16px;
+            box-sizing: border-box;
+        }
+    }
+
+    // .ant-popover-inner {
+    //     padding: 0;
+    //     background: rgba(0, 35, 65, 0.9);
+    //     border: 1px solid rgba(1, 211, 252, 0.5);
+    //     box-shadow: 0 0 5px rgba(1, 211, 252, 0.75) inset;
+    //     border-radius: 5px;
+    // }
+
+    // .ant-popover-inner-content {
+    //     color: #fff;
+    //     min-width: 130px;
+    // }
+
+    .ant-popover-arrow-content {
+        background: rgba(0, 35, 65, 0.9);
+
+        &::before {
+            background: rgba(1, 211, 252, 0.5);
+        }
+    }
+}
+
+.cs-tools-btn {
+    background: rgba(0, 35, 65, 0.9);
+    border: 1px solid #26425f;
+    color: #97e0ff;
+}
+
+.cs-tools-layer-tree-wrap {
+    max-height: 400px;
+    overflow-y: auto;
+    background: transparent;
+
+    &::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 0;
+        /*高宽分别对应横竖滚动条的尺寸*/
+        height: 0;
+    }
+
+    .cs-tools-layer-tree {
+        background: transparent;
+        color: #fff;
+
+        .ant-tree-icon__customize {
+            margin-right: 4px;
+
+            .cs-tools-layer-tree-legend {
+                max-height: 24px;
+                padding-bottom: 4px;
+            }
+        }
+    }
+}
+
+.cs-autoComplete {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .ant-select-selector {
+        background: rgba(4, 32, 61, 0.96) !important;
+        color: #fff;
+        border: 1px solid #26425f;
+    }
+}
+
+.cs-content {
+    display: flex;
+    align-items: center;
+}
+
+.cs-close-btn {
+    color: #fff !important;
+    font-size: 20px;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.cs-tools-close-btn {
+    position: absolute;
+    top: 15px;
+    right: 10px;
+    z-index: 999;
+    color: #fff;
+    font-size: 18px;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.cs-map-tools-tip {
+    &-title {
+        color: #fff;
+        font-size: 18px;
+    }
+
+    &-item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 10px;
+        font-size: 16px;
+        color: #fff;
+
+        &-text {
+            color: #4b89dd;
+            margin-left: 14px;
+        }
+
+        &-title {
+            margin-left: 20px;
+        }
+    }
+}
+
+.cs-search-wrap {
+    background: rgba(4, 32, 61, 0.96);
+
+    .ant-select-auto-complete {
+        color: #fff;
+    }
+
+    .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+        background: rgba(4, 32, 61, 0.96);
+        border-color: #26425f;
+        box-shadow: 0px 2px 7px 0px rgba(6, 93, 181, 0.5);
+        border-radius: 4px;
+    }
+
+    .ant-select-dropdown {
+        background: rgba(4, 32, 61, 0.96);
+    }
+
+    .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+        background: rgba(6, 93, 181, 0.5);
+        color: #fff;
+    }
+
+    .ant-select-item-option-grouped {
+        color: #fff;
+    }
+
+    .ant-select-item-option-content {
+        color: #fff;
+    }
+
+    .ant-select-item-group {
+        color: #aaa;
+    }
+}
+
+.cs-map-base-map-switch-active {
+    width: 80%;
+    height: 80%;
+    border-radius: 50%;
+    overflow: hidden;
+}
+
+.cs-map-base-map-switch-list-wrap {
+    width: 300px;
+
+    .base-map-switch-list-title {
+        font-size: 18px;
+    }
+
+    .base-map-switch-list {
+        max-height: 400px;
+        overflow-y: scroll;
+
+        &::-webkit-scrollbar {
+            /*滚动条整体样式*/
+            width: 0;
+            /*高宽分别对应横竖滚动条的尺寸*/
+            height: 0;
+        }
+
+        .base-map-switch-list-label {
+            font-size: 14px;
+            margin: 5px 0;
+        }
+
+        .base-map-switch-list-item-wrap {
+            border: 1px solid #888;
+            border-radius: 5px;
+            padding: 5px;
+        }
+
+        .base-map-switch-list-item {
+            cursor: pointer;
+
+            .base-map-switch-list-item-img {
+                width: 100%;
+                border: solid 1px #444;
+                border-radius: 9px;
+            }
+
+            .base-map-switch-list-item-label {
+                margin-top: 4px;
+                text-align: center;
+                font-size: 12px;
+                color: #fff;
+            }
+
+            &:hover {
+                .base-map-switch-list-item-img {
+                    border-color: #fff;
+                    box-shadow: 0 0 8px #fff, 0 0 8px #fff;
+                }
+            }
+        }
+
+        .base-map-switch-list-item-active {
+            .base-map-switch-list-item-img {
+                border: double 4px rgb(189, 236, 248);
+            }
+
+            .base-map-switch-list-item-label {
+                color: rgb(189, 236, 248);
+            }
+        }
+    }
+}
+
+.cs-tools-layer {
+    user-select: none;
+    max-height: 400px;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 0;
+        /*高宽分别对应横竖滚动条的尺寸*/
+        height: 0;
+    }
+
+    .cs-tools-layer-check-all {
+        width: 100%;
+        border-bottom: 1px silver solid;
+        display: flex;
+        padding-bottom: 8px;
+    }
+
+    .cs-tools-layer-item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 100%;
+        margin-top: 6px;
+        white-space: nowrap;
+    }
+
+    .ant-checkbox-wrapper {
+        color: #fff;
+
+        .cs-tools-layer-tree-legend {
+            max-height: 24px;
+            margin-right: 4px;
+            vertical-align: bottom;
+        }
+    }
+
+    .cs-tools-layer-list {
+        padding-top: 2px;
+
+        .cs-tools-layer-sub-list {
+            max-height: 400px;
+            overflow-y: auto;
+
+            &::-webkit-scrollbar {
+                /*滚动条整体样式*/
+                width: 0;
+                /*高宽分别对应横竖滚动条的尺寸*/
+                height: 0;
+            }
+        }
+    }
+}