ele-admin-plus 1.2.1-beta.3 → 1.2.1-beta.5

package/lib/ele-app/style/scrollbar/css-var.scss

@@ -1,4 +1,6 @@
 @use '../../../style/util.scss' as *;
+// 美化滚动条样式针对谷歌选择器
+$scrollbar-webkit-selector: 'html.is-webkit' !default;
 
 /* 滚动条主题变量 */
 @mixin set-scrollbar-var($var) {
@@ -6,18 +8,18 @@
 }
 
 /* 滚动条样式 */
-@mixin scrollbar-style() {
-  * {
+@mixin scrollbar-style($selector: '') {
+  #{if($selector == '', '*', $selector)} {
     scrollbar-width: thin;
     scrollbar-color: eleVar('scrollbar', 'color') eleVar('scrollbar', 'bg');
   }
 
-  ::-webkit-scrollbar {
+  #{$selector}::-webkit-scrollbar {
     width: eleVar('scrollbar', 'size');
     height: eleVar('scrollbar', 'size');
   }
 
-  ::-webkit-scrollbar-thumb {
+  #{$selector}::-webkit-scrollbar-thumb {
     border: eleVar('scrollbar', 'padding') solid transparent;
     border-radius: eleVar('scrollbar', 'radius');
     background-color: eleVar('scrollbar', 'color');
@@ -28,11 +30,11 @@
     }
   }
 
-  ::-webkit-scrollbar-track {
+  #{$selector}::-webkit-scrollbar-track {
     background: eleVar('scrollbar', 'bg');
   }
 
-  ::-webkit-scrollbar-corner {
+  #{$selector}::-webkit-scrollbar-corner {
     background: transparent;
   }
 }
@@ -42,8 +44,8 @@
   @if $selector == '' {
     @include scrollbar-style();
 
-    html.is-webkit,
-    html.is-webkit * {
+    #{$scrollbar-webkit-selector},
+    #{$scrollbar-webkit-selector} * {
       scrollbar-width: auto;
       scrollbar-color: auto;
     }
@@ -51,20 +53,19 @@
     @media (hover: hover) and (pointer: fine) {
       @include scrollbar-style();
 
-      html.is-webkit,
-      html.is-webkit * {
+      #{$scrollbar-webkit-selector},
+      #{$scrollbar-webkit-selector} * {
         scrollbar-width: auto;
         scrollbar-color: auto;
       }
     }
   } @else if $selector != 'never' {
-    #{$selector} {
-      @include scrollbar-style();
+    @include scrollbar-style($selector);
 
-      &.is-webkit * {
-        scrollbar-width: auto;
-        scrollbar-color: auto;
-      }
+    #{$scrollbar-webkit-selector}#{$selector},
+    #{$scrollbar-webkit-selector} #{$selector} {
+      scrollbar-width: auto;
+      scrollbar-color: auto;
     }
   }
 }

package/lib/ele-app/types.d.ts

@@ -1,5 +1,12 @@
 import type { CSSProperties, Component, SetupContext } from 'vue';
 
+/**
+ * 只读属性改为可读
+ */
+export type Mutable<T> = {
+  -readonly [P in keyof T]: T[P];
+};
+
 /**
  * 样式值
  */
@@ -23,7 +30,7 @@ export type ClassValues = ClassValue | Array<ClassValue>;
 /**
  * 组件属性
  */
-export type ComponentProps<T> = Partial<T> & {
+export type ComponentProps<T> = Mutable<Partial<T>> & {
   /** 类名 */
   class?: ClassValues;
   /** 样式 */

package/lib/ele-basic-select/index.d.ts

@@ -109,10 +109,10 @@ declare const _default: import('vue').DefineComponent<{
     clearable: boolean;
     disabled: boolean;
     filterable: boolean;
-    multiple: boolean;
+    persistent: boolean;
     visible: boolean;
     transition: string;
-    persistent: boolean;
+    multiple: boolean;
     automaticDropdown: boolean;
 }, {}>;
 export default _default;

package/lib/ele-bottom-bar/index.cjs

@@ -1,9 +1,25 @@
 "use strict";
 const vue = require("vue");
+const util = require("../ele-pro-layout/util");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleBottomBar",
-  props: props.bottomBarProps
+  props: props.bottomBarProps,
+  setup() {
+    const layoutState = util.useLayoutState();
+    const isActivated = vue.ref(true);
+    const teleportTo = vue.computed(() => {
+      var _a;
+      return (_a = layoutState.getBodyWrapperEl) == null ? void 0 : _a.call(layoutState);
+    });
+    vue.onActivated(() => {
+      isActivated.value = true;
+    });
+    vue.onDeactivated(() => {
+      isActivated.value = false;
+    });
+    return { isActivated, teleportTo };
+  }
 });
 const _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -12,22 +28,28 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-bottom-bar" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createElementVNode("div", {
