gp-designer 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -35
- package/dist/001.html +3 -3
- package/dist/gp-designer.es.js +6716 -6706
- package/dist/gp-designer.umd.js +10 -10
- package/dist/style.css +1 -1
- package/dist/types/components/Designer.vue.d.ts +48 -41
- package/dist/types/components/ElementRenderer.vue.d.ts +12 -1
- package/dist/types/components/GpSvgIcon/IconModal.vue.d.ts +16 -3
- package/dist/types/components/Model.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
# GP 网页设计器
|
|
2
2
|
|
|
3
|
-
|
|
4
3
|
---
|
|
5
4
|
|
|
6
|
-
##
|
|
5
|
+
## 使用
|
|
7
6
|
|
|
8
7
|
```ts
|
|
9
8
|
yarn add gp-designer
|
|
@@ -11,42 +10,15 @@ import { Designer } from "gp-designer";
|
|
|
11
10
|
import 'gp-designer/dist/style.css';
|
|
12
11
|
```
|
|
13
12
|
|
|
14
|
-
|
|
15
|
-
|
|
16
13
|
```ts
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<h2>1.百度地图显示组件</h2>
|
|
20
|
-
<h3>a.单个标记点</h3>
|
|
21
|
-
<button class="bg-blue-200" @click="onChanageLngLat">修改经纬度</button>
|
|
22
|
-
<GpBaiduMap class="w-[360px]" :lng="lng" :lat="lat" :title="title" />
|
|
23
|
-
|
|
24
|
-
<h2 class="mt-8">b.多个标记点</h2>
|
|
25
|
-
<button class="bg-blue-200" @click="items = items2">修改经纬度</button>
|
|
26
|
-
<GpBaiduMap :zoom="13" class="w-[360px]" :items="items" />
|
|
14
|
+
<!-- 网编模式 -->
|
|
15
|
+
<!-- <Designer mode="edit" :template="template" :css="css" :preview-width="400" /> -->
|
|
27
16
|
|
|
28
|
-
|
|
29
|
-
<
|
|
30
|
-
<GpBaiduMap :zoom="12" class="w-[360px]" :items="items" :no-select-show-text="false" />
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
## SSR 项目中使用
|
|
17
|
+
<!-- 预览模式 -->
|
|
18
|
+
<!-- <Designer mode="preview" :template="template" :css="css" :preview-width="400" /> -->
|
|
34
19
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
```ts
|
|
38
|
-
export default defineNuxtConfig({
|
|
39
|
-
// ...
|
|
40
|
-
build: {
|
|
41
|
-
transpile: ["gp-designer"],
|
|
42
|
-
},
|
|
43
|
-
vite: {
|
|
44
|
-
optimizeDeps: {
|
|
45
|
-
include: ["gp-designer"],
|
|
46
|
-
},
|
|
47
|
-
},
|
|
48
|
-
//...
|
|
49
|
-
});
|
|
20
|
+
<!-- 设计模式 -->
|
|
21
|
+
<Designer mode="design" :template="template" :css="css" :preview-width="375" />
|
|
50
22
|
```
|
|
51
23
|
|
|
52
24
|
## 发布 npm 包
|
package/dist/001.html
CHANGED
|
@@ -8,15 +8,15 @@
|
|
|
8
8
|
<div class="student3 ">
|
|
9
9
|
<div class="student3_list as margin_row">
|
|
10
10
|
<div class="student_list_s ">
|
|
11
|
-
<img src="template/img/about_us_banners.png" alt=""/>
|
|
11
|
+
<img src="/template/img/about_us_banners.png" alt=""/>
|
|
12
12
|
</div>
|
|
13
13
|
<div class="student_list_s">
|
|
14
|
-
<img src="template/img/about_us_banners.png" alt=""/>
|
|
14
|
+
<img src="/template/img/about_us_banners.png" alt=""/>
|
|
15
15
|
</div>
|
|
16
16
|
</div>
|
|
17
17
|
<div class="student3_list nc margin_row">
|
|
18
18
|
<div class="student_list">
|
|
19
|
-
<img src="template/img/about_us_banners.png" alt=""/>
|
|
19
|
+
<img src="/template/img/about_us_banners.png" alt=""/>
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|