1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- "use strict";
- const common_vendor = require("../../../../common/vendor.js");
- const _sfc_main = {
- name: "u-icon",
- data() {
- return {};
- },
- emits: ["click"],
- mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$1],
- computed: {
- uClasses() {
- let classes = [];
- classes.push(this.customPrefix + "-" + this.name);
- if (this.color && common_vendor.index.$u.config.type.includes(this.color))
- classes.push("u-icon__icon--" + this.color);
- return classes;
- },
- iconStyle() {
- let style = {};
- style = {
- fontSize: common_vendor.index.$u.addUnit(this.size),
- lineHeight: common_vendor.index.$u.addUnit(this.size),
- fontWeight: this.bold ? "bold" : "normal",
- // 某些特殊情况需要设置一个到顶部的距离,才能更好的垂直居中
- top: common_vendor.index.$u.addUnit(this.top)
- };
- if (this.color && !common_vendor.index.$u.config.type.includes(this.color))
- style.color = this.color;
- return style;
- },
- // 判断传入的name属性,是否图片路径,只要带有"/"均认为是图片形式
- isImg() {
- return this.name.indexOf("/") !== -1;
- },
- imgStyle() {
- let style = {};
- style.width = this.width ? common_vendor.index.$u.addUnit(this.width) : common_vendor.index.$u.addUnit(this.size);
- style.height = this.height ? common_vendor.index.$u.addUnit(this.height) : common_vendor.index.$u.addUnit(this.size);
- return style;
- },
- // 通过图标名,查找对应的图标
- icon() {
- return common_vendor.icons["uicon-" + this.name] || this.name;
- }
- },
- methods: {
- clickHandler(e) {
- this.$emit("click", this.index);
- this.stop && this.preventEvent(e);
- }
- }
- };
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
- return common_vendor.e({
- a: $options.isImg
- }, $options.isImg ? {
- b: _ctx.name,
- c: _ctx.imgMode,
- d: common_vendor.s($options.imgStyle),
- e: common_vendor.s(_ctx.$u.addStyle(_ctx.customStyle))
- } : {
- f: common_vendor.t($options.icon),
- g: common_vendor.n($options.uClasses),
- h: common_vendor.s($options.iconStyle),
- i: common_vendor.s(_ctx.$u.addStyle(_ctx.customStyle)),
- j: _ctx.hoverClass
- }, {
- k: _ctx.label !== ""
- }, _ctx.label !== "" ? {
- l: common_vendor.t(_ctx.label),
- m: _ctx.labelColor,
- n: _ctx.$u.addUnit(_ctx.labelSize),
- o: _ctx.labelPos == "right" ? _ctx.$u.addUnit(_ctx.space) : 0,
- p: _ctx.labelPos == "bottom" ? _ctx.$u.addUnit(_ctx.space) : 0,
- q: _ctx.labelPos == "left" ? _ctx.$u.addUnit(_ctx.space) : 0,
- r: _ctx.labelPos == "top" ? _ctx.$u.addUnit(_ctx.space) : 0
- } : {}, {
- s: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args)),
- t: common_vendor.n("u-icon--" + _ctx.labelPos)
- });
- }
- const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1c933a9a"], ["__file", "D:/project/赋强公证/notarization_applet/node_modules/uview-plus/components/u-icon/u-icon.vue"]]);
- wx.createComponent(Component);
|