-      class: "ele-bottom-bar-body",
-      style: vue.normalizeStyle(_ctx.bodyStyle)
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 4),
+  return vue.openBlock(), vue.createBlock(vue.Teleport, {
+    to: _ctx.teleportTo,
+    disabled: !_ctx.teleported || !_ctx.teleportTo
+  }, [
     vue.createElementVNode("div", {
-      class: "ele-bottom-bar-extra",
-      style: vue.normalizeStyle(_ctx.extraStyle)
+      class: vue.normalizeClass(["ele-bottom-bar", { "is-deactivated": !_ctx.isActivated }])
     }, [
-      vue.renderSlot(_ctx.$slots, "extra")
-    ], 4)
-  ]);
+      vue.createElementVNode("div", {
+        class: "ele-bottom-bar-body",
+        style: vue.normalizeStyle(_ctx.bodyStyle)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 4),
+      vue.createElementVNode("div", {
+        class: "ele-bottom-bar-extra",
+        style: vue.normalizeStyle(_ctx.extraStyle)
+      }, [
+        vue.renderSlot(_ctx.$slots, "extra")
+      ], 4)
+    ], 2)
+  ], 8, ["to", "disabled"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

package/lib/ele-bottom-bar/index.d.ts

@@ -1,8 +1,15 @@
 declare const _default: import('vue').DefineComponent<{
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    teleported: BooleanConstructor;
+}, {
+    isActivated: import('vue').Ref<boolean>;
+    teleportTo: import('vue').ComputedRef<HTMLElement | null | undefined>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     extraStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-}>>, {}, {}>;
+    teleported: BooleanConstructor;
+}>>, {
+    teleported: boolean;
+}, {}>;
 export default _default;

package/lib/ele-bottom-bar/props.cjs

@@ -4,6 +4,8 @@ const bottomBarProps = {
   /** 内容样式 */
   bodyStyle: Object,
   /** 右侧样式 */
-  extraStyle: Object
+  extraStyle: Object,
+  /** 是否插入到布局的内容节点后 */
+  teleported: Boolean
 };
 exports.bottomBarProps = bottomBarProps;

package/lib/ele-bottom-bar/props.d.ts

@@ -9,5 +9,7 @@ export declare const bottomBarProps: {
     bodyStyle: PropType<StyleValue>;
     /** 右侧样式 */
     extraStyle: PropType<StyleValue>;
+    /** 是否插入到布局的内容节点后 */
+    teleported: BooleanConstructor;
 };
 export type BottomBarProps = ExtractPropTypes<typeof bottomBarProps>;

package/lib/ele-bottom-bar/style/index.scss

@@ -5,6 +5,7 @@
 @include set-bottom-bar-var($ele);
 
 .ele-bottom-bar {
+  flex-shrink: 0;
   position: sticky;
   bottom: 0;
   display: flex;
@@ -23,4 +24,8 @@
   .ele-bottom-bar-extra {
     flex-shrink: 0;
   }
+
+  &.is-deactivated {
+    display: none;
+  }
 }

package/lib/ele-check-card/index.d.ts

@@ -47,13 +47,13 @@ declare const _default: import('vue').DefineComponent<{
     itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     row: import('vue').PropType<boolean | import('../ele-app/el').ElRowProps>;
 }>> & {
-    onChange?: ((_value: CheckedValue) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: CheckedValue) => any) | undefined;
+    onChange?: ((_value: CheckedValue) => any) | undefined;
 }, {
     modelValue: CheckedValue;
     disabled: boolean;
-    multiple: boolean;
     bordered: boolean;
     arrow: boolean;
+    multiple: boolean;
 }, {}>;
 export default _default;

package/lib/ele-cropper/components/cropper-tools.cjs

