sard-uniapp 1.22.0 → 1.22.2

package/components/radio-popout/radio-popout.d.ts

@@ -1,13 +1,11 @@
 import { type RadioPopoutProps, type RadioPopoutSlots } from './common';
 declare function __VLS_template(): Readonly<RadioPopoutSlots> & RadioPopoutSlots;
-declare const __VLS_component: import("vue").DefineComponent<RadioPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (value: any) => any;
-    change: (value: any) => any;
-    "update:visible": (visible: boolean) => any;
+declare const __VLS_component: import("vue").DefineComponent<RadioPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<RadioPopoutProps> & Readonly<{
-    "onUpdate:model-value"?: ((value: any) => any) | undefined;
-    onChange?: ((value: any) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     options: import("../radio/common").RadioGroupOption[];
     type: import("../radio/common").IconType;

package/components/radio-popout/radio-popout.vue

@@ -5,6 +5,7 @@
     :root-class="popoutClass"
     :root-style="popoutStyle"
     @confirm="onConfirm"
+    @visible-hook="onVisibleHook"
   >
     <template #visible="{ already }">
       <view v-if="already">
@@ -104,6 +105,16 @@ import { useScrollSide, useFormPopout } from "../../use";
  * @property {string} filterPlaceholder 搜索输入框占位符内容，默认值：-。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(value: any | undefined) => void} change 单选输入组件值改变时触发
+ * @event {() => void} confirm 点击确定按钮时触发
+ * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
+ * @event {() => void} before-enter 入场动画开始前触发
+ * @event {() => void} enter 入场动画开始时触发
+ * @event {() => void} after-enter 入场动画结束时触发
+ * @event {() => void} enter-cancelled 入场动画取消时触发
+ * @event {() => void} before-leave 退场动画开始前触发
+ * @event {() => void} leave 退场动画开始时触发
+ * @event {() => void} after-leave 退场动画结束时触发
+ * @event {() => void} leave-cancelled 退场动画取消时触发
  */
 export default  _defineComponent({
   components: {
@@ -142,16 +153,13 @@ export default  _defineComponent({
     options: { type: Array, required: false },
     optionKeys: { type: Object, required: false }
   }, defaultRadioPopoutProps()),
-  emits: ["update:visible", "update:model-value", "change"],
+  emits: ["update:visible", "update:model-value", "change", "confirm", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
     const emit = __emit;
     const bem = createBem("radio-popout");
-    const { innerVisible, popoutValue, onChange, onConfirm } = useFormPopout(
-      props,
-      emit
-    );
+    const { innerVisible, popoutValue, onChange, onConfirm, onVisibleHook } = useFormPopout(props, emit);
     const fieldKeys = computed(() => {
       return Object.assign({}, defaultOptionKeys, props.optionKeys);
     });
@@ -190,7 +198,7 @@ export default  _defineComponent({
         bem.em("scroll", "searchable", props.searchable)
       );
     });
-    const __returned__ = { props, emit, bem, innerVisible, popoutValue, onChange, onConfirm, fieldKeys, objectOptions, select, searchValue, filteredOptions, scrollSide, onScroll, onScrolltoupper, onScrolltolower, containerClass, scrollClass, SarPopout, SarRadioGroup, SarRadio, SarList, SarListItem, SarIcon, SarInput };
+    const __returned__ = { props, emit, bem, innerVisible, popoutValue, onChange, onConfirm, onVisibleHook, fieldKeys, objectOptions, select, searchValue, filteredOptions, scrollSide, onScroll, onScrolltoupper, onScrolltolower, containerClass, scrollClass, SarPopout, SarRadioGroup, SarRadio, SarList, SarListItem, SarIcon, SarInput };
     return __returned__;
   }
 });

package/components/rate/rate.d.ts

@@ -6,8 +6,8 @@ declare const _default: import("vue").DefineComponent<RateProps, {}, {}, {}, {},
     "onUpdate:model-value"?: ((value: number) => any) | undefined;
     onChange?: ((value: number) => any) | undefined;
 }>, {
-    validateEvent: boolean;
     count: number;
+    validateEvent: boolean;
     icon: string;
     voidIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/share-sheet/README.md

@@ -68,12 +68,21 @@ import ShareSheet from 'sard-uniapp/components/share-sheet/share-sheet.vue'
 
 ### ShareSheetEmits
 
-| 事件           | 描述               | 类型                           |
-| -------------- | ------------------ | ------------------------------ |
-| update:visible | 分享面板显隐时触发 | (visible: boolean) => void     |
-| close          | 点击遮罩时触发     | () => void                     |
-| cancel         | 点击取消按钮时触发 | () => void                     |
-| select         | 点击分享项时触发   | (item: ShareSheetItem) => void |
+| 事件                               | 描述                        | 类型                               |
+| ---------------------------------- | --------------------------- | ---------------------------------- |
+| update:visible                     | 分享面板显隐时触发          | (visible: boolean) => void         |
+| close                              | 点击遮罩时触发              | () => void                         |
+| cancel                             | 点击取消按钮时触发          | () => void                         |
+| select                             | 点击分享项时触发            | (item: ShareSheetItem) => void     |
+| visible-hook <sup>1.22.1+</sup>    | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
+| before-enter <sup>1.22.1+</sup>    | 入场动画开始前触发          | () => void                         |
+| enter <sup>1.22.1+</sup>           | 入场动画开始时触发          | () => void                         |
+| after-enter <sup>1.22.1+</sup>     | 入场动画结束时触发          | () => void                         |
+| enter-cancelled <sup>1.22.1+</sup> | 入场动画取消时触发          | () => void                         |
+| before-leave <sup>1.22.1+</sup>    | 退场动画开始前触发          | () => void                         |
+| leave <sup>1.22.1+</sup>           | 退场动画开始时触发          | () => void                         |
+| after-leave <sup>1.22.1+</sup>     | 退场动画结束时触发          | () => void                         |
+| leave-cancelled <sup>1.22.1+</sup> | 退场动画取消时触发          | () => void                         |
 
 ### ShareSheetItem
 

package/components/share-sheet/common.d.ts

@@ -1,4 +1,5 @@
 import { type StyleValue } from 'vue';
+import { type TransitionHookEmits } from '../popup/common';
 export interface ShareSheetProps {
     rootStyle?: StyleValue;
     rootClass?: string;
@@ -15,7 +16,7 @@ export declare const defaultShareSheetProps: {
     overlayClosable: boolean;
     duration: number;
 };
-export interface ShareSheetEmits {
+export interface ShareSheetEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'close'): void;
     (e: 'cancel'): void;

package/components/share-sheet/share-sheet.d.ts

@@ -1,14 +1,10 @@
-import { type ShareSheetProps, type ShareSheetItem } from './common';
-declare const _default: import("vue").DefineComponent<ShareSheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    cancel: () => any;
-    close: () => any;
-    select: (item: ShareSheetItem) => any;
-    "update:visible": (visible: boolean) => any;
+import { type ShareSheetProps } from './common';
+declare const _default: import("vue").DefineComponent<ShareSheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<ShareSheetProps> & Readonly<{
-    onCancel?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
-    onSelect?: ((item: ShareSheetItem) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     duration: number;
     overlayClosable: boolean;

package/components/share-sheet/share-sheet.vue

@@ -4,6 +4,7 @@
     :visible="innerVisible"
     :duration="duration"
     @overlay-click="onOverlayClick"
+    @visible-hook="onVisibleHook"
   >
     <view :class="shareSheetClass" :style="shareSheetStyle">
       <view v-if="title || description" :class="bem.e('header')">
@@ -105,6 +106,15 @@ import {
  * @event {() => void} close 点击遮罩时触发
  * @event {() => void} cancel 点击取消按钮时触发
  * @event {(item: ShareSheetItem) => void} select 点击分享项时触发
+ * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
+ * @event {() => void} before-enter 入场动画开始前触发
+ * @event {() => void} enter 入场动画开始时触发
+ * @event {() => void} after-enter 入场动画结束时触发
+ * @event {() => void} enter-cancelled 入场动画取消时触发
+ * @event {() => void} before-leave 退场动画开始前触发
+ * @event {() => void} leave 退场动画开始时触发
+ * @event {() => void} after-leave 退场动画结束时触发
+ * @event {() => void} leave-cancelled 退场动画取消时触发
  */
 export default  _defineComponent({
   components: {
@@ -130,7 +140,7 @@ export default  _defineComponent({
     beforeClose: { type: Function, required: false },
     duration: { type: Number, required: false }
   }, defaultShareSheetProps),
-  emits: ["update:visible", "close", "cancel", "select"],
+  emits: ["update:visible", "close", "cancel", "select", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -184,6 +194,10 @@ export default  _defineComponent({
       emit("cancel");
       perhapsClose("cancel");
     };
+    const onVisibleHook = (name) => {
+      emit("visible-hook", name);
+      emit(name);
+    };
     const isImg = (url) => {
       return typeof url === "string" && isFileUrl(url);
     };
@@ -193,7 +207,7 @@ export default  _defineComponent({
     const shareSheetStyle = computed(() => {
       return stringifyStyle(props.rootStyle);
     });
-    const __returned__ = { props, emit, bem, finalItemList, innerVisible, perhapsClose, onOverlayClick, onSelect, onCancel, isImg, shareSheetClass, shareSheetStyle, get classNames() {
+    const __returned__ = { props, emit, bem, finalItemList, innerVisible, perhapsClose, onOverlayClick, onSelect, onCancel, onVisibleHook, isImg, shareSheetClass, shareSheetStyle, get classNames() {
       return classNames;
     }, get stringifyStyle() {
       return stringifyStyle;

package/components/style/mixins.scss

@@ -7,4 +7,3 @@
 @forward './mixins/universal';
 @forward './mixins/bem';
 @forward './mixins/scroll-shadow';
-@forward './mixins/disable-scroll';

package/components/style/variables.scss

@@ -211,7 +211,5 @@ page,
   --sar-duration-slow: 500ms;
   --sar-duration: 300ms;
   --sar-duration-fast: 150ms;
-
-  --sar-disable-scroll-z-index: 999999;
 }
 // #endvariables

package/components/tree/common.d.ts

@@ -100,6 +100,5 @@ export interface TreeContext {
     drop: (dropOriginNode: TreeStateNode, dropTargetNode: TreeStateNode, position: number) => void;
     currentKey: string | number | undefined;
     singleSelect: (node: TreeStateNode) => void;
-    dragging: boolean;
 }
 export declare const treeContextSymbol: unique symbol;

package/components/tree/index.scss

@@ -10,8 +10,4 @@
   @include e(input-wrapper) {
     padding: var(--sar-dialog-body-padding-y) var(--sar-dialog-body-padding-x);
   }
-
-  /* #ifdef MP-ALIPAY */
-  @include disable-scroll;
-  /* #endif */
 }

package/components/tree/tree.vue

@@ -31,17 +31,6 @@
   </sar-dialog>
 
   <sar-toast v-model:visible="toastVisible" :title="t('please')" />
-
-  <!-- #ifdef MP-ALIPAY -->
-  <view
-    :class="
-      classNames(
-        bem.e('disable-scroll'),
-        bem.em('disable-scroll', 'dragging', context.dragging),
-      )
-    "
-  ></view>
-  <!-- #endif -->
 </template>
 
 <script>
@@ -572,8 +561,7 @@ export default  _defineComponent({
       drop,
       edit,
       currentKey,
-      singleSelect,
-      dragging: false
+      singleSelect
     });
     provide(treeContextSymbol, context);
     __expose({
@@ -608,9 +596,7 @@ export default  _defineComponent({
       return currentEditNode;
     }, set currentEditNode(v) {
       currentEditNode = v;
-    }, currentEditType, currentEditValue, mapEditTypeTitle, currentEditTitle, dialogVisible, toastVisible, onPopoverSelect, beforeClose, edit, focused, onVisibleHook, defaultFilterMethod, filter, currentKey, singleSelect, context, treeClass, treeStyle, get classNames() {
-      return classNames;
-    }, SarTreeNode, SarPopover, SarInput, SarDialog, SarToast };
+    }, currentEditType, currentEditValue, mapEditTypeTitle, currentEditTitle, dialogVisible, toastVisible, onPopoverSelect, beforeClose, edit, focused, onVisibleHook, defaultFilterMethod, filter, currentKey, singleSelect, context, treeClass, treeStyle, SarTreeNode, SarPopover, SarInput, SarDialog, SarToast };
     return __returned__;
   }
 });

package/components/tree-node/index.scss

@@ -94,6 +94,7 @@
     line-height: var(--sar-leading-none);
     color: var(--sar-tree-drag-color);
     cursor: pointer;
+    touch-action: none;
 
     &:active {
       opacity: var(--sar-tree-drag-active-opacity);

package/components/tree-node/tree-node.vue

@@ -207,7 +207,6 @@ export default  _defineComponent({
       onDragSimulatedPressTouchEnd
     ] = useSimulatedPress({
       start: () => {
-        treeContext.dragging = true;
         dragging.value = true;
         treeContext.setExpandedByNode(props.node, false);
         onDragStart();
@@ -218,7 +217,6 @@ export default  _defineComponent({
         }
       },
       end: () => {
-        treeContext.dragging = false;
         dragging.value = false;
         onDragEnd();
       },

package/components/upload/README.md

@@ -83,6 +83,14 @@ import Upload from 'sard-uniapp/components/upload/upload.vue'
 
 @code('${DEMO_PATH}/upload/demo/CustomSelect.vue')
 
+### 自定义渲染 <sup>1.22.2+</sup>
+
+使用默认插槽自定义渲染内容。
+
+`list` 参数用于渲染文件列表；`onSelect` 用于选择文件；`onRemove` 用于删除文件；`onImageClick` 用于预览图片。
+
+@code('${DEMO_PATH}/upload/demo/Custom.vue')
+
 ## API
 
 ### UploadProps
@@ -110,7 +118,7 @@ import Upload from 'sard-uniapp/components/upload/upload.vue'
 | before-remove                    | 文件删除前的回调，返回 false 可终止文件删除，支持返回 Promise                                                                                     | (index: number, fileItem: UploadFileItem) => boolean \| Promise\<any>                         | -                          |
 | validate-event                   | 是否触发表单验证                                                                                                                                  | boolean                                                                                       | true                       |
 
-### UploadSelectOptions <sup>1.21.0+</sup>
+### UploadSelectOptions <sup>1.21+</sup>
 
 ```ts
 interface UploadSelectOptions {
@@ -120,9 +128,10 @@ interface UploadSelectOptions {
 
 ### UploadSlots
 
-| 插槽   | 描述           | 属性 |
-| ------ | -------------- | ---- |
-| select | 自定义选取内容 | -    |
+| 插槽                       | 描述           | 属性                                                                                                                                            |
+| -------------------------- | -------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
+| default <sup>1.22.2+</sup> | 自定义渲染     | { list: UploadFileItem[]; onSelect: () => void; onRemove: (index: number, item: UploadFileItem) => void; onImageClick: (index: number) => void} |
+| select                     | 自定义选取内容 | -                                                                                                                                               |
 
 ### UploadEmits
 

package/components/upload/common.d.ts

@@ -47,6 +47,12 @@ export interface UploadProps {
 }
 export declare const defaultUploadProps: Omit<typeof defaultConfig.upload, "sourceType" | "sizeType">;
 export interface UploadSlots {
+    default?(props: {
+        list: UploadFileItem[];
+        onSelect: () => void;
+        onRemove: (index: number, item: UploadFileItem) => void;
+        onImageClick: (index: number) => void;
+    }): any;
     select?(props: Record<string, never>): any;
 }
 export interface UploadEmits {

package/components/upload/upload.vue

@@ -1,36 +1,43 @@
 <template>
   <view :class="uploadClass" :style="uploadStyle">
-    <view :class="bem.e('wrapper')">
-      <sar-upload-preview
-        v-for="(item, index) in innerValue"
-        :key="index"
-        :file="item.file"
-        :url="item.url"
-        :is-image="item.isImage"
-        :is-video="item.isVideo"
-        :status="item.status"
-        :name="item.name"
-        :message="item.message"
-        :removable="removable"
-        :index="index"
-        :disabled="isDisabled"
-        :readonly="isReadonly"
-        @remove="onRemove(index, item)"
-        @image-click="onImageClick(index)"
-        @click="onItemClick(index, item)"
-      />
-      <view
-        v-if="innerValue.length < maxCount && !isReadonly"
-        :class="bem.e('select')"
-        @click="onSelect"
-      >
-        <slot name="select">
-          <view :class="bem.e('select-icon')">
-            <sar-icon family="sari" name="plus" />
-          </view>
-        </slot>
+    <slot
+      :list="innerValue"
+      :on-select="onSelect"
+      :on-remove="onRemove"
+      :on-image-click="onImageClick"
+    >
+      <view :class="bem.e('wrapper')">
+        <sar-upload-preview
+          v-for="(item, index) in innerValue"
+          :key="index"
+          :file="item.file"
+          :url="item.url"
+          :is-image="item.isImage"
+          :is-video="item.isVideo"
+          :status="item.status"
+          :name="item.name"
+          :message="item.message"
+          :removable="removable"
+          :index="index"
+          :disabled="isDisabled"
+          :readonly="isReadonly"
+          @remove="onRemove(index, item)"
+          @image-click="onImageClick(index)"
+          @click="onItemClick(index, item)"
+        />
+        <view
+          v-if="innerValue.length < maxCount && !isReadonly"
+          :class="bem.e('select')"
+          @click="onSelect"
+        >
+          <slot name="select">
+            <view :class="bem.e('select-icon')">
+              <sar-icon family="sari" name="plus" />
+            </view>
+          </slot>
+        </view>
       </view>
-    </view>
+    </slot>
   </view>
 </template>
 

package/components/waterfall/README.md

@@ -3,7 +3,7 @@ nav: 组件
 title: Waterfall
 subtitle: 瀑布流
 group: 布局
-version: 1.21.0+
+version: 1.21+
 ---
 
 ## 介绍

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.22.0",
+  "version": "1.22.2",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "main": "index.js",
   "scripts": {
@@ -123,7 +123,7 @@
     "lodash-es": "^4.17.21",
     "prettier": "^3.5.3",
     "region-data": "^1.2.3",
-    "sard-cli": "^1.3.4",
+    "sard-cli": "^1.3.6",
     "sass": "^1.69.7",
     "tailwindcss": "^3.4.17",
     "tel-area-code": "^1.1.0",

package/use/useFormPopout.d.ts

@@ -1,12 +1,15 @@
+import { type TransitionHookName } from './useTransition';
+import { type TransitionHookEmits } from '../components/popup/common';
 export interface UseFormPopoutProps {
     visible?: boolean;
     modelValue?: any;
     validateEvent?: boolean;
 }
-export interface UseFormPopoutEmits {
+export interface UseFormPopoutEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', ...args: any[]): void;
     (e: 'change', ...args: any[]): void;
+    (e: 'confirm'): void;
 }
 export declare function useFormPopout(props: UseFormPopoutProps, emit: UseFormPopoutEmits, options?: {
     onChange?: (...args: any[]) => void;
@@ -16,5 +19,6 @@ export declare function useFormPopout(props: UseFormPopoutProps, emit: UseFormPo
     innerValue: import("vue").Ref<any, any>;
     popoutValue: import("vue").Ref<any, any>;
     onChange: (value: any, ...args: any[]) => void;
-    onConfirm: () => void;
+    onConfirm: (showConfirm?: boolean) => void;
+    onVisibleHook: (name: TransitionHookName) => void;
 };

package/use/useFormPopout.js

@@ -23,7 +23,10 @@ export function useFormPopout(props, emit, options = {}) {
         restArgs = args;
         options.onChange?.(value, ...args);
     };
-    const onConfirm = () => {
+    const onConfirm = (showConfirm = true) => {
+        if (showConfirm) {
+            emit('confirm');
+        }
         const extraArgs = options.onConfirmBefore?.();
         if (extraArgs) {
             restArgs = extraArgs;
@@ -35,11 +38,16 @@ export function useFormPopout(props, emit, options = {}) {
             emit('change', ...args);
         }
     };
+    const onVisibleHook = (name) => {
+        emit('visible-hook', name);
+        emit(name);
+    };
     return {
         innerVisible: visible,
         innerValue,
         popoutValue,
         onChange,
         onConfirm,
+        onVisibleHook,
     };
 }

package/use/usePopoutInput.d.ts

@@ -1,9 +1,11 @@
+import { type TransitionHookName } from './useTransition';
+import { type TransitionHookEmits } from '../components/popup/common';
 export interface UsePopoutInputProps {
     visible?: boolean;
     modelValue?: any;
     valueOnClear?: () => any;
 }
-export interface UsePopoutInputEmits {
+export interface UsePopoutInputEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', ...args: any[]): void;
     (e: 'change', ...args: any[]): void;
@@ -17,4 +19,5 @@ export declare function usePopoutInput(props: UsePopoutInputProps, emit: UsePopo
     show: () => void;
     onChange: (...args: any[]) => void;
     onClear: () => void;
+    onVisibleHook: (name: TransitionHookName) => void;
 };

package/use/usePopoutInput.js

@@ -8,6 +8,10 @@ export function usePopoutInput(props, emit, options = {}) {
     const show = () => {
         visible.value = true;
     };
+    const onVisibleHook = (name) => {
+        emit('visible-hook', name);
+        emit(name);
+    };
     // value
     const innerValue = ref(props.modelValue);
     const getValueOnClear = () => (props.valueOnClear || defaultConfig.valueOnClear || defaultValueOnClear)();
@@ -38,5 +42,6 @@ export function usePopoutInput(props, emit, options = {}) {
         show,
         onChange,
         onClear,
+        onVisibleHook,
     };
 }

package/utils/dom.js

@@ -8,7 +8,9 @@ export function getBoundingClientRect(selector, instance) {
     return new Promise((resolve) => {
         uni
             .createSelectorQuery()
+            // #ifndef MP-ALIPAY
             .in(instance?.proxy)
+            // #endif
             .select(selector)
             .boundingClientRect((data) => {
             resolve(data);

package/components/style/mixins/disable-scroll.scss

@@ -1,14 +0,0 @@
-@use './bem' as *;
-
-@mixin disable-scroll {
-  position: fixed;
-  inset: 0;
-  z-index: var(--sar-disable-scroll-z-index);
-  display: none;
-  background-color: transparent;
-  touch-action: none;
-
-  @include m(dragging) {
-    display: block;
-  }
-}