├── .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 | 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 | --------------------------------------------------------------------------------