Skip to content

Commit 297bbf4

Browse files
xiongjiaojiaoxiongjiaojiao
committed
【update】 vue-iclient-mapboxgl/leaflet 打包优化; review by songym
1 parent 532ad1d commit 297bbf4

File tree

66 files changed

+11587
-36276
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

66 files changed

+11587
-36276
lines changed

‎dist/leaflet/iclient-leaflet-vue.js

Lines changed: 4870 additions & 17195 deletions
Large diffs are not rendered by default.

‎dist/leaflet/iclient-leaflet-vue.min.js

Lines changed: 151 additions & 160 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/mapboxgl/iclient-mapboxgl-vue.css

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎dist/mapboxgl/iclient-mapboxgl-vue.js

Lines changed: 6230 additions & 18579 deletions
Large diffs are not rendered by default.

‎dist/mapboxgl/iclient-mapboxgl-vue.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/mapboxgl/iclient-mapboxgl-vue.min.js

Lines changed: 150 additions & 159 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples/component/components_animate_marker_layer_vue.html

Lines changed: 13 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<script type="text/javascript" include="vue,jquery" src="../js/include-web.js"></script>
1010
<script
1111
type="text/javascript"
12-
include="mapbox-gl-enhance,ant-design-vue,iclient-mapboxgl-vue"
12+
include="mapbox-gl-enhance,iclient-mapboxgl-vue"
1313
src="../../dist/mapboxgl/include-mapboxgl.js"
1414
></script>
1515
<style>
@@ -26,21 +26,16 @@
2626
background: transparent;
2727
z-index: 1000;
2828
}
29-
.ant-radio-button-wrapper {
30-
background: rgb(0, 0, 0);
29+
.sm-component-radio-button-wrapper {
30+
background: rgb(0, 0, 0) !important;
3131
border: 1px solid rgb(73, 73, 73);
3232
color: rgb(255, 255, 255);
3333
font-weight: bold;
3434
}
35-
.ant-radio-button-wrapper-checked {
36-
color: #1890ff;
37-
border: 1px solid #1890ff;
38-
border-left: 1px solid #1890ff !important;
39-
}
40-
.ant-radio-button-wrapper:first-child {
35+
.sm-component-radio-button-wrapper:first-child {
4136
border-left: 1px solid rgb(73, 73, 73);
4237
}
43-
.ant-radio-button-wrapper:not(:first-child):before {
38+
.sm-component-radio-button-wrapper:not(:first-child):before {
4439
background-color: transparent;
4540
}
4641
</style>
@@ -57,14 +52,14 @@
5752
v-bind="param"
5853
></sm-animate-marker-layer>
5954
</sm-web-map>
60-
<a-radio-group class="radio-group" v-model="type" @change="changeType">
61-
<a-radio-button value="breathingAperture">{{ resources.btn_breathingAperture }}</a-radio-button>
62-
<a-radio-button value="haloRing">{{ resources.btn_haloRing }}</a-radio-button>
63-
<a-radio-button value="rotatingAperture">{{ resources.btn_rotatingAperture }}</a-radio-button>
64-
<a-radio-button value="diffusedAperture">{{ resources.btn_diffusedAperture }}</a-radio-button>
65-
<a-radio-button value="rotatingTextBorder">{{ resources.btn_rotatingTextBorder }}</a-radio-button>
66-
<a-radio-button value="fluorescence">{{ resources.btn_fluorescence }}</a-radio-button>
67-
</a-radio-group>
55+
<sm-radio-group class="radio-group" v-model="type" @change="changeType">
56+
<sm-radio-button value="breathingAperture">{{ resources.btn_breathingAperture }}</sm-radio-button>
57+
<sm-radio-button value="haloRing">{{ resources.btn_haloRing }}</sm-radio-button>
58+
<sm-radio-button value="rotatingAperture">{{ resources.btn_rotatingAperture }}</sm-radio-button>
59+
<sm-radio-button value="diffusedAperture">{{ resources.btn_diffusedAperture }}</sm-radio-button>
60+
<sm-radio-button value="rotatingTextBorder">{{ resources.btn_rotatingTextBorder }}</sm-radio-button>
61+
<sm-radio-button value="fluorescence">{{ resources.btn_fluorescence }}</sm-radio-button>
62+
</sm-radio-group>
6863
</div>
6964
<script>
7065
var host = window.isLocal ? window.server : 'https://iserver.supermap.io';

‎examples/component/components_basic_vue.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<meta charset="UTF-8">
99
<title data-i18n='resources.title_componentsBasic_Vue'></title>
1010
<script type="text/javascript" include="vue" src="../js/include-web.js"></script>
11-
<script include="echarts,ant-design-vue,iclient-mapboxgl-vue,mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
11+
<script include="echarts,iclient-mapboxgl-vue,mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
1212
<style>
1313
body {
1414
margin: 0;
@@ -56,7 +56,7 @@
5656

5757
<div id="main">
5858
<sm-web-map server-url="https://iportal.supermap.io/iportal" map-id="801571284" ref="map" @load.once='load'></sm-web-map>
59-
<a-card class="box-card">
59+
<sm-card class="box-card">
6060
<!-- 图标组件 -->
6161
<sm-icon icon-class="marker-layer" size="18px" text-color='rgb(63, 177, 227)' :style="{float: 'left'}">
6262
</sm-icon>
@@ -65,11 +65,11 @@
6565
</sm-text>
6666
<sm-text title="机场" :font-style='{ fontSize: "12px",fontWeight: "bolder",display: "block"}' text-color="rgb(51,51,51)">
6767
</sm-text>
68-
<sm-text :title="name" :font-style='{ fontSize: "18px", color:"#73b9ac", fontWeight: "700" ,display: "block"}'>
68+
<sm-text :title="name" :font-style='{ fontSize: "18px", fontWeight: "700" ,display: "block"}' text-color="#333">
6969
</sm-text>
7070
<!-- 指标组件 -->
71-
<sm-indicator title="2017旅客吞吐量" unit="人次" :num="passengerNumber"></sm-indicator>
72-
<sm-indicator title="2017货邮吞吐量" unit="吨" :num="goodsNumber"></sm-indicator>
71+
<sm-indicator title="2017旅客吞吐量" unit="人次" :num="passengerNumber" text-color="#333"></sm-indicator>
72+
<sm-indicator title="2017货邮吞吐量" unit="吨" :num="goodsNumber" text-color="#333"></sm-indicator>
7373
<sm-text title="同比增速" :font-style='{ fontSize: "12px",fontWeight: "bolder",display: "block"}' text-color="rgb(51,51,51)"></sm-text>
7474
<!-- 水球组件 -->
7575
<sm-liquid-fill :value="speedIncreaseValue" :wave-count="3" :wave-animation="true">
@@ -82,7 +82,7 @@
8282
<!-- 时间组件 -->
8383
<sm-time-text :font-style='{ fontSize: "12px"}' text-color="#333" time-type="date+second" style="float:right">
8484
</sm-time-text>
85-
</a-card>
85+
</sm-card>
8686
</div>
8787

8888
<script>

‎examples/component/components_border_vue.html

Lines changed: 25 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<title data-i18n="resources.title_componentsBorder_Vue"></title>
99
<script type="text/javascript" include="vue" src="../js/include-web.js"></script>
1010
<script
11-
include="ant-design-vue,echarts-vue,iclient-mapboxgl-vue,mapbox-gl-enhance"
11+
include="echarts-vue,iclient-mapboxgl-vue,mapbox-gl-enhance"
1212
src="../../dist/mapboxgl/include-mapboxgl.js"
1313
></script>
1414
<style>
@@ -59,29 +59,31 @@
5959
.select-border {
6060
width: 110px;
6161
}
62-
.ant-select-selection {
62+
.sm-component-select-selection {
6363
background: #262626;
6464
color: #fff;
6565
}
66-
.ant-select-dropdown-content ul::-webkit-scrollbar {
66+
.sm-component-select-dropdown-content ul::-webkit-scrollbar {
6767
width: 4px;
6868
height: 4px;
6969
background-color: rgba(245, 245, 245, 0);
7070
}
71-
.ant-select-dropdown-content ul::-webkit-scrollbar-thumb {
71+
.sm-component-select-dropdown-content ul::-webkit-scrollbar-thumb {
7272
border-radius: 10px;
7373
background-color: gray;
7474
}
75-
.ant-select-dropdown-menu-item {
75+
.sm-component-select-dropdown {
7676
background: #262626;
77+
}
78+
.sm-component-select-dropdown-menu-item {
7779
color: #909399;
7880
}
79-
.ant-select-dropdown-menu-item-active {
81+
.sm-component-select-dropdown-menu-item-active {
8082
background: #dddcdc !important;
8183
color: #4f4f4f !important;
8284
}
83-
.ant-select-dropdown-menu-item-selected,
84-
.ant-select-dropdown-menu-item-selected:hover {
85+
.sm-component-select-dropdown-menu-item-selected,
86+
.sm-component-select-dropdown-menu-item-selected:hover {
8587
background: #dddcdc !important;
8688
color: #4f4f4f !important;
8789
}
@@ -122,21 +124,21 @@
122124
<!-- 切换{{resources.text_opt_border}}类型 -->
123125
<div class="select-group">
124126
<span>{{ resources.text_sel_border }}:</span>
125-
<a-select class="select-border" v-model="borderType">
126-
<a-select-option value="border1">{{ resources.text_opt_border }}1</a-select-option>
127-
<a-select-option value="border2">{{ resources.text_opt_border }}2</a-select-option>
128-
<a-select-option value="border3">{{ resources.text_opt_border }}3</a-select-option>
129-
<a-select-option value="border4">{{ resources.text_opt_border }}4</a-select-option>
130-
<a-select-option value="border5">{{ resources.text_opt_border }}5</a-select-option>
131-
<a-select-option value="border6">{{ resources.text_opt_border }}6</a-select-option>
132-
<a-select-option value="border7">{{ resources.text_opt_border }}7</a-select-option>
133-
<a-select-option value="border8">{{ resources.text_opt_border }}8</a-select-option>
134-
<a-select-option value="border9">{{ resources.text_opt_border }}9</a-select-option>
135-
<a-select-option value="border10">{{ resources.text_opt_border }}10</a-select-option>
136-
<a-select-option value="border11">{{ resources.text_opt_border }}11</a-select-option>
137-
<a-select-option value="border12">{{ resources.text_opt_border }}12</a-select-option>
138-
<a-select-option value="border13">{{ resources.text_opt_border }}13</a-select-option>
139-
</a-select>
127+
<sm-select class="select-border" v-model="borderType">
128+
<sm-select-option value="border1">{{ resources.text_opt_border }}1</sm-select-option>
129+
<sm-select-option value="border2">{{ resources.text_opt_border }}2</sm-select-option>
130+
<sm-select-option value="border3">{{ resources.text_opt_border }}3</sm-select-option>
131+
<sm-select-option value="border4">{{ resources.text_opt_border }}4</sm-select-option>
132+
<sm-select-option value="border5">{{ resources.text_opt_border }}5</sm-select-option>
133+
<sm-select-option value="border6">{{ resources.text_opt_border }}6</sm-select-option>
134+
<sm-select-option value="border7">{{ resources.text_opt_border }}7</sm-select-option>
135+
<sm-select-option value="border8">{{ resources.text_opt_border }}8</sm-select-option>
136+
<sm-select-option value="border9">{{ resources.text_opt_border }}9</sm-select-option>
137+
<sm-select-option value="border10">{{ resources.text_opt_border }}10</sm-select-option>
138+
<sm-select-option value="border11">{{ resources.text_opt_border }}11</sm-select-option>
139+
<sm-select-option value="border12">{{ resources.text_opt_border }}12</sm-select-option>
140+
<sm-select-option value="border13">{{ resources.text_opt_border }}13</sm-select-option>
141+
</sm-select>
140142
</div>
141143
</div>
142144

‎examples/component/components_chart_vue.html

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,14 @@
77
<meta charset="UTF-8" />
88
<title data-i18n="resources.title_componentsChart_Vue"></title>
99
<script type="text/javascript" include="vue" src="../js/include-web.js"></script>
10-
<script include="echarts-vue,ant-design-vue,iclient-mapboxgl-vue,mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
10+
<script include="echarts-vue,iclient-mapboxgl-vue,mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
1111
<style>
1212
#main {
1313
margin: 0 auto;
1414
width: 100%;
1515
height: 100%;
1616
}
17-
.sm-component-chart .sm-component-card__content {
17+
.sm-component-chart .sm-component-collapse-card__content {
1818
height: 300px;
1919
}
2020
</style>
@@ -29,20 +29,23 @@
2929
:options="echartOptions"
3030
:dataset="dataset"
3131
:dataset-options="datasetOptions"
32+
background="rgba(255, 255, 255, 0.5)"
3233
></sm-chart>
3334
<sm-chart
3435
icon-class=""
3536
:style="chartStyle1"
3637
:options="echartOptions1"
3738
:dataset="dataset"
3839
:dataset-options="datasetOptions1"
40+
background="rgba(255, 255, 255, 0.5)"
3941
></sm-chart>
4042
<sm-chart
4143
icon-class=""
4244
:style="chartStyle2"
4345
:options="echartOptions2"
4446
:dataset="dataset"
4547
:dataset-options="datasetOptions2"
48+
background="rgba(255, 255, 255, 0.5)"
4649
></sm-chart>
4750
</div>
4851

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy