myprint-design
Version:
操作简单,组件丰富的一站式打印解决方案打印设计器
43 lines (40 loc) • 1.39 kB
JavaScript
import { defineComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
import MyGroup from '../group/my-group.vue.mjs';
import MyButton from '../button/my-Button.vue.mjs';
var _sfc_main = /* @__PURE__ */ defineComponent({
__name: "my-radio",
props: {
disabled: { type: Boolean, default: false },
modelValue: {},
dataList: {}
},
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
const emit = __emit;
function onClick(item) {
emit("update:modelValue", item.value);
}
return (_ctx, _cache) => {
return openBlock(), createBlock(MyGroup, null, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataList, (item, index) => {
return openBlock(), createBlock(MyButton, {
onClick: ($event) => onClick(item),
size: "small",
isActive: _ctx.modelValue == item.value,
key: index
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(item.label), 1)
]),
_: 2
}, 1032, ["onClick", "isActive"]);
}), 128))
]),
_: 1
});
};
}
});
export { _sfc_main as default };
//# sourceMappingURL=my-radio.vue2.mjs.map