@tendaui/react 1.1.4 → 1.1.6
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/LICENSE +21 -0
- package/README.md +1 -1
- package/es/_chunks/dep-5U9UjDaf.js.map +1 -1
- package/es/_chunks/dep-CD_4-1Xb.js.map +1 -1
- package/es/_chunks/{dep-CRURwzDj.js → dep-CsSvR9wN.js} +9 -3
- package/es/_chunks/dep-CsSvR9wN.js.map +1 -0
- package/es/_chunks/dep-DJmE940f.js.map +1 -1
- package/es/_chunks/dep-DbVHGoUC.js.map +1 -1
- package/es/_chunks/{dep-D8jki30S.js → dep-aX8qrQpB.js} +2 -2
- package/es/_chunks/{dep-D8jki30S.js.map → dep-aX8qrQpB.js.map} +1 -1
- package/es/alert/Alert.js +9 -2
- package/es/alert/Alert.js.map +1 -1
- package/es/alert/index.js +4 -1
- package/es/alert/index.js.map +1 -1
- package/es/alert/style/index.css +7 -30
- package/es/badge/style/index.css +5 -10
- package/es/button/_example/base.js +1 -158
- package/es/button/_example/base.js.map +1 -1
- package/es/button/_example/icon.js +1 -157
- package/es/button/_example/icon.js.map +1 -1
- package/es/button/style/index.css +4 -19
- package/es/checkbox/style/index.css +9 -26
- package/es/color-picker/ColorPicker.js +3 -3
- package/es/color-picker/components/panel/format/index.js +4 -1
- package/es/color-picker/components/panel/format/index.js.map +1 -1
- package/es/color-picker/components/panel/format/inputs.js +3 -0
- package/es/color-picker/components/panel/format/inputs.js.map +1 -1
- package/es/color-picker/components/trigger.js +3 -0
- package/es/color-picker/components/trigger.js.map +1 -1
- package/es/color-picker/index.js +1 -1
- package/es/color-picker/style/css.js +1 -0
- package/es/color-picker/style/index.css +43 -138
- package/es/color-picker/utils/color-picker/index.js.map +1 -1
- package/es/dialog/Dialog.js +4 -1
- package/es/dialog/Dialog.js.map +1 -1
- package/es/dialog/DialogCard.js +5 -2
- package/es/dialog/DialogCard.js.map +1 -1
- package/es/dialog/index.js +4 -3
- package/es/dialog/index.js.map +1 -1
- package/es/dialog/plugin.js +3 -2
- package/es/dialog/plugin.js.map +1 -1
- package/es/dialog/style/index.css +51 -188
- package/es/drawer/Drawer.js +15 -8
- package/es/drawer/Drawer.js.map +1 -1
- package/es/drawer/index.js +5 -2
- package/es/drawer/index.js.map +1 -1
- package/es/drawer/style/css.js +1 -1
- package/es/drawer/style/index.css +12 -41
- package/es/fireworks/style/css.js +0 -2
- package/es/form/Form.js +3 -0
- package/es/form/Form.js.map +1 -1
- package/es/form/FormItem.js +3 -0
- package/es/form/FormItem.js.map +1 -1
- package/es/form/index.js +3 -0
- package/es/form/index.js.map +1 -1
- package/es/form/style/index.css +13 -33
- package/es/index.js +4 -4
- package/es/input/Input.js +10 -2
- package/es/input/Input.js.map +1 -1
- package/es/input/index.js +4 -1
- package/es/input/index.js.map +1 -1
- package/es/input/style/index.css +17 -63
- package/es/input-number/InputNumber.js +4 -1
- package/es/input-number/InputNumber.js.map +1 -1
- package/es/input-number/index.js +4 -1
- package/es/input-number/index.js.map +1 -1
- package/es/input-number/style/css.js +1 -1
- package/es/input-number/style/index.css +7 -39
- package/es/input-number/useInputNumber.js.map +1 -1
- package/es/ip-input/style/index.css +21 -87
- package/es/layout/style/index.css +5 -19
- package/es/list/List.js.map +1 -1
- package/es/list/ListItem.js.map +1 -1
- package/es/list/ListItemMeta.js.map +1 -1
- package/es/list/style/css.js +1 -1
- package/es/list/style/index.css +11 -39
- package/es/loading/style/index.css +10 -65
- package/es/notification/style/index.css +6 -24
- package/es/popup/style/index.css +9 -20
- package/es/radio/style/index.css +11 -36
- package/es/select/Select.js +4 -1
- package/es/select/Select.js.map +1 -1
- package/es/select/index.js +4 -1
- package/es/select/index.js.map +1 -1
- package/es/select/style/index.css +17 -52
- package/es/select-input/SelectInput.js +3 -0
- package/es/select-input/SelectInput.js.map +1 -1
- package/es/select-input/hook/useMultiple.js +3 -0
- package/es/select-input/hook/useMultiple.js.map +1 -1
- package/es/select-input/hook/useSingle.js +3 -0
- package/es/select-input/hook/useSingle.js.map +1 -1
- package/es/select-input/index.js +3 -0
- package/es/select-input/index.js.map +1 -1
- package/es/slider/Slider.js +3 -0
- package/es/slider/Slider.js.map +1 -1
- package/es/slider/SliderHandleButton.js.map +1 -1
- package/es/slider/index.js +3 -0
- package/es/slider/index.js.map +1 -1
- package/es/slider/style/css.js +1 -1
- package/es/slider/style/index.css +18 -59
- package/es/style/index.css +0 -2
- package/es/switch/Switch.js +1 -1
- package/es/switch/index.js +1 -1
- package/es/switch/style/index.css +10 -37
- package/es/tab/style/index.css +6 -31
- package/es/table/TBody.js +10 -1
- package/es/table/TBody.js.map +1 -1
- package/es/table/Table.js +4 -0
- package/es/table/Table.js.map +1 -1
- package/es/table/index.js +4 -0
- package/es/table/index.js.map +1 -1
- package/es/table/style/index.css +5 -15
- package/es/tag/style/index.css +4 -16
- package/es/tag-input/TagInput.js +3 -0
- package/es/tag-input/TagInput.js.map +1 -1
- package/es/tag-input/index.js +3 -0
- package/es/tag-input/index.js.map +1 -1
- package/es/tag-input/style/index.css +7 -53
- package/es/utils/log/index.js.map +1 -1
- package/package.json +3 -3
- package/es/_chunks/dep-CRURwzDj.js.map +0 -1
- package/es/fireworks/style/index.css +0 -121
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
.t-layout {
|
|
2
2
|
font: var(--td-font-body-medium);
|
|
3
3
|
color: var(--td-text-color-primary);
|
|
4
|
-
|
|
5
|
-
box-sizing: border-box;
|
|
4
|
+
box-sizing: border-box;
|
|
6
5
|
margin: 0;
|
|
7
6
|
padding: 0;
|
|
8
7
|
list-style: none;
|
|
@@ -10,25 +9,15 @@
|
|
|
10
9
|
|
|
11
10
|
.t-layout,
|
|
12
11
|
.t-layout__direction-vertical {
|
|
13
|
-
display: -webkit-box;
|
|
14
|
-
display: -ms-flexbox;
|
|
15
12
|
display: flex;
|
|
16
|
-
-
|
|
17
|
-
-webkit-box-direction: normal;
|
|
18
|
-
-ms-flex-direction: column;
|
|
19
|
-
flex-direction: column;
|
|
13
|
+
flex-direction: column;
|
|
20
14
|
background: var(--td-bg-color-page);
|
|
21
|
-
|
|
22
|
-
-ms-flex: auto;
|
|
23
|
-
flex: auto;
|
|
15
|
+
flex: auto;
|
|
24
16
|
}
|
|
25
17
|
|
|
26
18
|
.t-layout--with-sider,
|
|
27
19
|
.t-layout__direction-horizontal {
|
|
28
|
-
-
|
|
29
|
-
-webkit-box-direction: normal;
|
|
30
|
-
-ms-flex-direction: row;
|
|
31
|
-
flex-direction: row;
|
|
20
|
+
flex-direction: row;
|
|
32
21
|
}
|
|
33
22
|
|
|
34
23
|
.t-layout__header {
|
|
@@ -37,14 +26,11 @@
|
|
|
37
26
|
}
|
|
38
27
|
|
|
39
28
|
.t-layout__content {
|
|
40
|
-
|
|
41
|
-
-ms-flex: auto;
|
|
42
|
-
flex: auto;
|
|
29
|
+
flex: auto;
|
|
43
30
|
}
|
|
44
31
|
|
|
45
32
|
.t-layout__sider {
|
|
46
33
|
position: relative;
|
|
47
|
-
-webkit-transition: all 0.2s;
|
|
48
34
|
transition: all 0.2s;
|
|
49
35
|
background: var(--td-bg-color-container);
|
|
50
36
|
width: 232px;
|
package/es/list/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../../components/list/defaultProps.ts","../../../components/list/hooks/useListVirtualScroll.ts","../../../components/list/List.tsx"],"sourcesContent":["/**\r\n * 该文件为脚本自动生成文件,请勿随意修改。如需修改请联系 PMC\r\n * */\r\n\r\nimport { TdListProps, TdListItemProps, TdListItemMetaProps } from \"./type\";\r\n\r\nexport const listDefaultProps: TdListProps = { layout: \"horizontal\", size: \"medium\", split: false, stripe: false };\r\n\r\nexport const listItemDefaultProps: TdListItemProps = {};\r\n\r\nexport const listItemMetaDefaultProps: TdListItemMetaProps = {};\r\n","import React, { useMemo } from \"react\";\r\n// import log from \"@tdesign/common-js/log/index\";\r\nimport useVirtualScroll from \"../../hooks/useVirtualScroll\";\r\nimport { TdListProps } from \"../type\";\r\nimport { Styles, type ScrollToElementParams } from \"../../common\";\r\nconst log = console.log;\r\nexport const useListVirtualScroll = (\r\n scroll: TdListProps[\"scroll\"],\r\n listRef: React.MutableRefObject<HTMLElement>,\r\n listItems: any[]\r\n) => {\r\n const virtualScrollParams = useMemo(\r\n () => ({\r\n data: listItems,\r\n scroll\r\n }),\r\n [listItems, scroll]\r\n );\r\n const virtualConfig = useVirtualScroll(listRef, virtualScrollParams);\r\n const { isVirtualScroll } = virtualConfig;\r\n let lastScrollY = -1;\r\n\r\n const onInnerVirtualScroll = (e: WheelEvent) => {\r\n const target = (e.target || e.srcElement) as HTMLElement;\r\n const top = target.scrollTop;\r\n if (lastScrollY !== top) {\r\n virtualConfig.isVirtualScroll && virtualConfig.handleScroll();\r\n } else {\r\n lastScrollY = -1;\r\n }\r\n lastScrollY = top;\r\n };\r\n\r\n const cursorStyle = useMemo(\r\n () =>\r\n ({\r\n position: \"absolute\",\r\n width: \"1px\",\r\n height: \"1px\",\r\n transition: \"transform 0.2s\",\r\n transform: `translate(0, ${virtualConfig.scrollHeight}px)`,\r\n msTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,\r\n MozTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,\r\n WebkitTransform: `translate(0, ${virtualConfig.scrollHeight}px)`\r\n }) as Styles,\r\n [virtualConfig.scrollHeight]\r\n );\r\n\r\n const listStyle = useMemo(\r\n () =>\r\n ({\r\n transform: `translate(0, ${virtualConfig.translateY}px)`,\r\n msTransform: `translate(0, ${virtualConfig.translateY}px)`,\r\n MozTransform: `translate(0, ${virtualConfig.translateY}px)`,\r\n WebkitTransform: `translate(0, ${virtualConfig.translateY}px)`\r\n }) as Styles,\r\n [virtualConfig.translateY]\r\n );\r\n\r\n const handleScrollTo = (params: ScrollToElementParams) => {\r\n const { index, key } = params;\r\n const targetIndex = index === 0 ? index : index ?? Number(key);\r\n if (!targetIndex && targetIndex !== 0) {\r\n console.error(\"List\", \"scrollTo: `index` or `key` must exist.\");\r\n return;\r\n }\r\n if (targetIndex < 0 || targetIndex >= listItems.length) {\r\n console.error(\"List\", `${targetIndex} does not exist in data, check \\`index\\` or \\`key\\` please.`);\r\n return;\r\n }\r\n virtualConfig.scrollToElement({ ...params, index: targetIndex - 1 });\r\n };\r\n\r\n return {\r\n virtualConfig,\r\n cursorStyle,\r\n listStyle,\r\n isVirtualScroll,\r\n onInnerVirtualScroll,\r\n scrollToElement: handleScrollTo\r\n };\r\n};\r\n","import React, { useImperativeHandle, useMemo, useRef, WheelEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { compact, isString } from \"lodash-es\";\nimport forwardRefWithStatics from \"../utils/forwardRefWithStatics\";\nimport noop from \"../utils/noop\";\nimport parseTNode from \"../utils/parseTNode\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport Loading from \"../loading\";\nimport { useLocaleReceiver } from \"../locale/LocalReceiver\";\nimport ListItem from \"./ListItem\";\nimport ListItemMeta from \"./ListItemMeta\";\nimport { listDefaultProps } from \"./defaultProps\";\nimport { useListVirtualScroll } from \"./hooks/useListVirtualScroll\";\n\nimport type { StyledProps } from \"../common\";\nimport type { ListInstanceFunctions, TdListProps } from \"./type\";\n\nexport interface ListProps extends TdListProps, StyledProps {\n /**\n * 文本内容\n */\n children?: React.ReactNode;\n}\n\n/**\n * 列表组件\n */\nconst List = forwardRefWithStatics(\n (props: ListProps, ref: React.Ref<ListInstanceFunctions>) => {\n const {\n header,\n footer,\n asyncLoading,\n size,\n split,\n stripe,\n layout,\n children,\n className,\n onLoadMore = noop,\n onScroll = noop,\n style,\n scroll\n } = useDefaultProps<ListProps>(props, listDefaultProps);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const { classPrefix } = useConfig();\n const [local, t] = useLocaleReceiver(\"list\");\n\n const listItems = useMemo(\n () => compact(React.Children.map(children, (child: React.ReactElement) => child?.props)) ?? [],\n [children]\n );\n\n const { virtualConfig, cursorStyle, listStyle, isVirtualScroll, onInnerVirtualScroll, scrollToElement } =\n useListVirtualScroll(scroll, wrapperRef, listItems);\n\n const COMPONENT_NAME = `${classPrefix}-list`;\n\n const handleClickLoad = (e: React.MouseEvent<HTMLDivElement>) => {\n if (asyncLoading === \"load-more\") {\n onLoadMore({ e });\n }\n };\n\n const handleScroll = (event: WheelEvent<HTMLDivElement>): void => {\n const { currentTarget } = event;\n const { scrollTop, offsetHeight, scrollHeight } = currentTarget;\n const scrollBottom = scrollHeight - scrollTop - offsetHeight;\n if (isVirtualScroll) onInnerVirtualScroll(event as unknown as globalThis.WheelEvent);\n onScroll({ e: event, scrollTop, scrollBottom });\n };\n\n const loadElement = isString(asyncLoading) ? (\n <div\n className={classNames(`${classPrefix}-list__load`, {\n [`${classPrefix}-list__load--loading`]: asyncLoading === \"loading\",\n [`${classPrefix}-list__load--load-more`]: asyncLoading === \"load-more\"\n })}\n onClick={handleClickLoad}\n >\n {asyncLoading === \"loading\" && (\n <div>\n <Loading loading={true} />\n <span>{t(local.loadingText)}</span>\n </div>\n )}\n {asyncLoading === \"load-more\" && <span>{t(local.loadingMoreText)}</span>}\n </div>\n ) : (\n asyncLoading\n );\n\n useImperativeHandle(ref, () => ({\n scrollTo: scrollToElement\n }));\n\n const renderContent = () => (\n <>\n {isVirtualScroll ? (\n <>\n <div style={cursorStyle}></div>\n <ul className={`${COMPONENT_NAME}__inner`} style={listStyle}>\n {virtualConfig.visibleData.map((item, index) => (\n <ListItem key={index} {...(item as any)} />\n ))}\n </ul>\n </>\n ) : (\n <ul className={`${COMPONENT_NAME}__inner`}>{children}</ul>\n )}\n </>\n );\n\n return (\n <div\n ref={wrapperRef}\n style={{\n ...style,\n position: isVirtualScroll ? \"relative\" : undefined\n }}\n onScroll={handleScroll}\n className={classNames(`${COMPONENT_NAME}`, className, {\n [`${COMPONENT_NAME}--split`]: split,\n [`${COMPONENT_NAME}--stripe`]: stripe,\n [`${COMPONENT_NAME}--vertical-action`]: layout === \"vertical\",\n [`${classPrefix}-size-s`]: size === \"small\",\n [`${classPrefix}-size-l`]: size === \"large\"\n })}\n >\n {header && <div className={`${COMPONENT_NAME}__header`}>{parseTNode(header)}</div>}\n {renderContent()}\n {asyncLoading && loadElement}\n {footer && <div className={`${COMPONENT_NAME}__footer`}>{parseTNode(footer)}</div>}\n </div>\n );\n },\n { ListItem, ListItemMeta }\n);\n\nList.displayName = \"List\";\n\nexport default List;\n"],"names":["listDefaultProps","layout","size","split","stripe","listItemDefaultProps","listItemMetaDefaultProps","log","console","useListVirtualScroll","scroll","listRef","listItems","virtualScrollParams","useMemo","data","virtualConfig","useVirtualScroll","isVirtualScroll","lastScrollY","onInnerVirtualScroll","e","target","srcElement","top","scrollTop","handleScroll","cursorStyle","position","width","height","transition","transform","concat","scrollHeight","msTransform","MozTransform","WebkitTransform","listStyle","translateY","handleScrollTo","params","index","key","targetIndex","Number","error","length","scrollToElement","List","forwardRefWithStatics","props","ref","_useDefaultProps","useDefaultProps","header","footer","asyncLoading","children","className","_useDefaultProps$onLo","onLoadMore","noop","_useDefaultProps$onSc","onScroll","style","wrapperRef","useRef","_useConfig","useConfig","classPrefix","_useLocaleReceiver","useLocaleReceiver","_useLocaleReceiver2","_slicedToArray","local","t","_compact","compact","React","Children","map","child","_useListVirtualScroll","COMPONENT_NAME","handleClickLoad","event","currentTarget","offsetHeight","scrollBottom","loadElement","isString","createElement","classNames","_defineProperty","onClick","Loading","loading","loadingText","loadingMoreText","useImperativeHandle","scrollTo","renderContent","Fragment","visibleData","item","ListItem","_objectSpread","parseTNode","ListItemMeta","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../components/list/defaultProps.ts","../../../components/list/hooks/useListVirtualScroll.ts","../../../components/list/List.tsx"],"sourcesContent":["/**\n * 该文件为脚本自动生成文件,请勿随意修改。如需修改请联系 PMC\n * */\n\nimport { TdListProps, TdListItemProps, TdListItemMetaProps } from \"./type\";\n\nexport const listDefaultProps: TdListProps = { layout: \"horizontal\", size: \"medium\", split: false, stripe: false };\n\nexport const listItemDefaultProps: TdListItemProps = {};\n\nexport const listItemMetaDefaultProps: TdListItemMetaProps = {};\n","import React, { useMemo } from \"react\";\n// import log from \"@tdesign/common-js/log/index\";\nimport useVirtualScroll from \"../../hooks/useVirtualScroll\";\nimport { TdListProps } from \"../type\";\nimport { Styles, type ScrollToElementParams } from \"../../common\";\nconst log = console.log;\nexport const useListVirtualScroll = (\n scroll: TdListProps[\"scroll\"],\n listRef: React.MutableRefObject<HTMLElement>,\n listItems: any[]\n) => {\n const virtualScrollParams = useMemo(\n () => ({\n data: listItems,\n scroll\n }),\n [listItems, scroll]\n );\n const virtualConfig = useVirtualScroll(listRef, virtualScrollParams);\n const { isVirtualScroll } = virtualConfig;\n let lastScrollY = -1;\n\n const onInnerVirtualScroll = (e: WheelEvent) => {\n const target = (e.target || e.srcElement) as HTMLElement;\n const top = target.scrollTop;\n if (lastScrollY !== top) {\n virtualConfig.isVirtualScroll && virtualConfig.handleScroll();\n } else {\n lastScrollY = -1;\n }\n lastScrollY = top;\n };\n\n const cursorStyle = useMemo(\n () =>\n ({\n position: \"absolute\",\n width: \"1px\",\n height: \"1px\",\n transition: \"transform 0.2s\",\n transform: `translate(0, ${virtualConfig.scrollHeight}px)`,\n msTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,\n MozTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,\n WebkitTransform: `translate(0, ${virtualConfig.scrollHeight}px)`\n }) as Styles,\n [virtualConfig.scrollHeight]\n );\n\n const listStyle = useMemo(\n () =>\n ({\n transform: `translate(0, ${virtualConfig.translateY}px)`,\n msTransform: `translate(0, ${virtualConfig.translateY}px)`,\n MozTransform: `translate(0, ${virtualConfig.translateY}px)`,\n WebkitTransform: `translate(0, ${virtualConfig.translateY}px)`\n }) as Styles,\n [virtualConfig.translateY]\n );\n\n const handleScrollTo = (params: ScrollToElementParams) => {\n const { index, key } = params;\n const targetIndex = index === 0 ? index : index ?? Number(key);\n if (!targetIndex && targetIndex !== 0) {\n console.error(\"List\", \"scrollTo: `index` or `key` must exist.\");\n return;\n }\n if (targetIndex < 0 || targetIndex >= listItems.length) {\n console.error(\"List\", `${targetIndex} does not exist in data, check \\`index\\` or \\`key\\` please.`);\n return;\n }\n virtualConfig.scrollToElement({ ...params, index: targetIndex - 1 });\n };\n\n return {\n virtualConfig,\n cursorStyle,\n listStyle,\n isVirtualScroll,\n onInnerVirtualScroll,\n scrollToElement: handleScrollTo\n };\n};\n","import React, { useImperativeHandle, useMemo, useRef, WheelEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { compact, isString } from \"lodash-es\";\nimport forwardRefWithStatics from \"../utils/forwardRefWithStatics\";\nimport noop from \"../utils/noop\";\nimport parseTNode from \"../utils/parseTNode\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport Loading from \"../loading\";\nimport { useLocaleReceiver } from \"../locale/LocalReceiver\";\nimport ListItem from \"./ListItem\";\nimport ListItemMeta from \"./ListItemMeta\";\nimport { listDefaultProps } from \"./defaultProps\";\nimport { useListVirtualScroll } from \"./hooks/useListVirtualScroll\";\n\nimport type { StyledProps } from \"../common\";\nimport type { ListInstanceFunctions, TdListProps } from \"./type\";\n\nexport interface ListProps extends TdListProps, StyledProps {\n /**\n * 文本内容\n */\n children?: React.ReactNode;\n}\n\n/**\n * 列表组件\n */\nconst List = forwardRefWithStatics(\n (props: ListProps, ref: React.Ref<ListInstanceFunctions>) => {\n const {\n header,\n footer,\n asyncLoading,\n size,\n split,\n stripe,\n layout,\n children,\n className,\n onLoadMore = noop,\n onScroll = noop,\n style,\n scroll\n } = useDefaultProps<ListProps>(props, listDefaultProps);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const { classPrefix } = useConfig();\n const [local, t] = useLocaleReceiver(\"list\");\n\n const listItems = useMemo(\n () => compact(React.Children.map(children, (child: React.ReactElement) => child?.props)) ?? [],\n [children]\n );\n\n const { virtualConfig, cursorStyle, listStyle, isVirtualScroll, onInnerVirtualScroll, scrollToElement } =\n useListVirtualScroll(scroll, wrapperRef, listItems);\n\n const COMPONENT_NAME = `${classPrefix}-list`;\n\n const handleClickLoad = (e: React.MouseEvent<HTMLDivElement>) => {\n if (asyncLoading === \"load-more\") {\n onLoadMore({ e });\n }\n };\n\n const handleScroll = (event: WheelEvent<HTMLDivElement>): void => {\n const { currentTarget } = event;\n const { scrollTop, offsetHeight, scrollHeight } = currentTarget;\n const scrollBottom = scrollHeight - scrollTop - offsetHeight;\n if (isVirtualScroll) onInnerVirtualScroll(event as unknown as globalThis.WheelEvent);\n onScroll({ e: event, scrollTop, scrollBottom });\n };\n\n const loadElement = isString(asyncLoading) ? (\n <div\n className={classNames(`${classPrefix}-list__load`, {\n [`${classPrefix}-list__load--loading`]: asyncLoading === \"loading\",\n [`${classPrefix}-list__load--load-more`]: asyncLoading === \"load-more\"\n })}\n onClick={handleClickLoad}\n >\n {asyncLoading === \"loading\" && (\n <div>\n <Loading loading={true} />\n <span>{t(local.loadingText)}</span>\n </div>\n )}\n {asyncLoading === \"load-more\" && <span>{t(local.loadingMoreText)}</span>}\n </div>\n ) : (\n asyncLoading\n );\n\n useImperativeHandle(ref, () => ({\n scrollTo: scrollToElement\n }));\n\n const renderContent = () => (\n <>\n {isVirtualScroll ? (\n <>\n <div style={cursorStyle}></div>\n <ul className={`${COMPONENT_NAME}__inner`} style={listStyle}>\n {virtualConfig.visibleData.map((item, index) => (\n <ListItem key={index} {...(item as any)} />\n ))}\n </ul>\n </>\n ) : (\n <ul className={`${COMPONENT_NAME}__inner`}>{children}</ul>\n )}\n </>\n );\n\n return (\n <div\n ref={wrapperRef}\n style={{\n ...style,\n position: isVirtualScroll ? \"relative\" : undefined\n }}\n onScroll={handleScroll}\n className={classNames(`${COMPONENT_NAME}`, className, {\n [`${COMPONENT_NAME}--split`]: split,\n [`${COMPONENT_NAME}--stripe`]: stripe,\n [`${COMPONENT_NAME}--vertical-action`]: layout === \"vertical\",\n [`${classPrefix}-size-s`]: size === \"small\",\n [`${classPrefix}-size-l`]: size === \"large\"\n })}\n >\n {header && <div className={`${COMPONENT_NAME}__header`}>{parseTNode(header)}</div>}\n {renderContent()}\n {asyncLoading && loadElement}\n {footer && <div className={`${COMPONENT_NAME}__footer`}>{parseTNode(footer)}</div>}\n </div>\n );\n },\n { ListItem, ListItemMeta }\n);\n\nList.displayName = \"List\";\n\nexport default List;\n"],"names":["listDefaultProps","layout","size","split","stripe","listItemDefaultProps","listItemMetaDefaultProps","log","console","useListVirtualScroll","scroll","listRef","listItems","virtualScrollParams","useMemo","data","virtualConfig","useVirtualScroll","isVirtualScroll","lastScrollY","onInnerVirtualScroll","e","target","srcElement","top","scrollTop","handleScroll","cursorStyle","position","width","height","transition","transform","concat","scrollHeight","msTransform","MozTransform","WebkitTransform","listStyle","translateY","handleScrollTo","params","index","key","targetIndex","Number","error","length","scrollToElement","List","forwardRefWithStatics","props","ref","_useDefaultProps","useDefaultProps","header","footer","asyncLoading","children","className","_useDefaultProps$onLo","onLoadMore","noop","_useDefaultProps$onSc","onScroll","style","wrapperRef","useRef","_useConfig","useConfig","classPrefix","_useLocaleReceiver","useLocaleReceiver","_useLocaleReceiver2","_slicedToArray","local","t","_compact","compact","React","Children","map","child","_useListVirtualScroll","COMPONENT_NAME","handleClickLoad","event","currentTarget","offsetHeight","scrollBottom","loadElement","isString","createElement","classNames","_defineProperty","onClick","Loading","loading","loadingText","loadingMoreText","useImperativeHandle","scrollTo","renderContent","Fragment","visibleData","item","ListItem","_objectSpread","parseTNode","ListItemMeta","displayName"],"mappings":"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"}
|
package/es/list/ListItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sources":["../../../components/list/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\
|
|
1
|
+
{"version":3,"file":"ListItem.js","sources":["../../../components/list/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdListItemProps } from \"./type\";\nimport { StyledProps } from \"../common\";\n\nexport interface ListItemProps extends TdListItemProps, StyledProps {\n /**\n * 文本内容\n */\n children?: React.ReactNode;\n content?: React.ReactNode;\n}\n\n/**\n * 列表组件\n */\nconst ListItem = forwardRef<HTMLLIElement, ListItemProps>((props, ref) => {\n const { children, className, style, action, content } = props;\n const { classPrefix } = useConfig();\n\n const actionElement = action && <ul className={`${classPrefix}-list-item__action`}>{action}</ul>;\n\n return (\n <li ref={ref} className={classNames(`${classPrefix}-list-item`, className)} style={style}>\n <div className={`${classPrefix}-list-item-main`}>\n {children ? children : content}\n {actionElement}\n </div>\n </li>\n );\n});\n\nListItem.displayName = \"ListItem\";\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","props","ref","children","className","style","action","content","_useConfig","useConfig","classPrefix","actionElement","React","createElement","classNames","displayName"],"mappings":";;;;;;;;AAiBA,IAAMA,QAAA,gBAAWC,UAAA,CAAyC,UAACC,KAAA,EAAOC,GAAA,EAAQ;AACxE,EAAA,IAAQC,QAAA,GAAgDF,KAAA,CAAhDE,QAAA;IAAUC,SAAA,GAAsCH,KAAA,CAAtCG,SAAA;IAAWC,KAAA,GAA2BJ,KAAA,CAA3BI,KAAA;IAAOC,MAAA,GAAoBL,KAAA,CAApBK,MAAA;IAAQC,UAAYN,KAAA,CAAZM;AAC5C,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;EAER,IAAMC,aAAA,GAAgBL,yBAAUM,KAAA,CAAAC,aAAA,CAAC,IAAA,EAAA;IAAGT,qBAAcM,WAAW,EAAA,oBAAA;KAAuBJ,MAAO,CAAA;AAE3F,EAAA,sBACEM,KAAA,CAAAC,aAAA,CAAC;AAAGX,IAAAA,GAAA,EAAAA,GAAA;IAAUE,SAAA,EAAWU,qBAAcJ,WAAW,EAAA,YAAA,CAAA,EAAcN,SAAS,CAAA;AAAGC,IAAAA,OAAAA;oBAC1EO,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIT,qBAAcM,WAAW,EAAA,iBAAA;KAC3BP,QAAA,GAAWA,QAAA,GAAWI,OAAA,EACtBI,aACH,CACF,CAAA;AAEJ,CAAC;AAEDZ,QAAA,CAASgB,WAAA,GAAc,UAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemMeta.js","sources":["../../../components/list/ListItemMeta.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\
|
|
1
|
+
{"version":3,"file":"ListItemMeta.js","sources":["../../../components/list/ListItemMeta.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdListItemMetaProps } from \"./type\";\nimport { StyledProps } from \"../common\";\n\nexport interface ListItemMetaProps extends TdListItemMetaProps, StyledProps {}\n/**\n * 列表组件\n */\nconst ListItemMeta = forwardRef<HTMLDivElement, ListItemMetaProps>((props, ref) => {\n const { title, image, description, className, style } = props;\n const { classPrefix } = useConfig();\n\n const renderAvatar = () => {\n if (image && typeof image === \"string\") {\n return (\n <div className={`${classPrefix}-list-item__meta-avatar`}>\n <img src={image} alt=\"\" />\n </div>\n );\n }\n return <div className={`${classPrefix}-list-item__meta-avatar`}>{image}</div>;\n };\n return (\n <div ref={ref} className={classNames(`${classPrefix}-list-item__meta`, className)} style={style}>\n {image && renderAvatar()}\n <div className={`${classPrefix}-list-item__meta-content`}>\n <h3 className={`${classPrefix}-list-item__meta-title`}>{title}</h3>\n <div className={`${classPrefix}-list-item__meta-description`}>\n {typeof description === \"string\" ? <p>{description}</p> : description}\n </div>\n </div>\n </div>\n );\n});\n\nListItemMeta.displayName = \"ListItemMeta\";\n\nexport default ListItemMeta;\n"],"names":["ListItemMeta","forwardRef","props","ref","title","image","description","className","style","_useConfig","useConfig","classPrefix","renderAvatar","React","createElement","concat","src","alt","classNames","displayName"],"mappings":";;;;;;;;AAUA,IAAMA,YAAA,gBAAeC,UAAA,CAA8C,UAACC,KAAA,EAAOC,GAAA,EAAQ;AACjF,EAAA,IAAQC,KAAA,GAAgDF,KAAA,CAAhDE,KAAA;IAAOC,KAAA,GAAyCH,KAAA,CAAzCG,KAAA;IAAOC,WAAA,GAAkCJ,KAAA,CAAlCI,WAAA;IAAaC,SAAA,GAAqBL,KAAA,CAArBK,SAAA;IAAWC,QAAUN,KAAA,CAAVM;AAC9C,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;AAER,EAAA,IAAMC,eAAe,SAAfA,eAAqB;AACzB,IAAA,IAAIP,KAAA,IAAS,OAAOA,KAAA,KAAU,QAAA,EAAU;AACtC,MAAA,sBACEQ,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;QAAIP,SAAA,EAAA,EAAA,CAAAQ,MAAA,CAAcJ,WAAW,EAAA,yBAAA;AAAA,OAAA,iBAC5BE,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIE,QAAAA,GAAA,EAAKX,KAAA;AAAOY,QAAAA,GAAA,EAAI;AAAA,OAAG,CAC1B,CAAA;AAEJ,IAAA;AACA,IAAA,0CAAQ,KAAA,EAAA;MAAIV,SAAA,EAAA,EAAA,CAAAQ,MAAA,CAAcJ,WAAW,EAAA,yBAAA;OAA4BN,KAAM,CAAA;EACzE,CAAA;AACA,EAAA,0CACG,KAAA,EAAA;AAAIF,IAAAA,GAAA,EAAAA,GAAA;IAAUI,WAAWW,UAAA,CAAA,EAAA,CAAAH,MAAA,CAAcJ,WAAW,EAAA,kBAAA,CAAA,EAAoBJ,SAAS;AAAGC,IAAAA,KAAA,EAAAA;AAAA,GAAA,EAChFH,KAAA,IAASO,cAAa,iBACvBC,KAAA,CAAAC,aAAA,CAAC;IAAIP,SAAA,EAAA,EAAA,CAAAQ,MAAA,CAAcJ,WAAW,EAAA,0BAAA;AAAA,GAAA,iBAC5BE,KAAA,CAAAC,aAAA,CAAC;IAAGP,SAAA,EAAA,EAAA,CAAAQ,MAAA,CAAcJ,WAAW,EAAA,wBAAA;GAAA,EAA2BP,KAAM,kBAC9DS,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIP,qBAAcI,WAAW,EAAA,8BAAA;KAC3B,OAAOL,WAAA,KAAgB,0BAAWO,KAAA,CAAAC,aAAA,CAAC,GAAA,EAAA,IAAA,EAAGR,WAAY,CAAA,GAAOA,WAC5D,CACF,CACF,CAAA;AAEJ,CAAC;AAEDN,YAAA,CAAamB,WAAA,GAAc,cAAA;;;;"}
|
package/es/list/style/css.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import "./index.css";
|
|
1
|
+
import "./index.css";
|
package/es/list/style/index.css
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
.t-list {
|
|
2
2
|
font: var(--td-font-body-medium);
|
|
3
3
|
color: var(--td-text-color-primary);
|
|
4
|
-
|
|
5
|
-
box-sizing: border-box;
|
|
4
|
+
box-sizing: border-box;
|
|
6
5
|
margin: 0;
|
|
7
6
|
padding: 0;
|
|
8
7
|
list-style: none;
|
|
@@ -33,15 +32,9 @@
|
|
|
33
32
|
.t-list-item {
|
|
34
33
|
font: var(--td-font-body-medium);
|
|
35
34
|
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
|
|
36
|
-
display: -webkit-box;
|
|
37
|
-
display: -ms-flexbox;
|
|
38
35
|
display: flex;
|
|
39
|
-
-
|
|
40
|
-
|
|
41
|
-
justify-content: space-between;
|
|
42
|
-
-webkit-box-align: center;
|
|
43
|
-
-ms-flex-align: center;
|
|
44
|
-
align-items: center;
|
|
36
|
+
justify-content: space-between;
|
|
37
|
+
align-items: center;
|
|
45
38
|
position: relative;
|
|
46
39
|
}
|
|
47
40
|
.t-list-item::after {
|
|
@@ -53,23 +46,13 @@
|
|
|
53
46
|
height: 1px;
|
|
54
47
|
}
|
|
55
48
|
.t-list-item-main {
|
|
56
|
-
display: -webkit-box;
|
|
57
|
-
display: -ms-flexbox;
|
|
58
49
|
display: flex;
|
|
59
|
-
-
|
|
60
|
-
|
|
61
|
-
align-items: center;
|
|
62
|
-
-webkit-box-pack: justify;
|
|
63
|
-
-ms-flex-pack: justify;
|
|
64
|
-
justify-content: space-between;
|
|
50
|
+
align-items: center;
|
|
51
|
+
justify-content: space-between;
|
|
65
52
|
width: 100%;
|
|
66
|
-
|
|
67
|
-
-ms-flex: 1;
|
|
68
|
-
flex: 1;
|
|
53
|
+
flex: 1;
|
|
69
54
|
}
|
|
70
55
|
.t-list-item__meta {
|
|
71
|
-
display: -webkit-box;
|
|
72
|
-
display: -ms-flexbox;
|
|
73
56
|
display: flex;
|
|
74
57
|
}
|
|
75
58
|
.t-list-item__meta-avatar {
|
|
@@ -79,8 +62,7 @@
|
|
|
79
62
|
overflow: hidden;
|
|
80
63
|
background: var(--td-bg-color-page);
|
|
81
64
|
margin-right: var(--td-comp-margin-l);
|
|
82
|
-
|
|
83
|
-
flex-shrink: 0;
|
|
65
|
+
flex-shrink: 0;
|
|
84
66
|
}
|
|
85
67
|
.t-list-item__meta-avatar img {
|
|
86
68
|
max-width: 100%;
|
|
@@ -100,8 +82,7 @@
|
|
|
100
82
|
.t-list-item__action {
|
|
101
83
|
list-style: none;
|
|
102
84
|
padding: 0;
|
|
103
|
-
|
|
104
|
-
flex-shrink: 0;
|
|
85
|
+
flex-shrink: 0;
|
|
105
86
|
}
|
|
106
87
|
.t-list-item__action > li {
|
|
107
88
|
display: inline-block;
|
|
@@ -128,10 +109,7 @@
|
|
|
128
109
|
background: var(--td-bg-color-secondarycontainer);
|
|
129
110
|
}
|
|
130
111
|
.t-list--vertical-action .t-list-item {
|
|
131
|
-
-
|
|
132
|
-
-webkit-box-direction: normal;
|
|
133
|
-
-ms-flex-direction: column;
|
|
134
|
-
flex-direction: column;
|
|
112
|
+
flex-direction: column;
|
|
135
113
|
}
|
|
136
114
|
.t-list.t-size-s .t-list-item {
|
|
137
115
|
padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m);
|
|
@@ -150,15 +128,9 @@
|
|
|
150
128
|
line-height: var(--td-line-height-body-medium);
|
|
151
129
|
}
|
|
152
130
|
.t-list__load > div {
|
|
153
|
-
display: -webkit-box;
|
|
154
|
-
display: -ms-flexbox;
|
|
155
131
|
display: flex;
|
|
156
|
-
-
|
|
157
|
-
|
|
158
|
-
align-items: center;
|
|
159
|
-
-webkit-box-pack: center;
|
|
160
|
-
-ms-flex-pack: center;
|
|
161
|
-
justify-content: center;
|
|
132
|
+
align-items: center;
|
|
133
|
+
justify-content: center;
|
|
162
134
|
}
|
|
163
135
|
.t-list__load:not(:empty) {
|
|
164
136
|
padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
|
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
@-webkit-keyframes t-fade-in {
|
|
3
|
-
from {
|
|
4
|
-
opacity: 0;
|
|
5
|
-
}
|
|
6
|
-
to {
|
|
7
|
-
opacity: 1;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
2
|
@keyframes t-fade-in {
|
|
11
3
|
from {
|
|
12
4
|
opacity: 0;
|
|
@@ -15,14 +7,6 @@
|
|
|
15
7
|
opacity: 1;
|
|
16
8
|
}
|
|
17
9
|
}
|
|
18
|
-
@-webkit-keyframes t-fade-out {
|
|
19
|
-
from {
|
|
20
|
-
opacity: 1;
|
|
21
|
-
}
|
|
22
|
-
to {
|
|
23
|
-
opacity: 0;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
10
|
@keyframes t-fade-out {
|
|
27
11
|
from {
|
|
28
12
|
opacity: 1;
|
|
@@ -31,57 +15,30 @@
|
|
|
31
15
|
opacity: 0;
|
|
32
16
|
}
|
|
33
17
|
}
|
|
34
|
-
@-webkit-keyframes t-spin {
|
|
35
|
-
from {
|
|
36
|
-
-webkit-transform: rotate(0deg);
|
|
37
|
-
transform: rotate(0deg);
|
|
38
|
-
}
|
|
39
|
-
to {
|
|
40
|
-
-webkit-transform: rotate(360deg);
|
|
41
|
-
transform: rotate(360deg);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
18
|
@keyframes t-spin {
|
|
45
19
|
from {
|
|
46
|
-
|
|
47
|
-
transform: rotate(0deg);
|
|
20
|
+
transform: rotate(0deg);
|
|
48
21
|
}
|
|
49
22
|
to {
|
|
50
|
-
|
|
51
|
-
transform: rotate(360deg);
|
|
23
|
+
transform: rotate(360deg);
|
|
52
24
|
}
|
|
53
25
|
}
|
|
54
26
|
.t-icon-loading {
|
|
55
|
-
|
|
56
|
-
animation: t-spin 1s linear infinite;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
@-webkit-keyframes t-zoom-out {
|
|
60
|
-
from {
|
|
61
|
-
-webkit-transform: scale(0.2);
|
|
62
|
-
transform: scale(0.2);
|
|
63
|
-
}
|
|
64
|
-
to {
|
|
65
|
-
-webkit-transform: scale(1);
|
|
66
|
-
transform: scale(1);
|
|
67
|
-
}
|
|
27
|
+
animation: t-spin 1s linear infinite;
|
|
68
28
|
}
|
|
69
29
|
|
|
70
30
|
@keyframes t-zoom-out {
|
|
71
31
|
from {
|
|
72
|
-
|
|
73
|
-
transform: scale(0.2);
|
|
32
|
+
transform: scale(0.2);
|
|
74
33
|
}
|
|
75
34
|
to {
|
|
76
|
-
|
|
77
|
-
transform: scale(1);
|
|
35
|
+
transform: scale(1);
|
|
78
36
|
}
|
|
79
37
|
}
|
|
80
38
|
.t-loading {
|
|
81
39
|
font: var(--td-font-body-medium);
|
|
82
40
|
color: var(--td-text-color-primary);
|
|
83
|
-
|
|
84
|
-
box-sizing: border-box;
|
|
41
|
+
box-sizing: border-box;
|
|
85
42
|
margin: 0;
|
|
86
43
|
padding: 0;
|
|
87
44
|
list-style: none;
|
|
@@ -112,16 +69,10 @@
|
|
|
112
69
|
}
|
|
113
70
|
|
|
114
71
|
.t-loading--center {
|
|
115
|
-
display: -webkit-inline-box;
|
|
116
|
-
display: -ms-inline-flexbox;
|
|
117
72
|
display: inline-flex;
|
|
118
|
-
-
|
|
119
|
-
-ms-flex-align: center;
|
|
120
|
-
align-items: center;
|
|
73
|
+
align-items: center;
|
|
121
74
|
vertical-align: middle;
|
|
122
|
-
-
|
|
123
|
-
-ms-flex-pack: center;
|
|
124
|
-
justify-content: center;
|
|
75
|
+
justify-content: center;
|
|
125
76
|
}
|
|
126
77
|
|
|
127
78
|
.t-loading__content {
|
|
@@ -169,15 +120,9 @@
|
|
|
169
120
|
}
|
|
170
121
|
|
|
171
122
|
.t-loading__gradient {
|
|
172
|
-
display: -webkit-inline-box;
|
|
173
|
-
display: -ms-inline-flexbox;
|
|
174
123
|
display: inline-flex;
|
|
175
|
-
-
|
|
176
|
-
|
|
177
|
-
justify-content: center;
|
|
178
|
-
-webkit-box-align: center;
|
|
179
|
-
-ms-flex-align: center;
|
|
180
|
-
align-items: center;
|
|
124
|
+
justify-content: center;
|
|
125
|
+
align-items: center;
|
|
181
126
|
vertical-align: middle;
|
|
182
127
|
}
|
|
183
128
|
.t-loading__gradient-conic {
|
|
@@ -6,8 +6,7 @@
|
|
|
6
6
|
}
|
|
7
7
|
.t-notify[data-x-position=center] {
|
|
8
8
|
left: 50%;
|
|
9
|
-
|
|
10
|
-
transform: translateX(-50%);
|
|
9
|
+
transform: translateX(-50%);
|
|
11
10
|
}
|
|
12
11
|
.t-notify[data-y-position=top] {
|
|
13
12
|
top: 10px;
|
|
@@ -15,8 +14,7 @@
|
|
|
15
14
|
.t-notify {
|
|
16
15
|
font: var(--td-font-body-medium);
|
|
17
16
|
color: var(--td-text-color-primary);
|
|
18
|
-
|
|
19
|
-
box-sizing: border-box;
|
|
17
|
+
box-sizing: border-box;
|
|
20
18
|
margin: 0;
|
|
21
19
|
padding: 0;
|
|
22
20
|
list-style: none;
|
|
@@ -34,8 +32,7 @@
|
|
|
34
32
|
padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
|
|
35
33
|
background-color: var(--td-bg-color-container);
|
|
36
34
|
color: var(--td-text-color-secondary);
|
|
37
|
-
|
|
38
|
-
box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
|
|
35
|
+
box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
|
|
39
36
|
overflow: hidden;
|
|
40
37
|
}
|
|
41
38
|
.t-notify__item:hover {
|
|
@@ -48,12 +45,8 @@
|
|
|
48
45
|
}
|
|
49
46
|
.t-notify__item {
|
|
50
47
|
--y: translateY(-100%);
|
|
51
|
-
|
|
52
|
-
transform: var(--y);
|
|
53
|
-
-webkit-transition: opacity 400ms, height 400ms, -webkit-transform 400ms, -webkit-box-shadow 200ms;
|
|
54
|
-
transition: opacity 400ms, height 400ms, -webkit-transform 400ms, -webkit-box-shadow 200ms;
|
|
48
|
+
transform: var(--y);
|
|
55
49
|
transition: transform 400ms, opacity 400ms, height 400ms, box-shadow 200ms;
|
|
56
|
-
transition: transform 400ms, opacity 400ms, height 400ms, box-shadow 200ms, -webkit-transform 400ms, -webkit-box-shadow 200ms;
|
|
57
50
|
z-index: var(--z-index);
|
|
58
51
|
}
|
|
59
52
|
.t-notify__item[data-mounted=true][data-expanded=false] {
|
|
@@ -70,10 +63,7 @@
|
|
|
70
63
|
.t-notify__item[data-mounted=true][data-removed=true][data-front=false] {
|
|
71
64
|
--y: translateY(-40%);
|
|
72
65
|
opacity: 0;
|
|
73
|
-
-webkit-transition: opacity 200ms, -webkit-transform 400ms;
|
|
74
|
-
transition: opacity 200ms, -webkit-transform 400ms;
|
|
75
66
|
transition: transform 400ms, opacity 200ms;
|
|
76
|
-
transition: transform 400ms, opacity 200ms, -webkit-transform 400ms;
|
|
77
67
|
}
|
|
78
68
|
.t-notify__icon {
|
|
79
69
|
width: calc(var(--td-font-size-body-large) + 8px);
|
|
@@ -96,17 +86,11 @@
|
|
|
96
86
|
color: var(--td-error-color-6);
|
|
97
87
|
}
|
|
98
88
|
.t-notify__main {
|
|
99
|
-
|
|
100
|
-
-ms-flex: 1;
|
|
101
|
-
flex: 1;
|
|
89
|
+
flex: 1;
|
|
102
90
|
}
|
|
103
91
|
.t-notify__title__wrap {
|
|
104
|
-
display: -webkit-box;
|
|
105
|
-
display: -ms-flexbox;
|
|
106
92
|
display: flex;
|
|
107
|
-
-
|
|
108
|
-
-ms-flex-pack: justify;
|
|
109
|
-
justify-content: space-between;
|
|
93
|
+
justify-content: space-between;
|
|
110
94
|
}
|
|
111
95
|
.t-notify__title {
|
|
112
96
|
font: var(--td-font-title-medium);
|
|
@@ -130,8 +114,6 @@
|
|
|
130
114
|
margin-top: var(--td-comp-margin-s);
|
|
131
115
|
}
|
|
132
116
|
.t-notify__header {
|
|
133
|
-
display: -webkit-box;
|
|
134
|
-
display: -ms-flexbox;
|
|
135
117
|
display: flex;
|
|
136
118
|
}
|
|
137
119
|
.t-notify__detail {
|
package/es/popup/style/index.css
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
.t-popup {
|
|
2
2
|
font: var(--td-font-body-medium);
|
|
3
3
|
color: var(--td-text-color-primary);
|
|
4
|
-
|
|
5
|
-
box-sizing: border-box;
|
|
4
|
+
box-sizing: border-box;
|
|
6
5
|
margin: 0;
|
|
7
6
|
padding: 0;
|
|
8
7
|
list-style: none;
|
|
@@ -13,14 +12,12 @@
|
|
|
13
12
|
.t-popup__content {
|
|
14
13
|
position: relative;
|
|
15
14
|
background: var(--td-bg-color-container);
|
|
16
|
-
|
|
17
|
-
box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
|
|
15
|
+
box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
|
|
18
16
|
border-radius: var(--td-radius-medium);
|
|
19
17
|
padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
|
|
20
18
|
font-size: var(--td-font-size-body-medium);
|
|
21
19
|
line-height: var(--td-line-height-body-medium);
|
|
22
|
-
|
|
23
|
-
box-sizing: border-box;
|
|
20
|
+
box-sizing: border-box;
|
|
24
21
|
word-break: break-all;
|
|
25
22
|
}
|
|
26
23
|
|
|
@@ -35,8 +32,7 @@
|
|
|
35
32
|
content: "";
|
|
36
33
|
width: 8px;
|
|
37
34
|
height: 8px;
|
|
38
|
-
|
|
39
|
-
transform: rotate(45deg);
|
|
35
|
+
transform: rotate(45deg);
|
|
40
36
|
background: var(--td-bg-color-container);
|
|
41
37
|
}
|
|
42
38
|
|
|
@@ -76,8 +72,7 @@
|
|
|
76
72
|
|
|
77
73
|
.t-popup[data-popper-placement^=top] .t-popup__arrow::before {
|
|
78
74
|
border-top-left-radius: 100%;
|
|
79
|
-
|
|
80
|
-
box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
|
|
75
|
+
box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
|
|
81
76
|
}
|
|
82
77
|
|
|
83
78
|
.t-popup[data-popper-placement=top-start] .t-popup__arrow {
|
|
@@ -98,8 +93,7 @@
|
|
|
98
93
|
}
|
|
99
94
|
.t-popup[data-popper-placement^=bottom] .t-popup__arrow::before {
|
|
100
95
|
border-bottom-right-radius: 100%;
|
|
101
|
-
|
|
102
|
-
box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
|
|
96
|
+
box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
|
|
103
97
|
}
|
|
104
98
|
|
|
105
99
|
.t-popup[data-popper-placement=bottom-start] .t-popup__arrow {
|
|
@@ -119,8 +113,7 @@
|
|
|
119
113
|
right: calc(-8px / 2);
|
|
120
114
|
}
|
|
121
115
|
.t-popup[data-popper-placement^=left] .t-popup__arrow::before {
|
|
122
|
-
|
|
123
|
-
box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
|
|
116
|
+
box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
|
|
124
117
|
}
|
|
125
118
|
|
|
126
119
|
.t-popup[data-popper-placement=left-start] .t-popup__arrow {
|
|
@@ -140,8 +133,7 @@
|
|
|
140
133
|
left: calc(-8px / 2);
|
|
141
134
|
}
|
|
142
135
|
.t-popup[data-popper-placement^=right] .t-popup__arrow::before {
|
|
143
|
-
|
|
144
|
-
box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
|
|
136
|
+
box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
|
|
145
137
|
}
|
|
146
138
|
|
|
147
139
|
.t-popup[data-popper-placement=right-start] .t-popup__arrow {
|
|
@@ -171,16 +163,13 @@
|
|
|
171
163
|
.prefix-popup--animation-leave {
|
|
172
164
|
opacity: 1;
|
|
173
165
|
visibility: visible;
|
|
174
|
-
|
|
175
|
-
transform: none;
|
|
166
|
+
transform: none;
|
|
176
167
|
}
|
|
177
168
|
|
|
178
169
|
.prefix-popup--animation-enter-active {
|
|
179
|
-
-webkit-transition: opacity 0.2s linear;
|
|
180
170
|
transition: opacity 0.2s linear;
|
|
181
171
|
}
|
|
182
172
|
|
|
183
173
|
.prefix-popup--animation-leave-active {
|
|
184
|
-
-webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
|
|
185
174
|
transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
|
|
186
175
|
}
|