vue-admin-core
Version:
A Component Library for Vue 3
49 lines (46 loc) • 1.38 kB
JavaScript
import { defineComponent, ref, h, reactive } from 'vue';
import { connect, mapProps, mapReadPretty } from '@formily/vue';
import { observer } from '@formily/reactive-vue';
import { ElCascader, UPDATE_MODEL_EVENT, CHANGE_EVENT } from 'element-plus';
import '../../preview-text/index.mjs';
import { useArrToStr } from '../../__builtins__/hooks/useArrToStr.mjs';
import { PreviewText } from '../../preview-text/src/index.mjs';
const InnerCascader = observer(defineComponent({
name: "FCascader",
props: {
...ElCascader.props,
options: Array,
props: {
type: Object,
default: () => ({
children: "children",
label: "label",
value: "value",
disabled: "disabled"
})
}
},
emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT],
setup(props, ctx) {
const cascader = ref();
const _props = useArrToStr(props, ctx, {
vm: cascader,
cascader: true
});
return () => {
return h(ElCascader, reactive({
...props,
..._props,
ref: (ref2) => cascader.value = ref2
}), ctx.slots);
};
}
}));
const Cascader = connect(InnerCascader, mapProps({
dataSource: "options",
loading: true,
value: "modelValue",
readOnly: "readonly"
}), mapReadPretty(PreviewText.Cascader));
export { Cascader, InnerCascader, Cascader as default };
//# sourceMappingURL=index.mjs.map