@open-feishu-card/renderer 0.2.28 → 0.2.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +3 -3
- package/dist/index.js +3 -3
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -5680,16 +5680,16 @@ function registerBuiltins() {
|
|
|
5680
5680
|
registerComponent("column_set", (el, ctx) => {
|
|
5681
5681
|
const p = el.property || {};
|
|
5682
5682
|
const gapRaw = p.horizontalSpacingValue?.value ?? p.horizontal_spacing;
|
|
5683
|
-
const gap = gapRaw != null ? horizontalSpacingToPx(gapRaw) :
|
|
5683
|
+
const gap = gapRaw != null ? horizontalSpacingToPx(gapRaw) : horizontalSpacingToPx("default");
|
|
5684
5684
|
const flexMode = p.flexMode || p.flex_mode;
|
|
5685
5685
|
const hAlign = p.horizontalAlign || p.horizontal_align;
|
|
5686
5686
|
const style = {
|
|
5687
5687
|
display: "flex",
|
|
5688
5688
|
flexWrap: flexMode === "flow" || flexMode === "wrap" ? "wrap" : "nowrap",
|
|
5689
5689
|
rowGap: "8px",
|
|
5690
|
-
alignItems: "stretch"
|
|
5690
|
+
alignItems: "stretch",
|
|
5691
|
+
columnGap: gap + "px"
|
|
5691
5692
|
};
|
|
5692
|
-
if (gap > 0) style.columnGap = gap + "px";
|
|
5693
5693
|
if (hAlign) {
|
|
5694
5694
|
style.justifyContent = { left: "flex-start", center: "center", right: "flex-end" }[hAlign] || "flex-start";
|
|
5695
5695
|
}
|
package/dist/index.js
CHANGED
|
@@ -5679,16 +5679,16 @@ function registerBuiltins() {
|
|
|
5679
5679
|
registerComponent("column_set", (el, ctx) => {
|
|
5680
5680
|
const p = el.property || {};
|
|
5681
5681
|
const gapRaw = p.horizontalSpacingValue?.value ?? p.horizontal_spacing;
|
|
5682
|
-
const gap = gapRaw != null ? horizontalSpacingToPx(gapRaw) :
|
|
5682
|
+
const gap = gapRaw != null ? horizontalSpacingToPx(gapRaw) : horizontalSpacingToPx("default");
|
|
5683
5683
|
const flexMode = p.flexMode || p.flex_mode;
|
|
5684
5684
|
const hAlign = p.horizontalAlign || p.horizontal_align;
|
|
5685
5685
|
const style = {
|
|
5686
5686
|
display: "flex",
|
|
5687
5687
|
flexWrap: flexMode === "flow" || flexMode === "wrap" ? "wrap" : "nowrap",
|
|
5688
5688
|
rowGap: "8px",
|
|
5689
|
-
alignItems: "stretch"
|
|
5689
|
+
alignItems: "stretch",
|
|
5690
|
+
columnGap: gap + "px"
|
|
5690
5691
|
};
|
|
5691
|
-
if (gap > 0) style.columnGap = gap + "px";
|
|
5692
5692
|
if (hAlign) {
|
|
5693
5693
|
style.justifyContent = { left: "flex-start", center: "center", right: "flex-end" }[hAlign] || "flex-start";
|
|
5694
5694
|
}
|