tx-sider 2.2.21 → 2.2.23

package/lib/TXUI.mjs

@@ -973,17 +973,17 @@ function getEvents() {
 }
 function getStyle(ele2, camel) {
   var props = (isVNode(ele2) ? ele2.props : ele2.$attrs) || {};
-  var style = props.style || {};
-  if (typeof style === "string") {
-    style = parseStyleText(style, camel);
-  } else if (camel && style) {
+  var style2 = props.style || {};
+  if (typeof style2 === "string") {
+    style2 = parseStyleText(style2, camel);
+  } else if (camel && style2) {
     var res = {};
-    Object.keys(style).forEach(function(k10) {
-      return res[camelize(k10)] = style[k10];
+    Object.keys(style2).forEach(function(k10) {
+      return res[camelize(k10)] = style2[k10];
     });
     return res;
   }
-  return style;
+  return style2;
 }
 function isEmptyElement(c10) {
   return c10 && (c10.type === Comment || c10.type === Fragment && c10.children.length === 0 || c10.type === Text && c10.children.trim() === "");
@@ -2201,7 +2201,7 @@ const Notice = defineComponent({
     return function() {
       var _a2, _b2;
       var prefixCls = props.prefixCls, closable = props.closable, _props$closeIcon = props.closeIcon, closeIcon = _props$closeIcon === void 0 ? (_a2 = slots.closeIcon) === null || _a2 === void 0 ? void 0 : _a2.call(slots) : _props$closeIcon, onClick2 = props.onClick, holder = props.holder;
-      var className = attrs.class, style = attrs.style;
+      var className = attrs.class, style2 = attrs.style;
       var componentClass = "".concat(prefixCls, "-notice");
       var dataOrAriaAttributeProps = Object.keys(attrs).reduce(function(acc, key2) {
         if (key2.substr(0, 5) === "data-" || key2.substr(0, 5) === "aria-" || key2 === "role") {
@@ -2211,7 +2211,7 @@ const Notice = defineComponent({
       }, {});
       var node = createVNode("div", _objectSpread2$1({
         "class": classNames(componentClass, className, _defineProperty$q({}, "".concat(componentClass, "-closable"), closable)),
-        "style": style,
+        "style": style2,
         "onMouseenter": clearCloseTimer,
         "onMouseleave": startCloseTimer,
         "onClick": onClick2
@@ -4880,38 +4880,38 @@ function setNotificationConfig(options) {
 function getPlacementStyle(placement) {
   var top = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultTop;
   var bottom = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : defaultBottom;
-  var style;
+  var style2;
   switch (placement) {
     case "topLeft":
-      style = {
+      style2 = {
         left: "0px",
         top,
         bottom: "auto"
       };
       break;
     case "topRight":
-      style = {
+      style2 = {
         right: "0px",
         top,
         bottom: "auto"
       };
       break;
     case "bottomLeft":
-      style = {
+      style2 = {
         left: "0px",
         top: "auto",
         bottom
       };
       break;
     default:
-      style = {
+      style2 = {
         right: "0px",
         top: "auto",
         bottom
       };
       break;
   }
-  return style;
+  return style2;
 }
 function getNotificationInstance(_ref, callback) {
   var customizePrefixCls = _ref.prefixCls, _ref$placement = _ref.placement, placement = _ref$placement === void 0 ? defaultPlacement : _ref$placement, _ref$getContainer = _ref.getContainer, getContainer4 = _ref$getContainer === void 0 ? defaultGetContainer : _ref$getContainer, top = _ref.top, bottom = _ref.bottom, _ref$closeIcon = _ref.closeIcon, _closeIcon = _ref$closeIcon === void 0 ? defaultCloseIcon : _ref$closeIcon, appContext = _ref.appContext;
@@ -5801,7 +5801,7 @@ const useStretchStyle = function(stretch) {
       height: element.offsetHeight
     };
   }
-  var style = computed(function() {
+  var style2 = computed(function() {
     var sizeStyle = {};
     if (stretch.value) {
       var _targetSize$value = targetSize.value, width = _targetSize$value.width, height = _targetSize$value.height;
@@ -5818,7 +5818,7 @@ const useStretchStyle = function(stretch) {
     }
     return sizeStyle;
   });
-  return [style, measureStretch];
+  return [style2, measureStretch];
 };
 function ownKeys(object4, enumerableOnly) {
   var keys2 = Object.keys(object4);
@@ -5889,10 +5889,10 @@ function getVendorPrefix() {
     return vendorPrefix;
   }
   vendorPrefix = "";
-  var style = document.createElement("p").style;
+  var style2 = document.createElement("p").style;
   var testProp = "Transform";
   for (var key2 in jsCssMap) {
-    if (key2 + testProp in style) {
+    if (key2 + testProp in style2) {
       vendorPrefix = key2;
     }
   }
@@ -5926,8 +5926,8 @@ function getTransitionProperty(node) {
   return node.style.transitionProperty || node.style[getTransitionName2()];
 }
 function getTransformXY(node) {
-  var style = window.getComputedStyle(node, null);
-  var transform = style.getPropertyValue("transform") || style.getPropertyValue(getTransformName());
+  var style2 = window.getComputedStyle(node, null);
+  var transform = style2.getPropertyValue("transform") || style2.getPropertyValue(getTransformName());
   if (transform && transform !== "none") {
     var matrix = transform.replace(/[^0-9\-.,]/g, "").split(",");
     return {
@@ -5943,8 +5943,8 @@ function getTransformXY(node) {
 var matrix2d = /matrix\((.*)\)/;
 var matrix3d = /matrix3d\((.*)\)/;
 function setTransformXY(node, xy2) {
-  var style = window.getComputedStyle(node, null);
-  var transform = style.getPropertyValue("transform") || style.getPropertyValue(getTransformName());
+  var style2 = window.getComputedStyle(node, null);
+  var transform = style2.getPropertyValue("transform") || style2.getPropertyValue(getTransformName());
   if (transform && transform !== "none") {
     var arr;
     var match2d = transform.match(matrix2d);
@@ -6070,13 +6070,13 @@ var PX$1 = "px";
 function _getComputedStyleIE(elem, name2) {
   var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name2];
   if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name2)) {
-    var style = elem.style;
-    var left = style[LEFT];
+    var style2 = elem.style;
+    var left = style2[LEFT];
     var rsLeft = elem[RUNTIME_STYLE][LEFT];
     elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT];
-    style[LEFT] = name2 === "fontSize" ? "1em" : ret || 0;
-    ret = style.pixelLeft + PX$1;
-    style[LEFT] = left;
+    style2[LEFT] = name2 === "fontSize" ? "1em" : ret || 0;
+    ret = style2.pixelLeft + PX$1;
+    style2[LEFT] = left;
     elem[RUNTIME_STYLE][LEFT] = rsLeft;
   }
   return ret === "" ? "auto" : ret;
@@ -6214,18 +6214,18 @@ var BORDER_INDEX = 1;
 var MARGIN_INDEX = 0;
 function swap(elem, options, callback) {
   var old = {};
-  var style = elem.style;
+  var style2 = elem.style;
   var name2;
   for (name2 in options) {
     if (options.hasOwnProperty(name2)) {
-      old[name2] = style[name2];
-      style[name2] = options[name2];
+      old[name2] = style2[name2];
+      style2[name2] = options[name2];
     }
   }
   callback.call(elem);
   for (name2 in options) {
     if (options.hasOwnProperty(name2)) {
-      style[name2] = old[name2];
+      style2[name2] = old[name2];
     }
   }
 }
@@ -10118,16 +10118,16 @@ const ToolTip = defineComponent({
 const Tooltip = withInstall(ToolTip);
 function UnitNumber(_ref) {
   var prefixCls = _ref.prefixCls, value = _ref.value, current = _ref.current, _ref$offset = _ref.offset, offset3 = _ref$offset === void 0 ? 0 : _ref$offset;
-  var style;
+  var style2;
   if (offset3) {
-    style = {
+    style2 = {
       position: "absolute",
       top: "".concat(offset3, "00%"),
       left: 0
     };
   }
   return createVNode("p", {
-    "style": style,
+    "style": style2,
     "class": classNames("".concat(prefixCls, "-only-unit"), {
       current
     })
@@ -10253,9 +10253,9 @@ const ScrollNumber = defineComponent({
       _b2.prefixCls;
       var count = _b2.count, title = _b2.title;
       _b2.show;
-      var _b$component = _b2.component, Tag = _b$component === void 0 ? "sup" : _b$component, className = _b2.class, style = _b2.style, restProps = __rest$8(_b2, ["prefixCls", "count", "title", "show", "component", "class", "style"]);
+      var _b$component = _b2.component, Tag = _b$component === void 0 ? "sup" : _b$component, className = _b2.class, style2 = _b2.style, restProps = __rest$8(_b2, ["prefixCls", "count", "title", "show", "component", "class", "style"]);
       var newProps = _extends$1(_extends$1({}, restProps), {
-        style,
+        style: style2,
         "data-show": props.show,
         class: classNames(prefixCls.value, className),
         title
@@ -10272,9 +10272,9 @@ const ScrollNumber = defineComponent({
           }, null);
         });
       }
-      if (style && style.borderColor) {
-        newProps.style = _extends$1(_extends$1({}, style), {
-          boxShadow: "0 0 0 1px ".concat(style.borderColor, " inset")
+      if (style2 && style2.borderColor) {
+        newProps.style = _extends$1(_extends$1({}, style2), {
+          boxShadow: "0 0 0 1px ".concat(style2.borderColor, " inset")
         });
       }
       var children = filterEmpty((_a2 = slots.default) === null || _a2 === void 0 ? void 0 : _a2.call(slots));
@@ -10337,7 +10337,7 @@ const Ribbon = defineComponent({
     });
     return function() {
       var _a2, _b2;
-      var className = attrs.class, style = attrs.style, restAttrs = __rest$7(attrs, ["class", "style"]);
+      var className = attrs.class, style2 = attrs.style, restAttrs = __rest$7(attrs, ["class", "style"]);
       var colorStyle = {};
       var cornerColorStyle = {};
       if (props.color && !colorInPreset.value) {
@@ -10348,7 +10348,7 @@ const Ribbon = defineComponent({
         "class": "".concat(prefixCls.value, "-wrapper")
       }, restAttrs), [(_a2 = slots.default) === null || _a2 === void 0 ? void 0 : _a2.call(slots), createVNode("div", {
         "class": [ribbonCls.value, className],
-        "style": _extends$1(_extends$1({}, colorStyle), style)
+        "style": _extends$1(_extends$1({}, colorStyle), style2)
       }, [createVNode("span", {
         "class": "".concat(prefixCls.value, "-text")
       }, [props.text || ((_b2 = slots.text) === null || _b2 === void 0 ? void 0 : _b2.call(slots))]), createVNode("div", {
@@ -10462,7 +10462,7 @@ const Badge = defineComponent({
       var _classNames;
       var _a2, _b2;
       var offset3 = props.offset, title = props.title, color = props.color;
-      var style = attrs.style;
+      var style2 = attrs.style;
       var text = getPropsSlot(slots, props, "text");
       var pre2 = prefixCls.value;
       var count = livingCount.value;
@@ -10471,7 +10471,7 @@ const Badge = defineComponent({
       var visible = !!(!isHidden2.value || slots.count);
       var mergedStyle = function() {
         if (!offset3) {
-          return _extends$1({}, style);
+          return _extends$1({}, style2);
         }
         var offsetStyle = {
           marginTop: isNumeric$1(offset3[1]) ? "".concat(offset3[1], "px") : offset3[1]
@@ -10481,7 +10481,7 @@ const Badge = defineComponent({
         } else {
           offsetStyle.right = "".concat(-parseInt(offset3[0], 10), "px");
         }
-        return _extends$1(_extends$1({}, offsetStyle), style);
+        return _extends$1(_extends$1({}, offsetStyle), style2);
       }();
       var titleNode = title !== null && title !== void 0 ? title : typeof count === "string" || typeof count === "number" ? count : void 0;
       var statusTextNode = visible || !text ? null : createVNode("span", {
@@ -10577,7 +10577,7 @@ var startEvents = [];
 var endEvents = [];
 function detectEvents() {
   var testEl = document.createElement("div");
-  var style = testEl.style;
+  var style2 = testEl.style;
   if (!("AnimationEvent" in window)) {
     delete START_EVENT_NAME_MAP.animationstart.animation;
     delete END_EVENT_NAME_MAP.animationend.animation;
@@ -10591,7 +10591,7 @@ function detectEvents() {
       if (EVENT_NAME_MAP.hasOwnProperty(baseEventName)) {
         var baseEvents = EVENT_NAME_MAP[baseEventName];
         for (var styleName in baseEvents) {
-          if (styleName in style) {
+          if (styleName in style2) {
             events.push(baseEvents[styleName]);
             break;
           }
@@ -12260,20 +12260,20 @@ var ARow = defineComponent({
     });
     var rowStyle = computed(function() {
       var gt2 = gutter.value;
-      var style = {};
+      var style2 = {};
       var horizontalGutter = gt2[0] > 0 ? "".concat(gt2[0] / -2, "px") : void 0;
       var verticalGutter = gt2[1] > 0 ? "".concat(gt2[1] / -2, "px") : void 0;
       if (horizontalGutter) {
-        style.marginLeft = horizontalGutter;
-        style.marginRight = horizontalGutter;
+        style2.marginLeft = horizontalGutter;
+        style2.marginRight = horizontalGutter;
       }
       if (supportFlexGap.value) {
-        style.rowGap = "".concat(gt2[1], "px");
+        style2.rowGap = "".concat(gt2[1], "px");
       } else if (verticalGutter) {
-        style.marginTop = verticalGutter;
-        style.marginBottom = verticalGutter;
+        style2.marginTop = verticalGutter;
+        style2.marginBottom = verticalGutter;
       }
-      return style;
+      return style2;
     });
     return function() {
       var _a2;
@@ -12361,24 +12361,24 @@ const Col = defineComponent({
     var mergedStyle = computed(function() {
       var flex = props.flex;
       var gutterVal = gutter.value;
-      var style = {};
+      var style2 = {};
       if (gutterVal && gutterVal[0] > 0) {
         var horizontalGutter = "".concat(gutterVal[0] / 2, "px");
-        style.paddingLeft = horizontalGutter;
-        style.paddingRight = horizontalGutter;
+        style2.paddingLeft = horizontalGutter;
+        style2.paddingRight = horizontalGutter;
       }
       if (gutterVal && gutterVal[1] > 0 && !supportFlexGap.value) {
         var verticalGutter = "".concat(gutterVal[1] / 2, "px");
-        style.paddingTop = verticalGutter;
-        style.paddingBottom = verticalGutter;
+        style2.paddingTop = verticalGutter;
+        style2.paddingBottom = verticalGutter;
       }
       if (flex) {
-        style.flex = parseFlex(flex);
-        if (wrap.value === false && !style.minWidth) {
-          style.minWidth = 0;
+        style2.flex = parseFlex(flex);
+        if (wrap.value === false && !style2.minWidth) {
+          style2.minWidth = 0;
         }
       }
-      return style;
+      return style2;
     });
     return function() {
       var _a2;
@@ -16139,16 +16139,16 @@ function getScrollBarSize(fresh) {
   }
   return cached;
 }
-function setStyle(style) {
+function setStyle(style2) {
   var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   var _options$element = options.element, element = _options$element === void 0 ? document.body : _options$element;
   var oldStyle = {};
-  var styleKeys = Object.keys(style);
+  var styleKeys = Object.keys(style2);
   styleKeys.forEach(function(key2) {
     oldStyle[key2] = element.style[key2];
   });
   styleKeys.forEach(function(key2) {
-    element.style[key2] = style[key2];
+    element.style[key2] = style2[key2];
   });
   return oldStyle;
 }
@@ -17260,12 +17260,12 @@ function calculateNodeStyling(node) {
   if (useCache && computedStyleCache[nodeRef]) {
     return computedStyleCache[nodeRef];
   }
-  var style = window.getComputedStyle(node);
-  var boxSizing = style.getPropertyValue("box-sizing") || style.getPropertyValue("-moz-box-sizing") || style.getPropertyValue("-webkit-box-sizing");
-  var paddingSize = parseFloat(style.getPropertyValue("padding-bottom")) + parseFloat(style.getPropertyValue("padding-top"));
-  var borderSize = parseFloat(style.getPropertyValue("border-bottom-width")) + parseFloat(style.getPropertyValue("border-top-width"));
+  var style2 = window.getComputedStyle(node);
+  var boxSizing = style2.getPropertyValue("box-sizing") || style2.getPropertyValue("-moz-box-sizing") || style2.getPropertyValue("-webkit-box-sizing");
+  var paddingSize = parseFloat(style2.getPropertyValue("padding-bottom")) + parseFloat(style2.getPropertyValue("padding-top"));
+  var borderSize = parseFloat(style2.getPropertyValue("border-bottom-width")) + parseFloat(style2.getPropertyValue("border-top-width"));
   var sizingStyle = SIZING_STYLE.map(function(name2) {
-    return "".concat(name2, ":").concat(style.getPropertyValue(name2));
+    return "".concat(name2, ":").concat(style2.getPropertyValue(name2));
   }).join(";");
   var nodeInfo = {
     sizingStyle,
@@ -17396,12 +17396,12 @@ var ResizableTextArea = defineComponent({
       var prefixCls = props.prefixCls, autoSize = props.autoSize, autosize = props.autosize, disabled = props.disabled;
       var otherProps = omit$3(props, ["prefixCls", "onPressEnter", "autoSize", "autosize", "defaultValue", "allowClear", "type", "lazy", "maxlength", "valueModifiers"]);
       var cls = classNames(prefixCls, attrs.class, _defineProperty$q({}, "".concat(prefixCls, "-disabled"), disabled));
-      var style = [attrs.style, textareaStyles.value, resizeStatus.value === RESIZE_STATUS_RESIZING ? {
+      var style2 = [attrs.style, textareaStyles.value, resizeStatus.value === RESIZE_STATUS_RESIZING ? {
         overflowX: "hidden",
         overflowY: "hidden"
       } : null];
       var textareaProps = _extends$1(_extends$1(_extends$1({}, otherProps), attrs), {
-        style,
+        style: style2,
         class: cls
       });
       if (!textareaProps.autofocus) {
@@ -17572,10 +17572,10 @@ const TextArea = defineComponent({
     var renderTextArea = function renderTextArea2() {
       var _class;
       var _a2, _b2;
-      var style = attrs.style, customClass = attrs.class;
+      var style2 = attrs.style, customClass = attrs.class;
       var _props$bordered = props.bordered, bordered = _props$bordered === void 0 ? true : _props$bordered;
       var resizeProps = _extends$1(_extends$1(_extends$1({}, omit$3(props, ["allowClear"])), attrs), {
-        style: showCount.value ? {} : style,
+        style: showCount.value ? {} : style2,
         class: (_class = {}, _defineProperty$q(_class, "".concat(prefixCls.value, "-borderless"), !bordered), _defineProperty$q(_class, "".concat(customClass), customClass && !showCount.value), _defineProperty$q(_class, "".concat(prefixCls.value, "-sm"), size.value === "small"), _defineProperty$q(_class, "".concat(prefixCls.value, "-lg"), size.value === "large"), _class),
         showCount: null,
         prefixCls: prefixCls.value,
@@ -17616,14 +17616,14 @@ const TextArea = defineComponent({
     });
     return function() {
       var maxlength = props.maxlength, _props$bordered2 = props.bordered, bordered = _props$bordered2 === void 0 ? true : _props$bordered2, hidden = props.hidden;
-      var style = attrs.style, customClass = attrs.class;
+      var style2 = attrs.style, customClass = attrs.class;
       var inputProps3 = _extends$1(_extends$1(_extends$1({}, props), attrs), {
         prefixCls: prefixCls.value,
         inputType: "text",
         handleReset,
         direction: direction.value,
         bordered,
-        style: showCount.value ? void 0 : style
+        style: showCount.value ? void 0 : style2
       });
       var textareaNode = createVNode(ClearableLabeledInput, _objectSpread2$1(_objectSpread2$1({}, inputProps3), {}, {
         "value": mergedValue.value
@@ -17644,7 +17644,7 @@ const TextArea = defineComponent({
         textareaNode = createVNode("div", {
           "hidden": hidden,
           "class": classNames("".concat(prefixCls.value, "-textarea"), _defineProperty$q({}, "".concat(prefixCls.value, "-textarea-rtl"), direction.value === "rtl"), "".concat(prefixCls.value, "-textarea-show-count"), customClass),
-          "style": style,
+          "style": style2,
           "data-count": _typeof$2(dataCount) !== "object" ? dataCount : void 0
         }, [textareaNode]);
       }
@@ -18146,7 +18146,7 @@ const Dialog = defineComponent({
     });
     return function() {
       var prefixCls = props.prefixCls, mask = props.mask, visible = props.visible, maskTransitionName = props.maskTransitionName, maskAnimation = props.maskAnimation, zIndex = props.zIndex, wrapClassName = props.wrapClassName, rootClassName = props.rootClassName, wrapStyle = props.wrapStyle, closable = props.closable, maskProps = props.maskProps, maskStyle = props.maskStyle, transitionName2 = props.transitionName, animation = props.animation, wrapProps = props.wrapProps, _props$title = props.title, title = _props$title === void 0 ? slots.title : _props$title;
-      var style = attrs.style, className = attrs.class;
+      var style2 = attrs.style, className = attrs.class;
       return createVNode("div", _objectSpread2$1({
         "class": ["".concat(prefixCls, "-root"), rootClassName]
       }, pickAttrs(props, {
@@ -18173,7 +18173,7 @@ const Dialog = defineComponent({
           display: !animatedVisible.value ? "none" : null
         })
       }, wrapProps), [createVNode(Content, _objectSpread2$1(_objectSpread2$1({}, omit$3(props, ["scrollLocker"])), {}, {
-        "style": style,
+        "style": style2,
         "class": className,
         "onMousedown": onContentMouseDown,
         "onMouseup": onContentMouseUp,
@@ -18546,7 +18546,7 @@ const ConfirmDialog = defineComponent({
       var okType = props.okType || "primary";
       var prefixCls = props.prefixCls || "ant-modal";
       var contentPrefixCls = "".concat(prefixCls, "-confirm");
-      var style = attrs.style || {};
+      var style2 = attrs.style || {};
       var okText = renderSomeContent(props.okText) || (okCancel ? locale2.value.okText : locale2.value.justOkText);
       var cancelText = renderSomeContent(props.cancelText) || locale2.value.cancelText;
       var autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || "ok";
@@ -18579,7 +18579,7 @@ const ConfirmDialog = defineComponent({
         "mask": mask,
         "maskClosable": maskClosable,
         "maskStyle": maskStyle,
-        "style": style,
+        "style": style2,
         "bodyStyle": bodyStyle,
         "width": width,
         "zIndex": zIndex,
@@ -20279,7 +20279,7 @@ const ListItem = defineComponent({
       var _infoUploadingClass, _listContainerNameCla;
       var _a2, _b2;
       var prefixCls = props.prefixCls, locale2 = props.locale, listType = props.listType, file = props.file, items = props.items, progressProps3 = props.progress, _props$iconRender = props.iconRender, iconRender = _props$iconRender === void 0 ? slots.iconRender : _props$iconRender, _props$actionIconRend = props.actionIconRender, actionIconRender = _props$actionIconRend === void 0 ? slots.actionIconRender : _props$actionIconRend, _props$itemRender = props.itemRender, itemRender = _props$itemRender === void 0 ? slots.itemRender : _props$itemRender, isImgUrl = props.isImgUrl, showPreviewIcon = props.showPreviewIcon, showRemoveIcon = props.showRemoveIcon, showDownloadIcon = props.showDownloadIcon, _props$previewIcon = props.previewIcon, customPreviewIcon = _props$previewIcon === void 0 ? slots.previewIcon : _props$previewIcon, _props$removeIcon = props.removeIcon, customRemoveIcon = _props$removeIcon === void 0 ? slots.removeIcon : _props$removeIcon, _props$downloadIcon = props.downloadIcon, customDownloadIcon = _props$downloadIcon === void 0 ? slots.downloadIcon : _props$downloadIcon, onPreview = props.onPreview, onDownload = props.onDownload, onClose = props.onClose;
-      var className = attrs.class, style = attrs.style;
+      var className = attrs.class, style2 = attrs.style;
       var spanClassName = "".concat(prefixCls, "-span");
       var iconNode = iconRender({
         file
@@ -20416,7 +20416,7 @@ const ListItem = defineComponent({
       }) : dom;
       return createVNode("div", {
         "class": listContainerNameClass,
-        "style": style,
+        "style": style2,
         "ref": ref
       }, [itemRender ? itemRender({
         originNode: item,
@@ -20968,10 +20968,10 @@ const Dragger = defineComponent({
     var slots = _ref.slots, attrs = _ref.attrs;
     return function() {
       var height = props.height, restProps = __rest(props, ["height"]);
-      var style = attrs.style, restAttrs = __rest(attrs, ["style"]);
+      var style2 = attrs.style, restAttrs = __rest(attrs, ["style"]);
       var draggerProps = _extends$1(_extends$1(_extends$1({}, restProps), restAttrs), {
         type: "drag",
-        style: _extends$1(_extends$1({}, style), {
+        style: _extends$1(_extends$1({}, style2), {
           height: typeof height === "number" ? "".concat(height, "px") : height
         })
       });
@@ -55364,7 +55364,7 @@ const _sfc_main = {
     };
   }
 };
-const _withScopeId = (n10) => (pushScopeId("data-v-bbb16032"), n10 = n10(), popScopeId(), n10);
+const _withScopeId = (n10) => (pushScopeId("data-v-5982753e"), n10 = n10(), popScopeId(), n10);
 const _hoisted_1 = {
   class: "bg-white defaultTS funcTC relative",
   style: { "padding-bottom": "10px", "margin-bottom": "10px" }
@@ -55783,7 +55783,7 @@ const _hoisted_95 = { class: "flex flex-col px-5 pr-0 h-full" };
 const _hoisted_96 = ["onClick"];
 const _hoisted_97 = { class: "w-full h-full overflow-y-auto content" };
 const _hoisted_98 = { class: "mb-[20px]" };
-const _hoisted_99 = { class: "flex justify-center my-20" };
+const _hoisted_99 = { class: "h-[10%] flex justify-center items-center" };
 const _hoisted_100 = /* @__PURE__ */ createTextVNode(" 取消 ");
 const _hoisted_101 = /* @__PURE__ */ createTextVNode(" 设为已读 ");
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -56484,7 +56484,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["show"])
   ], 64);
 }
-const TSider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bbb16032"]]);
+const TSider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5982753e"]]);
+const style = "";
 const components = [TSider];
 installComponents();
 function installComponents() {