vxe-pc-ui 4.20.34 → 4.20.35

package/es/card/src/card.js

@@ -8,240 +8,243 @@ import { getDefaultConfig } from "../../ui/src/utils";
 import VxeLoadingComponent from "../../loading";
 import VxeScrollbarComponent from "../../scrollbar";
 const { getConfig, createEvent, useFns, renderEmptyElement } = VxeUI;
-var card_default = defineVxeComponent({
-  name: "VxeCard",
-  props: {
-    title: String,
-    showTitleOverflow: {
-      type: Boolean,
-      default: () => getConfig().card.showTitleOverflow
+var card_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeCard",
+    props: {
+      title: String,
+      showTitleOverflow: {
+        type: Boolean,
+        default: () => getConfig().card.showTitleOverflow
+      },
+      width: [String, Number],
+      height: [String, Number],
+      border: {
+        type: Boolean,
+        default: () => getConfig().card.border
+      },
+      loading: Boolean,
+      shadow: {
+        type: Boolean,
+        default: () => getConfig().card.shadow
+      },
+      padding: {
+        type: Boolean,
+        default: () => getConfig().card.padding
+      },
+      size: {
+        type: String,
+        default: () => getConfig().card.size || getConfig().size
+      },
+      useScrollbar: {
+        type: Boolean,
+        default: () => getDefaultConfig(getConfig().card.useScrollbar, getConfig().useScrollbar)
+      },
+      scrollbarConfig: Object
     },
-    width: [String, Number],
-    height: [String, Number],
-    border: {
-      type: Boolean,
-      default: () => getConfig().card.border
-    },
-    loading: Boolean,
-    shadow: {
-      type: Boolean,
-      default: () => getConfig().card.shadow
-    },
-    padding: {
-      type: Boolean,
-      default: () => getConfig().card.padding
-    },
-    size: {
-      type: String,
-      default: () => getConfig().card.size || getConfig().size
-    },
-    useScrollbar: {
-      type: Boolean,
-      default: () => getDefaultConfig(getConfig().card.useScrollbar, getConfig().useScrollbar)
-    },
-    scrollbarConfig: Object
-  },
-  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 computeCardStyle = computed(() => {
-      const { height, width } = props;
-      const stys = {};
-      if (width) {
-        stys.width = toCssUnit(width);
-      }
-      if (height) {
-        stys.height = toCssUnit(height);
-      }
-      return stys;
-    });
-    const computeScrollbarOpts = computed(() => {
-      return Object.assign({}, getConfig().card.scrollbarConfig, props.scrollbarConfig);
-    });
-    const computeScrollbarProps = computed(() => {
-      const scrollbarOpts = computeScrollbarOpts.value;
-      return {
-        width: scrollbarOpts.width,
-        height: scrollbarOpts.height,
-        autoHide: scrollbarOpts.autoHide,
-        visible: scrollbarOpts.visible,
-        xConfig: scrollbarOpts.xConfig,
-        yConfig: scrollbarOpts.yConfig,
-        className: scrollbarOpts.className,
-        viewAttrs: scrollbarOpts.viewAttrs
+    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 computeCardStyle = computed(() => {
+        const { height, width } = props;
+        const stys = {};
+        if (width) {
+          stys.width = toCssUnit(width);
+        }
+        if (height) {
+          stys.height = toCssUnit(height);
+        }
+        return stys;
+      });
+      const computeScrollbarOpts = computed(() => {
+        return Object.assign({}, getConfig().card.scrollbarConfig, props.scrollbarConfig);
+      });
+      const computeScrollbarProps = computed(() => {
+        const scrollbarOpts = computeScrollbarOpts.value;
+        return {
+          width: scrollbarOpts.width,
+          height: scrollbarOpts.height,
+          autoHide: scrollbarOpts.autoHide,
+          visible: scrollbarOpts.visible,
+          xConfig: scrollbarOpts.xConfig,
+          yConfig: scrollbarOpts.yConfig,
+          className: scrollbarOpts.className,
+          viewAttrs: scrollbarOpts.viewAttrs
+        };
+      });
+      const computeMaps = {
+        computeSize
       };
-    });
-    const computeMaps = {
-      computeSize
-    };
-    const $xeCard = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $card: $xeCard }, params));
-    };
-    const cardMethods = {
-      dispatchEvent
-    };
-    const cardPrivateMethods = {};
-    Object.assign($xeCard, cardMethods, cardPrivateMethods);
-    const renderVN = () => {
-      const { title, border, shadow, padding, loading, showTitleOverflow } = props;
-      const defaultSlot = slots.default;
-      const headerSlot = slots.header;
-      const titleSlot = slots.title;
-      const extraSlot = slots.extra;
-      const footerSlot = slots.footer;
-      const leftSlot = slots.left;
-      const rightSlot = slots.right;
-      const vSize = computeSize.value;
-      const isVScrollbar = computeIsVScrollbar.value;
-      const cardStyle = computeCardStyle.value;
-      const scrollbarOpts = computeScrollbarOpts.value;
-      const scrollbarProps = computeScrollbarProps.value;
-      const { viewClassName, viewInnerClassName } = scrollbarOpts;
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-card",
-            {
-              [`size--${vSize}`]: vSize,
-              "is--border": border,
-              "is--shadow": shadow,
-              "is--padding": padding
-            }
-          ],
-          style: cardStyle
-        },
-        [
-          title || titleSlot || headerSlot ? h(
-            "div",
-            {
-              class: "vxe-card--header"
-            },
-            headerSlot ? getSlotVNs(headerSlot({})) : [
-              h(
-                "div",
-                {
-                  class: [
-                    "vxe-card--header-title",
-                    {
-                      "is--ellipsis": showTitleOverflow
-                    }
-                  ]
-                },
-                titleSlot ? getSlotVNs(titleSlot({})) : `${title || ""}`
-              ),
-              extraSlot ? h(
-                "div",
-                {
-                  class: "vxe-card--header-extra"
-                },
-                getSlotVNs(extraSlot({}))
-              ) : renderEmptyElement($xeCard)
-            ]
-          ) : renderEmptyElement($xeCard),
-          h(
-            "div",
-            {
-              class: "vxe-card--body"
-            },
-            [
-              leftSlot ? isVScrollbar ? h(
-                VxeScrollbarComponent,
-                {
-                  class: "vxe-card--body-scrollbar-left",
-                  ...scrollbarProps,
-                  viewClassName: "vxe-card--body-scrollbar-left-view",
-                  viewInnerClassName: "vxe-card--body-scrollbar-left-inner"
-                },
-                {
-                  default: () => getSlotVNs(leftSlot({}))
-                }
-              ) : h(
-                "div",
-                {
-                  class: "vxe-card--body-left"
-                },
-                getSlotVNs(leftSlot({}))
-              ) : renderEmptyElement($xeCard),
-              isVScrollbar ? h(
-                VxeScrollbarComponent,
-                {
-                  class: "vxe-card--body-scrollbar-content",
-                  ...scrollbarProps,
-                  viewClassName: "vxe-card--body-scrollbar-content-view" + (viewClassName ? " " + viewClassName : ""),
-                  viewInnerClassName: "vxe-card--body-scrollbar-content-inner" + (viewClassName ? " " + viewInnerClassName : "")
-                },
-                {
-                  default: () => defaultSlot ? getSlotVNs(defaultSlot({})) : []
-                }
-              ) : h(
-                "div",
-                {
-                  class: "vxe-card--body-content"
-                },
-                defaultSlot ? getSlotVNs(defaultSlot({})) : []
-              ),
-              rightSlot ? isVScrollbar ? h(
-                VxeScrollbarComponent,
-                {
-                  class: "vxe-card--body-scrollbar-right",
-                  ...scrollbarProps,
-                  viewClassName: "vxe-card--body-scrollbar-right-view",
-                  viewInnerClassName: "vxe-card--body-scrollbar-right-inner"
-                },
-                {
-                  default: () => getSlotVNs(rightSlot({}))
-                }
-              ) : h(
-                "div",
-                {
-                  class: "vxe-card--body-right"
-                },
-                getSlotVNs(rightSlot({}))
-              ) : renderEmptyElement($xeCard)
-            ]
-          ),
-          footerSlot ? h(
-            "div",
-            {
-              class: "vxe-card--footer"
-            },
-            getSlotVNs(footerSlot({}))
-          ) : renderEmptyElement($xeCard),
-          /**
-           * 加载中
-           */
-          h(VxeLoadingComponent, {
-            class: "vxe-card--loading",
-            modelValue: loading
-          })
-        ]
-      );
-    };
-    $xeCard.renderVN = renderVN;
-    return $xeCard;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      const $xeCard = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $card: $xeCard }, params));
+      };
+      const cardMethods = {
+        dispatchEvent
+      };
+      const cardPrivateMethods = {};
+      Object.assign($xeCard, cardMethods, cardPrivateMethods);
+      const renderVN = () => {
+        const { title, border, shadow, padding, loading, showTitleOverflow } = props;
+        const defaultSlot = slots.default;
+        const headerSlot = slots.header;
+        const titleSlot = slots.title;
+        const extraSlot = slots.extra;
+        const footerSlot = slots.footer;
+        const leftSlot = slots.left;
+        const rightSlot = slots.right;
+        const vSize = computeSize.value;
+        const isVScrollbar = computeIsVScrollbar.value;
+        const cardStyle = computeCardStyle.value;
+        const scrollbarOpts = computeScrollbarOpts.value;
+        const scrollbarProps = computeScrollbarProps.value;
+        const { viewClassName, viewInnerClassName } = scrollbarOpts;
+        return h(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-card",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--border": border,
+                "is--shadow": shadow,
+                "is--padding": padding
+              }
+            ],
+            style: cardStyle
+          },
+          [
+            title || titleSlot || headerSlot ? h(
+              "div",
+              {
+                class: "vxe-card--header"
+              },
+              headerSlot ? getSlotVNs(headerSlot({})) : [
+                h(
+                  "div",
+                  {
+                    class: [
+                      "vxe-card--header-title",
+                      {
+                        "is--ellipsis": showTitleOverflow
+                      }
+                    ]
+                  },
+                  titleSlot ? getSlotVNs(titleSlot({})) : `${title || ""}`
+                ),
+                extraSlot ? h(
+                  "div",
+                  {
+                    class: "vxe-card--header-extra"
+                  },
+                  getSlotVNs(extraSlot({}))
+                ) : renderEmptyElement($xeCard)
+              ]
+            ) : renderEmptyElement($xeCard),
+            h(
+              "div",
+              {
+                class: "vxe-card--body"
+              },
+              [
+                leftSlot ? isVScrollbar ? h(
+                  VxeScrollbarComponent,
+                  {
+                    class: "vxe-card--body-scrollbar-left",
+                    ...scrollbarProps,
+                    viewClassName: "vxe-card--body-scrollbar-left-view",
+                    viewInnerClassName: "vxe-card--body-scrollbar-left-inner"
+                  },
+                  {
+                    default: () => getSlotVNs(leftSlot({}))
+                  }
+                ) : h(
+                  "div",
+                  {
+                    class: "vxe-card--body-left"
+                  },
+                  getSlotVNs(leftSlot({}))
+                ) : renderEmptyElement($xeCard),
+                isVScrollbar ? h(
+                  VxeScrollbarComponent,
+                  {
+                    class: "vxe-card--body-scrollbar-content",
+                    ...scrollbarProps,
+                    viewClassName: "vxe-card--body-scrollbar-content-view" + (viewClassName ? " " + viewClassName : ""),
+                    viewInnerClassName: "vxe-card--body-scrollbar-content-inner" + (viewClassName ? " " + viewInnerClassName : "")
+                  },
+                  {
+                    default: () => defaultSlot ? getSlotVNs(defaultSlot({})) : []
+                  }
+                ) : h(
+                  "div",
+                  {
+                    class: "vxe-card--body-content"
+                  },
+                  defaultSlot ? getSlotVNs(defaultSlot({})) : []
+                ),
+                rightSlot ? isVScrollbar ? h(
+                  VxeScrollbarComponent,
+                  {
+                    class: "vxe-card--body-scrollbar-right",
+                    ...scrollbarProps,
+                    viewClassName: "vxe-card--body-scrollbar-right-view",
+                    viewInnerClassName: "vxe-card--body-scrollbar-right-inner"
+                  },
+                  {
+                    default: () => getSlotVNs(rightSlot({}))
+                  }
+                ) : h(
+                  "div",
+                  {
+                    class: "vxe-card--body-right"
+                  },
+                  getSlotVNs(rightSlot({}))
+                ) : renderEmptyElement($xeCard)
+              ]
+            ),
+            footerSlot ? h(
+              "div",
+              {
+                class: "vxe-card--footer"
+              },
+              getSlotVNs(footerSlot({}))
+            ) : renderEmptyElement($xeCard),
+            /**
+             * 加载中
+             */
+            h(VxeLoadingComponent, {
+              class: "vxe-card--loading",
+              modelValue: loading
+            })
+          ]
+        );
+      };
+      $xeCard.renderVN = renderVN;
+      return $xeCard;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   card_default as default
 };

