@vtx/modals2 2.6.35 → 2.6.36
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.
|
@@ -31,6 +31,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
31
31
|
// 弹框内容最大高度：document高度-上下空80-弹框头高度
|
|
32
32
|
var MAX_CONTENT_HEIGHT = document.body.clientHeight - 160 - 60;
|
|
33
33
|
var VtxBaseModal = function VtxBaseModal(props) {
|
|
34
|
+
var _a;
|
|
34
35
|
var contentRef = (0, _react.useRef)(null);
|
|
35
36
|
var _useState = (0, _react.useState)({}),
|
|
36
37
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -119,6 +120,8 @@ var VtxBaseModal = function VtxBaseModal(props) {
|
|
|
119
120
|
};
|
|
120
121
|
var chartFontColor = theme === 'dark' ? '#fff' : '#000';
|
|
121
122
|
var chartColor = ['#73A0FA', '#73DEB3', '#29A634', '#9CBF30', '#F3B825', '#EB532E', '#DB2C6F', '#9179F2'];
|
|
123
|
+
// 弹窗x方向偏移量，当分辨率低于width时，设为弹窗宽度
|
|
124
|
+
var transformX = document.body.clientWidth < width ? (((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0) + 181 : width;
|
|
122
125
|
return !visible ? null : /*#__PURE__*/_react["default"].createElement(_vtxThemeProvider["default"], {
|
|
123
126
|
value: {
|
|
124
127
|
theme: theme,
|
|
@@ -134,7 +137,7 @@ var VtxBaseModal = function VtxBaseModal(props) {
|
|
|
134
137
|
style: {
|
|
135
138
|
width: width,
|
|
136
139
|
// height: height,
|
|
137
|
-
transform: "translateX(".concat(-
|
|
140
|
+
transform: "translateX(".concat(-transformX / 2, "px)")
|
|
138
141
|
}
|
|
139
142
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
140
143
|
className: "vtx-business-modal--head"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["MAX_CONTENT_HEIGHT","document","body","clientHeight","VtxBaseModal","props","contentRef","useRef","useState","contentStyle","setContentStyle","hasCollect","setHasCollect","id","type","title","visible","width","onCancel","subTitle","contents","tabs","onTabsChange","theme","key","tabKey","setTabKey","useEffect","classList","add","remove","_a","contentHeight","current","maxHeight","overflow","fetchFavoriter","then","res","data","length","includes","toggleCollect","delFavoriter","result","saveFavoriter","clickTract","window","open","location","protocol","host","href","split","chartFontColor","chartColor","React","createElement","VtxThemeProvider","value","className","style","transform","onClick","src","collect","collectLight","track","trackLight","closeImg","closeImgDark","alt","ref","map","ele","index","classNames"],"sources":["vtx-base-modal/index.js"],"sourcesContent":["import classNames from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport VtxThemeProvider from '../vtx-theme-provider';\nimport { delFavoriter, fetchFavoriter, saveFavoriter } from './api';\nimport './style';\nimport closeImgDark from './imgs/close-dark.png';\nimport closeImg from './imgs/close.png';\nimport collect from './imgs/collect.png';\nimport collectLight from './imgs/collect_light.png';\nimport track from './imgs/track.png';\nimport trackLight from './imgs/track_light.png';\n// 弹框内容最大高度：document高度-上下空80-弹框头高度\nconst MAX_CONTENT_HEIGHT = document.body.clientHeight - 160 - 60;\nconst VtxBaseModal = props => {\n const contentRef = useRef(null);\n const [contentStyle, setContentStyle] = useState({});\n const [hasCollect, setHasCollect] = useState(false);\n const { id = '', type = '', title, visible, width = 1478, onCancel, subTitle, contents, tabs, \n // headerExt,\n onTabsChange, \n // className,\n theme = 'dark', } = props;\n const [tabKey, setTabKey] = useState(tabs[0].key);\n useEffect(() => {\n if (!visible)\n setTabKey(tabs[0].key);\n }, [visible]);\n useEffect(() => {\n document.body.classList.add(theme);\n document.body.classList.add('overHiddenScroll');\n return () => {\n document.body.classList.remove(theme);\n document.body.classList.remove('overHiddenScroll');\n };\n }, []);\n useEffect(() => {\n var _a;\n const contentHeight = ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;\n if (contentHeight >= MAX_CONTENT_HEIGHT) {\n setContentStyle({\n maxHeight: MAX_CONTENT_HEIGHT,\n overflow: 'auto',\n });\n }\n else {\n setContentStyle({});\n }\n }, [contents[tabKey]]);\n useEffect(() => {\n if (id) {\n fetchFavoriter(id, type).then((res) => {\n var _a;\n if (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n setHasCollect(res.data.includes(id));\n }\n });\n }\n }, [id, type]);\n // 收藏-取消收藏\n const toggleCollect = () => {\n if (hasCollect) {\n delFavoriter(id, type).then((res) => {\n if (res.result === 0) {\n setHasCollect(false);\n }\n });\n }\n else {\n saveFavoriter(id, type).then((res) => {\n if (res.result === 0) {\n setHasCollect(true);\n }\n });\n }\n };\n // 历史轨迹\n const clickTract = () => {\n if (type === 'car') {\n window.open(`${location.protocol}//${location.host}/carHistory/#/index?carId=${id}&${location.href.split('?')[1]}`);\n }\n if (type === 'staff') {\n window.open(`${location.href.split('#')[0]}#/staffHistory?staffId=${id}&${location.href.split('?')[1]}`);\n }\n };\n const chartFontColor = theme === 'dark' ? '#fff' : '#000';\n const chartColor = [\n '#73A0FA',\n '#73DEB3',\n '#29A634',\n '#9CBF30',\n '#F3B825',\n '#EB532E',\n '#DB2C6F',\n '#9179F2',\n ];\n return !visible ? null : (React.createElement(VtxThemeProvider, { value: { theme, chartFontColor, chartColor } },\n React.createElement(\"div\", { className: `vtx-business-modal-wrap ${theme}` },\n React.createElement(\"div\", { className: \"mask\" }),\n React.createElement(\"div\", { className: `vtx-business-modal ${theme}`, style: {\n width: width,\n // height: height,\n transform: `translateX(${-width / 2}px)`,\n } },\n React.createElement(\"div\", { className: \"vtx-business-modal--head\" },\n React.createElement(\"div\", { className: `vtx-business-modal--head-title ${theme}` },\n React.createElement(\"div\", { className: `vtx-business-modal--head-title-bg ${theme}` }),\n title,\n subTitle),\n React.createElement(\"div\", { className: \"vtx-business-modal--head-btns\" },\n type && (React.createElement(\"div\", { className: \"vtx-business-modal--head-btn\", onClick: () => {\n toggleCollect();\n } },\n React.createElement(\"img\", { src: theme === 'dark' ? collect : collectLight }),\n hasCollect ? '已收藏' : '收藏')),\n (type === 'car' || type === 'staff') && (React.createElement(\"div\", { className: \"vtx-business-modal--head-btn\", onClick: () => {\n clickTract();\n } },\n React.createElement(\"img\", { src: theme === 'dark' ? track : trackLight }),\n \"\\u5386\\u53F2\\u8F68\\u8FF9\")),\n React.createElement(\"img\", { className: \"close-btn\", src: theme === 'light' ? closeImg : closeImgDark, alt: \"\", onClick: () => onCancel && onCancel() }))),\n React.createElement(\"div\", { className: 'vtx-business-modal--content' },\n React.createElement(\"div\", { className: (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1\n ? 'vtx-business-modal--main'\n : 'vtx-business-modal--main-notab', ref: contentRef, style: contentStyle }, contents[tabKey]),\n (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && (React.createElement(\"div\", { className: `vtx-modal-tabs ${theme}` }, tabs.map((ele, index) => (React.createElement(\"div\", { key: index, className: classNames(`vtx-modal-tabs--tab`, {\n [`vtx-modal-tabs--tab_active ${theme}`]: tabKey === ele.key,\n }), onClick: () => {\n setTabKey(ele.key);\n onTabsChange === null || onTabsChange === void 0 ? void 0 : onTabsChange(ele.key);\n } }, ele.title))))))))));\n};\nexport default VtxBaseModal;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["MAX_CONTENT_HEIGHT","document","body","clientHeight","VtxBaseModal","props","_a","contentRef","useRef","useState","contentStyle","setContentStyle","hasCollect","setHasCollect","id","type","title","visible","width","onCancel","subTitle","contents","tabs","onTabsChange","theme","key","tabKey","setTabKey","useEffect","classList","add","remove","contentHeight","current","maxHeight","overflow","fetchFavoriter","then","res","data","length","includes","toggleCollect","delFavoriter","result","saveFavoriter","clickTract","window","open","location","protocol","host","href","split","chartFontColor","chartColor","transformX","clientWidth","React","createElement","VtxThemeProvider","value","className","style","transform","onClick","src","collect","collectLight","track","trackLight","closeImg","closeImgDark","alt","ref","map","ele","index","classNames"],"sources":["vtx-base-modal/index.js"],"sourcesContent":["import classNames from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport VtxThemeProvider from '../vtx-theme-provider';\nimport { delFavoriter, fetchFavoriter, saveFavoriter } from './api';\nimport './style';\nimport closeImgDark from './imgs/close-dark.png';\nimport closeImg from './imgs/close.png';\nimport collect from './imgs/collect.png';\nimport collectLight from './imgs/collect_light.png';\nimport track from './imgs/track.png';\nimport trackLight from './imgs/track_light.png';\n// 弹框内容最大高度：document高度-上下空80-弹框头高度\nconst MAX_CONTENT_HEIGHT = document.body.clientHeight - 160 - 60;\nconst VtxBaseModal = props => {\n var _a;\n const contentRef = useRef(null);\n const [contentStyle, setContentStyle] = useState({});\n const [hasCollect, setHasCollect] = useState(false);\n const { id = '', type = '', title, visible, width = 1478, onCancel, subTitle, contents, tabs, \n // headerExt,\n onTabsChange, \n // className,\n theme = 'dark', } = props;\n const [tabKey, setTabKey] = useState(tabs[0].key);\n useEffect(() => {\n if (!visible)\n setTabKey(tabs[0].key);\n }, [visible]);\n useEffect(() => {\n document.body.classList.add(theme);\n document.body.classList.add('overHiddenScroll');\n return () => {\n document.body.classList.remove(theme);\n document.body.classList.remove('overHiddenScroll');\n };\n }, []);\n useEffect(() => {\n var _a;\n const contentHeight = ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;\n if (contentHeight >= MAX_CONTENT_HEIGHT) {\n setContentStyle({\n maxHeight: MAX_CONTENT_HEIGHT,\n overflow: 'auto',\n });\n }\n else {\n setContentStyle({});\n }\n }, [contents[tabKey]]);\n useEffect(() => {\n if (id) {\n fetchFavoriter(id, type).then((res) => {\n var _a;\n if (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n setHasCollect(res.data.includes(id));\n }\n });\n }\n }, [id, type]);\n // 收藏-取消收藏\n const toggleCollect = () => {\n if (hasCollect) {\n delFavoriter(id, type).then((res) => {\n if (res.result === 0) {\n setHasCollect(false);\n }\n });\n }\n else {\n saveFavoriter(id, type).then((res) => {\n if (res.result === 0) {\n setHasCollect(true);\n }\n });\n }\n };\n // 历史轨迹\n const clickTract = () => {\n if (type === 'car') {\n window.open(`${location.protocol}//${location.host}/carHistory/#/index?carId=${id}&${location.href.split('?')[1]}`);\n }\n if (type === 'staff') {\n window.open(`${location.href.split('#')[0]}#/staffHistory?staffId=${id}&${location.href.split('?')[1]}`);\n }\n };\n const chartFontColor = theme === 'dark' ? '#fff' : '#000';\n const chartColor = [\n '#73A0FA',\n '#73DEB3',\n '#29A634',\n '#9CBF30',\n '#F3B825',\n '#EB532E',\n '#DB2C6F',\n '#9179F2',\n ];\n // 弹窗x方向偏移量，当分辨率低于width时，设为弹窗宽度\n const transformX = document.body.clientWidth < width ? (((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0) + 181 : width;\n return !visible ? null : (React.createElement(VtxThemeProvider, { value: { theme, chartFontColor, chartColor } },\n React.createElement(\"div\", { className: `vtx-business-modal-wrap ${theme}` },\n React.createElement(\"div\", { className: \"mask\" }),\n React.createElement(\"div\", { className: `vtx-business-modal ${theme}`, style: {\n width: width,\n // height: height,\n transform: `translateX(${-transformX / 2}px)`,\n } },\n React.createElement(\"div\", { className: \"vtx-business-modal--head\" },\n React.createElement(\"div\", { className: `vtx-business-modal--head-title ${theme}` },\n React.createElement(\"div\", { className: `vtx-business-modal--head-title-bg ${theme}` }),\n title,\n subTitle),\n React.createElement(\"div\", { className: \"vtx-business-modal--head-btns\" },\n type && (React.createElement(\"div\", { className: \"vtx-business-modal--head-btn\", onClick: () => {\n toggleCollect();\n } },\n React.createElement(\"img\", { src: theme === 'dark' ? collect : collectLight }),\n hasCollect ? '已收藏' : '收藏')),\n (type === 'car' || type === 'staff') && (React.createElement(\"div\", { className: \"vtx-business-modal--head-btn\", onClick: () => {\n clickTract();\n } },\n React.createElement(\"img\", { src: theme === 'dark' ? track : trackLight }),\n \"\\u5386\\u53F2\\u8F68\\u8FF9\")),\n React.createElement(\"img\", { className: \"close-btn\", src: theme === 'light' ? closeImg : closeImgDark, alt: \"\", onClick: () => onCancel && onCancel() }))),\n React.createElement(\"div\", { className: 'vtx-business-modal--content' },\n React.createElement(\"div\", { className: (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1\n ? 'vtx-business-modal--main'\n : 'vtx-business-modal--main-notab', ref: contentRef, style: contentStyle }, contents[tabKey]),\n (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 1 && (React.createElement(\"div\", { className: `vtx-modal-tabs ${theme}` }, tabs.map((ele, index) => (React.createElement(\"div\", { key: index, className: classNames(`vtx-modal-tabs--tab`, {\n [`vtx-modal-tabs--tab_active ${theme}`]: tabKey === ele.key,\n }), onClick: () => {\n setTabKey(ele.key);\n onTabsChange === null || onTabsChange === void 0 ? void 0 : onTabsChange(ele.key);\n } }, ele.title))))))))));\n};\nexport default VtxBaseModal;\n"],"mappings":"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"}
|