Merge branch 'main' into docs

Author: q4speed

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fit2cloud-ui-plus",
-  "version": "1.1.17",
+  "version": "1.1.18",
   "private": false,
   "main": "./lib/fit2cloud-ui-plus.es.js",
   "files": [
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^1.1.4",
-    "element-plus": "^2.8.0",
+    "element-plus": "^2.9.1",
     "github-markdown-css": "^5.1.0",
     "prism-theme-vars": "^0.2.3",
     "prismjs": "^1.28.0",
@@ -39,7 +39,7 @@
     "@types/uuid": "^9.0.8",
     "@vitejs/plugin-vue": "^2.3.1",
     "sass": "^1.83.0",
-    "sass-loader": "^16.0.1",
+    "sass-loader": "^16.0.4",
     "typescript": "^4.5.4",
     "unplugin-vue-define-options": "^0.6.1",
     "vite": "^2.9.16",

src/styles/common/function.scss

@@ -1,16 +1,18 @@
 @use 'config';
+@use 'sass:string';
+@use 'sass:meta';
 
 // BEM support Func
 @function selectorToString($selector) {
-  $selector: inspect($selector);
-  $selector: str-slice($selector, 2, -2);
+  $selector: meta.inspect($selector);
+  $selector: string.slice($selector, 2, -2);
   @return $selector;
 }
 
 @function containsModifier($selector) {
   $selector: selectorToString($selector);
 
-  @if str-index($selector, config.$modifier-separator) {
+  @if string.index($selector, config.$modifier-separator) {
     @return true;
   } @else {
     @return false;
@@ -20,7 +22,7 @@
 @function containWhenFlag($selector) {
   $selector: selectorToString($selector);
 
-  @if str-index($selector, '.' + config.$state-prefix) {
+  @if string.index($selector, '.' + config.$state-prefix) {
     @return true;
   } @else {
     @return false;
@@ -30,7 +32,7 @@
 @function containPseudoClass($selector) {
   $selector: selectorToString($selector);
 
-  @if str-index($selector, ':') {
+  @if string.index($selector, ':') {
     @return true;
   } @else {
     @return false;
@@ -81,10 +83,10 @@
 }
 
 @function str-replace($string, $search, $replace: '') {
-  $index: str-index($string, $search);
+  $index: string.index($string, $search);
 
   @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    @return string.slice($string, 1, $index - 1) + $replace + str-replace(string.slice($string, $index + str-length($search)), $search, $replace);
   }
 
   @return $string;

src/styles/common/mixins.scss

@@ -1,8 +1,11 @@
 @use 'function' as *;
 @use 'config' as *;
+$B: null;
+$E: null;
 
 // BEM
 @mixin b($block) {
+
   $B: $namespace + '-' + $block !global;
 
   .#{$B} {