tass-ui
Version:
A high quality UI Toolkit built on Vue.js3+.
62 lines (61 loc) • 2.54 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
const checkbox_vue_vue_type_script_setup_true_name_TassCheckbox_lang = require("../../checkbox/src/checkbox.vue.js");
const checkboxGroup_vue_vue_type_script_setup_true_name_TassCheckboxGroup_lang = require("../../checkbox-group/src/checkbox-group.vue.js");
const useCheck = require("./composables/use-check.js");
const _hoisted_1 = { class: "tas-transfer__item" };
const _hoisted_2 = { class: "tas-transfer__body" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
__name: "transferItem",
props: {
data: {
type: Array,
default: () => []
},
props: {
type: Object
}
},
emits: ["checkChange"],
setup(__props) {
const props = __props;
const state = vue.reactive({
checked: [],
allCheck: false
});
let { keyProps, disabledProps, handlerChange } = useCheck.useCheck(props, state);
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
vue.createVNode(checkbox_vue_vue_type_script_setup_true_name_TassCheckbox_lang.default, {
modelValue: state.allCheck,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.allCheck = $event),
onChange: vue.unref(handlerChange)
}, {
default: vue.withCtx(() => [
vue.createTextVNode("全选 / 半选")
]),
_: 1
}, 8, ["modelValue", "onChange"]),
vue.createElementVNode("div", _hoisted_2, [
vue.createVNode(checkboxGroup_vue_vue_type_script_setup_true_name_TassCheckboxGroup_lang.default, {
modelValue: state.checked,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.checked = $event)
}, {
default: vue.withCtx(() => [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (item) => {
return vue.openBlock(), vue.createBlock(checkbox_vue_vue_type_script_setup_true_name_TassCheckbox_lang.default, {
key: item[vue.unref(keyProps)],
label: item[vue.unref(keyProps)],
disabled: item[vue.unref(disabledProps)]
}, null, 8, ["label", "disabled"]);
}), 128))
]),
_: 1
}, 8, ["modelValue"])
])
]);
};
}
});
exports.default = _sfc_main;