first

node_modules/vant/lib/sku/components/SkuRowPropItem.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _utils = require("../../utils");
+
+var _createNamespace = (0, _utils.createNamespace)('sku-row-prop-item'),
+    createComponent = _createNamespace[0];
+
+var _default = createComponent({
+  props: {
+    skuValue: Object,
+    skuKeyStr: String,
+    skuEventBus: Object,
+    selectedProp: Object,
+    multiple: Boolean,
+    disabled: Boolean
+  },
+  computed: {
+    choosed: function choosed() {
+      var selectedProp = this.selectedProp,
+          skuKeyStr = this.skuKeyStr,
+          skuValue = this.skuValue;
+
+      if (selectedProp && selectedProp[skuKeyStr]) {
+        return selectedProp[skuKeyStr].indexOf(skuValue.id) > -1;
+      }
+
+      return false;
+    }
+  },
+  methods: {
+    onSelect: function onSelect() {
+      if (this.disabled) return;
+      this.skuEventBus.$emit('sku:propSelect', (0, _extends2.default)({}, this.skuValue, {
+        skuKeyStr: this.skuKeyStr,
+        multiple: this.multiple
+      }));
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    return h("span", {
+      "class": ['van-sku-row__item', {
+        'van-sku-row__item--active': this.choosed
+      }, {
+        'van-sku-row__item--disabled': this.disabled
+      }],
+      "on": {
+        "click": this.onSelect
+      }
+    }, [h("span", {
+      "class": "van-sku-row__item-name"
+    }, [this.skuValue.name])]);
+  }
+});
+
+exports.default = _default;