109 lines
2.4 KiB
JavaScript
109 lines
2.4 KiB
JavaScript
"use strict";
|
|
|
|
var __read = this && this.__read || function (o, n) {
|
|
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
if (!m) return o;
|
|
var i = m.call(o),
|
|
r,
|
|
ar = [],
|
|
e;
|
|
|
|
try {
|
|
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
|
ar.push(r.value);
|
|
}
|
|
} catch (error) {
|
|
e = {
|
|
error: error
|
|
};
|
|
} finally {
|
|
try {
|
|
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
} finally {
|
|
if (e) throw e.error;
|
|
}
|
|
}
|
|
|
|
return ar;
|
|
};
|
|
|
|
var __spread = this && this.__spread || function () {
|
|
for (var ar = [], i = 0; i < arguments.length; i++) {
|
|
ar = ar.concat(__read(arguments[i]));
|
|
}
|
|
|
|
return ar;
|
|
};
|
|
|
|
var __importDefault = this && this.__importDefault || function (mod) {
|
|
return mod && mod.__esModule ? mod : {
|
|
"default": mod
|
|
};
|
|
};
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var react_1 = require("react");
|
|
|
|
var useUpdateEffect_1 = __importDefault(require("../useUpdateEffect"));
|
|
|
|
function useControllableValue(props, options) {
|
|
if (props === void 0) {
|
|
props = {};
|
|
}
|
|
|
|
if (options === void 0) {
|
|
options = {};
|
|
}
|
|
|
|
var defaultValue = options.defaultValue,
|
|
_a = options.defaultValuePropName,
|
|
defaultValuePropName = _a === void 0 ? 'defaultValue' : _a,
|
|
_b = options.valuePropName,
|
|
valuePropName = _b === void 0 ? 'value' : _b,
|
|
_c = options.trigger,
|
|
trigger = _c === void 0 ? 'onChange' : _c;
|
|
var value = props[valuePropName];
|
|
|
|
var _d = __read(react_1.useState(function () {
|
|
if (valuePropName in props) {
|
|
return value;
|
|
}
|
|
|
|
if (defaultValuePropName in props) {
|
|
return props[defaultValuePropName];
|
|
}
|
|
|
|
return defaultValue;
|
|
}), 2),
|
|
state = _d[0],
|
|
setState = _d[1];
|
|
/* init 的时候不用执行了 */
|
|
|
|
|
|
useUpdateEffect_1["default"](function () {
|
|
if (valuePropName in props) {
|
|
setState(value);
|
|
}
|
|
}, [value, valuePropName]);
|
|
var handleSetState = react_1.useCallback(function (v) {
|
|
var args = [];
|
|
|
|
for (var _i = 1; _i < arguments.length; _i++) {
|
|
args[_i - 1] = arguments[_i];
|
|
}
|
|
|
|
if (!(valuePropName in props)) {
|
|
setState(v);
|
|
}
|
|
|
|
if (props[trigger]) {
|
|
props[trigger].apply(props, __spread([v], args));
|
|
}
|
|
}, [props, valuePropName, trigger]);
|
|
return [valuePropName in props ? value : state, handleSetState];
|
|
}
|
|
|
|
exports["default"] = useControllableValue; |