vxe-pc-ui 4.20.34 → 4.20.35

package/es/layout-aside/src/layout-aside.js

@@ -7,143 +7,146 @@ import XEUtils from "xe-utils";
 import VxeLoadingComponent from "../../loading";
 import VxeScrollbarComponent from "../../scrollbar";
 const { getConfig, useFns, createEvent } = VxeUI;
-var layout_aside_default = defineVxeComponent({
-  name: "VxeLayoutAside",
-  props: {
-    width: [String, Number],
-    collapsed: Boolean,
-    collapseWidth: [String, Number],
-    loading: Boolean,
-    padding: Boolean,
-    collapseConfig: Object,
-    useScrollbar: {
-      type: Boolean,
-      default: () => getDefaultConfig(getConfig().layoutAside.useScrollbar, getConfig().useScrollbar)
-    },
-    scrollbarConfig: Object,
-    size: {
-      type: String,
-      default: () => getConfig().layoutAside.size || getConfig().size
-    }
-  },
-  emits: [],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const xID = XEUtils.uniqueId();
-    const refElem = ref();
-    const { computeSize } = useFns.useSize(props);
-    const { computeIsVScrollbar } = useFns.useVScrollbar(props);
-    const reactData = reactive({});
-    const refMaps = {
-      refElem
-    };
-    const computeCollapseOpts = computed(() => {
-      return Object.assign({}, getConfig().layoutAside.collapseConfig, props.collapseConfig);
-    });
-    const computeScrollbarOpts = computed(() => {
-      return Object.assign({}, getConfig().layoutAside.scrollbarConfig, props.scrollbarConfig);
-    });
-    const computeVarStyle = computed(() => {
-      const { width, collapseWidth } = props;
-      const stys = {};
-      if (collapseWidth) {
-        stys["--vxe-ui-layout-aside-collapse-width"] = toCssUnit(collapseWidth);
+var layout_aside_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeLayoutAside",
+    props: {
+      width: [String, Number],
+      collapsed: Boolean,
+      collapseWidth: [String, Number],
+      loading: Boolean,
+      padding: Boolean,
+      collapseConfig: Object,
+      useScrollbar: {
+        type: Boolean,
+        default: () => getDefaultConfig(getConfig().layoutAside.useScrollbar, getConfig().useScrollbar)
+      },
+      scrollbarConfig: Object,
+      size: {
+        type: String,
+        default: () => getConfig().layoutAside.size || getConfig().size
       }
-      if (width) {
-        stys["--vxe-ui-layout-aside-default-width"] = toCssUnit(width);
-      }
-      return stys;
-    });
-    const computeMaps = {
-      computeSize,
-      computeVarStyle
-    };
-    const $xeLayoutAside = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $layoutAside: $xeLayoutAside }, params));
-    };
-    const layoutAsideMethods = {
-      dispatchEvent
-    };
-    const layoutAsidePrivateMethods = {};
-    Object.assign($xeLayoutAside, layoutAsideMethods, layoutAsidePrivateMethods);
-    const renderVN = () => {
-      const { collapsed, loading, padding } = props;
-      const varStyle = computeVarStyle.value;
-      const vSize = computeSize.value;
-      const isVScrollbar = computeIsVScrollbar.value;
-      const collapseOpts = computeCollapseOpts.value;
-      const scrollbarOpts = computeScrollbarOpts.value;
-      const { className, viewClassName, viewInnerClassName } = scrollbarOpts;
-      const defaultSlot = slots.default;
-      return h(
-        "aside",
-        {
-          ref: refElem,
-          class: [
-            "vxe-layout-aside",
-            {
-              [`size--${vSize}`]: vSize,
-              "is--animat": collapseOpts.animation !== false,
-              "is--padding": padding,
-              "is--collapse": collapsed,
-              "is--loading": loading
-            }
-          ],
-          style: varStyle
-        },
-        [
-          isVScrollbar ? h(
-            VxeScrollbarComponent,
-            {
-              width: scrollbarOpts.width,
-              height: scrollbarOpts.height,
-              autoHide: scrollbarOpts.autoHide,
-              visible: scrollbarOpts.visible,
-              xConfig: {
-                visible: false
+    },
+    emits: [],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const xID = XEUtils.uniqueId();
+      const refElem = ref();
+      const { computeSize } = useFns.useSize(props);
+      const { computeIsVScrollbar } = useFns.useVScrollbar(props);
+      const reactData = reactive({});
+      const refMaps = {
+        refElem
+      };
+      const computeCollapseOpts = computed(() => {
+        return Object.assign({}, getConfig().layoutAside.collapseConfig, props.collapseConfig);
+      });
+      const computeScrollbarOpts = computed(() => {
+        return Object.assign({}, getConfig().layoutAside.scrollbarConfig, props.scrollbarConfig);
+      });
+      const computeVarStyle = computed(() => {
+        const { width, collapseWidth } = props;
+        const stys = {};
+        if (collapseWidth) {
+          stys["--vxe-ui-layout-aside-collapse-width"] = toCssUnit(collapseWidth);
+        }
+        if (width) {
+          stys["--vxe-ui-layout-aside-default-width"] = toCssUnit(width);
+        }
+        return stys;
+      });
+      const computeMaps = {
+        computeSize,
+        computeVarStyle
+      };
+      const $xeLayoutAside = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $layoutAside: $xeLayoutAside }, params));
+      };
+      const layoutAsideMethods = {
+        dispatchEvent
+      };
+      const layoutAsidePrivateMethods = {};
+      Object.assign($xeLayoutAside, layoutAsideMethods, layoutAsidePrivateMethods);
+      const renderVN = () => {
+        const { collapsed, loading, padding } = props;
+        const varStyle = computeVarStyle.value;
+        const vSize = computeSize.value;
+        const isVScrollbar = computeIsVScrollbar.value;
+        const collapseOpts = computeCollapseOpts.value;
+        const scrollbarOpts = computeScrollbarOpts.value;
+        const { className, viewClassName, viewInnerClassName } = scrollbarOpts;
+        const defaultSlot = slots.default;
+        return h(
+          "aside",
+          {
+            ref: refElem,
+            class: [
+              "vxe-layout-aside",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--animat": collapseOpts.animation !== false,
+                "is--padding": padding,
+                "is--collapse": collapsed,
+                "is--loading": loading
+              }
+            ],
+            style: varStyle
+          },
+          [
+            isVScrollbar ? h(
+              VxeScrollbarComponent,
+              {
+                width: scrollbarOpts.width,
+                height: scrollbarOpts.height,
+                autoHide: scrollbarOpts.autoHide,
+                visible: scrollbarOpts.visible,
+                xConfig: {
+                  visible: false
+                },
+                yConfig: scrollbarOpts.yConfig,
+                className: "vxe-layout-aside--scrollbar" + (className ? " " + className : ""),
+                viewAttrs: scrollbarOpts.viewAttrs,
+                viewClassName: "vxe-layout-aside--scrollbar-view" + (viewClassName ? " " + viewClassName : ""),
+                viewInnerClassName: "vxe-layout-aside--scrollbar-inner" + (viewInnerClassName ? " " + viewInnerClassName : "")
               },
-              yConfig: scrollbarOpts.yConfig,
-              className: "vxe-layout-aside--scrollbar" + (className ? " " + className : ""),
-              viewAttrs: scrollbarOpts.viewAttrs,
-              viewClassName: "vxe-layout-aside--scrollbar-view" + (viewClassName ? " " + viewClassName : ""),
-              viewInnerClassName: "vxe-layout-aside--scrollbar-inner" + (viewInnerClassName ? " " + viewInnerClassName : "")
-            },
-            {
-              default: () => defaultSlot ? defaultSlot({}) : []
-            }
-          ) : h(
-            "div",
-            {
-              class: "vxe-layout-aside--inner"
-            },
-            defaultSlot ? defaultSlot({}) : []
-          ),
-          /**
-           * 加载中
-           */
-          h(VxeLoadingComponent, {
-            class: "vxe-layout-aside-view--loading",
-            modelValue: loading
-          })
-        ]
-      );
-    };
-    provide("$xeLayoutAside", $xeLayoutAside);
-    $xeLayoutAside.renderVN = renderVN;
-    return $xeLayoutAside;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+              {
+                default: () => defaultSlot ? defaultSlot({}) : []
+              }
+            ) : h(
+              "div",
+              {
+                class: "vxe-layout-aside--inner"
+              },
+              defaultSlot ? defaultSlot({}) : []
+            ),
+            /**
+             * 加载中
+             */
+            h(VxeLoadingComponent, {
+              class: "vxe-layout-aside-view--loading",
+              modelValue: loading
+            })
+          ]
+        );
+      };
+      provide("$xeLayoutAside", $xeLayoutAside);
+      $xeLayoutAside.renderVN = renderVN;
+      return $xeLayoutAside;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   layout_aside_default as default
 };