package/es/carousel/src/carousel-item.js

@@ -4,82 +4,85 @@ import { VxeUI } from "@vxe-ui/core";
 import { assembleCarouselItem, destroyCarouselItem } from "./util";
 import XEUtils from "xe-utils";
 const { createEvent } = VxeUI;
-var carousel_item_default = defineVxeComponent({
-  name: "VxeCarouselItem",
-  props: {
-    name: [String, Number],
-    className: String,
-    url: String
-  },
-  emits: [],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const $xeCarousel = inject("$xeCarousel", null);
-    const xID = XEUtils.uniqueId();
-    const refElem = ref();
-    const reactData = reactive({});
-    const itemConfig = reactive({
-      id: xID,
-      name: props.name,
-      url: props.url,
-      className: props.className,
-      slots
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeMaps = {};
-    const $xeCarouselItem = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $carouselItem: $xeCarouselItem }, params));
-    };
-    const carouselItemMethods = {
-      dispatchEvent
-    };
-    const carouselItemPrivateMethods = {};
-    Object.assign($xeCarouselItem, carouselItemMethods, carouselItemPrivateMethods);
-    const renderVN = () => {
-      return h("div", {
-        ref: refElem
+var carousel_item_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeCarouselItem",
+    props: {
+      name: [String, Number],
+      className: String,
+      url: String
+    },
+    emits: [],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const $xeCarousel = inject("$xeCarousel", null);
+      const xID = XEUtils.uniqueId();
+      const refElem = ref();
+      const reactData = reactive({});
+      const itemConfig = reactive({
+        id: xID,
+        name: props.name,
+        url: props.url,
+        className: props.className,
+        slots
       });
-    };
-    watch(
-      () => props.name,
-      (val) => {
-        itemConfig.name = val;
-      }
-    );
-    watch(
-      () => props.url,
-      (val) => {
-        itemConfig.url = val;
-      }
-    );
-    onMounted(() => {
-      const elem = refElem.value;
-      if ($xeCarousel && elem) {
-        assembleCarouselItem($xeCarousel, elem, itemConfig);
-      }
-    });
-    onUnmounted(() => {
-      if ($xeCarousel) {
-        destroyCarouselItem($xeCarousel, itemConfig);
-      }
-    });
-    $xeCarouselItem.renderVN = renderVN;
-    return $xeCarouselItem;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      const refMaps = {
+        refElem
+      };
+      const computeMaps = {};
+      const $xeCarouselItem = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $carouselItem: $xeCarouselItem }, params));
+      };
+      const carouselItemMethods = {
+        dispatchEvent
+      };
+      const carouselItemPrivateMethods = {};
+      Object.assign($xeCarouselItem, carouselItemMethods, carouselItemPrivateMethods);
+      const renderVN = () => {
+        return h("div", {
+          ref: refElem
+        });
+      };
+      watch(
+        () => props.name,
+        (val) => {
+          itemConfig.name = val;
+        }
+      );
+      watch(
+        () => props.url,
+        (val) => {
+          itemConfig.url = val;
+        }
+      );
+      onMounted(() => {
+        const elem = refElem.value;
+        if ($xeCarousel && elem) {
+          assembleCarouselItem($xeCarousel, elem, itemConfig);
+        }
+      });
+      onUnmounted(() => {
+        if ($xeCarousel) {
+          destroyCarouselItem($xeCarousel, itemConfig);
+        }
+      });
+      $xeCarouselItem.renderVN = renderVN;
+      return $xeCarouselItem;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   carousel_item_default as default
 };