@kaiyinchem/ky-uniui 1.1.17 → 1.1.19

package/components/ky-btn.vue

@@ -5,7 +5,6 @@
     		fixed,
     		slotContent: $slots.content,
     		noContent: !$slots.content,
-    		iphoneX: safeBottom > 0,
     		noPadding,
     		hasLeft: $slots.left
     	}"
@@ -56,11 +55,7 @@
     	<slot v-else name="content"></slot>
     </view>
     <!--位置占位-->
-    <view
-      v-if="fixed"
-      :class="{ iphoneX: safeBottom > 0, noPadding }"
-      class="btn-space">
-    </view>
+    <view v-if="fixed" class="btn-space"></view>
   </view>
 </template>
 
@@ -156,9 +151,6 @@
 		hasSlots() {
 			return Object.keys(this.$slots).length
 		},
-		safeBottom() {
-			return uni.getSystemInfoSync().safeAreaInsets.bottom
-		}
 	 },
    methods: {
      onClick(e) {
@@ -357,7 +349,7 @@
 		background: none;
 		&.fixed {
 			position: fixed;
-			height: 120rpx;
+			height: calc(var(--window-bottom) + 120rpx);
 			background: var(--bg-white);
 			z-index: 1;
 			left: 0;
@@ -382,9 +374,6 @@
 			.btn-main {
 				width: 690rpx;
 			}
-			&.iphoneX {
-				height: 150rpx;
-			}
 		}
 		&.slotContent {
 			&.fixed {
@@ -404,25 +393,15 @@
         .btn-main {
         	width: 100%;
           border-radius: 0!important;
-        }
-        &.iphoneX {
-          .btn-main {
-          	height: 120rpx;
-          }
+					height: calc(90rpx + var(--window-bottom));
         }
 			}
 		}
 	}
   .btn-space {
-    height: 120rpx;
-    &.iphoneX {
-    	height: 150rpx;
-    }
+    height: calc(120rpx + var(--window-bottom));
     &.noPadding {
-      height: 90rpx;
-      &.iphoneX {
-      	height: 120rpx;
-      }
+      height: calc(90rpx + var(--window-bottom));
     }
   }
 	

package/components/ky-fetch.vue

@@ -10,7 +10,7 @@
 			</view>
 		</view>
 		
-		<view v-if="loadState === 0 || !loadState" :class="{ isRelative }" class="ky-fetch-loading">
+		<view v-if="loadState === 0 || !loadState" :class="{ isRelative, hasLoadingSlots: !!$slots.loading }" class="ky-fetch-loading">
 			<ky-loading v-if="!$slots.loading" :type="loadingType" :isRelative="isRelative"></ky-loading>
 			<slot name="loading"></slot>
 		</view>
@@ -320,6 +320,10 @@
 			position: relative;
 			min-height: 100rpx;
 		}
+		&.hasLoadingSlots {
+			padding: 0;
+			min-height: inherit;
+		}
 	}
 	.ky-fetch-error {
 		position: absolute;

package/components/ky-pop.vue

@@ -53,10 +53,10 @@
 						</view>
 						<view v-if="$slots.footer" :class="{'white-bg': !noFooterBg}" class="pop-footer">
 							<slot name="footer"></slot>
-							<view :style="{height: $safeBottom - 15 + 'px'}"></view>
+							<view style="{height: var(--window-bottom)}"></view>
 						</view>
 						<!--iPhoneX等机型手势条底部高度-->
-						<view v-if="!$slots.footer" :style="{height: $safeBottom - 15 + 'px'}"></view>
+						<view v-if="!$slots.footer" style="{height: var(--window-bottom)}"></view>
 					</view>
 					<!--############## end 底部弹出层 ##############-->
 
@@ -94,6 +94,16 @@
 								cursor-spacing="20"
 								@input="getInputVal"
 							/>
+							<input
+								v-if="inputType === 'nickname'"
+								:placeholder="placeholder"
+								:focus="true"
+								:value="value"
+								class="input-item"
+								type="nickname"
+								cursor-spacing="20"
+								@input="getInputVal"
+							/>
 						</view>
 						<slot></slot>
 					</view>
@@ -283,9 +293,6 @@
 			hasSlots() {
 				return Object.keys(this.$slots).length
 			},
-			$safeBottom() {
-				return uni.getSystemInfoSync().safeAreaInsets.bottom
-			}
 		},
 		watch: {
 			value(v) {
@@ -549,7 +556,7 @@
 				height: 90rpx;
 				background: var(--border-1);
 				border-radius: 12rpx;
-				text-indent: 24rpx;
+				padding-left: 24rpx;
 			}
 		}
 		.pop-scroll {

package/components/ky-switch.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-	const isDark = uni.getSystemInfoSync().theme === 'dark'
+	const isDark = uni.getAppBaseInfo().theme !== 'light'
 	
 	export default {
 		emits: ['update:value', 'change'],

package/components/ky-tab.vue

@@ -4,7 +4,6 @@
     :class="{
       fixed: position === 'fixed',
       sticky: position === 'sticky',
-      iphonex: $safeBottom > 0 && position === 'fixed',
       icon: hasIcon,
       scroll: scrollX,
 			card: type === 'card',
@@ -121,9 +120,6 @@
       hasIcon() {
         return this.menu.find(e => e.icon)
       },
-      $safeBottom() {
-      	return uni.getSystemInfoSync().safeAreaInsets.bottom
-      }
     },
 		mounted() {
 			this.onTabClick(typeof this.value !== 'undefined' ? this.value : this.index)
@@ -213,7 +209,7 @@
       right: 0;
       bottom: 0;
       &.iphonex {
-        padding-bottom: 50rpx;
+        padding-bottom: var(--window-bottom);
       }
     }
     &.sticky {

package/package.json

@@ -9,7 +9,7 @@
 		"locale"
   ],
   "description": "an uniapp ui",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/yezipi/ky-uniui.git"
@@ -27,7 +27,7 @@
   "scripts": {},
   "license": "ISC",
   "dependencies": {
-    "@dcloudio/uni-ui": "^1.4.28",
-    "vue-i18n": "^9.13.1"
+    "@dcloudio/uni-ui": "^1.5.1",
+    "vue-i18n": "^11.2.8"
   }
 }