UNPKG

@antdv/pro-field

Version:

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

77 lines (76 loc) 2.88 kB
var __defProp = Object.defineProperty; var __defProps = Object.defineProperties; var __getOwnPropDescs = Object.getOwnPropertyDescriptors; 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; }; var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); import { createVNode as _createVNode, Fragment as _Fragment } from "vue"; import { boolType, cloneElement, useState, vNodeType } from "@antdv/pro-utils"; import { computed, defineComponent, ref } from "vue"; import { proFieldLightProps } from "../components/props.mjs"; var stdin_default = defineComponent({ name: "FieldHOC", props: __spreadProps(__spreadValues({}, proFieldLightProps), { children: vNodeType(), isLight: boolType() }), setup(props, { slots }) { const [labelTrigger, setLabelTrigger] = useState(false); const labelRef = ref(null); const clearRef = ref(null); const lightLabel = computed(() => { return { labelRef: props.labelRef || labelRef.value, clearRef: props.clearRef || clearRef.value }; }); return () => { var _a, _b; const children = props.children || ((_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]); if (!children) { throw new Error("children or slots.default is required"); } const isTriggeredByLabel = (e) => { var _a2, _b2, _c, _d; const isLabelMouseDown = (_b2 = (_a2 = lightLabel.value) == null ? void 0 : _a2.labelRef) == null ? void 0 : _b2.contains(e.target); const isClearMouseDown = (_d = (_c = lightLabel.value) == null ? void 0 : _c.clearRef) == null ? void 0 : _d.contains(e.target); return isLabelMouseDown && !isClearMouseDown; }; const handleMouseDown = (e) => { if (isTriggeredByLabel(e)) { setLabelTrigger(true); } }; const handleMouseUp = () => { setLabelTrigger(false); }; if (props.isLight) { return _createVNode("div", { "onMousedown": handleMouseDown, "onMouseup": handleMouseUp }, [cloneElement(children, { labelTrigger: labelTrigger.value })]); } return _createVNode(_Fragment, null, [children]); }; } }); export { stdin_default as default };