haiwei-ui 1.0.0

package/packages/utils/token.js

@@ -0,0 +1,24 @@
+import db from './db'
+const TokenKey = 'token'
+
+export default {
+  /**
+   * 获取令牌
+   */
+  get() {
+    return db.get(TokenKey)
+  },
+  /**
+   * 设置令牌
+   * @param {String} token 令牌
+   */
+  set(token) {
+    db.set(TokenKey, token)
+  },
+  /**
+   * 删除令牌
+   */
+  remove() {
+    db.set(TokenKey)
+  }
+}

package/packages/vuter/attributes.json

@@ -0,0 +1,41 @@
+{
+    "icon": {
+        "description": "图标"
+    },
+    "title": {
+        "description": "标题"
+    },
+    "text": {
+        "description": "文本"
+    },
+    "size": {
+        "options": [
+            "medium",
+            "small",
+            "mini"
+        ],
+        "description": "尺寸大小"
+    },
+    "nm-label/type": {
+        "options": [
+            "success",
+            "warning",
+            "info",
+            "danger",
+            "primary"
+        ],
+        "description": "类型"
+    },
+    "arrowed": {
+        "description": "左侧箭头"
+    },
+    "arrowed-in": {
+        "description": "左侧内箭头"
+    },
+    "arrowed-right": {
+        "description": "右侧箭头"
+    },
+    "arrowed-right-in": {
+        "description": "右侧内箭头"
+    }
+}

package/packages/vuter/tags.json

@@ -0,0 +1,28 @@
+{
+    "nm-box": {
+        "description": "盒子组件",
+        "attributes": [
+            "title",
+            "icon"
+        ],
+        "defaults": [
+            "title"
+        ]
+    },
+    "nm-label": {
+        "description": "盒子组件",
+        "attributes": [
+            "text",
+            "type",
+            "arrowed",
+            "arrowed-in",
+            "arrowed-right",
+            "arrowed-right-in",
+            "size"
+        ],
+        "defaults": [
+            "text",
+            "type"
+        ]
+    }
+}

package/postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}

package/public/css/index.css

