@varlet/ui 2.10.1 → 2.10.2-alpha.1683283732565

package/lib/varlet.cjs.js

@@ -1029,6 +1029,14 @@ var props$1a = {
     type: Boolean,
     default: true
   },
+  safeArea: {
+    type: Boolean,
+    default: false
+  },
+  safeAreaTop: {
+    type: Boolean,
+    default: false
+  },
   teleport: {
     type: String
   },
@@ -1190,7 +1198,7 @@ const Popup = vue.defineComponent({
     };
     var renderContent = () => {
       return vue.createVNode("div", vue.mergeProps({
-        "class": classes$14(n$1h("content"), n$1h("--" + props2.position), [props2.defaultStyle, n$1h("--content-background-color")], [props2.defaultStyle, n$1h("$-elevation--3")]),
+        "class": classes$14(n$1h("content"), n$1h("--" + props2.position), [props2.defaultStyle, n$1h("--content-background-color")], [props2.defaultStyle, n$1h("$-elevation--3")], [props2.safeArea, n$1h("--safe-area")], [props2.safeAreaTop, n$1h("--safe-area-top")]),
         "style": {
           zIndex: zIndex.value
         }
@@ -1405,6 +1413,7 @@ var props$18 = _extends$m({
   "overlayStyle",
   "lockScroll",
   "closeOnClickOverlay",
+  "safeArea",
   "teleport",
   "onOpen",
   "onClose",
@@ -1705,13 +1714,14 @@ function __render__$1f(_ctx, _cache) {
     vue.mergeProps({
       class: _ctx.n("popup-radius"),
       position: "bottom",
+      show: _ctx.popupShow,
       overlay: _ctx.overlay,
       "overlay-class": _ctx.overlayClass,
       "overlay-style": _ctx.overlayStyle,
       "lock-scroll": _ctx.lockScroll,
       "close-on-click-overlay": _ctx.closeOnClickOverlay,
       teleport: _ctx.teleport,
-      show: _ctx.popupShow
+      "safe-area": _ctx.safeArea
     }, {
       "onUpdate:show": _ctx.handlePopupUpdateShow
     }, {
@@ -1786,7 +1796,7 @@ function __render__$1f(_ctx, _cache) {
       /* FORWARDED */
     },
     16,
-    ["class", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "teleport", "show", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange"]
+    ["class", "show", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "teleport", "safe-area", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange"]
   );
 }
 var __sfc__$1g = vue.defineComponent({
@@ -17948,7 +17958,7 @@ var props$n = _extends$4({
   onChange: defineListenerProp(),
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp()
-}, pickProps(props$1a, ["show", "onUpdate:show", "closeOnClickOverlay", "teleport", "onOpen", "onClose", "onOpened", "onClosed", "onClickOverlay", "onRouteChange"]));
+}, pickProps(props$1a, ["show", "onUpdate:show", "closeOnClickOverlay", "teleport", "safeArea", "onOpen", "onClose", "onOpened", "onClosed", "onClickOverlay", "onRouteChange"]));
 var {
   n: n$q,
   classes: classes$l
@@ -17972,6 +17982,7 @@ function __render__$t(_ctx, _cache) {
       closeOnClickOverlay: _ctx.closeOnClickOverlay,
       teleport: _ctx.teleport,
       show: _ctx.show,
+      safeArea: _ctx.safeArea,
       "onUpdate:show": _ctx.handlePopupUpdateShow,
       position: "bottom",
       class: _ctx.n("popup")
@@ -25383,7 +25394,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.10.1";
+const version = "2.10.2-alpha.1683283732565";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.10.1",
+  "version": "2.10.2-alpha.1683283732565",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -46,9 +46,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.10.1",
-    "@varlet/shared": "2.10.1",
-    "@varlet/use": "2.10.1"
+    "@varlet/shared": "2.10.2-alpha.1683283732565",
+    "@varlet/use": "2.10.2-alpha.1683283732565",
+    "@varlet/icons": "2.10.2-alpha.1683283732565"
   },
   "devDependencies": {
     "@types/jest": "^26.0.15",
@@ -63,8 +63,8 @@
     "typescript": "^4.4.4",
     "vue": "3.2.47",
     "vue-router": "4.1.6",
-    "@varlet/cli": "2.10.1",
-    "@varlet/touch-emulator": "2.10.1"
+    "@varlet/cli": "2.10.2-alpha.1683283732565",
+    "@varlet/touch-emulator": "2.10.2-alpha.1683283732565"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/actionSheet.d.ts

@@ -13,6 +13,7 @@ export interface ActionSheetProps extends BasicAttributes {
   lockScroll?: boolean
   closeOnClickAction?: boolean
   closeOnClickOverlay?: boolean
+  safeArea?: boolean
   teleport?: TeleportProps['to']
   onOpen?: ListenerProp<() => void>
   onOpened?: ListenerProp<() => void>
@@ -41,6 +42,7 @@ export interface ActionSheetOptions {
   lockScroll?: boolean
   closeOnClickAction?: boolean
   closeOnClickOverlay?: boolean
+  safeArea?: boolean
   onOpen?: () => void
   onOpened?: () => void
   onClose?: () => void

package/types/picker.d.ts

@@ -71,6 +71,7 @@ export interface PickerOptions {
   confirmButtonTextColor?: string
   cancelButtonTextColor?: string
   textFormatter?: (text: any, columnIndex: number) => any
+  safeArea?: boolean
   onOpen?: () => void
   onOpened?: () => void
   onClose?: () => void

package/types/popup.d.ts

@@ -14,6 +14,8 @@ export interface PopupProps extends BasicAttributes {
   lockScroll?: boolean
   closeOnClickOverlay?: boolean
   defaultStyle?: boolean
+  safeArea?: boolean
+  safeAreaTop?: boolean
   teleport?: TeleportProps['to']
   onOpen?: ListenerProp<() => void>
   onOpened?: ListenerProp<() => void>