jiapengyu
72 lines
1.7 KiB
JavaScript
72 lines
1.7 KiB
JavaScript
"use strict";
|
|
const common_vendor = require("../../../../../common/vendor.js");
|
|
const getVal = (val) => {
|
|
const reg = /^[0-9]*$/g;
|
|
return typeof val === "number" || reg.test(val) ? val + "px" : val;
|
|
};
|
|
const _sfc_main = {
|
|
name: "UniIcons",
|
|
emits: ["click"],
|
|
props: {
|
|
type: {
|
|
type: String,
|
|
default: ""
|
|
},
|
|
color: {
|
|
type: String,
|
|
default: "#333333"
|
|
},
|
|
size: {
|
|
type: [Number, String],
|
|
default: 16
|
|
},
|
|
customPrefix: {
|
|
type: String,
|
|
default: ""
|
|
},
|
|
fontFamily: {
|
|
type: String,
|
|
default: ""
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
icons: common_vendor.fontData
|
|
};
|
|
},
|
|
computed: {
|
|
unicode() {
|
|
let code = this.icons.find((v) => v.font_class === this.type);
|
|
if (code) {
|
|
return code.unicode;
|
|
}
|
|
return "";
|
|
},
|
|
iconSize() {
|
|
return getVal(this.size);
|
|
},
|
|
styleObj() {
|
|
if (this.fontFamily !== "") {
|
|
return `color: ${this.color}; font-size: ${this.iconSize}; font-family: ${this.fontFamily};`;
|
|
}
|
|
return `color: ${this.color}; font-size: ${this.iconSize};`;
|
|
}
|
|
},
|
|
methods: {
|
|
_onClick(e) {
|
|
this.$emit("click", e);
|
|
}
|
|
}
|
|
};
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
return {
|
|
a: common_vendor.s($options.styleObj),
|
|
b: common_vendor.n("uniui-" + $props.type),
|
|
c: common_vendor.n($props.customPrefix),
|
|
d: common_vendor.n($props.customPrefix ? $props.type : ""),
|
|
e: common_vendor.o((...args) => $options._onClick && $options._onClick(...args))
|
|
};
|
|
}
|
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
wx.createComponent(Component);
|