2025/2/8第一次更新

dist/dev/mp-weixin/components/firstui/fui-row/fui-row.js

@@ -0,0 +1,81 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = {
+  name: "fui-row",
+  componentName: "fuiRow",
+  props: {
+    //是否为flex布局
+    isFlex: {
+      type: Boolean,
+      default: false
+    },
+    //flex 布局下的水平排列方式 start/end/center/space-around/space-between
+    justify: {
+      type: String,
+      default: "start"
+    },
+    //flex 布局下的垂直排列方式	top/middle/bottom
+    align: {
+      type: String,
+      default: "top"
+    },
+    marginTop: {
+      type: String,
+      default: "0"
+    },
+    marginBottom: {
+      type: String,
+      default: "0"
+    },
+    //栅格间隔
+    gutter: {
+      type: Number,
+      default: 0
+    },
+    // nvue如果使用span等属性，需要配置宽度
+    width: {
+      type: [String, Number],
+      default: 750
+    }
+  },
+  data() {
+    return {
+      flex: false
+    };
+  },
+  watch: {
+    isFlex(val) {
+      this.flex = val;
+    }
+  },
+  created() {
+    this.flex = this.isFlex;
+  },
+  computed: {
+    marginValue() {
+      if (this.gutter) {
+        return Number(this.gutter) / 2;
+      }
+      return 0;
+    },
+    justifyClass() {
+      return this.justify !== "start" ? `fui-row__${this.justify}` : "";
+    },
+    alignClass() {
+      return this.align !== "top" ? `fui-row__${this.align}` : "";
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {
+    a: common_vendor.n($data.flex ? "fui-row__flex" : ""),
+    b: common_vendor.n($options.justifyClass),
+    c: common_vendor.n($options.alignClass),
+    d: $props.marginTop,
+    e: $props.marginBottom,
+    f: `-${$options.marginValue}rpx`,
+    g: `-${$options.marginValue}rpx`
+  };
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ca770746"]]);
+wx.createComponent(Component);

dist/dev/mp-weixin/components/firstui/fui-row/fui-row.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

dist/dev/mp-weixin/components/firstui/fui-row/fui-row.wxml

@@ -0,0 +1 @@
+<view class="{{['fui-row__box', 'data-v-ca770746', a, b, c, virtualHostClass]}}" style="{{'margin-top:' + d + ';' + ('margin-bottom:' + e) + ';' + ('margin-left:' + f) + ';' + ('margin-right:' + g) + ';' + virtualHostStyle}}"><slot></slot></view>

dist/dev/mp-weixin/components/firstui/fui-row/fui-row.wxss

@@ -0,0 +1,57 @@
+
+.data-v-ca770746:host {
+		position: relative;
+		box-sizing: border-box;
+		display: block;
+}
+.fui-row__box.data-v-ca770746 {
+
+
+
+
+		box-sizing: border-box;
+
+		position: relative;
+
+
+
+		flex-direction: row;
+}
+.fui-row__box.data-v-ca770746::before {
+		display: table;
+		content: " ";
+}
+.fui-row__box.data-v-ca770746::after {
+		display: table;
+		content: " ";
+}
+.fui-row__box.data-v-ca770746::after {
+		clear: both;
+}
+.fui-row__flex.data-v-ca770746 {
+
+		display: flex;
+
+		flex-direction: row;
+}
+.fui-row__middle.data-v-ca770746 {
+		align-items: center;
+}
+.fui-row__bottom.data-v-ca770746 {
+		align-items: flex-end;
+}
+.fui-row__before.data-v-ca770746 {
+		display: table
+}
+.fui-row__end.data-v-ca770746 {
+		justify-content: flex-end;
+}
+.fui-row__center.data-v-ca770746 {
+		justify-content: center;
+}
+.fui-row__space-around.data-v-ca770746 {
+		justify-content: space-around;
+}
+.fui-row__space-between.data-v-ca770746 {
+		justify-content: space-between;
+}