@@ -2,8 +2,9 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const icons = require("../../icons");
-const EleTooltip = require("../../ele-tooltip/index");
+const hook = require("../../utils/hook");
 const receiver = require("../../ele-config-provider/receiver");
+const EleTooltip = require("../../ele-tooltip/index");
 const TOOL_ICONS = {
   zoomIn: icons.ZoomInOutlined,
   zoomOut: icons.ZoomOutOutlined,
@@ -31,6 +32,8 @@ const _sfc_main = vue.defineComponent({
     tooltip: Boolean,
     /** 提示组件属性 */
     tooltipProps: Object,
+    /** 上传按钮点击前的钩子 */
+    beforeUploadClick: Function,
     /** 国际化 */
     locale: Object
   },
@@ -51,31 +54,52 @@ const _sfc_main = vue.defineComponent({
   },
   setup(props, { emit }) {
     const { lang } = receiver.useLocale("cropper", props);
+    const [startHideTipTimer, stopHideTipTimer] = hook.useTimer(200);
+    const tooltipRef = vue.ref(null);
     const groups = vue.shallowRef([]);
     const tooltipContent = vue.ref("");
     const virtualRef = vue.ref();
+    const emitUpload = (data, type) => {
+      emit("upload", { data, type });
+    };
     const handleUpload = (file) => {
       const reader = new FileReader();
       reader.onload = (e) => {
         var _a;
-        emit("upload", {
-          data: (_a = e.target) == null ? void 0 : _a.result,
-          type: file.type
-        });
+        const url = (_a = e.target) == null ? void 0 : _a.result;
+        if (url != null) {
+          emitUpload(url, file.type);
+        }
       };
       reader.readAsDataURL(file);
       return false;
     };
-    const handleClick = (name) => {
-      emit(name);
+    const hideTooltip = () => {
+      tooltipRef.value && tooltipRef.value.hide();
     };
     const handleItemHover = (item, e) => {
       const title = lang.value[item.name];
       if (props.tooltip && item.name !== "ok" && title) {
+        stopHideTipTimer();
         virtualRef.value = e.currentTarget;
         tooltipContent.value = title;
       }
     };
+    const handleClick = (name) => {
+      startHideTipTimer(() => {
+        hideTooltip();
+      });
+      emit(name);
+    };
+    const handleUploadButtonClick = (e) => {
+      startHideTipTimer(() => {
+        hideTooltip();
+      });
+      if (props.beforeUploadClick && props.beforeUploadClick(e, emitUpload) === false) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    };
     vue.watch(
       () => props.tools,
       (tools) => {
@@ -93,7 +117,7 @@ const _sfc_main = vue.defineComponent({
             return {
               key: i + "-" + j + name,
               name,
-              icon: TOOL_ICONS[name],
+              icon: vue.markRaw(TOOL_ICONS[name]),
               className: `ele-cropper-${name}`
             };
           });
@@ -104,12 +128,14 @@ const _sfc_main = vue.defineComponent({
     );
     return {
       lang,
+      tooltipRef,
       groups,
       tooltipContent,
       virtualRef,
       handleUpload,
       handleClick,
-      handleItemHover
+      handleItemHover,
+      handleUploadButtonClick
     };
   }
 });
@@ -141,7 +167,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 0,
                 action: "",
                 accept: _ctx.accept,
-                showUploadList: false,
+                showFileList: false,
                 beforeUpload: _ctx.handleUpload,
                 style: { "display": "inline-block", "line-height": "0" }
               }, {
@@ -150,8 +176,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     type: "primary",
                     icon: item.icon,
                     class: vue.normalizeClass(["ele-cropper-tool", item.className]),
-                    onMouseover: (e) => _ctx.handleItemHover(item, e)
-                  }, null, 8, ["icon", "class", "onMouseover"])
+                    onMouseover: (e) => _ctx.handleItemHover(item, e),
+                    onClick: _ctx.handleUploadButtonClick
+                  }, null, 8, ["icon", "class", "onMouseover", "onClick"])
                 ]),
                 _: 2
               }, 1032, ["accept", "beforeUpload"])) : (vue.openBlock(), vue.createBlock(_component_ElButton, {
@@ -181,7 +208,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, _ctx.tooltipProps || {}, {
       content: _ctx.tooltipContent,
       virtualRef: _ctx.virtualRef,
-      virtualTriggering: true
+      virtualTriggering: true,
+      ref: "tooltipRef"
     }), null, 16, ["content", "virtualRef"])
   ]);
 }