@@ -0,0 +1,288 @@
+html,
+body,
+#app {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  color: #333;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+}
+
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+a {
+  text-decoration: none;
+  color: #409eff;
+}
+
+/************加载动画*************/
+.nm-loader-box {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+}
+.nm-loader-wrapper {
+  height: 100%;
+  width: 100%;
+}
+
+.nm-loader {
+  display: block;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 150px;
+  height: 150px;
+  margin: -150px 0 0 -90px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #3498db;
+
+  -webkit-animation: nm-loader-spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+  animation: nm-loader-spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+}
+
+.nm-loader:before {
+  content: '';
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  right: 5px;
+  bottom: 5px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #e74c3c;
+
+  -webkit-animation: nm-loader-spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+  animation: nm-loader-spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+}
+
+.nm-loader:after {
+  content: '';
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  right: 15px;
+  bottom: 15px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #f9c922;
+
+  -webkit-animation: nm-loader-spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+  animation: nm-loader-spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+}
+
+.nm-loader-footer {
+  position: absolute;
+  bottom: 25px;
+  width: 100%;
+  text-align: center;
+}
+.nm-progress {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 50px;
+  margin: -87px 0 0 -36px;
+  color: #fff;
+  font-size: 30px;
+}
+.nm-loader-title {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 400px;
+  color: #fff;
+  text-align: center;
+  margin: 30px -200px;
+  font-size: 14px;
+}
+.nm-loader-copyright {
+  color: #909399;
+  position: absolute;
+  bottom: 20px;
+  width: 100%;
+  text-align: center;
+  font-size: 13px;
+}
+.nm-loader-box #particles-background,
+.nm-loader-box #particles-foreground {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  left: 100%;
+  left: -51%;
+  top: -51%;
+  width: 202%;
+  height: 202%;
+  -webkit-transform: scale3d(0.5, 0.5, 1);
+  -moz-transform: scale3d(0.5, 0.5, 1);
+  -ms-transform: scale3d(0.5, 0.5, 1);
+  -o-transform: scale3d(0.5, 0.5, 1);
+  transform: scale3d(0.5, 0.5, 1);
+}
+
+.nm-loader-box #particles-background {
+  background: mix(#3f3251, #002025, 70%);
+  background-image: -moz-linear-gradient(45deg, #3f3251 2%, #002025 100%);
+  background-image: -webkit-linear-gradient(45deg, #3f3251 2%, #002025 100%);
+  background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%);
+}
+
+@-webkit-keyframes nm-loader-spin {
+  0% {
+    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(0deg); /* IE 9 */
+    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
+  }
+  100% {
+    -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(360deg); /* IE 9 */
+    transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
+  }
+}
+@keyframes nm-loader-spin {
+  0% {
+    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(0deg); /* IE 9 */
+    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
+  }
+  100% {
+    -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
+    -ms-transform: rotate(360deg); /* IE 9 */
+    transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
+  }
+}

package/public/images/logo.svg

@@ -0,0 +1,21 @@
+<svg width="1024" height="1024" xmlns="http://www.w3.org/2000/svg" class="icon">
+ <defs>
+  <style type="text/css"/>
+ </defs>
+ <g>
+  <title>background</title>
+  <rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
+ </g>
+ <g>
+  <title>Layer 1</title>
+  <path id="svg_1" fill="#ffb903" d="m447.1,891c-7.3,0 -13.3,-6 -13.3,-13.3l0,-286.1c0,-7.3 6,-13.3 13.3,-13.3l81.1,0c5.1,-31.2 32.2,-55 64.7,-55c32.6,0 59.7,23.9 64.7,55l75.6,0c7.3,0 13.3,6 13.3,13.3l0,286.1c0,7.3 -6,13.3 -13.3,13.3l-286.1,0z"/>
+  <path id="svg_3" fill="#ffb903" d="m712.2,591.6l0,266.1l-266.1,0l0,20l286.1,0l0,-286.1l-20,0z"/>
+  <path id="svg_4" fill="#03a5f0" d="m138.1,891c-7.3,0 -13.3,-6 -13.3,-13.3l0,-286.1c0,-7.3 6,-13.3 13.3,-13.3l286.1,0c7.3,0 13.3,6 13.3,13.3l0,81.1c31.2,5.1 55,32.2 55,64.7c0,32.6 -23.9,59.7 -55,64.7l0,75.6c0,7.3 -6,13.3 -13.3,13.3l-286.1,0z"/>
+  <path id="svg_6" fill="#03a5f0" d="m164.7,611.6l259.4,0l0,-20l-286,0l0,286.1l26.6,0l0,-266.1z"/>
+  <path id="svg_7" fill="#f35022" d="m278.3,637.9c-32.6,0 -59.7,-23.9 -64.7,-55l-75.6,0c-7.3,0 -13.3,-6 -13.3,-13.3l0,-286c0,-7.3 6,-13.3 13.3,-13.3l286.1,0c7.3,0 13.3,6 13.3,13.3l0,88.2c0,3.6 -1.5,7.1 -4.1,9.6c-2.5,2.4 -5.8,3.7 -9.2,3.7l-0.6,0c-0.4,0 -0.8,0 -1.2,-0.1l-0.9,0c-24.5,0 -44.5,19.9 -44.5,44.5s19.9,44.5 44.5,44.5l0.9,0c0.4,0 0.8,-0.1 1.3,-0.1l0.6,0c3.4,0 6.7,1.3 9.2,3.7c2.6,2.5 4.1,6 4.1,9.6l0,82.7c0,7.3 -6,13.3 -13.3,13.3l-81.2,0c-5,30.9 -32.1,54.7 -64.7,54.7z"/>
+  <path stroke="null" id="svg_9" fill="#f35022" d="m164.7,310.2l259.4,0l0,-26.6l-286,0l0,286l26.6,0l0,-259.4z"/>
+  <path id="svg_10" fill="#80bb03" d="m691.4,540.1c-3.4,0 -6.6,-1.3 -9.1,-3.6l-64.3,-60.3c-2.7,-2.5 -4.2,-6 -4.2,-9.6c0,-3.6 1.4,-7.1 4,-9.7c0.3,-0.3 0.6,-0.6 0.9,-0.8l0.6,-0.6c8.1,-8.7 12.4,-20 12,-31.8s-5.4,-22.9 -14,-31c-8.3,-7.8 -19.1,-12 -30.4,-12c-12.4,0 -23.9,5 -32.4,14c-0.2,0.2 -0.4,0.4 -0.6,0.7c-0.3,0.3 -0.5,0.6 -0.8,1c-2.4,2.8 -5.8,4.4 -9.4,4.6l-0.7,0c-3.4,0 -6.6,-1.3 -9.1,-3.6l-60.3,-56.6c-5.4,-5 -5.6,-13.4 -0.6,-18.8l55.5,-59.1c-8.4,-10.8 -13.1,-24 -13.5,-37.9c-0.6,-17.5 5.7,-34.2 17.7,-46.9c12.3,-13.2 29.8,-20.7 47.8,-20.7c13.2,0 25.8,3.9 36.6,11.1l51.7,-55.1c2.6,-2.8 6.2,-4.2 9.7,-4.2c3.3,0 6.5,1.2 9.1,3.6l208.6,195.7c2.6,2.4 4.1,5.8 4.2,9.3c0.1,3.5 -1.2,7 -3.6,9.5l-195.7,208.6c-2.4,2.6 -5.8,4.1 -9.3,4.2l-0.4,0z"/>
+  <path id="svg_12" fill="#80bb03" d="m687.6,114.4l-9.2,9.8l191.2,179.3l-186.6,198.9l17.4,16.4l195.8,-208.6l-208.6,-195.8z"/>
+  <text stroke="null" transform="matrix(0.5309550934804117,0,0,0.41889554333712903,255.54884257993774,280.561198498156) " xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="24" id="svg_14" y="687.546565" x="387.580011" stroke-opacity="null" stroke-width="0" fill="#000000">OLDLI</text>
+ </g>
+</svg>

package/public/index.html

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="./images/favicon.ico" />
+    <title>正在加载资源...</title>
+    <link rel="stylesheet" href="./css/index.css?v=2020004172145" />
+  </head>
+
+  <body>
+    <noscript>
+      <strong>很抱歉，如果没有 JavaScript，系统将不能正常工作。请启用浏览器的 JavaScript 然后继续。</strong>
+    </noscript>
+    <div id="app">
+      <div class="nm-loader-box">
+        <div id="particles-background"></div>
+        <div id="particles-foreground"></div>
+        <div class="nm-loader-wrapper">
+          <div class="nm-loader"></div>
+          <div id="nm-progress" class="nm-progress">0%</div>
+          <div class="nm-loader-title">
+            初次加载资源可能需要较多时间，请您耐心等待~
+          </div>
+          <div class="nm-loader-section section-left"></div>
+          <div class="nm-loader-section section-right"></div>
+        </div>
+        <div class="nm-loader-footer">
+          <p class="nm-loader-copyright"><%= VUE_APP_COPYRIGHT %></p>
+        </div>
+      </div>
+    </div>
+
+    <script src="./lib/font/iconfont.js?v=2020004171501"></script>
+    <!--自定义第三方依赖脚本-->
+    <%= VUE_APP_CUSTOM_SCRIPTS %>
+    <script>
+      //加载进度
+      window.loadProgress = 10
+      window.loaded = false
+      var propressEl = document.getElementById('nm-progress')
+      var progressTimer = setInterval(function() {
+        if (!window.loaded && window.loadProgress > 96) return
+        window.loadProgress += 3
+        propressEl.innerText = window.loadProgress + '%'
+        if (window.loadProgress > 98) {
+          clearInterval(progressTimer)
+        }
+      }, 30)
+    </script>
+    <!-- built files will be auto injected -->
+  </body>
+</html>