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 _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; }
|
||||
import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
|
||||
import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useContext } from 'react';
|
||||
// @ts-ignore
|
||||
import { generateImg, get, addEventListenerWrapper } from '@zhst/func';
|
||||
import { useUpdateEffect } from '@zhst/hooks';
|
||||
import { IconFont } from '@zhst/icon';
|
||||
import Button from "../button";
|
||||
import classNames from 'classnames';
|
||||
import Viewer from "../ImageEditor/viewer";
|
||||
import Icon from "../iconfont";
|
||||
import CornerScore from "./components/CornerScore";
|
||||
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 _props$label = props.label,
|
||||
var customizePrefixCls = props.prefixCls,
|
||||
_props$label = props.label,
|
||||
label = _props$label === void 0 ? '标题' : _props$label,
|
||||
_props$openRoll = 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,
|
||||
preDisable = props.preDisable,
|
||||
nextDisable = props.nextDisable,
|
||||
_props$showScore = props.showScore,
|
||||
showScore = _props$showScore === void 0 ? true : _props$showScore,
|
||||
showScore = props.showScore,
|
||||
onNext = props.onNext,
|
||||
_props$showTools = props.showTools,
|
||||
showTools = _props$showTools === void 0 ? true : _props$showTools,
|
||||
onPre = props.onPre;
|
||||
var _useContext = useContext(ConfigContext),
|
||||
getPrefixCls = _useContext.getPrefixCls;
|
||||
var componentName = getPrefixCls('image__compater-view', customizePrefixCls);
|
||||
var imgContainerRef = useRef(null);
|
||||
var imgInsRef = useRef(null);
|
||||
var _useState = useState(0),
|
||||
@ -79,7 +85,7 @@ var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
||||
}, label), !url ? /*#__PURE__*/React.createElement("div", {
|
||||
className: classNames("".concat(componentName, "__empty"))
|
||||
}, /*#__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"
|
||||
}), /*#__PURE__*/React.createElement("span", {
|
||||
className: classNames("".concat(componentName, "__empty--text"))
|
||||
@ -89,28 +95,38 @@ var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
||||
}), !!url && openRoll && /*#__PURE__*/React.createElement("div", {
|
||||
className: classNames("".concat(componentName, "__scoll-module"))
|
||||
}, /*#__PURE__*/React.createElement(Button, {
|
||||
type: 'default',
|
||||
className: classNames("".concat(componentName, "__scoll-module__btn")),
|
||||
disabled: preDisable,
|
||||
onClick: function onClick() {
|
||||
onPre === null || onPre === void 0 || onPre();
|
||||
}
|
||||
}, /*#__PURE__*/React.createElement(Icon, {
|
||||
icon: "icon-qiehuanzuo",
|
||||
size: 40
|
||||
})), /*#__PURE__*/React.createElement(Button, {
|
||||
type: 'default',
|
||||
onClick: onPre,
|
||||
type: "primary",
|
||||
shape: "circle",
|
||||
style: {
|
||||
width: '56px',
|
||||
height: '56px'
|
||||
},
|
||||
icon: /*#__PURE__*/React.createElement(IconFont, {
|
||||
icon: "icon-qiehuanzuo",
|
||||
size: 32,
|
||||
color: "#fff"
|
||||
})
|
||||
}), /*#__PURE__*/React.createElement(Button, {
|
||||
className: classNames("".concat(componentName, "__scoll-module__btn")),
|
||||
disabled: nextDisable,
|
||||
onClick: function onClick() {
|
||||
onNext === null || onNext === void 0 || onNext();
|
||||
}
|
||||
}, /*#__PURE__*/React.createElement(Icon, {
|
||||
icon: "icon-qiehuanyou",
|
||||
size: 40
|
||||
}))), showScore && /*#__PURE__*/React.createElement(CornerScore, {
|
||||
onClick: onNext,
|
||||
type: "primary",
|
||||
shape: "circle",
|
||||
style: {
|
||||
width: '56px',
|
||||
height: '56px'
|
||||
},
|
||||
icon: /*#__PURE__*/React.createElement(IconFont, {
|
||||
icon: "icon-qiehuanyou",
|
||||
size: 32,
|
||||
color: "#fff"
|
||||
})
|
||||
})), (showScore || score) && /*#__PURE__*/React.createElement(CornerScore, {
|
||||
scoreTxt: score || 0
|
||||
}), /*#__PURE__*/React.createElement("div", {
|
||||
}), showTools && /*#__PURE__*/React.createElement("div", {
|
||||
className: classNames("".concat(componentName, "__tool"))
|
||||
}, /*#__PURE__*/React.createElement(Button, {
|
||||
type: "text",
|
||||
@ -118,7 +134,7 @@ var CompareImage = /*#__PURE__*/forwardRef(function (props, ref) {
|
||||
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);
|
||||
}
|
||||
}, /*#__PURE__*/React.createElement(Icon, {
|
||||
}, /*#__PURE__*/React.createElement(IconFont, {
|
||||
size: 16,
|
||||
icon: 'icon-fangda'
|
||||
}), /*#__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;
|
||||
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,
|
||||
icon: 'icon-suoxiao'
|
||||
}), /*#__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;
|
||||
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,
|
||||
icon: 'icon-zhongzhi3'
|
||||
}), /*#__PURE__*/React.createElement("span", null, '重置'))));
|
||||
|
||||
@ -113,25 +113,17 @@
|
||||
|
||||
&__scoll-module {
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
padding: 12px;
|
||||
bottom: 48px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
pointer-events: none;
|
||||
box-sizing: border-box;
|
||||
|
||||
&__btn {
|
||||
display: flex;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
bottom: 45px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 6px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.5;
|
||||
opacity: 0.4;
|
||||
pointer-events: all;
|
||||
|
||||
&>span {
|
||||
@ -142,6 +134,7 @@
|
||||
}
|
||||
|
||||
&__btn:hover {
|
||||
opacity: 0.6;
|
||||
background-color: #09f !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
@ -9,4 +9,5 @@ export var defaultAlignOption = {
|
||||
adjustX: 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