vxe-pc-ui 4.20.34 → 4.20.35

package/es/space/src/space.js

@@ -5,203 +5,206 @@ import { VxeUI } from "@vxe-ui/core";
 import { getPropClass, toCssUnit } from "../../ui/src/dom";
 import { eqEmptyValue } from "../../ui/src/utils";
 const { getConfig, createEvent, useFns } = VxeUI;
-var space_default = defineVxeComponent({
-  name: "VxeSpace",
-  props: {
-    size: {
-      type: String,
-      default: () => getConfig().space.size || getConfig().size
-    },
-    wrap: {
-      type: Boolean,
-      default: () => getConfig().space.wrap
-    },
-    width: [Number, String],
-    gap: {
-      type: [Number, String, Array, Object],
-      default: () => getConfig().space.gap
-    },
-    vertical: {
-      type: Boolean,
-      default: () => getConfig().space.vertical
-    },
-    className: {
-      type: String,
-      default: () => getConfig().space.className
-    },
-    itemClassName: {
-      type: String,
-      default: () => getConfig().space.itemClassName
-    },
-    separator: {
-      type: String,
-      default: () => getConfig().space.separator
-    },
-    align: {
-      type: String,
-      default: () => getConfig().space.align
-    },
-    fill: {
-      type: Boolean,
-      default: () => getConfig().space.fill
-    },
-    itemWidth: {
-      type: [String, Number],
-      default: () => getConfig().space.itemWidth
-    },
-    itemMinWidth: {
-      type: [String, Number],
-      default: () => getConfig().space.itemMinWidth
-    },
-    itemMaxWidth: {
-      type: [String, Number],
-      default: () => getConfig().space.itemMaxWidth
+var space_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeSpace",
+    props: {
+      size: {
+        type: String,
+        default: () => getConfig().space.size || getConfig().size
+      },
+      wrap: {
+        type: Boolean,
+        default: () => getConfig().space.wrap
+      },
+      width: [Number, String],
+      gap: {
+        type: [Number, String, Array, Object],
+        default: () => getConfig().space.gap
+      },
+      vertical: {
+        type: Boolean,
+        default: () => getConfig().space.vertical
+      },
+      className: {
+        type: String,
+        default: () => getConfig().space.className
+      },
+      itemClassName: {
+        type: String,
+        default: () => getConfig().space.itemClassName
+      },
+      separator: {
+        type: String,
+        default: () => getConfig().space.separator
+      },
+      align: {
+        type: String,
+        default: () => getConfig().space.align
+      },
+      fill: {
+        type: Boolean,
+        default: () => getConfig().space.fill
+      },
+      itemWidth: {
+        type: [String, Number],
+        default: () => getConfig().space.itemWidth
+      },
+      itemMinWidth: {
+        type: [String, Number],
+        default: () => getConfig().space.itemMinWidth
+      },
+      itemMaxWidth: {
+        type: [String, Number],
+        default: () => getConfig().space.itemMaxWidth
+      },
+      separatorWidth: {
+        type: [String, Number],
+        default: () => getConfig().space.separatorWidth
+      }
     },
-    separatorWidth: {
-      type: [String, Number],
-      default: () => getConfig().space.separatorWidth
-    }
-  },
-  emits: [],
-  setup(props, context) {
-    const { emit, slots } = context;
-    const xID = XEUtils.uniqueId();
-    const { computeSize } = useFns.useSize(props);
-    const refElem = ref();
-    const reactData = reactive({
-      activeValue: null
-    });
-    const refMaps = {
-      refElem
-    };
-    const computeCurrStyle = computed(() => {
-      const { align, gap, width } = props;
-      const stys = {};
-      let rowGap = "";
-      let columGap = "";
-      if (XEUtils.isNumber(gap) || XEUtils.isString(gap)) {
-        rowGap = gap;
-        columGap = gap;
-      } else if (gap) {
-        if (XEUtils.isArray(gap)) {
-          rowGap = gap[0];
-          columGap = gap[1];
-        } else {
-          rowGap = XEUtils.eqNull(gap.rowGap) ? "" : gap.rowGap;
-          columGap = XEUtils.eqNull(gap.columGap) ? "" : gap.columGap;
+    emits: [],
+    setup(props, context) {
+      const { emit, slots } = context;
+      const xID = XEUtils.uniqueId();
+      const { computeSize } = useFns.useSize(props);
+      const refElem = ref();
+      const reactData = reactive({
+        activeValue: null
+      });
+      const refMaps = {
+        refElem
+      };
+      const computeCurrStyle = computed(() => {
+        const { align, gap, width } = props;
+        const stys = {};
+        let rowGap = "";
+        let columGap = "";
+        if (XEUtils.isNumber(gap) || XEUtils.isString(gap)) {
+          rowGap = gap;
+          columGap = gap;
+        } else if (gap) {
+          if (XEUtils.isArray(gap)) {
+            rowGap = gap[0];
+            columGap = gap[1];
+          } else {
+            rowGap = XEUtils.eqNull(gap.rowGap) ? "" : gap.rowGap;
+            columGap = XEUtils.eqNull(gap.columGap) ? "" : gap.columGap;
+          }
         }
-      }
-      if (width) {
-        stys.width = toCssUnit(width);
-      }
-      if (align) {
-        stys["align-items"] = align;
-      }
-      if (!eqEmptyValue(rowGap)) {
-        stys["--vxe-ui-space-current-row-gap"] = toCssUnit(rowGap);
-      }
-      if (!eqEmptyValue(columGap)) {
-        stys["--vxe-ui-space-current-column-gap"] = toCssUnit(columGap);
-      }
-      return stys;
-    });
-    const computeMaps = {};
-    const $xeSpace = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $space: $xeSpace }, params));
-    };
-    const spaceMethods = {
-      dispatchEvent
-    };
-    const spacePrivateMethods = {};
-    Object.assign($xeSpace, spaceMethods, spacePrivateMethods);
-    const renderItems = () => {
-      const { separator, itemClassName, itemWidth, itemMinWidth, itemMaxWidth, separatorWidth } = props;
-      const itemVNs = [];
-      const defaultSlot = slots.default;
-      const separatorSlot = slots.separator;
-      const srStys = {};
-      if (separatorWidth) {
-        srStys.width = toCssUnit(separatorWidth);
-      }
-      const itemStys = {};
-      if (itemWidth) {
-        itemStys.width = toCssUnit(itemWidth);
-      }
-      if (itemMinWidth) {
-        itemStys.minWidth = toCssUnit(itemMinWidth);
-      }
-      if (itemMaxWidth) {
-        itemStys.maxWidth = toCssUnit(itemMaxWidth);
-      }
-      if (defaultSlot) {
-        XEUtils.each(defaultSlot({}), (itemVN, index, items) => {
-          itemVNs.push(
-            h(
-              "div",
-              {
-                key: "i" + index,
-                class: ["vxe-space--item", getPropClass(itemClassName, { index })],
-                style: itemStys
-              },
-              [itemVN]
-            )
-          );
-          if ((separator || separatorSlot) && index < items.length - 1) {
+        if (width) {
+          stys.width = toCssUnit(width);
+        }
+        if (align) {
+          stys["align-items"] = align;
+        }
+        if (!eqEmptyValue(rowGap)) {
+          stys["--vxe-ui-space-current-row-gap"] = toCssUnit(rowGap);
+        }
+        if (!eqEmptyValue(columGap)) {
+          stys["--vxe-ui-space-current-column-gap"] = toCssUnit(columGap);
+        }
+        return stys;
+      });
+      const computeMaps = {};
+      const $xeSpace = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $space: $xeSpace }, params));
+      };
+      const spaceMethods = {
+        dispatchEvent
+      };
+      const spacePrivateMethods = {};
+      Object.assign($xeSpace, spaceMethods, spacePrivateMethods);
+      const renderItems = () => {
+        const { separator, itemClassName, itemWidth, itemMinWidth, itemMaxWidth, separatorWidth } = props;
+        const itemVNs = [];
+        const defaultSlot = slots.default;
+        const separatorSlot = slots.separator;
+        const srStys = {};
+        if (separatorWidth) {
+          srStys.width = toCssUnit(separatorWidth);
+        }
+        const itemStys = {};
+        if (itemWidth) {
+          itemStys.width = toCssUnit(itemWidth);
+        }
+        if (itemMinWidth) {
+          itemStys.minWidth = toCssUnit(itemMinWidth);
+        }
+        if (itemMaxWidth) {
+          itemStys.maxWidth = toCssUnit(itemMaxWidth);
+        }
+        if (defaultSlot) {
+          XEUtils.each(defaultSlot({}), (itemVN, index, items) => {
             itemVNs.push(
               h(
                 "div",
                 {
-                  key: "s" + index,
-                  class: "vxe-space--separator",
-                  style: srStys
+                  key: "i" + index,
+                  class: ["vxe-space--item", getPropClass(itemClassName, { index })],
+                  style: itemStys
                 },
-                separatorSlot ? separatorSlot({}) : "" + separator
+                [itemVN]
               )
             );
-          }
-        });
-      }
-      return itemVNs;
-    };
-    const renderVN = () => {
-      const { vertical, wrap, className, fill, itemWidth, itemMinWidth, itemMaxWidth } = props;
-      const currStyle = computeCurrStyle.value;
-      const vSize = computeSize.value;
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-space",
-            getPropClass(className, {}),
-            {
-              [`size--${vSize}`]: vSize,
-              "is--wrap": wrap,
-              "is--vertical": vertical,
-              "is--fill": fill,
-              "is--width": itemWidth || itemMinWidth || itemMaxWidth
+            if ((separator || separatorSlot) && index < items.length - 1) {
+              itemVNs.push(
+                h(
+                  "div",
+                  {
+                    key: "s" + index,
+                    class: "vxe-space--separator",
+                    style: srStys
+                  },
+                  separatorSlot ? separatorSlot({}) : "" + separator
+                )
+              );
             }
-          ],
-          style: currStyle
-        },
-        renderItems()
-      );
-    };
-    $xeSpace.renderVN = renderVN;
-    return $xeSpace;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+          });
+        }
+        return itemVNs;
+      };
+      const renderVN = () => {
+        const { vertical, wrap, className, fill, itemWidth, itemMinWidth, itemMaxWidth } = props;
+        const currStyle = computeCurrStyle.value;
+        const vSize = computeSize.value;
+        return h(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-space",
+              getPropClass(className, {}),
+              {
+                [`size--${vSize}`]: vSize,
+                "is--wrap": wrap,
+                "is--vertical": vertical,
+                "is--fill": fill,
+                "is--width": itemWidth || itemMinWidth || itemMaxWidth
+              }
+            ],
+            style: currStyle
+          },
+          renderItems()
+        );
+      };
+      $xeSpace.renderVN = renderVN;
+      return $xeSpace;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   space_default as default
 };