mirror of
https://github.com/sahadev/vue-component-creater-ui.git
synced 2025-06-06 21:14:03 +08:00
Merge branch 'antd-vue3' into vue3-vant
This commit is contained in:
commit
c4cf57d63e
156
package-lock.json
generated
156
package-lock.json
generated
@ -4,6 +4,40 @@
|
||||
"lockfileVersion": 1,
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
"@ant-design/colors": {
|
||||
"version": "6.0.0",
|
||||
"resolved": "https://r.cnpmjs.org/@ant-design/colors/download/@ant-design/colors-6.0.0.tgz",
|
||||
"integrity": "sha1-m5NmJXz/zEfbQrnQIDu1ksE8Apg=",
|
||||
"requires": {
|
||||
"@ctrl/tinycolor": "^3.4.0"
|
||||
}
|
||||
},
|
||||
"@ant-design/icons-svg": {
|
||||
"version": "4.2.1",
|
||||
"resolved": "https://r.cnpmjs.org/@ant-design/icons-svg/download/@ant-design/icons-svg-4.2.1.tgz",
|
||||
"integrity": "sha1-hjDajrRHGkqr2u19H/apfcss8Fo="
|
||||
},
|
||||
"@ant-design/icons-vue": {
|
||||
"version": "6.0.1",
|
||||
"resolved": "https://r.cnpmjs.org/@ant-design/icons-vue/download/@ant-design/icons-vue-6.0.1.tgz",
|
||||
"integrity": "sha1-nYBMPHTSz6+XyxjlgtO5QAk09f0=",
|
||||
"requires": {
|
||||
"@ant-design/colors": "^5.0.0",
|
||||
"@ant-design/icons-svg": "^4.0.0",
|
||||
"@types/lodash": "^4.14.165",
|
||||
"lodash": "^4.17.15"
|
||||
},
|
||||
"dependencies": {
|
||||
"@ant-design/colors": {
|
||||
"version": "5.1.1",
|
||||
"resolved": "https://r.cnpmjs.org/@ant-design/colors/download/@ant-design/colors-5.1.1.tgz",
|
||||
"integrity": "sha1-gAshhrHifmZDLmfQPtlq8+IdiUA=",
|
||||
"requires": {
|
||||
"@ctrl/tinycolor": "^3.3.1"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"@babel/code-frame": {
|
||||
"version": "7.16.0",
|
||||
"resolved": "https://r.cnpmjs.org/@babel/code-frame/download/@babel/code-frame-7.16.0.tgz",
|
||||
@ -1129,6 +1163,11 @@
|
||||
"to-fast-properties": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"@ctrl/tinycolor": {
|
||||
"version": "3.4.0",
|
||||
"resolved": "https://r.cnpmjs.org/@ctrl/tinycolor/download/@ctrl/tinycolor-3.4.0.tgz",
|
||||
"integrity": "sha1-w8WuVDyJfKqcKmhjC+01W+X5mQ8="
|
||||
},
|
||||
"@element-plus/icons": {
|
||||
"version": "0.0.11",
|
||||
"resolved": "https://rg.cnpmjs.org/@element-plus/icons/download/@element-plus/icons-0.0.11.tgz",
|
||||
@ -1260,6 +1299,15 @@
|
||||
"any-observable": "^0.3.0"
|
||||
}
|
||||
},
|
||||
"@simonwep/pickr": {
|
||||
"version": "1.8.2",
|
||||
"resolved": "https://r.cnpmjs.org/@simonwep/pickr/download/@simonwep/pickr-1.8.2.tgz",
|
||||
"integrity": "sha1-ltyGZ1lA18rWPWnCIIPdHLuXl8s=",
|
||||
"requires": {
|
||||
"core-js": "^3.15.1",
|
||||
"nanopop": "^2.1.0"
|
||||
}
|
||||
},
|
||||
"@soda/friendly-errors-webpack-plugin": {
|
||||
"version": "1.8.1",
|
||||
"resolved": "https://r.cnpmjs.org/@soda/friendly-errors-webpack-plugin/download/@soda/friendly-errors-webpack-plugin-1.8.1.tgz",
|
||||
@ -1412,6 +1460,11 @@
|
||||
"integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=",
|
||||
"dev": true
|
||||
},
|
||||
"@types/lodash": {
|
||||
"version": "4.14.178",
|
||||
"resolved": "https://rg.cnpmjs.org/@types/lodash/download/@types/lodash-4.14.178.tgz",
|
||||
"integrity": "sha512-0d5Wd09ItQWH1qFbEyQ7oTQ3GZrMfth5JkbN3EvTKLXcHLRDSXeLnlvlOn0wvxVIwK5o2M8JzP/OWz7T3NRsbw=="
|
||||
},
|
||||
"@types/mime": {
|
||||
"version": "1.3.2",
|
||||
"resolved": "https://r.cnpmjs.org/@types/mime/download/@types/mime-1.3.2.tgz",
|
||||
@ -2421,6 +2474,29 @@
|
||||
"color-convert": "^1.9.0"
|
||||
}
|
||||
},
|
||||
"ant-design-vue": {
|
||||
"version": "3.0.0-alpha.14",
|
||||
"resolved": "https://rg.cnpmjs.org/ant-design-vue/download/ant-design-vue-3.0.0-alpha.14.tgz",
|
||||
"integrity": "sha512-PmK8I90CMEwij+wFU52nPFi5PgRNlEzyHoF7gB2a7fU5m248OhTorQ9Rv3QqBwC1kjp4a2GpaFR2uvP0Mbu70Q==",
|
||||
"requires": {
|
||||
"@ant-design/colors": "^6.0.0",
|
||||
"@ant-design/icons-vue": "^6.0.0",
|
||||
"@babel/runtime": "^7.10.5",
|
||||
"@simonwep/pickr": "~1.8.0",
|
||||
"array-tree-filter": "^2.1.0",
|
||||
"async-validator": "^4.0.0",
|
||||
"dayjs": "^1.10.5",
|
||||
"dom-align": "^1.12.1",
|
||||
"dom-scroll-into-view": "^2.0.0",
|
||||
"lodash": "^4.17.21",
|
||||
"lodash-es": "^4.17.15",
|
||||
"resize-observer-polyfill": "^1.5.1",
|
||||
"scroll-into-view-if-needed": "^2.2.25",
|
||||
"shallow-equal": "^1.0.0",
|
||||
"vue-types": "^3.0.0",
|
||||
"warning": "^4.0.0"
|
||||
}
|
||||
},
|
||||
"any-observable": {
|
||||
"version": "0.3.0",
|
||||
"resolved": "https://r.cnpmjs.org/any-observable/download/any-observable-0.3.0.tgz",
|
||||
@ -2507,6 +2583,11 @@
|
||||
"is-string": "^1.0.7"
|
||||
}
|
||||
},
|
||||
"array-tree-filter": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://r.cnpmjs.org/array-tree-filter/download/array-tree-filter-2.1.0.tgz",
|
||||
"integrity": "sha1-hzrAD+yDdJ8lWsjdCDgUtPYykZA="
|
||||
},
|
||||
"array-union": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://r.cnpmjs.org/array-union/download/array-union-1.0.2.tgz",
|
||||
@ -3882,6 +3963,11 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"compute-scroll-into-view": {
|
||||
"version": "1.0.17",
|
||||
"resolved": "https://r.cnpmjs.org/compute-scroll-into-view/download/compute-scroll-into-view-1.0.17.tgz",
|
||||
"integrity": "sha1-aojxis2dQunPS6pr7H4FImB6t6s="
|
||||
},
|
||||
"concat-map": {
|
||||
"version": "0.0.1",
|
||||
"resolved": "https://r.cnpmjs.org/concat-map/download/concat-map-0.0.1.tgz",
|
||||
@ -4157,8 +4243,7 @@
|
||||
"core-js": {
|
||||
"version": "3.19.3",
|
||||
"resolved": "https://rg.cnpmjs.org/core-js/download/core-js-3.19.3.tgz",
|
||||
"integrity": "sha512-LeLBMgEGSsG7giquSzvgBrTS7V5UL6ks3eQlUSbN8dJStlLFiRzUm5iqsRyzUB8carhfKjkJ2vzKqE6z1Vga9g==",
|
||||
"dev": true
|
||||
"integrity": "sha512-LeLBMgEGSsG7giquSzvgBrTS7V5UL6ks3eQlUSbN8dJStlLFiRzUm5iqsRyzUB8carhfKjkJ2vzKqE6z1Vga9g=="
|
||||
},
|
||||
"core-js-compat": {
|
||||
"version": "3.19.3",
|
||||
@ -4993,6 +5078,11 @@
|
||||
"esutils": "^2.0.2"
|
||||
}
|
||||
},
|
||||
"dom-align": {
|
||||
"version": "1.12.2",
|
||||
"resolved": "https://r.cnpmjs.org/dom-align/download/dom-align-1.12.2.tgz",
|
||||
"integrity": "sha1-D4Fk69DJwhsMeQMQSTzYVYkqzUs="
|
||||
},
|
||||
"dom-converter": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://r.cnpmjs.org/dom-converter/download/dom-converter-0.2.0.tgz",
|
||||
@ -5002,6 +5092,11 @@
|
||||
"utila": "~0.4"
|
||||
}
|
||||
},
|
||||
"dom-scroll-into-view": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://r.cnpmjs.org/dom-scroll-into-view/download/dom-scroll-into-view-2.0.1.tgz",
|
||||
"integrity": "sha1-DezIUigB/Y0/HGujVadNOCxfmJs="
|
||||
},
|
||||
"dom-serializer": {
|
||||
"version": "0.2.2",
|
||||
"resolved": "https://r.cnpmjs.org/dom-serializer/download/dom-serializer-0.2.2.tgz",
|
||||
@ -7899,8 +7994,7 @@
|
||||
"js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://r.cnpmjs.org/js-tokens/download/js-tokens-4.0.0.tgz",
|
||||
"integrity": "sha1-GSA/tZmR35jjoocFDUZHzerzJJk=",
|
||||
"dev": true
|
||||
"integrity": "sha1-GSA/tZmR35jjoocFDUZHzerzJJk="
|
||||
},
|
||||
"js-yaml": {
|
||||
"version": "3.14.1",
|
||||
@ -8718,6 +8812,14 @@
|
||||
"integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
|
||||
"dev": true
|
||||
},
|
||||
"loose-envify": {
|
||||
"version": "1.4.0",
|
||||
"resolved": "https://r.cnpmjs.org/loose-envify/download/loose-envify-1.4.0.tgz",
|
||||
"integrity": "sha1-ce5R+nvkyuwaY4OffmgtgTLTDK8=",
|
||||
"requires": {
|
||||
"js-tokens": "^3.0.0 || ^4.0.0"
|
||||
}
|
||||
},
|
||||
"lower-case": {
|
||||
"version": "1.1.4",
|
||||
"resolved": "https://r.cnpmjs.org/lower-case/download/lower-case-1.1.4.tgz",
|
||||
@ -9114,6 +9216,11 @@
|
||||
"to-regex": "^3.0.1"
|
||||
}
|
||||
},
|
||||
"nanopop": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://r.cnpmjs.org/nanopop/download/nanopop-2.1.0.tgz",
|
||||
"integrity": "sha1-I0dlE87iQFiIr9LopLVAZrcLnmA="
|
||||
},
|
||||
"natural-compare": {
|
||||
"version": "1.4.0",
|
||||
"resolved": "https://r.cnpmjs.org/natural-compare/download/natural-compare-1.4.0.tgz",
|
||||
@ -11475,6 +11582,11 @@
|
||||
"integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
|
||||
"dev": true
|
||||
},
|
||||
"resize-observer-polyfill": {
|
||||
"version": "1.5.1",
|
||||
"resolved": "https://r.cnpmjs.org/resize-observer-polyfill/download/resize-observer-polyfill-1.5.1.tgz",
|
||||
"integrity": "sha1-DpAg3T0hAkRY1OvSfiPkAmmBBGQ="
|
||||
},
|
||||
"resolve": {
|
||||
"version": "1.20.0",
|
||||
"resolved": "https://r.cnpmjs.org/resolve/download/resolve-1.20.0.tgz",
|
||||
@ -11666,6 +11778,14 @@
|
||||
"ajv-keywords": "^3.5.2"
|
||||
}
|
||||
},
|
||||
"scroll-into-view-if-needed": {
|
||||
"version": "2.2.28",
|
||||
"resolved": "https://r.cnpmjs.org/scroll-into-view-if-needed/download/scroll-into-view-if-needed-2.2.28.tgz",
|
||||
"integrity": "sha1-WhWy9YpSZCyIyOylhGROAXA9ZFo=",
|
||||
"requires": {
|
||||
"compute-scroll-into-view": "^1.0.17"
|
||||
}
|
||||
},
|
||||
"select-hose": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://r.cnpmjs.org/select-hose/download/select-hose-2.0.0.tgz",
|
||||
@ -11882,6 +12002,11 @@
|
||||
"kind-of": "^6.0.2"
|
||||
}
|
||||
},
|
||||
"shallow-equal": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://r.cnpmjs.org/shallow-equal/download/shallow-equal-1.2.1.tgz",
|
||||
"integrity": "sha1-TBar+lYEOqINBQMk76aJQLDaedo="
|
||||
},
|
||||
"shebang-command": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://r.cnpmjs.org/shebang-command/download/shebang-command-1.2.0.tgz",
|
||||
@ -13602,6 +13727,21 @@
|
||||
"integrity": "sha1-HuO8mhbsv1EYvjNLsV+cRvgvWCU=",
|
||||
"dev": true
|
||||
},
|
||||
"vue-types": {
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://r.cnpmjs.org/vue-types/download/vue-types-3.0.2.tgz",
|
||||
"integrity": "sha1-7BbgXUEsA4Ji/B76TOuWR+f7YB0=",
|
||||
"requires": {
|
||||
"is-plain-object": "3.0.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"is-plain-object": {
|
||||
"version": "3.0.1",
|
||||
"resolved": "https://r.cnpmjs.org/is-plain-object/download/is-plain-object-3.0.1.tgz",
|
||||
"integrity": "sha1-Zi2S0kwKpDAkB7DUXSHyJRyF+Fs="
|
||||
}
|
||||
}
|
||||
},
|
||||
"vuedraggable": {
|
||||
"version": "4.1.0",
|
||||
"resolved": "https://rg.cnpmjs.org/vuedraggable/download/vuedraggable-4.1.0.tgz",
|
||||
@ -13618,6 +13758,14 @@
|
||||
"@vue/devtools-api": "^6.0.0-beta.11"
|
||||
}
|
||||
},
|
||||
"warning": {
|
||||
"version": "4.0.3",
|
||||
"resolved": "https://r.cnpmjs.org/warning/download/warning-4.0.3.tgz",
|
||||
"integrity": "sha1-Fungd+uKhtavfWSqHgX9hbRnjKM=",
|
||||
"requires": {
|
||||
"loose-envify": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"watchpack": {
|
||||
"version": "1.7.5",
|
||||
"resolved": "https://rg.cnpmjs.org/watchpack/download/watchpack-1.7.5.tgz",
|
||||
|
@ -25,6 +25,7 @@
|
||||
"@element-plus/icons": "0.0.11",
|
||||
"@vitejs/plugin-vue": "^1.10.0",
|
||||
"@vue/compiler-sfc": "^3.2.22",
|
||||
"ant-design-vue": "^3.0.0-alpha.14",
|
||||
"axios": "^0.21.4",
|
||||
"codemirror-editor-vue3": "^0.2.4",
|
||||
"copy-to-clipboard": "^3.3.1",
|
||||
|
29
src/assets/logo/antd-n.svg
Normal file
29
src/assets/logo/antd-n.svg
Normal file
@ -0,0 +1,29 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="128px" height="128px" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Vue</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<linearGradient x1="69.644116%" y1="0%" x2="69.644116%" y2="100%" id="linearGradient-1">
|
||||
<stop stop-color="#29CDFF" offset="0%"></stop>
|
||||
<stop stop-color="#148EFF" offset="37.8600687%"></stop>
|
||||
<stop stop-color="#0A60FF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="-19.8191553%" y1="-36.7931464%" x2="138.57919%" y2="157.637507%" id="linearGradient-2">
|
||||
<stop stop-color="#29CDFF" offset="0%"></stop>
|
||||
<stop stop-color="#0F78FF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="68.1279872%" y1="-35.6905737%" x2="30.4400914%" y2="114.942679%" id="linearGradient-3">
|
||||
<stop stop-color="#FA8E7D" offset="0%"></stop>
|
||||
<stop stop-color="#F74A5C" offset="51.2635191%"></stop>
|
||||
<stop stop-color="#F51D2C" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g id="Vue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Group" transform="translate(19.000000, 9.000000)">
|
||||
<path d="M89.96,90.48 C78.58,93.48 68.33,83.36 67.62,82.48 L46.6604487,62.2292258 C45.5023849,61.1103236 44.8426845,59.5728835 44.8296987,57.9626396 L44.5035564,17.5209948 C44.4948861,16.4458744 44.0537714,15.4195095 43.2796864,14.6733517 L29.6459999,1.53153737 C28.055475,-0.00160504005 25.5232423,0.0449126588 23.9900999,1.63543756 C23.2715121,2.38092066 22.87,3.37600834 22.87,4.41143746 L22.87,64.3864751 C22.87,67.0807891 23.9572233,69.6611067 25.885409,71.5429748 L63.6004615,108.352061 C65.9466323,110.641873 69.6963584,110.624605 72.0213403,108.313281" id="Path-Copy" fill="url(#linearGradient-1)" fill-rule="nonzero" transform="translate(56.415000, 54.831157) scale(-1, 1) translate(-56.415000, -54.831157) "></path>
|
||||
<path d="M68,90.1163122 C56.62,93.1163122 45.46,83.36 44.75,82.48 L23.7904487,62.2292258 C22.6323849,61.1103236 21.9726845,59.5728835 21.9596987,57.9626396 L21.6335564,17.5209948 C21.6248861,16.4458744 21.1837714,15.4195095 20.4096864,14.6733517 L6.7759999,1.53153737 C5.185475,-0.00160504005 2.65324232,0.0449126588 1.12009991,1.63543756 C0.401512125,2.38092066 3.90211878e-13,3.37600834 3.90798505e-13,4.41143746 L3.94351218e-13,64.3864751 C3.94681177e-13,67.0807891 1.08722326,69.6611067 3.01540903,71.5429748 L40.7807092,108.401101 C43.1069304,110.671444 46.8180151,110.676525 49.1504445,108.412561" id="Path" fill="url(#linearGradient-2)" fill-rule="nonzero"></path>
|
||||
<path d="M43.2983488,19.0991931 L27.5566079,3.88246244 C26.7624281,3.11476967 26.7409561,1.84862177 27.5086488,1.05444194 C27.8854826,0.664606611 28.4044438,0.444472651 28.9466386,0.444472651 L60.3925021,0.444472651 C61.4970716,0.444472651 62.3925021,1.33990315 62.3925021,2.44447265 C62.3925021,2.9858375 62.1730396,3.50407742 61.7842512,3.88079942 L46.0801285,19.0975301 C45.3051579,19.8484488 44.0742167,19.8491847 43.2983488,19.0991931 Z" id="Path" fill="url(#linearGradient-3)"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 3.3 KiB |
@ -52,7 +52,7 @@
|
||||
|
||||
<div style="overflow:scroll;padding:0 10px;">
|
||||
<keep-alive>
|
||||
<component :is="currentSelectBrand.componentName" @mounted='onMouted'></component>
|
||||
<component :is="currentSelectBrand.componentName" @mounted='onMouted(currentIndex)'></component>
|
||||
</keep-alive>
|
||||
</div>
|
||||
|
||||
@ -99,6 +99,14 @@ export default {
|
||||
}, {
|
||||
icon: ('https://static.imonkey.xueersi.com/download/vcc-resource/logo/quasar-n.png'),
|
||||
enable: false
|
||||
}, {
|
||||
icon: ('https://static.imonkey.xueersi.com/download/vcc-resource/logo/antd-n.svg'), // 组件库导航图标
|
||||
clickCallback: this.onSelectElement, // 图标点击回调
|
||||
className: "demonstration-antd", // 组件索引标题class。用来搜集标题供快速导航
|
||||
selectIndex: 0, // 默认选中基础组件索引
|
||||
componentName: 'antd', // 动态组件名称
|
||||
enable: true, // 是否可用
|
||||
titleArray: [], // 快速索引标题,默认为空,VCC会自动按照className搜集快速索引标题。
|
||||
},],
|
||||
|
||||
currentIndex: 0
|
||||
@ -145,9 +153,8 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
onMouted() {
|
||||
// 这里目前只支持ele,所以只写了1
|
||||
this.initOnly(this.iconArray[1]);
|
||||
onMouted(index) {
|
||||
this.initOnly(this.iconArray[index]);
|
||||
},
|
||||
|
||||
selectSubnav(obj, index) {
|
||||
@ -159,6 +166,9 @@ export default {
|
||||
this.initOnly(this.iconArray[0]);
|
||||
},
|
||||
|
||||
/**
|
||||
* 初始化组件导航栏,只有2个及以上的组件类才会出现
|
||||
*/
|
||||
initOnly(mountedObject) {
|
||||
const titles = document.getElementsByClassName(mountedObject.className);
|
||||
|
||||
@ -210,6 +220,7 @@ export default {
|
||||
// iview,
|
||||
// quasar,
|
||||
ele: defineAsyncComponent(() => import("../rawComponents/element/index.vue")),
|
||||
antd: defineAsyncComponent(() => import("../rawComponents/antd"))
|
||||
},
|
||||
|
||||
};
|
||||
|
@ -12,9 +12,13 @@ import {
|
||||
import "element-plus/dist/index.css";
|
||||
import APP from "./App.vue";
|
||||
|
||||
import Antd from 'ant-design-vue';
|
||||
import 'ant-design-vue/dist/antd.css';
|
||||
|
||||
function createBaseApp(renderComponent = {}) {
|
||||
const app = createApp(renderComponent);
|
||||
app.use(ElementPlus);
|
||||
app.use(Antd);
|
||||
|
||||
app.component("question-filled", QuestionFilled);
|
||||
app.component("circle-plus", CirclePlus);
|
||||
|
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
export default {".row":"margin-bottom: 10px;",".icon":"margin-right: 10px; margin-left: 10px; font-size: 18px;",".el-header":"background-color: #b3c0d1; color: #333; text-align: center; line-height: 60px;",".el-footer":"background-color: #b3c0d1; color: #333; text-align: center; line-height: 60px;",".el-aside":"background-color: #d3dce6; color: #333; text-align: center; line-height: 200px;",".el-main":"background-color: #e9eef3; color: #333; text-align: center; line-height: 160px;","body > .el-container":"margin-bottom: 40px;",".el-container:nth-child(5) .el-aside":"line-height: 260px;",".el-container:nth-child(6) .el-aside":"line-height: 260px;",".el-container:nth-child(7) .el-aside":"line-height: 320px;",".avatar-uploader :v-deep(.el-upload)":"border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden;",".avatar-uploader .el-upload:hover":"border-color: #409eff;",".avatar-uploader-icon":"font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center;",".avatar":"width: 178px; height: 178px; display: block;",".demo-border":"border: 1px grey dashed; min-height: 1rem; border-radius: 5px;","[label-lc-mark]":"display: inline-block; width: 200px; border: 1px grey dashed; min-height: 1rem; border-radius: 5px;",".item":"margin-top: 10px; margin-right: 40px;",".el-carousel__item h3":"color: #475669; font-size: 14px; opacity: 0.75; line-height: 150px; margin: 0;",".el-carousel__item:nth-child(2n)":"background-color: #99a9bf;",".el-carousel__item:nth-child(2n + 1)":"background-color: #d3dce6;",".el-row":"margin-bottom: 20px;",".el-row:last-child":"margin-bottom: 0;",".el-col":"border-radius: 4px;",".bg-purple-dark":"background: #99a9bf;",".bg-purple":"background: #d3dce6 !important;",".bg-purple-light":"background: #e5e9f2;",".grid-content":"border-radius: 4px; min-height: 36px;",".row-bg":"padding: 10px 0; background-color: #f9fafc;",".icon1":"margin-left: 10px; margin-right: 10px;",".layout":"border: 1px solid #d7dde4; background: #f5f7f9; position: relative; border-radius: 4px; overflow: hidden;",".layout-logo":"width: 100px; height: 30px; background: #5b6270; border-radius: 3px; float: left; position: relative; top: 15px; left: 20px;",".layout-nav":"width: 420px; margin: 0 auto; margin-right: 20px;",".demonstration":"font-size: 12px; color: #1f2f3d; padding: 10px 0 0 0;",".title":"width: 120px;",".demonstration-raw":"padding: 10px 0;","[div-lc-mark]":"border: 1px grey dashed; min-height: 1rem; border-radius: 5px;","button + button":"margin-top: 10px;",".colon":"display: inline-block; margin: 0 4px; color: #ee0a24;",".block":"display: inline-block; width: 22px; color: #fff; font-size: 12px; text-align: center; background-color: #ee0a24;",".my-swipe .van-swipe-item":"color: #fff; font-size: 20px; line-height: 150px; text-align: center; background-color: #39a9ed;",".icon-c":"margin-left: 10px; margin-right: 10px;",":v-deep(.van-tabbar--fixed)":"position: initial;",":v-deep(.van-address-list__bottom)":"position: initial;",":v-deep(.van-goods-action)":"position: initial;",":v-deep(.van-submit-bar)":"position: initial;"}
|
||||
export default {".container":"",".row":"margin-bottom: 10px;",".icon":"margin-right: 10px; margin-left: 10px; font-size: 18px;",".el-header":"background-color: #b3c0d1; color: #333; text-align: center; line-height: 60px;",".el-footer":"background-color: #b3c0d1; color: #333; text-align: center; line-height: 60px;",".el-aside":"background-color: #d3dce6; color: #333; text-align: center; line-height: 200px;",".el-main":"background-color: #e9eef3; color: #333; text-align: center; line-height: 160px;","body > .el-container":"margin-bottom: 40px;",".el-container:nth-child(5) .el-aside":"line-height: 260px;",".el-container:nth-child(6) .el-aside":"line-height: 260px;",".el-container:nth-child(7) .el-aside":"line-height: 320px;",".avatar-uploader ::v-deep .el-upload":"border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden;",".avatar-uploader .el-upload:hover":"border-color: #409eff;",".avatar-uploader-icon":"font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center;",".avatar":"width: 178px; height: 178px; display: block;",".demo-border":"border: 1px grey dashed; min-height: 1rem; border-radius: 5px;","[label-lc-mark]":"display: inline-block; width: 200px; border: 1px grey dashed; min-height: 1rem; border-radius: 5px;",".item":"margin-top: 10px; margin-right: 40px;",".el-carousel__item h3":"color: #475669; font-size: 14px; opacity: 0.75; line-height: 150px; margin: 0;",".el-carousel__item:nth-child(2n)":"background-color: #99a9bf;",".el-carousel__item:nth-child(2n + 1)":"background-color: #d3dce6;",".el-row":"margin-bottom: 20px;",".el-row:last-child":"margin-bottom: 0;",".el-col":"border-radius: 4px;",".bg-purple-dark":"background: #99a9bf;",".bg-purple":"background: #d3dce6 !important;",".bg-purple-light":"background: #e5e9f2;",".grid-content":"border-radius: 4px; min-height: 36px;",".row-bg":"padding: 10px 0; background-color: #f9fafc;",".icon1":"margin-left: 10px; margin-right: 10px;",".layout":"border: 1px solid #d7dde4; background: #f5f7f9; position: relative; border-radius: 4px; overflow: hidden;",".layout-logo":"width: 100px; height: 30px; background: #5b6270; border-radius: 3px; float: left; position: relative; top: 15px; left: 20px;",".layout-nav":"width: 420px; margin: 0 auto; margin-right: 20px;",".demonstration":"font-size: 12px; color: #1f2f3d; padding: 10px 0 0 0;",".title":"width: 120px;",".demonstration-raw":"padding: 10px 0;","[div-lc-mark]":"border: 1px grey dashed; min-height: 1rem; border-radius: 5px;","button + button":"margin-top: 10px;",".colon":"display: inline-block; margin: 0 4px; color: #ee0a24;",".block":"display: inline-block; width: 22px; color: #fff; font-size: 12px; text-align: center; background-color: #ee0a24;",".my-swipe .van-swipe-item":"color: #fff; font-size: 20px; line-height: 150px; text-align: center; background-color: #39a9ed;",".icon-c":"margin-left: 10px; margin-right: 10px;","::v-deep .van-tabbar--fixed":"position: initial;","::v-deep .van-address-list__bottom":"position: initial;","::v-deep .van-goods-action":"position: initial;","::v-deep .van-submit-bar":"position: initial;"}
|
||||
|
File diff suppressed because one or more lines are too long
55
src/rawComponents/antd/button.vue
Normal file
55
src/rawComponents/antd/button.vue
Normal file
@ -0,0 +1,55 @@
|
||||
<template lc_id="YNC0Scb/Nu">
|
||||
<div lc_id="pN7LcslOJR">
|
||||
<div lc_id="jr3zjZhDqz">
|
||||
<div class="demonstration-antd" lc_id="fRuphkeIKC">Button 按钮</div>
|
||||
<div lc_id="k+t156NFRt">
|
||||
<a-button lc-mark type="primary">Primary Button</a-button>
|
||||
<a-button lc-mark>Default Button</a-button>
|
||||
<a-button lc-mark type="dashed">Dashed Button</a-button>
|
||||
<a-button lc-mark type="text">Text Button</a-button>
|
||||
<a-button lc-mark type="link">Link Button</a-button>
|
||||
|
||||
<a-button lc-mark type="primary" danger>Primary</a-button>
|
||||
<a-button lc-mark danger>Default</a-button>
|
||||
</div>
|
||||
</div>
|
||||
<div lc_id="O9JGjMpAKq">
|
||||
<div class="demonstration-antd" lc_id="4rqJIQ2Mzz">ButtonGroup 按钮组</div>
|
||||
<div lc_id="pONPOBBNro">
|
||||
<a-button lc-mark type="primary" block>Primary</a-button>
|
||||
<a-button lc-mark block>Default</a-button>
|
||||
<a-button lc-mark type="dashed" block>Dashed</a-button>
|
||||
<a-button lc-mark danger block>Danger</a-button>
|
||||
<a-button lc-mark type="link" block>Link</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: [],
|
||||
components: {},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
watch: {},
|
||||
computed: {},
|
||||
beforeCreate() { },
|
||||
created() { },
|
||||
beforeMount() { },
|
||||
mounted() { },
|
||||
beforeUpdate() { },
|
||||
updated() { },
|
||||
destoryed() { },
|
||||
methods: {
|
||||
request() { },
|
||||
onButtonClick() { },
|
||||
},
|
||||
fillter: {},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.container {
|
||||
}
|
||||
</style>
|
71
src/rawComponents/antd/index.vue
Normal file
71
src/rawComponents/antd/index.vue
Normal file
@ -0,0 +1,71 @@
|
||||
<!-- 组件引导文件 -->
|
||||
<template>
|
||||
<div class="antd-class">
|
||||
<a-button></a-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import button from './button.vue';
|
||||
import { deepLCEle } from "@/utils/initRawComponent";
|
||||
|
||||
export default {
|
||||
props: [],
|
||||
components: {
|
||||
AButton: button
|
||||
},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
watch: {},
|
||||
computed: {},
|
||||
beforeCreate() { },
|
||||
created() { },
|
||||
beforeMount() { },
|
||||
mounted() {
|
||||
this.$emit('mounted');
|
||||
// 对所有拥有lc-mark的元素进行初始化
|
||||
deepLCEle(document.querySelector('.antd-class'), () => {
|
||||
});
|
||||
},
|
||||
beforeUpdate() { },
|
||||
updated() { },
|
||||
destoryed() { },
|
||||
methods: {
|
||||
request() { },
|
||||
onButtonClick() { },
|
||||
},
|
||||
fillter: {},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.demonstration-antd {
|
||||
font-size: 12px;
|
||||
color: #1f2f3d;
|
||||
padding: 10px 0 10px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.demonstration-antd::before {
|
||||
content: "";
|
||||
background-color: #4dba87;
|
||||
display: inline-block;
|
||||
height: 1em;
|
||||
margin-right: 4px;
|
||||
width: 3px;
|
||||
border-radius: 2px;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.demonstration-antd::after {
|
||||
content: " :";
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.antd-class [lc-mark] {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
@ -92,14 +92,14 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div lc_id="ZrfskHN6gD">
|
||||
<div class="demonstration-element" lc_id="dyf31Nksqb">Descriptions 描述列表</div>
|
||||
<el-descriptions title="用户信息" lc-mark lc_id="Ih7byjPMdZ">
|
||||
<el-descriptions-item label="用户名" lc-mark lc_id="Hv9orUOCTm">kooriookami</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号" lc_id="Qdr3t2Hdqm">18100000000</el-descriptions-item>
|
||||
<el-descriptions-item label="居住地" lc_id="IcVLWCz0QT">苏州市</el-descriptions-item>
|
||||
<el-descriptions-item label="备注" lc_id="Far2sRRdAW">
|
||||
<el-tag size="small" lc_id="CaE0YkJ1TB">学校</el-tag>
|
||||
<div lc_id="dyK4shOTgK">
|
||||
<div class="demonstration-element" lc_id="OPhwbT6T5C">Descriptions 描述列表</div>
|
||||
<el-descriptions title="用户信息" lc-mark lc_id="UcepzqrI8T">
|
||||
<el-descriptions-item label="用户名" lc-mark lc_id="61qM0Gdqq3">kooriookami</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号" lc_id="p9NL7l0+yS">18100000000</el-descriptions-item>
|
||||
<el-descriptions-item label="居住地" lc_id="gA+SOSpqT1">苏州市</el-descriptions-item>
|
||||
<el-descriptions-item label="备注" lc_id="MpLSTs1V1a">
|
||||
<el-tag size="small" lc_id="x+3JGPZLjM">学校</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="联系地址" lc_id="P7eacW7mxC">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
@ -14,7 +14,7 @@ glob(
|
||||
{
|
||||
cwd: componentsPath,
|
||||
absolute: true,
|
||||
ignore: ["**/element/index.vue", "**/vant/index.vue", "**/iview/index.vue"],
|
||||
ignore: ["**/element/index.vue", "**/vant/index.vue", "**/iview/index.vue", "**/antd/index.vue"],
|
||||
},
|
||||
function (er, files) {
|
||||
console.info(`正在对${files.length}个文件进行编译...`);
|
||||
|
Loading…
x
Reference in New Issue
Block a user