@douyinfe/semi-ui
Version:
A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.
189 lines • 6.95 kB
JavaScript
import _get from "lodash/get";
import _set from "lodash/set";
import _cloneDeepWith from "lodash/cloneDeepWith";
var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
function adopt(value) {
return value instanceof P ? value : new P(function (resolve) {
resolve(value);
});
}
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
}
function rejected(value) {
try {
step(generator["throw"](value));
} catch (e) {
reject(e);
}
}
function step(result) {
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
}
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
import React from 'react';
import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
import { isHTMLElement } from '@douyinfe/semi-foundation/lib/es/utils/dom';
import semiGlobal from "./semi-global";
/**
* stop propagation
*
* @param {React.MouseEvent<HTMLElement>} e React mouse event object
* @param {boolean} noImmediate Skip stopping immediate propagation
*/
export function stopPropagation(e, noImmediate) {
if (e && typeof e.stopPropagation === 'function') {
e.stopPropagation();
}
if (!noImmediate && e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
e.nativeEvent.stopImmediatePropagation();
}
}
export function cloneDeep(value, customizer) {
return _cloneDeepWith(value, v => {
if (typeof customizer === 'function') {
return customizer(v);
}
if (typeof v === 'function' || /*#__PURE__*/React.isValidElement(v)) {
return v;
}
if (Object.prototype.toString.call(v) === '[object Error]') {
return v;
}
// it is tricky
// when array length beyond max length, array.length will be 0
if (Array.isArray(v) && v.length === 0) {
const keys = Object.keys(v);
if (keys.length) {
const newArray = [];
keys.forEach(key => {
_set(newArray, key, v[key]);
});
// internal-issues:887
try {
warning(_get(process, 'env.NODE_ENV') !== 'production', `[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.
The maximum length of an array is 4294967295.
Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript`);
} catch (e) {}
return newArray;
} else {
return undefined;
}
}
return undefined;
});
}
/**
* register matchFn and unMatchFn callback while media query
* @param {string} media media string
* @param {object} param param object
* @returns function
*/
export const registerMediaQuery = (media, _ref) => {
let {
match,
unmatch,
callInInit = true
} = _ref;
if (typeof window !== 'undefined') {
const mediaQueryList = window.matchMedia(media);
function handlerMediaChange(e) {
if (e.matches) {
match && match(e);
} else {
unmatch && unmatch(e);
}
}
callInInit && handlerMediaChange(mediaQueryList);
if (Object.prototype.hasOwnProperty.call(mediaQueryList, 'addEventListener')) {
mediaQueryList.addEventListener('change', handlerMediaChange);
return () => mediaQueryList.removeEventListener('change', handlerMediaChange);
}
mediaQueryList.addListener(handlerMediaChange);
return () => mediaQueryList.removeListener(handlerMediaChange);
}
return () => undefined;
};
/**
* Determine whether the incoming element is a built-in icon
* @param icon 元素
* @returns boolean
*/
export const isSemiIcon = icon => /*#__PURE__*/React.isValidElement(icon) && _get(icon.type, 'elementType') === 'Icon';
export function getActiveElement() {
return document ? document.activeElement : null;
}
export function isNodeContainsFocus(node) {
const activeElement = getActiveElement();
return activeElement === node || node.contains(activeElement);
}
export function getFocusableElements(node) {
if (!isHTMLElement(node)) {
return [];
}
const focusableSelectorsList = ["input:not([disabled]):not([tabindex='-1'])", "textarea:not([disabled]):not([tabindex='-1'])", "button:not([disabled]):not([tabindex='-1'])", "a[href]:not([tabindex='-1'])", "select:not([disabled]):not([tabindex='-1'])", "area[href]:not([tabindex='-1'])", "iframe:not([tabindex='-1'])", "object:not([tabindex='-1'])", "*[tabindex]:not([tabindex='-1'])", "*[contenteditable]:not([tabindex='-1'])"];
const focusableSelectorsStr = focusableSelectorsList.join(',');
// we are not filtered elements which are invisible
const focusableElements = Array.from(node.querySelectorAll(focusableSelectorsStr));
return focusableElements;
}
export function runAfterTicks(func, numberOfTicks) {
return __awaiter(this, void 0, void 0, function* () {
if (numberOfTicks === 0) {
yield func();
return;
} else {
yield new Promise(resolve => {
setTimeout(() => __awaiter(this, void 0, void 0, function* () {
yield runAfterTicks(func, numberOfTicks - 1);
resolve();
}), 0);
});
return;
}
});
}
export function getScrollbarWidth() {
if (globalThis && Object.prototype.toString.call(globalThis) === '[object Window]') {
return window.innerWidth - document.documentElement.clientWidth;
}
return 0;
}
export function getDefaultPropsFromGlobalConfig(componentName) {
let semiDefaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
const getFromGlobalConfig = () => {
var _a, _b;
return ((_b = (_a = semiGlobal === null || semiGlobal === void 0 ? void 0 : semiGlobal.config) === null || _a === void 0 ? void 0 : _a.overrideDefaultProps) === null || _b === void 0 ? void 0 : _b[componentName]) || {};
};
return new Proxy(Object.assign({}, semiDefaultProps), {
get(target, key, receiver) {
const defaultPropsFromGlobal = getFromGlobalConfig();
if (key in defaultPropsFromGlobal) {
return defaultPropsFromGlobal[key];
}
return Reflect.get(target, key, receiver);
},
set(target, key, value, receiver) {
return Reflect.set(target, key, value, receiver);
},
ownKeys() {
const defaultPropsFromGlobal = getFromGlobalConfig();
return Array.from(new Set([...Reflect.ownKeys(semiDefaultProps), ...Object.keys(defaultPropsFromGlobal)]));
},
getOwnPropertyDescriptor(target, key) {
const defaultPropsFromGlobal = getFromGlobalConfig();
if (key in defaultPropsFromGlobal) {
return Reflect.getOwnPropertyDescriptor(defaultPropsFromGlobal, key);
} else {
return Reflect.getOwnPropertyDescriptor(target, key);
}
}
});
}