tdesign-react 0.42.7-alpha.1 → 0.42.7-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/_chunks/dep-6a672006.js +515 -0
- package/cjs/_chunks/dep-6a672006.js.map +1 -0
- package/cjs/_chunks/dep-b5df8873.js +198 -0
- package/cjs/_chunks/dep-b5df8873.js.map +1 -0
- package/cjs/avatar/AvararGroup.js +1 -1
- package/cjs/avatar/Avatar.js +1 -1
- package/cjs/avatar/index.js +1 -1
- package/cjs/form/Form.js +1 -1
- package/cjs/form/FormItem.js +1 -1
- package/cjs/form/index.js +1 -1
- package/cjs/form/useInitialData.js +1 -1
- package/cjs/image-viewer/ImageViewer.js +1 -1
- package/cjs/image-viewer/ImageViewerMini.js +1 -1
- package/cjs/image-viewer/ImageViewerModel.js +1 -1
- package/cjs/image-viewer/index.js +1 -1
- package/cjs/index-lib.js +2 -2
- package/cjs/index.js +2 -2
- package/cjs/popup/hooks/useTrigger.js +3 -29
- package/cjs/popup/hooks/useTrigger.js.map +1 -1
- package/cjs/upload/index.js +1 -1
- package/cjs/upload/themes/DraggerFile.js +1 -1
- package/cjs/upload/themes/ImageCard.js +1 -1
- package/cjs/upload/themes/MultipleFlowList.js +1 -1
- package/cjs/upload/upload.js +1 -1
- package/dist/tdesign.css +317 -301
- package/dist/tdesign.css.map +1 -1
- package/dist/tdesign.js +3 -5
- package/dist/tdesign.js.map +1 -1
- package/dist/tdesign.min.css +1 -1
- package/dist/tdesign.min.css.map +1 -1
- package/dist/tdesign.min.js +1 -1
- package/dist/tdesign.min.js.map +1 -1
- package/es/_chunks/{dep-51336096.js → dep-26aef3c9.js} +1 -1
- package/{lib/_chunks/dep-db75b5b6.js.map → es/_chunks/dep-26aef3c9.js.map} +1 -1
- package/{esm/_chunks/dep-8e115ca7.js → es/_chunks/dep-5e0eb6ae.js} +1 -1
- package/{esm/_chunks/dep-8e115ca7.js.map → es/_chunks/dep-5e0eb6ae.js.map} +1 -1
- package/es/alert/style/index.css +26 -14
- package/es/anchor/style/index.css +5 -12
- package/es/avatar/AvararGroup.js +1 -1
- package/es/avatar/Avatar.js +1 -1
- package/es/avatar/index.js +1 -1
- package/es/breadcrumb/style/index.css +4 -4
- package/es/button/style/index.css +10 -10
- package/es/dialog/style/index.css +4 -4
- package/es/divider/style/index.css +2 -2
- package/es/drawer/style/index.css +16 -11
- package/es/dropdown/style/index.css +11 -10
- package/es/form/Form.js +1 -1
- package/es/form/FormItem.js +1 -1
- package/es/form/index.js +1 -1
- package/es/form/style/index.css +2 -2
- package/es/form/useInitialData.js +1 -1
- package/es/guide/style/index.css +9 -9
- package/es/image-viewer/ImageViewer.js +1 -1
- package/es/image-viewer/ImageViewerMini.js +1 -1
- package/es/image-viewer/ImageViewerModel.js +1 -1
- package/es/image-viewer/index.js +1 -1
- package/es/index.js +2 -2
- package/es/input/style/index.css +1 -1
- package/es/layout/style/index.css +3 -3
- package/es/link/style/index.css +6 -6
- package/es/list/style/index.css +1 -1
- package/es/menu/style/index.css +26 -26
- package/es/message/style/index.css +6 -6
- package/es/notification/style/index.css +8 -13
- package/es/pagination/style/index.css +23 -23
- package/es/popconfirm/style/index.css +7 -7
- package/es/popup/hooks/useTrigger.js +3 -33
- package/es/popup/hooks/useTrigger.js.map +1 -1
- package/es/popup/style/index.css +1 -1
- package/es/radio/style/index.css +16 -1
- package/es/rate/style/index.css +5 -4
- package/es/steps/style/index.css +34 -43
- package/es/style/index.css +4 -3
- package/es/swiper/style/index.css +42 -42
- package/es/tabs/style/index.css +12 -12
- package/es/tag-input/style/index.css +7 -7
- package/es/tree/style/index.css +26 -24
- package/es/upload/index.js +1 -1
- package/es/upload/themes/DraggerFile.js +1 -1
- package/es/upload/themes/ImageCard.js +1 -1
- package/es/upload/themes/MultipleFlowList.js +1 -1
- package/es/upload/upload.js +1 -1
- package/{es/_chunks/dep-8e115ca7.js → esm/_chunks/dep-5e0eb6ae.js} +1 -1
- package/{es/_chunks/dep-8e115ca7.js.map → esm/_chunks/dep-5e0eb6ae.js.map} +1 -1
- package/esm/_chunks/{dep-fad7989c.js → dep-72461c3f.js} +1 -1
- package/{es/_chunks/dep-51336096.js.map → esm/_chunks/dep-72461c3f.js.map} +1 -1
- package/esm/_common/style/web/_variables.less +7 -6
- package/esm/_common/style/web/components/alert/_index.less +12 -6
- package/esm/_common/style/web/components/alert/_var.less +19 -10
- package/esm/_common/style/web/components/anchor/_index.less +4 -10
- package/esm/_common/style/web/components/anchor/_var.less +9 -23
- package/esm/_common/style/web/components/breadcrumb/_index.less +4 -4
- package/esm/_common/style/web/components/breadcrumb/_var.less +2 -2
- package/esm/_common/style/web/components/button/_var.less +2 -2
- package/esm/_common/style/web/components/dialog/_var.less +2 -2
- package/esm/_common/style/web/components/divider/_var.less +2 -2
- package/esm/_common/style/web/components/drawer/_index.less +2 -1
- package/esm/_common/style/web/components/drawer/_var.less +9 -10
- package/esm/_common/style/web/components/dropdown-new/_index.less +7 -6
- package/esm/_common/style/web/components/dropdown-new/_var.less +8 -4
- package/esm/_common/style/web/components/form/_index.less +1 -1
- package/esm/_common/style/web/components/guide/_index.less +8 -8
- package/esm/_common/style/web/components/guide/_var.less +10 -0
- package/esm/_common/style/web/components/layout/_var.less +2 -5
- package/esm/_common/style/web/components/link/_var.less +5 -5
- package/esm/_common/style/web/components/menu/_index-v2.less +26 -26
- package/esm/_common/style/web/components/menu/_index.less +25 -25
- package/esm/_common/style/web/components/menu/_var.less +1 -7
- package/esm/_common/style/web/components/message/_index.less +1 -1
- package/esm/_common/style/web/components/message/_var.less +7 -10
- package/esm/_common/style/web/components/notification/_index.less +0 -5
- package/esm/_common/style/web/components/notification/_var.less +9 -11
- package/esm/_common/style/web/components/pagination/_index.less +1 -1
- package/esm/_common/style/web/components/pagination/_var.less +8 -8
- package/esm/_common/style/web/components/popconfirm/_index.less +3 -3
- package/esm/_common/style/web/components/popconfirm/_var.less +12 -11
- package/esm/_common/style/web/components/radio/_index.less +26 -0
- package/esm/_common/style/web/components/radio/_var.less +4 -1
- package/esm/_common/style/web/components/rate/_index.less +2 -3
- package/esm/_common/style/web/components/rate/_var.less +2 -8
- package/esm/_common/style/web/components/steps/_index.less +1 -7
- package/esm/_common/style/web/components/steps/_mixin.less +10 -11
- package/esm/_common/style/web/components/steps/_var.less +14 -17
- package/esm/_common/style/web/components/swiper/_mixin.less +1 -1
- package/esm/_common/style/web/components/tabs/_var.less +2 -2
- package/esm/_common/style/web/components/tag-input/_index.less +5 -4
- package/esm/_common/style/web/components/tree/_index.less +8 -8
- package/esm/_common/style/web/components/tree/_var.less +17 -13
- package/esm/_common/style/web/theme/_size.less +4 -3
- package/esm/avatar/AvararGroup.js +1 -1
- package/esm/avatar/Avatar.js +1 -1
- package/esm/avatar/index.js +1 -1
- package/esm/form/Form.js +1 -1
- package/esm/form/FormItem.js +1 -1
- package/esm/form/index.js +1 -1
- package/esm/form/useInitialData.js +1 -1
- package/esm/image-viewer/ImageViewer.js +1 -1
- package/esm/image-viewer/ImageViewerMini.js +1 -1
- package/esm/image-viewer/ImageViewerModel.js +1 -1
- package/esm/image-viewer/index.js +1 -1
- package/esm/index.js +2 -2
- package/esm/popup/hooks/useTrigger.js +3 -33
- package/esm/popup/hooks/useTrigger.js.map +1 -1
- package/esm/upload/index.js +1 -1
- package/esm/upload/themes/DraggerFile.js +1 -1
- package/esm/upload/themes/ImageCard.js +1 -1
- package/esm/upload/themes/MultipleFlowList.js +1 -1
- package/esm/upload/upload.js +1 -1
- package/lib/_chunks/{dep-db75b5b6.js → dep-1b32736a.js} +1 -1
- package/{esm/_chunks/dep-fad7989c.js.map → lib/_chunks/dep-1b32736a.js.map} +1 -1
- package/lib/_chunks/{dep-75db5f2e.js → dep-61f02037.js} +1 -1
- package/lib/_chunks/{dep-75db5f2e.js.map → dep-61f02037.js.map} +1 -1
- package/lib/avatar/AvararGroup.js +1 -1
- package/lib/avatar/Avatar.js +1 -1
- package/lib/avatar/index.js +1 -1
- package/lib/form/Form.js +1 -1
- package/lib/form/FormItem.js +1 -1
- package/lib/form/index.js +1 -1
- package/lib/form/useInitialData.js +1 -1
- package/lib/image-viewer/ImageViewer.js +1 -1
- package/lib/image-viewer/ImageViewerMini.js +1 -1
- package/lib/image-viewer/ImageViewerModel.js +1 -1
- package/lib/image-viewer/index.js +1 -1
- package/lib/index.js +2 -2
- package/lib/popup/hooks/useTrigger.js +3 -29
- package/lib/popup/hooks/useTrigger.js.map +1 -1
- package/lib/upload/index.js +1 -1
- package/lib/upload/themes/DraggerFile.js +1 -1
- package/lib/upload/themes/ImageCard.js +1 -1
- package/lib/upload/themes/MultipleFlowList.js +1 -1
- package/lib/upload/upload.js +1 -1
- package/package.json +1 -1
- package/esm/_common/style/web/components/dropdown/_index.less +0 -99
- package/esm/_common/style/web/components/dropdown/_mixin.less +0 -0
- package/esm/_common/style/web/components/dropdown/_var.less +0 -22
|
@@ -7,33 +7,9 @@
|
|
|
7
7
|
import React, { useRef, useEffect, useCallback, isValidElement } from 'react';
|
|
8
8
|
import { isFragment } from 'react-is';
|
|
9
9
|
import classNames from 'classnames';
|
|
10
|
-
import useConfig from '../../hooks/useConfig.js';
|
|
11
10
|
import { getRefDom, supportRef } from '../utils/ref.js';
|
|
12
11
|
import composeRefs from '../../_util/composeRefs.js';
|
|
13
|
-
import '../../config-provider/ConfigContext.js';
|
|
14
|
-
import '../../_chunks/dep-415453d0.js';
|
|
15
|
-
import '../../_chunks/dep-2de19df0.js';
|
|
16
|
-
import '../../_chunks/dep-eb3015a6.js';
|
|
17
|
-
import '../../_chunks/dep-f988e5db.js';
|
|
18
|
-
import '../../_chunks/dep-faf0b8f0.js';
|
|
19
|
-
import '../../_chunks/dep-aa05e1d1.js';
|
|
20
|
-
import '../../_chunks/dep-ad5acd7c.js';
|
|
21
12
|
import '../../_chunks/dep-0b4df973.js';
|
|
22
|
-
import '../../_chunks/dep-362da672.js';
|
|
23
|
-
import '../../_chunks/dep-3728763a.js';
|
|
24
|
-
import '../../_chunks/dep-361513b8.js';
|
|
25
|
-
import '../../_chunks/dep-c1d31157.js';
|
|
26
|
-
import '../../_chunks/dep-b2e0cbde.js';
|
|
27
|
-
import '../../_chunks/dep-ad83bcf2.js';
|
|
28
|
-
import '../../_chunks/dep-d9c2ca2e.js';
|
|
29
|
-
import '../../_chunks/dep-4cb24345.js';
|
|
30
|
-
import '../../_chunks/dep-6937a808.js';
|
|
31
|
-
import '../../_chunks/dep-2fd46d13.js';
|
|
32
|
-
import '../../_chunks/dep-db1195a7.js';
|
|
33
|
-
import '../../_chunks/dep-ea03ba91.js';
|
|
34
|
-
import '../../_chunks/dep-a7258bf6.js';
|
|
35
|
-
import '../../_common/js/global-config/locale/zh_CN.js';
|
|
36
|
-
import '../../_common/js/global-config/default-config.js';
|
|
37
13
|
|
|
38
14
|
var ESC_KEY = "Escape";
|
|
39
15
|
function useTrigger(_ref) {
|
|
@@ -43,11 +19,9 @@ function useTrigger(_ref) {
|
|
|
43
19
|
visible = _ref.visible,
|
|
44
20
|
onVisibleChange = _ref.onVisibleChange,
|
|
45
21
|
triggerRef = _ref.triggerRef;
|
|
46
|
-
var _useConfig = useConfig(),
|
|
47
|
-
classPrefix = _useConfig.classPrefix;
|
|
48
22
|
var hasPopupMouseDown = useRef(false);
|
|
49
23
|
var mouseDownTimer = useRef(0);
|
|
50
|
-
var triggerDataKey = useRef("
|
|
24
|
+
var triggerDataKey = useRef("t-popup--".concat(Math.random().toFixed(10)));
|
|
51
25
|
var shouldToggle = !disabled && content;
|
|
52
26
|
useEffect(function () {
|
|
53
27
|
if (!shouldToggle) return;
|
|
@@ -106,7 +80,7 @@ function useTrigger(_ref) {
|
|
|
106
80
|
function getTriggerProps(triggerNode) {
|
|
107
81
|
if (!shouldToggle) return {};
|
|
108
82
|
var triggerProps = {
|
|
109
|
-
className: visible ? classNames(triggerNode.props.className, "
|
|
83
|
+
className: visible ? classNames(triggerNode.props.className, "t-popup-open") : triggerNode.props.className,
|
|
110
84
|
onClick: function onClick(e) {
|
|
111
85
|
var _triggerNode$props$on, _triggerNode$props;
|
|
112
86
|
if (trigger === "click") {
|
|
@@ -201,7 +175,7 @@ function useTrigger(_ref) {
|
|
|
201
175
|
}
|
|
202
176
|
function getTriggerNode(children) {
|
|
203
177
|
var triggerNode = /*#__PURE__*/isValidElement(children) && !isFragment(children) ? children : /* @__PURE__ */React.createElement("span", {
|
|
204
|
-
className: "
|
|
178
|
+
className: "t-trigger"
|
|
205
179
|
}, children);
|
|
206
180
|
return /*#__PURE__*/React.cloneElement(triggerNode, getTriggerProps(triggerNode));
|
|
207
181
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTrigger.js","sources":["../../../src/popup/hooks/useTrigger.tsx"],"sourcesContent":["import React, { useRef, useEffect, isValidElement, useCallback } from 'react';\nimport { isFragment } from 'react-is';\nimport classNames from 'classnames';\nimport useConfig from '../../hooks/useConfig';\nimport { supportRef, getRefDom } from '../utils/ref';\nimport composeRefs from '../../_util/composeRefs';\n\nconst ESC_KEY = 'Escape';\n\nexport default function useTrigger({ content, disabled, trigger, visible, onVisibleChange, triggerRef }) {\n const { classPrefix } = useConfig();\n const hasPopupMouseDown = useRef(false);\n const mouseDownTimer = useRef(0);\n const triggerDataKey = useRef(`${classPrefix}-popup--${Math.random().toFixed(10)}`);\n\n // 禁用和无内容时不展示\n const shouldToggle = !disabled && content;\n\n // 点击 trigger overlay 以外的元素关闭\n useEffect(() => {\n if (!shouldToggle) return;\n\n const handleDocumentClick = (e: any) => {\n if (getRefDom(triggerRef)?.contains?.(e.target) || hasPopupMouseDown.current) {\n return;\n }\n visible && onVisibleChange(false, { e, trigger: 'document' });\n };\n document.addEventListener('mousedown', handleDocumentClick);\n document.addEventListener('touchend', handleDocumentClick);\n return () => {\n document.removeEventListener('mousedown', handleDocumentClick);\n document.removeEventListener('touchend', handleDocumentClick);\n };\n }, [shouldToggle, visible, onVisibleChange, triggerRef]);\n\n // 弹出内容交互处理\n function getPopupProps(): any {\n if (!shouldToggle) return {};\n\n return {\n onMouseEnter: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n },\n onMouseLeave: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n }\n },\n onMouseDown: () => {\n clearTimeout(mouseDownTimer.current);\n hasPopupMouseDown.current = true;\n mouseDownTimer.current = window.setTimeout(() => {\n hasPopupMouseDown.current = false;\n });\n },\n onTouchEnd: () => {\n clearTimeout(mouseDownTimer.current);\n hasPopupMouseDown.current = true;\n mouseDownTimer.current = window.setTimeout(() => {\n hasPopupMouseDown.current = false;\n });\n },\n };\n }\n\n // 整理 trigger props\n function getTriggerProps(triggerNode: React.ReactElement) {\n if (!shouldToggle) return {};\n\n const triggerProps: any = {\n className: visible\n ? classNames(triggerNode.props.className, `${classPrefix}-popup-open`)\n : triggerNode.props.className,\n onClick: (e: MouseEvent) => {\n if (trigger === 'click') {\n onVisibleChange(!visible, { e, trigger: 'trigger-element-click' });\n }\n triggerNode.props.onClick?.(e);\n },\n onTouchStart: (e: TouchEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onTouchStart?.(e);\n },\n onMouseEnter: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onMouseEnter?.(e);\n },\n onMouseLeave: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onMouseLeave?.(e);\n },\n onFocus: (...args: any) => {\n if (trigger === 'focus') {\n onVisibleChange(true, { trigger: 'trigger-element-focus' });\n }\n triggerNode.props.onFocus?.(...args);\n },\n onBlur: (...args: any) => {\n if (trigger === 'focus') {\n onVisibleChange(false, { trigger: 'trigger-element-blur' });\n }\n triggerNode.props.onBlur?.(...args);\n },\n onContextMenu: (e: MouseEvent) => {\n if (trigger === 'context-menu') {\n onVisibleChange(true, { e, trigger: 'context-menu' });\n }\n triggerNode.props.onContextMenu?.(e);\n },\n onKeyDown: (e: KeyboardEvent) => {\n if (e?.key === ESC_KEY) {\n onVisibleChange(false, { e, trigger: 'keydown-esc' });\n }\n triggerNode.props.onKeyDown?.(e);\n },\n };\n\n if (supportRef(triggerNode)) {\n triggerProps.ref = composeRefs(triggerRef, (triggerNode as any).ref);\n } else {\n // 标记 trigger 元素\n triggerProps['data-popup'] = triggerDataKey.current;\n }\n\n return triggerProps;\n }\n\n // 整理 trigger 元素\n function getTriggerNode(children: React.ReactNode) {\n const triggerNode =\n isValidElement(children) && !isFragment(children) ? (\n children\n ) : (\n <span className={`${classPrefix}-trigger`}>{children}</span>\n );\n\n return React.cloneElement(triggerNode, getTriggerProps(triggerNode));\n }\n\n // ref 透传失败时使用 dom 查找\n const getTriggerDom = useCallback(() => document.querySelector(`[data-popup=\"${triggerDataKey.current}\"]`), []);\n\n return {\n getTriggerNode,\n getPopupProps,\n getTriggerDom,\n };\n}\n"],"names":["ESC_KEY","useTrigger","content","disabled","trigger","visible","onVisibleChange","triggerRef","useConfig","classPrefix","hasPopupMouseDown","useRef","mouseDownTimer","triggerDataKey","Math","random","toFixed","shouldToggle","useEffect","handleDocumentClick","e","getRefDom","contains","target","current","document","addEventListener","removeEventListener","getPopupProps","onMouseEnter","onMouseLeave","onMouseDown","clearTimeout","window","setTimeout","onTouchEnd","getTriggerProps","triggerNode","triggerProps","className","classNames","props","onClick","onTouchStart","onFocus","args","onBlur","onContextMenu","onKeyDown","key","supportRef","ref","composeRefs","getTriggerNode","children","isValidElement","isFragment","React","createElement","cloneElement","getTriggerDom","useCallback","querySelector"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useTrigger.js","sources":["../../../src/popup/hooks/useTrigger.tsx"],"sourcesContent":["import React, { useRef, useEffect, isValidElement, useCallback } from 'react';\nimport { isFragment } from 'react-is';\nimport classNames from 'classnames';\nimport { supportRef, getRefDom } from '../utils/ref';\nimport composeRefs from '../../_util/composeRefs';\n\nconst ESC_KEY = 'Escape';\n\nexport default function useTrigger({ content, disabled, trigger, visible, onVisibleChange, triggerRef }) {\n const hasPopupMouseDown = useRef(false);\n const mouseDownTimer = useRef(0);\n const triggerDataKey = useRef(`t-popup--${Math.random().toFixed(10)}`);\n\n // 禁用和无内容时不展示\n const shouldToggle = !disabled && content;\n\n // 点击 trigger overlay 以外的元素关闭\n useEffect(() => {\n if (!shouldToggle) return;\n\n const handleDocumentClick = (e: any) => {\n if (getRefDom(triggerRef)?.contains?.(e.target) || hasPopupMouseDown.current) {\n return;\n }\n visible && onVisibleChange(false, { e, trigger: 'document' });\n };\n document.addEventListener('mousedown', handleDocumentClick);\n document.addEventListener('touchend', handleDocumentClick);\n return () => {\n document.removeEventListener('mousedown', handleDocumentClick);\n document.removeEventListener('touchend', handleDocumentClick);\n };\n }, [shouldToggle, visible, onVisibleChange, triggerRef]);\n\n // 弹出内容交互处理\n function getPopupProps(): any {\n if (!shouldToggle) return {};\n\n return {\n onMouseEnter: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n },\n onMouseLeave: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n }\n },\n onMouseDown: () => {\n clearTimeout(mouseDownTimer.current);\n hasPopupMouseDown.current = true;\n mouseDownTimer.current = window.setTimeout(() => {\n hasPopupMouseDown.current = false;\n });\n },\n onTouchEnd: () => {\n clearTimeout(mouseDownTimer.current);\n hasPopupMouseDown.current = true;\n mouseDownTimer.current = window.setTimeout(() => {\n hasPopupMouseDown.current = false;\n });\n },\n };\n }\n\n // 整理 trigger props\n function getTriggerProps(triggerNode: React.ReactElement) {\n if (!shouldToggle) return {};\n\n const triggerProps: any = {\n className: visible\n ? classNames(triggerNode.props.className, `t-popup-open`)\n : triggerNode.props.className,\n onClick: (e: MouseEvent) => {\n if (trigger === 'click') {\n onVisibleChange(!visible, { e, trigger: 'trigger-element-click' });\n }\n triggerNode.props.onClick?.(e);\n },\n onTouchStart: (e: TouchEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onTouchStart?.(e);\n },\n onMouseEnter: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onMouseEnter?.(e);\n },\n onMouseLeave: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onMouseLeave?.(e);\n },\n onFocus: (...args: any) => {\n if (trigger === 'focus') {\n onVisibleChange(true, { trigger: 'trigger-element-focus' });\n }\n triggerNode.props.onFocus?.(...args);\n },\n onBlur: (...args: any) => {\n if (trigger === 'focus') {\n onVisibleChange(false, { trigger: 'trigger-element-blur' });\n }\n triggerNode.props.onBlur?.(...args);\n },\n onContextMenu: (e: MouseEvent) => {\n if (trigger === 'context-menu') {\n onVisibleChange(true, { e, trigger: 'context-menu' });\n }\n triggerNode.props.onContextMenu?.(e);\n },\n onKeyDown: (e: KeyboardEvent) => {\n if (e?.key === ESC_KEY) {\n onVisibleChange(false, { e, trigger: 'keydown-esc' });\n }\n triggerNode.props.onKeyDown?.(e);\n },\n };\n\n if (supportRef(triggerNode)) {\n triggerProps.ref = composeRefs(triggerRef, (triggerNode as any).ref);\n } else {\n // 标记 trigger 元素\n triggerProps['data-popup'] = triggerDataKey.current;\n }\n\n return triggerProps;\n }\n\n // 整理 trigger 元素\n function getTriggerNode(children: React.ReactNode) {\n const triggerNode =\n isValidElement(children) && !isFragment(children) ? (\n children\n ) : (\n <span className='t-trigger'>{children}</span>\n );\n\n return React.cloneElement(triggerNode, getTriggerProps(triggerNode));\n }\n\n // ref 透传失败时使用 dom 查找\n const getTriggerDom = useCallback(() => document.querySelector(`[data-popup=\"${triggerDataKey.current}\"]`), []);\n\n return {\n getTriggerNode,\n getPopupProps,\n getTriggerDom,\n };\n}\n"],"names":["ESC_KEY","useTrigger","content","disabled","trigger","visible","onVisibleChange","triggerRef","hasPopupMouseDown","useRef","mouseDownTimer","triggerDataKey","Math","random","toFixed","shouldToggle","useEffect","handleDocumentClick","e","getRefDom","contains","target","current","document","addEventListener","removeEventListener","getPopupProps","onMouseEnter","onMouseLeave","onMouseDown","clearTimeout","window","setTimeout","onTouchEnd","getTriggerProps","triggerNode","triggerProps","className","classNames","props","onClick","onTouchStart","onFocus","args","onBlur","onContextMenu","onKeyDown","key","supportRef","ref","composeRefs","getTriggerNode","children","isValidElement","isFragment","React","createElement","cloneElement","getTriggerDom","useCallback","querySelector"],"mappings":"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"}
|
package/lib/upload/index.js
CHANGED
|
@@ -69,7 +69,7 @@ import '../hooks/useCommonClassName.js';
|
|
|
69
69
|
import './hooks/useDrag.js';
|
|
70
70
|
import '../image-viewer/index.js';
|
|
71
71
|
import '../image-viewer/ImageViewer.js';
|
|
72
|
-
import '../_chunks/dep-
|
|
72
|
+
import '../_chunks/dep-1b32736a.js';
|
|
73
73
|
import '../tooltip/index.js';
|
|
74
74
|
import '../tooltip/Tooltip.js';
|
|
75
75
|
import '../popup/index.js';
|
|
@@ -64,7 +64,7 @@ import '../../_common/js/utils/helper.js';
|
|
|
64
64
|
import '../../loading/defaultProps.js';
|
|
65
65
|
import '../../loading/plugin.js';
|
|
66
66
|
import '../../image-viewer/ImageViewer.js';
|
|
67
|
-
import '../../_chunks/dep-
|
|
67
|
+
import '../../_chunks/dep-1b32736a.js';
|
|
68
68
|
import '../../tooltip/index.js';
|
|
69
69
|
import '../../tooltip/Tooltip.js';
|
|
70
70
|
import '../../popup/index.js';
|
|
@@ -55,7 +55,7 @@ import '../../_chunks/dep-fe647e5e.js';
|
|
|
55
55
|
import '../../loading/defaultProps.js';
|
|
56
56
|
import '../../loading/plugin.js';
|
|
57
57
|
import '../../image-viewer/ImageViewer.js';
|
|
58
|
-
import '../../_chunks/dep-
|
|
58
|
+
import '../../_chunks/dep-1b32736a.js';
|
|
59
59
|
import '../../tooltip/index.js';
|
|
60
60
|
import '../../tooltip/Tooltip.js';
|
|
61
61
|
import '../../popup/index.js';
|
|
@@ -44,7 +44,7 @@ import '../../_common/js/global-config/default-config.js';
|
|
|
44
44
|
import '../../image-viewer/ImageViewer.js';
|
|
45
45
|
import '../../_chunks/dep-1e7c37d1.js';
|
|
46
46
|
import 'react-dom';
|
|
47
|
-
import '../../_chunks/dep-
|
|
47
|
+
import '../../_chunks/dep-1b32736a.js';
|
|
48
48
|
import '../../_chunks/dep-fe647e5e.js';
|
|
49
49
|
import '../../tooltip/index.js';
|
|
50
50
|
import '../../tooltip/Tooltip.js';
|
package/lib/upload/upload.js
CHANGED
|
@@ -69,7 +69,7 @@ import '../hooks/useCommonClassName.js';
|
|
|
69
69
|
import './hooks/useDrag.js';
|
|
70
70
|
import '../image-viewer/index.js';
|
|
71
71
|
import '../image-viewer/ImageViewer.js';
|
|
72
|
-
import '../_chunks/dep-
|
|
72
|
+
import '../_chunks/dep-1b32736a.js';
|
|
73
73
|
import '../tooltip/index.js';
|
|
74
74
|
import '../tooltip/Tooltip.js';
|
|
75
75
|
import '../popup/index.js';
|
package/package.json
CHANGED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
// 组件允许单个组件打包,因此默认引入公共基础样式
|
|
2
|
-
|
|
3
|
-
@import "../../base.less";
|
|
4
|
-
|
|
5
|
-
@import "./_var.less";
|
|
6
|
-
|
|
7
|
-
@import "./_mixin.less";
|
|
8
|
-
|
|
9
|
-
@import "../../mixins/_reset.less";
|
|
10
|
-
|
|
11
|
-
.@{prefix}-dropdown {
|
|
12
|
-
.reset;
|
|
13
|
-
|
|
14
|
-
.@{prefix}-popup__content {
|
|
15
|
-
background-color: @dropdown-bg-color;
|
|
16
|
-
position: relative;
|
|
17
|
-
padding: 0;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
&__menu {
|
|
21
|
-
display: flex;
|
|
22
|
-
justify-content: flex-start;
|
|
23
|
-
|
|
24
|
-
&-column {
|
|
25
|
-
font-size: @dropdown-text-font-size;
|
|
26
|
-
color: @dropdown-text-color;
|
|
27
|
-
text-align: left;
|
|
28
|
-
overflow-y: auto;
|
|
29
|
-
|
|
30
|
-
&:not(:first-child) {
|
|
31
|
-
border-left: @dropdown-border;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.@{prefix}-divider {
|
|
36
|
-
margin: @dropdown-item-divider-margin;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
&__item {
|
|
41
|
-
position: relative;
|
|
42
|
-
display: flex;
|
|
43
|
-
align-items: center;
|
|
44
|
-
cursor: pointer;
|
|
45
|
-
border-radius: @border-radius-default;
|
|
46
|
-
color: @dropdown-text-color;
|
|
47
|
-
padding: @dropdown-item-padding;
|
|
48
|
-
margin: @dropdown-item-margin;
|
|
49
|
-
transition: background-color @anim-duration-base @anim-time-fn-ease-in;
|
|
50
|
-
|
|
51
|
-
&:first-child,
|
|
52
|
-
&:last-child {
|
|
53
|
-
margin: @dropdown-item-ends-margin;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&:hover {
|
|
57
|
-
background-color: @dropdown-hover-bg-color;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
&.@{prefix}-is-active {
|
|
61
|
-
color: @dropdown-active-color;
|
|
62
|
-
background-color: @dropdown-active-bg-color;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
&.@{prefix}-is-disabled {
|
|
66
|
-
color: @dropdown-disable-color;
|
|
67
|
-
cursor: not-allowed;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
&-content {
|
|
71
|
-
display: flex;
|
|
72
|
-
flex: 1;
|
|
73
|
-
align-items: center;
|
|
74
|
-
max-width: 100%;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
&-text {
|
|
78
|
-
font: @dropdown-item-text-font;
|
|
79
|
-
overflow: hidden;
|
|
80
|
-
text-overflow: ellipsis;
|
|
81
|
-
white-space: nowrap;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
&.@{prefix}-dropdown--suffix {
|
|
85
|
-
.@{prefix}-dropdown__item-content {
|
|
86
|
-
max-width: calc(
|
|
87
|
-
100% - @dropdown-text-icon-size - @dropdown-item-icon-margin-left
|
|
88
|
-
);
|
|
89
|
-
}
|
|
90
|
-
.@{prefix}-dropdown__item-icon {
|
|
91
|
-
color: currentcolor;
|
|
92
|
-
font-size: @dropdown-text-icon-size;
|
|
93
|
-
margin-left: @dropdown-item-icon-margin-left;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
--ripple-color: @bg-color-container-active;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
File without changes
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
// color
|
|
2
|
-
@dropdown-bg-color: @bg-color-container;
|
|
3
|
-
@dropdown-suffix-color: @text-color-placeholder;
|
|
4
|
-
@dropdown-active-color: @brand-color;
|
|
5
|
-
@dropdown-active-bg-color: @brand-color-light;
|
|
6
|
-
@dropdown-hover-bg-color: @bg-color-container-hover;
|
|
7
|
-
@dropdown-disable-color: @text-color-disabled;
|
|
8
|
-
@dropdown-text-color: @text-color-primary;
|
|
9
|
-
@dropdown-scrollbar-color: @border-level-2-color;
|
|
10
|
-
@dropdown-split-color: @border-level-2-color;
|
|
11
|
-
@dropdown-text-font-size: @font-size-base;
|
|
12
|
-
@dropdown-text-icon-size: @font-size-l;
|
|
13
|
-
// border
|
|
14
|
-
@dropdown-border: solid 1px @border-level-1-color;
|
|
15
|
-
|
|
16
|
-
// padding
|
|
17
|
-
@dropdown-item-padding: 9px @spacer;
|
|
18
|
-
@dropdown-item-margin: @spacer*.5 @spacer;
|
|
19
|
-
@dropdown-item-icon-margin-left: @spacer;
|
|
20
|
-
@dropdown-item-ends-margin: @spacer;
|
|
21
|
-
@dropdown-item-divider-margin: @spacer*.5 0;
|
|
22
|
-
@dropdown-item-text-font: @font-body-medium;
|