tianheng-ui 0.0.55 → 0.0.57

package/lib/theme-chalk/styles/col.scss

@@ -0,0 +1,151 @@
+
+[class*="th-col-"] {
+  float: left;
+  box-sizing: border-box;
+}
+
+.th-col-1 {
+  width: 4.16667%;
+}
+.th-col-2 {
+  width: 8.33333%;
+}
+.th-col-3 {
+  width: 12.5%;
+}
+.th-col-4 {
+  width: 16.66667%;
+}
+.th-col-5 {
+  width: 20.83333%;
+}
+.th-col-6 {
+  width: 25%;
+}
+.th-col-7 {
+  width: 29.16667%;
+}
+.th-col-8 {
+  width: 33.33333%;
+}
+.th-col-9 {
+  width: 37.5%;
+}
+.th-col-10 {
+  width: 41.66667%;
+}
+.th-col-11 {
+  width: 45.83333%;
+}
+.th-col-12 {
+  width: 50%;
+}
+.th-col-13 {
+  width: 54.166667%;
+}
+.th-col-14 {
+  width: 58.33333%;
+}
+.th-col-15 {
+  width: 62.5%;
+}
+.th-col-16 {
+  width: 66.66667%;
+}
+.th-col-17 {
+  width: 70.83333%;
+}
+.th-col-18 {
+  width: 75%;
+}
+.th-col-19 {
+  width: 79.166667%;
+}
+.th-col-20 {
+  width: 83.33333%;
+}
+.th-col-21 {
+  width: 87.5%;
+}
+.th-col-22 {
+  width: 91.66667%;
+}
+.th-col-23 {
+  width: 95.83333%;
+}
+.th-col-24 {
+  width: 100%;
+}
+
+.th-col-offset-1 {
+  margin-left: 4.16667%;
+}
+.th-col-offset-2 {
+  margin-left: 8.33333%;
+}
+.th-col-offset-3 {
+  margin-left: 12.5%;
+}
+.th-col-offset-4 {
+  margin-left: 16.66667%;
+}
+.th-col-offset-5 {
+  margin-left: 20.83333%;
+}
+.th-col-offset-6 {
+  margin-left: 25%;
+}
+.th-col-offset-7 {
+  margin-left: 29.16667%;
+}
+.th-col-offset-8 {
+  margin-left: 33.33333%;
+}
+.th-col-offset-9 {
+  margin-left: 37.5%;
+}
+.th-col-offset-10 {
+  margin-left: 41.66667%;
+}
+.th-col-offset-11 {
+  margin-left: 45.83333%;
+}
+.th-col-offset-12 {
+  margin-left: 50%;
+}
+.th-col-offset-13 {
+  margin-left: 54.166667%;
+}
+.th-col-offset-14 {
+  margin-left: 58.33333%;
+}
+.th-col-offset-15 {
+  margin-left: 62.5%;
+}
+.th-col-offset-16 {
+  margin-left: 66.66667%;
+}
+.th-col-offset-17 {
+  margin-left: 70.83333%;
+}
+.th-col-offset-18 {
+  margin-left: 75%;
+}
+.th-col-offset-19 {
+  margin-left: 79.166667%;
+}
+.th-col-offset-20 {
+  margin-left: 83.33333%;
+}
+.th-col-offset-21 {
+  margin-left: 87.5%;
+}
+.th-col-offset-22 {
+  margin-left: 91.66667%;
+}
+.th-col-offset-23 {
+  margin-left: 95.83333%;
+}
+.th-col-offset-24 {
+  margin-left: 100%;
+}

package/lib/theme-chalk/styles/dialog.scss

