@wx-design/components 0.1.1

package/es/node_modules/.pnpm/vxe-table@4.5.14_vue@3.3.7_xe-utils@3.5.14/node_modules/vxe-table/es/table/src/cell.mjs

@@ -0,0 +1,477 @@
+import { h as f } from "vue";
+import M from "../../../../../../xe-utils@3.5.14/node_modules/xe-utils/index.mjs";
+import p from "../../v-x-e-table/src/conf.mjs";
+import { VXETable as B } from "../../v-x-e-table/index.mjs";
+import { formatText as A, eqEmptyValue as K, getFuncText as X, isEnableConf as m } from "../../tools/utils.mjs";
+import { updateCellTitle as z } from "../../tools/dom.mjs";
+import { createColumn as V, getRowid as y } from "./util.mjs";
+import { getSlotVNs as $ } from "../../tools/vn.mjs";
+var k = globalThis && globalThis.__assign || function() {
+  return k = Object.assign || function(e) {
+    for (var r, t = 1, l = arguments.length; t < l; t++) {
+      r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    }
+    return e;
+  }, k.apply(this, arguments);
+};
+function U(e) {
+  var r = e.$table, t = e.column, l = t.titlePrefix || t.titleHelp;
+  return l ? [
+    f("i", {
+      class: ["vxe-cell-help-icon", l.icon || p.icon.TABLE_HELP],
+      onMouseenter: function(n) {
+        r.triggerHeaderHelpEvent(n, e);
+      },
+      onMouseleave: function(n) {
+        r.handleTargetLeaveEvent(n);
+      }
+    })
+  ] : [];
+}
+function _(e, r) {
+  var t = e.$table, l = e.column, n = t.props, i = t.reactData, c = t.getComputeMaps().computeTooltipOpts, s = n.showHeaderOverflow, a = l.type, d = l.showHeaderOverflow, v = c.value, b = v.showAll, h = M.isUndefined(d) || M.isNull(d) ? s : d, C = h === "title", u = h === !0 || h === "tooltip", E = {};
+  return (C || u || b) && (E.onMouseenter = function(x) {
+    i._isResize || (C ? z(x.currentTarget, l) : (u || b) && t.triggerHeaderTooltipEvent(x, e));
+  }), (u || b) && (E.onMouseleave = function(x) {
+    i._isResize || (u || b) && t.handleTargetLeaveEvent(x);
+  }), [
+    a === "html" && M.isString(r) ? f("span", k({ class: "vxe-cell--title", innerHTML: r }, E)) : f("span", k({ class: "vxe-cell--title" }, E), $(r))
+  ];
+}
+function j(e) {
+  var r = e.$table, t = e.column, l = e._columnIndex, n = e.items, i = t.slots, c = t.editRender, s = t.cellRender, a = c || s, d = i ? i.footer : null;
+  if (d)
+    return r.callSlot(d, e);
+  if (a) {
+    var v = B.renderer.get(a.name);
+    if (v && v.renderFooter)
+      return $(v.renderFooter(a, e));
+  }
+  return [A(n[l], 1)];
+}
+function q(e) {
+  var r = e.$table, t = e.row, l = e.column;
+  return A(r.getCellLabel(t, l), 1);
+}
+var o = {
+  createColumn: function(e, r) {
+    var t = r.type, l = r.sortable, n = r.filters, i = r.editRender, c = r.treeNode, s = e.props, a = s.editConfig, d = e.getComputeMaps(), v = d.computeEditOpts, b = d.computeCheckboxOpts, h = b.value, C = v.value, u = {
+      renderHeader: o.renderDefaultHeader,
+      renderCell: c ? o.renderTreeCell : o.renderDefaultCell,
+      renderFooter: o.renderDefaultFooter
+    };
+    switch (t) {
+      case "seq":
+        u.renderHeader = o.renderSeqHeader, u.renderCell = c ? o.renderTreeIndexCell : o.renderSeqCell;
+        break;
+      case "radio":
+        u.renderHeader = o.renderRadioHeader, u.renderCell = c ? o.renderTreeRadioCell : o.renderRadioCell;
+        break;
+      case "checkbox":
+        u.renderHeader = o.renderCheckboxHeader, u.renderCell = h.checkField ? c ? o.renderTreeSelectionCellByProp : o.renderCheckboxCellByProp : c ? o.renderTreeSelectionCell : o.renderCheckboxCell;
+        break;
+      case "expand":
+        u.renderCell = o.renderExpandCell, u.renderData = o.renderExpandData;
+        break;
+      case "html":
+        u.renderCell = c ? o.renderTreeHTMLCell : o.renderHTMLCell, n && l ? u.renderHeader = o.renderSortAndFilterHeader : l ? u.renderHeader = o.renderSortHeader : n && (u.renderHeader = o.renderFilterHeader);
+        break;
+      default:
+        a && i ? (u.renderHeader = o.renderEditHeader, u.renderCell = C.mode === "cell" ? c ? o.renderTreeCellEdit : o.renderCellEdit : c ? o.renderTreeRowEdit : o.renderRowEdit) : n && l ? u.renderHeader = o.renderSortAndFilterHeader : l ? u.renderHeader = o.renderSortHeader : n && (u.renderHeader = o.renderFilterHeader);
+    }
+    return V(e, r, u);
+  },
+  /**
+   * 单元格
+   */
+  renderHeaderTitle: function(e) {
+    var r = e.$table, t = e.column, l = t.slots, n = t.editRender, i = t.cellRender, c = n || i, s = l ? l.header : null;
+    if (s)
+      return _(e, r.callSlot(s, e));
+    if (c) {
+      var a = B.renderer.get(c.name);
+      if (a && a.renderHeader)
+        return _(e, $(a.renderHeader(c, e)));
+    }
+    return _(e, A(t.getTitle(), 1));
+  },
+  renderDefaultHeader: function(e) {
+    return U(e).concat(o.renderHeaderTitle(e));
+  },
+  renderDefaultCell: function(e) {
+    var r = e.$table, t = e.row, l = e.column, n = l.slots, i = l.editRender, c = l.cellRender, s = i || c, a = n ? n.default : null;
+    if (a)
+      return r.callSlot(a, e);
+    if (s) {
+      var d = i ? "renderCell" : "renderDefault", v = B.renderer.get(s.name), b = v ? v[d] : null;
+      if (b)
+        return $(b(s, Object.assign({ $type: i ? "edit" : "cell" }, e)));
+    }
+    var h = r.getCellLabel(t, l), C = i ? i.placeholder : "";
+    return [
+      f("span", {
+        class: "vxe-cell--label"
+      }, i && K(h) ? [
+        // 如果设置占位符
+        f("span", {
+          class: "vxe-cell--placeholder"
+        }, A(X(C), 1))
+      ] : A(h, 1))
+    ];
+  },
+  renderTreeCell: function(e) {
+    return o.renderTreeIcon(e, o.renderDefaultCell(e));
+  },
+  renderDefaultFooter: function(e) {
+    return [
+      f("span", {
+        class: "vxe-cell--item"
+      }, j(e))
+    ];
+  },
+  /**
+   * 树节点
+   */
+  renderTreeIcon: function(e, r) {
+    var t = e.$table, l = e.isHidden, n = t.reactData, i = t.getComputeMaps().computeTreeOpts, c = n.treeExpandedMaps, s = n.treeExpandLazyLoadedMaps, a = i.value, d = e.row, v = e.column, b = e.level, h = v.slots, C = a.indent, u = a.lazy, E = a.trigger, x = a.iconLoaded, g = a.showIcon, H = a.iconOpen, S = a.iconClose, T = a.children || a.childrenField, O = a.hasChild || a.hasChildField, D = d[T], R = h ? h.icon : null, I = !1, w = !1, L = !1, F = {};
+    if (R)
+      return t.callSlot(R, e);
+    if (!l) {
+      var P = y(t, d);
+      w = !!c[P], u && (L = !!s[P], I = d[O]);
+    }
+    return (!E || E === "default") && (F.onClick = function(N) {
+      N.stopPropagation(), t.triggerTreeExpandEvent(N, e);
+    }), [
+      f("div", {
+        class: ["vxe-cell--tree-node", {
+          "is--active": w
+        }],
+        style: {
+          paddingLeft: "".concat(b * C, "px")
+        }
+      }, [
+        g && (D && D.length || I) ? [
+          f("div", k({ class: "vxe-tree--btn-wrapper" }, F), [
+            f("i", {
+              class: ["vxe-tree--node-btn", L ? x || p.icon.TABLE_TREE_LOADED : w ? H || p.icon.TABLE_TREE_OPEN : S || p.icon.TABLE_TREE_CLOSE]
+            })
+          ])
+        ] : null,
+        f("div", {
+          class: "vxe-tree-cell"
+        }, r)
+      ])
+    ];
+  },
+  /**
+   * 索引
+   */
+  renderSeqHeader: function(e) {
+    var r = e.$table, t = e.column, l = t.slots, n = l ? l.header : null;
+    return _(e, n ? r.callSlot(n, e) : A(t.getTitle(), 1));
+  },
+  renderSeqCell: function(e) {
+    var r = e.$table, t = e.column, l = r.props, n = l.treeConfig, i = r.getComputeMaps().computeSeqOpts, c = i.value, s = t.slots, a = s ? s.default : null;
+    if (a)
+      return r.callSlot(a, e);
+    var d = e.seq, v = c.seqMethod;
+    return [A(v ? v(e) : n ? d : (c.startIndex || 0) + d, 1)];
+  },
+  renderTreeIndexCell: function(e) {
+    return o.renderTreeIcon(e, o.renderSeqCell(e));
+  },
+  /**
+   * 单选
+   */
+  renderRadioHeader: function(e) {
+    var r = e.$table, t = e.column, l = t.slots, n = l ? l.header : null, i = l ? l.title : null;
+    return _(e, n ? r.callSlot(n, e) : [
+      f("span", {
+        class: "vxe-radio--label"
+      }, i ? r.callSlot(i, e) : A(t.getTitle(), 1))
+    ]);
+  },
+  renderRadioCell: function(e) {
+    var r = e.$table, t = e.column, l = e.isHidden, n = r.reactData, i = r.getComputeMaps().computeRadioOpts, c = n.selectRadioRow, s = i.value, a = t.slots, d = s.labelField, v = s.checkMethod, b = s.visibleMethod, h = e.row, C = a ? a.default : null, u = a ? a.radio : null, E = r.eqRow(h, c), x = !b || b({ row: h }), g = !!v, H;
+    l || (H = {
+      onClick: function(O) {
+        !g && x && (O.stopPropagation(), r.triggerRadioRowEvent(O, e));
+      }
+    }, v && (g = !v({ row: h })));
+    var S = k(k({}, e), { checked: E, disabled: g, visible: x });
+    if (u)
+      return r.callSlot(u, S);
+    var T = [];
+    return x && T.push(f("span", {
+      class: ["vxe-radio--icon", E ? p.icon.TABLE_RADIO_CHECKED : p.icon.TABLE_RADIO_UNCHECKED]
+    })), (C || d) && T.push(f("span", {
+      class: "vxe-radio--label"
+    }, C ? r.callSlot(C, S) : M.get(h, d))), [
+      f("span", k({ class: ["vxe-cell--radio", {
+        "is--checked": E,
+        "is--disabled": g
+      }] }, H), T)
+    ];
+  },
+  renderTreeRadioCell: function(e) {
+    return o.renderTreeIcon(e, o.renderRadioCell(e));
+  },
+  /**
+   * 多选
+   */
+  renderCheckboxHeader: function(e) {
+    var r = e.$table, t = e.column, l = e.isHidden, n = r.reactData, i = r.getComputeMaps(), c = i.computeIsAllCheckboxDisabled, s = i.computeCheckboxOpts, a = n.isAllSelected, d = n.isIndeterminate, v = c.value, b = t.slots, h = b ? b.header : null, C = b ? b.title : null, u = s.value, E = t.getTitle(), x;
+    l || (x = {
+      onClick: function(H) {
+        v || (H.stopPropagation(), r.triggerCheckAllEvent(H, !a));
+      }
+    });
+    var g = k(k({}, e), { checked: a, disabled: v, indeterminate: d });
+    return h ? _(g, r.callSlot(h, g)) : (u.checkStrictly ? !u.showHeader : u.showHeader === !1) ? _(g, [
+      f("span", {
+        class: "vxe-checkbox--label"
+      }, C ? r.callSlot(C, g) : E)
+    ]) : _(g, [
+      f("span", k({ class: ["vxe-cell--checkbox", {
+        "is--checked": a,
+        "is--disabled": v,
+        "is--indeterminate": d
+      }], title: p.i18n("vxe.table.allTitle") }, x), [
+        f("span", {
+          class: ["vxe-checkbox--icon", d ? p.icon.TABLE_CHECKBOX_INDETERMINATE : a ? p.icon.TABLE_CHECKBOX_CHECKED : p.icon.TABLE_CHECKBOX_UNCHECKED]
+        })
+      ].concat(C || E ? [
+        f("span", {
+          class: "vxe-checkbox--label"
+        }, C ? r.callSlot(C, g) : E)
+      ] : []))
+    ]);
+  },
+  renderCheckboxCell: function(e) {
+    var r = e.$table, t = e.row, l = e.column, n = e.isHidden, i = r.props, c = r.reactData, s = i.treeConfig, a = c.selectCheckboxMaps, d = c.treeIndeterminateMaps, v = r.getComputeMaps().computeCheckboxOpts, b = v.value, h = b.labelField, C = b.checkMethod, u = b.visibleMethod, E = l.slots, x = E ? E.default : null, g = E ? E.checkbox : null, H = !1, S = !1, T = !u || u({ row: t }), O = !!C, D;
+    if (!n) {
+      var R = y(r, t);
+      S = !!a[R], D = {
+        onClick: function(L) {
+          !O && T && (L.stopPropagation(), r.triggerCheckRowEvent(L, e, !S));
+        }
+      }, C && (O = !C({ row: t })), s && (H = !!d[R]);
+    }
+    var I = k(k({}, e), { checked: S, disabled: O, visible: T, indeterminate: H });
+    if (g)
+      return r.callSlot(g, I);
+    var w = [];
+    return T && w.push(f("span", {
+      class: ["vxe-checkbox--icon", H ? p.icon.TABLE_CHECKBOX_INDETERMINATE : S ? p.icon.TABLE_CHECKBOX_CHECKED : p.icon.TABLE_CHECKBOX_UNCHECKED]
+    })), (x || h) && w.push(f("span", {
+      class: "vxe-checkbox--label"
+    }, x ? r.callSlot(x, I) : M.get(t, h))), [
+      f("span", k({ class: ["vxe-cell--checkbox", {
+        "is--checked": S,
+        "is--disabled": O,
+        "is--indeterminate": H
+      }] }, D), w)
+    ];
+  },
+  renderTreeSelectionCell: function(e) {
+    return o.renderTreeIcon(e, o.renderCheckboxCell(e));
+  },
+  renderCheckboxCellByProp: function(e) {
+    var r = e.$table, t = e.row, l = e.column, n = e.isHidden, i = r.props, c = r.reactData, s = i.treeConfig, a = c.treeIndeterminateMaps, d = r.getComputeMaps().computeCheckboxOpts, v = d.value, b = v.labelField, h = v.checkField, C = v.checkMethod, u = v.visibleMethod, E = v.indeterminateField || v.halfField, x = l.slots, g = x ? x.default : null, H = x ? x.checkbox : null, S = !1, T = !1, O = !u || u({ row: t }), D = !!C, R;
+    if (!n) {
+      var I = y(r, t);
+      T = M.get(t, h), R = {
+        onClick: function(F) {
+          !D && O && (F.stopPropagation(), r.triggerCheckRowEvent(F, e, !T));
+        }
+      }, C && (D = !C({ row: t })), s && (S = !!a[I]);
+    }
+    var w = k(k({}, e), { checked: T, disabled: D, visible: O, indeterminate: S });
+    if (H)
+      return r.callSlot(H, w);
+    var L = [];
+    return O && (L.push(f("span", {
+      class: ["vxe-checkbox--icon", S ? p.icon.TABLE_CHECKBOX_INDETERMINATE : T ? p.icon.TABLE_CHECKBOX_CHECKED : p.icon.TABLE_CHECKBOX_UNCHECKED]
+    })), (g || b) && L.push(f("span", {
+      class: "vxe-checkbox--label"
+    }, g ? r.callSlot(g, w) : M.get(t, b)))), [
+      f("span", k({ class: ["vxe-cell--checkbox", {
+        "is--checked": T,
+        "is--disabled": D,
+        "is--indeterminate": E && !T ? t[E] : S
+      }] }, R), L)
+    ];
+  },
+  renderTreeSelectionCellByProp: function(e) {
+    return o.renderTreeIcon(e, o.renderCheckboxCellByProp(e));
+  },
+  /**
+   * 展开行
+   */
+  renderExpandCell: function(e) {
+    var r = e.$table, t = e.isHidden, l = e.row, n = e.column, i = r.reactData, c = i.rowExpandedMaps, s = i.rowExpandLazyLoadedMaps, a = r.getComputeMaps().computeExpandOpts, d = a.value, v = d.lazy, b = d.labelField, h = d.iconLoaded, C = d.showIcon, u = d.iconOpen, E = d.iconClose, x = d.visibleMethod, g = n.slots, H = g ? g.default : null, S = g ? g.icon : null, T = !1, O = !1;
+    if (S)
+      return r.callSlot(S, e);
+    if (!t) {
+      var D = y(r, l);
+      T = !!c[D], v && (O = !!s[D]);
+    }
+    return [
+      C && (!x || x(e)) ? f("span", {
+        class: ["vxe-table--expanded", {
+          "is--active": T
+        }],
+        onClick: function(R) {
+          R.stopPropagation(), r.triggerRowExpandEvent(R, e);
+        }
+      }, [
+        f("i", {
+          class: ["vxe-table--expand-btn", O ? h || p.icon.TABLE_EXPAND_LOADED : T ? u || p.icon.TABLE_EXPAND_OPEN : E || p.icon.TABLE_EXPAND_CLOSE]
+        })
+      ]) : null,
+      H || b ? f("span", {
+        class: "vxe-table--expand-label"
+      }, H ? r.callSlot(H, e) : M.get(l, b)) : null
+    ];
+  },
+  renderExpandData: function(e) {
+    var r = e.$table, t = e.column, l = t.slots, n = t.contentRender, i = l ? l.content : null;
+    if (i)
+      return r.callSlot(i, e);
+    if (n) {
+      var c = B.renderer.get(n.name);
+      if (c && c.renderExpand)
+        return $(c.renderExpand(n, e));
+    }
+    return [];
+  },
+  /**
+   * HTML 标签
+   */
+  renderHTMLCell: function(e) {
+    var r = e.$table, t = e.column, l = t.slots, n = l ? l.default : null;
+    return n ? r.callSlot(n, e) : [
+      f("span", {
+        class: "vxe-cell--html",
+        innerHTML: q(e)
+      })
+    ];
+  },
+  renderTreeHTMLCell: function(e) {
+    return o.renderTreeIcon(e, o.renderHTMLCell(e));
+  },
+  /**
+   * 排序和筛选
+   */
+  renderSortAndFilterHeader: function(e) {
+    return o.renderDefaultHeader(e).concat(o.renderSortIcon(e)).concat(o.renderFilterIcon(e));
+  },
+  /**
+   * 排序
+   */
+  renderSortHeader: function(e) {
+    return o.renderDefaultHeader(e).concat(o.renderSortIcon(e));
+  },
+  renderSortIcon: function(e) {
+    var r = e.$table, t = e.column, l = r.getComputeMaps().computeSortOpts, n = l.value, i = n.showIcon, c = n.iconAsc, s = n.iconDesc, a = t.order;
+    return i ? [
+      f("span", {
+        class: "vxe-cell--sort"
+      }, [
+        f("i", {
+          class: ["vxe-sort--asc-btn", c || p.icon.TABLE_SORT_ASC, {
+            "sort--active": a === "asc"
+          }],
+          title: p.i18n("vxe.table.sortAsc"),
+          onClick: function(d) {
+            d.stopPropagation(), r.triggerSortEvent(d, t, "asc");
+          }
+        }),
+        f("i", {
+          class: ["vxe-sort--desc-btn", s || p.icon.TABLE_SORT_DESC, {
+            "sort--active": a === "desc"
+          }],
+          title: p.i18n("vxe.table.sortDesc"),
+          onClick: function(d) {
+            d.stopPropagation(), r.triggerSortEvent(d, t, "desc");
+          }
+        })
+      ])
+    ] : [];
+  },
+  /**
+   * 筛选
+   */
+  renderFilterHeader: function(e) {
+    return o.renderDefaultHeader(e).concat(o.renderFilterIcon(e));
+  },
+  renderFilterIcon: function(e) {
+    var r = e.$table, t = e.column, l = e.hasFilter, n = r.reactData, i = n.filterStore, c = r.getComputeMaps().computeFilterOpts, s = c.value, a = s.showIcon, d = s.iconNone, v = s.iconMatch;
+    return a ? [
+      f("span", {
+        class: ["vxe-cell--filter", {
+          "is--active": i.visible && i.column === t
+        }]
+      }, [
+        f("i", {
+          class: ["vxe-filter--btn", l ? v || p.icon.TABLE_FILTER_MATCH : d || p.icon.TABLE_FILTER_NONE],
+          title: p.i18n("vxe.table.filter"),
+          onClick: function(b) {
+            r.triggerFilterEvent && r.triggerFilterEvent(b, e.column, e);
+          }
+        })
+      ])
+    ] : [];
+  },
+  /**
+   * 可编辑
+   */
+  renderEditHeader: function(e) {
+    var r = e.$table, t = e.column, l = r.props, n = r.getComputeMaps().computeEditOpts, i = l.editConfig, c = l.editRules, s = n.value, a = t.sortable, d = t.filters, v = t.editRender, b = !1;
+    if (c) {
+      var h = M.get(c, t.field);
+      h && (b = h.some(function(C) {
+        return C.required;
+      }));
+    }
+    return (m(i) ? [
+      b && s.showAsterisk ? f("i", {
+        class: "vxe-cell--required-icon"
+      }) : null,
+      m(v) && s.showIcon ? f("i", {
+        class: ["vxe-cell--edit-icon", s.icon || p.icon.TABLE_EDIT]
+      }) : null
+    ] : []).concat(o.renderDefaultHeader(e)).concat(a ? o.renderSortIcon(e) : []).concat(d ? o.renderFilterIcon(e) : []);
+  },
+  // 行格编辑模式
+  renderRowEdit: function(e) {
+    var r = e.$table, t = e.column, l = r.reactData, n = l.editStore, i = n.actived, c = t.editRender;
+    return o.runRenderer(e, m(c) && i && i.row === e.row);
+  },
+  renderTreeRowEdit: function(e) {
+    return o.renderTreeIcon(e, o.renderRowEdit(e));
+  },
+  // 单元格编辑模式
+  renderCellEdit: function(e) {
+    var r = e.$table, t = e.column, l = r.reactData, n = l.editStore, i = n.actived, c = t.editRender;
+    return o.runRenderer(e, m(c) && i && i.row === e.row && i.column === e.column);
+  },
+  renderTreeCellEdit: function(e) {
+    return o.renderTreeIcon(e, o.renderCellEdit(e));
+  },
+  runRenderer: function(e, r) {
+    var t = e.$table, l = e.column, n = l.slots, i = l.editRender, c = l.formatter, s = n ? n.default : null, a = n ? n.edit : null, d = B.renderer.get(i.name);
+    return r ? a ? t.callSlot(a, e) : d && d.renderEdit ? $(d.renderEdit(i, Object.assign({ $type: "edit" }, e))) : [] : s ? t.callSlot(s, e) : c ? [
+      f("span", {
+        class: "vxe-cell--label"
+      }, q(e))
+    ] : o.renderDefaultCell(e);
+  }
+};
+export {
+  o as Cell,
+  o as default
+};

