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)
47 lines (46 loc) • 1.57 kB
JavaScript
import { defineComponent as l, computed as u, createVNode as r, Fragment as d, mergeProps as c } from "vue";
import { ElDatePicker as f } from "element-plus";
import { componentProps as i, useEvent as D, isProperty as g } from "../powerful-form/src/form-view-data.mjs";
const C = /* @__PURE__ */ l({
name: "FDatePicker",
props: i(),
setup(a) {
const n = u(() => a.formItem.data), {
event: t
} = D({
formData: a.formData,
index: a.index,
formItem: a.formItem
});
return () => {
var o, m;
return r(d, null, [r(f, c({
modelValue: a.formData[a.formItem.prop],
"onUpdate:modelValue": (e) => a.formData[a.formItem.prop] = e,
style: ((o = n.value) == null ? void 0 : o.style) || (a.inline ? {} : {
width: "100%"
}),
"start-placeholder": "开始时间",
"end-placeholder": "结束时间",
onChange: (...e) => t("change", ...e),
onBlur: (...e) => t("blur", ...e),
onFocus: (...e) => t("focus", ...e),
onCalendarChange: (...e) => t("calendar-change", ...e),
onPanelChange: (...e) => t("panel-change", ...e),
onVisibleChange: (...e) => t("visible-change", ...e),
valueFormat: "YYYY-MM-DD HH:mm:ss",
type: "daterange",
clearable: !0
}, g({
formData: a.formData,
index: a.index,
formItem: a.formItem
}, (m = n.value) == null ? void 0 : m.property)), null)]);
};
}
});
export {
C as FDatePicker,
C as default
};
//# sourceMappingURL=f-date-picker.mjs.map