el-plus-powerful-form
Version:
## [DOCS](https://peng-xiao-shuai.github.io/vite-vue-admin-docs/zh-CN/component_directive/component/powerful-form-doc.html)
66 lines (65 loc) • 2.26 kB
JavaScript
import { defineComponent as f, computed as l, createVNode as r, Fragment as d, mergeProps as u } from "vue";
import { ElCheckboxGroup as p, ElCheckbox as I } from "element-plus";
import "element-plus/theme-chalk/el-form.css";
import "element-plus/theme-chalk/el-form-item.css";
import "element-plus/theme-chalk/el-checkbox.css";
import "element-plus/theme-chalk/el-checkbox-group.css";
import "element-plus/theme-chalk/el-date-picker-panel.css";
import "element-plus/theme-chalk/el-radio.css";
import "element-plus/theme-chalk/el-radio-group.css";
import "element-plus/theme-chalk/el-select-v2.css";
import "element-plus/theme-chalk/el-select.css";
import "element-plus/theme-chalk/el-switch.css";
import "element-plus/theme-chalk/el-input.css";
import "element-plus/theme-chalk/el-rate.css";
import "../style.css";
import "../powerful-form/index.mjs";
import { componentProps as D, useEvent as x, isProperty as b } from "../powerful-form/src/form-view-data.mjs";
import { isBolOrFun as C } from "../utils/index.mjs";
const z = /* @__PURE__ */ f({
name: "FCheckbox",
props: D(),
setup(t) {
const o = l(() => t.formItem.data), {
event: n
} = x({
formData: t.formData,
index: t.index,
formItem: t.formItem
});
return () => {
var a, i;
return r(d, null, [r(p, u({
modelValue: t.formData[t.formItem.prop],
"onUpdate:modelValue": (e) => t.formData[t.formItem.prop] = e,
style: ((a = o.value) == null ? void 0 : a.style) || {},
onChange: (...e) => n("change", ...e)
}, b({
formData: t.formData,
index: t.index,
formItem: t.formItem
}, (i = o.value) == null ? void 0 : i.property)), {
default: () => {
var e;
return [(e = o.value) == null ? void 0 : e.options.map((m) => r(I, {
label: m.label,
disabled: C(m.disabled, {
formData: t.formData,
formItem: t.formItem,
index: t.index
}),
border: m.border,
name: m.name
}, {
default: () => [m.text || m.label]
}))];
}
})]);
};
}
});
export {
z as FCheckbox,
z as default
};
//# sourceMappingURL=f-checkbox.mjs.map