@antdv/pro-field
Version:
原子信息组件,统一 ProForm、ProTable、ProList、Filter 等组件里面的字段定义。
77 lines (76 loc) • 2.88 kB
JavaScript
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
};