uni-oaview 1.0.7 → 1.0.9

package/components/oa-user-avatar/oa-user-avatar.vue

@@ -1,12 +1,10 @@
 <template>
   <image v-if="isShow" :src="imgSrc" class="img-box" @error="handleImgError" />
-  <image v-else :src="imgs" class="img-box" />
+  <image v-else src="../../imgs/user-default.svg" class="img-box" />
 </template>
 
 <script lang="ts" setup>
   import { computed, ref } from 'vue';
-  import imgs from '../../imgs/user-default.svg';
-
   const props = defineProps({
     username: {
       type: String,

package/imgs/debug.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1676000554729" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2755" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M170.666667 85.333333A51.2 51.2 0 0 1 221.866667 136.533333v750.933334a51.2 51.2 0 0 1-102.4 0V136.533333A51.2 51.2 0 0 1 170.666667 85.333333z m341.333333 0A51.2 51.2 0 0 1 563.2 136.533333v750.933334a51.2 51.2 0 0 1-102.4 0V136.533333A51.2 51.2 0 0 1 512 85.333333z m341.333333 0A51.2 51.2 0 0 1 904.533333 136.533333v750.933334a51.2 51.2 0 0 1-102.4 0V136.533333A51.2 51.2 0 0 1 853.333333 85.333333z" fill="#FFAA44" p-id="2756"></path><path d="M68.266667 204.8h204.8v273.066667H68.266667V204.8z m341.333333 341.333333h204.8v273.066667h-204.8v-273.066667zM955.733333 204.8h-204.8v273.066667h204.8V204.8z" fill="#11AA66" p-id="2757"></path><path d="M34.133333 204.8a34.133333 34.133333 0 0 1 34.133334-34.133333h204.8a34.133333 34.133333 0 0 1 34.133333 34.133333v273.066667a34.133333 34.133333 0 0 1-34.133333 34.133333H68.266667a34.133333 34.133333 0 0 1-34.133334-34.133333V204.8z m68.266667 34.133333v204.8h136.533333V238.933333H102.4z m614.4-34.133333a34.133333 34.133333 0 0 1 34.133333-34.133333h204.8a34.133333 34.133333 0 0 1 34.133334 34.133333v273.066667a34.133333 34.133333 0 0 1-34.133334 34.133333h-204.8a34.133333 34.133333 0 0 1-34.133333-34.133333V204.8z m68.266667 34.133333v204.8h136.533333V238.933333h-136.533333z m-409.6 307.2a34.133333 34.133333 0 0 1 34.133333-34.133333h204.8a34.133333 34.133333 0 0 1 34.133333 34.133333v273.066667a34.133333 34.133333 0 0 1-34.133333 34.133333h-204.8a34.133333 34.133333 0 0 1-34.133333-34.133333v-273.066667z m68.266666 34.133334v204.8h136.533334v-204.8h-136.533334z" fill="#11AA66" p-id="2758"></path></svg>

package/imgs/user-default.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
+    <title>画板备份</title>
+    <desc>Created with Sketch.</desc>
+    <g id="画板备份" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="方形默认头像">
+            <g id="头像">
+                <rect id="Rectangle-14" fill="#F2F2F2" fill-rule="evenodd" x="0" y="0" width="40" height="40" rx="4"></rect>
+                <path d="M10,28.3660131 L10,27.6501577 C10,26.9337248 10.5209421,26.0987272 11.1650694,25.7844002 L17.084393,22.8958358 C17.942878,22.4769046 18.1424931,21.5490326 17.5225571,20.8142629 L17.1444839,20.3661574 C16.3752341,19.4544158 15.751634,17.7511074 15.751634,16.5587352 L15.751634,14.770803 C15.751634,12.4608346 17.6291306,10.5882353 19.9346405,10.5882353 C22.2448512,10.5882353 24.1176471,12.4632473 24.1176471,14.7714588 L24.1176471,16.5596713 C24.1176471,17.7508977 23.4911711,19.4592004 22.724797,20.3676581 L22.3467238,20.8158251 C21.73023,21.5466151 21.9228107,22.4767557 22.7848878,22.8972658 L28.7042116,25.7846354 C29.3476617,26.098502 29.869281,26.9282825 29.869281,27.6501577 L29.869281,28.3660131 C29.869281,28.9435658 29.4010821,29.4117647 28.8235294,29.4117647 L11.0457516,29.4117647 C10.468199,29.4117647 10,28.9435658 10,28.3660131 Z" id="Path-67" fill="#CCCCCC" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uni-oaview",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "uniapp小程序组件库",
   "main": "dist/index.umd.js",
   "typings": "dist/index.d.ts",
@@ -8,7 +8,9 @@
   "files": [
     "dist",
     "components",
-    "src"
+    "src",
+    "imgs",
+    "style"
   ],
   "author": "",
   "license": "ISC",

package/style/common/function.scss

@@ -0,0 +1,15 @@
+/* #ifdef H5 */
+
+@function px($num) {
+  @return $num*100vw/750;
+}
+
+/*  #endif  */
+
+/* #ifdef MP-WEIXIN */
+
+@function px($num) {
+  @return #{$num}rpx;
+}
+
+/*  #endif  */

package/style/common/mixin/common.scss

@@ -0,0 +1,80 @@
+@import "../../theme.scss";
+@import "../function";
+
+// 初始化字体
+@mixin initFont($size, $line-height, $color:$text-primary-color) {
+  color: $color;
+  font-size: px($size);
+  line-height: px($line-height);
+}
+
+// 文本缩略显示
+@mixin ellipsis($line:2) {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: $line;
+
+  /*! autoprefixer: ignore next */
+  -webkit-box-orient: vertical;
+}
+
+// 图片cover显示
+@mixin imageCover {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+
+
+@mixin text-style(
+  $size: $font-size-minor-medium,
+  $color: $font-color-base,
+  $weight: 400
+) {
+  color: $color;
+  font: {
+    size: $size;
+    weight: $weight;
+  }
+}
+@mixin flex-center($direction: row) {
+  display: flex;
+  flex-direction: $direction;
+  align-items: center;
+  justify-content: center;
+}
+
+@keyframes circile {
+  from {
+    transform: rotate(-180deg);
+  }
+  to {
+    transform: rotate(180deg);
+  }
+}
+
+@mixin bg-cover($url: '', $w: 100%, $h: 100%) {
+  background-image: url($url);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: $w $h;
+  @content;
+}
+
+@mixin text-clamp($line: 1) {
+  @if $line == 1 {
+    overflow: hidden;
+    line-height: 1.2em;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  } @else {
+    display: -webkit-box; // 弹性伸缩盒
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
+    -webkit-line-clamp: $line;
+  }
+}

package/style/common/mixin.scss

@@ -0,0 +1,3 @@
+@import "mixin/common";
+
+

package/style/icon.scss

@@ -0,0 +1,45 @@
+@font-face {
+  font-family: 'icon-iconfont';  /* project id 2253836 */
+  src: url('//at.alicdn.com/t/font_2253836_vousxjw6bwg.eot');
+  src: url('//at.alicdn.com/t/font_2253836_vousxjw6bwg.eot?#iefix') format('embedded-opentype'),
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATEAAsAAAAACaQAAAR3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDTAqFSIRcATYCJAMgCxIABCAFhREHcxtdCMgOJYnA8ABgAABgPPy33//2mZkrX1zS/4glPJJY3aRpIjQNmVDJZpUO1UPnHenUkz5A8CGCCUGRX7JrrKQUUG7ZKWDCY8EpjmQo0cg0AW40/8dMlwm895/vzSUrqAJoE9/zzis+OrFIPGE/FfBcLrYTcJtAt3npqNON7V3goqBFgbij4hlwcWiUCGpo5XXAzgLxHBy1aSd9D3imfXz8g71wAUmVge504VqDAqp/enwMQvJ/2VCWQS7OhNs+MnaBQtwItFyCjMgupPtD7+AQUCviVJTr/380mC/nK6r5XzwaRaWWJUHUQJLeE/JKtOGnh8SxpL5QKZD6QaWC1B8qNaQBUMmQBkIlQRoE3oRJWmXHINCFryBmgGQntL4sODjr4eGXKz4qMJLv7p2ePCIHdHUflo+bgnq6DpnmjMG9PVNGv/G99+93PXjQ/ehR78OHPTrLzgIT56xVHDelcktG+2RKN39i0ionr40YL2OYsSQeXQqm4GVcEn5KZ9X0MTOmzcoWU2JPcMC9+27ZnzLofcQqW+K9jtqMdu3RIG7KGMxPT5rlAAWphZixs72QNFHgY1qA4pApaO0Rayjtmabcg56xmGxhyCPt+iRPNG83/xkYGBxYGeQdvHLAYF5cEPRwEMaVwd+AGxgc8T94+MUUfesWPcVMhSUH6Zu30NSJeSqaKjmFPn5yOAUmlKcQTJ8+IZV5ekE49qLxw/OYnJhgX9/s3Bz8+dPFszgnJysGIj8UmNHbN8hc8o6uw2x85AhNxbqizafPbKE302fOyMItYOLRtSDunbw3s3xpceF7uoyBmVk4R0sJNWb05g1aQmYwwuPbH1/PVs6+PgFuVVd/3rf/ZerLffv+pvxI+aIhpfaLXgQ9SxdjLEqehRYI8+5Jd2dnLNgiC+/+VwDOFd92eqWkvJ6pnnmtDnrtrMZ5sBGg8xHNoTAA8mvafKddzDdQIfUVdWe8Pf1FzQAda4Z8UohdRVZUcST9jf+xj6pGvct/u7g7AHwPeXBOc3cuFsiWpZVIzD1uuAk7ypdP2ra8G5M0oijLAegeSuhmPx0gx7CXRdrGgGUKPXcuQNJYBFmPDWhB7kErbhdN1ECeB912dO7vMWIDJIorsG2/AMK4iyDp9w1k415BC/I3pCKGO7RGxoBuF6PoxB7rsdutTiCMRBR4fDVWsXodJ6olN/mXoxyjVWlWdxB+QsMInkrztT1EEFV6Hc7JzA6INxEdEYpbI67gcyWJw5yg1+LGGHcjGo0eGwT9MsJKmUpJMpRmZXFBykwWzwBuThEQDAmhgI1bDVNh6elwikj68w3oaCpDS0Xz/TwdCN4EDYYQ3UBAag9CIIIdMRwsR6bsZNAmiS5pzSaeI1qBl0si4WAcQYhpYY2FiAgyNfQwQ/C0ZQiWJJMyQ8igVBb34pJKMjsv0857ETRAZ7ZBU4hyoBwpJ8qZcqFcofcu0Qz1KRmsRi8SZ1ZJWDVROImEEawbHLUq3YToxgiCfmWGhnCS+2WioOKVkoNBMyECAAA=') format('woff2'),
+  url('//at.alicdn.com/t/font_2253836_vousxjw6bwg.woff') format('woff'),
+  url('//at.alicdn.com/t/font_2253836_vousxjw6bwg.ttf') format('truetype'),
+  url('//at.alicdn.com/t/font_2253836_vousxjw6bwg.svg#font_family') format('svg');
+}
+
+.iconfont {
+	font: normal normal normal 14px/1 "icon-iconfont";
+	font-size: inherit;
+	text-rendering: auto;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-circle-close:before {
+  content: "\e616";
+}
+
+.icon-check:before {
+  content: "\e615";
+}
+
+.icon-search:before {
+  content: "\e614";
+}
+
+.icon-minus::before {
+  content: "\e611";
+}
+
+.icon-arrow-left::before {
+  content: "\e612";
+}
+
+.icon-arrow-right::before {
+  content: "\e613";
+}
+
+.icon-plus::before {
+  content: "\e60c";
+}

package/style/index.scss

@@ -0,0 +1,5 @@
+@import "./theme.scss";
+@import "./common/mixin";
+@import "./common/function";
+@import "./reset.scss";
+@import './icon.scss';

package/style/reset.scss

@@ -0,0 +1,109 @@
+@import './theme';
+
+/* #ifdef H5 */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang', 'Hiragino Sans GB', 'Heiti SC',
+    'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+  vertical-align: baseline;
+  border: 0;
+}
+
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+}
+
+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;
+}
+
+// 1.去除android a/button/input标签被点击时产生的边框
+// 2.去除ios a标签被点击时产生的半透明灰色背景
+a,
+button,
+input,
+label,
+span {
+  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
+}
+
+img {
+  max-width: 100%;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:focus,
+input:focus,
+textarea {
+  outline: none;
+}
+
+select,
+option {
+  outline: none;
+}
+
+input {
+  -webkit-appearance: none;
+}
+
+/*  #endif  */
+
+/* #ifdef MP-WEIXIN */
+view,
+scroll-view {
+  box-sizing: border-box;
+}
+
+/*  #endif  */
+
+.page {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100vh;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}

package/style/theme.scss

@@ -0,0 +1,81 @@
+
+// 颜色规范
+// 主色
+$color-primary: #ffe210 !default;
+
+// 辅色
+$color-secondary1: #ec4000 !default;
+$color-secondary2: #ff8000 !default;
+$color-secondary3: #fff2ee !default;
+$color-secondary4: #ff6000 !default;
+$color-secondary5: #ffdacc !default;
+$color-secondary6: #ffe48d !default; //ffb505
+$color-secondary7: #ffdacc !default;
+$color-secondary8: #f5ae00 !default;
+$color-secondary9: #d0d0d0 !default;
+$color-secondary10: #e7e7e7 !default;
+
+$color-bg-primary: #f7f7f7 !default;
+$color-bg-light: #fff !default;
+
+$color-text-highlight: #333 !default;
+$color-text-primary: #666 !default;
+$color-text-secondary: #999 !default;
+$color-text-disabled: #bbb !default;
+
+$color-mask-primary:rgba(0,0,0,0.5) !default;
+$color-mask-dark:rgba(0,0,0,0.7) !default;
+
+// 字体大小规范
+
+// 重要
+$font-size-major-large: 44rpx !default;
+$font-size-major-medium: 40rpx !default;
+$font-size-major-small: 36rpx !default;
+// 常规
+$font-size-primary-large: 32rpx !default;
+$font-size-primary-medium: 30rpx !default;
+$font-size-primary-small: 28rpx !default;
+// 次要,弱化
+$font-size-minor-large: 26rpx !default;
+$font-size-minor-medium: 24rpx !default;
+$font-size-minor-small: 20rpx !default;
+
+// 内容到窗口
+$padding-content-to-window: 32rpx;
+// 内容到卡片
+$padding-content-to-card: 24rpx;
+
+// 卡片到窗口的边距
+$padding-card-to-window: 20rpx;
+// 区块边距
+$margin-block: 20rpx;
+
+// 字体色
+
+// 通用字体颜色
+$font-color-base: #333 !default;
+// 提示文案,辅助文案色
+$font-color-gray: #999 !default;
+// 商品价格 颜色
+$font-color-price: #ec4000 !default;
+// 辅助颜色
+$font-color-minor: #666 !default;
+// 灰度
+// $font-color-gray: #bbb;
+
+// 圆角
+$border-radius-base: 16rpx;
+
+
+// 加载更多组件
+$load-more-font-color: #aaa !default;
+$load-more-font-size: $font-size-minor-medium !default;
+
+
+// button
+$button-default-font-size: $font-size-primary-large !default;
+$button-default-font-color: #fff !default;
+$button-disabled-opacity: 0.3 !default;
+
+// popup