1
0
mirror of https://github.com/sahadev/vue-component-creater-ui.git synced 2025-06-07 13:44:06 +08:00

feat: 更新ElementUI,集成骨架屏等新组件

This commit is contained in:
shangbin 2021-11-17 22:57:39 +08:00
parent 08235dcdd1
commit e606c42404
7 changed files with 157 additions and 221 deletions

156
package-lock.json generated
View File

@ -1,6 +1,6 @@
{
"name": "@lcg/vcc",
"version": "0.5.2",
"name": "lcg-vcc",
"version": "0.5.3",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
@ -1239,12 +1239,6 @@
"fastq": "^1.6.0"
}
},
"@polka/url": {
"version": "1.0.0-next.21",
"resolved": "https://r.cnpmjs.org/@polka/url/download/@polka/url-1.0.0-next.21.tgz",
"integrity": "sha1-XeWiOFo1MJQn9gEZkrVEUU1VmqE=",
"dev": true
},
"@samverschueren/stream-to-observable": {
"version": "0.3.1",
"resolved": "http://npm.xesv5.com/@samverschueren%2fstream-to-observable/-/stream-to-observable-0.3.1.tgz",
@ -2844,7 +2838,7 @@
},
"async-validator": {
"version": "1.8.5",
"resolved": "https://registry.npm.taobao.org/async-validator/download/async-validator-1.8.5.tgz?cache=0&sync_timestamp=1596625258256&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fasync-validator%2Fdownload%2Fasync-validator-1.8.5.tgz",
"resolved": "http://r.npm.sankuai.com/async-validator/download/async-validator-1.8.5.tgz",
"integrity": "sha1-3D4I7B/Q3dtn5ghC8CwM0c7G1/A=",
"requires": {
"babel-runtime": "6.x"
@ -3089,7 +3083,7 @@
},
"bfj": {
"version": "6.1.2",
"resolved": "https://r.cnpmjs.org/bfj/download/bfj-6.1.2.tgz",
"resolved": "https://registry.npm.taobao.org/bfj/download/bfj-6.1.2.tgz",
"integrity": "sha1-MlyGGoIryzWKQceKM7jm4ght3n8=",
"dev": true,
"requires": {
@ -3630,7 +3624,7 @@
},
"check-types": {
"version": "8.0.3",
"resolved": "https://r.cnpmjs.org/check-types/download/check-types-8.0.3.tgz",
"resolved": "https://registry.npm.taobao.org/check-types/download/check-types-8.0.3.tgz",
"integrity": "sha1-M1bMoZyIlUTy16le1JzlCKDs9VI=",
"dev": true
},
@ -5203,7 +5197,7 @@
},
"duplexer": {
"version": "0.1.2",
"resolved": "https://r.cnpmjs.org/duplexer/download/duplexer-0.1.2.tgz",
"resolved": "https://registry.npm.taobao.org/duplexer/download/duplexer-0.1.2.tgz",
"integrity": "sha1-Or5DrvODX4rgd9E23c4PJ2sEAOY=",
"dev": true
},
@ -5243,7 +5237,7 @@
},
"ejs": {
"version": "2.7.4",
"resolved": "https://r.cnpmjs.org/ejs/download/ejs-2.7.4.tgz",
"resolved": "https://registry.npm.taobao.org/ejs/download/ejs-2.7.4.tgz?cache=0&sync_timestamp=1597678376225&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fejs%2Fdownload%2Fejs-2.7.4.tgz",
"integrity": "sha1-SGYSh1c9zFPjZsehrlLDoSDuybo=",
"dev": true
},
@ -5268,9 +5262,9 @@
}
},
"element-ui": {
"version": "2.13.2",
"resolved": "https://registry.npm.taobao.org/element-ui/download/element-ui-2.13.2.tgz?cache=0&sync_timestamp=1589795164194&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felement-ui%2Fdownload%2Felement-ui-2.13.2.tgz",
"integrity": "sha1-WCv0eqqqr+I+oZWPriF6aHrQZEc=",
"version": "2.15.6",
"resolved": "http://r.npm.sankuai.com/element-ui/download/element-ui-2.15.6.tgz",
"integrity": "sha1-yWCa3TWvWmhqS3aF3B11fHXgHfM=",
"requires": {
"async-validator": "~1.8.1",
"babel-helper-vue-jsx-merge-props": "^2.0.0",
@ -6328,7 +6322,7 @@
},
"filesize": {
"version": "3.6.1",
"resolved": "https://r.cnpmjs.org/filesize/download/filesize-3.6.1.tgz",
"resolved": "https://registry.npm.taobao.org/filesize/download/filesize-3.6.1.tgz",
"integrity": "sha1-CQuz7gG2+AGoqL6Z0xcQs0Irsxc=",
"dev": true
},
@ -6699,15 +6693,6 @@
"resolved": "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.4.tgz?cache=0&sync_timestamp=1588086924019&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.4.tgz",
"integrity": "sha1-Ila94U02MpWMRl68ltxGfKB6Kfs="
},
"gzip-size": {
"version": "6.0.0",
"resolved": "https://r.cnpmjs.org/gzip-size/download/gzip-size-6.0.0.tgz",
"integrity": "sha1-BlNn/VDCOcBnHLy61b4+LusQ5GI=",
"dev": true,
"requires": {
"duplexer": "^0.1.2"
}
},
"handle-thing": {
"version": "2.0.1",
"resolved": "https://registry.npm.taobao.org/handle-thing/download/handle-thing-2.0.1.tgz",
@ -6877,7 +6862,7 @@
},
"hoopy": {
"version": "0.1.4",
"resolved": "https://r.cnpmjs.org/hoopy/download/hoopy-0.1.4.tgz",
"resolved": "https://registry.npm.taobao.org/hoopy/download/hoopy-0.1.4.tgz",
"integrity": "sha1-YJIH1mEQADOpqUAq096mdzgcGx0=",
"dev": true
},
@ -9260,7 +9245,7 @@
},
"normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
"resolved": "http://r.npm.sankuai.com/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
"integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
},
"npm-run-path": {
@ -9483,7 +9468,7 @@
},
"opener": {
"version": "1.5.2",
"resolved": "https://r.cnpmjs.org/opener/download/opener-1.5.2.tgz",
"resolved": "https://registry.npm.taobao.org/opener/download/opener-1.5.2.tgz?cache=0&sync_timestamp=1598733439329&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fopener%2Fdownload%2Fopener-1.5.2.tgz",
"integrity": "sha1-XTfh81B3udysQwE3InGv3rKhNZg=",
"dev": true
},
@ -11505,17 +11490,6 @@
}
}
},
"sirv": {
"version": "1.0.18",
"resolved": "https://r.cnpmjs.org/sirv/download/sirv-1.0.18.tgz",
"integrity": "sha1-EF+rUvtlbOiivrvzaxEFIAWVKJk=",
"dev": true,
"requires": {
"@polka/url": "^1.0.0-next.20",
"mime": "^2.3.1",
"totalist": "^1.0.0"
}
},
"slash": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/slash/download/slash-2.0.0.tgz",
@ -12264,7 +12238,7 @@
},
"throttle-debounce": {
"version": "1.1.0",
"resolved": "https://registry.npm.taobao.org/throttle-debounce/download/throttle-debounce-1.1.0.tgz?cache=0&sync_timestamp=1597223522218&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fthrottle-debounce%2Fdownload%2Fthrottle-debounce-1.1.0.tgz",
"resolved": "http://r.npm.sankuai.com/throttle-debounce/download/throttle-debounce-1.1.0.tgz",
"integrity": "sha1-UYU9o3vmihVctugns1FKPEIuic0="
},
"through": {
@ -12395,12 +12369,6 @@
"integrity": "sha1-LmhELZ9k7HILjMieZEOsbKqVACk=",
"dev": true
},
"totalist": {
"version": "1.1.0",
"resolved": "https://r.cnpmjs.org/totalist/download/totalist-1.1.0.tgz",
"integrity": "sha1-pNZaPlRlF3AePlw3pHpwrJf+Vt8=",
"dev": true
},
"tough-cookie": {
"version": "2.5.0",
"resolved": "https://registry.npm.taobao.org/tough-cookie/download/tough-cookie-2.5.0.tgz",
@ -12413,7 +12381,7 @@
},
"tryer": {
"version": "1.0.1",
"resolved": "https://r.cnpmjs.org/tryer/download/tryer-1.0.1.tgz",
"resolved": "https://registry.npm.taobao.org/tryer/download/tryer-1.0.1.tgz",
"integrity": "sha1-8shUBoALmw90yfdGW4HqrSQSUvg=",
"dev": true
},
@ -13325,98 +13293,6 @@
}
}
},
"webpack-bundle-analyzer": {
"version": "4.5.0",
"resolved": "https://r.cnpmjs.org/webpack-bundle-analyzer/download/webpack-bundle-analyzer-4.5.0.tgz",
"integrity": "sha1-Gw7qKUfnNSh1Sm+a8+kbK24PedU=",
"dev": true,
"requires": {
"acorn": "^8.0.4",
"acorn-walk": "^8.0.0",
"chalk": "^4.1.0",
"commander": "^7.2.0",
"gzip-size": "^6.0.0",
"lodash": "^4.17.20",
"opener": "^1.5.2",
"sirv": "^1.0.7",
"ws": "^7.3.1"
},
"dependencies": {
"acorn": {
"version": "8.5.0",
"resolved": "https://r.cnpmjs.org/acorn/download/acorn-8.5.0.tgz",
"integrity": "sha1-RRLMuZs2mMdSWR6btEcuOK1DzuI=",
"dev": true
},
"acorn-walk": {
"version": "8.2.0",
"resolved": "https://r.cnpmjs.org/acorn-walk/download/acorn-walk-8.2.0.tgz",
"integrity": "sha1-dBIQ8uJCZFRQiFOi9E0KuDt/acE=",
"dev": true
},
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://r.cnpmjs.org/ansi-styles/download/ansi-styles-4.3.0.tgz",
"integrity": "sha1-7dgDYornHATIWuegkG7a00tkiTc=",
"dev": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.2",
"resolved": "https://r.cnpmjs.org/chalk/download/chalk-4.1.2.tgz",
"integrity": "sha1-qsTit3NKdAhnrrFr8CqtVWoeegE=",
"dev": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://r.cnpmjs.org/color-convert/download/color-convert-2.0.1.tgz",
"integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
"dev": true,
"requires": {
"color-name": "~1.1.4"
}
},
"color-name": {
"version": "1.1.4",
"resolved": "https://r.cnpmjs.org/color-name/download/color-name-1.1.4.tgz",
"integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
"dev": true
},
"commander": {
"version": "7.2.0",
"resolved": "https://r.cnpmjs.org/commander/download/commander-7.2.0.tgz",
"integrity": "sha1-o2y1fQtQHOEI5NIFWaFQo5HZerc=",
"dev": true
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://r.cnpmjs.org/has-flag/download/has-flag-4.0.0.tgz",
"integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
"dev": true
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://r.cnpmjs.org/supports-color/download/supports-color-7.2.0.tgz",
"integrity": "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=",
"dev": true,
"requires": {
"has-flag": "^4.0.0"
}
},
"ws": {
"version": "7.5.5",
"resolved": "https://r.cnpmjs.org/ws/download/ws-7.5.5.tgz",
"integrity": "sha1-i0vEr1GM+r0Ec65PmRRCh7M+uIE=",
"dev": true
}
}
},
"webpack-chain": {
"version": "6.5.1",
"resolved": "http://npm.xesv5.com/webpack-chain/-/webpack-chain-6.5.1.tgz",

View File

@ -28,7 +28,7 @@
"core-js": "^3.6.4",
"crypto-random-string": "^3.3.0",
"css": "^3.0.0",
"element-ui": "^2.13.1",
"element-ui": "^2.15.6",
"escodegen": "^2.0.0",
"espree": "^7.3.0",
"eventemitter3": "^4.0.7",

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -48,6 +48,47 @@
</el-container>
</el-container>
</div>
<div lc_id="fFXoD13StH">
<div class="demonstration-element" lc_id="qzSnnCsiiY">Skeleton 骨架屏</div>
<el-skeleton lc-mark :rows="6" animated lc_id="pMz9OoTtuO"></el-skeleton>
</div>
<div lc_id="/+eytuLsMO">
<div class="demonstration-element" lc_id="q2Xgt807d0">Empty 空状态</div>
<el-empty lc-mark description="描述文字" lc_id="GhNJigV87p"></el-empty>
</div>
<div lc_id="pR02CCkeLy">
<div class="demonstration-element" lc_id="CrH218ZZHh">Result 结果</div>
<el-row lc_id="B0lJgeMQgq">
<el-col :sm="12" :lg="6" lc_id="aj5rgx9gtC">
<el-result icon="success" lc-mark title="成功提示" subtitle="请根据提示进行操作" lc_id="TkxmLNdH1k">
<template slot="extra" lc_id="eKy+B81uWz">
<el-button type="primary" size="medium" lc_id="mjvsUigHYK">返回</el-button>
</template>
</el-result>
</el-col>
<el-col :sm="12" :lg="6" lc_id="t8NFAo4Rh9">
<el-result icon="warning" lc-mark title="警告提示" subtitle="请根据提示进行操作" lc_id="H66rtRO+l7">
<template slot="extra" lc_id="NZlnnaHVpe">
<el-button type="primary" size="medium" lc_id="8+A/PdJlL/">返回</el-button>
</template>
</el-result>
</el-col>
<el-col :sm="12" :lg="6" lc_id="UqNiIqJz/1">
<el-result icon="error" lc-mark title="错误提示" subtitle="请根据提示进行操作" lc_id="g7rPSUMWcM">
<template slot="extra" lc_id="04xPYOz/ON">
<el-button type="primary" size="medium" lc_id="7MAezDvKx5">返回</el-button>
</template>
</el-result>
</el-col>
<el-col :sm="12" :lg="6" lc_id="+ix6hlAfDe">
<el-result icon="info" lc-mark title="信息提示" subtitle="请根据提示进行操作" lc_id="/vmCqxMpho">
<template slot="extra" lc_id="b1LfBHu9OM">
<el-button type="primary" size="medium" lc_id="ke499n5dzw">返回</el-button>
</template>
</el-result>
</el-col>
</el-row>
</div>
</div>
</template>
<script>

View File

@ -92,6 +92,27 @@
</el-form-item>
</el-form>
</div>
<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="OoN2WiOmV9">江苏省苏州市吴中区吴中大道 1188 </el-descriptions-item>
</el-descriptions>
<el-descriptions title="垂直带边框列表" direction="vertical" :column="4" border lc-mark lc_id="szloMrlo+J">
> <el-descriptions-item label="用户名" lc_id="eiu+5s736W">kooriookami</el-descriptions-item>
<el-descriptions-item label="手机号" lc_id="5jN1FMg0JM">18100000000</el-descriptions-item>
<el-descriptions-item label="居住地" :span="2" lc_id="0kqZ2EOUJ/">苏州市</el-descriptions-item>
<el-descriptions-item label="备注" lc_id="iSiDebVpZg">
<el-tag size="small" lc_id="gy68yv4szb">学校</el-tag>
</el-descriptions-item>
<el-descriptions-item label="联系地址" lc_id="FOfDHeKGh6">江苏省苏州市吴中区吴中大道 1188 </el-descriptions-item>
</el-descriptions>
</div>
</div>
</template>
<script>

View File

@ -1,80 +1,80 @@
<template lc_id="vSeYn6dQcE">
<div lc_id="NahfEKxF68" class="demonstration-raw">
<table border="0" lc_id="RDLbKPIVyp">
<tr lc_id="riqra/6H1d">
<td lc_id="RhfgQCKISj">
<div class="title" lc_id="OnWMPOSYwo">div:</div>
</td>
<td lc_id="ZOFUAuegZ7">
<div lc_id="jayChQGWVD" div-lc-mark lc-mark></div>
</td>
</tr>
<tr lc_id="i+v/R6TP05">
<td lc_id="wLL4oua+v6">
<div class="title" lc_id="ySJLvpCtUj">span:</div>
</td>
<td lc_id="Wg/gdfZ1hC">
<span lc_id="m+Oy7pHzNT" lc-mark>Span Element</span>
</td>
</tr>
<tr lc_id="xunAa9pXZZ">
<td lc_id="m11Db3zz1r">
<div class="title" lc_id="dSImHjC62W">center:</div>
</td>
<td lc_id="KrJXHbe0Y4">
<center lc_id="CN8KOU6sKz" lc-mark>Center Element</center>
</td>
</tr>
<tr lc_id="Ejan36KyM/">
<td lc_id="ke9QDthYso">
<div class="title" lc_id="V2t1JzpJnA">a超链接:</div>
</td>
<td lc_id="SUPSw5gtWC">
<a lc-mark lc_id="MjGtLkly03">W3School</a>
</td>
</tr>
<tr lc_id="bgvuIIHVqY">
<td lc_id="h0nRibffcF">
<div class="title" lc_id="MxMSt/pxUC">abbr标记缩写:</div>
</td>
<td lc_id="lX0P4NPEIk">
<abbr lc-mark title="People's Republic of China" lc_id="oFoyJEu70y">PRC</abbr>
</td>
</tr>
<tr lc_id="inCzutb68I">
<td lc_id="mh8/q4jJAC">
<div class="title" lc_id="Kl4zl6s4bN">article:</div>
</td>
<td lc_id="ylNI9kdThf">
<article lc_id="p6pMF5D2hP">
<h1 lc-mark lc_id="GcMEfj/r8i">Internet Explorer 9</h1>
<p lc-mark lc_id="odzwtRzLYd">Windows Internet Explorer 9简称 IE9 2011 3
<div lc_id="NahfEKxF68" class="demonstration-raw">
<table border="0" lc_id="RDLbKPIVyp">
<tr lc_id="riqra/6H1d">
<td lc_id="RhfgQCKISj">
<div class="title" lc_id="OnWMPOSYwo">div:</div>
</td>
<td lc_id="ZOFUAuegZ7">
<div lc_id="jayChQGWVD" div-lc-mark lc-mark></div>
</td>
</tr>
<tr lc_id="i+v/R6TP05">
<td lc_id="wLL4oua+v6">
<div class="title" lc_id="ySJLvpCtUj">span:</div>
</td>
<td lc_id="Wg/gdfZ1hC">
<span lc_id="m+Oy7pHzNT" lc-mark>Span Element</span>
</td>
</tr>
<tr lc_id="xunAa9pXZZ">
<td lc_id="m11Db3zz1r">
<div class="title" lc_id="dSImHjC62W">center:</div>
</td>
<td lc_id="KrJXHbe0Y4">
<center lc_id="CN8KOU6sKz" lc-mark>Center Element</center>
</td>
</tr>
<tr lc_id="Ejan36KyM/">
<td lc_id="ke9QDthYso">
<div class="title" lc_id="V2t1JzpJnA">a超链接:</div>
</td>
<td lc_id="SUPSw5gtWC">
<a lc-mark lc_id="MjGtLkly03">W3School</a>
</td>
</tr>
<tr lc_id="bgvuIIHVqY">
<td lc_id="h0nRibffcF">
<div class="title" lc_id="MxMSt/pxUC">abbr标记缩写:</div>
</td>
<td lc_id="lX0P4NPEIk">
<abbr lc-mark title="People's Republic of China" lc_id="oFoyJEu70y">PRC</abbr>
</td>
</tr>
<tr lc_id="inCzutb68I">
<td lc_id="mh8/q4jJAC">
<div class="title" lc_id="Kl4zl6s4bN">article:</div>
</td>
<td lc_id="ylNI9kdThf">
<article lc_id="p6pMF5D2hP">
<h1 lc-mark lc_id="GcMEfj/r8i">Internet Explorer 9</h1>
<p lc-mark lc_id="odzwtRzLYd">Windows Internet Explorer 9简称 IE9 2011 3
14
日发布.....</p>
</article>
</td>
</tr>
<tr lc_id="sQR/stqYia">
<td lc_id="cw8+279Hwb">
<div class="title" lc_id="NpMarePQQF">aside:</div>
</td>
<td lc_id="/RsZDrC6KZ">
<aside lc-mark lc_id="65Oo0WGvvy">The Epcot Center is a theme park in Disney World, Florida.</aside>
<h4 lc_id="oSbd1PW0Nw" lc-mark>Epcot Center</h4>
</td>
</tr>
<tr lc_id="YpolLNtaim">
<td lc_id="0L0kRmNEHS">
<div class="title" lc_id="lLb2wnV7cj">p:</div>
</td>
<td lc_id="E3Kwwe8iVC">
<p lc-mark lc_id="t5axePjnHi">这是普通文本</p>
<b lc-mark lc_id="MKNiVzEnZC">这是粗体文本</b>
</td>
</tr>
</table>
</div>
</template>
</article>
</td>
</tr>
<tr lc_id="sQR/stqYia">
<td lc_id="cw8+279Hwb">
<div class="title" lc_id="NpMarePQQF">aside:</div>
</td>
<td lc_id="/RsZDrC6KZ">
<aside lc-mark lc_id="65Oo0WGvvy">The Epcot Center is a theme park in Disney World, Florida.</aside>
<h4 lc_id="oSbd1PW0Nw" lc-mark>Epcot Center</h4>
</td>
</tr>
<tr lc_id="YpolLNtaim">
<td lc_id="0L0kRmNEHS">
<div class="title" lc_id="lLb2wnV7cj">p:</div>
</td>
<td lc_id="E3Kwwe8iVC">
<p lc-mark lc_id="t5axePjnHi">这是普通文本</p>
<b lc-mark lc_id="MKNiVzEnZC">这是粗体文本</b>
</td>
</tr>
</table>
</div>
</template>
<script>
import { deepLCEle } from "@/utils/initRawComponent";
export default {
@ -92,8 +92,7 @@ export default {
},
methods: {},
}; </script>
<style scoped>
.title {
<style scoped>.title {
width: 120px;
}
@ -105,5 +104,4 @@ export default {
border: 1px grey dashed;
min-height: 1rem;
border-radius: 5px;
}
</style>
}</style>