@atooyu/uxto-ui 1.0.4 → 1.0.6

package/dist/style.css

@@ -1027,16 +1027,16 @@ to {
   font-size: 10px;
   line-height: 1;
   color: #ffffff;
-}.u-swiper[data-v-5602345b] {
+}.u-swiper[data-v-aa989e67] {
   position: relative;
   width: 100%;
   overflow: hidden;
 }
-.u-swiper__wrapper[data-v-5602345b] {
+.u-swiper__wrapper[data-v-aa989e67] {
   width: 100%;
   height: var(--swiper-height, 200px);
 }
-.u-swiper__loading[data-v-5602345b] {
+.u-swiper__loading[data-v-aa989e67] {
   position: absolute;
   top: 0;
   left: 0;
@@ -1048,20 +1048,20 @@ to {
   background-color: rgba(0, 0, 0, 0.3);
   z-index: 10;
 }
-.u-swiper__loading-icon[data-v-5602345b] {
+.u-swiper__loading-icon[data-v-aa989e67] {
   width: 32px;
   height: 32px;
   border: 3px solid rgba(255, 255, 255, 0.3);
   border-top-color: #fff;
   border-radius: 50%;
-  animation: u-swiper-loading-5602345b 0.8s linear infinite;
+  animation: u-swiper-loading-aa989e67 0.8s linear infinite;
 }
-@keyframes u-swiper-loading-5602345b {
+@keyframes u-swiper-loading-aa989e67 {
 to {
     transform: rotate(360deg);
 }
 }
-.u-swiper__title[data-v-5602345b] {
+.u-swiper__title[data-v-aa989e67] {
   position: absolute;
   left: 0;
   right: 0;
@@ -1070,41 +1070,41 @@ to {
   background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
   z-index: 5;
 }
-.u-swiper__title-text[data-v-5602345b] {
+.u-swiper__title-text[data-v-aa989e67] {
   font-size: 14px;
   color: #ffffff;
   line-height: 1.4;
 }
-.u-swiper__indicator[data-v-5602345b] {
+.u-swiper__indicator[data-v-aa989e67] {
   position: absolute;
   z-index: 5;
 }
-.u-swiper__indicator-wrapper[data-v-5602345b] {
+.u-swiper__indicator-wrapper[data-v-aa989e67] {
   position: absolute;
   display: flex;
   z-index: 5;
   padding: 4px 8px;
 }
-.u-swiper__indicator-wrapper--top-left[data-v-5602345b] {
+.u-swiper__indicator-wrapper--top-left[data-v-aa989e67] {
   top: 0;
   left: 0;
 }
-.u-swiper__indicator-wrapper--top-right[data-v-5602345b] {
+.u-swiper__indicator-wrapper--top-right[data-v-aa989e67] {
   top: 0;
   right: 0;
 }
-.u-swiper__indicator-wrapper--bottom-left[data-v-5602345b] {
+.u-swiper__indicator-wrapper--bottom-left[data-v-aa989e67] {
   bottom: 0;
   left: 0;
 }
-.u-swiper__indicator-wrapper--bottom-right[data-v-5602345b] {
+.u-swiper__indicator-wrapper--bottom-right[data-v-aa989e67] {
   bottom: 0;
   right: 0;
 }
-.u-swiper__indicator-wrapper--vertical[data-v-5602345b] {
+.u-swiper__indicator-wrapper--vertical[data-v-aa989e67] {
   flex-direction: column;
 }
-.u-swiper__indicator-item[data-v-5602345b] {
+.u-swiper__indicator-item[data-v-aa989e67] {
   width: 6px;
   height: 6px;
   border-radius: 50%;
@@ -1112,17 +1112,17 @@ to {
   margin: 0 4px;
   transition: all 0.3s;
 }
-.u-swiper__indicator-item--active[data-v-5602345b] {
+.u-swiper__indicator-item--active[data-v-aa989e67] {
   width: 16px;
   border-radius: 4px;
   background-color: var(--indicator-active-color, #fff);
 }
-.u-swiper__indicator-wrapper--vertical .u-swiper__indicator-item[data-v-5602345b] {
+.u-swiper__indicator-wrapper--vertical .u-swiper__indicator-item[data-v-aa989e67] {
   width: 6px;
   height: 6px;
   margin: 4px 0;
 }
-.u-swiper__indicator-wrapper--vertical .u-swiper__indicator-item--active[data-v-5602345b] {
+.u-swiper__indicator-wrapper--vertical .u-swiper__indicator-item--active[data-v-aa989e67] {
   width: 6px;
   height: 16px;
 }.u-swiper-item[data-v-ef481687] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atooyu/uxto-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "跨平台 UI 组件库 - 支持 Android、iOS、鸿蒙",
   "keywords": [
     "uxto-ui",
@@ -28,7 +28,9 @@
     "./style.css": "./dist/style.css",
     "./dist/style.css": "./dist/style.css",
     "./scss": "./src/styles/index.scss",
-    "./scss/variables": "./src/styles/variables.scss"
+    "./scss/variables": "./src/styles/variables.scss",
+    "./src/components/*": "./src/components/*",
+    "./src/styles/*": "./src/styles/*"
   },
   "files": [
     "dist",

package/src/components/u-swiper/u-swiper.vue

@@ -113,10 +113,10 @@ const indicatorStyle = computed(() => {
   const style: Record<string, string> = {}
 
   if (props.indicatorColor) {
-    style.setProperty('--indicator-color', props.indicatorColor)
+    style['--indicator-color'] = props.indicatorColor
   }
   if (props.indicatorActiveColor) {
-    style.setProperty('--indicator-active-color', props.indicatorActiveColor)
+    style['--indicator-active-color'] = props.indicatorActiveColor
   }
 
   return style