package/es/node_modules/.pnpm/vxe-table@4.5.14_vue@3.3.7_xe-utils@3.5.14/node_modules/vxe-table/es/table/src/column.mjs

@@ -0,0 +1,107 @@
+import { defineComponent as d, ref as c, inject as r, provide as f, onMounted as m, onUnmounted as s, h as g } from "vue";
+import { watchColumn as p, assemColumn as S, destroyColumn as b } from "./util.mjs";
+import { Cell as h } from "./cell.mjs";
+var v = {
+  // 列唯一主键
+  colId: [String, Number],
+  // 渲染类型 index,radio,checkbox,expand,html
+  type: String,
+  // 列字段名
+  field: String,
+  // 列标题
+  title: String,
+  // 列宽度
+  width: [Number, String],
+  // 列最小宽度，把剩余宽度按比例分配
+  minWidth: [Number, String],
+  // 列最大宽度
+  maxWidth: [Number, String],
+  // 是否允许拖动列宽调整大小
+  resizable: { type: Boolean, default: null },
+  // 将列固定在左侧或者右侧
+  fixed: String,
+  // 列对其方式
+  align: String,
+  // 表头对齐方式
+  headerAlign: String,
+  // 表尾列的对齐方式
+  footerAlign: String,
+  // 当内容过长时显示为省略号
+  showOverflow: { type: [Boolean, String], default: null },
+  // 当表头内容过长时显示为省略号
+  showHeaderOverflow: { type: [Boolean, String], default: null },
+  // 当表尾内容过长时显示为省略号
+  showFooterOverflow: { type: [Boolean, String], default: null },
+  // 给单元格附加 className
+  className: [String, Function],
+  // 给表头单元格附加 className
+  headerClassName: [String, Function],
+  // 给表尾单元格附加 className
+  footerClassName: [String, Function],
+  // 格式化显示内容
+  formatter: [Function, Array, String],
+  // 是否允许排序
+  sortable: Boolean,
+  // 自定义排序的属性
+  sortBy: [String, Function],
+  // 排序的字段类型，比如字符串转数值等
+  sortType: String,
+  // 配置筛选条件数组
+  filters: { type: Array, default: null },
+  // 筛选是否允许多选
+  filterMultiple: { type: Boolean, default: !0 },
+  // 自定义筛选方法
+  filterMethod: Function,
+  // 筛选重置方法
+  filterResetMethod: Function,
+  // 筛选复原方法
+  filterRecoverMethod: Function,
+  // 筛选模板配置项
+  filterRender: Object,
+  // 指定为树节点
+  treeNode: Boolean,
+  // 是否可视
+  visible: { type: Boolean, default: null },
+  // 表头单元格数据导出方法
+  headerExportMethod: Function,
+  // 单元格数据导出方法
+  exportMethod: Function,
+  // 表尾单元格数据导出方法
+  footerExportMethod: Function,
+  // 已废弃，被 titlePrefix 替换
+  titleHelp: Object,
+  // 标题帮助图标配置项
+  titlePrefix: Object,
+  // 单元格值类型
+  cellType: String,
+  // 单元格渲染配置项
+  cellRender: Object,
+  // 单元格编辑渲染配置项
+  editRender: Object,
+  // 内容渲染配置项
+  contentRender: Object,
+  // 额外的参数
+  params: Object
+};
+const C = d({
+  name: "VxeColumn",
+  props: v,
+  setup: function(n, l) {
+    var i = l.slots, o = c(), e = r("$xetable", {}), u = r("xecolgroup", null), t = h.createColumn(e, n);
+    t.slots = i, f("$xegrid", null), p(e, n, t), m(function() {
+      S(e, o.value, t, u);
+    }), s(function() {
+      b(e, t);
+    });
+    var a = function() {
+      return g("div", {
+        ref: o
+      });
+    };
+    return a;
+  }
+});
+export {
+  v as columnProps,
+  C as default
+};