package/lib/ele-cropper/components/cropper-tools.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { EleTooltipProps } from '../../ele-app/plus';
-import { UploadOption, ToolName, ToolGroup, ToolItem, CropperLocale } from '../types';
+import { EleTooltipProps, EleTooltipInstance } from '../../ele-app/plus';
+import { UploadOption, ToolName, ToolGroup, ToolItem, BeforeUploadClick, CropperLocale } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 操作按钮布局 */
@@ -11,16 +11,20 @@ declare const _default: import('vue').DefineComponent<{
     tooltip: BooleanConstructor;
     /** 提示组件属性 */
     tooltipProps: PropType<EleTooltipProps>;
+    /** 上传按钮点击前的钩子 */
+    beforeUploadClick: PropType<BeforeUploadClick>;
     /** 国际化 */
     locale: PropType<Partial<CropperLocale>>;
 }, {
     lang: import('vue').ComputedRef<CropperLocale>;
+    tooltipRef: import('vue').Ref<EleTooltipInstance>;
     groups: import('vue').ShallowRef<ToolGroup[]>;
     tooltipContent: import('vue').Ref<string>;
     virtualRef: import('vue').Ref<any>;
     handleUpload: (file: File) => boolean;
     handleClick: (name: Omit<ToolName, "upload">) => void;
     handleItemHover: (item: ToolItem, e: MouseEvent) => void;
+    handleUploadButtonClick: (e: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     zoomIn: () => true;
     zoomOut: () => true;
@@ -44,10 +48,13 @@ declare const _default: import('vue').DefineComponent<{
     tooltip: BooleanConstructor;
     /** 提示组件属性 */
     tooltipProps: PropType<EleTooltipProps>;
+    /** 上传按钮点击前的钩子 */
+    beforeUploadClick: PropType<BeforeUploadClick>;
     /** 国际化 */
     locale: PropType<Partial<CropperLocale>>;
 }>> & {
     onReset?: (() => any) | undefined;
+    onUpload?: ((_option?: UploadOption | undefined) => any) | undefined;
     onZoomIn?: (() => any) | undefined;
     onZoomOut?: (() => any) | undefined;
     onMoveLeft?: (() => any) | undefined;
@@ -58,7 +65,6 @@ declare const _default: import('vue').DefineComponent<{
     onRotateRight?: (() => any) | undefined;
     onFlipX?: (() => any) | undefined;
     onFlipY?: (() => any) | undefined;
-    onUpload?: ((_option?: UploadOption | undefined) => any) | undefined;
     onOk?: (() => any) | undefined;
 }, {
     tooltip: boolean;

package/lib/ele-cropper/index.cjs

@@ -190,6 +190,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       locale: _ctx.locale,
       tooltip: _ctx.tooltip,
       tooltipProps: _ctx.tooltipProps,
+      beforeUploadClick: _ctx.beforeUploadClick,
       onZoomIn: _ctx.handleZoomIn,
       onZoomOut: _ctx.handleZoomOut,
       onMoveLeft: _ctx.handleMoveLeft,
@@ -203,7 +204,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onReset: _ctx.handleReset,
       onUpload: _ctx.handleUpload,
       onOk: _ctx.handleOk
-    }, null, 8, ["tools", "accept", "locale", "tooltip", "tooltipProps", "onZoomIn", "onZoomOut", "onMoveLeft", "onMoveRight", "onMoveUp", "onMoveDown", "onRotateLeft", "onRotateRight", "onFlipX", "onFlipY", "onReset", "onUpload", "onOk"])
+    }, null, 8, ["tools", "accept", "locale", "tooltip", "tooltipProps", "beforeUploadClick", "onZoomIn", "onZoomOut", "onMoveLeft", "onMoveRight", "onMoveUp", "onMoveDown", "onRotateLeft", "onRotateRight", "onFlipX", "onFlipY", "onReset", "onUpload", "onOk"])
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/lib/ele-cropper/index.d.ts

