vxe-pc-ui 4.20.33 → 4.20.35

package/lib/row/src/col.js

@@ -39,141 +39,144 @@ var import_dom = require("../../ui/src/dom");
 var import_log = require("../../ui/src/log");
 const { getConfig, createEvent, useFns } = import_core.VxeUI;
 const { errLog } = (0, import_log.createComponentLog)("col");
-var col_default = (0, import_comp.defineVxeComponent)({
-  name: "VxeCol",
-  props: {
-    span: [Number, String],
-    align: String,
-    width: [Number, String],
-    fill: Boolean,
-    ellipsis: Boolean,
-    size: {
-      type: String,
-      default: () => getConfig().col.size || getConfig().size
-    }
-  },
-  emits: [],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const xID = import_xe_utils.default.uniqueId();
-    useFns.useSize(props);
-    const refElem = (0, import_vue.ref)();
-    const reactData = (0, import_vue.reactive)({});
-    const refMaps = {
-      refElem
-    };
-    const $xeRow = (0, import_vue.inject)("$xeRow", null);
-    const computeRowGutter = (0, import_vue.computed)(() => {
-      if ($xeRow) {
-        return $xeRow.props.gutter;
-      }
-      return null;
-    });
-    const computeRowVertical = (0, import_vue.computed)(() => {
-      if ($xeRow) {
-        return $xeRow.props.vertical;
-      }
-      return null;
-    });
-    const computeColStyle = (0, import_vue.computed)(() => {
-      const { width } = props;
-      const rowGutter = computeRowGutter.value;
-      const rowVertical = computeRowVertical.value;
-      let gridLayout = false;
-      if ($xeRow) {
-        gridLayout = !!$xeRow.props.gridLayout;
+var col_default = (
+  /* define-vxe-component start */
+  (0, import_comp.defineVxeComponent)({
+    name: "VxeCol",
+    props: {
+      span: [Number, String],
+      align: String,
+      width: [Number, String],
+      fill: Boolean,
+      ellipsis: Boolean,
+      size: {
+        type: String,
+        default: () => getConfig().col.size || getConfig().size
       }
-      const style = {};
-      if (!gridLayout) {
-        if (rowGutter) {
-          let [lrGutter, tbGutter] = import_xe_utils.default.isArray(rowGutter) ? rowGutter : [rowGutter];
-          if (rowVertical) {
-            tbGutter = lrGutter;
-            lrGutter = "";
-          }
-          if (lrGutter) {
-            const padding = import_xe_utils.default.isNumber(lrGutter) ? (0, import_dom.toCssUnit)(lrGutter / 2) : `calc(${(0, import_dom.toCssUnit)(lrGutter)} / 2)`;
-            style.paddingLeft = padding;
-            style.paddingRight = padding;
-          }
-          if (tbGutter) {
-            const padding = import_xe_utils.default.isNumber(tbGutter) ? (0, import_dom.toCssUnit)(tbGutter / 2) : `calc(${(0, import_dom.toCssUnit)(tbGutter)} / 2)`;
-            style.paddingTop = padding;
-            style.paddingBottom = padding;
-          }
+    },
+    emits: [],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const xID = import_xe_utils.default.uniqueId();
+      useFns.useSize(props);
+      const refElem = (0, import_vue.ref)();
+      const reactData = (0, import_vue.reactive)({});
+      const refMaps = {
+        refElem
+      };
+      const $xeRow = (0, import_vue.inject)("$xeRow", null);
+      const computeRowGutter = (0, import_vue.computed)(() => {
+        if ($xeRow) {
+          return $xeRow.props.gutter;
         }
-        if (width) {
-          style.width = (0, import_dom.toCssUnit)(width);
+        return null;
+      });
+      const computeRowVertical = (0, import_vue.computed)(() => {
+        if ($xeRow) {
+          return $xeRow.props.vertical;
         }
-      }
-      return style;
-    });
-    const computeMaps = {};
-    const $xeCol = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $col: $xeCol }, params));
-    };
-    const colMethods = {
-      dispatchEvent
-    };
-    const colPrivateMethods = {};
-    Object.assign($xeCol, colMethods, colPrivateMethods);
-    const renderVN = () => {
-      const { span, fill, align, width, ellipsis } = props;
-      const colStyle = computeColStyle.value;
-      const defaultSlot = slots.default;
-      return (0, import_vue.h)(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-col",
-            span ? `span${span}` : "",
-            align ? `align--${align}` : "",
-            {
-              "is--span": !!span,
-              "is--width": !!width,
-              "is--fill": fill,
-              "is--ellipsis": ellipsis
+        return null;
+      });
+      const computeColStyle = (0, import_vue.computed)(() => {
+        const { width } = props;
+        const rowGutter = computeRowGutter.value;
+        const rowVertical = computeRowVertical.value;
+        let gridLayout = false;
+        if ($xeRow) {
+          gridLayout = !!$xeRow.props.gridLayout;
+        }
+        const style = {};
+        if (!gridLayout) {
+          if (rowGutter) {
+            let [lrGutter, tbGutter] = import_xe_utils.default.isArray(rowGutter) ? rowGutter : [rowGutter];
+            if (rowVertical) {
+              tbGutter = lrGutter;
+              lrGutter = "";
+            }
+            if (lrGutter) {
+              const padding = import_xe_utils.default.isNumber(lrGutter) ? (0, import_dom.toCssUnit)(lrGutter / 2) : `calc(${(0, import_dom.toCssUnit)(lrGutter)} / 2)`;
+              style.paddingLeft = padding;
+              style.paddingRight = padding;
             }
-          ],
-          style: colStyle
-        },
-        [
-          (0, import_vue.h)(
-            "div",
-            {
-              class: "vxe-col--inner"
-            },
-            defaultSlot ? defaultSlot({}) : []
-          )
-        ]
-      );
-    };
-    (0, import_vue.onMounted)(() => {
-      const { width, fill } = props;
-      if ($xeRow) {
-        if ($xeRow.props.gridLayout) {
+            if (tbGutter) {
+              const padding = import_xe_utils.default.isNumber(tbGutter) ? (0, import_dom.toCssUnit)(tbGutter / 2) : `calc(${(0, import_dom.toCssUnit)(tbGutter)} / 2)`;
+              style.paddingTop = padding;
+              style.paddingBottom = padding;
+            }
+          }
           if (width) {
-            errLog("vxe.error.notSupportProp", ["grid-layout", `width=${width}`, "width=null"]);
+            style.width = (0, import_dom.toCssUnit)(width);
           }
-          if (fill) {
-            errLog("vxe.error.notSupportProp", ["grid-layout", `fill=${fill}`, "fill=false"]);
+        }
+        return style;
+      });
+      const computeMaps = {};
+      const $xeCol = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $col: $xeCol }, params));
+      };
+      const colMethods = {
+        dispatchEvent
+      };
+      const colPrivateMethods = {};
+      Object.assign($xeCol, colMethods, colPrivateMethods);
+      const renderVN = () => {
+        const { span, fill, align, width, ellipsis } = props;
+        const colStyle = computeColStyle.value;
+        const defaultSlot = slots.default;
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-col",
+              span ? `span${span}` : "",
+              align ? `align--${align}` : "",
+              {
+                "is--span": !!span,
+                "is--width": !!width,
+                "is--fill": fill,
+                "is--ellipsis": ellipsis
+              }
+            ],
+            style: colStyle
+          },
+          [
+            (0, import_vue.h)(
+              "div",
+              {
+                class: "vxe-col--inner"
+              },
+              defaultSlot ? defaultSlot({}) : []
+            )
+          ]
+        );
+      };
+      (0, import_vue.onMounted)(() => {
+        const { width, fill } = props;
+        if ($xeRow) {
+          if ($xeRow.props.gridLayout) {
+            if (width) {
+              errLog("vxe.error.notSupportProp", ["grid-layout", `width=${width}`, "width=null"]);
+            }
+            if (fill) {
+              errLog("vxe.error.notSupportProp", ["grid-layout", `fill=${fill}`, "fill=false"]);
+            }
           }
         }
-      }
-    });
-    $xeCol.renderVN = renderVN;
-    return $xeCol;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      });
+      $xeCol.renderVN = renderVN;
+      return $xeCol;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);