@@ -0,0 +1,59 @@
+.th-dialog .el-dialog {
+  width: 800px;
+}
+.th-dialog .el-dialog__header {
+  padding: 0 !important;
+  height: 50px;
+  line-height: 50px;
+  background-color: $background-color-base;
+  border-bottom: 1px solid $border-color-base;
+}
+.th-dialog .el-dialog__title {
+  font-size: $font-size-md !important;
+}
+.th-dialog .el-dialog__body {
+  padding: 15px 50px !important;
+  height: 470px;
+  overflow-y: overlay;
+}
+
+.th-dialog .el-dialog__footer {
+  padding: 15px !important;
+  border-top: 1px solid $border-color-base;
+}
+
+.th-dialog .is-fullscreen {
+  width: 100%;
+}
+.th-dialog .is-fullscreen .el-dialog__body {
+  height: calc(100% - 150px);
+}
+
+.th-dialog .th-dialog__header {
+  display: flex;
+  align-items: center;
+}
+.th-dialog .th-dialog__title {
+  flex: 1;
+  padding: 0 15px;
+  font-size: $font-size-md;
+}
+.th-dialog .th-dialog__action {
+  display: flex;
+}
+.th-dialog .th-dialog__action_item {
+  width: 40px;
+  height: 50px;
+  line-height: 50px;
+  text-align: center;
+  transition: $transition;
+  cursor: pointer;
+}
+.th-dialog .th-dialog__action_item:hover {
+  color: $color-parimary;
+}
+.th-dialog .th-dialog__footer {
+  text-align: right;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}

package/lib/theme-chalk/styles/empty.scss

@@ -0,0 +1,22 @@
+.th-empty {
+  padding: 32px 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  text-align: center;
+  box-sizing: border-box;
+}
+.th-empty-img {
+  vertical-align: top;
+}
+.th-empty-description {
+  margin-top: 16px;
+  padding: 0 60px;
+  color: $color-text-secondary;
+  font-size: 14px;
+  line-height: 20px;
+}
+.th-empty-bottom {
+  margin-top: 24px;
+}

package/lib/theme-chalk/styles/feature.scss

@@ -0,0 +1,42 @@
+.th-is_border {
+  border: 1px solid $border-color-base;
+}
+
+.th-is_active {
+  background-color: $background-color-base;
+}
+
+.th-is_hover:hover {
+  background-color: $background-color-base;
+}
+
+.th-is_alignItemsCenter {
+  align-items: center;
+}
+
+.th-is_disabled {
+  color: #c0c4cc;
+  cursor: not-allowed;
+  background-image: none;
+  background-color: #fff;
+  border-color: #ebeef5;
+}
+
+.th-is_loading {
+  position: relative;
+  pointer-events: none;
+}
+
+.th-is_plain {
+  background: $background-color-white;
+  border-color: $color-parimary;
+  color: $color-parimary;
+}
+
+.th-is_round {
+  border-radius: $border-radius-xl;
+}
+
+.th-is_circle {
+  border-radius: 50%;
+}

package/lib/theme-chalk/styles/font.css

@@ -0,0 +1,7 @@
+/* 
+中文字体：苹方简体
+*/
+@font-face {
+  font-family: "PingFang";
+  src: url(../fonts/PingFang.ttf) format("truetype");
+}

package/lib/theme-chalk/{icon.css → styles/icon.css}

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "th-icons"; /* Project id 3124411 */
-  src: url(./fonts/iconfont.woff2) format("woff2"),
-    url(./fonts//iconfont.woff) format("woff"),
-    url(./fonts/iconfont.ttf) format("truetype");
+  src: url(../fonts/iconfont.woff2) format("woff2"),
+    url(../fonts/iconfont.woff) format("woff"),
+    url(../fonts/iconfont.ttf) format("truetype");
 }
 
 [class*="th-icon-"],

package/lib/theme-chalk/styles/imagePreview.scss