@@ -34,6 +34,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    beforeUploadClick: import('vue').PropType<import('./types').BeforeUploadClick>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -92,6 +93,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    beforeUploadClick: import('vue').PropType<import('./types').BeforeUploadClick>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -100,10 +102,10 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onDone?: ((_result?: string | Blob | null | undefined) => any) | undefined;
 }, {
-    preview: boolean;
     tooltip: boolean;
     responsive: boolean;
     tools: string;
+    preview: boolean;
     imageType: string;
     accept: string;
     previewWidth: number;

package/lib/ele-cropper/props.cjs

@@ -43,6 +43,8 @@ const cropperProps = {
   },
   /** tooltip属性 */
   tooltipProps: Object,
+  /** 上传按钮点击前的钩子 */
+  beforeUploadClick: Function,
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,

package/lib/ele-cropper/props.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { EleTooltipProps } from '../ele-app/plus';
-import { CropperOptions, CroppedOptions, CropperLocale } from './types';
+import { CropperOptions, CroppedOptions, BeforeUploadClick, CropperLocale } from './types';
 
 /**
  * 属性
@@ -48,6 +48,8 @@ export declare const cropperProps: {
     };
     /** tooltip属性 */
     tooltipProps: PropType<EleTooltipProps>;
+    /** 上传按钮点击前的钩子 */
+    beforeUploadClick: PropType<BeforeUploadClick>;
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;

package/lib/ele-cropper/style/index.scss

@@ -9,8 +9,9 @@
   .ele-cropper-image {
     flex: 1;
     height: 300px;
-    position: relative;
     box-sizing: border-box;
+    position: relative;
+    overflow: hidden;
 
     & > img {
       width: auto;
@@ -31,9 +32,9 @@
   }
 
   .ele-cropper-previews {
-    font-size: 0;
     flex-shrink: 0;
     text-align: right;
+    font-size: 0;
   }
 
   .ele-cropper-preview {

package/lib/ele-cropper/types.d.ts

@@ -77,6 +77,22 @@ export interface CurrentState {
   scaleYValue: number;
 }
 
+/**
+ * 上传按钮点击自定义处理的回调
+ */
+export type BeforeUploadOnResult = (
+  data: string | ArrayBuffer,
+  type?: string
+) => void;
+
+/**
+ * 上传按钮点击前的钩子
+ */
+export type BeforeUploadClick = (
+  e: MouseEvent,
+  onResult: BeforeUploadOnResult
+) => boolean | undefined | void;
+
 /**
  * 国际化
  */

package/lib/ele-cropper-modal/index.cjs

@@ -51,10 +51,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         croppedOptions: _ctx.croppedOptions,
         tooltip: _ctx.tooltip,
         tooltipProps: _ctx.tooltipProps,
+        beforeUploadClick: _ctx.beforeUploadClick,
         responsive: _ctx.responsive,
         locale: _ctx.locale,
         onDone: _ctx.handleDone
-      }, null, 8, ["height", "src", "imageType", "accept", "tools", "preview", "previewWidth", "toBlob", "options", "croppedOptions", "tooltip", "tooltipProps", "responsive", "locale", "onDone"])
+      }, null, 8, ["height", "src", "imageType", "accept", "tools", "preview", "previewWidth", "toBlob", "options", "croppedOptions", "tooltip", "tooltipProps", "beforeUploadClick", "responsive", "locale", "onDone"])
     ]),
     _: 2
   }, [

package/lib/ele-cropper-modal/index.d.ts

@@ -33,6 +33,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    beforeUploadClick: import('vue').PropType<import('../ele-cropper/types').BeforeUploadClick>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -78,6 +79,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
+    beforeUploadClick: import('vue').PropType<import('../ele-cropper/types').BeforeUploadClick>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -88,8 +90,8 @@ declare const _default: import('vue').DefineComponent<{
     onDone?: ((_result: string | Blob | null) => any) | undefined;
 }, {
     modelValue: boolean;
-    preview: boolean;
     tooltip: boolean;
+    preview: boolean;
     responsive: boolean;
     imageType: string;
     accept: string;

package/lib/ele-cropper-modal/props.d.ts

@@ -39,6 +39,7 @@ export declare const cropperModalProps: {
         default: boolean;
     };
     tooltipProps: PropType<import('../ele-app/plus').EleTooltipProps>;
+    beforeUploadClick: PropType<import('../ele-cropper/types').BeforeUploadClick>;
     responsive: {
         type: BooleanConstructor;
         default: null;