UNPKG

@antdv/pro-field

Version:

原子信息组件,统一 ProForm、ProTable、ProList、Filter 等组件里面的字段定义。

100 lines (99 loc) 3.13 kB
var __defProp = Object.defineProperty; var __getOwnPropSymbols = Object.getOwnPropertySymbols; var __hasOwnProp = Object.prototype.hasOwnProperty; var __propIsEnum = Object.prototype.propertyIsEnumerable; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __spreadValues = (a, b) => { for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]); if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) { if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]); } return a; }; import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue"; import { useIntl } from "@antdv/pro-provider"; import { stringType, vNodeType } from "@antdv/pro-utils"; import { Input } from "ant-design-vue"; import { computed, defineComponent, ref, watchEffect } from "vue"; import { buildProFieldProp } from "../props.mjs"; const fieldTextProps = buildProFieldProp({ value: stringType(), emptyText: vNodeType() }); var stdin_default = defineComponent({ name: "FieldText", props: fieldTextProps, inheritAttrs: false, slots: Object, emits: { "update:value": (val) => true }, setup(props, { expose, slots, emit }) { const intl = useIntl(); const inputRef = ref(null); watchEffect(() => { var _a; if (props.fieldProps.autoFocus) { (_a = inputRef.value) == null ? void 0 : _a.focus(); } }); expose(inputRef.value || {}); return () => { var _a, _b, _c; const { text, mode, render, value, renderFormItem, fieldProps, emptyText = (_b = (_a = slots.emptyText) == null ? void 0 : _a.call(slots)) != null ? _b : "-" } = props; const textValue = text != null ? text : value; const { prefix = "", suffix = "" } = fieldProps || {}; if (mode === "read") { const dom = _createVNode(_Fragment, null, [prefix, textValue != null ? textValue : emptyText, suffix]); if (render) { return (_c = render(textValue, computed(() => __spreadValues({ mode, value }, fieldProps)), dom)) != null ? _c : emptyText; } return dom; } if (mode === "edit" || mode === "update") { const placeholder = intl.getMessage("tableForm.inputPlaceholder", "\u8BF7\u8F93\u5165"); const dom = _createVNode(Input, _mergeProps({ "ref": inputRef, "placeholder": placeholder, "allowClear": true, "value": value, "onUpdate:value": (val) => emit("update:value", val) }, fieldProps), null); if (renderFormItem) { return renderFormItem(textValue, computed(() => __spreadValues({ mode, value }, fieldProps)), dom); } return dom; } return null; }; } }); export { stdin_default as default, fieldTextProps };