@@ -0,0 +1,113 @@
+.th-image-preview {
+  display: flex;
+}
+.th-preview-item-out {
+  margin-right: 10px;
+  display: inline-block;
+}
+.th-preview-item-image-out {
+  width: 90px;
+  height: 100px;
+  object-fit: cover;
+}
+.th-preview-item-image-ins {
+  width: 90px;
+  height: 100px;
+  object-fit: cover;
+}
+.th-image-viewer__wrapper {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2014;
+}
+.th-image-viewer__mask {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.8;
+  background: #000;
+}
+.th-image-viewer__item {
+  position: absolute;
+  display: flex;
+  top: 10px;
+  left: 10px;
+}
+.th-preview-item-ins {
+  margin-right: 10px;
+  display: inline-block;
+  transition: $transition;
+}
+.th-preview-item-ins:hover {
+  transform: scale(1.1);
+}
+.th-image-viewer__btn {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  opacity: 0.8;
+  cursor: pointer;
+  box-sizing: border-box;
+  user-select: none;
+}
+.th-image-viewer__prev {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 44px;
+  height: 44px;
+  font-size: 24px;
+  color: #fff;
+  background-color: #606266;
+  border-color: #fff;
+  left: 40px;
+}
+.th-image-viewer__next {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 44px;
+  height: 44px;
+  font-size: 24px;
+  color: #fff;
+  background-color: #606266;
+  border-color: #fff;
+  right: 40px;
+}
+.th-image-viewer__actions {
+  left: 50%;
+  bottom: 30px;
+  transform: translateX(-50%);
+  width: 282px;
+  height: 44px;
+  padding: 0 23px;
+  background-color: #606266;
+  border-color: #fff;
+  border-radius: 22px;
+  z-index: 2016;
+}
+.th-image-viewer__canvas {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.th-image-viewer__close {
+  top: 40px;
+  right: 40px;
+  width: 40px;
+  height: 40px;
+  font-size: 24px;
+  color: #fff;
+  background-color: #606266;
+}
+.zindex {
+  z-index: 2016;
+}

package/lib/theme-chalk/styles/img.scss

@@ -0,0 +1,35 @@
+.th-img {
+  vertical-align: middle;
+  display: inline-block;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.th-image__placeholder {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background: #f5f7fa;
+  color: #909399;
+  font-size: 14px;
+}
+.th-image__error {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  color: #c0c4cc;
+  vertical-align: middle;
+}
+.th-image--inline-block {
+  display: inline-block;
+}
+.th-image--block {
+  display: block;
+}

package/lib/theme-chalk/styles/reset.scss

@@ -0,0 +1,8 @@
+body {
+  font-family: "Microsoft YaHei", "微软雅黑", Arial;
+  font-size: 14px;
+}
+div p {
+  padding: 0;
+  margin: 0;
+}

package/lib/theme-chalk/{root.css → styles/root.css}

@@ -14,7 +14,7 @@
   --th-orange: #ff976a;
   --th-orange-dark: #ed6a0c;
   --th-orange-light: #fffbe8;
-  --th-green: #07c160;
+  --th-green: #67c23a;
   --th-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
   --th-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
   --th-primary-color: var(--th-blue);
@@ -60,38 +60,5 @@
   --th-border-radius-md: 4px;
   --th-border-radius-lg: 8px;
   --th-border-radius-max: 999px;
-}
-
-:root {
-  --th-cell-line-height: 24px;
-  --th-cell-vertical-padding: 10px;
-  --th-cell-horizontal-padding: var(--th-padding-md);
-  --th-cell-background-color: var(--th-background-color-light);
-  --th-cell-text-color: var(--th-text-color);
-  --th-cell-font-size: var(--th-font-size-md);
-
-  --th-cell-label-margin-top: var(--th-padding-base);
-  --th-cell-label-color: var(--th-text-color-2);
-  --th-cell-label-font-size: var(--th-font-size-sm);
-  --th-cell-label-line-height: var(--th-line-height-sm);
-
-  --th-cell-value-color: var(--th-text-color-2);
-  --th-cell-value-margin-left: var(--th-padding-xs);
-
-  --th-cell-icon-margin-right: var(--th-padding-xs);
-  --th-cell-icon-size: 16px;
-}
-
-:root {
-  --th-empty-padding: var(--th-padding-xl) 0;
-
-  --th-empty-image-size: 300px;
-
-  --th-empty-description-margin-top: var(--th-padding-md);
-  --th-empty-description-padding: 0 60px;
-  --th-empty-description-color: var(--th-text-color-2);
-  --th-empty-description-font-size: var(--th-font-size-md);
-  --th-empty-description-line-height: var(--th-line-height-md);
-
-  --th-empty-bottom-margin-top: 24px;
+  --th-box-shadow: 0 2px 12px 0 rgb(0, 0, 0, 0.1);
 }

package/lib/theme-chalk/styles/row.scss

@@ -0,0 +1,23 @@
+.th-row {
+  position: relative;
+  box-sizing: border-box;
+}
+.th-row::after {
+  content: " ";
+  display: table;
+  clear: both;
+}
+.th-row::before {
+  content: " ";
+  display: table;
+}
+
+.th-row-flex {
+  display: flex;
+}
+.th-row-flex::after {
+  display: none;
+}
+.th-row-flex::before {
+  display: none;
+}

package/lib/theme-chalk/styles/variable.scss

@@ -0,0 +1,80 @@
+// 主体色
+$color-parimary: #1890ff;
+$color-parimary-active: #257fe2;
+$color-parimary-hover: #66b1ff;
+$color-parimary-disabled: #a0cfff;
+$color-parimary-light: #a3d3ff;
+$color-parimary-lighter: #e8f4ff;
+
+// 成功色
+$color-success: #13ce66;
+$color-success-active: #5daf34;
+$color-success-hover: #85ce61;
+$color-success-disabled: #b3e19d;
+$color-success-light: #a1ebc2;
+$color-success-lighter: #e7faf0;
+
+// 警告色
+$color-warning: #ffba00;
+$color-warning-active: #cf9236;
+$color-warning-hover: #ebb563;
+$color-warning-disabled: #f3d19e;
+$color-warning-light: #ffe399;
+$color-warning-lighter: #fff8e6;
+
+// 危险色
+$color-danger: #ff4949;
+$color-danger-active: #dd6161;
+$color-danger-hover: #f78989;
+$color-danger-disabled: #fab6b6;
+$color-danger-light: #ffb6b6;
+$color-danger-lighter: #ffeded;
+
+// 信息色
+$color-info: #909399;
+$color-info-active: #82848a;
+$color-info-hover: #a6a9ad;
+$color-info-disabled: #c8c9cc;
+$color-info-light: #d3d4d6;
+$color-info-lighter: #f4f4f5;
+
+// 暗黑色
+$color-darkly: #304156;
+
+// 文字颜色
+$color-text-primary: #222d46;
+$color-text-regular: #535d70;
+$color-text-secondary: #858a96;
+$color-text-placeholder: #caced7;
+
+// 文字大小
+$font-size-xs: 12px;
+$font-size-sm: 14px;
+$font-size-md: 16px;
+$font-size-lg: 18px;
+$font-size-xl: 20px;
+$font-size-xxl: 22px;
+
+// 边框颜色
+$border-color-base: #dcdfe6;
+$border-color-light: #e4e7ed;
+$border-color-lighter: #ebeef5;
+$border-color-extra-light: #f2f6fc;
+
+// 边框弧度
+$border-radius-xs: 4px;
+$border-radius-sm: 8px;
+$border-radius-md: 12px;
+$border-radius-lg: 16px;
+$border-radius-xl: 20px;
+
+// 背景颜色
+$background-color-base: #f5f7f9;
+$background-color-white: #ffffff;
+$background-color-black: #000000;
+
+// 阴影效果
+$box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+
+// 过场时长
+$transition: 0.3s;