feat: 优化图片预览组件
This commit is contained in:
parent
8b2902f7fa
commit
ddc9ea1cb5
@ -4,20 +4,22 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|||||||
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
||||||
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
||||||
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
||||||
import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
|
import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useContext } from 'react';
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import { generateImg, get, addEventListenerWrapper } from '@zhst/func';
|
import { generateImg, get, addEventListenerWrapper } from '@zhst/func';
|
||||||
import { useUpdateEffect } from '@zhst/hooks';
|
import { useUpdateEffect } from '@zhst/hooks';
|
||||||
|
import { IconFont } from '@zhst/icon';
|
||||||
import Button from "../button";
|
import Button from "../button";
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
import Viewer from "../ImageEditor/viewer";
|
import Viewer from "../ImageEditor/viewer";
|
||||||
import Icon from "../iconfont";
|
|
||||||
import CornerScore from "./components/CornerScore";
|
import CornerScore from "./components/CornerScore";
|
||||||
import "./index.less";
|
import "./index.less";
|
||||||
var componentName = "zhst-image__compater-view";
|
import { ConfigContext } from "../config-provider";
|
||||||
|
import { EMPTY_BASE64 } from "../utils/constants";
|
||||||
// 对比图组件
|
// 对比图组件
|
||||||
var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
||||||
var _props$label = props.label,
|
var customizePrefixCls = props.prefixCls,
|
||||||
|
_props$label = props.label,
|
||||||
label = _props$label === void 0 ? '标题' : _props$label,
|
label = _props$label === void 0 ? '标题' : _props$label,
|
||||||
_props$openRoll = props.openRoll,
|
_props$openRoll = props.openRoll,
|
||||||
openRoll = _props$openRoll === void 0 ? true : _props$openRoll,
|
openRoll = _props$openRoll === void 0 ? true : _props$openRoll,
|
||||||
@ -27,10 +29,14 @@ var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
|||||||
score = _props$score === void 0 ? 0 : _props$score,
|
score = _props$score === void 0 ? 0 : _props$score,
|
||||||
preDisable = props.preDisable,
|
preDisable = props.preDisable,
|
||||||
nextDisable = props.nextDisable,
|
nextDisable = props.nextDisable,
|
||||||
_props$showScore = props.showScore,
|
showScore = props.showScore,
|
||||||
showScore = _props$showScore === void 0 ? true : _props$showScore,
|
|
||||||
onNext = props.onNext,
|
onNext = props.onNext,
|
||||||
|
_props$showTools = props.showTools,
|
||||||
|
showTools = _props$showTools === void 0 ? true : _props$showTools,
|
||||||
onPre = props.onPre;
|
onPre = props.onPre;
|
||||||
|
var _useContext = useContext(ConfigContext),
|
||||||
|
getPrefixCls = _useContext.getPrefixCls;
|
||||||
|
var componentName = getPrefixCls('image__compater-view', customizePrefixCls);
|
||||||
var imgContainerRef = useRef(null);
|
var imgContainerRef = useRef(null);
|
||||||
var imgInsRef = useRef(null);
|
var imgInsRef = useRef(null);
|
||||||
var _useState = useState(0),
|
var _useState = useState(0),
|
||||||
@ -79,7 +85,7 @@ var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
|||||||
}, label), !url ? /*#__PURE__*/React.createElement("div", {
|
}, label), !url ? /*#__PURE__*/React.createElement("div", {
|
||||||
className: classNames("".concat(componentName, "__empty"))
|
className: classNames("".concat(componentName, "__empty"))
|
||||||
}, /*#__PURE__*/React.createElement("img", {
|
}, /*#__PURE__*/React.createElement("img", {
|
||||||
src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==",
|
src: EMPTY_BASE64,
|
||||||
title: "\u6682\u65E0\u6570\u636E"
|
title: "\u6682\u65E0\u6570\u636E"
|
||||||
}), /*#__PURE__*/React.createElement("span", {
|
}), /*#__PURE__*/React.createElement("span", {
|
||||||
className: classNames("".concat(componentName, "__empty--text"))
|
className: classNames("".concat(componentName, "__empty--text"))
|
||||||
@ -89,28 +95,38 @@ var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
|||||||
}), !!url && openRoll && /*#__PURE__*/React.createElement("div", {
|
}), !!url && openRoll && /*#__PURE__*/React.createElement("div", {
|
||||||
className: classNames("".concat(componentName, "__scoll-module"))
|
className: classNames("".concat(componentName, "__scoll-module"))
|
||||||
}, /*#__PURE__*/React.createElement(Button, {
|
}, /*#__PURE__*/React.createElement(Button, {
|
||||||
type: 'default',
|
|
||||||
className: classNames("".concat(componentName, "__scoll-module__btn")),
|
className: classNames("".concat(componentName, "__scoll-module__btn")),
|
||||||
disabled: preDisable,
|
disabled: preDisable,
|
||||||
onClick: function onClick() {
|
onClick: onPre,
|
||||||
onPre === null || onPre === void 0 || onPre();
|
type: "primary",
|
||||||
}
|
shape: "circle",
|
||||||
}, /*#__PURE__*/React.createElement(Icon, {
|
style: {
|
||||||
icon: "icon-qiehuanzuo",
|
width: '56px',
|
||||||
size: 40
|
height: '56px'
|
||||||
})), /*#__PURE__*/React.createElement(Button, {
|
},
|
||||||
type: 'default',
|
icon: /*#__PURE__*/React.createElement(IconFont, {
|
||||||
|
icon: "icon-qiehuanzuo",
|
||||||
|
size: 32,
|
||||||
|
color: "#fff"
|
||||||
|
})
|
||||||
|
}), /*#__PURE__*/React.createElement(Button, {
|
||||||
className: classNames("".concat(componentName, "__scoll-module__btn")),
|
className: classNames("".concat(componentName, "__scoll-module__btn")),
|
||||||
disabled: nextDisable,
|
disabled: nextDisable,
|
||||||
onClick: function onClick() {
|
onClick: onNext,
|
||||||
onNext === null || onNext === void 0 || onNext();
|
type: "primary",
|
||||||
}
|
shape: "circle",
|
||||||
}, /*#__PURE__*/React.createElement(Icon, {
|
style: {
|
||||||
icon: "icon-qiehuanyou",
|
width: '56px',
|
||||||
size: 40
|
height: '56px'
|
||||||
}))), showScore && /*#__PURE__*/React.createElement(CornerScore, {
|
},
|
||||||
|
icon: /*#__PURE__*/React.createElement(IconFont, {
|
||||||
|
icon: "icon-qiehuanyou",
|
||||||
|
size: 32,
|
||||||
|
color: "#fff"
|
||||||
|
})
|
||||||
|
})), (showScore || score) && /*#__PURE__*/React.createElement(CornerScore, {
|
||||||
scoreTxt: score || 0
|
scoreTxt: score || 0
|
||||||
}), /*#__PURE__*/React.createElement("div", {
|
}), showTools && /*#__PURE__*/React.createElement("div", {
|
||||||
className: classNames("".concat(componentName, "__tool"))
|
className: classNames("".concat(componentName, "__tool"))
|
||||||
}, /*#__PURE__*/React.createElement(Button, {
|
}, /*#__PURE__*/React.createElement(Button, {
|
||||||
type: "text",
|
type: "text",
|
||||||
@ -118,7 +134,7 @@ var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
|||||||
var _imgInsRef$current3, _imgInsRef$current3$s;
|
var _imgInsRef$current3, _imgInsRef$current3$s;
|
||||||
imgInsRef === null || imgInsRef === void 0 || (_imgInsRef$current3 = imgInsRef.current) === null || _imgInsRef$current3 === void 0 || (_imgInsRef$current3$s = _imgInsRef$current3.scaleTo) === null || _imgInsRef$current3$s === void 0 || _imgInsRef$current3$s.call(_imgInsRef$current3, 0.1);
|
imgInsRef === null || imgInsRef === void 0 || (_imgInsRef$current3 = imgInsRef.current) === null || _imgInsRef$current3 === void 0 || (_imgInsRef$current3$s = _imgInsRef$current3.scaleTo) === null || _imgInsRef$current3$s === void 0 || _imgInsRef$current3$s.call(_imgInsRef$current3, 0.1);
|
||||||
}
|
}
|
||||||
}, /*#__PURE__*/React.createElement(Icon, {
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
||||||
size: 16,
|
size: 16,
|
||||||
icon: 'icon-fangda'
|
icon: 'icon-fangda'
|
||||||
}), /*#__PURE__*/React.createElement("span", null, '放大')), /*#__PURE__*/React.createElement(Button, {
|
}), /*#__PURE__*/React.createElement("span", null, '放大')), /*#__PURE__*/React.createElement(Button, {
|
||||||
@ -127,7 +143,7 @@ var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
|||||||
var _imgInsRef$current4, _imgInsRef$current4$s;
|
var _imgInsRef$current4, _imgInsRef$current4$s;
|
||||||
imgInsRef === null || imgInsRef === void 0 || (_imgInsRef$current4 = imgInsRef.current) === null || _imgInsRef$current4 === void 0 || (_imgInsRef$current4$s = _imgInsRef$current4.scaleTo) === null || _imgInsRef$current4$s === void 0 || _imgInsRef$current4$s.call(_imgInsRef$current4, -0.1);
|
imgInsRef === null || imgInsRef === void 0 || (_imgInsRef$current4 = imgInsRef.current) === null || _imgInsRef$current4 === void 0 || (_imgInsRef$current4$s = _imgInsRef$current4.scaleTo) === null || _imgInsRef$current4$s === void 0 || _imgInsRef$current4$s.call(_imgInsRef$current4, -0.1);
|
||||||
}
|
}
|
||||||
}, /*#__PURE__*/React.createElement(Icon, {
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
||||||
size: 16,
|
size: 16,
|
||||||
icon: 'icon-suoxiao'
|
icon: 'icon-suoxiao'
|
||||||
}), /*#__PURE__*/React.createElement("span", null, '缩小')), /*#__PURE__*/React.createElement("span", {
|
}), /*#__PURE__*/React.createElement("span", null, '缩小')), /*#__PURE__*/React.createElement("span", {
|
||||||
@ -140,7 +156,7 @@ var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
|||||||
var _imgInsRef$current5, _imgInsRef$current5$r;
|
var _imgInsRef$current5, _imgInsRef$current5$r;
|
||||||
imgInsRef === null || imgInsRef === void 0 || (_imgInsRef$current5 = imgInsRef.current) === null || _imgInsRef$current5 === void 0 || (_imgInsRef$current5$r = _imgInsRef$current5.reset) === null || _imgInsRef$current5$r === void 0 || _imgInsRef$current5$r.call(_imgInsRef$current5);
|
imgInsRef === null || imgInsRef === void 0 || (_imgInsRef$current5 = imgInsRef.current) === null || _imgInsRef$current5 === void 0 || (_imgInsRef$current5$r = _imgInsRef$current5.reset) === null || _imgInsRef$current5$r === void 0 || _imgInsRef$current5$r.call(_imgInsRef$current5);
|
||||||
}
|
}
|
||||||
}, /*#__PURE__*/React.createElement(Icon, {
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
||||||
size: 16,
|
size: 16,
|
||||||
icon: 'icon-zhongzhi3'
|
icon: 'icon-zhongzhi3'
|
||||||
}), /*#__PURE__*/React.createElement("span", null, '重置'))));
|
}), /*#__PURE__*/React.createElement("span", null, '重置'))));
|
||||||
|
@ -113,25 +113,17 @@
|
|||||||
|
|
||||||
&__scoll-module {
|
&__scoll-module {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0%;
|
padding: 12px;
|
||||||
left: 0%;
|
bottom: 48px;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
&__btn {
|
&__btn {
|
||||||
display: flex;
|
opacity: 0.4;
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
bottom: 45px;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin: 6px;
|
|
||||||
border-radius: 50%;
|
|
||||||
opacity: 0.5;
|
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
|
|
||||||
&>span {
|
&>span {
|
||||||
@ -142,6 +134,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__btn:hover {
|
&__btn:hover {
|
||||||
|
opacity: 0.6;
|
||||||
background-color: #09f !important;
|
background-color: #09f !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
@ -9,4 +9,5 @@ export var defaultAlignOption = {
|
|||||||
adjustX: true,
|
adjustX: true,
|
||||||
adjustY: true
|
adjustY: true
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
export var EMPTY_BASE64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==';
|
18
packages/meta/lib/VideoPlayer/VideoPlayer.d.ts
vendored
18
packages/meta/lib/VideoPlayer/VideoPlayer.d.ts
vendored
@ -1,18 +0,0 @@
|
|||||||
import React, { Dispatch, ReactElement, SetStateAction } from 'react';
|
|
||||||
import { Rect, IScreenshotButtonProp, AlignType } from '@zhst/types';
|
|
||||||
import './index.less';
|
|
||||||
export interface VideoViewProps {
|
|
||||||
url: string;
|
|
||||||
maxDuration?: number;
|
|
||||||
screenshotButtonAlign?: AlignType;
|
|
||||||
screenshotButtonRender?: (screenshotButtonProp: IScreenshotButtonProp) => ReactElement;
|
|
||||||
defautlNormalizationRect?: Rect;
|
|
||||||
onCropChange?: (showCrop: boolean, normalizationRect: null | Rect) => void;
|
|
||||||
}
|
|
||||||
export interface VideoViewRef {
|
|
||||||
cropAble: boolean;
|
|
||||||
setShowCrop: Dispatch<SetStateAction<boolean>>;
|
|
||||||
downloadVideoframe: () => void;
|
|
||||||
}
|
|
||||||
declare const VideoPlayer: React.ForwardRefExoticComponent<VideoViewProps & React.RefAttributes<VideoViewRef>>;
|
|
||||||
export default VideoPlayer;
|
|
@ -1,592 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/VideoPlayer/VideoPlayer.tsx
|
|
||||||
var VideoPlayer_exports = {};
|
|
||||||
__export(VideoPlayer_exports, {
|
|
||||||
default: () => VideoPlayer_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(VideoPlayer_exports);
|
|
||||||
var import_react = __toESM(require("react"));
|
|
||||||
var import_func = require("@zhst/func");
|
|
||||||
var import_rc_align = __toESM(require("rc-align"));
|
|
||||||
var import_hooks = require("@zhst/hooks");
|
|
||||||
var import_classnames = __toESM(require("classnames"));
|
|
||||||
var import_downloadjs = __toESM(require("downloadjs"));
|
|
||||||
var import__ = require("..");
|
|
||||||
var import_iconfont = __toESM(require("../iconfont"));
|
|
||||||
var import_ImageEditor = require("../ImageEditor");
|
|
||||||
var import_FlvPlayer = __toESM(require("./components/FlvPlayer"));
|
|
||||||
var import_Progress = __toESM(require("./components/Progress"));
|
|
||||||
var import_Loading = __toESM(require("./components/Loading"));
|
|
||||||
var import_constants = require("../utils/constants");
|
|
||||||
var import_videoPlayerHelper = require("./videoPlayerHelper");
|
|
||||||
var import_index = require("./index.less");
|
|
||||||
var componentName = `zhst-image__video-view`;
|
|
||||||
var VideoPlayer = (0, import_react.forwardRef)((props, ref) => {
|
|
||||||
const {
|
|
||||||
url,
|
|
||||||
maxDuration = 20,
|
|
||||||
screenshotButtonAlign = {
|
|
||||||
points: ["bl", "br"],
|
|
||||||
offset: [6, 0],
|
|
||||||
overflow: {
|
|
||||||
adjustX: true,
|
|
||||||
adjustY: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
screenshotButtonRender = () => /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#fff", width: "80px", top: 0 } }, "回调DOM"),
|
|
||||||
onCropChange,
|
|
||||||
defautlNormalizationRect: defaultNormalizationRect
|
|
||||||
} = props;
|
|
||||||
const containerRef = (0, import_react.useRef)(null);
|
|
||||||
const videoRef = (0, import_react.useRef)(null);
|
|
||||||
const videoInsRef = (0, import_react.useRef)(null);
|
|
||||||
const [playSeq, setPlaySeq] = (0, import_react.useState)(0);
|
|
||||||
const videoRemoveListener = (0, import_react.useRef)(import_func.noop);
|
|
||||||
const loadingTimeRef = (0, import_react.useRef)(0);
|
|
||||||
const delayLoadingTimer = (0, import_react.useRef)(null);
|
|
||||||
const [isReady, setIsReady] = (0, import_react.useState)(false);
|
|
||||||
const [isPlay, setIsPlay] = (0, import_react.useState)(false);
|
|
||||||
const [isEnd, setIsEnd] = (0, import_react.useState)(false);
|
|
||||||
const [isError, setIsError] = (0, import_react.useState)(false);
|
|
||||||
const [isVideoLoadFinished, setIsVideoLoadFinish] = (0, import_react.useState)(false);
|
|
||||||
const [playTime, setPlayTime] = (0, import_react.useState)(0);
|
|
||||||
const [isLoadingVideo, setIsLoadingVideo] = (0, import_react.useState)(true);
|
|
||||||
const [isDelayLoading, setIsDelayLoading] = (0, import_react.useState)(false);
|
|
||||||
const latestIsLoadingVideo = (0, import_hooks.useLatest)(isLoadingVideo);
|
|
||||||
const setIsLoadingVideoWrapper = (isLoading) => {
|
|
||||||
setIsLoadingVideo((preLoading) => {
|
|
||||||
if (!preLoading && isLoading) {
|
|
||||||
loadingTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
|
|
||||||
}
|
|
||||||
if (!isLoading) {
|
|
||||||
loadingTimeRef.current = null;
|
|
||||||
}
|
|
||||||
if (!isLoading) {
|
|
||||||
setIsDelayLoading(false);
|
|
||||||
}
|
|
||||||
if (!delayLoadingTimer.current && preLoading) {
|
|
||||||
delayLoadingTimer.current = setTimeout(() => {
|
|
||||||
if (latestIsLoadingVideo.current) {
|
|
||||||
setIsDelayLoading(true);
|
|
||||||
}
|
|
||||||
delayLoadingTimer.current = null;
|
|
||||||
}, 200);
|
|
||||||
}
|
|
||||||
return isLoading;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
(0, import_react.useEffect)(() => {
|
|
||||||
let timer = setInterval(() => {
|
|
||||||
if (loadingTimeRef.current) {
|
|
||||||
if ((/* @__PURE__ */ new Date()).getTime() - loadingTimeRef.current > 1e3 * 30) {
|
|
||||||
checkIsErr();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, 1e3);
|
|
||||||
return () => {
|
|
||||||
clearInterval(timer);
|
|
||||||
};
|
|
||||||
}, []);
|
|
||||||
(0, import_hooks.useUpdateEffect)(() => {
|
|
||||||
var _a, _b;
|
|
||||||
if (isEnd) {
|
|
||||||
(_b = (_a = videoInsRef == null ? void 0 : videoInsRef.current) == null ? void 0 : _a.pause) == null ? void 0 : _b.call(_a);
|
|
||||||
}
|
|
||||||
}, [isEnd]);
|
|
||||||
const checkIsErr = () => {
|
|
||||||
var _a, _b;
|
|
||||||
setIsError(true);
|
|
||||||
try {
|
|
||||||
(_b = (_a = videoInsRef == null ? void 0 : videoInsRef.current) == null ? void 0 : _a.destroy) == null ? void 0 : _b.call(_a);
|
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const latestMaxDuration = (0, import_hooks.useLatest)(maxDuration);
|
|
||||||
const initPlayer = (0, import_react.useCallback)((ins, dom) => {
|
|
||||||
videoRef.current = dom;
|
|
||||||
videoInsRef.current = ins;
|
|
||||||
const maxDuration2 = latestMaxDuration.current || 0;
|
|
||||||
let video = dom;
|
|
||||||
let errorLister = (e) => {
|
|
||||||
checkIsErr();
|
|
||||||
console.error("视频出错了", e, video.currentTime);
|
|
||||||
};
|
|
||||||
let waitingListener = () => {
|
|
||||||
setIsLoadingVideoWrapper(true);
|
|
||||||
};
|
|
||||||
let playingListener = () => {
|
|
||||||
setIsLoadingVideoWrapper(false);
|
|
||||||
setIsError(false);
|
|
||||||
};
|
|
||||||
let playLister = () => {
|
|
||||||
setIsPlay(true);
|
|
||||||
setIsError(false);
|
|
||||||
};
|
|
||||||
let pauseListener = () => {
|
|
||||||
setIsPlay(false);
|
|
||||||
};
|
|
||||||
let endedListner = () => {
|
|
||||||
setIsEnd(true);
|
|
||||||
setIsVideoLoadFinish(true);
|
|
||||||
};
|
|
||||||
let timeupdateListner = () => {
|
|
||||||
let nowTime = video.currentTime;
|
|
||||||
if (nowTime >= maxDuration2) {
|
|
||||||
setIsEnd(true);
|
|
||||||
setIsVideoLoadFinish(true);
|
|
||||||
}
|
|
||||||
setPlayTime(nowTime);
|
|
||||||
};
|
|
||||||
let windowErrorHandle = (errorEvent) => {
|
|
||||||
try {
|
|
||||||
if (errorEvent["message"] == "Uncaught TypeError: Cannot read property 'flushStashedSamples' of null") {
|
|
||||||
checkIsErr();
|
|
||||||
console.error("视频出错了 window监听", errorEvent);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
video.addEventListener("error", errorLister);
|
|
||||||
video.addEventListener("waiting", waitingListener);
|
|
||||||
video.addEventListener("playing", playingListener);
|
|
||||||
video.addEventListener("play", playLister);
|
|
||||||
video.addEventListener("pause", pauseListener);
|
|
||||||
video.addEventListener("ended", endedListner);
|
|
||||||
video.addEventListener("timeupdate", timeupdateListner);
|
|
||||||
window.addEventListener("error", windowErrorHandle);
|
|
||||||
videoRemoveListener.current = () => {
|
|
||||||
video.removeEventListener("error", errorLister);
|
|
||||||
video.removeEventListener("waiting", waitingListener);
|
|
||||||
video.removeEventListener("playing", playingListener);
|
|
||||||
video.removeEventListener("play", playLister);
|
|
||||||
video.removeEventListener("pause", pauseListener);
|
|
||||||
video.removeEventListener("ended", endedListner);
|
|
||||||
video.removeEventListener("timeupdate", timeupdateListner);
|
|
||||||
window.removeEventListener("error", windowErrorHandle);
|
|
||||||
};
|
|
||||||
videoInsRef == null ? void 0 : videoInsRef.current.on(import_FlvPlayer.FLV_EVENT.ERROR, (type, errDetail, info) => {
|
|
||||||
checkIsErr();
|
|
||||||
console.error("videoInsRef 错误", type, errDetail, info, video.currentTime);
|
|
||||||
});
|
|
||||||
let playPromise = videoInsRef == null ? void 0 : videoInsRef.current.play();
|
|
||||||
setIsReady(true);
|
|
||||||
playPromise.then(() => {
|
|
||||||
setIsReady(true);
|
|
||||||
}).catch((...arg) => {
|
|
||||||
try {
|
|
||||||
} catch (error) {
|
|
||||||
}
|
|
||||||
console.error("playPromise视频出错了", arg);
|
|
||||||
});
|
|
||||||
}, []);
|
|
||||||
(0, import_hooks.useUnmount)(() => {
|
|
||||||
try {
|
|
||||||
videoRemoveListener.current();
|
|
||||||
} catch (e) {
|
|
||||||
console.error(e);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
const reload = async () => {
|
|
||||||
if (videoInsRef.current) {
|
|
||||||
let oldTime = videoInsRef.current.currentTime;
|
|
||||||
videoInsRef.current.currentTime = 0;
|
|
||||||
if (oldTime === videoInsRef.current.currentTime) {
|
|
||||||
setIsReady(false);
|
|
||||||
setIsPlay(false);
|
|
||||||
setIsLoadingVideoWrapper(false);
|
|
||||||
setIsReady(false);
|
|
||||||
setIsEnd(false);
|
|
||||||
setIsVideoLoadFinish(false);
|
|
||||||
setPlayTime(0);
|
|
||||||
try {
|
|
||||||
videoRemoveListener.current();
|
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
}
|
|
||||||
setPlaySeq((pre) => pre + 1);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
videoInsRef.current.play();
|
|
||||||
}
|
|
||||||
setPlayTime(0);
|
|
||||||
setIsEnd(false);
|
|
||||||
};
|
|
||||||
const seek = (v) => {
|
|
||||||
if (videoInsRef.current && isVideoLoadFinished) {
|
|
||||||
setPlayTime(parseFloat(v));
|
|
||||||
videoInsRef.current.currentTime = parseFloat(v);
|
|
||||||
} else {
|
|
||||||
import__.message.warning("待视频加载完,才可操作进度条");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const [isFullscreen, { toggleFullscreen }] = (0, import_hooks.useFullscreen)(containerRef, {
|
|
||||||
pageFullscreen: true
|
|
||||||
});
|
|
||||||
const showMaxDuration = !!maxDuration ? maxDuration : (0, import_func.toRealNumber)((0, import_func.get)(videoRef, "current.duration", 0));
|
|
||||||
const showSlider = videoInsRef.current && isVideoLoadFinished;
|
|
||||||
const showStatus = (0, import_videoPlayerHelper.getShowStatus)(isDelayLoading, isEnd, isError);
|
|
||||||
const corpContainerRef = (0, import_react.useRef)();
|
|
||||||
const cropInsRef = (0, import_react.useRef)(null);
|
|
||||||
const [showCrop, setShowCrop] = (0, import_react.useState)(false);
|
|
||||||
const isFirstFlagRef = (0, import_react.useRef)(true);
|
|
||||||
(0, import_react.useEffect)(() => {
|
|
||||||
const isFirst = isFirstFlagRef.current;
|
|
||||||
if (!isLoadingVideo && isReady && isFirst && defaultNormalizationRect && !showStatus) {
|
|
||||||
(0, import_func.nextTick)(() => {
|
|
||||||
setShowCrop(true);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, [isLoadingVideo, showStatus]);
|
|
||||||
const alginContainerRef = (0, import_react.useRef)(null);
|
|
||||||
const alignRef = (0, import_react.useRef)(null);
|
|
||||||
const [cropRect, setCropRect] = (0, import_react.useState)(null);
|
|
||||||
(0, import_react.useEffect)(() => {
|
|
||||||
var _a, _b;
|
|
||||||
showCrop ? (_a = videoInsRef == null ? void 0 : videoInsRef.current) == null ? void 0 : _a.pause() : (_b = videoInsRef == null ? void 0 : videoInsRef.current) == null ? void 0 : _b.play();
|
|
||||||
}, [showCrop]);
|
|
||||||
(0, import_react.useEffect)(() => {
|
|
||||||
var _a;
|
|
||||||
let handlerCropStart;
|
|
||||||
let handlerCropEnd;
|
|
||||||
setCropRect(null);
|
|
||||||
if (!isReady)
|
|
||||||
return;
|
|
||||||
if (showCrop) {
|
|
||||||
handlerCropStart = (0, import_func.addEventListenerWrapper)(corpContainerRef.current, import_ImageEditor.EVENT_CROP_START, () => {
|
|
||||||
setCropRect(null);
|
|
||||||
});
|
|
||||||
handlerCropEnd = (0, import_func.addEventListenerWrapper)(corpContainerRef.current, import_ImageEditor.EVENT_CROP_END, (event) => {
|
|
||||||
var _a2, _b;
|
|
||||||
const data = event.detail;
|
|
||||||
setCropRect({
|
|
||||||
x: data.left,
|
|
||||||
y: data.top,
|
|
||||||
w: data.width,
|
|
||||||
h: data.height
|
|
||||||
});
|
|
||||||
(_b = (_a2 = alignRef == null ? void 0 : alignRef.current) == null ? void 0 : _a2.forceAlign) == null ? void 0 : _b.call(_a2);
|
|
||||||
});
|
|
||||||
let video = videoRef.current;
|
|
||||||
let scale = Math.min(
|
|
||||||
video.offsetWidth / video.videoWidth,
|
|
||||||
video.offsetHeight / video.videoHeight
|
|
||||||
);
|
|
||||||
let finalVideoWidth = video.videoWidth * scale;
|
|
||||||
let finalVideoHeight = video.videoHeight * scale;
|
|
||||||
let cropBoxLimited = {
|
|
||||||
width: finalVideoWidth,
|
|
||||||
height: finalVideoHeight,
|
|
||||||
top: (video.offsetHeight - finalVideoHeight) / 2,
|
|
||||||
left: (video.offsetWidth - finalVideoWidth) / 2
|
|
||||||
};
|
|
||||||
let canvas = document.createElement("canvas");
|
|
||||||
canvas.width = video.offsetWidth;
|
|
||||||
canvas.height = video.offsetHeight;
|
|
||||||
canvas.style.display = "none";
|
|
||||||
document.body.appendChild(canvas);
|
|
||||||
let ctx = canvas.getContext("2d");
|
|
||||||
ctx == null ? void 0 : ctx.drawImage(
|
|
||||||
video,
|
|
||||||
(video.offsetWidth - finalVideoWidth) / 2,
|
|
||||||
(video.offsetHeight - finalVideoHeight) / 2,
|
|
||||||
finalVideoWidth,
|
|
||||||
finalVideoHeight
|
|
||||||
);
|
|
||||||
let imageData = canvas.toDataURL("image/png");
|
|
||||||
(_a = canvas.parentNode) == null ? void 0 : _a.removeChild(canvas);
|
|
||||||
const isFirst = isFirstFlagRef.current;
|
|
||||||
let initialCropBoxData = null;
|
|
||||||
if (isFirst && defaultNormalizationRect) {
|
|
||||||
initialCropBoxData = {
|
|
||||||
left: defaultNormalizationRect.x * finalVideoWidth + cropBoxLimited.left,
|
|
||||||
top: defaultNormalizationRect.y * finalVideoHeight + cropBoxLimited.top,
|
|
||||||
width: defaultNormalizationRect.w * finalVideoWidth,
|
|
||||||
height: defaultNormalizationRect.h * finalVideoHeight
|
|
||||||
};
|
|
||||||
}
|
|
||||||
isFirstFlagRef.current = false;
|
|
||||||
cropInsRef.current = new import_ImageEditor.Cropper(corpContainerRef.current, {
|
|
||||||
showMask: true,
|
|
||||||
cropBoxLimited,
|
|
||||||
img: imageData,
|
|
||||||
initialCropBoxData
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return () => {
|
|
||||||
var _a2, _b;
|
|
||||||
handlerCropStart == null ? void 0 : handlerCropStart.remove();
|
|
||||||
handlerCropEnd == null ? void 0 : handlerCropEnd.remove();
|
|
||||||
(_b = (_a2 = cropInsRef == null ? void 0 : cropInsRef.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b.call(_a2);
|
|
||||||
cropInsRef.current = null;
|
|
||||||
};
|
|
||||||
}, [showCrop, isReady]);
|
|
||||||
const latestCropRect = (0, import_hooks.useLatest)(cropRect);
|
|
||||||
const getCropInfo = async () => {
|
|
||||||
var _a;
|
|
||||||
const cropRect2 = latestCropRect.current;
|
|
||||||
let video = videoRef.current;
|
|
||||||
if (!video)
|
|
||||||
return;
|
|
||||||
let rectList = [];
|
|
||||||
let extendRectList = [];
|
|
||||||
let selectIndex = 0;
|
|
||||||
let scale = Math.min(
|
|
||||||
video.offsetWidth / video.videoWidth,
|
|
||||||
video.offsetHeight / video.videoHeight
|
|
||||||
);
|
|
||||||
let finalVideoWidth = video.videoWidth * scale;
|
|
||||||
let finalVideoHeight = video.videoHeight * scale;
|
|
||||||
let canvas = document.createElement("canvas");
|
|
||||||
canvas.width = finalVideoWidth;
|
|
||||||
canvas.height = finalVideoHeight;
|
|
||||||
canvas.style.display = "none";
|
|
||||||
document.body.appendChild(canvas);
|
|
||||||
let ctx = canvas.getContext("2d");
|
|
||||||
ctx.drawImage(
|
|
||||||
video,
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
finalVideoWidth,
|
|
||||||
finalVideoHeight
|
|
||||||
);
|
|
||||||
let base64 = canvas.toDataURL("image/jpeg");
|
|
||||||
const blobData = (0, import_func.dataURLToBlob)(base64);
|
|
||||||
(_a = canvas.parentNode) == null ? void 0 : _a.removeChild(canvas);
|
|
||||||
const file = new window.File([blobData], `${(/* @__PURE__ */ new Date()).getTime()}`);
|
|
||||||
let newRect = {
|
|
||||||
w: cropRect2.w / finalVideoWidth,
|
|
||||||
h: cropRect2.h / finalVideoHeight,
|
|
||||||
x: (cropRect2.x - (video.offsetWidth - finalVideoWidth) / 2) / finalVideoWidth,
|
|
||||||
y: (cropRect2.y - (video.offsetHeight - finalVideoHeight) / 2) / finalVideoHeight
|
|
||||||
};
|
|
||||||
rectList.push(newRect);
|
|
||||||
extendRectList.push(newRect);
|
|
||||||
extendRectList.forEach(async (rect, index) => {
|
|
||||||
extendRectList[index] = {
|
|
||||||
...rect
|
|
||||||
};
|
|
||||||
});
|
|
||||||
return {
|
|
||||||
rectList,
|
|
||||||
extendRectList,
|
|
||||||
selectIndex,
|
|
||||||
file
|
|
||||||
};
|
|
||||||
};
|
|
||||||
(0, import_react.useEffect)(() => {
|
|
||||||
let normalizationRect = null;
|
|
||||||
if (showCrop && cropRect) {
|
|
||||||
let video = videoRef.current;
|
|
||||||
let scale = Math.min(
|
|
||||||
video.offsetWidth / video.videoWidth,
|
|
||||||
video.offsetHeight / video.videoHeight
|
|
||||||
);
|
|
||||||
let finalVideoWidth = video.videoWidth * scale;
|
|
||||||
let finalVideoHeight = video.videoHeight * scale;
|
|
||||||
let cropBoxLimited = {
|
|
||||||
width: finalVideoWidth,
|
|
||||||
height: finalVideoHeight,
|
|
||||||
top: (video.offsetHeight - finalVideoHeight) / 2,
|
|
||||||
left: (video.offsetWidth - finalVideoWidth) / 2
|
|
||||||
};
|
|
||||||
normalizationRect = {
|
|
||||||
x: (cropRect.x - cropBoxLimited.left) / cropBoxLimited.width,
|
|
||||||
y: (cropRect.y - cropBoxLimited.top) / cropBoxLimited.height,
|
|
||||||
w: cropRect.w / cropBoxLimited.width,
|
|
||||||
h: cropRect.h / cropBoxLimited.height
|
|
||||||
};
|
|
||||||
}
|
|
||||||
onCropChange == null ? void 0 : onCropChange(showCrop, normalizationRect);
|
|
||||||
}, [showCrop, cropRect]);
|
|
||||||
const downloadVideoframe = (0, import_react.useCallback)(async () => {
|
|
||||||
var _a, _b;
|
|
||||||
try {
|
|
||||||
(_b = (_a = videoInsRef == null ? void 0 : videoInsRef.current) == null ? void 0 : _a.pause) == null ? void 0 : _b.call(_a);
|
|
||||||
let video = videoRef.current;
|
|
||||||
var canvas = document.createElement("canvas");
|
|
||||||
const ctx = canvas.getContext("2d");
|
|
||||||
let base64;
|
|
||||||
if (video.readyState === 0) {
|
|
||||||
ctx == null ? void 0 : ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
||||||
canvas.width = video.offsetWidth;
|
|
||||||
canvas.height = video.offsetHeight;
|
|
||||||
ctx.fillStyle = "black";
|
|
||||||
ctx == null ? void 0 : ctx.fillRect(0, 0, canvas.width, canvas.height);
|
|
||||||
base64 = canvas.toDataURL();
|
|
||||||
} else {
|
|
||||||
canvas.width = video.videoWidth;
|
|
||||||
canvas.height = video.videoHeight;
|
|
||||||
ctx == null ? void 0 : ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
|
|
||||||
base64 = canvas.toDataURL("image/png");
|
|
||||||
}
|
|
||||||
(0, import_downloadjs.default)(base64);
|
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
}
|
|
||||||
}, []);
|
|
||||||
const latestIsReady = (0, import_hooks.useLatest)(isReady);
|
|
||||||
const cropAble = !showStatus && isReady;
|
|
||||||
(0, import_react.useImperativeHandle)(ref, () => ({
|
|
||||||
cropAble,
|
|
||||||
setShowCrop: (dispatch) => {
|
|
||||||
const isReady2 = latestIsReady.current;
|
|
||||||
if (!isReady2)
|
|
||||||
return;
|
|
||||||
setShowCrop(dispatch);
|
|
||||||
},
|
|
||||||
downloadVideoframe
|
|
||||||
}));
|
|
||||||
return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${componentName}`), ref: containerRef }, url && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
import_FlvPlayer.default,
|
|
||||||
{
|
|
||||||
playId: playSeq,
|
|
||||||
autoPlay: true,
|
|
||||||
className: (0, import_classnames.default)(`${componentName}-flv`),
|
|
||||||
type: url.startsWith("http") ? "mp4" : "flv",
|
|
||||||
url,
|
|
||||||
config: {
|
|
||||||
enableStashBuffer: true,
|
|
||||||
stashInitialSize: 1024 * 700,
|
|
||||||
isLive: true,
|
|
||||||
hasAudio: false,
|
|
||||||
hasVideo: true
|
|
||||||
},
|
|
||||||
onCreat: initPlayer
|
|
||||||
}
|
|
||||||
), /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
className: (0, import_classnames.default)(`${componentName}-crop-container`),
|
|
||||||
ref: corpContainerRef,
|
|
||||||
style: {
|
|
||||||
display: isFullscreen ? "none" : "block"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
), showCrop && cropRect && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
ref: alginContainerRef,
|
|
||||||
className: (0, import_classnames.default)(`${componentName}-align`),
|
|
||||||
style: Object.assign(
|
|
||||||
{
|
|
||||||
width: cropRect.w,
|
|
||||||
height: cropRect.h
|
|
||||||
},
|
|
||||||
(0, import_func.getTransforms)({
|
|
||||||
translateX: cropRect.x,
|
|
||||||
translateY: cropRect.y
|
|
||||||
})
|
|
||||||
)
|
|
||||||
}
|
|
||||||
), /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
import_rc_align.default,
|
|
||||||
{
|
|
||||||
ref: alignRef,
|
|
||||||
monitorWindowResize: true,
|
|
||||||
align: screenshotButtonAlign,
|
|
||||||
target: function() {
|
|
||||||
return alginContainerRef.current;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
screenshotButtonRender({
|
|
||||||
model: "IMAGE",
|
|
||||||
getCropInfo,
|
|
||||||
setShowCrop,
|
|
||||||
cropType: import_constants.CROP_TYPE["CUSTOM"]
|
|
||||||
})
|
|
||||||
)), !showCrop && /* @__PURE__ */ import_react.default.createElement("div", { className: `${componentName}-opt` }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
import__.Button,
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
onClick: () => {
|
|
||||||
var _a, _b;
|
|
||||||
if (!isPlay) {
|
|
||||||
(_a = videoInsRef == null ? void 0 : videoInsRef.current) == null ? void 0 : _a.play();
|
|
||||||
setShowCrop(false);
|
|
||||||
} else {
|
|
||||||
(_b = videoInsRef == null ? void 0 : videoInsRef.current) == null ? void 0 : _b.pause();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/* @__PURE__ */ import_react.default.createElement(
|
|
||||||
import_iconfont.default,
|
|
||||||
{
|
|
||||||
styles: {
|
|
||||||
color: "#fff",
|
|
||||||
display: "flex"
|
|
||||||
},
|
|
||||||
color: "#1890ff",
|
|
||||||
icon: !isPlay ? "icon-shipinbofang" : "icon-shipinzanting"
|
|
||||||
}
|
|
||||||
)
|
|
||||||
)), /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
className: `${componentName}-opt-range`,
|
|
||||||
onClick: (e) => {
|
|
||||||
e.stopPropagation();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/* @__PURE__ */ import_react.default.createElement(
|
|
||||||
import_Progress.default,
|
|
||||||
{
|
|
||||||
value: playTime,
|
|
||||||
min: 0,
|
|
||||||
max: showMaxDuration,
|
|
||||||
showSlider,
|
|
||||||
onChange: seek
|
|
||||||
}
|
|
||||||
),
|
|
||||||
/* @__PURE__ */ import_react.default.createElement("div", null, (0, import_func.formatDurationTime)(playTime), "/", (0, import_func.formatDurationTime)(showMaxDuration))
|
|
||||||
), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
import__.Button,
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
onClick: (e) => {
|
|
||||||
e.stopPropagation();
|
|
||||||
toggleFullscreen();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/* @__PURE__ */ import_react.default.createElement(
|
|
||||||
import_iconfont.default,
|
|
||||||
{
|
|
||||||
styles: {
|
|
||||||
color: "#fff",
|
|
||||||
display: "flex"
|
|
||||||
},
|
|
||||||
size: 18,
|
|
||||||
icon: isFullscreen ? "icon-cancle_fullscreen" : "icon-fullscreen"
|
|
||||||
}
|
|
||||||
)
|
|
||||||
))), !!showStatus && /* @__PURE__ */ import_react.default.createElement(import_Loading.default, { status: showStatus, reload: () => reload() })));
|
|
||||||
});
|
|
||||||
var VideoPlayer_default = VideoPlayer;
|
|
@ -1,46 +0,0 @@
|
|||||||
import React, { Component, CSSProperties } from 'react';
|
|
||||||
import flvjs from 'flv.js';
|
|
||||||
export declare const FLV_EVENT: Readonly<flvjs.Events>;
|
|
||||||
export interface VideoPlayerProps {
|
|
||||||
className: string;
|
|
||||||
style?: CSSProperties;
|
|
||||||
type: string;
|
|
||||||
isLive?: boolean;
|
|
||||||
cors?: boolean;
|
|
||||||
withCredentials?: boolean;
|
|
||||||
playId?: number;
|
|
||||||
hasAudio?: boolean;
|
|
||||||
hasVideo?: boolean;
|
|
||||||
duration?: number;
|
|
||||||
filesize?: number;
|
|
||||||
url?: string;
|
|
||||||
autoPlay?: boolean;
|
|
||||||
onCreat?: any;
|
|
||||||
/**
|
|
||||||
* @see https://github.com/Bilibili/flv.js/blob/master/docs/api.md#config
|
|
||||||
*/
|
|
||||||
config: object;
|
|
||||||
}
|
|
||||||
export default class VideoPlayer extends Component<VideoPlayerProps, any> {
|
|
||||||
state: {
|
|
||||||
curPlayUrl: string;
|
|
||||||
shouldReinit: boolean;
|
|
||||||
};
|
|
||||||
flvPlayer: any;
|
|
||||||
videoElement: null;
|
|
||||||
static getDerivedStateFromProps: (nextProps: {
|
|
||||||
url?: any;
|
|
||||||
playId?: any;
|
|
||||||
}, prevState: {
|
|
||||||
curPlayUrl?: any;
|
|
||||||
playId?: any;
|
|
||||||
}) => {
|
|
||||||
playId: any;
|
|
||||||
curPlayUrl: any;
|
|
||||||
shouldReinit: boolean;
|
|
||||||
} | null;
|
|
||||||
initFlv: ($video: null) => void;
|
|
||||||
componentWillUnmount(): void;
|
|
||||||
componentDidUpdate(): void;
|
|
||||||
render(): React.JSX.Element;
|
|
||||||
}
|
|
@ -1,144 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/VideoPlayer/components/FlvPlayer/index.tsx
|
|
||||||
var FlvPlayer_exports = {};
|
|
||||||
__export(FlvPlayer_exports, {
|
|
||||||
FLV_EVENT: () => FLV_EVENT,
|
|
||||||
default: () => VideoPlayer
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(FlvPlayer_exports);
|
|
||||||
var import_react = __toESM(require("react"));
|
|
||||||
var import_flv = __toESM(require("flv.js"));
|
|
||||||
var import_func = require("@zhst/func");
|
|
||||||
var FLV_EVENT = import_flv.default.Events;
|
|
||||||
var VideoPlayer = class extends import_react.Component {
|
|
||||||
constructor() {
|
|
||||||
super(...arguments);
|
|
||||||
this.state = {
|
|
||||||
curPlayUrl: "",
|
|
||||||
shouldReinit: false
|
|
||||||
};
|
|
||||||
this.flvPlayer = null;
|
|
||||||
this.videoElement = null;
|
|
||||||
this.initFlv = ($video) => {
|
|
||||||
this.videoElement = $video;
|
|
||||||
const { className, autoPlay = true, config = {}, onCreat, playId, ...others } = this.props;
|
|
||||||
if ($video) {
|
|
||||||
if (import_flv.default.isSupported() && this.props.url && this.props.url) {
|
|
||||||
const reload = () => {
|
|
||||||
if (this.flvPlayer && this.flvPlayer.destroy) {
|
|
||||||
try {
|
|
||||||
this.flvPlayer.destroy();
|
|
||||||
} catch (error) {
|
|
||||||
console.error(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
let flvPlayer = import_flv.default.createPlayer({ ...others }, {
|
|
||||||
deferLoadAfterSourceOpen: false,
|
|
||||||
...config
|
|
||||||
});
|
|
||||||
flvPlayer.attachMediaElement($video);
|
|
||||||
flvPlayer.load();
|
|
||||||
this.flvPlayer = flvPlayer;
|
|
||||||
let controller = this.flvPlayer._transmuxer._controller;
|
|
||||||
let wsLoader = controller._ioctl._loader;
|
|
||||||
const oldWsOnCompleteFunc = wsLoader._onComplete;
|
|
||||||
wsLoader._onComplete = function() {
|
|
||||||
if (!controller._remuxer) {
|
|
||||||
controller._remuxer = {
|
|
||||||
destroy: () => {
|
|
||||||
console.log("组件销毁");
|
|
||||||
},
|
|
||||||
flushStashedSamples: () => {
|
|
||||||
console.log("flushStashedSamples");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
oldWsOnCompleteFunc();
|
|
||||||
};
|
|
||||||
this.flvPlayer.reload = reload;
|
|
||||||
onCreat && onCreat(this.flvPlayer, $video);
|
|
||||||
};
|
|
||||||
reload();
|
|
||||||
onCreat && onCreat(this.flvPlayer, $video);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
componentWillUnmount() {
|
|
||||||
var _a, _b;
|
|
||||||
if (this.flvPlayer) {
|
|
||||||
(_a = this.flvPlayer) == null ? void 0 : _a.unload();
|
|
||||||
(_b = this.flvPlayer) == null ? void 0 : _b.detachMediaElement();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
componentDidUpdate() {
|
|
||||||
if (this.state.shouldReinit) {
|
|
||||||
this.setState({ shouldReinit: false });
|
|
||||||
this.initFlv(this.videoElement);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
render() {
|
|
||||||
const { className, style } = this.props;
|
|
||||||
return /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
"video",
|
|
||||||
{
|
|
||||||
muted: true,
|
|
||||||
preload: "metadata",
|
|
||||||
className,
|
|
||||||
style: Object.assign(
|
|
||||||
{
|
|
||||||
width: "100%",
|
|
||||||
height: "100%"
|
|
||||||
},
|
|
||||||
style ? style : {}
|
|
||||||
),
|
|
||||||
ref: this.initFlv
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
VideoPlayer.getDerivedStateFromProps = (nextProps, prevState) => {
|
|
||||||
const { playId = 0 } = nextProps;
|
|
||||||
const { playId: prePlayId = 0 } = prevState;
|
|
||||||
if (nextProps.url !== void 0) {
|
|
||||||
if (!(0, import_func.isEqual)(nextProps.url, prevState.curPlayUrl) || !(0, import_func.isEqual)(playId, prePlayId)) {
|
|
||||||
return {
|
|
||||||
playId,
|
|
||||||
curPlayUrl: nextProps.url,
|
|
||||||
shouldReinit: true
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
};
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
FLV_EVENT
|
|
||||||
});
|
|
@ -1,8 +0,0 @@
|
|||||||
import { FC } from 'react';
|
|
||||||
import './index.less';
|
|
||||||
export interface ILoading {
|
|
||||||
status: 'LOADING' | 'COMPLETED' | 'END' | 'ERROR' | null;
|
|
||||||
reload: () => void;
|
|
||||||
}
|
|
||||||
declare const Loading: FC<ILoading>;
|
|
||||||
export default Loading;
|
|
@ -1,84 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/VideoPlayer/components/Loading/index.tsx
|
|
||||||
var Loading_exports = {};
|
|
||||||
__export(Loading_exports, {
|
|
||||||
default: () => Loading_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(Loading_exports);
|
|
||||||
var import_react = __toESM(require("react"));
|
|
||||||
var import_antd = require("antd");
|
|
||||||
var import_classnames = __toESM(require("classnames"));
|
|
||||||
var import_iconfont = __toESM(require("../../../iconfont"));
|
|
||||||
var import_index = require("./index.less");
|
|
||||||
var componentName = `zhst-image__video-view`;
|
|
||||||
var Loading = (props) => {
|
|
||||||
const { status, reload } = props;
|
|
||||||
return /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
className: (0, import_classnames.default)(`${componentName}__player-mask`),
|
|
||||||
onClick: (e) => {
|
|
||||||
e.stopPropagation();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
status === "LOADING" && /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { tip: "加载中...", spinning: status === "LOADING" }),
|
|
||||||
status === "END" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
onClick: () => {
|
|
||||||
reload();
|
|
||||||
},
|
|
||||||
className: (0, import_classnames.default)(`${componentName}__icon-wraper`)
|
|
||||||
},
|
|
||||||
/* @__PURE__ */ import_react.default.createElement(
|
|
||||||
import_iconfont.default,
|
|
||||||
{
|
|
||||||
styles: {
|
|
||||||
fill: "#ffffff",
|
|
||||||
color: "#ffffff"
|
|
||||||
},
|
|
||||||
size: 54,
|
|
||||||
icon: "icon-shuaxin"
|
|
||||||
}
|
|
||||||
)
|
|
||||||
), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${componentName}__player-mask-title`) }, "点击刷新后,将重新播放")),
|
|
||||||
status === "ERROR" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${componentName}__icon-wraper`) }, /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
import_iconfont.default,
|
|
||||||
{
|
|
||||||
styles: {
|
|
||||||
color: "#ffffff"
|
|
||||||
},
|
|
||||||
size: 54,
|
|
||||||
icon: "icon-jiazaishibai"
|
|
||||||
}
|
|
||||||
)), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${componentName}__player-mask-title`) }, "视频加载失败,", /* @__PURE__ */ import_react.default.createElement("a", { onClick: reload }, " ", "刷新")))
|
|
||||||
);
|
|
||||||
};
|
|
||||||
var Loading_default = Loading;
|
|
@ -1,53 +0,0 @@
|
|||||||
.zhst-image__video-view__player-mask {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 99;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
background-color: rgb(4 4 4 / 70%);
|
|
||||||
|
|
||||||
&--bg {
|
|
||||||
z-index: 999;
|
|
||||||
background-color: rgb(4 4 4 / 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
i {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-title {
|
|
||||||
margin-top: 12px;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
& a {
|
|
||||||
color: #09f;
|
|
||||||
cursor: pointer;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.zhst-image__video-view__icon-wraper {
|
|
||||||
display: flex;
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
background-color: rgb(255 255 255 / 10%);
|
|
||||||
border-radius: 50%;
|
|
||||||
cursor: pointer;
|
|
||||||
line-height: 80px;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
// &:hover {
|
|
||||||
// background: #0099ff;
|
|
||||||
// }
|
|
||||||
}
|
|
@ -1,10 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import type { SliderSingleProps } from 'antd';
|
|
||||||
import './index.less';
|
|
||||||
export interface RangeWrapperProps extends SliderSingleProps {
|
|
||||||
showSlider: boolean;
|
|
||||||
className?: string;
|
|
||||||
min: number;
|
|
||||||
}
|
|
||||||
export declare const Range: React.FC<RangeWrapperProps>;
|
|
||||||
export default Range;
|
|
@ -1,60 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/VideoPlayer/components/Progress/index.tsx
|
|
||||||
var Progress_exports = {};
|
|
||||||
__export(Progress_exports, {
|
|
||||||
Range: () => Range,
|
|
||||||
default: () => Progress_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(Progress_exports);
|
|
||||||
var import_react = __toESM(require("react"));
|
|
||||||
var import_classnames = __toESM(require("classnames"));
|
|
||||||
var import_antd = require("antd");
|
|
||||||
var import_index = require("./index.less");
|
|
||||||
var componentName = `zhst-image__range`;
|
|
||||||
var Range = (props) => {
|
|
||||||
const { className, style, showSlider = true, ...others } = props;
|
|
||||||
return /* @__PURE__ */ import_react.default.createElement(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
style,
|
|
||||||
className: (0, import_classnames.default)(
|
|
||||||
`${componentName}`,
|
|
||||||
!showSlider && `${componentName}--no-slider`,
|
|
||||||
className
|
|
||||||
)
|
|
||||||
},
|
|
||||||
/* @__PURE__ */ import_react.default.createElement(import_antd.Slider, { ...others })
|
|
||||||
);
|
|
||||||
};
|
|
||||||
var Progress_default = Range;
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
Range
|
|
||||||
});
|
|
@ -1,49 +0,0 @@
|
|||||||
.zhst-image__range {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&--no-slider {
|
|
||||||
.next-range-slider {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
& .next-range .next-range-track {
|
|
||||||
height: 8px;
|
|
||||||
margin-top: -4px;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .next-range .next-range-selected {
|
|
||||||
height: 8px;
|
|
||||||
margin-top: -4px;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .next-range .next-range-slider-inner {
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
border-color: #fff;
|
|
||||||
margin-top: -7px;
|
|
||||||
margin-left: -7px;
|
|
||||||
background-color: #0098ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .next-range .next-range-slider {
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
margin-top: -7px;
|
|
||||||
margin-left: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .next-range.simulation-click>.next-range-slider-inner {
|
|
||||||
border: 2px solid #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .next-range .next-range-frag.next-range-active .next-range-slider .next-range-slider-inner {
|
|
||||||
border: 2px solid #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
& .next-range .next-range-slider.next-range-slider-moving .next-range-slider-inner {
|
|
||||||
border: 2px solid #fff !important;
|
|
||||||
}
|
|
||||||
}
|
|
3
packages/meta/lib/VideoPlayer/index.d.ts
vendored
3
packages/meta/lib/VideoPlayer/index.d.ts
vendored
@ -1,3 +0,0 @@
|
|||||||
import VideoPlayer from './VideoPlayer';
|
|
||||||
export type { VideoViewProps, VideoViewRef } from './VideoPlayer';
|
|
||||||
export default VideoPlayer;
|
|
@ -1,36 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/VideoPlayer/index.tsx
|
|
||||||
var VideoPlayer_exports = {};
|
|
||||||
__export(VideoPlayer_exports, {
|
|
||||||
default: () => VideoPlayer_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(VideoPlayer_exports);
|
|
||||||
var import_VideoPlayer = __toESM(require("./VideoPlayer"));
|
|
||||||
var VideoPlayer_default = import_VideoPlayer.default;
|
|
@ -1,75 +0,0 @@
|
|||||||
.zhst-image__video-view {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
width: 100%;
|
|
||||||
height: 532px;
|
|
||||||
background-color: #333;
|
|
||||||
|
|
||||||
// &-flv {
|
|
||||||
// width: 85%;
|
|
||||||
// }
|
|
||||||
&-screenshot {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-crop-container {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-align {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-opt {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 99;
|
|
||||||
bottom: 0;
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
height: 32px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 12px;
|
|
||||||
background-color: rgb(0 0 0 / 80%);
|
|
||||||
line-height: 32px;
|
|
||||||
|
|
||||||
&>div:first-child {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-right: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&>div:last-child {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-range {
|
|
||||||
display: flex;
|
|
||||||
height: 32px;
|
|
||||||
flex: 1;
|
|
||||||
align-items: center;
|
|
||||||
line-height: 32px;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
&>div:first-child {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&>div:last-child {
|
|
||||||
width: 100px;
|
|
||||||
margin-left: 8px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1 +0,0 @@
|
|||||||
export declare function getShowStatus(isLoadingVideo: boolean, isEnd: boolean, isError: boolean): string | null;
|
|
@ -1,41 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/VideoPlayer/videoPlayerHelper.ts
|
|
||||||
var videoPlayerHelper_exports = {};
|
|
||||||
__export(videoPlayerHelper_exports, {
|
|
||||||
getShowStatus: () => getShowStatus
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(videoPlayerHelper_exports);
|
|
||||||
function getShowStatus(isLoadingVideo, isEnd, isError) {
|
|
||||||
let status = null;
|
|
||||||
if (isLoadingVideo) {
|
|
||||||
status = "LOADING";
|
|
||||||
}
|
|
||||||
if (isError) {
|
|
||||||
status = "ERROR";
|
|
||||||
}
|
|
||||||
if (isEnd) {
|
|
||||||
status = "END";
|
|
||||||
}
|
|
||||||
return status;
|
|
||||||
}
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
getShowStatus
|
|
||||||
});
|
|
19
packages/meta/lib/_util/ActionButton.d.ts
vendored
19
packages/meta/lib/_util/ActionButton.d.ts
vendored
@ -1,19 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import type { ButtonProps, LegacyButtonType } from '../button/button';
|
|
||||||
export interface ActionButtonProps {
|
|
||||||
type?: LegacyButtonType;
|
|
||||||
actionFn?: (...args: any[]) => any | PromiseLike<any>;
|
|
||||||
close?: Function;
|
|
||||||
autoFocus?: boolean;
|
|
||||||
prefixCls: string;
|
|
||||||
buttonProps?: ButtonProps;
|
|
||||||
emitEvent?: boolean;
|
|
||||||
quitOnNullishReturnValue?: boolean;
|
|
||||||
children?: React.ReactNode;
|
|
||||||
/**
|
|
||||||
* Do not throw if is await mode
|
|
||||||
*/
|
|
||||||
isSilent?: () => boolean;
|
|
||||||
}
|
|
||||||
declare const ActionButton: React.FC<ActionButtonProps>;
|
|
||||||
export default ActionButton;
|
|
@ -1,138 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/ActionButton.tsx
|
|
||||||
var ActionButton_exports = {};
|
|
||||||
__export(ActionButton_exports, {
|
|
||||||
default: () => ActionButton_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(ActionButton_exports);
|
|
||||||
var import_useState = __toESM(require("rc-util/lib/hooks/useState"));
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
var import_button = __toESM(require("../button"));
|
|
||||||
var import_buttonHelpers = require("../button/buttonHelpers");
|
|
||||||
function isThenable(thing) {
|
|
||||||
return !!(thing && thing.then);
|
|
||||||
}
|
|
||||||
var ActionButton = (props) => {
|
|
||||||
const {
|
|
||||||
type,
|
|
||||||
children,
|
|
||||||
prefixCls,
|
|
||||||
buttonProps,
|
|
||||||
close,
|
|
||||||
autoFocus,
|
|
||||||
emitEvent,
|
|
||||||
isSilent,
|
|
||||||
quitOnNullishReturnValue,
|
|
||||||
actionFn
|
|
||||||
} = props;
|
|
||||||
const clickedRef = React.useRef(false);
|
|
||||||
const buttonRef = React.useRef(null);
|
|
||||||
const [loading, setLoading] = (0, import_useState.default)(false);
|
|
||||||
const onInternalClose = (...args) => {
|
|
||||||
close == null ? void 0 : close(...args);
|
|
||||||
};
|
|
||||||
React.useEffect(() => {
|
|
||||||
let timeoutId = null;
|
|
||||||
if (autoFocus) {
|
|
||||||
timeoutId = setTimeout(() => {
|
|
||||||
var _a;
|
|
||||||
(_a = buttonRef.current) == null ? void 0 : _a.focus();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return () => {
|
|
||||||
if (timeoutId) {
|
|
||||||
clearTimeout(timeoutId);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}, []);
|
|
||||||
const handlePromiseOnOk = (returnValueOfOnOk) => {
|
|
||||||
if (!isThenable(returnValueOfOnOk)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
setLoading(true);
|
|
||||||
returnValueOfOnOk.then(
|
|
||||||
(...args) => {
|
|
||||||
setLoading(false, true);
|
|
||||||
onInternalClose(...args);
|
|
||||||
clickedRef.current = false;
|
|
||||||
},
|
|
||||||
(e) => {
|
|
||||||
setLoading(false, true);
|
|
||||||
clickedRef.current = false;
|
|
||||||
if (isSilent == null ? void 0 : isSilent()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
return Promise.reject(e);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
};
|
|
||||||
const onClick = (e) => {
|
|
||||||
if (clickedRef.current) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
clickedRef.current = true;
|
|
||||||
if (!actionFn) {
|
|
||||||
onInternalClose();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let returnValueOfOnOk;
|
|
||||||
if (emitEvent) {
|
|
||||||
returnValueOfOnOk = actionFn(e);
|
|
||||||
if (quitOnNullishReturnValue && !isThenable(returnValueOfOnOk)) {
|
|
||||||
clickedRef.current = false;
|
|
||||||
onInternalClose(e);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
} else if (actionFn.length) {
|
|
||||||
returnValueOfOnOk = actionFn(close);
|
|
||||||
clickedRef.current = false;
|
|
||||||
} else {
|
|
||||||
returnValueOfOnOk = actionFn();
|
|
||||||
if (!returnValueOfOnOk) {
|
|
||||||
onInternalClose();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
handlePromiseOnOk(returnValueOfOnOk);
|
|
||||||
};
|
|
||||||
return /* @__PURE__ */ React.createElement(
|
|
||||||
import_button.default,
|
|
||||||
{
|
|
||||||
...(0, import_buttonHelpers.convertLegacyProps)(type),
|
|
||||||
onClick,
|
|
||||||
loading,
|
|
||||||
prefixCls,
|
|
||||||
...buttonProps,
|
|
||||||
ref: buttonRef
|
|
||||||
},
|
|
||||||
children
|
|
||||||
);
|
|
||||||
};
|
|
||||||
var ActionButton_default = ActionButton;
|
|
9
packages/meta/lib/_util/PurePanel.d.ts
vendored
9
packages/meta/lib/_util/PurePanel.d.ts
vendored
@ -1,9 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import type { AnyObject } from './type';
|
|
||||||
export declare function withPureRenderTheme<T extends AnyObject = AnyObject>(Component: React.FC<T>): (props: T) => React.JSX.Element;
|
|
||||||
export interface BaseProps {
|
|
||||||
prefixCls?: string;
|
|
||||||
style?: React.CSSProperties;
|
|
||||||
}
|
|
||||||
declare const genPurePanel: <ComponentProps extends BaseProps = BaseProps>(Component: any, defaultPrefixCls?: string, getDropdownCls?: ((prefixCls: string) => string) | null | undefined, postProps?: ((props: ComponentProps) => ComponentProps) | undefined) => (props: AnyObject) => React.JSX.Element;
|
|
||||||
export default genPurePanel;
|
|
@ -1,102 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/PurePanel.tsx
|
|
||||||
var PurePanel_exports = {};
|
|
||||||
__export(PurePanel_exports, {
|
|
||||||
default: () => PurePanel_default,
|
|
||||||
withPureRenderTheme: () => withPureRenderTheme
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(PurePanel_exports);
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
|
|
||||||
var import_config_provider = __toESM(require("../config-provider"));
|
|
||||||
function withPureRenderTheme(Component) {
|
|
||||||
return (props) => /* @__PURE__ */ React.createElement(import_config_provider.default, { theme: { token: { motion: false, zIndexPopupBase: 0 } } }, /* @__PURE__ */ React.createElement(Component, { ...props }));
|
|
||||||
}
|
|
||||||
var genPurePanel = (Component, defaultPrefixCls, getDropdownCls, postProps) => {
|
|
||||||
const PurePanel = (props) => {
|
|
||||||
const { prefixCls: customizePrefixCls, style } = props;
|
|
||||||
const holderRef = React.useRef(null);
|
|
||||||
const [popupHeight, setPopupHeight] = React.useState(0);
|
|
||||||
const [popupWidth, setPopupWidth] = React.useState(0);
|
|
||||||
const [open, setOpen] = (0, import_useMergedState.default)(false, {
|
|
||||||
value: props.open
|
|
||||||
});
|
|
||||||
const { getPrefixCls } = React.useContext(import_config_provider.ConfigContext);
|
|
||||||
const prefixCls = getPrefixCls(defaultPrefixCls || "select", customizePrefixCls);
|
|
||||||
React.useEffect(() => {
|
|
||||||
setOpen(true);
|
|
||||||
if (typeof ResizeObserver !== "undefined") {
|
|
||||||
const resizeObserver = new ResizeObserver((entries) => {
|
|
||||||
const element = entries[0].target;
|
|
||||||
setPopupHeight(element.offsetHeight + 8);
|
|
||||||
setPopupWidth(element.offsetWidth);
|
|
||||||
});
|
|
||||||
const interval = setInterval(() => {
|
|
||||||
var _a;
|
|
||||||
const dropdownCls = getDropdownCls ? `.${getDropdownCls(prefixCls)}` : `.${prefixCls}-dropdown`;
|
|
||||||
const popup = (_a = holderRef.current) == null ? void 0 : _a.querySelector(dropdownCls);
|
|
||||||
if (popup) {
|
|
||||||
clearInterval(interval);
|
|
||||||
resizeObserver.observe(popup);
|
|
||||||
}
|
|
||||||
}, 10);
|
|
||||||
return () => {
|
|
||||||
clearInterval(interval);
|
|
||||||
resizeObserver.disconnect();
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}, []);
|
|
||||||
let mergedProps = {
|
|
||||||
...props,
|
|
||||||
style: {
|
|
||||||
...style,
|
|
||||||
margin: 0
|
|
||||||
},
|
|
||||||
open,
|
|
||||||
visible: open,
|
|
||||||
getPopupContainer: () => holderRef.current
|
|
||||||
};
|
|
||||||
if (postProps) {
|
|
||||||
mergedProps = postProps(mergedProps);
|
|
||||||
}
|
|
||||||
const mergedStyle = {
|
|
||||||
paddingBottom: popupHeight,
|
|
||||||
position: "relative",
|
|
||||||
minWidth: popupWidth
|
|
||||||
};
|
|
||||||
return /* @__PURE__ */ React.createElement("div", { ref: holderRef, style: mergedStyle }, /* @__PURE__ */ React.createElement(Component, { ...mergedProps }));
|
|
||||||
};
|
|
||||||
return withPureRenderTheme(PurePanel);
|
|
||||||
};
|
|
||||||
var PurePanel_default = genPurePanel;
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
withPureRenderTheme
|
|
||||||
});
|
|
1
packages/meta/lib/_util/capitalize.d.ts
vendored
1
packages/meta/lib/_util/capitalize.d.ts
vendored
@ -1 +0,0 @@
|
|||||||
export default function capitalize<T extends string>(str: T): Capitalize<T>;
|
|
@ -1,31 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/capitalize.ts
|
|
||||||
var capitalize_exports = {};
|
|
||||||
__export(capitalize_exports, {
|
|
||||||
default: () => capitalize
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(capitalize_exports);
|
|
||||||
function capitalize(str) {
|
|
||||||
if (typeof str !== "string") {
|
|
||||||
return str;
|
|
||||||
}
|
|
||||||
const ret = str.charAt(0).toUpperCase() + str.slice(1);
|
|
||||||
return ret;
|
|
||||||
}
|
|
13
packages/meta/lib/_util/colors.d.ts
vendored
13
packages/meta/lib/_util/colors.d.ts
vendored
@ -1,13 +0,0 @@
|
|||||||
import type { PresetColorKey } from '../theme/interface';
|
|
||||||
type InverseColor = `${PresetColorKey}-inverse`;
|
|
||||||
export declare const PresetStatusColorTypes: readonly ["success", "processing", "error", "default", "warning"];
|
|
||||||
export type PresetColorType = PresetColorKey | InverseColor;
|
|
||||||
export type PresetStatusColorType = typeof PresetStatusColorTypes[number];
|
|
||||||
/**
|
|
||||||
* determine if the color keyword belongs to the `Ant Design` {@link PresetColors}.
|
|
||||||
* @param color color to be judged
|
|
||||||
* @param includeInverse whether to include reversed colors
|
|
||||||
*/
|
|
||||||
export declare function isPresetColor(color?: any, includeInverse?: boolean): boolean;
|
|
||||||
export declare function isPresetStatusColor(color?: any): color is PresetStatusColorType;
|
|
||||||
export {};
|
|
@ -1,50 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/colors.ts
|
|
||||||
var colors_exports = {};
|
|
||||||
__export(colors_exports, {
|
|
||||||
PresetStatusColorTypes: () => PresetStatusColorTypes,
|
|
||||||
isPresetColor: () => isPresetColor,
|
|
||||||
isPresetStatusColor: () => isPresetStatusColor
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(colors_exports);
|
|
||||||
var import_interface = require("../theme/interface");
|
|
||||||
var inverseColors = import_interface.PresetColors.map((color) => `${color}-inverse`);
|
|
||||||
var PresetStatusColorTypes = [
|
|
||||||
"success",
|
|
||||||
"processing",
|
|
||||||
"error",
|
|
||||||
"default",
|
|
||||||
"warning"
|
|
||||||
];
|
|
||||||
function isPresetColor(color, includeInverse = true) {
|
|
||||||
if (includeInverse) {
|
|
||||||
return [...inverseColors, ...import_interface.PresetColors].includes(color);
|
|
||||||
}
|
|
||||||
return import_interface.PresetColors.includes(color);
|
|
||||||
}
|
|
||||||
function isPresetStatusColor(color) {
|
|
||||||
return PresetStatusColorTypes.includes(color);
|
|
||||||
}
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
PresetStatusColorTypes,
|
|
||||||
isPresetColor,
|
|
||||||
isPresetStatusColor
|
|
||||||
});
|
|
1
packages/meta/lib/_util/easings.d.ts
vendored
1
packages/meta/lib/_util/easings.d.ts
vendored
@ -1 +0,0 @@
|
|||||||
export declare function easeInOutCubic(t: number, b: number, c: number, d: number): number;
|
|
@ -1,36 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/easings.ts
|
|
||||||
var easings_exports = {};
|
|
||||||
__export(easings_exports, {
|
|
||||||
easeInOutCubic: () => easeInOutCubic
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(easings_exports);
|
|
||||||
function easeInOutCubic(t, b, c, d) {
|
|
||||||
const cc = c - b;
|
|
||||||
t /= d / 2;
|
|
||||||
if (t < 1) {
|
|
||||||
return cc / 2 * t * t * t + b;
|
|
||||||
}
|
|
||||||
return cc / 2 * ((t -= 2) * t * t + 2) + b;
|
|
||||||
}
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
easeInOutCubic
|
|
||||||
});
|
|
3
packages/meta/lib/_util/extendsObject.d.ts
vendored
3
packages/meta/lib/_util/extendsObject.d.ts
vendored
@ -1,3 +0,0 @@
|
|||||||
import type { AnyObject } from './type';
|
|
||||||
declare const extendsObject: <T extends AnyObject = AnyObject>(...list: T[]) => AnyObject;
|
|
||||||
export default extendsObject;
|
|
@ -1,40 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/extendsObject.ts
|
|
||||||
var extendsObject_exports = {};
|
|
||||||
__export(extendsObject_exports, {
|
|
||||||
default: () => extendsObject_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(extendsObject_exports);
|
|
||||||
var extendsObject = (...list) => {
|
|
||||||
const result = { ...list[0] };
|
|
||||||
for (let i = 1; i < list.length; i++) {
|
|
||||||
const obj = list[i];
|
|
||||||
if (obj) {
|
|
||||||
Object.keys(obj).forEach((key) => {
|
|
||||||
const val = obj[key];
|
|
||||||
if (val !== void 0) {
|
|
||||||
result[key] = val;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
};
|
|
||||||
var extendsObject_default = extendsObject;
|
|
3
packages/meta/lib/_util/gapSize.d.ts
vendored
3
packages/meta/lib/_util/gapSize.d.ts
vendored
@ -1,3 +0,0 @@
|
|||||||
import type { SizeType } from '../config-provider/SizeContext';
|
|
||||||
export declare function isPresetSize(size?: SizeType | string | number): size is SizeType;
|
|
||||||
export declare function isValidGapNumber(size?: SizeType | string | number): size is number;
|
|
@ -1,39 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/gapSize.ts
|
|
||||||
var gapSize_exports = {};
|
|
||||||
__export(gapSize_exports, {
|
|
||||||
isPresetSize: () => isPresetSize,
|
|
||||||
isValidGapNumber: () => isValidGapNumber
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(gapSize_exports);
|
|
||||||
function isPresetSize(size) {
|
|
||||||
return ["small", "middle", "large"].includes(size);
|
|
||||||
}
|
|
||||||
function isValidGapNumber(size) {
|
|
||||||
if (!size) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
return typeof size === "number" && !Number.isNaN(size);
|
|
||||||
}
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
isPresetSize,
|
|
||||||
isValidGapNumber
|
|
||||||
});
|
|
@ -1,3 +0,0 @@
|
|||||||
import type * as React from 'react';
|
|
||||||
export type RenderFunction = () => React.ReactNode;
|
|
||||||
export declare const getRenderPropValue: (propValue?: React.ReactNode | RenderFunction) => React.ReactNode;
|
|
@ -1,34 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/getRenderPropValue.ts
|
|
||||||
var getRenderPropValue_exports = {};
|
|
||||||
__export(getRenderPropValue_exports, {
|
|
||||||
getRenderPropValue: () => getRenderPropValue
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(getRenderPropValue_exports);
|
|
||||||
var getRenderPropValue = (propValue) => {
|
|
||||||
if (!propValue) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
return typeof propValue === "function" ? propValue() : propValue;
|
|
||||||
};
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
getRenderPropValue
|
|
||||||
});
|
|
2
packages/meta/lib/_util/getScroll.d.ts
vendored
2
packages/meta/lib/_util/getScroll.d.ts
vendored
@ -1,2 +0,0 @@
|
|||||||
export declare function isWindow(obj: any): obj is Window;
|
|
||||||
export default function getScroll(target: HTMLElement | Window | Document | null, top: boolean): number;
|
|
@ -1,53 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/getScroll.ts
|
|
||||||
var getScroll_exports = {};
|
|
||||||
__export(getScroll_exports, {
|
|
||||||
default: () => getScroll,
|
|
||||||
isWindow: () => isWindow
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(getScroll_exports);
|
|
||||||
function isWindow(obj) {
|
|
||||||
return obj !== null && obj !== void 0 && obj === obj.window;
|
|
||||||
}
|
|
||||||
function getScroll(target, top) {
|
|
||||||
var _a;
|
|
||||||
if (typeof window === "undefined") {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
const method = top ? "scrollTop" : "scrollLeft";
|
|
||||||
let result = 0;
|
|
||||||
if (isWindow(target)) {
|
|
||||||
result = target[top ? "pageYOffset" : "pageXOffset"];
|
|
||||||
} else if (target instanceof Document) {
|
|
||||||
result = target.documentElement[method];
|
|
||||||
} else if (target instanceof HTMLElement) {
|
|
||||||
result = target[method];
|
|
||||||
} else if (target) {
|
|
||||||
result = target[method];
|
|
||||||
}
|
|
||||||
if (target && !isWindow(target) && typeof result !== "number") {
|
|
||||||
result = (_a = (target.ownerDocument ?? target).documentElement) == null ? void 0 : _a[method];
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
isWindow
|
|
||||||
});
|
|
10
packages/meta/lib/_util/hooks/useClosable.d.ts
vendored
10
packages/meta/lib/_util/hooks/useClosable.d.ts
vendored
@ -1,10 +0,0 @@
|
|||||||
import type { ReactNode } from 'react';
|
|
||||||
import React from 'react';
|
|
||||||
export type UseClosableParams = {
|
|
||||||
closable?: boolean;
|
|
||||||
closeIcon?: boolean | ReactNode;
|
|
||||||
defaultClosable?: boolean;
|
|
||||||
defaultCloseIcon?: ReactNode;
|
|
||||||
customCloseIconRender?: (closeIcon: ReactNode) => ReactNode;
|
|
||||||
};
|
|
||||||
export default function useClosable(closable?: boolean, closeIcon?: boolean | ReactNode, customCloseIconRender?: (closeIcon: ReactNode) => ReactNode, defaultCloseIcon?: ReactNode, defaultClosable?: boolean): [closable: boolean, closeIcon: React.ReactNode | null];
|
|
@ -1,53 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/hooks/useClosable.tsx
|
|
||||||
var useClosable_exports = {};
|
|
||||||
__export(useClosable_exports, {
|
|
||||||
default: () => useClosable
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(useClosable_exports);
|
|
||||||
var import_CloseOutlined = __toESM(require("@ant-design/icons/CloseOutlined"));
|
|
||||||
var import_react = __toESM(require("react"));
|
|
||||||
function useInnerClosable(closable, closeIcon, defaultClosable) {
|
|
||||||
if (typeof closable === "boolean") {
|
|
||||||
return closable;
|
|
||||||
}
|
|
||||||
if (closeIcon === void 0) {
|
|
||||||
return !!defaultClosable;
|
|
||||||
}
|
|
||||||
return closeIcon !== false && closeIcon !== null;
|
|
||||||
}
|
|
||||||
function useClosable(closable, closeIcon, customCloseIconRender, defaultCloseIcon = /* @__PURE__ */ import_react.default.createElement(import_CloseOutlined.default, null), defaultClosable = false) {
|
|
||||||
const mergedClosable = useInnerClosable(closable, closeIcon, defaultClosable);
|
|
||||||
if (!mergedClosable) {
|
|
||||||
return [false, null];
|
|
||||||
}
|
|
||||||
const mergedCloseIcon = typeof closeIcon === "boolean" || closeIcon === void 0 || closeIcon === null ? defaultCloseIcon : closeIcon;
|
|
||||||
return [true, customCloseIconRender ? customCloseIconRender(mergedCloseIcon) : mergedCloseIcon];
|
|
||||||
}
|
|
@ -1,2 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
export default function useForceUpdate(): React.DispatchWithoutAction;
|
|
@ -1,39 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/hooks/useForceUpdate.ts
|
|
||||||
var useForceUpdate_exports = {};
|
|
||||||
__export(useForceUpdate_exports, {
|
|
||||||
default: () => useForceUpdate
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(useForceUpdate_exports);
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
function useForceUpdate() {
|
|
||||||
const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
|
|
||||||
return forceUpdate;
|
|
||||||
}
|
|
@ -1,6 +0,0 @@
|
|||||||
export type PrevSelectedIndex = null | number;
|
|
||||||
/**
|
|
||||||
* @title multipleSelect hooks
|
|
||||||
* @description multipleSelect by hold down shift key
|
|
||||||
*/
|
|
||||||
export default function useMultipleSelect<T, K>(getKey: (item: T) => K): readonly [(currentSelectedIndex: number, data: T[], selectedKeys: Set<K>) => K[], (val: PrevSelectedIndex) => void];
|
|
@ -1,56 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/hooks/useMultipleSelect.ts
|
|
||||||
var useMultipleSelect_exports = {};
|
|
||||||
__export(useMultipleSelect_exports, {
|
|
||||||
default: () => useMultipleSelect
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(useMultipleSelect_exports);
|
|
||||||
var import_react = require("react");
|
|
||||||
function useMultipleSelect(getKey) {
|
|
||||||
const [prevSelectedIndex, setPrevSelectedIndex] = (0, import_react.useState)(null);
|
|
||||||
const multipleSelect = (0, import_react.useCallback)(
|
|
||||||
(currentSelectedIndex, data, selectedKeys) => {
|
|
||||||
const configPrevSelectedIndex = prevSelectedIndex ?? currentSelectedIndex;
|
|
||||||
const startIndex = Math.min(configPrevSelectedIndex || 0, currentSelectedIndex);
|
|
||||||
const endIndex = Math.max(configPrevSelectedIndex || 0, currentSelectedIndex);
|
|
||||||
const rangeKeys = data.slice(startIndex, endIndex + 1).map((item) => getKey(item));
|
|
||||||
const shouldSelected = rangeKeys.some((rangeKey) => !selectedKeys.has(rangeKey));
|
|
||||||
const changedKeys = [];
|
|
||||||
rangeKeys.forEach((item) => {
|
|
||||||
if (shouldSelected) {
|
|
||||||
if (!selectedKeys.has(item)) {
|
|
||||||
changedKeys.push(item);
|
|
||||||
}
|
|
||||||
selectedKeys.add(item);
|
|
||||||
} else {
|
|
||||||
selectedKeys.delete(item);
|
|
||||||
changedKeys.push(item);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
setPrevSelectedIndex(shouldSelected ? endIndex : null);
|
|
||||||
return changedKeys;
|
|
||||||
},
|
|
||||||
[prevSelectedIndex]
|
|
||||||
);
|
|
||||||
const updatePrevSelectedIndex = (val) => {
|
|
||||||
setPrevSelectedIndex(val);
|
|
||||||
};
|
|
||||||
return [multipleSelect, updatePrevSelectedIndex];
|
|
||||||
}
|
|
@ -1,5 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
export default function usePatchElement(): [
|
|
||||||
React.ReactElement[],
|
|
||||||
(element: React.ReactElement) => Function
|
|
||||||
];
|
|
@ -1,45 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/hooks/usePatchElement.ts
|
|
||||||
var usePatchElement_exports = {};
|
|
||||||
__export(usePatchElement_exports, {
|
|
||||||
default: () => usePatchElement
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(usePatchElement_exports);
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
function usePatchElement() {
|
|
||||||
const [elements, setElements] = React.useState([]);
|
|
||||||
const patchElement = React.useCallback((element) => {
|
|
||||||
setElements((originElements) => [...originElements, element]);
|
|
||||||
return () => {
|
|
||||||
setElements((originElements) => originElements.filter((ele) => ele !== element));
|
|
||||||
};
|
|
||||||
}, []);
|
|
||||||
return [elements, patchElement];
|
|
||||||
}
|
|
@ -1,4 +0,0 @@
|
|||||||
import { type Ref } from 'react';
|
|
||||||
export default function useProxyImperativeHandle<NativeELementType extends HTMLElement, ReturnRefType extends {
|
|
||||||
nativeElement: NativeELementType;
|
|
||||||
}>(ref: Ref<any> | undefined, init: () => ReturnRefType): void;
|
|
@ -1,53 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/hooks/useProxyImperativeHandle.ts
|
|
||||||
var useProxyImperativeHandle_exports = {};
|
|
||||||
__export(useProxyImperativeHandle_exports, {
|
|
||||||
default: () => useProxyImperativeHandle
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(useProxyImperativeHandle_exports);
|
|
||||||
var import_react = require("react");
|
|
||||||
function fillProxy(element, handler) {
|
|
||||||
element._antProxy = element._antProxy || {};
|
|
||||||
Object.keys(handler).forEach((key) => {
|
|
||||||
if (!(key in element._antProxy)) {
|
|
||||||
const ori = element[key];
|
|
||||||
element._antProxy[key] = ori;
|
|
||||||
element[key] = handler[key];
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return element;
|
|
||||||
}
|
|
||||||
function useProxyImperativeHandle(ref, init) {
|
|
||||||
return (0, import_react.useImperativeHandle)(ref, () => {
|
|
||||||
const refObj = init();
|
|
||||||
const { nativeElement } = refObj;
|
|
||||||
if (typeof Proxy !== "undefined") {
|
|
||||||
return new Proxy(nativeElement, {
|
|
||||||
get(obj, prop) {
|
|
||||||
if (refObj[prop]) {
|
|
||||||
return refObj[prop];
|
|
||||||
}
|
|
||||||
return Reflect.get(obj, prop);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return fillProxy(nativeElement, refObj);
|
|
||||||
});
|
|
||||||
}
|
|
@ -1,3 +0,0 @@
|
|||||||
type UseSyncStateProps<T> = readonly [() => T, (newValue: T) => void];
|
|
||||||
export default function useSyncState<T>(initialValue: T): UseSyncStateProps<T>;
|
|
||||||
export {};
|
|
@ -1,47 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/hooks/useSyncState.ts
|
|
||||||
var useSyncState_exports = {};
|
|
||||||
__export(useSyncState_exports, {
|
|
||||||
default: () => useSyncState
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(useSyncState_exports);
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
var import_useForceUpdate = __toESM(require("./useForceUpdate"));
|
|
||||||
function useSyncState(initialValue) {
|
|
||||||
const ref = React.useRef(initialValue);
|
|
||||||
const forceUpdate = (0, import_useForceUpdate.default)();
|
|
||||||
return [
|
|
||||||
() => ref.current,
|
|
||||||
(newValue) => {
|
|
||||||
ref.current = newValue;
|
|
||||||
forceUpdate();
|
|
||||||
}
|
|
||||||
];
|
|
||||||
}
|
|
6
packages/meta/lib/_util/hooks/useZIndex.d.ts
vendored
6
packages/meta/lib/_util/hooks/useZIndex.d.ts
vendored
@ -1,6 +0,0 @@
|
|||||||
export type ZIndexContainer = 'Modal' | 'Drawer' | 'Popover' | 'Popconfirm' | 'Tooltip' | 'Tour';
|
|
||||||
export type ZIndexConsumer = 'SelectLike' | 'Dropdown' | 'DatePicker' | 'Menu' | 'ImagePreview';
|
|
||||||
export declare const CONTAINER_MAX_OFFSET: number;
|
|
||||||
export declare const containerBaseZIndexOffset: Record<ZIndexContainer, number>;
|
|
||||||
export declare const consumerBaseZIndexOffset: Record<ZIndexConsumer, number>;
|
|
||||||
export declare function useZIndex(componentType: ZIndexContainer | ZIndexConsumer, customZIndex?: number): [zIndex: number | undefined, contextZIndex: number];
|
|
@ -1,86 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/hooks/useZIndex.ts
|
|
||||||
var useZIndex_exports = {};
|
|
||||||
__export(useZIndex_exports, {
|
|
||||||
CONTAINER_MAX_OFFSET: () => CONTAINER_MAX_OFFSET,
|
|
||||||
consumerBaseZIndexOffset: () => consumerBaseZIndexOffset,
|
|
||||||
containerBaseZIndexOffset: () => containerBaseZIndexOffset,
|
|
||||||
useZIndex: () => useZIndex
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(useZIndex_exports);
|
|
||||||
var import_react = __toESM(require("react"));
|
|
||||||
var import_useToken = __toESM(require("../../theme/useToken"));
|
|
||||||
var import_zindexContext = __toESM(require("../zindexContext"));
|
|
||||||
var CONTAINER_OFFSET = 100;
|
|
||||||
var CONTAINER_OFFSET_MAX_COUNT = 10;
|
|
||||||
var CONTAINER_MAX_OFFSET = CONTAINER_OFFSET * CONTAINER_OFFSET_MAX_COUNT;
|
|
||||||
var containerBaseZIndexOffset = {
|
|
||||||
Modal: CONTAINER_OFFSET,
|
|
||||||
Drawer: CONTAINER_OFFSET,
|
|
||||||
Popover: CONTAINER_OFFSET,
|
|
||||||
Popconfirm: CONTAINER_OFFSET,
|
|
||||||
Tooltip: CONTAINER_OFFSET,
|
|
||||||
Tour: CONTAINER_OFFSET
|
|
||||||
};
|
|
||||||
var consumerBaseZIndexOffset = {
|
|
||||||
SelectLike: 50,
|
|
||||||
Dropdown: 50,
|
|
||||||
DatePicker: 50,
|
|
||||||
Menu: 50,
|
|
||||||
ImagePreview: 1
|
|
||||||
};
|
|
||||||
function isContainerType(type) {
|
|
||||||
return type in containerBaseZIndexOffset;
|
|
||||||
}
|
|
||||||
function useZIndex(componentType, customZIndex) {
|
|
||||||
const [, token] = (0, import_useToken.default)();
|
|
||||||
const parentZIndex = import_react.default.useContext(import_zindexContext.default);
|
|
||||||
const isContainer = isContainerType(componentType);
|
|
||||||
if (customZIndex !== void 0) {
|
|
||||||
return [customZIndex, customZIndex];
|
|
||||||
}
|
|
||||||
let zIndex = parentZIndex ?? 0;
|
|
||||||
if (isContainer) {
|
|
||||||
zIndex += // Use preset token zIndex by default but not stack when has parent container
|
|
||||||
(parentZIndex ? 0 : token.zIndexPopupBase) + // Container offset
|
|
||||||
containerBaseZIndexOffset[componentType];
|
|
||||||
zIndex = Math.min(zIndex, token.zIndexPopupBase + CONTAINER_MAX_OFFSET);
|
|
||||||
} else {
|
|
||||||
zIndex += consumerBaseZIndexOffset[componentType];
|
|
||||||
}
|
|
||||||
return [parentZIndex === void 0 ? customZIndex : zIndex, zIndex];
|
|
||||||
}
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
CONTAINER_MAX_OFFSET,
|
|
||||||
consumerBaseZIndexOffset,
|
|
||||||
containerBaseZIndexOffset,
|
|
||||||
useZIndex
|
|
||||||
});
|
|
2
packages/meta/lib/_util/isNumeric.d.ts
vendored
2
packages/meta/lib/_util/isNumeric.d.ts
vendored
@ -1,2 +0,0 @@
|
|||||||
declare const isNumeric: (value: any) => boolean;
|
|
||||||
export default isNumeric;
|
|
@ -1,26 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/isNumeric.ts
|
|
||||||
var isNumeric_exports = {};
|
|
||||||
__export(isNumeric_exports, {
|
|
||||||
default: () => isNumeric_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(isNumeric_exports);
|
|
||||||
var isNumeric = (value) => !isNaN(parseFloat(value)) && isFinite(value);
|
|
||||||
var isNumeric_default = isNumeric;
|
|
7
packages/meta/lib/_util/motion.d.ts
vendored
7
packages/meta/lib/_util/motion.d.ts
vendored
@ -1,7 +0,0 @@
|
|||||||
import type { CSSMotionProps } from 'rc-motion';
|
|
||||||
declare const initCollapseMotion: (rootCls?: string) => CSSMotionProps;
|
|
||||||
declare const SelectPlacements: readonly ["bottomLeft", "bottomRight", "topLeft", "topRight"];
|
|
||||||
export type SelectCommonPlacement = typeof SelectPlacements[number];
|
|
||||||
declare const getTransitionName: (rootPrefixCls: string, motion: string, transitionName?: string) => string;
|
|
||||||
export { getTransitionName };
|
|
||||||
export default initCollapseMotion;
|
|
@ -1,56 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/motion.ts
|
|
||||||
var motion_exports = {};
|
|
||||||
__export(motion_exports, {
|
|
||||||
default: () => motion_default,
|
|
||||||
getTransitionName: () => getTransitionName
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(motion_exports);
|
|
||||||
var getCollapsedHeight = () => ({ height: 0, opacity: 0 });
|
|
||||||
var getRealHeight = (node) => {
|
|
||||||
const { scrollHeight } = node;
|
|
||||||
return { height: scrollHeight, opacity: 1 };
|
|
||||||
};
|
|
||||||
var getCurrentHeight = (node) => ({ height: node ? node.offsetHeight : 0 });
|
|
||||||
var skipOpacityTransition = (_, event) => (event == null ? void 0 : event.deadline) === true || event.propertyName === "height";
|
|
||||||
var initCollapseMotion = (rootCls = "ant") => ({
|
|
||||||
motionName: `${rootCls}-motion-collapse`,
|
|
||||||
onAppearStart: getCollapsedHeight,
|
|
||||||
onEnterStart: getCollapsedHeight,
|
|
||||||
onAppearActive: getRealHeight,
|
|
||||||
onEnterActive: getRealHeight,
|
|
||||||
onLeaveStart: getCurrentHeight,
|
|
||||||
onLeaveActive: getCollapsedHeight,
|
|
||||||
onAppearEnd: skipOpacityTransition,
|
|
||||||
onEnterEnd: skipOpacityTransition,
|
|
||||||
onLeaveEnd: skipOpacityTransition,
|
|
||||||
motionDeadline: 500
|
|
||||||
});
|
|
||||||
var getTransitionName = (rootPrefixCls, motion, transitionName) => {
|
|
||||||
if (transitionName !== void 0) {
|
|
||||||
return transitionName;
|
|
||||||
}
|
|
||||||
return `${rootPrefixCls}-${motion}`;
|
|
||||||
};
|
|
||||||
var motion_default = initCollapseMotion;
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
getTransitionName
|
|
||||||
});
|
|
21
packages/meta/lib/_util/placements.d.ts
vendored
21
packages/meta/lib/_util/placements.d.ts
vendored
@ -1,21 +0,0 @@
|
|||||||
import type { BuildInPlacements } from '@rc-component/trigger';
|
|
||||||
import { getArrowOffsetToken } from '../style/placementArrow';
|
|
||||||
export interface AdjustOverflow {
|
|
||||||
adjustX?: 0 | 1;
|
|
||||||
adjustY?: 0 | 1;
|
|
||||||
}
|
|
||||||
export interface PlacementsConfig {
|
|
||||||
arrowWidth: number;
|
|
||||||
arrowPointAtCenter?: boolean;
|
|
||||||
autoAdjustOverflow?: boolean | AdjustOverflow;
|
|
||||||
offset: number;
|
|
||||||
borderRadius: number;
|
|
||||||
visibleFirst?: boolean;
|
|
||||||
}
|
|
||||||
export declare function getOverflowOptions(placement: string, arrowOffset: ReturnType<typeof getArrowOffsetToken>, arrowWidth: number, autoAdjustOverflow?: boolean | AdjustOverflow): {
|
|
||||||
adjustX?: number | boolean | undefined;
|
|
||||||
adjustY?: number | boolean | undefined;
|
|
||||||
shiftX?: number | boolean | undefined;
|
|
||||||
shiftY?: number | boolean | undefined;
|
|
||||||
};
|
|
||||||
export default function getPlacements(config: PlacementsConfig): BuildInPlacements;
|
|
@ -1,207 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/placements.ts
|
|
||||||
var placements_exports = {};
|
|
||||||
__export(placements_exports, {
|
|
||||||
default: () => getPlacements,
|
|
||||||
getOverflowOptions: () => getOverflowOptions
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(placements_exports);
|
|
||||||
var import_placementArrow = require("../style/placementArrow");
|
|
||||||
function getOverflowOptions(placement, arrowOffset, arrowWidth, autoAdjustOverflow) {
|
|
||||||
if (autoAdjustOverflow === false) {
|
|
||||||
return {
|
|
||||||
adjustX: false,
|
|
||||||
adjustY: false
|
|
||||||
};
|
|
||||||
}
|
|
||||||
const overflow = autoAdjustOverflow && typeof autoAdjustOverflow === "object" ? autoAdjustOverflow : {};
|
|
||||||
const baseOverflow = {};
|
|
||||||
switch (placement) {
|
|
||||||
case "top":
|
|
||||||
case "bottom":
|
|
||||||
baseOverflow.shiftX = arrowOffset.arrowOffsetHorizontal * 2 + arrowWidth;
|
|
||||||
baseOverflow.shiftY = true;
|
|
||||||
baseOverflow.adjustY = true;
|
|
||||||
break;
|
|
||||||
case "left":
|
|
||||||
case "right":
|
|
||||||
baseOverflow.shiftY = arrowOffset.arrowOffsetVertical * 2 + arrowWidth;
|
|
||||||
baseOverflow.shiftX = true;
|
|
||||||
baseOverflow.adjustX = true;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
const mergedOverflow = {
|
|
||||||
...baseOverflow,
|
|
||||||
...overflow
|
|
||||||
};
|
|
||||||
if (!mergedOverflow.shiftX) {
|
|
||||||
mergedOverflow.adjustX = true;
|
|
||||||
}
|
|
||||||
if (!mergedOverflow.shiftY) {
|
|
||||||
mergedOverflow.adjustY = true;
|
|
||||||
}
|
|
||||||
return mergedOverflow;
|
|
||||||
}
|
|
||||||
var PlacementAlignMap = {
|
|
||||||
left: {
|
|
||||||
points: ["cr", "cl"]
|
|
||||||
},
|
|
||||||
right: {
|
|
||||||
points: ["cl", "cr"]
|
|
||||||
},
|
|
||||||
top: {
|
|
||||||
points: ["bc", "tc"]
|
|
||||||
},
|
|
||||||
bottom: {
|
|
||||||
points: ["tc", "bc"]
|
|
||||||
},
|
|
||||||
topLeft: {
|
|
||||||
points: ["bl", "tl"]
|
|
||||||
},
|
|
||||||
leftTop: {
|
|
||||||
points: ["tr", "tl"]
|
|
||||||
},
|
|
||||||
topRight: {
|
|
||||||
points: ["br", "tr"]
|
|
||||||
},
|
|
||||||
rightTop: {
|
|
||||||
points: ["tl", "tr"]
|
|
||||||
},
|
|
||||||
bottomRight: {
|
|
||||||
points: ["tr", "br"]
|
|
||||||
},
|
|
||||||
rightBottom: {
|
|
||||||
points: ["bl", "br"]
|
|
||||||
},
|
|
||||||
bottomLeft: {
|
|
||||||
points: ["tl", "bl"]
|
|
||||||
},
|
|
||||||
leftBottom: {
|
|
||||||
points: ["br", "bl"]
|
|
||||||
}
|
|
||||||
};
|
|
||||||
var ArrowCenterPlacementAlignMap = {
|
|
||||||
topLeft: {
|
|
||||||
points: ["bl", "tc"]
|
|
||||||
},
|
|
||||||
leftTop: {
|
|
||||||
points: ["tr", "cl"]
|
|
||||||
},
|
|
||||||
topRight: {
|
|
||||||
points: ["br", "tc"]
|
|
||||||
},
|
|
||||||
rightTop: {
|
|
||||||
points: ["tl", "cr"]
|
|
||||||
},
|
|
||||||
bottomRight: {
|
|
||||||
points: ["tr", "bc"]
|
|
||||||
},
|
|
||||||
rightBottom: {
|
|
||||||
points: ["bl", "cr"]
|
|
||||||
},
|
|
||||||
bottomLeft: {
|
|
||||||
points: ["tl", "bc"]
|
|
||||||
},
|
|
||||||
leftBottom: {
|
|
||||||
points: ["br", "cl"]
|
|
||||||
}
|
|
||||||
};
|
|
||||||
var DisableAutoArrowList = /* @__PURE__ */ new Set([
|
|
||||||
"topLeft",
|
|
||||||
"topRight",
|
|
||||||
"bottomLeft",
|
|
||||||
"bottomRight",
|
|
||||||
"leftTop",
|
|
||||||
"leftBottom",
|
|
||||||
"rightTop",
|
|
||||||
"rightBottom"
|
|
||||||
]);
|
|
||||||
function getPlacements(config) {
|
|
||||||
const { arrowWidth, autoAdjustOverflow, arrowPointAtCenter, offset, borderRadius, visibleFirst } = config;
|
|
||||||
const halfArrowWidth = arrowWidth / 2;
|
|
||||||
const placementMap = {};
|
|
||||||
Object.keys(PlacementAlignMap).forEach((key) => {
|
|
||||||
const template = arrowPointAtCenter && ArrowCenterPlacementAlignMap[key] || PlacementAlignMap[key];
|
|
||||||
const placementInfo = {
|
|
||||||
...template,
|
|
||||||
offset: [0, 0],
|
|
||||||
dynamicInset: true
|
|
||||||
};
|
|
||||||
placementMap[key] = placementInfo;
|
|
||||||
if (DisableAutoArrowList.has(key)) {
|
|
||||||
placementInfo.autoArrow = false;
|
|
||||||
}
|
|
||||||
switch (key) {
|
|
||||||
case "top":
|
|
||||||
case "topLeft":
|
|
||||||
case "topRight":
|
|
||||||
placementInfo.offset[1] = -halfArrowWidth - offset;
|
|
||||||
break;
|
|
||||||
case "bottom":
|
|
||||||
case "bottomLeft":
|
|
||||||
case "bottomRight":
|
|
||||||
placementInfo.offset[1] = halfArrowWidth + offset;
|
|
||||||
break;
|
|
||||||
case "left":
|
|
||||||
case "leftTop":
|
|
||||||
case "leftBottom":
|
|
||||||
placementInfo.offset[0] = -halfArrowWidth - offset;
|
|
||||||
break;
|
|
||||||
case "right":
|
|
||||||
case "rightTop":
|
|
||||||
case "rightBottom":
|
|
||||||
placementInfo.offset[0] = halfArrowWidth + offset;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
const arrowOffset = (0, import_placementArrow.getArrowOffsetToken)({
|
|
||||||
contentRadius: borderRadius,
|
|
||||||
limitVerticalRadius: true
|
|
||||||
});
|
|
||||||
if (arrowPointAtCenter) {
|
|
||||||
switch (key) {
|
|
||||||
case "topLeft":
|
|
||||||
case "bottomLeft":
|
|
||||||
placementInfo.offset[0] = -arrowOffset.arrowOffsetHorizontal - halfArrowWidth;
|
|
||||||
break;
|
|
||||||
case "topRight":
|
|
||||||
case "bottomRight":
|
|
||||||
placementInfo.offset[0] = arrowOffset.arrowOffsetHorizontal + halfArrowWidth;
|
|
||||||
break;
|
|
||||||
case "leftTop":
|
|
||||||
case "rightTop":
|
|
||||||
placementInfo.offset[1] = -arrowOffset.arrowOffsetHorizontal - halfArrowWidth;
|
|
||||||
break;
|
|
||||||
case "leftBottom":
|
|
||||||
case "rightBottom":
|
|
||||||
placementInfo.offset[1] = arrowOffset.arrowOffsetHorizontal + halfArrowWidth;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
placementInfo.overflow = getOverflowOptions(key, arrowOffset, arrowWidth, autoAdjustOverflow);
|
|
||||||
if (visibleFirst) {
|
|
||||||
placementInfo.htmlRegion = "visibleFirst";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return placementMap;
|
|
||||||
}
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
getOverflowOptions
|
|
||||||
});
|
|
8
packages/meta/lib/_util/reactNode.d.ts
vendored
8
packages/meta/lib/_util/reactNode.d.ts
vendored
@ -1,8 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import type { AnyObject } from './type';
|
|
||||||
export declare const isValidElement: typeof React.isValidElement;
|
|
||||||
export declare function isFragment(child: any): boolean;
|
|
||||||
type RenderProps = AnyObject | ((originProps: AnyObject) => AnyObject | void);
|
|
||||||
export declare function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props?: RenderProps): React.ReactNode;
|
|
||||||
export declare function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement;
|
|
||||||
export {};
|
|
@ -1,61 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/reactNode.ts
|
|
||||||
var reactNode_exports = {};
|
|
||||||
__export(reactNode_exports, {
|
|
||||||
cloneElement: () => cloneElement2,
|
|
||||||
isFragment: () => isFragment,
|
|
||||||
isValidElement: () => isValidElement,
|
|
||||||
replaceElement: () => replaceElement
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(reactNode_exports);
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
var { isValidElement } = React;
|
|
||||||
function isFragment(child) {
|
|
||||||
return child && isValidElement(child) && child.type === React.Fragment;
|
|
||||||
}
|
|
||||||
function replaceElement(element, replacement, props) {
|
|
||||||
if (!isValidElement(element)) {
|
|
||||||
return replacement;
|
|
||||||
}
|
|
||||||
return React.cloneElement(
|
|
||||||
element,
|
|
||||||
typeof props === "function" ? props(element.props || {}) : props
|
|
||||||
);
|
|
||||||
}
|
|
||||||
function cloneElement2(element, props) {
|
|
||||||
return replaceElement(element, element, props);
|
|
||||||
}
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
cloneElement,
|
|
||||||
isFragment,
|
|
||||||
isValidElement,
|
|
||||||
replaceElement
|
|
||||||
});
|
|
22
packages/meta/lib/_util/responsiveObserver.d.ts
vendored
22
packages/meta/lib/_util/responsiveObserver.d.ts
vendored
@ -1,22 +0,0 @@
|
|||||||
export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
|
|
||||||
export type BreakpointMap = Record<Breakpoint, string>;
|
|
||||||
export type ScreenMap = Partial<Record<Breakpoint, boolean>>;
|
|
||||||
export type ScreenSizeMap = Partial<Record<Breakpoint, number>>;
|
|
||||||
export declare const responsiveArray: Breakpoint[];
|
|
||||||
type SubscribeFunc = (screens: ScreenMap) => void;
|
|
||||||
export default function useResponsiveObserver(): {
|
|
||||||
matchHandlers: {
|
|
||||||
[prop: string]: {
|
|
||||||
mql: MediaQueryList;
|
|
||||||
listener: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
dispatch(pointMap: ScreenMap): boolean;
|
|
||||||
subscribe(func: SubscribeFunc): number;
|
|
||||||
unsubscribe(paramToken: number): void;
|
|
||||||
unregister(): void;
|
|
||||||
register(): void;
|
|
||||||
responsiveMap: BreakpointMap;
|
|
||||||
};
|
|
||||||
export declare const matchScreen: (screens: ScreenMap, screenSizes?: ScreenSizeMap) => number | undefined;
|
|
||||||
export {};
|
|
@ -1,149 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/responsiveObserver.ts
|
|
||||||
var responsiveObserver_exports = {};
|
|
||||||
__export(responsiveObserver_exports, {
|
|
||||||
default: () => useResponsiveObserver,
|
|
||||||
matchScreen: () => matchScreen,
|
|
||||||
responsiveArray: () => responsiveArray
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(responsiveObserver_exports);
|
|
||||||
var import_react = __toESM(require("react"));
|
|
||||||
var import_internal = require("../theme/internal");
|
|
||||||
var responsiveArray = ["xxl", "xl", "lg", "md", "sm", "xs"];
|
|
||||||
var getResponsiveMap = (token) => ({
|
|
||||||
xs: `(max-width: ${token.screenXSMax}px)`,
|
|
||||||
sm: `(min-width: ${token.screenSM}px)`,
|
|
||||||
md: `(min-width: ${token.screenMD}px)`,
|
|
||||||
lg: `(min-width: ${token.screenLG}px)`,
|
|
||||||
xl: `(min-width: ${token.screenXL}px)`,
|
|
||||||
xxl: `(min-width: ${token.screenXXL}px)`
|
|
||||||
});
|
|
||||||
var validateBreakpoints = (token) => {
|
|
||||||
const indexableToken = token;
|
|
||||||
const revBreakpoints = [...responsiveArray].reverse();
|
|
||||||
revBreakpoints.forEach((breakpoint, i) => {
|
|
||||||
const breakpointUpper = breakpoint.toUpperCase();
|
|
||||||
const screenMin = `screen${breakpointUpper}Min`;
|
|
||||||
const screen = `screen${breakpointUpper}`;
|
|
||||||
if (!(indexableToken[screenMin] <= indexableToken[screen])) {
|
|
||||||
throw new Error(
|
|
||||||
`${screenMin}<=${screen} fails : !(${indexableToken[screenMin]}<=${indexableToken[screen]})`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (i < revBreakpoints.length - 1) {
|
|
||||||
const screenMax = `screen${breakpointUpper}Max`;
|
|
||||||
if (!(indexableToken[screen] <= indexableToken[screenMax])) {
|
|
||||||
throw new Error(
|
|
||||||
`${screen}<=${screenMax} fails : !(${indexableToken[screen]}<=${indexableToken[screenMax]})`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const nextBreakpointUpperMin = revBreakpoints[i + 1].toUpperCase();
|
|
||||||
const nextScreenMin = `screen${nextBreakpointUpperMin}Min`;
|
|
||||||
if (!(indexableToken[screenMax] <= indexableToken[nextScreenMin])) {
|
|
||||||
throw new Error(
|
|
||||||
`${screenMax}<=${nextScreenMin} fails : !(${indexableToken[screenMax]}<=${indexableToken[nextScreenMin]})`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return token;
|
|
||||||
};
|
|
||||||
function useResponsiveObserver() {
|
|
||||||
const [, token] = (0, import_internal.useToken)();
|
|
||||||
const responsiveMap = getResponsiveMap(validateBreakpoints(token));
|
|
||||||
return import_react.default.useMemo(() => {
|
|
||||||
const subscribers = /* @__PURE__ */ new Map();
|
|
||||||
let subUid = -1;
|
|
||||||
let screens = {};
|
|
||||||
return {
|
|
||||||
matchHandlers: {},
|
|
||||||
dispatch(pointMap) {
|
|
||||||
screens = pointMap;
|
|
||||||
subscribers.forEach((func) => func(screens));
|
|
||||||
return subscribers.size >= 1;
|
|
||||||
},
|
|
||||||
subscribe(func) {
|
|
||||||
if (!subscribers.size)
|
|
||||||
this.register();
|
|
||||||
subUid += 1;
|
|
||||||
subscribers.set(subUid, func);
|
|
||||||
func(screens);
|
|
||||||
return subUid;
|
|
||||||
},
|
|
||||||
unsubscribe(paramToken) {
|
|
||||||
subscribers.delete(paramToken);
|
|
||||||
if (!subscribers.size)
|
|
||||||
this.unregister();
|
|
||||||
},
|
|
||||||
unregister() {
|
|
||||||
Object.keys(responsiveMap).forEach((screen) => {
|
|
||||||
const matchMediaQuery = responsiveMap[screen];
|
|
||||||
const handler = this.matchHandlers[matchMediaQuery];
|
|
||||||
handler == null ? void 0 : handler.mql.removeListener(handler == null ? void 0 : handler.listener);
|
|
||||||
});
|
|
||||||
subscribers.clear();
|
|
||||||
},
|
|
||||||
register() {
|
|
||||||
Object.keys(responsiveMap).forEach((screen) => {
|
|
||||||
const matchMediaQuery = responsiveMap[screen];
|
|
||||||
const listener = ({ matches }) => {
|
|
||||||
this.dispatch({
|
|
||||||
...screens,
|
|
||||||
[screen]: matches
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const mql = window.matchMedia(matchMediaQuery);
|
|
||||||
mql.addListener(listener);
|
|
||||||
this.matchHandlers[matchMediaQuery] = {
|
|
||||||
mql,
|
|
||||||
listener
|
|
||||||
};
|
|
||||||
listener(mql);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
responsiveMap
|
|
||||||
};
|
|
||||||
}, [token]);
|
|
||||||
}
|
|
||||||
var matchScreen = (screens, screenSizes) => {
|
|
||||||
if (screenSizes && typeof screenSizes === "object") {
|
|
||||||
for (let i = 0; i < responsiveArray.length; i++) {
|
|
||||||
const breakpoint = responsiveArray[i];
|
|
||||||
if (screens[breakpoint] && screenSizes[breakpoint] !== void 0) {
|
|
||||||
return screenSizes[breakpoint];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
matchScreen,
|
|
||||||
responsiveArray
|
|
||||||
});
|
|
10
packages/meta/lib/_util/scrollTo.d.ts
vendored
10
packages/meta/lib/_util/scrollTo.d.ts
vendored
@ -1,10 +0,0 @@
|
|||||||
interface ScrollToOptions {
|
|
||||||
/** Scroll container, default as window */
|
|
||||||
getContainer?: () => HTMLElement | Window | Document;
|
|
||||||
/** Scroll end callback */
|
|
||||||
callback?: () => void;
|
|
||||||
/** Animation duration, default as 450 */
|
|
||||||
duration?: number;
|
|
||||||
}
|
|
||||||
export default function scrollTo(y: number, options?: ScrollToOptions): void;
|
|
||||||
export {};
|
|
@ -1,61 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/scrollTo.ts
|
|
||||||
var scrollTo_exports = {};
|
|
||||||
__export(scrollTo_exports, {
|
|
||||||
default: () => scrollTo
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(scrollTo_exports);
|
|
||||||
var import_raf = __toESM(require("rc-util/lib/raf"));
|
|
||||||
var import_easings = require("./easings");
|
|
||||||
var import_getScroll = __toESM(require("./getScroll"));
|
|
||||||
function scrollTo(y, options = {}) {
|
|
||||||
const { getContainer = () => window, callback, duration = 450 } = options;
|
|
||||||
const container = getContainer();
|
|
||||||
const scrollTop = (0, import_getScroll.default)(container, true);
|
|
||||||
const startTime = Date.now();
|
|
||||||
const frameFunc = () => {
|
|
||||||
const timestamp = Date.now();
|
|
||||||
const time = timestamp - startTime;
|
|
||||||
const nextScrollTop = (0, import_easings.easeInOutCubic)(time > duration ? duration : time, scrollTop, y, duration);
|
|
||||||
if ((0, import_getScroll.isWindow)(container)) {
|
|
||||||
container.scrollTo(window.pageXOffset, nextScrollTop);
|
|
||||||
} else if (container instanceof Document || container.constructor.name === "HTMLDocument") {
|
|
||||||
container.documentElement.scrollTop = nextScrollTop;
|
|
||||||
} else {
|
|
||||||
container.scrollTop = nextScrollTop;
|
|
||||||
}
|
|
||||||
if (time < duration) {
|
|
||||||
(0, import_raf.default)(frameFunc);
|
|
||||||
} else if (typeof callback === "function") {
|
|
||||||
callback();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
(0, import_raf.default)(frameFunc);
|
|
||||||
}
|
|
6
packages/meta/lib/_util/statusUtils.d.ts
vendored
6
packages/meta/lib/_util/statusUtils.d.ts
vendored
@ -1,6 +0,0 @@
|
|||||||
import type { ValidateStatus } from '../form/FormItem';
|
|
||||||
declare const InputStatuses: readonly ["warning", "error", ""];
|
|
||||||
export type InputStatus = typeof InputStatuses[number];
|
|
||||||
export declare function getStatusClassNames(prefixCls: string, status?: ValidateStatus, hasFeedback?: boolean): string;
|
|
||||||
export declare const getMergedStatus: (contextStatus?: ValidateStatus, customStatus?: InputStatus) => "" | "success" | "error" | "warning" | "validating" | undefined;
|
|
||||||
export {};
|
|
@ -1,51 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/statusUtils.ts
|
|
||||||
var statusUtils_exports = {};
|
|
||||||
__export(statusUtils_exports, {
|
|
||||||
getMergedStatus: () => getMergedStatus,
|
|
||||||
getStatusClassNames: () => getStatusClassNames
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(statusUtils_exports);
|
|
||||||
var import_classnames = __toESM(require("classnames"));
|
|
||||||
function getStatusClassNames(prefixCls, status, hasFeedback) {
|
|
||||||
return (0, import_classnames.default)({
|
|
||||||
[`${prefixCls}-status-success`]: status === "success",
|
|
||||||
[`${prefixCls}-status-warning`]: status === "warning",
|
|
||||||
[`${prefixCls}-status-error`]: status === "error",
|
|
||||||
[`${prefixCls}-status-validating`]: status === "validating",
|
|
||||||
[`${prefixCls}-has-feedback`]: hasFeedback
|
|
||||||
});
|
|
||||||
}
|
|
||||||
var getMergedStatus = (contextStatus, customStatus) => customStatus || contextStatus;
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
getMergedStatus,
|
|
||||||
getStatusClassNames
|
|
||||||
});
|
|
3
packages/meta/lib/_util/styleChecker.d.ts
vendored
3
packages/meta/lib/_util/styleChecker.d.ts
vendored
@ -1,3 +0,0 @@
|
|||||||
import { isStyleSupport } from 'rc-util/lib/Dom/styleChecker';
|
|
||||||
export declare const canUseDocElement: () => false | HTMLElement;
|
|
||||||
export { isStyleSupport };
|
|
@ -1,43 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/styleChecker.ts
|
|
||||||
var styleChecker_exports = {};
|
|
||||||
__export(styleChecker_exports, {
|
|
||||||
canUseDocElement: () => canUseDocElement,
|
|
||||||
isStyleSupport: () => import_styleChecker.isStyleSupport
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(styleChecker_exports);
|
|
||||||
var import_canUseDom = __toESM(require("rc-util/lib/Dom/canUseDom"));
|
|
||||||
var import_styleChecker = require("rc-util/lib/Dom/styleChecker");
|
|
||||||
var canUseDocElement = () => (0, import_canUseDom.default)() && window.document.documentElement;
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
canUseDocElement,
|
|
||||||
isStyleSupport
|
|
||||||
});
|
|
@ -1,5 +0,0 @@
|
|||||||
declare function throttleByAnimationFrame<T extends any[]>(fn: (...args: T) => void): {
|
|
||||||
(...args: T): void;
|
|
||||||
cancel(): void;
|
|
||||||
};
|
|
||||||
export default throttleByAnimationFrame;
|
|
@ -1,53 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/throttleByAnimationFrame.ts
|
|
||||||
var throttleByAnimationFrame_exports = {};
|
|
||||||
__export(throttleByAnimationFrame_exports, {
|
|
||||||
default: () => throttleByAnimationFrame_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(throttleByAnimationFrame_exports);
|
|
||||||
var import_raf = __toESM(require("rc-util/lib/raf"));
|
|
||||||
function throttleByAnimationFrame(fn) {
|
|
||||||
let requestId;
|
|
||||||
const later = (args) => () => {
|
|
||||||
requestId = null;
|
|
||||||
fn(...args);
|
|
||||||
};
|
|
||||||
const throttled = (...args) => {
|
|
||||||
if (requestId == null) {
|
|
||||||
requestId = (0, import_raf.default)(later(args));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
throttled.cancel = () => {
|
|
||||||
import_raf.default.cancel(requestId);
|
|
||||||
requestId = null;
|
|
||||||
};
|
|
||||||
return throttled;
|
|
||||||
}
|
|
||||||
var throttleByAnimationFrame_default = throttleByAnimationFrame;
|
|
9
packages/meta/lib/_util/transButton.d.ts
vendored
9
packages/meta/lib/_util/transButton.d.ts
vendored
@ -1,9 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
interface TransButtonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
||||||
onClick?: (e?: React.MouseEvent<HTMLDivElement>) => void;
|
|
||||||
noStyle?: boolean;
|
|
||||||
autoFocus?: boolean;
|
|
||||||
disabled?: boolean;
|
|
||||||
}
|
|
||||||
declare const TransButton: React.ForwardRefExoticComponent<TransButtonProps & React.RefAttributes<HTMLDivElement>>;
|
|
||||||
export default TransButton;
|
|
@ -1,85 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/transButton.tsx
|
|
||||||
var transButton_exports = {};
|
|
||||||
__export(transButton_exports, {
|
|
||||||
default: () => transButton_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(transButton_exports);
|
|
||||||
var import_KeyCode = __toESM(require("rc-util/lib/KeyCode"));
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
var inlineStyle = {
|
|
||||||
border: 0,
|
|
||||||
background: "transparent",
|
|
||||||
padding: 0,
|
|
||||||
lineHeight: "inherit",
|
|
||||||
display: "inline-block"
|
|
||||||
};
|
|
||||||
var TransButton = React.forwardRef((props, ref) => {
|
|
||||||
const onKeyDown = (event) => {
|
|
||||||
const { keyCode } = event;
|
|
||||||
if (keyCode === import_KeyCode.default.ENTER) {
|
|
||||||
event.preventDefault();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const onKeyUp = (event) => {
|
|
||||||
const { keyCode } = event;
|
|
||||||
const { onClick } = props;
|
|
||||||
if (keyCode === import_KeyCode.default.ENTER && onClick) {
|
|
||||||
onClick();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const { style, noStyle, disabled, ...restProps } = props;
|
|
||||||
let mergedStyle = {};
|
|
||||||
if (!noStyle) {
|
|
||||||
mergedStyle = {
|
|
||||||
...inlineStyle
|
|
||||||
};
|
|
||||||
}
|
|
||||||
if (disabled) {
|
|
||||||
mergedStyle.pointerEvents = "none";
|
|
||||||
}
|
|
||||||
mergedStyle = {
|
|
||||||
...mergedStyle,
|
|
||||||
...style
|
|
||||||
};
|
|
||||||
return /* @__PURE__ */ React.createElement(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
role: "button",
|
|
||||||
tabIndex: 0,
|
|
||||||
ref,
|
|
||||||
...restProps,
|
|
||||||
onKeyDown,
|
|
||||||
onKeyUp,
|
|
||||||
style: mergedStyle
|
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
var transButton_default = TransButton;
|
|
2
packages/meta/lib/_util/transKeys.d.ts
vendored
2
packages/meta/lib/_util/transKeys.d.ts
vendored
@ -1,2 +0,0 @@
|
|||||||
export declare const groupKeysMap: (keys: string[]) => Map<string, number>;
|
|
||||||
export declare const groupDisabledKeysMap: <RecordType extends any[]>(dataSource: RecordType) => Map<string, number>;
|
|
@ -1,46 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/transKeys.ts
|
|
||||||
var transKeys_exports = {};
|
|
||||||
__export(transKeys_exports, {
|
|
||||||
groupDisabledKeysMap: () => groupDisabledKeysMap,
|
|
||||||
groupKeysMap: () => groupKeysMap
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(transKeys_exports);
|
|
||||||
var groupKeysMap = (keys) => {
|
|
||||||
const map = /* @__PURE__ */ new Map();
|
|
||||||
keys.forEach((key, index) => {
|
|
||||||
map.set(key, index);
|
|
||||||
});
|
|
||||||
return map;
|
|
||||||
};
|
|
||||||
var groupDisabledKeysMap = (dataSource) => {
|
|
||||||
const map = /* @__PURE__ */ new Map();
|
|
||||||
dataSource.forEach(({ disabled, key }, index) => {
|
|
||||||
if (disabled) {
|
|
||||||
map.set(key, index);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return map;
|
|
||||||
};
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
groupDisabledKeysMap,
|
|
||||||
groupKeysMap
|
|
||||||
});
|
|
5
packages/meta/lib/_util/type.d.ts
vendored
5
packages/meta/lib/_util/type.d.ts
vendored
@ -1,5 +0,0 @@
|
|||||||
/// <reference types="react" />
|
|
||||||
/** https://github.com/Microsoft/TypeScript/issues/29729 */
|
|
||||||
export type LiteralUnion<T extends string> = T | (string & {});
|
|
||||||
export type AnyObject = Record<PropertyKey, any>;
|
|
||||||
export type CustomComponent<P = AnyObject> = React.ComponentType<P> | string;
|
|
@ -1,17 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/type.ts
|
|
||||||
var type_exports = {};
|
|
||||||
module.exports = __toCommonJS(type_exports);
|
|
26
packages/meta/lib/_util/warning.d.ts
vendored
26
packages/meta/lib/_util/warning.d.ts
vendored
@ -1,26 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
export declare function noop(): void;
|
|
||||||
export declare function resetWarned(): void;
|
|
||||||
type Warning = (valid: boolean, component: string, message?: string) => void;
|
|
||||||
declare let warning: Warning;
|
|
||||||
type BaseTypeWarning = (valid: boolean,
|
|
||||||
/**
|
|
||||||
* - deprecated: Some API will be removed in future but still support now.
|
|
||||||
* - usage: Some API usage is not correct.
|
|
||||||
* - breaking: Breaking change like API is removed.
|
|
||||||
*/
|
|
||||||
type: 'deprecated' | 'usage' | 'breaking', message?: string) => void;
|
|
||||||
type TypeWarning = BaseTypeWarning & {
|
|
||||||
deprecated: (valid: boolean, oldProp: string, newProp: string, message?: string) => void;
|
|
||||||
};
|
|
||||||
export interface WarningContextProps {
|
|
||||||
strict?: boolean;
|
|
||||||
}
|
|
||||||
export declare const WarningContext: React.Context<WarningContextProps>;
|
|
||||||
/**
|
|
||||||
* This is a hook but we not named as `useWarning`
|
|
||||||
* since this is only used in development.
|
|
||||||
* We should always wrap this in `if (process.env.NODE_ENV !== 'production')` condition
|
|
||||||
*/
|
|
||||||
export declare const devUseWarning: (component: string) => TypeWarning;
|
|
||||||
export default warning;
|
|
@ -1,103 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/warning.ts
|
|
||||||
var warning_exports = {};
|
|
||||||
__export(warning_exports, {
|
|
||||||
WarningContext: () => WarningContext,
|
|
||||||
default: () => warning_default,
|
|
||||||
devUseWarning: () => devUseWarning,
|
|
||||||
noop: () => noop,
|
|
||||||
resetWarned: () => resetWarned
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(warning_exports);
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
var import_warning = __toESM(require("rc-util/lib/warning"));
|
|
||||||
function noop() {
|
|
||||||
}
|
|
||||||
var deprecatedWarnList = null;
|
|
||||||
function resetWarned() {
|
|
||||||
deprecatedWarnList = null;
|
|
||||||
(0, import_warning.resetWarned)();
|
|
||||||
}
|
|
||||||
var warning = noop;
|
|
||||||
if (process.env.NODE_ENV !== "production") {
|
|
||||||
warning = (valid, component, message) => {
|
|
||||||
(0, import_warning.default)(valid, `[antd: ${component}] ${message}`);
|
|
||||||
if (process.env.NODE_ENV === "test") {
|
|
||||||
resetWarned();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
var WarningContext = React.createContext({});
|
|
||||||
var devUseWarning = process.env.NODE_ENV !== "production" ? (component) => {
|
|
||||||
const { strict } = React.useContext(WarningContext);
|
|
||||||
const typeWarning = (valid, type, message) => {
|
|
||||||
if (!valid) {
|
|
||||||
if (strict === false && type === "deprecated") {
|
|
||||||
const existWarning = deprecatedWarnList;
|
|
||||||
if (!deprecatedWarnList) {
|
|
||||||
deprecatedWarnList = {};
|
|
||||||
}
|
|
||||||
deprecatedWarnList[component] = deprecatedWarnList[component] || [];
|
|
||||||
if (!deprecatedWarnList[component].includes(message || "")) {
|
|
||||||
deprecatedWarnList[component].push(message || "");
|
|
||||||
}
|
|
||||||
if (!existWarning) {
|
|
||||||
console.warn(
|
|
||||||
"[antd] There exists deprecated usage in your code:",
|
|
||||||
deprecatedWarnList
|
|
||||||
);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
warning(valid, component, message);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
typeWarning.deprecated = (valid, oldProp, newProp, message) => {
|
|
||||||
typeWarning(
|
|
||||||
valid,
|
|
||||||
"deprecated",
|
|
||||||
`\`${oldProp}\` is deprecated. Please use \`${newProp}\` instead.${message ? ` ${message}` : ""}`
|
|
||||||
);
|
|
||||||
};
|
|
||||||
return typeWarning;
|
|
||||||
} : () => {
|
|
||||||
const noopWarning = () => {
|
|
||||||
};
|
|
||||||
noopWarning.deprecated = noop;
|
|
||||||
return noopWarning;
|
|
||||||
};
|
|
||||||
var warning_default = warning;
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
WarningContext,
|
|
||||||
devUseWarning,
|
|
||||||
noop,
|
|
||||||
resetWarned
|
|
||||||
});
|
|
8
packages/meta/lib/_util/wave/WaveEffect.d.ts
vendored
8
packages/meta/lib/_util/wave/WaveEffect.d.ts
vendored
@ -1,8 +0,0 @@
|
|||||||
import { type ShowWaveEffect } from './interface';
|
|
||||||
export interface WaveEffectProps {
|
|
||||||
className: string;
|
|
||||||
target: HTMLElement;
|
|
||||||
component?: string;
|
|
||||||
}
|
|
||||||
declare const showWaveEffect: ShowWaveEffect;
|
|
||||||
export default showWaveEffect;
|
|
@ -1,157 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/wave/WaveEffect.tsx
|
|
||||||
var WaveEffect_exports = {};
|
|
||||||
__export(WaveEffect_exports, {
|
|
||||||
default: () => WaveEffect_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(WaveEffect_exports);
|
|
||||||
var import_classnames = __toESM(require("classnames"));
|
|
||||||
var import_rc_motion = __toESM(require("rc-motion"));
|
|
||||||
var import_render = require("rc-util/lib/React/render");
|
|
||||||
var import_raf = __toESM(require("rc-util/lib/raf"));
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
var import_util = require("./util");
|
|
||||||
var import_interface = require("./interface");
|
|
||||||
function validateNum(value) {
|
|
||||||
return Number.isNaN(value) ? 0 : value;
|
|
||||||
}
|
|
||||||
var WaveEffect = (props) => {
|
|
||||||
const { className, target, component } = props;
|
|
||||||
const divRef = React.useRef(null);
|
|
||||||
const [color, setWaveColor] = React.useState(null);
|
|
||||||
const [borderRadius, setBorderRadius] = React.useState([]);
|
|
||||||
const [left, setLeft] = React.useState(0);
|
|
||||||
const [top, setTop] = React.useState(0);
|
|
||||||
const [width, setWidth] = React.useState(0);
|
|
||||||
const [height, setHeight] = React.useState(0);
|
|
||||||
const [enabled, setEnabled] = React.useState(false);
|
|
||||||
const waveStyle = {
|
|
||||||
left,
|
|
||||||
top,
|
|
||||||
width,
|
|
||||||
height,
|
|
||||||
borderRadius: borderRadius.map((radius) => `${radius}px`).join(" ")
|
|
||||||
};
|
|
||||||
if (color) {
|
|
||||||
waveStyle["--wave-color"] = color;
|
|
||||||
}
|
|
||||||
function syncPos() {
|
|
||||||
const nodeStyle = getComputedStyle(target);
|
|
||||||
setWaveColor((0, import_util.getTargetWaveColor)(target));
|
|
||||||
const isStatic = nodeStyle.position === "static";
|
|
||||||
const { borderLeftWidth, borderTopWidth } = nodeStyle;
|
|
||||||
setLeft(isStatic ? target.offsetLeft : validateNum(-parseFloat(borderLeftWidth)));
|
|
||||||
setTop(isStatic ? target.offsetTop : validateNum(-parseFloat(borderTopWidth)));
|
|
||||||
setWidth(target.offsetWidth);
|
|
||||||
setHeight(target.offsetHeight);
|
|
||||||
const {
|
|
||||||
borderTopLeftRadius,
|
|
||||||
borderTopRightRadius,
|
|
||||||
borderBottomLeftRadius,
|
|
||||||
borderBottomRightRadius
|
|
||||||
} = nodeStyle;
|
|
||||||
setBorderRadius(
|
|
||||||
[
|
|
||||||
borderTopLeftRadius,
|
|
||||||
borderTopRightRadius,
|
|
||||||
borderBottomRightRadius,
|
|
||||||
borderBottomLeftRadius
|
|
||||||
].map((radius) => validateNum(parseFloat(radius)))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
React.useEffect(() => {
|
|
||||||
if (target) {
|
|
||||||
const id = (0, import_raf.default)(() => {
|
|
||||||
syncPos();
|
|
||||||
setEnabled(true);
|
|
||||||
});
|
|
||||||
let resizeObserver;
|
|
||||||
if (typeof ResizeObserver !== "undefined") {
|
|
||||||
resizeObserver = new ResizeObserver(syncPos);
|
|
||||||
resizeObserver.observe(target);
|
|
||||||
}
|
|
||||||
return () => {
|
|
||||||
import_raf.default.cancel(id);
|
|
||||||
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}, []);
|
|
||||||
if (!enabled) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
const isSmallComponent = (component === "Checkbox" || component === "Radio") && (target == null ? void 0 : target.classList.contains(import_interface.TARGET_CLS));
|
|
||||||
return /* @__PURE__ */ React.createElement(
|
|
||||||
import_rc_motion.default,
|
|
||||||
{
|
|
||||||
visible: true,
|
|
||||||
motionAppear: true,
|
|
||||||
motionName: "wave-motion",
|
|
||||||
motionDeadline: 5e3,
|
|
||||||
onAppearEnd: (_, event) => {
|
|
||||||
var _a;
|
|
||||||
if (event.deadline || event.propertyName === "opacity") {
|
|
||||||
const holder = (_a = divRef.current) == null ? void 0 : _a.parentElement;
|
|
||||||
(0, import_render.unmount)(holder).then(() => {
|
|
||||||
holder == null ? void 0 : holder.remove();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
({ className: motionClassName }) => /* @__PURE__ */ React.createElement(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
ref: divRef,
|
|
||||||
className: (0, import_classnames.default)(
|
|
||||||
className,
|
|
||||||
{
|
|
||||||
"wave-quick": isSmallComponent
|
|
||||||
},
|
|
||||||
motionClassName
|
|
||||||
),
|
|
||||||
style: waveStyle
|
|
||||||
}
|
|
||||||
)
|
|
||||||
);
|
|
||||||
};
|
|
||||||
var showWaveEffect = (target, info) => {
|
|
||||||
var _a;
|
|
||||||
const { component } = info;
|
|
||||||
if (component === "Checkbox" && !((_a = target.querySelector("input")) == null ? void 0 : _a.checked)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const holder = document.createElement("div");
|
|
||||||
holder.style.position = "absolute";
|
|
||||||
holder.style.left = "0px";
|
|
||||||
holder.style.top = "0px";
|
|
||||||
target == null ? void 0 : target.insertBefore(holder, target == null ? void 0 : target.firstChild);
|
|
||||||
(0, import_render.render)(/* @__PURE__ */ React.createElement(WaveEffect, { ...info, target }), holder);
|
|
||||||
};
|
|
||||||
var WaveEffect_default = showWaveEffect;
|
|
8
packages/meta/lib/_util/wave/index.d.ts
vendored
8
packages/meta/lib/_util/wave/index.d.ts
vendored
@ -1,8 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
export interface WaveProps {
|
|
||||||
disabled?: boolean;
|
|
||||||
children?: React.ReactNode;
|
|
||||||
component?: string;
|
|
||||||
}
|
|
||||||
declare const Wave: React.FC<WaveProps>;
|
|
||||||
export default Wave;
|
|
@ -1,76 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/wave/index.ts
|
|
||||||
var wave_exports = {};
|
|
||||||
__export(wave_exports, {
|
|
||||||
default: () => wave_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(wave_exports);
|
|
||||||
var import_classnames = __toESM(require("classnames"));
|
|
||||||
var import_ref = require("rc-util/lib/ref");
|
|
||||||
var import_isVisible = __toESM(require("rc-util/lib/Dom/isVisible"));
|
|
||||||
var import_react = __toESM(require("react"));
|
|
||||||
var import_config_provider = require("../../config-provider");
|
|
||||||
var import_reactNode = require("../reactNode");
|
|
||||||
var import_style = __toESM(require("./style"));
|
|
||||||
var import_useWave = __toESM(require("./useWave"));
|
|
||||||
var Wave = (props) => {
|
|
||||||
const { children, disabled, component } = props;
|
|
||||||
const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.ConfigContext);
|
|
||||||
const containerRef = (0, import_react.useRef)(null);
|
|
||||||
const prefixCls = getPrefixCls("wave");
|
|
||||||
const [, hashId] = (0, import_style.default)(prefixCls);
|
|
||||||
const showWave = (0, import_useWave.default)(containerRef, (0, import_classnames.default)(prefixCls, hashId), component);
|
|
||||||
import_react.default.useEffect(() => {
|
|
||||||
const node = containerRef.current;
|
|
||||||
if (!node || node.nodeType !== 1 || disabled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const onClick = (e) => {
|
|
||||||
if (!(0, import_isVisible.default)(e.target) || // No need wave
|
|
||||||
!node.getAttribute || node.getAttribute("disabled") || node.disabled || node.className.includes("disabled") || node.className.includes("-leave")) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
showWave(e);
|
|
||||||
};
|
|
||||||
node.addEventListener("click", onClick, true);
|
|
||||||
return () => {
|
|
||||||
node.removeEventListener("click", onClick, true);
|
|
||||||
};
|
|
||||||
}, [disabled]);
|
|
||||||
if (!import_react.default.isValidElement(children)) {
|
|
||||||
return children ?? null;
|
|
||||||
}
|
|
||||||
const ref = (0, import_ref.supportRef)(children) ? (0, import_ref.composeRef)(children.ref, containerRef) : containerRef;
|
|
||||||
return (0, import_reactNode.cloneElement)(children, { ref });
|
|
||||||
};
|
|
||||||
if (process.env.NODE_ENV !== "production") {
|
|
||||||
Wave.displayName = "Wave";
|
|
||||||
}
|
|
||||||
var wave_default = Wave;
|
|
10
packages/meta/lib/_util/wave/interface.d.ts
vendored
10
packages/meta/lib/_util/wave/interface.d.ts
vendored
@ -1,10 +0,0 @@
|
|||||||
import type { GlobalToken } from '../../theme';
|
|
||||||
export declare const TARGET_CLS = "ant-wave-target";
|
|
||||||
export type ShowWaveEffect = (element: HTMLElement, info: {
|
|
||||||
className: string;
|
|
||||||
token: GlobalToken;
|
|
||||||
component?: string;
|
|
||||||
event: MouseEvent;
|
|
||||||
hashId: string;
|
|
||||||
}) => void;
|
|
||||||
export type ShowWave = (event: MouseEvent) => void;
|
|
@ -1,29 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/wave/interface.ts
|
|
||||||
var interface_exports = {};
|
|
||||||
__export(interface_exports, {
|
|
||||||
TARGET_CLS: () => TARGET_CLS
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(interface_exports);
|
|
||||||
var TARGET_CLS = "ant-wave-target";
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
TARGET_CLS
|
|
||||||
});
|
|
7
packages/meta/lib/_util/wave/style.d.ts
vendored
7
packages/meta/lib/_util/wave/style.d.ts
vendored
@ -1,7 +0,0 @@
|
|||||||
import type { FullToken } from '../../theme/internal';
|
|
||||||
export interface ComponentToken {
|
|
||||||
}
|
|
||||||
export interface WaveToken extends FullToken<'Wave'> {
|
|
||||||
}
|
|
||||||
declare const _default: (prefixCls: string) => import("../../theme/interface").UseComponentStyleResult;
|
|
||||||
export default _default;
|
|
@ -1,57 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/wave/style.ts
|
|
||||||
var style_exports = {};
|
|
||||||
__export(style_exports, {
|
|
||||||
default: () => style_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(style_exports);
|
|
||||||
var import_internal = require("../../theme/internal");
|
|
||||||
var genWaveStyle = (token) => {
|
|
||||||
const { componentCls, colorPrimary } = token;
|
|
||||||
return {
|
|
||||||
[componentCls]: {
|
|
||||||
position: "absolute",
|
|
||||||
background: "transparent",
|
|
||||||
pointerEvents: "none",
|
|
||||||
boxSizing: "border-box",
|
|
||||||
color: `var(--wave-color, ${colorPrimary})`,
|
|
||||||
boxShadow: `0 0 0 0 currentcolor`,
|
|
||||||
opacity: 0.2,
|
|
||||||
// =================== Motion ===================
|
|
||||||
"&.wave-motion-appear": {
|
|
||||||
transition: [
|
|
||||||
`box-shadow 0.4s ${token.motionEaseOutCirc}`,
|
|
||||||
`opacity 2s ${token.motionEaseOutCirc}`
|
|
||||||
].join(","),
|
|
||||||
"&-active": {
|
|
||||||
boxShadow: `0 0 0 6px currentcolor`,
|
|
||||||
opacity: 0
|
|
||||||
},
|
|
||||||
"&.wave-quick": {
|
|
||||||
transition: [
|
|
||||||
`box-shadow 0.3s ${token.motionEaseInOut}`,
|
|
||||||
`opacity 0.35s ${token.motionEaseInOut}`
|
|
||||||
].join(",")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
};
|
|
||||||
var style_default = (0, import_internal.genComponentStyleHook)("Wave", (token) => [genWaveStyle(token)]);
|
|
3
packages/meta/lib/_util/wave/useWave.d.ts
vendored
3
packages/meta/lib/_util/wave/useWave.d.ts
vendored
@ -1,3 +0,0 @@
|
|||||||
import * as React from 'react';
|
|
||||||
import { type ShowWave } from './interface';
|
|
||||||
export default function useWave(nodeRef: React.RefObject<HTMLElement>, className: string, component?: string): ShowWave;
|
|
@ -1,62 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/wave/useWave.ts
|
|
||||||
var useWave_exports = {};
|
|
||||||
__export(useWave_exports, {
|
|
||||||
default: () => useWave
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(useWave_exports);
|
|
||||||
var React = __toESM(require("react"));
|
|
||||||
var import_rc_util = require("rc-util");
|
|
||||||
var import_raf = __toESM(require("rc-util/lib/raf"));
|
|
||||||
var import_WaveEffect = __toESM(require("./WaveEffect"));
|
|
||||||
var import_config_provider = require("../../config-provider");
|
|
||||||
var import_useToken = __toESM(require("../../theme/useToken"));
|
|
||||||
var import_interface = require("./interface");
|
|
||||||
function useWave(nodeRef, className, component) {
|
|
||||||
const { wave } = React.useContext(import_config_provider.ConfigContext);
|
|
||||||
const [, token, hashId] = (0, import_useToken.default)();
|
|
||||||
const showWave = (0, import_rc_util.useEvent)((event) => {
|
|
||||||
const node = nodeRef.current;
|
|
||||||
if ((wave == null ? void 0 : wave.disabled) || !node) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const targetNode = node.querySelector(`.${import_interface.TARGET_CLS}`) || node;
|
|
||||||
const { showEffect } = wave || {};
|
|
||||||
(showEffect || import_WaveEffect.default)(targetNode, { className, token, component, event, hashId });
|
|
||||||
});
|
|
||||||
const rafId = React.useRef();
|
|
||||||
const showDebounceWave = (event) => {
|
|
||||||
import_raf.default.cancel(rafId.current);
|
|
||||||
rafId.current = (0, import_raf.default)(() => {
|
|
||||||
showWave(event);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
return showDebounceWave;
|
|
||||||
}
|
|
3
packages/meta/lib/_util/wave/util.d.ts
vendored
3
packages/meta/lib/_util/wave/util.d.ts
vendored
@ -1,3 +0,0 @@
|
|||||||
export declare function isNotGrey(color: string): boolean;
|
|
||||||
export declare function isValidWaveColor(color: string): boolean | "";
|
|
||||||
export declare function getTargetWaveColor(node: HTMLElement): string | null;
|
|
@ -1,56 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/wave/util.ts
|
|
||||||
var util_exports = {};
|
|
||||||
__export(util_exports, {
|
|
||||||
getTargetWaveColor: () => getTargetWaveColor,
|
|
||||||
isNotGrey: () => isNotGrey,
|
|
||||||
isValidWaveColor: () => isValidWaveColor
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(util_exports);
|
|
||||||
function isNotGrey(color) {
|
|
||||||
const match = (color || "").match(/rgba?\((\d*), (\d*), (\d*)(, [\d.]*)?\)/);
|
|
||||||
if (match && match[1] && match[2] && match[3]) {
|
|
||||||
return !(match[1] === match[2] && match[2] === match[3]);
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
function isValidWaveColor(color) {
|
|
||||||
return color && color !== "#fff" && color !== "#ffffff" && color !== "rgb(255, 255, 255)" && color !== "rgba(255, 255, 255, 1)" && isNotGrey(color) && !/rgba\((?:\d*, ){3}0\)/.test(color) && // any transparent rgba color
|
|
||||||
color !== "transparent";
|
|
||||||
}
|
|
||||||
function getTargetWaveColor(node) {
|
|
||||||
const { borderTopColor, borderColor, backgroundColor } = getComputedStyle(node);
|
|
||||||
if (isValidWaveColor(borderTopColor)) {
|
|
||||||
return borderTopColor;
|
|
||||||
}
|
|
||||||
if (isValidWaveColor(borderColor)) {
|
|
||||||
return borderColor;
|
|
||||||
}
|
|
||||||
if (isValidWaveColor(backgroundColor)) {
|
|
||||||
return backgroundColor;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
getTargetWaveColor,
|
|
||||||
isNotGrey,
|
|
||||||
isValidWaveColor
|
|
||||||
});
|
|
3
packages/meta/lib/_util/zindexContext.d.ts
vendored
3
packages/meta/lib/_util/zindexContext.d.ts
vendored
@ -1,3 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
declare const zIndexContext: React.Context<number | undefined>;
|
|
||||||
export default zIndexContext;
|
|
@ -1,40 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/_util/zindexContext.ts
|
|
||||||
var zindexContext_exports = {};
|
|
||||||
__export(zindexContext_exports, {
|
|
||||||
default: () => zindexContext_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(zindexContext_exports);
|
|
||||||
var import_react = __toESM(require("react"));
|
|
||||||
var zIndexContext = import_react.default.createContext(void 0);
|
|
||||||
if (process.env.NODE_ENV !== "production") {
|
|
||||||
zIndexContext.displayName = "zIndexContext";
|
|
||||||
}
|
|
||||||
var zindexContext_default = zIndexContext;
|
|
13
packages/meta/lib/theme/internal.d.ts
vendored
13
packages/meta/lib/theme/internal.d.ts
vendored
@ -1,13 +0,0 @@
|
|||||||
import { useStyleRegister } from '@ant-design/cssinjs';
|
|
||||||
import type { AliasToken, GenerateStyle, PresetColorKey, PresetColorType, SeedToken, UseComponentStyleResult } from './interface';
|
|
||||||
import { PresetColors } from './interface';
|
|
||||||
import useToken from './useToken';
|
|
||||||
import type { FullToken, GetDefaultToken } from './util/genComponentStyleHook';
|
|
||||||
import genComponentStyleHook, { genSubStyleComponent, genStyleHooks } from './util/genComponentStyleHook';
|
|
||||||
import genPresetColor from './util/genPresetColor';
|
|
||||||
import statisticToken, { merge as mergeToken } from './util/statistic';
|
|
||||||
import useResetIconStyle from './util/useResetIconStyle';
|
|
||||||
import calc from './util/calc';
|
|
||||||
export { DesignTokenContext, defaultConfig } from './context';
|
|
||||||
export { PresetColors, genComponentStyleHook, genSubStyleComponent, genPresetColor, genStyleHooks, mergeToken, statisticToken, calc, useResetIconStyle, useStyleRegister, useToken, };
|
|
||||||
export type { AliasToken, AliasToken as DerivativeToken, FullToken, GenerateStyle, PresetColorKey, PresetColorType, SeedToken, UseComponentStyleResult, GetDefaultToken, };
|
|
@ -1,71 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/theme/internal.ts
|
|
||||||
var internal_exports = {};
|
|
||||||
__export(internal_exports, {
|
|
||||||
DesignTokenContext: () => import_context.DesignTokenContext,
|
|
||||||
PresetColors: () => import_interface.PresetColors,
|
|
||||||
calc: () => import_calc.default,
|
|
||||||
defaultConfig: () => import_context.defaultConfig,
|
|
||||||
genComponentStyleHook: () => import_genComponentStyleHook.default,
|
|
||||||
genPresetColor: () => import_genPresetColor.default,
|
|
||||||
genStyleHooks: () => import_genComponentStyleHook.genStyleHooks,
|
|
||||||
genSubStyleComponent: () => import_genComponentStyleHook.genSubStyleComponent,
|
|
||||||
mergeToken: () => import_statistic.merge,
|
|
||||||
statisticToken: () => import_statistic.default,
|
|
||||||
useResetIconStyle: () => import_useResetIconStyle.default,
|
|
||||||
useStyleRegister: () => import_cssinjs.useStyleRegister,
|
|
||||||
useToken: () => import_useToken.default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(internal_exports);
|
|
||||||
var import_cssinjs = require("@ant-design/cssinjs");
|
|
||||||
var import_interface = require("./interface");
|
|
||||||
var import_useToken = __toESM(require("./useToken"));
|
|
||||||
var import_genComponentStyleHook = __toESM(require("./util/genComponentStyleHook"));
|
|
||||||
var import_genPresetColor = __toESM(require("./util/genPresetColor"));
|
|
||||||
var import_statistic = __toESM(require("./util/statistic"));
|
|
||||||
var import_useResetIconStyle = __toESM(require("./util/useResetIconStyle"));
|
|
||||||
var import_calc = __toESM(require("./util/calc"));
|
|
||||||
var import_context = require("./context");
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
DesignTokenContext,
|
|
||||||
PresetColors,
|
|
||||||
calc,
|
|
||||||
defaultConfig,
|
|
||||||
genComponentStyleHook,
|
|
||||||
genPresetColor,
|
|
||||||
genStyleHooks,
|
|
||||||
genSubStyleComponent,
|
|
||||||
mergeToken,
|
|
||||||
statisticToken,
|
|
||||||
useResetIconStyle,
|
|
||||||
useStyleRegister,
|
|
||||||
useToken
|
|
||||||
});
|
|
15
packages/meta/lib/theme/themes/ColorMap.d.ts
vendored
15
packages/meta/lib/theme/themes/ColorMap.d.ts
vendored
@ -1,15 +0,0 @@
|
|||||||
import type { ColorNeutralMapToken } from '../interface';
|
|
||||||
export interface ColorMap {
|
|
||||||
1: string;
|
|
||||||
2: string;
|
|
||||||
3: string;
|
|
||||||
4: string;
|
|
||||||
5: string;
|
|
||||||
6: string;
|
|
||||||
7: string;
|
|
||||||
8: string;
|
|
||||||
9: string;
|
|
||||||
10: string;
|
|
||||||
}
|
|
||||||
export type GenerateColorMap = (baseColor: string) => ColorMap;
|
|
||||||
export type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken;
|
|
@ -1,17 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/theme/themes/ColorMap.ts
|
|
||||||
var ColorMap_exports = {};
|
|
||||||
module.exports = __toCommonJS(ColorMap_exports);
|
|
@ -1,2 +0,0 @@
|
|||||||
import type { SeedToken, SizeMapToken } from '../../interface';
|
|
||||||
export default function genSizeMapToken(token: SeedToken): SizeMapToken;
|
|
@ -1,39 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/theme/themes/compact/genCompactSizeMapToken.ts
|
|
||||||
var genCompactSizeMapToken_exports = {};
|
|
||||||
__export(genCompactSizeMapToken_exports, {
|
|
||||||
default: () => genSizeMapToken
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(genCompactSizeMapToken_exports);
|
|
||||||
function genSizeMapToken(token) {
|
|
||||||
const { sizeUnit, sizeStep } = token;
|
|
||||||
const compactSizeStep = sizeStep - 2;
|
|
||||||
return {
|
|
||||||
sizeXXL: sizeUnit * (compactSizeStep + 10),
|
|
||||||
sizeXL: sizeUnit * (compactSizeStep + 6),
|
|
||||||
sizeLG: sizeUnit * (compactSizeStep + 2),
|
|
||||||
sizeMD: sizeUnit * (compactSizeStep + 2),
|
|
||||||
sizeMS: sizeUnit * (compactSizeStep + 1),
|
|
||||||
size: sizeUnit * compactSizeStep,
|
|
||||||
sizeSM: sizeUnit * compactSizeStep,
|
|
||||||
sizeXS: sizeUnit * (compactSizeStep - 1),
|
|
||||||
sizeXXS: sizeUnit * (compactSizeStep - 1)
|
|
||||||
};
|
|
||||||
}
|
|
@ -1,4 +0,0 @@
|
|||||||
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
|
||||||
import type { MapToken, SeedToken } from '../../interface';
|
|
||||||
declare const derivative: DerivativeFunc<SeedToken, MapToken>;
|
|
||||||
export default derivative;
|
|
@ -1,53 +0,0 @@
|
|||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/theme/themes/compact/index.ts
|
|
||||||
var compact_exports = {};
|
|
||||||
__export(compact_exports, {
|
|
||||||
default: () => compact_default
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(compact_exports);
|
|
||||||
var import_genControlHeight = __toESM(require("../shared/genControlHeight"));
|
|
||||||
var import_default = __toESM(require("../default"));
|
|
||||||
var import_genCompactSizeMapToken = __toESM(require("./genCompactSizeMapToken"));
|
|
||||||
var import_genFontMapToken = __toESM(require("../shared/genFontMapToken"));
|
|
||||||
var derivative = (token, mapToken) => {
|
|
||||||
const mergedMapToken = mapToken ?? (0, import_default.default)(token);
|
|
||||||
const fontSize = mergedMapToken.fontSizeSM;
|
|
||||||
const controlHeight = mergedMapToken.controlHeight - 4;
|
|
||||||
return {
|
|
||||||
...mergedMapToken,
|
|
||||||
...(0, import_genCompactSizeMapToken.default)(mapToken ?? token),
|
|
||||||
// font
|
|
||||||
...(0, import_genFontMapToken.default)(fontSize),
|
|
||||||
// controlHeight
|
|
||||||
controlHeight,
|
|
||||||
...(0, import_genControlHeight.default)({ ...mergedMapToken, controlHeight })
|
|
||||||
};
|
|
||||||
};
|
|
||||||
var compact_default = derivative;
|
|
@ -1,2 +0,0 @@
|
|||||||
export declare const getAlphaColor: (baseColor: string, alpha: number) => string;
|
|
||||||
export declare const getSolidColor: (baseColor: string, brightness: number) => string;
|
|
@ -1,36 +0,0 @@
|
|||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __export = (target, all) => {
|
|
||||||
for (var name in all)
|
|
||||||
__defProp(target, name, { get: all[name], enumerable: true });
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
||||||
|
|
||||||
// src/theme/themes/dark/colorAlgorithm.ts
|
|
||||||
var colorAlgorithm_exports = {};
|
|
||||||
__export(colorAlgorithm_exports, {
|
|
||||||
getAlphaColor: () => getAlphaColor,
|
|
||||||
getSolidColor: () => getSolidColor
|
|
||||||
});
|
|
||||||
module.exports = __toCommonJS(colorAlgorithm_exports);
|
|
||||||
var import_tinycolor = require("@ctrl/tinycolor");
|
|
||||||
var getAlphaColor = (baseColor, alpha) => new import_tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
|
|
||||||
var getSolidColor = (baseColor, brightness) => {
|
|
||||||
const instance = new import_tinycolor.TinyColor(baseColor);
|
|
||||||
return instance.lighten(brightness).toHexString();
|
|
||||||
};
|
|
||||||
// Annotate the CommonJS export names for ESM import in node:
|
|
||||||
0 && (module.exports = {
|
|
||||||
getAlphaColor,
|
|
||||||
getSolidColor
|
|
||||||
});
|
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user