UNPKG

@antdv/pro-field

Version:

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

109 lines (108 loc) 3.29 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 { mergeProps as _mergeProps, createVNode as _createVNode } from "vue"; import { useIntl } from "@antdv/pro-provider"; import { oneOfType, stringType } from "@antdv/pro-utils"; import { InputNumber, Progress } from "ant-design-vue"; import { computed, defineComponent } from "vue"; import { toNumber } from "../Percent/util.mjs"; import { buildProFieldProp } from "../props.mjs"; function getProgressStatus(text) { if (text === 100) { return "success"; } if (text < 0) { return "exception"; } if (text < 100) { return "active"; } return "normal"; } const fieldProgressProps = buildProFieldProp({ value: oneOfType([Number, String]), placeholder: stringType() }); var stdin_default = defineComponent({ name: "FieldProgress", props: fieldProgressProps, inheritAttrs: false, emits: { "update:value": (val) => true }, setup(props, { emit }) { const intl = useIntl(); return () => { const { text, value, mode, render, plain, renderFormItem, fieldProps, placeholder } = props; const textValue = text != null ? text : value; const placeholderValue = placeholder || intl.getMessage("tableForm.inputPlaceholder", "\u8BF7\u8F93\u5165"); const realValue = typeof textValue === "string" && textValue.includes("%") ? toNumber(textValue.replace("%", "")) : toNumber(textValue); if (mode === "read") { const dom = _createVNode(Progress, _mergeProps({ "size": "small", "style": { minWidth: `100px`, maxWidth: `320px` }, "percent": realValue, "steps": plain ? 10 : void 0, "status": getProgressStatus(realValue) }, fieldProps), null); if (render) { return render(realValue, computed(() => __spreadValues({ mode }, fieldProps)), dom); } return dom; } if (mode === "edit" || mode === "update") { const dom = _createVNode(InputNumber, _mergeProps({ "placeholder": placeholderValue }, fieldProps, { "value": value, "onUpdate:value": (val) => { emit("update:value", val); } }), null); if (renderFormItem) { return renderFormItem(textValue, computed(() => __spreadValues({ mode, value }, fieldProps)), dom); } return dom; } return null; }; } }); export { stdin_default as default, fieldProgressProps, getProgressStatus };