@smart100/spu-web-plugin 0.0.12 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -4,3 +4,12 @@
4
4
 
5
5
  ## 文档
6
6
  [@smart100/spu-web-plugin](https://tarymee.github.io/spu-web-plugin/)
7
+
8
+
9
+ ## 发布
10
+
11
+ + 修改代码
12
+ + 修改 package.json 版本号
13
+ + 执行 npm i 同步版本号到 package-lock.json 文件
14
+ + 执行 npm run build 构建打包文件到 dist 目录
15
+ + 执行 npm publish
@@ -1,4 +1,4 @@
1
- var version = "0.0.12";
1
+ var version = "0.0.13";
2
2
 
3
3
  function ownKeys(e, r) {
4
4
  var t = Object.keys(e);
@@ -43551,8 +43551,17 @@ var getAttributes = function getAttributes(ele) {
43551
43551
  return attrs;
43552
43552
  };
43553
43553
 
43554
+ var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAxlBMVEUAAAA8wVJRx2RGw1pax2pqzXhky3OC1o9qy3iG1ZB81IiC1Y0+wVNqy3Zoy3Y7wlI9wlJVxmlAv1BpzHZozXhAv1BDw1hAwlVIxFxLxV9ZyGpXyGhVx2dbyWyU2Z5NxWA+wlRgym9Tx2ViynFdyW1Fw1pmy3RPxmJRxmT///9ny3ZGxFppzHdky3NQxmM9wVKR2JuG1ZLT8dfy+/Si4at71In6/vr6/vvq+Ozk9uew5bje9eK46MDB68es5bWP25zH7c1pzHiJwsQ3AAAAFnRSTlMAgEBAQH9A/n9qVmDwf39wWC0g72AQ9ie3zwAAAYtJREFUSMe90elOwkAUBeAq0LqgLCq0LGUXDgKW0rIv+v4v5Q0Q504zk05i4jm53DKTL/1R6xI795y7yz3RSPve0uR1ok6gEy/jibKBRthjTQJfLex3TQJfCENA4lEBppoQUAq71+tNe5TkJsAEB3SvGAJqYXfoWjEEruIhCTQhIIQZUAu73+/0VTP31SLb1+Q74IKDpqadeP4bpyRA0yhZBmomZaBmFA7qJmWgbhQOGiYV4LZhlFsGuqL+dutcnrbbiH5FGeiyOCvszg8hEPELCYxY98CedgSE7JTKwEjKDitnNFpgLR9zMJPiLLCZhVj5MzkMDOUcgRA4DBPhoCU3BLChLZeBVjIrIE6eScCTewAQ0pbLgCfntMQaiLxE9GCNhbfBItaCjOu551x2iGXkxkuErnyeYYAnAr5oHYE9P9YD+sTu9UWxDnwMRHdYns5PMX1w2qIM0L9B+vA3VAaV9GGgYpL/BVWj/AGUqm2TCmDl2+32Z9rk3wQo5uksrUWLpVy4SUmhbJ3zA7AU1w7QNm3yAAAAAElFTkSuQmCC";
43555
+
43556
+ var img$2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAvVBMVEUAAAAahf8ji/8wlf89nv9ms/85nv84m/83nP9lsf8ahf8wk/86ov9ns/8chv86nf9ksP9Xqf9lsf8chv88nv8ggP8uk/8giv8diP8rkf8jjP8bhv8ylv8mjv81mf91uv8oj/8wlf85nP84m/82mv////88nf96uv9ksf9hrf/O5v/H4v+z2P/X6v/y+f/s9f/k8f/5/P9Bn/+93f/e7v+n0f+czP+ayv+Nw//l8v+93P9lr/+83P9yuP9Xqv9BYQ4kAAAAFnRSTlMAgEBAP+E/QBzyZTAW9PDf3OjcwEQQ8VTcBgAAAY5JREFUSMe9zQ1TgkAQBmArS1OzbxT1BNST7o5vUEir//+zWjoGTzniZmp8d5aFvXuGVpH2Tbtd6ZdWXfr3i8ViXenoqQ7AfVki46HmB8uFtCKjRnSWeeDGyQRgXEvBCo4lDQCEFMizNmpEZ76SFgC5uJrLA4CLgTrguR0oA7m4ms2lBaAU3WNQk8+DuOuqgC9DKgBY/EJlRuStzKMALMua5fX7PAZacwtAszStuUWglLMCXdP15haBUv4ALsvd1n13t3wmjp6xfGezfQWY8GlCOdhlNGT6FlNGMdtjB/axp/NzEfDYOIangwkNYDLPTBKYPi2OqyAOy5eYmNyaGc4kAP0UC1DxtvNx4MAMHUT9YocEgHiYj8rYH2GAkJsgb1dsJGCD7fwqzlyHf0Gn2K4HyPdtZPsBol6KCA1h43kBkoEJLxJgjF0yIS5MbwMbih148hLApAxJCX9J7clpRCDL/4KRSglgpJIzg7FKCWCskvOC6XQ8be7WIcOpQp4F0FO4P+y3hHR7Fw3pvfKb3xOOvDxv0VGJAAAAAElFTkSuQmCC";
43557
+
43558
+ var img$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAqFBMVEUAAADyWlr6eXn1aGj3cnLzX1/5oaH4n5/4np74bGz/hIT/gID5oKDyW1v5d3fyWlr0e3v3kZH4oaHzXFzxWVnvWFj2bGz0YmL0X1/5dXX3bm72aWn1Z2fzXFz4cHD1ZGT5ra3zXl7zW1v4cnL919f0YWH////5d3f+7e34nZ36uLj6t7f+5OT5oqL5fX35enr80dH5lJT/8vL5q6v93Nz80ND7wsL4hYWj0DrhAAAAFnRSTlMAgD9AQEDg8twwGxb08N9gC+jlwHAgxSfCsQAAAW1JREFUSMe9zYlygjAQgGF6V61HL1CMirgsKYf16PH+b9Zd7Ehig4njTP+dJROYb/B+uzTmNdXqpaaW902gN0p50lQ/l1GDaI3MLaMGcd0MotsTAQt38B6ZBYPFyLAMWAz+gIU5BtxT50QQ3XUOwdQ4aWQSDKbmCOxF2wq4bS0e2i5gHZkEgzAMjfu9ftv3qIDQqRpc0c23rQb80Pdpw6On9gffZdQ/uHQWGNPVuhpw6iwgqimBWpXjjM8vegNV/I1HAXTjMiwANlgCAhQohUDJQIjd98M/MMjoxBUg3da4EgjVe8MfuArQEz8JUB+SgKgzggJAYrkDQICTBjATNAw2UkIpAPnOoMizPBKi+q6BXTnm1QnIT1nMEGZKx0FeYHkEBDwM+CRAFdtZQCCoRwGBS/8KbpIkSOyrgGEyHFpXA06dBeYuo4C5SxqYuIwCJk7pILavV9edxHFs22cF9GN73Zan9PpyYak/8Kp+AFR/vMTYdPmnAAAAAElFTkSuQmCC";
43559
+
43560
+ var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAtFBMVEUAAAD/sx3/yVz/ujD/vjz/wUf/25P/tiX/0ID/xVL/14b/tB//tzH/x1j/tB7/yV3/sx7/yVz/yVv/1X//yF//yV7/uCv/tyb/ui7/uzL/357/vDb/vz//tSP/tCD/wUX/vjv/wEL/wkn/////xU//yFn/x1b/vTj/xlP/yVz/xEz/2In/sx7/787/5rP/5K3//PX/9eD/8ND/6sD/0HD/y2T/8tf/7Mf/3Jb/25P/1YH/2pAYG69eAAAAFnRSTlMAgH9AQED4QCZAJvAgQHBXUO/v7IMTAWGuxQAAAVxJREFUSMe9z2tvgjAUgGE2dc7hbTenVVEsVzsQGMzL/v//Gl2hbUJPaEKy9+Qk9MMTWoM1nt0rensygGbPobIHSLy4oWpCBIiJqy5ElWgCTzUlAMTE413jmPCDi6h4bIKRF3ge2y+MT/V3CQAxClhXhFD5h6COAiYAkGL8E0h5CBAjhxWfzxdCcqeuAkIIwKNv4IcACaEERZ6f0hRJABCDI6t8AznKXZRCgO8kIa4bCJAjtRgcePQNB1FxI7zXdxAADSSw+xt6Jcc5sFNzJLBj0Ufv4JogLIo4y4gGsHkZxsgGEqBvs05RlOiBjb3ZlJthGqLfqu1LgBVVAKgL2LMqsAfqBHw6HPjqkYDPqoAPJIE16xbRwjWQAL21Vj0JrHRGAiudOoGlVt3AYtm6Mlho1QEM9cBQgA+t/hVsteoCLGtrte/Y4JmWRqYhmpvWZ9uYc0NqPL1raVpd6BfZWcm10dJwMwAAAABJRU5ErkJggg==";
43561
+
43562
+ // console.log(icon_csv)
43554
43563
  var renderTemplate = (function (ele) {
43555
- return "\n<style>\n:host {\n display: block;\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0px;\n right: 0px;\n bottom: 0px;\n}\n\n.hide {\n display: none!important;\n}\n\n.spu-expandexp {\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n overflow: auto;\n}\n\n\n\n\n.modal {\n width: 80%;\n max-width: 800px;\n min-width: 500px;\n margin: 50px auto 0;\n border-radius: 2px;\n overflow: hidden;\n}\n.modal-th {\n height: 40px;\n background-color: #409eff;\n}\n.modal-th .title {\n float: left;\n line-height: 40px;\n color: #fff;\n font-size: 16px;\n margin-left: 16px;\n}\n.modal-th .close {\n float: right;\n line-height: 40px;\n height: 40px;\n width: 40px;\n color: #fff;\n font-size: 16px;\n text-align: center;\n cursor: pointer;\n}\n.modal-tb {\n padding: 16px;\n background-color: #fff;\n}\n\n.export {}\n.export-wait {\n line-height: 32px;\n height: 32px;\n text-align: center;\n background-color: rgba(255, 73, 73, .1);\n color: #333;\n}\n.export-wait span {\n color: red;\n margin: 0 4px;\n}\n.export-tit {\n line-height: 32px;\n height: 32px;\n}\n\n.export-sel {\n margin-bottom: 12px;\n}\n.export-sel-title {\n margin-bottom: 12px;\n}\n.export-sel-con {\n display: flex;\n}\n.export-sel-con-item {\n display: flex;\n align-items: center;\n margin-right: 32px;\n cursor: pointer;\n}\n.export-sel-con-item label {\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n}\n.export-sel-con-item input {\n cursor: pointer;\n margin: 4px;\n}\n\n.export-section-wrap {}\n.export-section {\n border: 1px solid #ddd;\n padding: 12px;\n}\n\n.export-file {\n height: 28px;\n line-height: 28px;\n display: flex;\n justify-content: space-between;\n // margin-bottom: 12px;\n}\n.export-file-l {\n flex: 1;\n display: flex;\n}\n.export-file-l img {\n flex: none;\n display: block;\n height: 28px;\n width: 28px;\n margin-right: 4px;\n}\n.export-file-l-filename {\n flex: 1;\n}\n.export-file-l-filesize {\n flex: none;\n}\n.export-file-r {\n display: flex;\n width: 80px;\n flex-direction: row-reverse;\n}\n.export-file-r-download {\n line-height: 26px;\n border-radius: 3px;\n background-color: #67c23a;\n border: 1px solid #67c23a;\n color: #fff;\n padding: 0 12px;\n font-size: 14px;\n cursor: pointer;\n}\n.export-file-r-download:hover {\n background: #85ce61;\n border-color: #85ce61;\n}\n.export-file-r-cancel {\n line-height: 26px;\n width: 26px;\n border-radius: 14px;\n color: #f56c6c;\n background: #fef0f0;\n border: 1px solid #fbc4c4;\n text-align: center;\n font-size: 14px;\n cursor: pointer;\n}\n.export-file-r-cancel:hover {\n background: #f56c6c;\n border-color: #f56c6c;\n color: #fff;\n}\n\n\n\n.export-progress {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 30px;\n}\n.export-progress-outer {\n flex: 1;\n height: 8px;\n background-color: #EBEEF5;\n overflow: hidden;\n position: relative;\n vertical-align: middle;\n}\n.export-progress-inner {\n animation-duration: 3s;\n height: 100%;\n width: 0;\n background-color: #417AE7;\n -webkit-transition: width .6s ease;\n transition: width .6s ease;\n}\n.export-progress-inner.error {\n background: red;\n}\n.export-progress-inner.success {\n background: #67C23A;\n}\n.export-progress-text {\n flex: none;\n width: 50px;\n font-size: 14px;\n line-height: 30px;\n text-align: right;\n}\n\n\n\n.export-result {\n height: 28px;\n line-height: 28px;\n text-align: right;\n font-size: 12px;\n padding: 0px 8px;\n}\n.export-result.error {\n background: #fdf1ef;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.export-result.success {\n background: #e5f7f3;\n}\n\n\n.export-tip {\n height: 28px;\n line-height: 28px;\n margin-top: 8px;\n font-size: 12px;\n text-align: right;\n color: #999;\n}\n\n.export-btnwrap {\n margin-top: 12px;\n display: flex;\n flex-direction: row-reverse;\n}\n.btn {\n line-height: 38px;\n line-height: 38px;\n border: 1px solid #409eff;\n background-color: #409eff;\n border-radius: 5px;\n color: #fff;\n padding: 0 20px;\n font-size: 16px;\n cursor: pointer;\n}\n.btn:hover {\n background: #66b1ff;\n border-color: #66b1ff;\n}\n</style>\n\n <div class=\"spu-expandexp\">\n <div class=\"modal\">\n <div class=\"modal-th\">\n <div class=\"title\">\n \u6570\u636E\u5BFC\u51FA\n </div>\n <div class=\"close\">\n x\n </div>\n </div>\n <div class=\"modal-tb\">\n <div class=\"export\">\n <div class=\"export-wait hide\">\n \u5BFC\u51FA\u7B49\u5F85\u961F\u5217\u4E2D\uFF1A\u8FD8\u6709<span></span>\u4F4D\uFF0C\u8BF7\u8010\u5FC3\u7A0D\u7B49...\n </div>\n\n <div class=\"export-sel hide\">\n <div class=\"export-sel-title\">\u8BF7\u9009\u62E9\u5BFC\u51FA\u5185\u5BB9</div>\n <div class=\"export-sel-con\"></div>\n </div>\n\n <div class=\"export-section-wrap hide\">\n <div class=\"export-tit\"></div>\n <div class=\"export-section\">\n <div class=\"export-file\">\n <div class=\"export-file-l\">\n <img src=\"\" class=\"hide\" />\n <span class=\"export-file-l-filename\"></span>\n <span class=\"export-file-l-filesize\"></span>\n </div>\n <div class=\"export-file-r\">\n <div class=\"export-file-r-download hide\">\u4E0B\u8F7D</div>\n <div class=\"export-file-r-cancel hide\">x</div>\n </div>\n </div>\n\n <div class=\"export-progress\">\n <div class=\"export-progress-outer\">\n <div class=\"export-progress-inner\"></div>\n </div>\n <div class=\"export-progress-text\"></div>\n </div>\n\n <div class=\"export-result hide\"></div>\n\n <div class=\"export-tip hide\">\u60A8\u53EF\u4EE5\u968F\u65F6\u5173\u95ED\u8BE5\u5F39\u6846\uFF0C\u4E4B\u540E\u5728\u5BFC\u5165\u5BFC\u51FA\u5217\u8868\u4E2D\u67E5\u770B\u7ED3\u679C\u3002</div>\n </div>\n </div>\n\n <div class=\"export-btnwrap\">\n <div class=\"btn\">\u5BFC\u51FA</div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n ";
43564
+ return "\n<style>\n:host {\n display: block;\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0px;\n right: 0px;\n bottom: 0px;\n z-index: 1;\n}\n\n.hide {\n display: none!important;\n}\n\n.spu-expandexp {\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n overflow: auto;\n}\n\n\n.modal {\n width: 80%;\n max-width: 800px;\n min-width: 500px;\n margin: 50px auto 0;\n border-radius: 2px;\n overflow: hidden;\n}\n.modal-th {\n height: 40px;\n background-color: #409eff;\n}\n.modal-th .title {\n float: left;\n line-height: 40px;\n color: #fff;\n font-size: 16px;\n margin-left: 16px;\n}\n.modal-th .close {\n float: right;\n line-height: 40px;\n height: 40px;\n width: 40px;\n color: #fff;\n font-size: 16px;\n text-align: center;\n cursor: pointer;\n}\n.modal-tb {\n padding: 16px;\n background-color: #fff;\n}\n\n.export {}\n.export-wait {\n line-height: 32px;\n height: 32px;\n text-align: center;\n background-color: rgba(255, 73, 73, .1);\n color: #333;\n}\n.export-wait span {\n color: red;\n margin: 0 4px;\n}\n.export-tit {\n line-height: 32px;\n height: 32px;\n}\n\n.export-sel {\n margin-bottom: 12px;\n}\n.export-sel-title {\n margin-bottom: 12px;\n}\n.export-sel-con {\n display: flex;\n}\n.export-sel-con-item {\n display: flex;\n align-items: center;\n margin-right: 32px;\n cursor: pointer;\n}\n.export-sel-con-item label {\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n}\n.export-sel-con-item input {\n cursor: pointer;\n margin: 4px;\n}\n\n.export-section-wrap {}\n.export-section {\n border: 1px solid #ddd;\n padding: 12px;\n}\n\n.export-file {\n height: 28px;\n line-height: 28px;\n display: flex;\n justify-content: space-between;\n // margin-bottom: 12px;\n}\n.export-file-l {\n flex: 1;\n display: flex;\n align-items: center;\n font-size: 14px;\n}\n.export-file-l-img {\n flex: none;\n display: block;\n height: 20px;\n width: 20px;\n margin-right: 4px;\n background-size: cover;\n background-position: center center;\n background-repeat: no-repeat;\n}\n.export-file-l-img.excel {\n background-image: url(".concat(img$3, ");\n}\n.export-file-l-img.csv {\n background-image: url(").concat(img$2, ");\n}\n.export-file-l-img.pdf {\n background-image: url(").concat(img$1, ");\n}\n.export-file-l-img.zip {\n background-image: url(").concat(img, ");\n}\n.export-file-l-filename {\n flex: 1;\n}\n.export-file-l-filesize {\n flex: none;\n}\n.export-file-r {\n display: flex;\n width: 80px;\n flex-direction: row-reverse;\n}\n.export-file-r-download {\n line-height: 26px;\n border-radius: 3px;\n background-color: #67c23a;\n border: 1px solid #67c23a;\n color: #fff;\n padding: 0 12px;\n font-size: 14px;\n cursor: pointer;\n}\n.export-file-r-download:hover {\n background: #85ce61;\n border-color: #85ce61;\n}\n.export-file-r-cancel {\n line-height: 26px;\n width: 26px;\n border-radius: 14px;\n color: #f56c6c;\n background: #fef0f0;\n border: 1px solid #fbc4c4;\n text-align: center;\n font-size: 14px;\n cursor: pointer;\n}\n.export-file-r-cancel:hover {\n background: #f56c6c;\n border-color: #f56c6c;\n color: #fff;\n}\n\n\n\n.export-progress {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 30px;\n}\n.export-progress-outer {\n flex: 1;\n height: 8px;\n background-color: #EBEEF5;\n overflow: hidden;\n position: relative;\n vertical-align: middle;\n}\n.export-progress-inner {\n animation-duration: 3s;\n height: 100%;\n width: 0;\n background-color: #417AE7;\n -webkit-transition: width .6s ease;\n transition: width .6s ease;\n}\n.export-progress-inner.error {\n background: red;\n}\n.export-progress-inner.success {\n background: #67C23A;\n}\n.export-progress-text {\n flex: none;\n width: 50px;\n font-size: 14px;\n line-height: 30px;\n text-align: right;\n}\n\n\n\n.export-result {\n height: 28px;\n line-height: 28px;\n text-align: right;\n font-size: 12px;\n padding: 0px 8px;\n}\n.export-result.error {\n background: #fdf1ef;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.export-result.success {\n background: #e5f7f3;\n}\n\n\n.export-tip {\n height: 28px;\n line-height: 28px;\n margin-top: 8px;\n font-size: 12px;\n text-align: right;\n color: #999;\n}\n\n.export-btnwrap {\n margin-top: 12px;\n display: flex;\n flex-direction: row-reverse;\n}\n.btn {\n line-height: 38px;\n line-height: 38px;\n border: 1px solid #409eff;\n background-color: #409eff;\n border-radius: 5px;\n color: #fff;\n padding: 0 20px;\n font-size: 16px;\n cursor: pointer;\n}\n.btn:hover {\n background: #66b1ff;\n border-color: #66b1ff;\n}\n</style>\n\n <div class=\"spu-expandexp\">\n <div class=\"modal\">\n <div class=\"modal-th\">\n <div class=\"title\">\n \u6570\u636E\u5BFC\u51FA\n </div>\n <div class=\"close\">\n x\n </div>\n </div>\n <div class=\"modal-tb\">\n <div class=\"export\">\n <div class=\"export-wait hide\">\n \u5BFC\u51FA\u7B49\u5F85\u961F\u5217\u4E2D\uFF1A\u8FD8\u6709<span></span>\u4F4D\uFF0C\u8BF7\u8010\u5FC3\u7A0D\u7B49...\n </div>\n\n <div class=\"export-sel hide\">\n <div class=\"export-sel-title\">\u8BF7\u9009\u62E9\u5BFC\u51FA\u5185\u5BB9</div>\n <div class=\"export-sel-con\"></div>\n </div>\n\n <div class=\"export-section-wrap hide\">\n <div class=\"export-tit\"></div>\n <div class=\"export-section\">\n <div class=\"export-file\">\n <div class=\"export-file-l\">\n <div class=\"export-file-l-img\"></div>\n <span class=\"export-file-l-filename\"></span>\n <span class=\"export-file-l-filesize\"></span>\n </div>\n <div class=\"export-file-r\">\n <div class=\"export-file-r-download hide\">\u4E0B\u8F7D</div>\n <div class=\"export-file-r-cancel hide\">x</div>\n </div>\n </div>\n\n <div class=\"export-progress\">\n <div class=\"export-progress-outer\">\n <div class=\"export-progress-inner\"></div>\n </div>\n <div class=\"export-progress-text\"></div>\n </div>\n\n <div class=\"export-result hide\"></div>\n\n <div class=\"export-tip hide\">\u60A8\u53EF\u4EE5\u968F\u65F6\u5173\u95ED\u8BE5\u5F39\u6846\uFF0C\u4E4B\u540E\u5728\u5BFC\u5165\u5BFC\u51FA\u5217\u8868\u4E2D\u67E5\u770B\u7ED3\u679C\u3002</div>\n </div>\n </div>\n\n <div class=\"export-btnwrap\">\n <div class=\"btn\">\u5BFC\u51FA</div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n ");
43556
43565
  });
43557
43566
 
43558
43567
  var Step = /*#__PURE__*/function () {
@@ -43742,6 +43751,7 @@ var SpuExpandexp = /*#__PURE__*/function (_HTMLElement) {
43742
43751
  var $exportTip = _this2.shadow.querySelector('.export-tip');
43743
43752
  var $exportTit = _this2.shadow.querySelector('.export-tit');
43744
43753
  var $exportResult = _this2.shadow.querySelector('.export-result');
43754
+ var $fileimg = _this2.shadow.querySelector('.export-file-l-img');
43745
43755
  var $filename = _this2.shadow.querySelector('.export-file-l-filename');
43746
43756
  var $filesize = _this2.shadow.querySelector('.export-file-l-filesize');
43747
43757
  var $wait = _this2.shadow.querySelector('.export-wait');
@@ -43813,7 +43823,15 @@ var SpuExpandexp = /*#__PURE__*/function (_HTMLElement) {
43813
43823
  $exportResult.classList.add('error');
43814
43824
  } else {
43815
43825
  $exportResult.classList.remove('success');
43816
- $exportResult.classList.remove('success');
43826
+ }
43827
+ }
43828
+ if (key === 'exportcontent') {
43829
+ if (exportcontent === 'link') {
43830
+ $fileimg.classList.add('zip');
43831
+ $fileimg.classList.remove('excel');
43832
+ } else {
43833
+ $fileimg.classList.add('excel');
43834
+ $fileimg.classList.remove('zip');
43817
43835
  }
43818
43836
  }
43819
43837
  if (key === 'fileName' || key === 'filetype' || key === 'exportcontent') {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@smart100/spu-web-plugin",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "dev": "rollup -c -w",
@@ -83,6 +83,7 @@ export default class SpuExpandexp extends HTMLElement {
83
83
  const $exportTip = this.shadow.querySelector('.export-tip') as any
84
84
  const $exportTit = this.shadow.querySelector('.export-tit') as any
85
85
  const $exportResult = this.shadow.querySelector('.export-result') as any
86
+ const $fileimg = this.shadow.querySelector('.export-file-l-img') as any
86
87
  const $filename = this.shadow.querySelector('.export-file-l-filename') as any
87
88
  const $filesize = this.shadow.querySelector('.export-file-l-filesize') as any
88
89
  const $wait = this.shadow.querySelector('.export-wait') as any
@@ -173,7 +174,16 @@ export default class SpuExpandexp extends HTMLElement {
173
174
  $exportResult.classList.add('error')
174
175
  } else {
175
176
  $exportResult.classList.remove('success')
176
- $exportResult.classList.remove('success')
177
+ }
178
+ }
179
+
180
+ if (key === 'exportcontent') {
181
+ if (exportcontent === 'link') {
182
+ $fileimg.classList.add('zip')
183
+ $fileimg.classList.remove('excel')
184
+ } else {
185
+ $fileimg.classList.add('excel')
186
+ $fileimg.classList.remove('zip')
177
187
  }
178
188
  }
179
189
 
@@ -1,5 +1,12 @@
1
1
  import SpuExpandexp from './index'
2
2
 
3
+ import icon_excel from './icons/icon_excel.png'
4
+ import icon_csv from './icons/icon_csv.png'
5
+ import icon_pdf from './icons/icon_pdf.png'
6
+ import icon_zip from './icons/icon_zip.png'
7
+
8
+ // console.log(icon_csv)
9
+
3
10
  export default (ele: SpuExpandexp) => {
4
11
  return `
5
12
  <style>
@@ -12,6 +19,7 @@ export default (ele: SpuExpandexp) => {
12
19
  left: 0px;
13
20
  right: 0px;
14
21
  bottom: 0px;
22
+ z-index: 1;
15
23
  }
16
24
 
17
25
  .hide {
@@ -26,8 +34,6 @@ export default (ele: SpuExpandexp) => {
26
34
  }
27
35
 
28
36
 
29
-
30
-
31
37
  .modal {
32
38
  width: 80%;
33
39
  max-width: 800px;
@@ -120,13 +126,30 @@ export default (ele: SpuExpandexp) => {
120
126
  .export-file-l {
121
127
  flex: 1;
122
128
  display: flex;
129
+ align-items: center;
130
+ font-size: 14px;
123
131
  }
124
- .export-file-l img {
132
+ .export-file-l-img {
125
133
  flex: none;
126
134
  display: block;
127
- height: 28px;
128
- width: 28px;
135
+ height: 20px;
136
+ width: 20px;
129
137
  margin-right: 4px;
138
+ background-size: cover;
139
+ background-position: center center;
140
+ background-repeat: no-repeat;
141
+ }
142
+ .export-file-l-img.excel {
143
+ background-image: url(${icon_excel});
144
+ }
145
+ .export-file-l-img.csv {
146
+ background-image: url(${icon_csv});
147
+ }
148
+ .export-file-l-img.pdf {
149
+ background-image: url(${icon_pdf});
150
+ }
151
+ .export-file-l-img.zip {
152
+ background-image: url(${icon_zip});
130
153
  }
131
154
  .export-file-l-filename {
132
155
  flex: 1;
@@ -285,7 +308,7 @@ export default (ele: SpuExpandexp) => {
285
308
  <div class="export-section">
286
309
  <div class="export-file">
287
310
  <div class="export-file-l">
288
- <img src="" class="hide" />
311
+ <div class="export-file-l-img"></div>
289
312
  <span class="export-file-l-filename"></span>
290
313
  <span class="export-file-l-filesize"></span>
291
314
  </div>