├── .gitignore
├── README.md
├── index.html
├── package-lock.json
├── package.json
├── src
├── Home.vue
├── UIComponentInit.js
├── main.js
└── vcc
│ ├── vcc3.umd.0.js
│ ├── vcc3.umd.1.js
│ ├── vcc3.umd.10.js
│ ├── vcc3.umd.11.js
│ ├── vcc3.umd.12.js
│ ├── vcc3.umd.13.js
│ ├── vcc3.umd.14.js
│ ├── vcc3.umd.15.js
│ ├── vcc3.umd.16.js
│ ├── vcc3.umd.17.js
│ ├── vcc3.umd.3.js
│ ├── vcc3.umd.4.js
│ ├── vcc3.umd.5.js
│ ├── vcc3.umd.6.js
│ ├── vcc3.umd.7.js
│ ├── vcc3.umd.8.js
│ ├── vcc3.umd.9.js
│ ├── vcc3.umd.js
│ ├── vcc3.umd.min.0.js
│ ├── vcc3.umd.min.1.js
│ ├── vcc3.umd.min.10.js
│ ├── vcc3.umd.min.11.js
│ ├── vcc3.umd.min.12.js
│ ├── vcc3.umd.min.13.js
│ ├── vcc3.umd.min.14.js
│ ├── vcc3.umd.min.15.js
│ ├── vcc3.umd.min.16.js
│ ├── vcc3.umd.min.17.js
│ ├── vcc3.umd.min.3.js
│ ├── vcc3.umd.min.4.js
│ ├── vcc3.umd.min.5.js
│ ├── vcc3.umd.min.6.js
│ ├── vcc3.umd.min.7.js
│ ├── vcc3.umd.min.8.js
│ ├── vcc3.umd.min.9.js
│ └── vcc3.umd.min.js
├── vite.config.js
└── vue2_use_demo.html
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # vcc3-use-demo
2 |
3 | Demonstrate how to use VCC3
4 |
5 | VCC3: [https://vcc3.sahadev.tech/](https://vcc3.sahadev.tech/)
6 |
7 | Just clone & install & npm run dev, That's ok.
8 |
9 |
10 | ## vcc-use-demo
11 |
12 | Demonstrate how to use vcc(for vue2)
13 |
14 | ```html
15 |
16 |
17 |
18 |
19 |
20 | 页面预览
21 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
46 |
47 | ```
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vcc3-demo",
3 | "version": "1.0.0",
4 | "lockfileVersion": 1,
5 | "requires": true,
6 | "dependencies": {
7 | "@ant-design/colors": {
8 | "version": "5.1.1",
9 | "resolved": "http://r.npm.sankuai.com/@ant-design/colors/download/@ant-design/colors-5.1.1.tgz",
10 | "integrity": "sha1-gAshhrHifmZDLmfQPtlq8+IdiUA=",
11 | "requires": {
12 | "@ctrl/tinycolor": "^3.3.1"
13 | }
14 | },
15 | "@ant-design/icons-svg": {
16 | "version": "4.2.1",
17 | "resolved": "http://r.npm.sankuai.com/@ant-design/icons-svg/download/@ant-design/icons-svg-4.2.1.tgz",
18 | "integrity": "sha1-hjDajrRHGkqr2u19H/apfcss8Fo="
19 | },
20 | "@ant-design/icons-vue": {
21 | "version": "6.0.1",
22 | "resolved": "http://r.npm.sankuai.com/@ant-design/icons-vue/download/@ant-design/icons-vue-6.0.1.tgz",
23 | "integrity": "sha1-nYBMPHTSz6+XyxjlgtO5QAk09f0=",
24 | "requires": {
25 | "@ant-design/colors": "^5.0.0",
26 | "@ant-design/icons-svg": "^4.0.0",
27 | "@types/lodash": "^4.14.165",
28 | "lodash": "^4.17.15"
29 | }
30 | },
31 | "@babel/parser": {
32 | "version": "7.16.12",
33 | "resolved": "http://r.npm.sankuai.com/@babel/parser/download/@babel/parser-7.16.12.tgz",
34 | "integrity": "sha1-lHR5T5plDPXi+JJEQif5jijN+LY="
35 | },
36 | "@babel/runtime": {
37 | "version": "7.16.7",
38 | "resolved": "http://r.npm.sankuai.com/@babel/runtime/download/@babel/runtime-7.16.7.tgz",
39 | "integrity": "sha1-A/+Z9kEGWIycQDxuy4w7r7vf8fo=",
40 | "requires": {
41 | "regenerator-runtime": "^0.13.4"
42 | }
43 | },
44 | "@ctrl/tinycolor": {
45 | "version": "3.4.0",
46 | "resolved": "http://r.npm.sankuai.com/@ctrl/tinycolor/download/@ctrl/tinycolor-3.4.0.tgz",
47 | "integrity": "sha1-w8WuVDyJfKqcKmhjC+01W+X5mQ8="
48 | },
49 | "@element-plus/icons-vue": {
50 | "version": "0.2.4",
51 | "resolved": "http://r.npm.sankuai.com/@element-plus/icons-vue/download/@element-plus/icons-vue-0.2.4.tgz",
52 | "integrity": "sha1-2tz3LwzqU9yDt7fbgOFBhxbXsCw="
53 | },
54 | "@popperjs/core": {
55 | "version": "2.11.2",
56 | "resolved": "http://r.npm.sankuai.com/@popperjs/core/download/@popperjs/core-2.11.2.tgz",
57 | "integrity": "sha1-gwvq7EtAkanpOYrFD4Zd3qUhhrk="
58 | },
59 | "@simonwep/pickr": {
60 | "version": "1.8.2",
61 | "resolved": "http://r.npm.sankuai.com/@simonwep/pickr/download/@simonwep/pickr-1.8.2.tgz",
62 | "integrity": "sha1-ltyGZ1lA18rWPWnCIIPdHLuXl8s=",
63 | "requires": {
64 | "core-js": "^3.15.1",
65 | "nanopop": "^2.1.0"
66 | }
67 | },
68 | "@types/lodash": {
69 | "version": "4.14.178",
70 | "resolved": "http://r.npm.sankuai.com/@types/lodash/download/@types/lodash-4.14.178.tgz",
71 | "integrity": "sha1-NB9tIkfbUo1KE927N0vNyAQG9Pg="
72 | },
73 | "@vant/icons": {
74 | "version": "1.7.3",
75 | "resolved": "http://r.npm.sankuai.com/@vant/icons/download/@vant/icons-1.7.3.tgz",
76 | "integrity": "sha1-5RtGBlz95EVhdAHr4wmjO2KilyU="
77 | },
78 | "@vant/popperjs": {
79 | "version": "1.1.0",
80 | "resolved": "http://r.npm.sankuai.com/@vant/popperjs/download/@vant/popperjs-1.1.0.tgz",
81 | "integrity": "sha1-tO3uW7+m+xhwWYbjE9T9XxeUKg8=",
82 | "requires": {
83 | "@popperjs/core": "^2.9.2"
84 | }
85 | },
86 | "@vant/use": {
87 | "version": "1.3.4",
88 | "resolved": "http://r.npm.sankuai.com/@vant/use/download/@vant/use-1.3.4.tgz",
89 | "integrity": "sha1-+ZSC1jaClzondapcGpz5BoYqT3E="
90 | },
91 | "@vitejs/plugin-vue": {
92 | "version": "2.1.0",
93 | "resolved": "http://r.npm.sankuai.com/@vitejs/plugin-vue/download/@vitejs/plugin-vue-2.1.0.tgz",
94 | "integrity": "sha1-3fXgBZ+E8v9kmvwlzlpZIR5nBUI="
95 | },
96 | "@vue/compiler-core": {
97 | "version": "3.2.29",
98 | "resolved": "http://r.npm.sankuai.com/@vue/compiler-core/download/@vue/compiler-core-3.2.29.tgz",
99 | "integrity": "sha1-sGCXq4/wSTF3xoxepbY9N5oGEJc=",
100 | "requires": {
101 | "@babel/parser": "^7.16.4",
102 | "@vue/shared": "3.2.29",
103 | "estree-walker": "^2.0.2",
104 | "source-map": "^0.6.1"
105 | }
106 | },
107 | "@vue/compiler-dom": {
108 | "version": "3.2.29",
109 | "resolved": "http://r.npm.sankuai.com/@vue/compiler-dom/download/@vue/compiler-dom-3.2.29.tgz",
110 | "integrity": "sha1-rQ6tQFvS8nVBYTNarZdYqhJDBxU=",
111 | "requires": {
112 | "@vue/compiler-core": "3.2.29",
113 | "@vue/shared": "3.2.29"
114 | }
115 | },
116 | "@vue/compiler-sfc": {
117 | "version": "3.2.29",
118 | "resolved": "http://r.npm.sankuai.com/@vue/compiler-sfc/download/@vue/compiler-sfc-3.2.29.tgz",
119 | "integrity": "sha1-921VbNX8pqVaPqhMiNsaKlOjbq0=",
120 | "requires": {
121 | "@babel/parser": "^7.16.4",
122 | "@vue/compiler-core": "3.2.29",
123 | "@vue/compiler-dom": "3.2.29",
124 | "@vue/compiler-ssr": "3.2.29",
125 | "@vue/reactivity-transform": "3.2.29",
126 | "@vue/shared": "3.2.29",
127 | "estree-walker": "^2.0.2",
128 | "magic-string": "^0.25.7",
129 | "postcss": "^8.1.10",
130 | "source-map": "^0.6.1"
131 | }
132 | },
133 | "@vue/compiler-ssr": {
134 | "version": "3.2.29",
135 | "resolved": "http://r.npm.sankuai.com/@vue/compiler-ssr/download/@vue/compiler-ssr-3.2.29.tgz",
136 | "integrity": "sha1-N7FbMtzS9rQQu2H8o/N7GpK36x4=",
137 | "requires": {
138 | "@vue/compiler-dom": "3.2.29",
139 | "@vue/shared": "3.2.29"
140 | }
141 | },
142 | "@vue/reactivity": {
143 | "version": "3.2.29",
144 | "resolved": "http://r.npm.sankuai.com/@vue/reactivity/download/@vue/reactivity-3.2.29.tgz",
145 | "integrity": "sha1-r9ycER1BObFGAL4XrYAmchKvYFI=",
146 | "requires": {
147 | "@vue/shared": "3.2.29"
148 | }
149 | },
150 | "@vue/reactivity-transform": {
151 | "version": "3.2.29",
152 | "resolved": "http://r.npm.sankuai.com/@vue/reactivity-transform/download/@vue/reactivity-transform-3.2.29.tgz",
153 | "integrity": "sha1-oI1gbhABa3z1iNGkPa5NspU/k1Q=",
154 | "requires": {
155 | "@babel/parser": "^7.16.4",
156 | "@vue/compiler-core": "3.2.29",
157 | "@vue/shared": "3.2.29",
158 | "estree-walker": "^2.0.2",
159 | "magic-string": "^0.25.7"
160 | }
161 | },
162 | "@vue/runtime-core": {
163 | "version": "3.2.29",
164 | "resolved": "http://r.npm.sankuai.com/@vue/runtime-core/download/@vue/runtime-core-3.2.29.tgz",
165 | "integrity": "sha1-+4V3svz1Lo2We9kc30mrn7kflBc=",
166 | "requires": {
167 | "@vue/reactivity": "3.2.29",
168 | "@vue/shared": "3.2.29"
169 | }
170 | },
171 | "@vue/runtime-dom": {
172 | "version": "3.2.29",
173 | "resolved": "http://r.npm.sankuai.com/@vue/runtime-dom/download/@vue/runtime-dom-3.2.29.tgz",
174 | "integrity": "sha1-NemivwTvgLhqwsoOeyzqzPHhjwE=",
175 | "requires": {
176 | "@vue/runtime-core": "3.2.29",
177 | "@vue/shared": "3.2.29",
178 | "csstype": "^2.6.8"
179 | }
180 | },
181 | "@vue/server-renderer": {
182 | "version": "3.2.29",
183 | "resolved": "http://r.npm.sankuai.com/@vue/server-renderer/download/@vue/server-renderer-3.2.29.tgz",
184 | "integrity": "sha1-6mr6NhuceBqGjI2hjHYfm3vIkQI=",
185 | "requires": {
186 | "@vue/compiler-ssr": "3.2.29",
187 | "@vue/shared": "3.2.29"
188 | }
189 | },
190 | "@vue/shared": {
191 | "version": "3.2.29",
192 | "resolved": "http://r.npm.sankuai.com/@vue/shared/download/@vue/shared-3.2.29.tgz",
193 | "integrity": "sha1-B9rHBREXI2Qx0vc30Wkyqji7uSU="
194 | },
195 | "@vueuse/core": {
196 | "version": "7.5.5",
197 | "resolved": "http://r.npm.sankuai.com/@vueuse/core/download/@vueuse/core-7.5.5.tgz",
198 | "integrity": "sha1-wvKoeD3giErPsL4l5x7DxtH5xC4=",
199 | "requires": {
200 | "@vueuse/shared": "7.5.5",
201 | "vue-demi": "*"
202 | }
203 | },
204 | "@vueuse/shared": {
205 | "version": "7.5.5",
206 | "resolved": "http://r.npm.sankuai.com/@vueuse/shared/download/@vueuse/shared-7.5.5.tgz",
207 | "integrity": "sha1-DlwWuEi0oZ5bnukZmpl+H23Tlnk=",
208 | "requires": {
209 | "vue-demi": "*"
210 | }
211 | },
212 | "ant-design-vue": {
213 | "version": "2.2.8",
214 | "resolved": "http://r.npm.sankuai.com/ant-design-vue/download/ant-design-vue-2.2.8.tgz",
215 | "integrity": "sha1-+ofPaELY7poNivOT/0CZ7MQHLys=",
216 | "requires": {
217 | "@ant-design/icons-vue": "^6.0.0",
218 | "@babel/runtime": "^7.10.5",
219 | "@simonwep/pickr": "~1.8.0",
220 | "array-tree-filter": "^2.1.0",
221 | "async-validator": "^3.3.0",
222 | "dom-align": "^1.12.1",
223 | "dom-scroll-into-view": "^2.0.0",
224 | "lodash": "^4.17.21",
225 | "lodash-es": "^4.17.15",
226 | "moment": "^2.27.0",
227 | "omit.js": "^2.0.0",
228 | "resize-observer-polyfill": "^1.5.1",
229 | "scroll-into-view-if-needed": "^2.2.25",
230 | "shallow-equal": "^1.0.0",
231 | "vue-types": "^3.0.0",
232 | "warning": "^4.0.0"
233 | },
234 | "dependencies": {
235 | "async-validator": {
236 | "version": "3.5.2",
237 | "resolved": "http://r.npm.sankuai.com/async-validator/download/async-validator-3.5.2.tgz",
238 | "integrity": "sha1-aOhmqWgk6LJpT/eoMcGiXETV5QA="
239 | }
240 | }
241 | },
242 | "array-tree-filter": {
243 | "version": "2.1.0",
244 | "resolved": "http://r.npm.sankuai.com/array-tree-filter/download/array-tree-filter-2.1.0.tgz",
245 | "integrity": "sha1-hzrAD+yDdJ8lWsjdCDgUtPYykZA="
246 | },
247 | "async-validator": {
248 | "version": "4.0.7",
249 | "resolved": "http://r.npm.sankuai.com/async-validator/download/async-validator-4.0.7.tgz",
250 | "integrity": "sha1-A0oP0hA6ay6/AQ2nUYO+wpkkev4="
251 | },
252 | "compute-scroll-into-view": {
253 | "version": "1.0.17",
254 | "resolved": "http://r.npm.sankuai.com/compute-scroll-into-view/download/compute-scroll-into-view-1.0.17.tgz",
255 | "integrity": "sha1-aojxis2dQunPS6pr7H4FImB6t6s="
256 | },
257 | "core-js": {
258 | "version": "3.20.3",
259 | "resolved": "http://r.npm.sankuai.com/core-js/download/core-js-3.20.3.tgz",
260 | "integrity": "sha1-xxDQpnbmhFIvPbTuhOXhip0R1po="
261 | },
262 | "csstype": {
263 | "version": "2.6.19",
264 | "resolved": "http://r.npm.sankuai.com/csstype/download/csstype-2.6.19.tgz",
265 | "integrity": "sha1-/utarokCC7OJ4fY2aaXtSQ45HKo="
266 | },
267 | "dayjs": {
268 | "version": "1.10.7",
269 | "resolved": "http://r.npm.sankuai.com/dayjs/download/dayjs-1.10.7.tgz",
270 | "integrity": "sha1-LPX5Gt0oEWdIRAhmoKHSbzps5Gg="
271 | },
272 | "dom-align": {
273 | "version": "1.12.2",
274 | "resolved": "http://r.npm.sankuai.com/dom-align/download/dom-align-1.12.2.tgz",
275 | "integrity": "sha1-D4Fk69DJwhsMeQMQSTzYVYkqzUs="
276 | },
277 | "dom-scroll-into-view": {
278 | "version": "2.0.1",
279 | "resolved": "http://r.npm.sankuai.com/dom-scroll-into-view/download/dom-scroll-into-view-2.0.1.tgz",
280 | "integrity": "sha1-DezIUigB/Y0/HGujVadNOCxfmJs="
281 | },
282 | "element-plus": {
283 | "version": "1.3.0-beta.2",
284 | "resolved": "http://r.npm.sankuai.com/element-plus/download/element-plus-1.3.0-beta.2.tgz",
285 | "integrity": "sha1-GHcO5zpH81+Zg0MGN3AXv9cNOIQ=",
286 | "requires": {
287 | "@ctrl/tinycolor": "^3.4.0",
288 | "@element-plus/icons-vue": "^0.2.4",
289 | "@popperjs/core": "^2.10.2",
290 | "@vueuse/core": "^7.3.0",
291 | "async-validator": "^4.0.7",
292 | "dayjs": "^1.10.7",
293 | "lodash": "^4.17.21",
294 | "memoize-one": "^6.0.0",
295 | "normalize-wheel-es": "^1.1.1"
296 | }
297 | },
298 | "esbuild": {
299 | "version": "0.13.15",
300 | "resolved": "http://r.npm.sankuai.com/esbuild/download/esbuild-0.13.15.tgz",
301 | "integrity": "sha1-21aogWbuNz+H27LYeY/0SeBFDN8=",
302 | "requires": {
303 | "esbuild-android-arm64": "0.13.15",
304 | "esbuild-darwin-64": "0.13.15",
305 | "esbuild-darwin-arm64": "0.13.15",
306 | "esbuild-freebsd-64": "0.13.15",
307 | "esbuild-freebsd-arm64": "0.13.15",
308 | "esbuild-linux-32": "0.13.15",
309 | "esbuild-linux-64": "0.13.15",
310 | "esbuild-linux-arm": "0.13.15",
311 | "esbuild-linux-arm64": "0.13.15",
312 | "esbuild-linux-mips64le": "0.13.15",
313 | "esbuild-linux-ppc64le": "0.13.15",
314 | "esbuild-netbsd-64": "0.13.15",
315 | "esbuild-openbsd-64": "0.13.15",
316 | "esbuild-sunos-64": "0.13.15",
317 | "esbuild-windows-32": "0.13.15",
318 | "esbuild-windows-64": "0.13.15",
319 | "esbuild-windows-arm64": "0.13.15"
320 | }
321 | },
322 | "esbuild-android-arm64": {
323 | "version": "0.13.15",
324 | "resolved": "http://r.npm.sankuai.com/esbuild-android-arm64/download/esbuild-android-arm64-0.13.15.tgz",
325 | "integrity": "sha1-P8P/C6t2/jXdI3R2tdKzK7IKPUQ=",
326 | "optional": true
327 | },
328 | "esbuild-darwin-64": {
329 | "version": "0.13.15",
330 | "resolved": "http://r.npm.sankuai.com/esbuild-darwin-64/download/esbuild-darwin-64-0.13.15.tgz",
331 | "integrity": "sha1-jpFpwWuvRE6s7GDQmyTRGyVajnI=",
332 | "optional": true
333 | },
334 | "esbuild-darwin-arm64": {
335 | "version": "0.13.15",
336 | "resolved": "http://r.npm.sankuai.com/esbuild-darwin-arm64/download/esbuild-darwin-arm64-0.13.15.tgz",
337 | "integrity": "sha1-Gwf4k7YyEU+AXhiN38pBsrd4Ipo=",
338 | "optional": true
339 | },
340 | "esbuild-freebsd-64": {
341 | "version": "0.13.15",
342 | "resolved": "http://r.npm.sankuai.com/esbuild-freebsd-64/download/esbuild-freebsd-64-0.13.15.tgz",
343 | "integrity": "sha1-C4t+yhaQyOyUx1aAw4wHJpwfSoU=",
344 | "optional": true
345 | },
346 | "esbuild-freebsd-arm64": {
347 | "version": "0.13.15",
348 | "resolved": "http://r.npm.sankuai.com/esbuild-freebsd-arm64/download/esbuild-freebsd-arm64-0.13.15.tgz",
349 | "integrity": "sha1-LhpsaWv9zSCplXi3Y1C0HbGTTlI=",
350 | "optional": true
351 | },
352 | "esbuild-linux-32": {
353 | "version": "0.13.15",
354 | "resolved": "http://r.npm.sankuai.com/esbuild-linux-32/download/esbuild-linux-32-0.13.15.tgz",
355 | "integrity": "sha1-b9OfNvxm3UW2tfUVcox7vrw0Kmk=",
356 | "optional": true
357 | },
358 | "esbuild-linux-64": {
359 | "version": "0.13.15",
360 | "resolved": "http://r.npm.sankuai.com/esbuild-linux-64/download/esbuild-linux-64-0.13.15.tgz",
361 | "integrity": "sha1-nLjkvNdXTmeUbk7l8fHhI4a7bdM=",
362 | "optional": true
363 | },
364 | "esbuild-linux-arm": {
365 | "version": "0.13.15",
366 | "resolved": "http://r.npm.sankuai.com/esbuild-linux-arm/download/esbuild-linux-arm-0.13.15.tgz",
367 | "integrity": "sha1-igDpnmoMbJprfzNIQTZNiitK7P4=",
368 | "optional": true
369 | },
370 | "esbuild-linux-arm64": {
371 | "version": "0.13.15",
372 | "resolved": "http://r.npm.sankuai.com/esbuild-linux-arm64/download/esbuild-linux-arm64-0.13.15.tgz",
373 | "integrity": "sha1-OJGqNwTsV5obktKlhhIuW2or+6E=",
374 | "optional": true
375 | },
376 | "esbuild-linux-mips64le": {
377 | "version": "0.13.15",
378 | "resolved": "http://r.npm.sankuai.com/esbuild-linux-mips64le/download/esbuild-linux-mips64le-0.13.15.tgz",
379 | "integrity": "sha1-NrB8xHw9IeSNs7sfTZ749Grq1Pc=",
380 | "optional": true
381 | },
382 | "esbuild-linux-ppc64le": {
383 | "version": "0.13.15",
384 | "resolved": "http://r.npm.sankuai.com/esbuild-linux-ppc64le/download/esbuild-linux-ppc64le-0.13.15.tgz",
385 | "integrity": "sha1-9+a7pAuaEeudyuWwFVDqBGcO2tI=",
386 | "optional": true
387 | },
388 | "esbuild-netbsd-64": {
389 | "version": "0.13.15",
390 | "resolved": "http://r.npm.sankuai.com/esbuild-netbsd-64/download/esbuild-netbsd-64-0.13.15.tgz",
391 | "integrity": "sha1-ov7cVJwrYp1YCnMthAcSsI1EADg=",
392 | "optional": true
393 | },
394 | "esbuild-openbsd-64": {
395 | "version": "0.13.15",
396 | "resolved": "http://r.npm.sankuai.com/esbuild-openbsd-64/download/esbuild-openbsd-64-0.13.15.tgz",
397 | "integrity": "sha1-siwOWAbTofvwMlhyA3+IUwawXNc=",
398 | "optional": true
399 | },
400 | "esbuild-sunos-64": {
401 | "version": "0.13.15",
402 | "resolved": "http://r.npm.sankuai.com/esbuild-sunos-64/download/esbuild-sunos-64-0.13.15.tgz",
403 | "integrity": "sha1-0LZFSog3XujTlk2u/1XIXJHHzvQ=",
404 | "optional": true
405 | },
406 | "esbuild-windows-32": {
407 | "version": "0.13.15",
408 | "resolved": "http://r.npm.sankuai.com/esbuild-windows-32/download/esbuild-windows-32-0.13.15.tgz",
409 | "integrity": "sha1-yW0Lm7tS8zAzIlgu+OSEfFrTdac=",
410 | "optional": true
411 | },
412 | "esbuild-windows-64": {
413 | "version": "0.13.15",
414 | "resolved": "http://r.npm.sankuai.com/esbuild-windows-64/download/esbuild-windows-64-0.13.15.tgz",
415 | "integrity": "sha1-H3nLmx4bsC+yXNQUy5DU6iiSwpQ=",
416 | "optional": true
417 | },
418 | "esbuild-windows-arm64": {
419 | "version": "0.13.15",
420 | "resolved": "http://r.npm.sankuai.com/esbuild-windows-arm64/download/esbuild-windows-arm64-0.13.15.tgz",
421 | "integrity": "sha1-SCFzBwgQ3yKnUsaGUJw3DDvjs8M=",
422 | "optional": true
423 | },
424 | "estree-walker": {
425 | "version": "2.0.2",
426 | "resolved": "http://r.npm.sankuai.com/estree-walker/download/estree-walker-2.0.2.tgz",
427 | "integrity": "sha1-UvAQF4wqTBF6d1fP6UKtt9LaTKw="
428 | },
429 | "fsevents": {
430 | "version": "2.3.2",
431 | "resolved": "http://r.npm.sankuai.com/fsevents/download/fsevents-2.3.2.tgz",
432 | "integrity": "sha1-ilJveLj99GI7cJ4Ll1xSwkwC/Ro=",
433 | "optional": true
434 | },
435 | "function-bind": {
436 | "version": "1.1.1",
437 | "resolved": "http://r.npm.sankuai.com/function-bind/download/function-bind-1.1.1.tgz",
438 | "integrity": "sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0="
439 | },
440 | "has": {
441 | "version": "1.0.3",
442 | "resolved": "http://r.npm.sankuai.com/has/download/has-1.0.3.tgz",
443 | "integrity": "sha1-ci18v8H2qoJB8W3YFOAR4fQeh5Y=",
444 | "requires": {
445 | "function-bind": "^1.1.1"
446 | }
447 | },
448 | "is-core-module": {
449 | "version": "2.8.1",
450 | "resolved": "http://r.npm.sankuai.com/is-core-module/download/is-core-module-2.8.1.tgz",
451 | "integrity": "sha1-9Z/fynAdWHnQprEApAqhVgzichE=",
452 | "requires": {
453 | "has": "^1.0.3"
454 | }
455 | },
456 | "is-plain-object": {
457 | "version": "3.0.1",
458 | "resolved": "http://r.npm.sankuai.com/is-plain-object/download/is-plain-object-3.0.1.tgz",
459 | "integrity": "sha1-Zi2S0kwKpDAkB7DUXSHyJRyF+Fs="
460 | },
461 | "js-tokens": {
462 | "version": "4.0.0",
463 | "resolved": "http://r.npm.sankuai.com/js-tokens/download/js-tokens-4.0.0.tgz",
464 | "integrity": "sha1-GSA/tZmR35jjoocFDUZHzerzJJk="
465 | },
466 | "lodash": {
467 | "version": "4.17.21",
468 | "resolved": "http://r.npm.sankuai.com/lodash/download/lodash-4.17.21.tgz",
469 | "integrity": "sha1-Z5WRxWTDv/quhFTPCz3zcMPWkRw="
470 | },
471 | "lodash-es": {
472 | "version": "4.17.21",
473 | "resolved": "http://r.npm.sankuai.com/lodash-es/download/lodash-es-4.17.21.tgz",
474 | "integrity": "sha1-Q+YmxG5lkbd1C+srUBFzkMYJ4+4="
475 | },
476 | "loose-envify": {
477 | "version": "1.4.0",
478 | "resolved": "http://r.npm.sankuai.com/loose-envify/download/loose-envify-1.4.0.tgz",
479 | "integrity": "sha1-ce5R+nvkyuwaY4OffmgtgTLTDK8=",
480 | "requires": {
481 | "js-tokens": "^3.0.0 || ^4.0.0"
482 | }
483 | },
484 | "magic-string": {
485 | "version": "0.25.7",
486 | "resolved": "http://r.npm.sankuai.com/magic-string/download/magic-string-0.25.7.tgz",
487 | "integrity": "sha1-P0l9b9NMZpxnmNy4IfLvMfVEUFE=",
488 | "requires": {
489 | "sourcemap-codec": "^1.4.4"
490 | }
491 | },
492 | "memoize-one": {
493 | "version": "6.0.0",
494 | "resolved": "http://r.npm.sankuai.com/memoize-one/download/memoize-one-6.0.0.tgz",
495 | "integrity": "sha1-slkbhx7YKUiu5HJ9xqvO7qyMEEU="
496 | },
497 | "moment": {
498 | "version": "2.29.1",
499 | "resolved": "http://r.npm.sankuai.com/moment/download/moment-2.29.1.tgz",
500 | "integrity": "sha1-sr52n6MZQL6e7qZGnAdeNQBvo9M="
501 | },
502 | "nanoid": {
503 | "version": "3.1.30",
504 | "resolved": "http://r.npm.sankuai.com/nanoid/download/nanoid-3.1.30.tgz",
505 | "integrity": "sha1-Y/k8xUjSoRPcXfvGO/oJ4rm2Q2I="
506 | },
507 | "nanopop": {
508 | "version": "2.1.0",
509 | "resolved": "http://r.npm.sankuai.com/nanopop/download/nanopop-2.1.0.tgz",
510 | "integrity": "sha1-I0dlE87iQFiIr9LopLVAZrcLnmA="
511 | },
512 | "normalize-wheel-es": {
513 | "version": "1.1.1",
514 | "resolved": "http://r.npm.sankuai.com/normalize-wheel-es/download/normalize-wheel-es-1.1.1.tgz",
515 | "integrity": "sha1-qAlttqVvlDMtiE/Y6+2ojy/HlWk="
516 | },
517 | "omit.js": {
518 | "version": "2.0.2",
519 | "resolved": "http://r.npm.sankuai.com/omit.js/download/omit.js-2.0.2.tgz",
520 | "integrity": "sha1-3ZuENvq5R6Xz/yFMslOGMeMT7C8="
521 | },
522 | "path-parse": {
523 | "version": "1.0.7",
524 | "resolved": "http://r.npm.sankuai.com/path-parse/download/path-parse-1.0.7.tgz",
525 | "integrity": "sha1-+8EUtgykKzDZ2vWFjkvWi77bZzU="
526 | },
527 | "picocolors": {
528 | "version": "1.0.0",
529 | "resolved": "http://r.npm.sankuai.com/picocolors/download/picocolors-1.0.0.tgz",
530 | "integrity": "sha1-y1vcdP8/UYkiNur3nWi8RFZKuBw="
531 | },
532 | "postcss": {
533 | "version": "8.4.5",
534 | "resolved": "http://r.npm.sankuai.com/postcss/download/postcss-8.4.5.tgz",
535 | "integrity": "sha1-uuZldk39TG/MJNwP3356oAzHf5U=",
536 | "requires": {
537 | "nanoid": "^3.1.30",
538 | "picocolors": "^1.0.0",
539 | "source-map-js": "^1.0.1"
540 | }
541 | },
542 | "regenerator-runtime": {
543 | "version": "0.13.9",
544 | "resolved": "http://r.npm.sankuai.com/regenerator-runtime/download/regenerator-runtime-0.13.9.tgz",
545 | "integrity": "sha1-iSV0Kpj/2QgUmI11Zq0wyjsmO1I="
546 | },
547 | "resize-observer-polyfill": {
548 | "version": "1.5.1",
549 | "resolved": "http://r.npm.sankuai.com/resize-observer-polyfill/download/resize-observer-polyfill-1.5.1.tgz",
550 | "integrity": "sha1-DpAg3T0hAkRY1OvSfiPkAmmBBGQ="
551 | },
552 | "resolve": {
553 | "version": "1.22.0",
554 | "resolved": "http://r.npm.sankuai.com/resolve/download/resolve-1.22.0.tgz",
555 | "integrity": "sha1-XguMZ8Fd9XqJvbq+YDoALyFzEZg=",
556 | "requires": {
557 | "is-core-module": "^2.8.1",
558 | "path-parse": "^1.0.7",
559 | "supports-preserve-symlinks-flag": "^1.0.0"
560 | }
561 | },
562 | "rollup": {
563 | "version": "2.66.1",
564 | "resolved": "http://r.npm.sankuai.com/rollup/download/rollup-2.66.1.tgz",
565 | "integrity": "sha1-NmsEBN41PEMx1TjDrSljk0/LSTc=",
566 | "requires": {
567 | "fsevents": "~2.3.2"
568 | }
569 | },
570 | "scroll-into-view-if-needed": {
571 | "version": "2.2.28",
572 | "resolved": "http://r.npm.sankuai.com/scroll-into-view-if-needed/download/scroll-into-view-if-needed-2.2.28.tgz",
573 | "integrity": "sha1-WhWy9YpSZCyIyOylhGROAXA9ZFo=",
574 | "requires": {
575 | "compute-scroll-into-view": "^1.0.17"
576 | }
577 | },
578 | "shallow-equal": {
579 | "version": "1.2.1",
580 | "resolved": "http://r.npm.sankuai.com/shallow-equal/download/shallow-equal-1.2.1.tgz",
581 | "integrity": "sha1-TBar+lYEOqINBQMk76aJQLDaedo="
582 | },
583 | "source-map": {
584 | "version": "0.6.1",
585 | "resolved": "http://r.npm.sankuai.com/source-map/download/source-map-0.6.1.tgz",
586 | "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM="
587 | },
588 | "source-map-js": {
589 | "version": "1.0.2",
590 | "resolved": "http://r.npm.sankuai.com/source-map-js/download/source-map-js-1.0.2.tgz",
591 | "integrity": "sha1-rbw2HZxi3zgBJefxYfccgm8eSQw="
592 | },
593 | "sourcemap-codec": {
594 | "version": "1.4.8",
595 | "resolved": "http://r.npm.sankuai.com/sourcemap-codec/download/sourcemap-codec-1.4.8.tgz",
596 | "integrity": "sha1-6oBL2UhXQC5pktBaOO8a41qatMQ="
597 | },
598 | "supports-preserve-symlinks-flag": {
599 | "version": "1.0.0",
600 | "resolved": "http://r.npm.sankuai.com/supports-preserve-symlinks-flag/download/supports-preserve-symlinks-flag-1.0.0.tgz",
601 | "integrity": "sha1-btpL00SjyUrqN21MwxvHcxEDngk="
602 | },
603 | "vant": {
604 | "version": "3.3.7",
605 | "resolved": "http://r.npm.sankuai.com/vant/download/vant-3.3.7.tgz",
606 | "integrity": "sha1-V+l5chSOFzuIJUQCyDGRzGFI/b8=",
607 | "requires": {
608 | "@vant/icons": "^1.7.1",
609 | "@vant/popperjs": "^1.1.0",
610 | "@vant/use": "^1.3.4"
611 | }
612 | },
613 | "vite": {
614 | "version": "2.7.13",
615 | "resolved": "http://r.npm.sankuai.com/vite/download/vite-2.7.13.tgz",
616 | "integrity": "sha1-mbVuJ9+x5DmeQHz5Rkj1x/udd/U=",
617 | "requires": {
618 | "esbuild": "^0.13.12",
619 | "fsevents": "~2.3.2",
620 | "postcss": "^8.4.5",
621 | "resolve": "^1.20.0",
622 | "rollup": "^2.59.0"
623 | }
624 | },
625 | "vue": {
626 | "version": "3.2.29",
627 | "resolved": "http://r.npm.sankuai.com/vue/download/vue-3.2.29.tgz",
628 | "integrity": "sha1-NXG2Xb15bTpjR+L9Rajm4RwT1Wo=",
629 | "requires": {
630 | "@vue/compiler-dom": "3.2.29",
631 | "@vue/compiler-sfc": "3.2.29",
632 | "@vue/runtime-dom": "3.2.29",
633 | "@vue/server-renderer": "3.2.29",
634 | "@vue/shared": "3.2.29"
635 | }
636 | },
637 | "vue-demi": {
638 | "version": "0.12.1",
639 | "resolved": "http://r.npm.sankuai.com/vue-demi/download/vue-demi-0.12.1.tgz",
640 | "integrity": "sha1-9+GO++z/0RqwadFHLXoG4xm0F0w="
641 | },
642 | "vue-types": {
643 | "version": "3.0.2",
644 | "resolved": "http://r.npm.sankuai.com/vue-types/download/vue-types-3.0.2.tgz",
645 | "integrity": "sha1-7BbgXUEsA4Ji/B76TOuWR+f7YB0=",
646 | "requires": {
647 | "is-plain-object": "3.0.1"
648 | }
649 | },
650 | "warning": {
651 | "version": "4.0.3",
652 | "resolved": "http://r.npm.sankuai.com/warning/download/warning-4.0.3.tgz",
653 | "integrity": "sha1-Fungd+uKhtavfWSqHgX9hbRnjKM=",
654 | "requires": {
655 | "loose-envify": "^1.0.0"
656 | }
657 | }
658 | }
659 | }
660 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vcc3-demo",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "dev": "vite dev"
8 | },
9 | "author": "",
10 | "license": "ISC",
11 | "dependencies": {
12 | "@element-plus/icons-vue": "^0.2.4",
13 | "@vitejs/plugin-vue": "^2.1.0",
14 | "ant-design-vue": "^2.2.8",
15 | "element-plus": "^1.3.0-beta.2",
16 | "vant": "^3.3.7",
17 | "vite": "^2.7.13",
18 | "vue": "^3.2.29"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/Home.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/src/UIComponentInit.js:
--------------------------------------------------------------------------------
1 | function loadVant() {
2 | (() => import("vant/lib/index.css"))();
3 | const vantLoadPromise = (() => import("vant"))();
4 | return vantLoadPromise;
5 | }
6 |
7 | function loadAntD() {
8 | (() => import("ant-design-vue/dist/antd.css"))();
9 | const vantLoadPromise = (() => import("ant-design-vue"))();
10 | return vantLoadPromise;
11 | }
12 |
13 | export default function loadCompontents() {
14 | return Promise.all([loadAntD(), loadVant()]);
15 | }
16 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | // 引入支持运行时编译的Vue版本
2 | import * as $Vue from "vue/dist/vue.esm-bundler.js";
3 |
4 | // VCC加载执行过程中依赖于Vue本身
5 | self.Vue = $Vue;
6 |
7 | // 加载VCC
8 | const loadVCC = document.createElement("script");
9 | loadVCC.src = "http://localhost:3000/src/vcc/vcc3.umd.js"
10 | document.body.appendChild(loadVCC);
11 |
12 | // VCC的主界面是用ElementUI实现的,所以需要提前加载
13 | import ElementPlus from "element-plus";
14 |
15 | // 这些是VCC依赖的ElementUI图标
16 | import {
17 | QuestionFilled,
18 | CirclePlus,
19 | DocumentCopy,
20 | Delete,
21 | Refresh,
22 | Minus,
23 | } from "@element-plus/icons-vue";
24 |
25 | // 引入ElementUI样式
26 | import "element-plus/dist/index.css";
27 |
28 | // 加载非首屏组件
29 | import loadCompontents from "./UIComponentInit.js";
30 |
31 | // 创建应用实例的基础方法,支持同步创建与异步创建
32 | function loadTemplate(renderComponent, loadFinished = () => {}) {
33 | const app = $Vue.createApp(renderComponent);
34 | app.use(ElementPlus);
35 | // 通过闭包的方式异步加载其它非首屏组件
36 | loadCompontents().then((modules) => {
37 | for (let index = 0; index < modules.length; index++) {
38 | const module = modules[index];
39 | app.use(module);
40 | loadFinished(app);
41 | }
42 | });
43 | return app;
44 | }
45 |
46 | // 同步创建Vue实例。给应用宿主使用
47 | function createBaseAppSync(renderComponent = {}) {
48 | return loadTemplate(renderComponent);
49 | }
50 |
51 | // 异步创建Vue实例。给VCC渲染引擎使用
52 | function createBaseAppAsync(renderComponent = {}) {
53 | return new Promise((resolve, reject) => {
54 | loadTemplate(renderComponent, (app) => {
55 | resolve(app);
56 | });
57 | });
58 | }
59 |
60 | // 创建宿主实例
61 | const app = createBaseAppSync({
62 | template: ``,
63 | components: {
64 | // 这里写异步实现是因为需要等待Vcc加载完成才能渲染
65 | home: $Vue.defineAsyncComponent(() => import("./Home.vue")),
66 | },
67 | });
68 |
69 | // 注册VCC需要的图标组件
70 | app.component("question-filled", QuestionFilled);
71 | app.component("circle-plus", CirclePlus);
72 | app.component("l-refresh", Refresh);
73 | app.component("l-delete", Delete);
74 | app.component("document-copy", DocumentCopy);
75 | app.component("l-minus", Minus);
76 |
77 | app.mount("#app");
78 |
79 | // 内部需要同样配置的全局Vue
80 | self.createBaseAppAsync = createBaseAppAsync;
81 |
--------------------------------------------------------------------------------
/src/vcc/vcc3.umd.11.js:
--------------------------------------------------------------------------------
1 | ((typeof self !== 'undefined' ? self : this)["webpackJsonpvcc3"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpvcc3"] || []).push([[11],{
2 |
3 | /***/ "4e1a":
4 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
5 |
6 | "use strict";
7 | // ESM COMPAT FLAG
8 | __webpack_require__.r(__webpack_exports__);
9 |
10 | // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
11 | var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
12 |
13 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components-v2/ToolsBar.vue?vue&type=template&id=458ac41c&scoped=true
14 |
15 |
16 | const _withScopeId = n => (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-458ac41c"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n);
17 |
18 | const _hoisted_1 = {
19 | class: "top-tools-bar"
20 | };
21 | const _hoisted_2 = {
22 | class: "edit"
23 | };
24 |
25 | const _hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])("Undo");
26 |
27 | const _hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])("Redo");
28 |
29 | const _hoisted_5 = {
30 | style: {
31 | "display": "inline-block"
32 | }
33 | };
34 |
35 | const _hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])("Inspect Components Structure");
36 |
37 | const _hoisted_7 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("a", {
38 | class: "github-button",
39 | href: "https://github.com/sahadev/vue-component-creater-ui",
40 | "data-icon": "octicon-star",
41 | "data-show-count": "true",
42 | "aria-label": "Star sahadev/vue-component-creater-ui on GitHub"
43 | }, "Star", -1));
44 |
45 | const _hoisted_8 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createStaticVNode"])("", 1);
46 |
47 | function render(_ctx, _cache, $props, $setup, $data, $options) {
48 | const _component_el_link = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("el-link");
49 |
50 | const _component_el_tooltip = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("el-tooltip");
51 |
52 | const _component_el_col = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("el-col");
53 |
54 | const _component_el_row = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("el-row");
55 |
56 | return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_row, {
57 | gutter: 22
58 | }, {
59 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_col, {
60 | span: 3
61 | }, {
62 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_tooltip, {
63 | class: "item",
64 | effect: "dark",
65 | content: "ctrl + z",
66 | placement: "bottom-start"
67 | }, {
68 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_link, {
69 | type: "primary",
70 | onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('undo')),
71 | style: {
72 | "margin-right": "3px"
73 | }
74 | }, {
75 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [_hoisted_3]),
76 | _: 1
77 | })]),
78 | _: 1
79 | }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_link, {
80 | type: "primary",
81 | onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('redo'))
82 | }, {
83 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [_hoisted_4]),
84 | _: 1
85 | })])]),
86 | _: 1
87 | }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_col, {
88 | span: 3
89 | }, {
90 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_link, {
91 | type: "primary",
92 | onClick: $options.onPreviewModeChange
93 | }, {
94 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($data.previewMode ? 'Desktop' : 'Mobile') + " Mode", 1)]),
95 | _: 1
96 | }, 8, ["onClick"])]),
97 | _: 1
98 | }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_col, {
99 | span: 3
100 | }, {
101 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_link, {
102 | type: $data.editMode ? 'primary' : 'danger',
103 | onClick: $options.onEditModeChange
104 | }, {
105 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($data.editMode ? 'View' : 'Edit') + " Mode", 1)]),
106 | _: 1
107 | }, 8, ["type", "onClick"])])]),
108 | _: 1
109 | }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_col, {
110 | span: 10
111 | }, {
112 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_link, {
113 | type: "primary",
114 | onClick: _cache[2] || (_cache[2] = $event => _ctx.$emit('structureVisible'))
115 | }, {
116 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [_hoisted_6]),
117 | _: 1
118 | })]),
119 | _: 1
120 | }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_el_col, {
121 | span: 3
122 | }, {
123 | default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => [_hoisted_7]),
124 | _: 1
125 | })]),
126 | _: 1
127 | }), _hoisted_8]);
128 | }
129 | // CONCATENATED MODULE: ./src/components-v2/ToolsBar.vue?vue&type=template&id=458ac41c&scoped=true
130 |
131 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components-v2/ToolsBar.vue?vue&type=script&lang=js
132 | /* harmony default export */ var ToolsBarvue_type_script_lang_js = ({
133 | props: [],
134 | components: {},
135 |
136 | data() {
137 | return {
138 | previewMode: false,
139 | editMode: true
140 | };
141 | },
142 |
143 | watch: {},
144 | computed: {},
145 |
146 | beforeCreate() {},
147 |
148 | created() {},
149 |
150 | beforeMount() {},
151 |
152 | mounted() {},
153 |
154 | beforeUpdate() {},
155 |
156 | updated() {},
157 |
158 | destoryed() {},
159 |
160 | methods: {
161 | // 在此自动生成
162 | request() {// 网络请求,可选
163 | },
164 |
165 | logout() {
166 | window.ssoLogin.logout();
167 | },
168 |
169 | onPreviewModeChange() {
170 | this.previewMode = !this.previewMode;
171 | this.$emit('onPreviewModeChange', this.previewMode);
172 | },
173 |
174 | onEditModeChange() {
175 | this.editMode = !this.editMode;
176 | this.$emit('onEditModeChange', this.editMode);
177 | setTimeout(() => {
178 | this.editMode = true;
179 | }, 500);
180 | }
181 |
182 | },
183 | fillter: {}
184 | });
185 | // CONCATENATED MODULE: ./src/components-v2/ToolsBar.vue?vue&type=script&lang=js
186 |
187 | // EXTERNAL MODULE: ./src/components-v2/ToolsBar.vue?vue&type=style&index=0&id=458ac41c&scoped=true&lang=css
188 | var ToolsBarvue_type_style_index_0_id_458ac41c_scoped_true_lang_css = __webpack_require__("e256");
189 |
190 | // EXTERNAL MODULE: ./src/components-v2/ToolsBar.vue?vue&type=style&index=1&id=458ac41c&scoped=true&lang=css
191 | var ToolsBarvue_type_style_index_1_id_458ac41c_scoped_true_lang_css = __webpack_require__("5622");
192 |
193 | // EXTERNAL MODULE: ./node_modules/vue-loader-v16/dist/exportHelper.js
194 | var exportHelper = __webpack_require__("6b0d");
195 | var exportHelper_default = /*#__PURE__*/__webpack_require__.n(exportHelper);
196 |
197 | // CONCATENATED MODULE: ./src/components-v2/ToolsBar.vue
198 |
199 |
200 |
201 |
202 |
203 |
204 |
205 |
206 | const __exports__ = /*#__PURE__*/exportHelper_default()(ToolsBarvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-458ac41c"]])
207 |
208 | /* harmony default export */ var ToolsBar = __webpack_exports__["default"] = (__exports__);
209 |
210 | /***/ }),
211 |
212 | /***/ "5622":
213 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
214 |
215 | "use strict";
216 | /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_ToolsBar_vue_vue_type_style_index_1_id_458ac41c_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("eae8");
217 | /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_ToolsBar_vue_vue_type_style_index_1_id_458ac41c_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_ToolsBar_vue_vue_type_style_index_1_id_458ac41c_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
218 | /* unused harmony reexport * */
219 |
220 |
221 | /***/ }),
222 |
223 | /***/ "91cf":
224 | /***/ (function(module, exports, __webpack_require__) {
225 |
226 | // Imports
227 | var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
228 | exports = ___CSS_LOADER_API_IMPORT___(false);
229 | // Module
230 | exports.push([module.i, ".github-corner:hover .octo-arm[data-v-458ac41c]{-webkit-animation:octocat-wave-458ac41c .56s ease-in-out;animation:octocat-wave-458ac41c .56s ease-in-out}@-webkit-keyframes octocat-wave-458ac41c{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes octocat-wave-458ac41c{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm[data-v-458ac41c]{-webkit-animation:none;animation:none}.github-corner .octo-arm[data-v-458ac41c]{-webkit-animation:octocat-wave-458ac41c .56s ease-in-out;animation:octocat-wave-458ac41c .56s ease-in-out}}", ""]);
231 | // Exports
232 | module.exports = exports;
233 |
234 |
235 | /***/ }),
236 |
237 | /***/ "b89c":
238 | /***/ (function(module, exports, __webpack_require__) {
239 |
240 | // Imports
241 | var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
242 | exports = ___CSS_LOADER_API_IMPORT___(false);
243 | // Module
244 | exports.push([module.i, ".top-tools-bar[data-v-458ac41c]{padding:5px 10px;font-size:14px;font-weight:500;color:#606266;background-color:#fff;border-radius:0;-ms-flex-line-pack:center;align-content:center;border-bottom:1px solid #f0f0f0}.edit[data-v-458ac41c]{display:inline-block}", ""]);
245 | // Exports
246 | module.exports = exports;
247 |
248 |
249 | /***/ }),
250 |
251 | /***/ "c308":
252 | /***/ (function(module, exports, __webpack_require__) {
253 |
254 | // style-loader: Adds some css to the DOM by adding a \n\n\n \n #templateHolder\n
\n\n \x3c!-- import Vue before Element --\x3e\n
21 |
22 |
23 |
24 |
32 |
33 |