@uiw/react-amap-utils
Advanced tools
Comparing version 2.2.1 to 2.2.2
@@ -5,3 +5,5 @@ "use strict"; | ||
exports.__esModule = true; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.useSetStatus = useSetStatus; | ||
@@ -13,4 +15,8 @@ exports.useVisiable = useVisiable; | ||
var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); | ||
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); | ||
var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2")); | ||
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")); | ||
var _react = require("react"); | ||
@@ -26,11 +32,5 @@ | ||
*/ | ||
function useSetStatus(instance, props, propsName) { | ||
if (props === void 0) { | ||
props = {}; | ||
} | ||
if (propsName === void 0) { | ||
propsName = []; | ||
} | ||
function useSetStatus(instance) { | ||
var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; | ||
var propsName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; | ||
propsName.forEach(function (name) { | ||
@@ -40,4 +40,5 @@ var eName = name; // eslint-disable-next-line react-hooks/rules-of-hooks | ||
var _useState = (0, _react.useState)(props[eName]), | ||
state = _useState[0], | ||
setState = _useState[1]; // eslint-disable-next-line react-hooks/rules-of-hooks | ||
_useState2 = (0, _slicedToArray2["default"])(_useState, 2), | ||
state = _useState2[0], | ||
setState = _useState2[1]; // eslint-disable-next-line react-hooks/rules-of-hooks | ||
@@ -48,4 +49,2 @@ | ||
if (props[eName] !== state) { | ||
var _extends2; | ||
// map.setStatus({ | ||
@@ -59,3 +58,3 @@ // dragEnable: true, | ||
var status = instance.getStatus(); | ||
instance.setStatus((0, _extends3["default"])({}, status, (_extends2 = {}, _extends2[eName] = props[eName], _extends2))); | ||
instance.setStatus((0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, status), {}, (0, _defineProperty2["default"])({}, eName, props[eName]))); | ||
setState(props[eName]); | ||
@@ -75,5 +74,6 @@ } | ||
function useVisiable(instance, visiable) { | ||
var _useState2 = (0, _react.useState)(visiable), | ||
state = _useState2[0], | ||
setState = _useState2[1]; | ||
var _useState3 = (0, _react.useState)(visiable), | ||
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2), | ||
state = _useState4[0], | ||
setState = _useState4[1]; | ||
@@ -131,11 +131,6 @@ (0, _react.useEffect)(function () { | ||
*/ | ||
function useEventProperties(instance, props, eventName, type) { | ||
if (props === void 0) { | ||
props = {}; | ||
} | ||
if (eventName === void 0) { | ||
eventName = []; | ||
} | ||
function useEventProperties(instance) { | ||
var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; | ||
var eventName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; | ||
var type = arguments.length > 3 ? arguments[3] : undefined; | ||
eventName.forEach(function (name) { | ||
@@ -175,22 +170,14 @@ var eventName = name; | ||
function useSettingProperties(instance, props, propsName) { | ||
if (instance === void 0) { | ||
instance = {}; | ||
} | ||
if (props === void 0) { | ||
props = {}; | ||
} | ||
if (propsName === void 0) { | ||
propsName = []; | ||
} | ||
function useSettingProperties() { | ||
var instance = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; | ||
var propsName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; | ||
propsName.forEach(function (name) { | ||
var eName = "set" + name; | ||
var vName = "" + name.charAt(0).toLowerCase() + name.slice(1); // eslint-disable-next-line react-hooks/rules-of-hooks | ||
var eName = "set".concat(name); | ||
var vName = "".concat(name.charAt(0).toLowerCase()).concat(name.slice(1)); // eslint-disable-next-line react-hooks/rules-of-hooks | ||
var _useState3 = (0, _react.useState)(props[vName]), | ||
state = _useState3[0], | ||
setState = _useState3[1]; // eslint-disable-next-line react-hooks/rules-of-hooks | ||
var _useState5 = (0, _react.useState)(props[vName]), | ||
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2), | ||
state = _useState6[0], | ||
setState = _useState6[1]; // eslint-disable-next-line react-hooks/rules-of-hooks | ||
@@ -197,0 +184,0 @@ |
@@ -1,4 +0,20 @@ | ||
import _extends from "@babel/runtime/helpers/esm/extends"; | ||
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.useSetStatus = useSetStatus; | ||
exports.useVisiable = useVisiable; | ||
exports.usePrevious = usePrevious; | ||
exports.useEventProperties = useEventProperties; | ||
exports.useSettingProperties = useSettingProperties; | ||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); | ||
var _react = require("react"); | ||
/// <reference types="@uiw/react-amap-types" /> | ||
import { useEffect, useState, useRef } from 'react'; | ||
/** | ||
@@ -10,4 +26,3 @@ * 对实例有 setStatus 更改状态的处理 | ||
*/ | ||
export function useSetStatus(instance, props, propsName) { | ||
function useSetStatus(instance, props, propsName) { | ||
if (props === void 0) { | ||
@@ -21,15 +36,10 @@ props = {}; | ||
propsName.forEach(function (name) { | ||
propsName.forEach(name => { | ||
var eName = name; // eslint-disable-next-line react-hooks/rules-of-hooks | ||
var _useState = useState(props[eName]), | ||
state = _useState[0], | ||
setState = _useState[1]; // eslint-disable-next-line react-hooks/rules-of-hooks | ||
var [state, setState] = (0, _react.useState)(props[eName]); // eslint-disable-next-line react-hooks/rules-of-hooks | ||
useEffect(function () { | ||
(0, _react.useEffect)(() => { | ||
if (instance && props[eName] !== undefined) { | ||
if (props[eName] !== state) { | ||
var _extends2; | ||
// map.setStatus({ | ||
@@ -43,3 +53,5 @@ // dragEnable: true, | ||
var status = instance.getStatus(); | ||
instance.setStatus(_extends({}, status, (_extends2 = {}, _extends2[eName] = props[eName], _extends2))); | ||
instance.setStatus((0, _extends2.default)({}, status, { | ||
[eName]: props[eName] | ||
})); | ||
setState(props[eName]); | ||
@@ -57,8 +69,6 @@ } | ||
export function useVisiable(instance, visiable) { | ||
var _useState2 = useState(visiable), | ||
state = _useState2[0], | ||
setState = _useState2[1]; | ||
useEffect(function () { | ||
function useVisiable(instance, visiable) { | ||
var [state, setState] = (0, _react.useState)(visiable); | ||
(0, _react.useEffect)(() => { | ||
if (instance && visiable !== undefined) { | ||
@@ -92,5 +102,6 @@ if (visiable) { | ||
export function usePrevious(value) { | ||
var ref = useRef(); | ||
useEffect(function () { | ||
function usePrevious(value) { | ||
var ref = (0, _react.useRef)(); | ||
(0, _react.useEffect)(() => { | ||
ref.current = value; | ||
@@ -114,3 +125,3 @@ }); | ||
*/ | ||
export function useEventProperties(instance, props, eventName, type) { | ||
function useEventProperties(instance, props, eventName, type) { | ||
if (props === void 0) { | ||
@@ -124,7 +135,7 @@ props = {}; | ||
eventName.forEach(function (name) { | ||
eventName.forEach(name => { | ||
var eventName = name; | ||
var eventHandle = props[eventName]; // eslint-disable-next-line react-hooks/rules-of-hooks | ||
useEffect(function () { | ||
(0, _react.useEffect)(() => { | ||
if (!instance) return; | ||
@@ -137,3 +148,3 @@ var eName = name.toLocaleLowerCase().replace(/^on/, ''); | ||
return function () { | ||
return () => { | ||
if (eName && eventHandle) { | ||
@@ -159,3 +170,4 @@ instance.off(eName, eventHandle); | ||
export function useSettingProperties(instance, props, propsName) { | ||
function useSettingProperties(instance, props, propsName) { | ||
if (instance === void 0) { | ||
@@ -173,12 +185,9 @@ instance = {}; | ||
propsName.forEach(function (name) { | ||
propsName.forEach(name => { | ||
var eName = "set" + name; | ||
var vName = "" + name.charAt(0).toLowerCase() + name.slice(1); // eslint-disable-next-line react-hooks/rules-of-hooks | ||
var _useState3 = useState(props[vName]), | ||
state = _useState3[0], | ||
setState = _useState3[1]; // eslint-disable-next-line react-hooks/rules-of-hooks | ||
var [state, setState] = (0, _react.useState)(props[vName]); // eslint-disable-next-line react-hooks/rules-of-hooks | ||
useEffect(function () { | ||
(0, _react.useEffect)(() => { | ||
if (instance && props[vName] !== undefined) { | ||
@@ -185,0 +194,0 @@ if (props[vName] !== state && instance[eName] && typeof instance[eName] === 'function') { |
{ | ||
"name": "@uiw/react-amap-utils", | ||
"version": "2.2.1", | ||
"version": "2.2.2", | ||
"description": "基于 React 封装的高德地图组件。AMap Component Based On React.", | ||
@@ -36,8 +36,8 @@ "homepage": "https://uiwjs.github.io/react-amap", | ||
"dependencies": { | ||
"@uiw/react-amap-types": "^2.2.1" | ||
"@uiw/react-amap-types": "^2.2.2" | ||
}, | ||
"devDependencies": { | ||
"@types/react": "17.0.19", | ||
"@types/react": "17.0.20", | ||
"@types/react-dom": "17.0.9" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
39051
586
Updated@uiw/react-amap-types@^2.2.2