Skip to content

Commit

Permalink
publish v11.3.0
Browse files Browse the repository at this point in the history
  • Loading branch information
xiongjiaojiao committed Dec 6, 2024
2 parents 7e2ed45 + 76dbc41 commit 42814d4
Show file tree
Hide file tree
Showing 168 changed files with 8,658 additions and 15,368 deletions.
1 change: 1 addition & 0 deletions .storybook/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ module.exports = {
'@storybook/addon-toolbars'
],
webpackFinal: async (config, { configType }) => {
config.module.noParse = /(mapbox-gl-enhance)\.js$/,
config.resolve.alias['vue-iclient'] = resolve('./');
config.resolve.alias['@supermapgis/vue-iclient-mapboxgl/static'] = resolve('./static');
config.resolve.alias['@supermapgis/vue-iclient-mapboxgl/lib'] = resolve('./lib/mapboxgl');
Expand Down
1 change: 1 addition & 0 deletions babel.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ module.exports = function (api) {
];
const plugins = [
'@babel/plugin-transform-runtime',
'transform-vue-jsx',
'transform-flow-strip-types',
'@babel/plugin-transform-modules-commonjs',
[
Expand Down
1 change: 1 addition & 0 deletions build/iclient/common-webmapv2base.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export * from '../src/common/mapping/WebMapV2Base';
12 changes: 11 additions & 1 deletion build/iclient/common.js
Original file line number Diff line number Diff line change
@@ -1,21 +1,31 @@
import { QueryBySQLParameters } from '../src/common/iServer/QueryBySQLParameters';
import { QueryByGeometryParameters } from '../src/common/iServer/QueryByGeometryParameters';
import { FilterParameter } from '../src/common/iServer/FilterParameter';
import { QueryBySQLService } from '../src/common/iServer/QueryBySQLService';
import { QueryService } from '../src/common/iServer/QueryService';
import { FetchRequest } from '../src/common/util/FetchRequest';
import { GetFeaturesBySQLParameters } from '../src/common/iServer/GetFeaturesBySQLParameters';
import { GetFeaturesBySQLService } from '../src/common/iServer/GetFeaturesBySQLService';
import { GetFeaturesByBoundsParameters } from '../src/common/iServer/GetFeaturesByBoundsParameters';
import { FeatureService } from '../src/common/iServer/FeatureService';
import { Util } from '../src/common/commontypes/Util';
import { ColorsPickerUtil } from '../src/common/util/ColorsPickerUtil';
import { GeometryPolygon, GeometryLinearRing, GeometryPoint } from '../src/common/commontypes';

export {
QueryBySQLParameters,
QueryByGeometryParameters,
FilterParameter,
QueryBySQLService,
QueryService,
FetchRequest,
GetFeaturesBySQLParameters,
GetFeaturesBySQLService,
GetFeaturesByBoundsParameters,
FeatureService,
Util,
ColorsPickerUtil
ColorsPickerUtil,
GeometryPolygon,
GeometryLinearRing,
GeometryPoint
};
48 changes: 48 additions & 0 deletions build/iclient/webpack.config.common-webmapv2base.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
// "deploy-common": "webpack --config ./build/webpack.config.common.js --color",

// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
target: ['es6'],
mode: 'production',
//页面入口文件配置
entry: [`${__dirname}/common-webmapv2base.js`],

output: {
clean: true,
path: `${__dirname}/../dist/common/`,
filename: 'iclient-common-webmapv2base.js',
chunkFormat: 'commonjs',
libraryTarget: 'umd'
},

//是否启用压缩
optimization: {
minimize: true,
emitOnErrors: false
},
//不显示打包文件大小相关警告
performance: {
hints: false
},

//其它解决方案配置
resolve: {
extensions: ['.js']
},

module: {
rules: [
{
test: [/\.js$/],
exclude: /node_modules[\/\\]proj4/,
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
]
},

plugins: []
};
139 changes: 124 additions & 15 deletions demo/iconfont/iconfont.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
<title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="iconfont.css">
<link rel="stylesheet" href="../../src/common/_assets/iconfont/icon-sm-components.css">
Expand All @@ -13,10 +13,33 @@
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
<style>
.main .logo {
margin-top: 0;
height: auto;
}

.main .logo a {
display: flex;
align-items: center;
}

.main .logo .sub-title {
margin-left: 0.5em;
font-size: 22px;
color: #fff;
background: linear-gradient(-45deg, #3967FF, #B500FE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">

</a></h1>
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
Expand All @@ -31,6 +54,30 @@ <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" targ
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">

<li class="dib">
<span class="icon sm-components-icon-">&#xe6a0;</span>
<div class="name">complete</div>
<div class="code-name">&amp;#xe6a0;</div>
</li>

<li class="dib">
<span class="icon sm-components-icon-">&#xe661;</span>
<div class="name">图层样式01</div>
<div class="code-name">&amp;#xe661;</div>
</li>

<li class="dib">
<span class="icon sm-components-icon-">&#xe7f7;</span>
<div class="name">attribute-table</div>
<div class="code-name">&amp;#xe7f7;</div>
</li>

<li class="dib">
<span class="icon sm-components-icon-">&#xe660;</span>
<div class="name">缩放至图层</div>
<div class="code-name">&amp;#xe660;</div>
</li>

<li class="dib">
<span class="icon sm-components-icon-">&#xe65f;</span>
<div class="name">attribute</div>
Expand Down Expand Up @@ -380,24 +427,20 @@ <h2 id="unicode-">Unicode 引用</h2>

<p>Unicode 是字体在网页端最原始的应用方式,特点是:</p>
<ul>
<li>兼容性最好,支持 IE6+,及所有现代浏览器。</li>
<li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
<li>但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色</li>
<li>默认情况下不支持多色,直接添加多色图标会自动去色</li>
</ul>
<blockquote>
<p>注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式</p>
<p>注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)</p>
</blockquote>
<p>Unicode 使用步骤如下:</p>
<h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'sm-components-icon-';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff2') format('woff2'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#sm-components-icon-') format('svg');
src: url('iconfont.woff2?t=1730441116037') format('woff2'),
url('iconfont.woff?t=1730441116037') format('woff'),
url('iconfont.ttf?t=1730441116037') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
Expand All @@ -423,6 +466,42 @@ <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面
<div class="content font-class">
<ul class="icon_lists dib-box">

<li class="dib">
<span class="icon sm-components-icon- sm-components-icon-complete"></span>
<div class="name">
complete
</div>
<div class="code-name">.sm-components-icon-complete
</div>
</li>

<li class="dib">
<span class="icon sm-components-icon- sm-components-icon-tucengyangshi01"></span>
<div class="name">
图层样式01
</div>
<div class="code-name">.sm-components-icon-tucengyangshi01
</div>
</li>

<li class="dib">
<span class="icon sm-components-icon- sm-components-icon-attribute-table"></span>
<div class="name">
attribute-table
</div>
<div class="code-name">.sm-components-icon-attribute-table
</div>
</li>

<li class="dib">
<span class="icon sm-components-icon- sm-components-icon-suofangzhituceng"></span>
<div class="name">
缩放至图层
</div>
<div class="code-name">.sm-components-icon-suofangzhituceng
</div>
</li>

<li class="dib">
<span class="icon sm-components-icon- sm-components-icon-attribute"></span>
<div class="name">
Expand Down Expand Up @@ -944,10 +1023,8 @@ <h2 id="font-class-">font-class 引用</h2>
<p>font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。</p>
<p>与 Unicode 使用方式相比,具有如下特点:</p>
<ul>
<li>兼容性良好,支持 IE8+,及所有现代浏览器。</li>
<li>相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。</li>
<li>因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。</li>
<li>不过因为本质上还是使用的字体,所以多色图标还是不支持的。</li>
</ul>
<p>使用步骤如下:</p>
<h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3>
Expand All @@ -965,6 +1042,38 @@ <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h
<div class="content symbol">
<ul class="icon_lists dib-box">

<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#sm-components-icon-complete"></use>
</svg>
<div class="name">complete</div>
<div class="code-name">#sm-components-icon-complete</div>
</li>

<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#sm-components-icon-tucengyangshi01"></use>
</svg>
<div class="name">图层样式01</div>
<div class="code-name">#sm-components-icon-tucengyangshi01</div>
</li>

<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#sm-components-icon-attribute-table"></use>
</svg>
<div class="name">attribute-table</div>
<div class="code-name">#sm-components-icon-attribute-table</div>
</li>

<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#sm-components-icon-suofangzhituceng"></use>
</svg>
<div class="name">缩放至图层</div>
<div class="code-name">#sm-components-icon-suofangzhituceng</div>
</li>

<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#sm-components-icon-attribute"></use>
Expand Down
2 changes: 1 addition & 1 deletion demo/iconfont/iconfont.js

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion docs/.vuepress/config.js
Original file line number Diff line number Diff line change
Expand Up @@ -192,7 +192,8 @@ module.exports = {
'common/time-slider',
'common/time-picker',
'common/attributes',
'common/slideshow'
'common/slideshow',
'common/attribute-panel'
]
},
{
Expand Down
Loading

0 comments on commit 42814d4

Please sign in to comment.