Cheng Zhou
39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
'use strict';
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
var vue = require('vue');
|
|
var lodashUnified = require('lodash-unified');
|
|
|
|
const defaultProps = {
|
|
label: "label",
|
|
value: "value",
|
|
disabled: "disabled",
|
|
options: "options"
|
|
};
|
|
function useProps(props) {
|
|
const aliasProps = vue.ref({ ...defaultProps, ...props.props });
|
|
let cache = { ...props.props };
|
|
vue.watch(() => props.props, (val) => {
|
|
if (!lodashUnified.isEqual(val, cache)) {
|
|
aliasProps.value = { ...defaultProps, ...val };
|
|
cache = { ...val };
|
|
}
|
|
}, { deep: true });
|
|
const getLabel = (option) => lodashUnified.get(option, aliasProps.value.label);
|
|
const getValue = (option) => lodashUnified.get(option, aliasProps.value.value);
|
|
const getDisabled = (option) => lodashUnified.get(option, aliasProps.value.disabled);
|
|
const getOptions = (option) => lodashUnified.get(option, aliasProps.value.options);
|
|
return {
|
|
aliasProps,
|
|
getLabel,
|
|
getValue,
|
|
getDisabled,
|
|
getOptions
|
|
};
|
|
}
|
|
|
|
exports.defaultProps = defaultProps;
|
|
exports.useProps = useProps;
|
|
//# sourceMappingURL=useProps.js.map
|