feat: add minWidth prop

chensuifengran · Nov 23, 2024 · 727403c · 727403c
1 parent 3186bab
commit 727403c
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/dialog/GeneralDialog.vue b/src/components/dialog/GeneralDialog.vue
@@ -64,6 +64,10 @@ const props = defineProps({
     type: String,
     default: "70%",
   },
+  minWidth:{
+    type: String,
+    default: "700px"
+  },
   top: {
     type: String,
     default: "10vh",
@@ -81,11 +85,21 @@ const closeHandle = (e: MouseEvent) => {
     props.cancel(e);
   }
 };
+
+const width = computed(()=>{
+  if(IS_PLAYGROUND_ENV){
+    return '45vw'
+  }
+  return props.width
+})
+
+const minWidth = computed(()=>props.minWidth)
 </script>
 
 <style lang="scss" scoped></style>
 <style lang="scss">
 .general-dialog {
+  min-width: v-bind(minWidth);
   .el-dialog__body {
     padding-top: 0;
   }