67 lines
1.7 KiB
JavaScript
67 lines
1.7 KiB
JavaScript
"use strict";
|
|
const common_vendor = require("../../../../common/vendor.js");
|
|
const _sfc_main = {
|
|
name: "UniGridItem",
|
|
inject: ["grid"],
|
|
props: {
|
|
index: {
|
|
type: Number,
|
|
default: 0
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
column: 0,
|
|
showBorder: true,
|
|
square: true,
|
|
highlight: true,
|
|
left: 0,
|
|
top: 0,
|
|
openNum: 2,
|
|
width: 0,
|
|
borderColor: "#e5e5e5"
|
|
};
|
|
},
|
|
created() {
|
|
this.column = this.grid.column;
|
|
this.showBorder = this.grid.showBorder;
|
|
this.square = this.grid.square;
|
|
this.highlight = this.grid.highlight;
|
|
this.top = this.hor === 0 ? this.grid.hor : this.hor;
|
|
this.left = this.ver === 0 ? this.grid.ver : this.ver;
|
|
this.borderColor = this.grid.borderColor;
|
|
this.grid.children.push(this);
|
|
this.width = this.grid.width;
|
|
},
|
|
beforeDestroy() {
|
|
this.grid.children.forEach((item, index) => {
|
|
if (item === this) {
|
|
this.grid.children.splice(index, 1);
|
|
}
|
|
});
|
|
},
|
|
methods: {
|
|
_onClick() {
|
|
this.grid.change({
|
|
detail: {
|
|
index: this.index
|
|
}
|
|
});
|
|
}
|
|
}
|
|
};
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
return {
|
|
a: $data.showBorder ? 1 : "",
|
|
b: $data.showBorder && $props.index < $data.column ? 1 : "",
|
|
c: $data.highlight ? 1 : "",
|
|
d: $data.borderColor,
|
|
e: $data.borderColor,
|
|
f: $data.borderColor,
|
|
g: common_vendor.o((...args) => $options._onClick && $options._onClick(...args)),
|
|
h: common_vendor.s("width:" + $data.width + ";" + ($data.square ? "height:" + $data.width : ""))
|
|
};
|
|
}
|
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-645c48f3"]]);
|
|
wx.createComponent(Component);
|