package/lib/row/src/row.js

@@ -39,114 +39,117 @@ var import_dom = require("../../ui/src/dom");
 var import_log = require("../../ui/src/log");
 const { getConfig, createEvent, useFns } = import_core.VxeUI;
 const { warnLog } = (0, import_log.createComponentLog)("row");
-var row_default = (0, import_comp.defineVxeComponent)({
-  name: "VxeRow",
-  props: {
-    gridLayout: {
-      type: Boolean,
-      default: () => getConfig().row.gridLayout
-    },
-    gutter: [Number, String, Array],
-    wrap: {
-      type: Boolean,
-      default: () => getConfig().row.wrap
+var row_default = (
+  /* define-vxe-component start */
+  (0, import_comp.defineVxeComponent)({
+    name: "VxeRow",
+    props: {
+      gridLayout: {
+        type: Boolean,
+        default: () => getConfig().row.gridLayout
+      },
+      gutter: [Number, String, Array],
+      wrap: {
+        type: Boolean,
+        default: () => getConfig().row.wrap
+      },
+      vertical: Boolean,
+      size: {
+        type: String,
+        default: () => getConfig().row.size || getConfig().size
+      }
     },
-    vertical: Boolean,
-    size: {
-      type: String,
-      default: () => getConfig().row.size || getConfig().size
-    }
-  },
-  emits: ["click"],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const xID = import_xe_utils.default.uniqueId();
-    useFns.useSize(props);
-    const refElem = (0, import_vue.ref)();
-    const reactData = (0, import_vue.reactive)({});
-    const refMaps = {
-      refElem
-    };
-    const computeRowStyle = (0, import_vue.computed)(() => {
-      const { gridLayout, gutter, vertical } = props;
-      const style = {};
-      if (gutter) {
-        let [lrGutter, tbGutter] = import_xe_utils.default.isArray(gutter) ? gutter : [gutter];
-        if (gridLayout) {
-          style.columnGap = (0, import_dom.toCssUnit)(lrGutter);
-          style.rowGap = (0, import_dom.toCssUnit)(tbGutter || lrGutter);
-        } else {
-          if (vertical) {
-            tbGutter = lrGutter;
-            lrGutter = "";
-          }
-          if (lrGutter) {
-            const offsetSize = import_xe_utils.default.isNumber(lrGutter) ? (0, import_dom.toCssUnit)(-(lrGutter / 2)) : `calc(${(0, import_dom.toCssUnit)(lrGutter)} / 2 * -1)`;
-            style.marginLeft = offsetSize;
-            style.marginRight = offsetSize;
-          }
-          if (tbGutter) {
-            const offsetSize = import_xe_utils.default.isNumber(tbGutter) ? (0, import_dom.toCssUnit)(-(tbGutter / 2)) : `calc(${(0, import_dom.toCssUnit)(tbGutter)} / 2 * -1)`;
-            style.marginTop = offsetSize;
-            style.marginBottom = offsetSize;
+    emits: ["click"],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const xID = import_xe_utils.default.uniqueId();
+      useFns.useSize(props);
+      const refElem = (0, import_vue.ref)();
+      const reactData = (0, import_vue.reactive)({});
+      const refMaps = {
+        refElem
+      };
+      const computeRowStyle = (0, import_vue.computed)(() => {
+        const { gridLayout, gutter, vertical } = props;
+        const style = {};
+        if (gutter) {
+          let [lrGutter, tbGutter] = import_xe_utils.default.isArray(gutter) ? gutter : [gutter];
+          if (gridLayout) {
+            style.columnGap = (0, import_dom.toCssUnit)(lrGutter);
+            style.rowGap = (0, import_dom.toCssUnit)(tbGutter || lrGutter);
+          } else {
+            if (vertical) {
+              tbGutter = lrGutter;
+              lrGutter = "";
+            }
+            if (lrGutter) {
+              const offsetSize = import_xe_utils.default.isNumber(lrGutter) ? (0, import_dom.toCssUnit)(-(lrGutter / 2)) : `calc(${(0, import_dom.toCssUnit)(lrGutter)} / 2 * -1)`;
+              style.marginLeft = offsetSize;
+              style.marginRight = offsetSize;
+            }
+            if (tbGutter) {
+              const offsetSize = import_xe_utils.default.isNumber(tbGutter) ? (0, import_dom.toCssUnit)(-(tbGutter / 2)) : `calc(${(0, import_dom.toCssUnit)(tbGutter)} / 2 * -1)`;
+              style.marginTop = offsetSize;
+              style.marginBottom = offsetSize;
+            }
           }
         }
-      }
-      return style;
-    });
-    const computeMaps = {};
-    const $xeRow = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const clickEvent = (evnt) => {
-      dispatchEvent("click", {}, evnt);
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $row: $xeRow }, params));
-    };
-    const rowMethods = {
-      dispatchEvent
-    };
-    const rowPrivateMethods = {};
-    Object.assign($xeRow, rowMethods, rowPrivateMethods);
-    const renderVN = () => {
-      const { gridLayout, vertical, wrap } = props;
-      const rowStyle = computeRowStyle.value;
-      const defaultSlot = slots.default;
-      return (0, import_vue.h)(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-row",
-            gridLayout ? "grid--layout" : "def--layout",
-            {
-              "is--vertical": vertical,
-              "is--wrap": wrap
-            }
-          ],
-          style: rowStyle,
-          onClick: clickEvent
-        },
-        defaultSlot ? defaultSlot({}) : []
-      );
-    };
-    (0, import_vue.onMounted)(() => {
-      const { gridLayout, wrap } = props;
-      if (gridLayout && !wrap) {
-        warnLog("vxe.error.notSupportProp", ["grid-layout", "wrap=false", "wrap=true"]);
-      }
-    });
-    (0, import_vue.provide)("$xeRow", $xeRow);
-    $xeRow.renderVN = renderVN;
-    return $xeRow;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+        return style;
+      });
+      const computeMaps = {};
+      const $xeRow = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const clickEvent = (evnt) => {
+        dispatchEvent("click", {}, evnt);
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $row: $xeRow }, params));
+      };
+      const rowMethods = {
+        dispatchEvent
+      };
+      const rowPrivateMethods = {};
+      Object.assign($xeRow, rowMethods, rowPrivateMethods);
+      const renderVN = () => {
+        const { gridLayout, vertical, wrap } = props;
+        const rowStyle = computeRowStyle.value;
+        const defaultSlot = slots.default;
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-row",
+              gridLayout ? "grid--layout" : "def--layout",
+              {
+                "is--vertical": vertical,
+                "is--wrap": wrap
+              }
+            ],
+            style: rowStyle,
+            onClick: clickEvent
+          },
+          defaultSlot ? defaultSlot({}) : []
+        );
+      };
+      (0, import_vue.onMounted)(() => {
+        const { gridLayout, wrap } = props;
+        if (gridLayout && !wrap) {
+          warnLog("vxe.error.notSupportProp", ["grid-layout", "wrap=false", "wrap=true"]);
+        }
+      });
+      (0, import_vue.provide)("$xeRow", $xeRow);
+      $xeRow.renderVN = renderVN;
+      return $xeRow;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);