study/vue-component-creater-ui
1
0
Fork 0
mirror of https://github.com/sahadev/vue-component-creater-ui.git synced 2025-07-01 05:52:46 +08:00
Code Issues Releases Wiki Activity

Merge branch 'antd-vue3' into vue3-vant

Browse Source
This commit is contained in:
shangbin 2021-12-13 19:02:38 +08:00
commit c4cf57d63e
12 changed files with 339 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
package-lock.json generated
View File

@ -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",

1
package.json
View File

@ -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
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

19
src/components/RawComponents.vue
View File

@ -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"))
},
};

4
src/main.js
View File

@ -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);

2
src/map/data.index.js
View File

File diff suppressed because one or more lines are too long

2
src/map/style.index.js
View File

@ -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;"}

2
src/map/template.index.js
View File

File diff suppressed because one or more lines are too long

55
src/rawComponents/antd/button.vue Normal file
View 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
View 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>

16
src/rawComponents/element/form.vue
View File

@ -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>

2
src/script/compile.js
View File

@ -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}个文件进行编译...`);