@atooyu/uxto-ui 1.1.39 → 1.1.41

package/dist/style.css

@@ -2058,7 +2058,7 @@ to {
   color: #ffffff;
   line-height: 1.4;
   text-align: center;
-}.u-popup[data-v-dc430e12] {
+}.u-popup[data-v-1c6a1eb0] {
   position: fixed;
   top: 0;
   left: 0;
@@ -2066,7 +2066,7 @@ to {
   bottom: 0;
   z-index: 1000;
 }
-.u-popup__overlay[data-v-dc430e12] {
+.u-popup__overlay[data-v-1c6a1eb0] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2074,43 +2074,43 @@ to {
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.7);
 }
-.u-popup__content[data-v-dc430e12] {
+.u-popup__content[data-v-1c6a1eb0] {
   position: absolute;
   background-color: #ffffff;
   overflow: hidden;
 }
-.u-popup__content--top[data-v-dc430e12] {
+.u-popup__content--top[data-v-1c6a1eb0] {
   top: 0;
   left: 0;
   right: 0;
 }
-.u-popup__content--bottom[data-v-dc430e12] {
+.u-popup__content--bottom[data-v-1c6a1eb0] {
   bottom: 0;
   left: 0;
   right: 0;
 }
-.u-popup__content--left[data-v-dc430e12] {
+.u-popup__content--left[data-v-1c6a1eb0] {
   left: 0;
   top: 0;
   bottom: 0;
   width: 80%;
 }
-.u-popup__content--right[data-v-dc430e12] {
+.u-popup__content--right[data-v-1c6a1eb0] {
   right: 0;
   top: 0;
   bottom: 0;
   width: 80%;
 }
-.u-popup__content--center[data-v-dc430e12] {
+.u-popup__content--center[data-v-1c6a1eb0] {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   min-width: 280px;
 }
-.u-popup__content--round[data-v-dc430e12] {
+.u-popup__content--round[data-v-1c6a1eb0] {
   border-radius: 12px;
 }
-.u-popup__close[data-v-dc430e12] {
+.u-popup__close[data-v-1c6a1eb0] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -2121,7 +2121,7 @@ to {
   justify-content: center;
   z-index: 1;
 }
-.u-popup__close-icon[data-v-dc430e12] {
+.u-popup__close-icon[data-v-1c6a1eb0] {
   font-size: 18px;
   color: #969799;
 }.u-code-input[data-v-9fffa23f] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atooyu/uxto-ui",
-  "version": "1.1.39",
+  "version": "1.1.41",
   "description": "跨平台 UI 组件库 - 支持 Android、iOS、鸿蒙",
   "keywords": [
     "uxto-ui",

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

@@ -1,5 +1,5 @@
 <template>
-  <view v-if="visible" class="u-popup">
+  <view v-if="isOpen" class="u-popup">
     <view
       class="u-popup__overlay"
       @click="handleOverlayClick"
@@ -20,6 +20,7 @@
 type PopupPosition = 'top' | 'bottom' | 'left' | 'right' | 'center'
 
 interface Props {
+  show?: boolean
   visible?: boolean
   position?: PopupPosition
   closeable?: boolean
@@ -29,7 +30,8 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  visible: false,
+  show: undefined,
+  visible: undefined,
   position: 'bottom',
   closeable: false,
   closeOnClickOverlay: true,
@@ -38,10 +40,18 @@ const props = withDefaults(defineProps<Props>(), {
 })
 
 const emit = defineEmits<{
+  'update:show': [value: boolean]
   'update:visible': [value: boolean]
   close: []
 }>()
 
+// 支持 show 和 visible 两种方式
+const isOpen = computed(() => {
+  if (props.show !== undefined) return props.show
+  if (props.visible !== undefined) return props.visible
+  return false
+})
+
 const handleOverlayClick = () => {
   if (props.closeOnClickOverlay) {
     handleClose()
@@ -49,12 +59,14 @@ const handleOverlayClick = () => {
 }
 
 const handleClose = () => {
+  emit('update:show', false)
   emit('update:visible', false)
   emit('close')
 }
 </script>
 
 <script lang="ts">
+import { computed } from 'vue'
 export default {
   options: {
     virtualHost: true,