@tplc/wot 1.0.7 → 1.0.8

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.0.8](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.81...v1.0.8) (2025-12-06)
+
+
+### ✨ Features | 新功能
+
+* 更新版本 ([d3789c9](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d3789c92652c48673883f30fc928cad1804d32bf))
+
 ### [1.0.7](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.53...v1.0.7) (2025-11-21)
 
 

package/components/common/AbortablePromise.ts

@@ -2,18 +2,12 @@ export class AbortablePromise<T> {
   promise: Promise<T>
   private _reject: ((res?: any) => void) | null = null
 
-  constructor(
-    executor: (
-      resolve: (value: T | PromiseLike<T>) => void,
-      reject: (reason?: any) => void,
-    ) => void,
-  ) {
+  constructor(executor: (resolve: (value: T | PromiseLike<T>) => void, reject: (reason?: any) => void) => void) {
     this.promise = new Promise<T>((resolve, reject) => {
       executor(resolve, reject)
       this._reject = reject // 保存reject方法的引用，以便在abort时调用
     })
   }
-
   // 提供abort方法来中止Promise
   abort(error?: any) {
     if (this._reject) {
@@ -23,14 +17,12 @@ export class AbortablePromise<T> {
 
   then<TResult1 = T, TResult2 = never>(
     onfulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | undefined | null,
-    onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | undefined | null,
+    onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | undefined | null
   ): Promise<TResult1 | TResult2> {
     return this.promise.then(onfulfilled, onrejected)
   }
 
-  catch<TResult = never>(
-    onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | undefined | null,
-  ): Promise<T | TResult> {
+  catch<TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | undefined | null): Promise<T | TResult> {
     return this.promise.catch(onrejected)
   }
 }

package/components/common/abstracts/_config.scss

@@ -4,4 +4,4 @@
 $namespace: 'wd';
 $elementSeparator: '__';
 $modifierSeparator: '--';
-$state-prefix: 'is-';
+$state-prefix: 'is-';

package/components/common/abstracts/_function.scss

@@ -3,6 +3,7 @@
  */
 @import 'config';
 $default-theme: #4d80f0 !default; // 正常色
+
 /* 转换成字符串 */
 @function selectorToString($selector) {
   $selector: inspect($selector);
@@ -10,45 +11,60 @@ $default-theme: #4d80f0 !default; // 正常色
 
   @return $selector;
 }
+
 /* 判断是否存在 Modifier */
 @function containsModifier($selector) {
   $selector: selectorToString($selector);
 
   @if str-index($selector, $modifierSeparator) {
     @return true;
-  } @else {
+  }
+
+  @else {
     @return false;
   }
 }
+
 /* 判断是否存在伪类 */
 @function containsPseudo($selector) {
   $selector: selectorToString($selector);
 
   @if str-index($selector, ':') {
     @return true;
-  } @else {
+  }
+
+  @else {
     @return false;
   }
 }
+
+
 /**
  * 主题色切换
  * @params $theme-color 主题色
  * @params $type 变暗’dark‘ 变亮 'light'
  * @params $mix-color 自己设置的混色
  */
-@function themeColor($theme-color, $type: '', $mix-color: '') {
+@function themeColor($theme-color, $type: "", $mix-color: "") {
   @if $default-theme !=#4d80f0 {
-    @if $type== 'dark' {
+    @if $type=="dark" {
       @return darken($theme-color, 10%);
-    } @else if $type== 'light' {
+    }
+
+    @else if $type=="light" {
       @return lighten($theme-color, 10%);
-    } @else {
+    }
+
+    @else {
       @return $theme-color;
     }
-  } @else {
+  }
+
+  @else {
     @return $mix-color;
   }
 }
+
 /**
  * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
  * @params $open-linear 是否开启线性渐变色
@@ -65,12 +81,9 @@ $default-theme: #4d80f0 !default; // 正常色
   $arg: $deg;
 
   @for $i from 1 through $len {
-    $arg: $arg +
-      ',' +
-      themeColor($theme-color, nth($set, $i), nth($color-list, $i)) +
-      ' ' +
-      nth($per-list, $i);
+    $arg: $arg + ","+ themeColor($theme-color, nth($set, $i), nth($color-list, $i)) + " "+ nth($per-list, $i);
   }
 
   @return linear-gradient(unquote($arg));
-}
+
+}

package/components/common/abstracts/_mixin.scss

@@ -1,26 +1,28 @@
 /**
  * 混合宏
  */
-@import 'config';
-@import 'function';
+@import "config";
+@import "function";
+
 /**
   * BEM，定义块（b)
   */
 @mixin b($block) {
-  $B: $namespace + '-' + $block !global;
+  $B: $namespace + "-"+ $block !global;
 
   .#{$B} {
     @content;
   }
 }
+
 /* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
 @mixin e($element...) {
   $selector: &;
-  $selectors: '';
+  $selectors: "";
 
   @if containsPseudo($selector) {
     @each $item in $element {
-      $selectors: #{$selectors + '.' + $B + $elementSeparator + $item + ','};
+      $selectors: #{$selectors + "." + $B + $elementSeparator + $item + ","};
     }
 
     @at-root {
@@ -30,9 +32,11 @@
         }
       }
     }
-  } @else {
+  }
+
+  @else {
     @each $item in $element {
-      $selectors: #{$selectors + $selector + $elementSeparator + $item + ','};
+      $selectors: #{$selectors + $selector + $elementSeparator + $item + ","};
     }
 
     @at-root {
@@ -42,15 +46,19 @@
     }
   }
 }
+
+
+
 /* 此方法用于生成穿透样式 */
+
 /* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
 @mixin edeep($element...) {
   $selector: &;
-  $selectors: '';
+  $selectors: "";
 
   @if containsPseudo($selector) {
     @each $item in $element {
-      $selectors: #{$selectors + '.' + $B + $elementSeparator + $item + ','};
+      $selectors: #{$selectors + "." + $B + $elementSeparator + $item + ","};
     }
 
     @at-root {
@@ -62,9 +70,11 @@
         }
       }
     }
-  } @else {
+  }
+
+  @else {
     @each $item in $element {
-      $selectors: #{$selectors + $selector + $elementSeparator + $item + ','};
+      $selectors: #{$selectors + $selector + $elementSeparator + $item + ","};
     }
 
     @at-root {
@@ -76,12 +86,14 @@
     }
   }
 }
+
+
 /* 定义状态（m） */
 @mixin m($modifier...) {
-  $selectors: '';
+  $selectors: "";
 
   @each $item in $modifier {
-    $selectors: #{$selectors + & + $modifierSeparator + $item + ','};
+    $selectors: #{$selectors + & + $modifierSeparator + $item + ","};
   }
 
   @at-root {
@@ -90,14 +102,32 @@
     }
   }
 }
+
+/* 定义状态（m） */
+@mixin mdeep($modifier...) {
+  $selectors: "";
+
+  @each $item in $modifier {
+    $selectors: #{$selectors + & + $modifierSeparator + $item + ","};
+  }
+
+  @at-root {
+    :deep() {
+      #{$selectors} {
+        @content;
+      }
+    }
+  }
+}
+
 /* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
 @mixin me($element...) {
   $selector: &;
-  $selectors: '';
+  $selectors: "";
 
   @if containsModifier($selector) {
     @each $item in $element {
-      $selectors: #{$selectors + '.' + $B + $elementSeparator + $item + ','};
+      $selectors: #{$selectors + "." + $B + $elementSeparator + $item + ","};
     }
 
     @at-root {
@@ -107,9 +137,11 @@
         }
       }
     }
-  } @else {
+  }
+
+  @else {
     @each $item in $element {
-      $selectors: #{$selectors + $selector + $elementSeparator + $item + ','};
+      $selectors: #{$selectors + $selector + $elementSeparator + $item + ","};
     }
 
     @at-root {
@@ -119,6 +151,7 @@
     }
   }
 }
+
 /* 状态，生成 is-$state 类名 */
 @mixin when($states...) {
   @at-root {
@@ -129,15 +162,18 @@
     }
   }
 }
+
 /**
   * 常用混合宏
   */
+
 /* 单行超出隐藏 */
 @mixin lineEllipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 /* 多行超出隐藏 */
 @mixin multiEllipsis($lineNumber: 3) {
   display: -webkit-box;
@@ -145,71 +181,80 @@
   -webkit-line-clamp: $lineNumber;
   overflow: hidden;
 }
+
 /* 清除浮动 */
 @mixin clearFloat {
   &::after {
     display: block;
+    content: "";
     height: 0;
-    overflow: hidden;
     clear: both;
+    overflow: hidden;
     visibility: hidden;
-    content: '';
   }
 }
+
 /* 0.5px 边框 指定方向*/
-@mixin halfPixelBorder($direction: 'bottom', $left: 0, $color: $-color-border-light) {
+@mixin halfPixelBorder($direction: "bottom", $left: 0, $color: $-color-border-light) {
   position: relative;
 
   &::after {
     position: absolute;
-    left: $left;
     display: block;
-
-    height: 1px;
-    content: '';
-    background: $color;
-
-    transform: scaleY(0.5);
+    content: "";
 
     @if ($left==0) {
       width: 100%;
-    } @else {
+    }
+
+    @else {
       width: calc(100% - #{$left});
     }
 
-    @if ($direction== 'bottom') {
+    height: 1px;
+    left: $left;
+
+    @if ($direction=="bottom") {
       bottom: 0;
-    } @else {
+    }
+
+    @else {
       top: 0;
     }
+
+    transform: scaleY(0.5);
+    background: $color;
   }
 }
+
+
 /* 0.5px 边框 环绕 */
 @mixin halfPixelBorderSurround($color: $-color-border-light) {
   position: relative;
 
   &::after {
     position: absolute;
-    top: 0;
-    left: 0;
-    box-sizing: border-box;
     display: block;
+    content: ' ';
+    pointer-events: none;
     width: 200%;
     height: 200%;
-    pointer-events: none;
-    content: ' ';
+    left: 0;
+    top: 0;
     border: 1px solid $color;
     transform: scale(0.5);
+    box-sizing: border-box;
     transform-origin: left top;
   }
 }
 
 @mixin buttonClear {
-  -webkit-appearance: none;
-  background: transparent;
   outline: none;
+  -webkit-appearance: none;
   -webkit-tap-highlight-color: transparent;
+  background: transparent;
 }
+
 /**
   * 三角形实现尖角样式，适用于背景透明情况
   * @param $size 三角形高，底边为 $size * 2
@@ -223,37 +268,38 @@
   }
 
   @include e(arrow-down) {
-    bottom: calc(-1 * $size);
-    border-top: $size solid $bg;
-    border-right: $size solid transparent;
     border-left: $size solid transparent;
+    border-right: $size solid transparent;
+    border-top: $size solid $bg;
     transform: translateX(-50%);
+    bottom: calc(-1 * $size)
   }
 
   @include e(arrow-up) {
-    top: calc(-1 * $size);
+    border-left: $size solid transparent;
     border-right: $size solid transparent;
     border-bottom: $size solid $bg;
-    border-left: $size solid transparent;
     transform: translateX(-50%);
+    top: calc(-1 * $size)
   }
 
   @include e(arrow-left) {
-    left: calc(-1 * $size);
     border-top: $size solid transparent;
-    border-right: $size solid $bg;
     border-bottom: $size solid transparent;
+    border-right: $size solid $bg;
     transform: translateY(-50%);
+    left: calc(-1 * $size)
   }
 
   @include e(arrow-right) {
-    right: calc(-1 * $size);
     border-top: $size solid transparent;
     border-bottom: $size solid transparent;
     border-left: $size solid $bg;
     transform: translateY(-50%);
+    right: calc(-1 * $size)
   }
 }
+
 /**
   * 正方形实现尖角样式，适用于背景不透明情况
   * @param $size 正方形边长
@@ -264,76 +310,76 @@
 @mixin squareArrow($size, $bg, $z-index, $box-shadow) {
   @include e(arrow) {
     position: absolute;
-    z-index: $z-index;
     width: $size;
     height: $size;
+    z-index: $z-index;
   }
 
   @include e(arrow-down) {
-    bottom: 0;
     transform: translateX(-50%);
+    bottom: 0;
 
     &:after {
-      position: absolute;
-      bottom: calc(-1 * $size / 2);
-      left: 0;
+      content: "";
       width: $size;
       height: $size;
-      content: '';
       background-color: $bg;
-      box-shadow: $box-shadow;
+      position: absolute;
+      left: 0;
+      bottom: calc(-1 * $size / 2);
       transform: rotateZ(45deg);
+      box-shadow: $box-shadow;
     }
   }
 
   @include e(arrow-up) {
-    top: 0;
     transform: translateX(-50%);
+    top: 0;
 
     &:after {
-      position: absolute;
-      top: calc(-1 * $size / 2);
-      left: 0;
+      content: "";
       width: $size;
       height: $size;
-      content: '';
       background-color: $bg;
-      box-shadow: $box-shadow;
+      position: absolute;
+      left: 0;
+      top: calc(-1 * $size / 2);
       transform: rotateZ(45deg);
+      box-shadow: $box-shadow;
     }
   }
 
   @include e(arrow-left) {
-    left: 0;
     transform: translateY(-50%);
+    left: 0;
 
     &:after {
-      position: absolute;
-      top: 0;
-      left: calc(-1 * $size / 2);
+      content: "";
       width: $size;
       height: $size;
-      content: '';
       background-color: $bg;
-      box-shadow: $box-shadow;
+      position: absolute;
+      left: calc(-1 * $size / 2);
+      top: 0;
       transform: rotateZ(45deg);
+      box-shadow: $box-shadow;
     }
   }
 
   @include e(arrow-right) {
-    right: 0;
     transform: translateY(-50%);
+    right: 0;
 
     &:after {
-      position: absolute;
-      top: 0;
-      right: calc(-1 * $size / 2);
+      content: "";
       width: $size;
       height: $size;
-      content: '';
       background-color: $bg;
-      box-shadow: $box-shadow;
+      position: absolute;
+      right: calc(-1 * $size / 2);
+      top: 0;
       transform: rotateZ(45deg);
+      box-shadow: $box-shadow;
     }
   }
-}
+}