package/es/layout-body/src/layout-body.js

@@ -13,152 +13,155 @@ function createInternalData() {
 function createReactData() {
   return {};
 }
-var layout_body_default = defineVxeComponent({
-  name: "VxeLayoutBody",
-  props: {
-    loading: Boolean,
-    padding: Boolean,
-    showBacktop: {
-      type: Boolean,
-      default: () => getConfig().layoutBody.showBacktop
-    },
-    backtopConfig: Object,
-    useScrollbar: {
-      type: Boolean,
-      default: () => getDefaultConfig(getConfig().layoutBody.useScrollbar, getConfig().useScrollbar)
+var layout_body_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeLayoutBody",
+    props: {
+      loading: Boolean,
+      padding: Boolean,
+      showBacktop: {
+        type: Boolean,
+        default: () => getConfig().layoutBody.showBacktop
+      },
+      backtopConfig: Object,
+      useScrollbar: {
+        type: Boolean,
+        default: () => getDefaultConfig(getConfig().layoutBody.useScrollbar, getConfig().useScrollbar)
+      },
+      scrollbarConfig: Object,
+      size: {
+        type: String,
+        default: () => getConfig().layoutBody.size || getConfig().size
+      }
     },
-    scrollbarConfig: Object,
-    size: {
-      type: String,
-      default: () => getConfig().layoutBody.size || getConfig().size
-    }
-  },
-  emits: [],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const xID = XEUtils.uniqueId();
-    const backtopId = `vxe_layout_body_backtop_${xID}`;
-    const refElem = ref();
-    const { computeSize } = useFns.useSize(props);
-    const { computeIsVScrollbar } = useFns.useVScrollbar(props);
-    const internalData = createInternalData();
-    const reactData = reactive(createReactData());
-    const refMaps = {
-      refElem
-    };
-    const computeBacktopOpts = computed(() => {
-      return Object.assign({}, getConfig().layoutBody.backtopConfig, props.backtopConfig, {
-        target: "#" + backtopId
+    emits: [],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const xID = XEUtils.uniqueId();
+      const backtopId = `vxe_layout_body_backtop_${xID}`;
+      const refElem = ref();
+      const { computeSize } = useFns.useSize(props);
+      const { computeIsVScrollbar } = useFns.useVScrollbar(props);
+      const internalData = createInternalData();
+      const reactData = reactive(createReactData());
+      const refMaps = {
+        refElem
+      };
+      const computeBacktopOpts = computed(() => {
+        return Object.assign({}, getConfig().layoutBody.backtopConfig, props.backtopConfig, {
+          target: "#" + backtopId
+        });
       });
-    });
-    const computeScrollbarOpts = computed(() => {
-      return Object.assign({}, getConfig().layoutBody.scrollbarConfig, props.scrollbarConfig);
-    });
-    const computeScrollbarProps = computed(() => {
-      const { showBacktop } = props;
-      const scrollbarOpts = computeScrollbarOpts.value;
-      const { className, viewClassName, viewInnerClassName } = scrollbarOpts;
-      return {
-        width: scrollbarOpts.width,
-        height: scrollbarOpts.height,
-        autoHide: scrollbarOpts.autoHide,
-        visible: scrollbarOpts.visible,
-        xConfig: scrollbarOpts.xConfig,
-        yConfig: scrollbarOpts.yConfig,
-        className: "vxe-layout-body--scrollbar" + (className ? " " + className : ""),
-        viewAttrs: {
-          ...scrollbarOpts.viewAttrs,
-          id: showBacktop ? backtopId || null : null
-        },
-        viewClassName: "vxe-layout-body--scrollbar-view" + (viewClassName ? " " + viewClassName : ""),
-        viewInnerClassName: "vxe-layout-body--scrollbar-inner" + (viewInnerClassName ? " " + viewInnerClassName : "")
+      const computeScrollbarOpts = computed(() => {
+        return Object.assign({}, getConfig().layoutBody.scrollbarConfig, props.scrollbarConfig);
+      });
+      const computeScrollbarProps = computed(() => {
+        const { showBacktop } = props;
+        const scrollbarOpts = computeScrollbarOpts.value;
+        const { className, viewClassName, viewInnerClassName } = scrollbarOpts;
+        return {
+          width: scrollbarOpts.width,
+          height: scrollbarOpts.height,
+          autoHide: scrollbarOpts.autoHide,
+          visible: scrollbarOpts.visible,
+          xConfig: scrollbarOpts.xConfig,
+          yConfig: scrollbarOpts.yConfig,
+          className: "vxe-layout-body--scrollbar" + (className ? " " + className : ""),
+          viewAttrs: {
+            ...scrollbarOpts.viewAttrs,
+            id: showBacktop ? backtopId || null : null
+          },
+          viewClassName: "vxe-layout-body--scrollbar-view" + (viewClassName ? " " + viewClassName : ""),
+          viewInnerClassName: "vxe-layout-body--scrollbar-inner" + (viewInnerClassName ? " " + viewInnerClassName : "")
+        };
+      });
+      const computeMaps = {
+        computeSize
       };
-    });
-    const computeMaps = {
-      computeSize
-    };
-    const $xeLayoutBody = {
-      xID,
-      props,
-      context,
-      internalData,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $layoutBody: $xeLayoutBody }, params));
-    };
-    const layoutBodyMethods = {
-      dispatchEvent
-    };
-    const layoutBodyPrivateMethods = {};
-    Object.assign($xeLayoutBody, layoutBodyMethods, layoutBodyPrivateMethods);
-    const renderVN = () => {
-      const { loading, padding, showBacktop } = props;
-      const isVScrollbar = computeIsVScrollbar.value;
-      const backtopOpts = computeBacktopOpts.value;
-      const scrollbarProps = computeScrollbarProps.value;
-      const vSize = computeSize.value;
-      const defaultSlot = slots.default;
-      const backtopSlot = slots.backtop;
-      const backtopTopSlot = slots.backtopTop || slots["backtop-top"];
-      const backtopBottomSlot = slots.backtopBottom || slots["backtop-bottom"];
-      const backtopScopeSlots = {};
-      if (backtopSlot) {
-        backtopScopeSlots.default = backtopSlot;
-      }
-      if (backtopTopSlot) {
-        backtopScopeSlots.top = backtopTopSlot;
-      }
-      if (backtopBottomSlot) {
-        backtopScopeSlots.bottom = backtopBottomSlot;
-      }
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-layout-body",
-            {
-              [`size--${vSize}`]: vSize,
-              "is--loading": loading,
-              "is--padding": padding
-            }
+      const $xeLayoutBody = {
+        xID,
+        props,
+        context,
+        internalData,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $layoutBody: $xeLayoutBody }, params));
+      };
+      const layoutBodyMethods = {
+        dispatchEvent
+      };
+      const layoutBodyPrivateMethods = {};
+      Object.assign($xeLayoutBody, layoutBodyMethods, layoutBodyPrivateMethods);
+      const renderVN = () => {
+        const { loading, padding, showBacktop } = props;
+        const isVScrollbar = computeIsVScrollbar.value;
+        const backtopOpts = computeBacktopOpts.value;
+        const scrollbarProps = computeScrollbarProps.value;
+        const vSize = computeSize.value;
+        const defaultSlot = slots.default;
+        const backtopSlot = slots.backtop;
+        const backtopTopSlot = slots.backtopTop || slots["backtop-top"];
+        const backtopBottomSlot = slots.backtopBottom || slots["backtop-bottom"];
+        const backtopScopeSlots = {};
+        if (backtopSlot) {
+          backtopScopeSlots.default = backtopSlot;
+        }
+        if (backtopTopSlot) {
+          backtopScopeSlots.top = backtopTopSlot;
+        }
+        if (backtopBottomSlot) {
+          backtopScopeSlots.bottom = backtopBottomSlot;
+        }
+        return h(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-layout-body",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--loading": loading,
+                "is--padding": padding
+              }
+            ]
+          },
+          [
+            isVScrollbar ? h(VxeScrollbarComponent, scrollbarProps, {
+              default: () => defaultSlot ? defaultSlot({}) : []
+            }) : h(
+              "div",
+              {
+                id: showBacktop ? backtopId : "",
+                class: "vxe-layout-body--inner"
+              },
+              defaultSlot ? defaultSlot({}) : []
+            ),
+            /**
+             * 加载中
+             */
+            h(VxeLoadingComponent, {
+              class: "vxe-layout-body-view--loading",
+              modelValue: loading
+            }),
+            /**
+             * 回到顶部
+             */
+            showBacktop ? h(VxeUIBacktopComponent, backtopOpts, backtopScopeSlots) : renderEmptyElement($xeLayoutBody)
           ]
-        },
-        [
-          isVScrollbar ? h(VxeScrollbarComponent, scrollbarProps, {
-            default: () => defaultSlot ? defaultSlot({}) : []
-          }) : h(
-            "div",
-            {
-              id: showBacktop ? backtopId : "",
-              class: "vxe-layout-body--inner"
-            },
-            defaultSlot ? defaultSlot({}) : []
-          ),
-          /**
-           * 加载中
-           */
-          h(VxeLoadingComponent, {
-            class: "vxe-layout-body-view--loading",
-            modelValue: loading
-          }),
-          /**
-           * 回到顶部
-           */
-          showBacktop ? h(VxeUIBacktopComponent, backtopOpts, backtopScopeSlots) : renderEmptyElement($xeLayoutBody)
-        ]
-      );
-    };
-    $xeLayoutBody.renderVN = renderVN;
-    return $xeLayoutBody;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+        );
+      };
+      $xeLayoutBody.renderVN = renderVN;
+      return $xeLayoutBody;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   layout_body_default as default
 };