@beppla/tapas-ui 1.5.0 → 1.5.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/commonjs/Alert/Alert.js +1 -1
- package/commonjs/Alert/README.md +75 -0
- package/commonjs/BarChart/BarChart.js +49 -86
- package/commonjs/BarChart/BarChart.js.map +1 -1
- package/commonjs/BarChart/README.md +172 -0
- package/commonjs/Button/README.md +108 -0
- package/commonjs/Calendar/Calendar.base.js +1 -1
- package/commonjs/Calendar/Calendar.base.js.map +1 -1
- package/commonjs/Calendar/ConcreteTimeSelector.js +0 -6
- package/commonjs/Calendar/ConcreteTimeSelector.js.map +1 -1
- package/commonjs/Calendar/README.md +410 -0
- package/commonjs/Calendar/TimeSelector.js +0 -7
- package/commonjs/Calendar/TimeSelector.js.map +1 -1
- package/commonjs/Card/Card.js +1 -1
- package/commonjs/Card/Card.js.map +1 -1
- package/commonjs/Card/README.md +126 -0
- package/commonjs/CheckBox/CheckBox.js +3 -1
- package/commonjs/CheckBox/CheckBox.js.map +1 -1
- package/commonjs/CheckBox/CheckBoxItem.js +3 -1
- package/commonjs/CheckBox/CheckBoxItem.js.map +1 -1
- package/commonjs/CheckBox/README.md +147 -0
- package/commonjs/CircularProgress/CircularProgress.js +1 -1
- package/commonjs/CircularProgress/CircularProgress.js.map +1 -1
- package/commonjs/CircularProgress/README.md +70 -0
- package/commonjs/Collapsible/Collapsible.js +1 -1
- package/commonjs/Collapsible/Collapsible.js.map +1 -1
- package/commonjs/Collapsible/README.md +140 -0
- package/commonjs/ComboChart/ComboChart.js +3 -2
- package/commonjs/ComboChart/ComboChart.js.map +1 -1
- package/commonjs/ComboChart/README.md +124 -0
- package/commonjs/DashboardCard/DashboardCard.js +5 -1
- package/commonjs/DashboardCard/DashboardCard.js.map +1 -1
- package/commonjs/DashboardCard/README.md +120 -0
- package/commonjs/DataCell/DataCell.js +41 -56
- package/commonjs/DataCell/DataCell.js.map +1 -1
- package/commonjs/DataTable/DataTable.js.map +1 -1
- package/commonjs/DataTable/README.md +159 -0
- package/commonjs/DeviceSelectionModal/README.md +124 -0
- package/commonjs/DraggableFlatList/README.md +35 -0
- package/commonjs/Drawer/README.md +175 -0
- package/commonjs/Dropdown/CustomDropdown.js +0 -4
- package/commonjs/Dropdown/CustomDropdown.js.map +1 -1
- package/commonjs/Dropdown/Dropdown.js +1 -1
- package/commonjs/Dropdown/InputDropdown.js +4 -8
- package/commonjs/Dropdown/InputDropdown.js.map +1 -1
- package/commonjs/Dropdown/README.md +230 -0
- package/commonjs/ExternalLink/README.md +81 -0
- package/commonjs/Gantt/Gantt.js +82 -55
- package/commonjs/Gantt/Gantt.js.map +1 -1
- package/commonjs/Gantt/README.md +155 -0
- package/commonjs/Gantt/helper.js +13 -9
- package/commonjs/Gantt/helper.js.map +1 -1
- package/commonjs/Grid/FixedSizeGrid.js +2 -3
- package/commonjs/Grid/FixedSizeGrid.js.map +1 -1
- package/commonjs/Grid/Grid.base.js +0 -3
- package/commonjs/Grid/Grid.base.js.map +1 -1
- package/commonjs/Grid/README.md +197 -0
- package/commonjs/Grid/StaticFixedSizeGrid.js +22 -28
- package/commonjs/Grid/StaticFixedSizeGrid.js.map +1 -1
- package/commonjs/Grid/VariableSizeGrid.js +13 -18
- package/commonjs/Grid/VariableSizeGrid.js.map +1 -1
- package/commonjs/Header/README.md +109 -0
- package/commonjs/HelloWave/README.md +28 -0
- package/commonjs/Hoverable/Hoverable.js.map +1 -1
- package/commonjs/IconText/IconText.js +1 -1
- package/commonjs/IconText/IconText.js.map +1 -1
- package/commonjs/IconText/README.md +99 -0
- package/commonjs/Icons/TapasIcon.js +30 -2
- package/commonjs/Icons/TapasIcon.js.map +1 -1
- package/commonjs/Icons/TapasIconExpo.js +4 -4
- package/commonjs/Icons/TapasIconExpo.js.map +1 -1
- package/commonjs/Icons/expoFontLoader.js +7 -195
- package/commonjs/Icons/expoFontLoader.js.map +1 -1
- package/commonjs/Icons/fontLoader.js +9 -230
- package/commonjs/Icons/fontLoader.js.map +1 -1
- package/commonjs/Icons/smartFontLoader.js +3 -0
- package/commonjs/Icons/smartFontLoader.js.map +1 -1
- package/commonjs/Image/PreviewImg/README.md +100 -0
- package/commonjs/Image/PreviewImg.js +16 -14
- package/commonjs/Image/PreviewImg.js.map +1 -1
- package/commonjs/Image/README.md +88 -0
- package/commonjs/Input/Input.js +60 -4
- package/commonjs/Input/Input.js.map +1 -1
- package/commonjs/Layout/README.md +174 -0
- package/commonjs/LineChart/LineChart.js +25 -17
- package/commonjs/LineChart/LineChart.js.map +1 -1
- package/commonjs/LineChart/README.md +181 -0
- package/commonjs/ListItem/ListItem.js +1 -1
- package/commonjs/ListItem/ListItem.js.map +1 -1
- package/commonjs/ListItem/README.md +122 -0
- package/commonjs/MessageBox/MessageBox.js +7 -1
- package/commonjs/MessageBox/MessageBox.js.map +1 -1
- package/commonjs/MessageBox/README.md +120 -0
- package/commonjs/Navigation/Navigation.js.map +1 -1
- package/commonjs/Navigation/README.md +197 -0
- package/commonjs/NumericInput/README.md +95 -0
- package/commonjs/Overlay/README.md +84 -0
- package/commonjs/Pagination/Pagination.js +11 -9
- package/commonjs/Pagination/Pagination.js.map +1 -1
- package/commonjs/Pagination/README.md +106 -0
- package/commonjs/PieChart/PieChart.js +16 -13
- package/commonjs/PieChart/PieChart.js.map +1 -1
- package/commonjs/PieChart/README.md +212 -0
- package/commonjs/Popover/README.md +82 -0
- package/commonjs/Progress/Progress.js +1 -1
- package/commonjs/Progress/Progress.js.map +1 -1
- package/commonjs/Progress/README.md +106 -0
- package/commonjs/RadioButton/README.md +85 -0
- package/commonjs/RadioButton/RadioButton.js +1 -1
- package/commonjs/RadioButton/RadioButton.js.map +1 -1
- package/commonjs/ScanButton/README.md +72 -0
- package/commonjs/SearchInput/SearchInput.js +5 -1
- package/commonjs/SearchInput/SearchInput.js.map +1 -1
- package/commonjs/SheetTitle/README.md +89 -0
- package/commonjs/SheetTitle/SheetTitle.js +1 -1
- package/commonjs/SheetTitle/SheetTitle.js.map +1 -1
- package/commonjs/Shell/README.md +152 -0
- package/commonjs/Shell/Shell.js.map +1 -1
- package/commonjs/StatisticCard/README.md +129 -0
- package/commonjs/StatisticCard/StatisticCard.js +2 -2
- package/commonjs/StatisticCard/StatisticCard.js.map +1 -1
- package/commonjs/StatisticsTable/StatisticsTable.js.map +1 -1
- package/commonjs/Status/README.md +75 -0
- package/commonjs/Status/Status.js +1 -1
- package/commonjs/Status/Status.js.map +1 -1
- package/commonjs/Steps/README.md +76 -0
- package/commonjs/Steps/Steps.js +1 -1
- package/commonjs/Steps/Steps.js.map +1 -1
- package/commonjs/Switch/Switch.js +101 -0
- package/commonjs/Switch/Switch.js.map +1 -0
- package/commonjs/Tab/README.md +161 -0
- package/commonjs/Tag/README.md +93 -0
- package/commonjs/Tag/Tag.js +4 -2
- package/commonjs/Tag/Tag.js.map +1 -1
- package/commonjs/Task/README.md +110 -0
- package/commonjs/Text/README.md +97 -0
- package/commonjs/TextArea/README.md +127 -0
- package/commonjs/TextArea/TextArea.js +4 -2
- package/commonjs/TextArea/TextArea.js.map +1 -1
- package/commonjs/Theme/README.md +161 -0
- package/commonjs/Theme/ThemeProvider.js +4 -1
- package/commonjs/Theme/ThemeProvider.js.map +1 -1
- package/commonjs/Theme/defaultTheme.js +1 -0
- package/commonjs/Theme/defaultTheme.js.map +1 -1
- package/commonjs/Theme/makeStyles.js +30 -0
- package/commonjs/Theme/makeStyles.js.map +1 -0
- package/commonjs/Theme/withTheme.js +91 -0
- package/commonjs/Theme/withTheme.js.map +1 -0
- package/commonjs/Timeline/README.md +111 -0
- package/commonjs/Timeline/Timeline.js +4 -4
- package/commonjs/Timeline/Timeline.js.map +1 -1
- package/commonjs/Toast/README.md +96 -0
- package/commonjs/Upload/Upload.js +126 -0
- package/commonjs/Upload/Upload.js.map +1 -0
- package/commonjs/WebViewBridge/WebViewBridge.js +2 -0
- package/commonjs/WebViewBridge/WebViewBridge.js.map +1 -1
- package/commonjs/common/bridgelessUtils.js +2 -2
- package/commonjs/common/bridgelessUtils.js.map +1 -1
- package/commonjs/index.js +39 -5
- package/commonjs/index.js.map +1 -1
- package/module/Alert/Alert.js +1 -1
- package/module/Alert/README.md +75 -0
- package/module/BarChart/BarChart.js +48 -86
- package/module/BarChart/BarChart.js.map +1 -1
- package/module/BarChart/README.md +172 -0
- package/module/Button/README.md +108 -0
- package/module/Calendar/Calendar.base.js +1 -1
- package/module/Calendar/Calendar.base.js.map +1 -1
- package/module/Calendar/ConcreteTimeSelector.js +0 -6
- package/module/Calendar/ConcreteTimeSelector.js.map +1 -1
- package/module/Calendar/README.md +410 -0
- package/module/Calendar/TimeSelector.js +0 -7
- package/module/Calendar/TimeSelector.js.map +1 -1
- package/module/Card/Card.js +1 -1
- package/module/Card/Card.js.map +1 -1
- package/module/Card/README.md +126 -0
- package/module/CheckBox/CheckBox.js +3 -1
- package/module/CheckBox/CheckBox.js.map +1 -1
- package/module/CheckBox/CheckBoxItem.js +3 -1
- package/module/CheckBox/CheckBoxItem.js.map +1 -1
- package/module/CheckBox/README.md +147 -0
- package/module/CircularProgress/CircularProgress.js +1 -1
- package/module/CircularProgress/CircularProgress.js.map +1 -1
- package/module/CircularProgress/README.md +70 -0
- package/module/Collapsible/Collapsible.js +1 -1
- package/module/Collapsible/Collapsible.js.map +1 -1
- package/module/Collapsible/README.md +140 -0
- package/module/ComboChart/ComboChart.js +3 -2
- package/module/ComboChart/ComboChart.js.map +1 -1
- package/module/ComboChart/README.md +124 -0
- package/module/DashboardCard/DashboardCard.js +5 -1
- package/module/DashboardCard/DashboardCard.js.map +1 -1
- package/module/DashboardCard/README.md +120 -0
- package/module/DataCell/DataCell.js +41 -56
- package/module/DataCell/DataCell.js.map +1 -1
- package/module/DataTable/DataTable.js.map +1 -1
- package/module/DataTable/README.md +159 -0
- package/module/DeviceSelectionModal/README.md +124 -0
- package/module/DraggableFlatList/README.md +35 -0
- package/module/Drawer/README.md +175 -0
- package/module/Dropdown/CustomDropdown.js +0 -3
- package/module/Dropdown/CustomDropdown.js.map +1 -1
- package/module/Dropdown/Dropdown.js +1 -1
- package/module/Dropdown/InputDropdown.js +4 -8
- package/module/Dropdown/InputDropdown.js.map +1 -1
- package/module/Dropdown/README.md +230 -0
- package/module/ExternalLink/README.md +81 -0
- package/module/Gantt/Gantt.js +82 -55
- package/module/Gantt/Gantt.js.map +1 -1
- package/module/Gantt/README.md +155 -0
- package/module/Gantt/helper.js +13 -9
- package/module/Gantt/helper.js.map +1 -1
- package/module/Grid/FixedSizeGrid.js +2 -3
- package/module/Grid/FixedSizeGrid.js.map +1 -1
- package/module/Grid/Grid.base.js +0 -3
- package/module/Grid/Grid.base.js.map +1 -1
- package/module/Grid/README.md +197 -0
- package/module/Grid/StaticFixedSizeGrid.js +22 -28
- package/module/Grid/StaticFixedSizeGrid.js.map +1 -1
- package/module/Grid/VariableSizeGrid.js +13 -18
- package/module/Grid/VariableSizeGrid.js.map +1 -1
- package/module/Header/README.md +109 -0
- package/module/HelloWave/README.md +28 -0
- package/module/Hoverable/Hoverable.js.map +1 -1
- package/module/IconText/IconText.js +1 -1
- package/module/IconText/IconText.js.map +1 -1
- package/module/IconText/README.md +99 -0
- package/module/Icons/TapasIcon.js +28 -1
- package/module/Icons/TapasIcon.js.map +1 -1
- package/module/Icons/TapasIconExpo.js +4 -4
- package/module/Icons/TapasIconExpo.js.map +1 -1
- package/module/Icons/expoFontLoader.js +6 -193
- package/module/Icons/expoFontLoader.js.map +1 -1
- package/module/Icons/fontLoader.js +8 -228
- package/module/Icons/fontLoader.js.map +1 -1
- package/module/Icons/smartFontLoader.js +3 -0
- package/module/Icons/smartFontLoader.js.map +1 -1
- package/module/Image/PreviewImg/README.md +100 -0
- package/module/Image/PreviewImg.js +16 -14
- package/module/Image/PreviewImg.js.map +1 -1
- package/module/Image/README.md +88 -0
- package/module/Input/Input.js +60 -4
- package/module/Input/Input.js.map +1 -1
- package/module/Layout/README.md +174 -0
- package/module/LineChart/LineChart.js +24 -17
- package/module/LineChart/LineChart.js.map +1 -1
- package/module/LineChart/README.md +181 -0
- package/module/ListItem/ListItem.js +1 -1
- package/module/ListItem/ListItem.js.map +1 -1
- package/module/ListItem/README.md +122 -0
- package/module/MessageBox/MessageBox.js +8 -2
- package/module/MessageBox/MessageBox.js.map +1 -1
- package/module/MessageBox/README.md +120 -0
- package/module/Navigation/Navigation.js.map +1 -1
- package/module/Navigation/README.md +197 -0
- package/module/NumericInput/README.md +95 -0
- package/module/Overlay/README.md +84 -0
- package/module/Pagination/Pagination.js +11 -9
- package/module/Pagination/Pagination.js.map +1 -1
- package/module/Pagination/README.md +106 -0
- package/module/PieChart/PieChart.js +15 -13
- package/module/PieChart/PieChart.js.map +1 -1
- package/module/PieChart/README.md +212 -0
- package/module/Popover/README.md +82 -0
- package/module/Progress/Progress.js +1 -1
- package/module/Progress/Progress.js.map +1 -1
- package/module/Progress/README.md +106 -0
- package/module/RadioButton/README.md +85 -0
- package/module/RadioButton/RadioButton.js +1 -1
- package/module/RadioButton/RadioButton.js.map +1 -1
- package/module/ScanButton/README.md +72 -0
- package/module/SearchInput/SearchInput.js +5 -1
- package/module/SearchInput/SearchInput.js.map +1 -1
- package/module/SheetTitle/README.md +89 -0
- package/module/SheetTitle/SheetTitle.js +1 -1
- package/module/SheetTitle/SheetTitle.js.map +1 -1
- package/module/Shell/README.md +152 -0
- package/module/Shell/Shell.js.map +1 -1
- package/module/StatisticCard/README.md +129 -0
- package/module/StatisticCard/StatisticCard.js +2 -1
- package/module/StatisticCard/StatisticCard.js.map +1 -1
- package/module/StatisticsTable/StatisticsTable.js.map +1 -1
- package/module/Status/README.md +75 -0
- package/module/Status/Status.js +1 -1
- package/module/Status/Status.js.map +1 -1
- package/module/Steps/README.md +76 -0
- package/module/Steps/Steps.js +1 -1
- package/module/Steps/Steps.js.map +1 -1
- package/module/Switch/Switch.js +96 -0
- package/module/Switch/Switch.js.map +1 -0
- package/module/Tab/README.md +161 -0
- package/module/Tag/README.md +93 -0
- package/module/Tag/Tag.js +4 -2
- package/module/Tag/Tag.js.map +1 -1
- package/module/Task/README.md +110 -0
- package/module/Text/README.md +97 -0
- package/module/TextArea/README.md +127 -0
- package/module/TextArea/TextArea.js +4 -2
- package/module/TextArea/TextArea.js.map +1 -1
- package/module/Theme/README.md +161 -0
- package/module/Theme/ThemeProvider.js +4 -1
- package/module/Theme/ThemeProvider.js.map +1 -1
- package/module/Theme/defaultTheme.js +1 -0
- package/module/Theme/defaultTheme.js.map +1 -1
- package/module/Theme/makeStyles.js +24 -0
- package/module/Theme/makeStyles.js.map +1 -0
- package/module/Theme/withTheme.js +82 -0
- package/module/Theme/withTheme.js.map +1 -0
- package/module/Timeline/README.md +111 -0
- package/module/Timeline/Timeline.js +4 -4
- package/module/Timeline/Timeline.js.map +1 -1
- package/module/Toast/README.md +96 -0
- package/module/Upload/Upload.js +121 -0
- package/module/Upload/Upload.js.map +1 -0
- package/module/WebViewBridge/WebViewBridge.js +2 -0
- package/module/WebViewBridge/WebViewBridge.js.map +1 -1
- package/module/common/bridgelessUtils.js +2 -2
- package/module/common/bridgelessUtils.js.map +1 -1
- package/module/index.js +12 -4
- package/module/index.js.map +1 -1
- package/package.json +1 -1
- package/typescript/BarChart/BarChart.d.ts.map +1 -1
- package/typescript/Calendar/ConcreteTimeSelector.d.ts.map +1 -1
- package/typescript/Calendar/TimeSelector.d.ts.map +1 -1
- package/typescript/Card/Card.d.ts.map +1 -1
- package/typescript/CheckBox/CheckBox.d.ts.map +1 -1
- package/typescript/CheckBox/CheckBoxItem.d.ts.map +1 -1
- package/typescript/CircularProgress/CircularProgress.d.ts.map +1 -1
- package/typescript/Collapsible/Collapsible.d.ts.map +1 -1
- package/typescript/ComboChart/ComboChart.d.ts.map +1 -1
- package/typescript/DashboardCard/DashboardCard.d.ts +2 -2
- package/typescript/DashboardCard/DashboardCard.d.ts.map +1 -1
- package/typescript/DataCell/DataCell.d.ts.map +1 -1
- package/typescript/Dropdown/CustomDropdown.d.ts.map +1 -1
- package/typescript/Dropdown/InputDropdown.d.ts.map +1 -1
- package/typescript/Gantt/Gantt.d.ts.map +1 -1
- package/typescript/Gantt/helper.d.ts +1 -1
- package/typescript/Gantt/helper.d.ts.map +1 -1
- package/typescript/Grid/FixedSizeGrid.d.ts +1 -3
- package/typescript/Grid/FixedSizeGrid.d.ts.map +1 -1
- package/typescript/Grid/Grid.base.d.ts +1 -3
- package/typescript/Grid/Grid.base.d.ts.map +1 -1
- package/typescript/Grid/StaticFixedSizeGrid.d.ts.map +1 -1
- package/typescript/Grid/VariableSizeGrid.d.ts +1 -3
- package/typescript/Grid/VariableSizeGrid.d.ts.map +1 -1
- package/typescript/IconText/IconText.d.ts.map +1 -1
- package/typescript/Icons/TapasIcon.d.ts +13 -0
- package/typescript/Icons/TapasIcon.d.ts.map +1 -1
- package/typescript/Icons/TapasIconExpo.d.ts.map +1 -1
- package/typescript/Icons/expoFontLoader.d.ts +7 -49
- package/typescript/Icons/expoFontLoader.d.ts.map +1 -1
- package/typescript/Icons/fontLoader.d.ts +9 -52
- package/typescript/Icons/fontLoader.d.ts.map +1 -1
- package/typescript/Icons/smartFontLoader.d.ts +4 -59
- package/typescript/Icons/smartFontLoader.d.ts.map +1 -1
- package/typescript/Image/PreviewImg.d.ts.map +1 -1
- package/typescript/Input/Input.d.ts +5 -0
- package/typescript/Input/Input.d.ts.map +1 -1
- package/typescript/LineChart/LineChart.d.ts.map +1 -1
- package/typescript/ListItem/ListItem.d.ts.map +1 -1
- package/typescript/MessageBox/MessageBox.d.ts.map +1 -1
- package/typescript/Pagination/Pagination.d.ts +3 -3
- package/typescript/Pagination/Pagination.d.ts.map +1 -1
- package/typescript/PieChart/PieChart.d.ts.map +1 -1
- package/typescript/Progress/Progress.d.ts.map +1 -1
- package/typescript/RadioButton/RadioButton.d.ts.map +1 -1
- package/typescript/SearchInput/SearchInput.d.ts +4 -0
- package/typescript/SearchInput/SearchInput.d.ts.map +1 -1
- package/typescript/SheetTitle/SheetTitle.d.ts.map +1 -1
- package/typescript/StatisticCard/StatisticCard.d.ts +1 -1
- package/typescript/StatisticCard/StatisticCard.d.ts.map +1 -1
- package/typescript/Status/Status.d.ts.map +1 -1
- package/typescript/Steps/Steps.d.ts.map +1 -1
- package/typescript/Switch/Switch.d.ts +15 -0
- package/typescript/Switch/Switch.d.ts.map +1 -0
- package/typescript/Tag/Tag.d.ts.map +1 -1
- package/typescript/TextArea/TextArea.d.ts +2 -0
- package/typescript/TextArea/TextArea.d.ts.map +1 -1
- package/typescript/Theme/ThemeProvider.d.ts +1 -1
- package/typescript/Theme/ThemeProvider.d.ts.map +1 -1
- package/typescript/Theme/defaultTheme.d.ts +288 -1
- package/typescript/Theme/defaultTheme.d.ts.map +1 -1
- package/typescript/Theme/makeStyles.d.ts +11 -0
- package/typescript/Theme/makeStyles.d.ts.map +1 -0
- package/typescript/Theme/types.d.ts +3 -0
- package/typescript/Theme/types.d.ts.map +1 -1
- package/typescript/Theme/withTheme.d.ts +12 -0
- package/typescript/Theme/withTheme.d.ts.map +1 -0
- package/typescript/Timeline/Timeline.d.ts.map +1 -1
- package/typescript/Upload/Upload.d.ts +25 -0
- package/typescript/Upload/Upload.d.ts.map +1 -0
- package/typescript/WebViewBridge/WebViewBridge.d.ts.map +1 -1
- package/typescript/WebViewBridge/useWebViewBridge.d.ts +1 -1
- package/typescript/WebViewBridge/useWebViewBridge.d.ts.map +1 -1
- package/typescript/common/hooks/useBridgelessFix.d.ts +1 -1
- package/typescript/index.d.ts +580 -4
- package/typescript/index.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Fragment","useState","useEffect","TouchableOpacity","ScrollView","withTheme","CustomDropdown","CustomListItem","TapasInput","Icon","jsx","_jsx","InputDropdown","value","prefix","options","onChange","width","subWidth","subHeight","required","isVisible","readOnly","clearable","label","defaultShowLabel","labelBg","labelColor","disabled","allCreate","labelPosition","theme","children","props","selected","selectedItem","inputValue","setInputValue","name","list","setList","clearInput","onPress","JSON","stringify","simpleFilter","val","Array","isArray","filterList","filter","includes","customButton","onFocus","e","nativeEvent","text","onSearch","onBlur","rightIconContainerStyle","position","right","top","rightIcon","size","color","colors","colorNormalIcon","background","secondary","onClose","style","maxHeight","keyboardShouldPersistTaps","keyboardDismissMode","map","item","index","visibleItems","hide","currentVisibleIndex","findIndex","visibleItem","isFirst","isLast","length","onItemPress"],"sourceRoot":"../../../components","sources":["Dropdown/InputDropdown.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","Fragment","useState","useEffect","TouchableOpacity","ScrollView","withTheme","CustomDropdown","CustomListItem","TapasInput","Icon","jsx","_jsx","InputDropdown","value","prefix","options","onChange","width","subWidth","subHeight","required","isVisible","readOnly","clearable","label","defaultShowLabel","labelBg","labelColor","disabled","allCreate","labelPosition","theme","children","props","selected","selectedItem","inputValue","setInputValue","name","list","setList","clearInput","onPress","JSON","stringify","simpleFilter","val","Array","isArray","filterList","filter","includes","customButton","onFocus","e","nativeEvent","text","onSearch","onBlur","rightIconContainerStyle","position","right","top","rightIcon","size","color","colors","colorNormalIcon","background","secondary","onClose","style","maxHeight","keyboardShouldPersistTaps","keyboardDismissMode","map","item","index","visibleItems","hide","currentVisibleIndex","findIndex","visibleItem","isFirst","isLast","length","onItemPress"],"sourceRoot":"../../../components","sources":["Dropdown/InputDropdown.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
# Dropdown / CustomDropdown / InputDropdown
|
|
2
|
+
|
|
3
|
+
下拉选择组件系列。Dropdown 是主组件,支持普通下拉和 Modal 弹出两种模式;CustomDropdown 是底层下拉容器;InputDropdown 是带搜索输入框的下拉组件。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 两种模式:CustomDropdown 弹出模式和 Modal 弹出模式
|
|
8
|
+
- ✅ 支持搜索过滤选项
|
|
9
|
+
- ✅ 响应式定位,自动检测上下空间选择弹出方向
|
|
10
|
+
- ✅ 移动端自动切换为 BottomSheet 样式
|
|
11
|
+
- ✅ 支持自定义按钮(customButton)
|
|
12
|
+
- ✅ 支持自定义弹出内容(customPopoverContent)
|
|
13
|
+
- ✅ 浮动标签动画(Modal 模式)
|
|
14
|
+
- ✅ 错误状态和状态消息显示
|
|
15
|
+
- ✅ 支持必填标识
|
|
16
|
+
- ✅ InputDropdown 支持输入搜索、清空、只读模式
|
|
17
|
+
- ✅ 支持扩展按钮(extendBtn)
|
|
18
|
+
- ✅ 多种定位方式:left、center、right、upLeft、upRight、upCenter、auto
|
|
19
|
+
|
|
20
|
+
## 安装使用
|
|
21
|
+
|
|
22
|
+
```tsx
|
|
23
|
+
import Dropdown from '@beppla/tapas-ui/components/Dropdown/Dropdown';
|
|
24
|
+
import CustomDropdown from '@beppla/tapas-ui/components/Dropdown/CustomDropdown';
|
|
25
|
+
import InputDropdown from '@beppla/tapas-ui/components/Dropdown/InputDropdown';
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Props
|
|
29
|
+
|
|
30
|
+
### Dropdown Props(核心属性)
|
|
31
|
+
|
|
32
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
33
|
+
|------|------|--------|------|
|
|
34
|
+
| options | `ItemProps[]` | - | 选项列表 |
|
|
35
|
+
| value | `ItemProps` | - | 当前选中值 |
|
|
36
|
+
| onChange | `(value: ItemProps) => void` | - | 选中变化回调 |
|
|
37
|
+
| prefix | `string` | `''` | 显示值前缀 |
|
|
38
|
+
| width | `number` | - | 按钮宽度 |
|
|
39
|
+
| subWidth | `number` | - | 弹出框宽度 |
|
|
40
|
+
| subHeight | `number` | `150` | 弹出框高度 |
|
|
41
|
+
| type | `'button' \| 'option'` | `'option'` | 类型,button 模式不更新选中值 |
|
|
42
|
+
| onClose | `() => void` | - | 关闭回调 |
|
|
43
|
+
| onPress | `() => void` | - | 按钮点击回调 |
|
|
44
|
+
| onItemPress | `(value: string \| number) => void` | - | button 类型下的选项点击回调 |
|
|
45
|
+
| disabled | `boolean` | - | 是否禁用 |
|
|
46
|
+
| showSearchBar | `boolean` | - | 是否显示搜索栏 |
|
|
47
|
+
| placeholder | `string` | - | 搜索栏占位文字 |
|
|
48
|
+
| onSearchChange | `(value: string) => void` | - | 搜索内容变化回调 |
|
|
49
|
+
| testID | `string` | - | 测试标识 |
|
|
50
|
+
|
|
51
|
+
### Dropdown Modal 模式属性
|
|
52
|
+
|
|
53
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
54
|
+
|------|------|--------|------|
|
|
55
|
+
| useModal | `boolean` | `false` | 是否使用 Modal 弹出模式 |
|
|
56
|
+
| dropdownItems | `TapasDropDownItem[]` | `[]` | Modal 模式下的选项列表 |
|
|
57
|
+
| selected | `string` | - | 选中项的 key |
|
|
58
|
+
| showSelectedValue | `boolean` | `false` | 是否显示选中值文字 |
|
|
59
|
+
| dropdownType | `'clear' \| 'solid'` | `'clear'` | 下拉按钮类型 |
|
|
60
|
+
| arrowIcon | `boolean` | `false` | 是否显示箭头图标 |
|
|
61
|
+
| onSelect | `(item: TapasDropDownItem) => void` | - | Modal 模式选择回调 |
|
|
62
|
+
| label | `string` | - | 标签文字 |
|
|
63
|
+
| required | `boolean` | - | 是否必填 |
|
|
64
|
+
| state | `'normal' \| 'error'` | `'normal'` | 状态 |
|
|
65
|
+
| stateMsg | `string` | - | 状态消息 |
|
|
66
|
+
| showStateMsg | `boolean` | `false` | 是否显示状态消息 |
|
|
67
|
+
| showCheckedStatusInList | `boolean` | `false` | 列表中是否高亮选中项 |
|
|
68
|
+
| noLabelAnim | `boolean` | `false` | 是否禁用标签动画 |
|
|
69
|
+
| radius | `number` | `12` | 圆角半径 |
|
|
70
|
+
| backgroundColor | `string` | - | 背景颜色 |
|
|
71
|
+
| labelColor | `string` | - | 标签颜色 |
|
|
72
|
+
| emptyText | `string` | `'No options'` | 空列表提示文字 |
|
|
73
|
+
| extendBtn | `string` | - | 扩展按钮文字 |
|
|
74
|
+
| extendBtnIcon | `string` | - | 扩展按钮图标 |
|
|
75
|
+
| onExtendBtnPress | `() => void` | - | 扩展按钮回调 |
|
|
76
|
+
| customPopoverContent | `React.ReactNode` | - | 自定义弹出内容 |
|
|
77
|
+
| modalVisible | `boolean` | - | 控制 Modal 可见性 |
|
|
78
|
+
| setModalVisible | `(val: boolean) => void` | - | 设置 Modal 可见性回调 |
|
|
79
|
+
| iconStyle | `ViewStyle \| TextStyle` | - | 图标样式 |
|
|
80
|
+
| offsetWidth | `number` | `0` | 偏移宽度 |
|
|
81
|
+
|
|
82
|
+
### CustomDropdown Props
|
|
83
|
+
|
|
84
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
85
|
+
|------|------|--------|------|
|
|
86
|
+
| children | `React.ReactNode` | - | 弹出框内容 |
|
|
87
|
+
| value | `string` | - | 按钮显示文字 |
|
|
88
|
+
| onPress | `() => void` | - | 按钮点击回调 |
|
|
89
|
+
| onClose | `() => void` | - | 关闭回调 |
|
|
90
|
+
| isVisible | `boolean` | - | 是否展开 |
|
|
91
|
+
| width | `number` | `80` | 按钮宽度 |
|
|
92
|
+
| subWidth | `number` | `250` | 弹出框宽度 |
|
|
93
|
+
| subHeight | `number` | `258` | 弹出框高度 |
|
|
94
|
+
| icon | `any` | - | 自定义图标 |
|
|
95
|
+
| subContainerPosition | `TDropdownPosition` | `'left'` | 弹出位置 |
|
|
96
|
+
| subContainerTop | `number` | - | 自定义 top 值(优先级最高) |
|
|
97
|
+
| subContainerLeft | `number` | - | 自定义 left 值(优先级最高) |
|
|
98
|
+
| customButton | `React.ReactNode` | - | 自定义触发按钮 |
|
|
99
|
+
| dropdownButtonStyle | `StyleProp<ViewStyle>` | - | 按钮样式 |
|
|
100
|
+
| dropdownButtonSelectedStyle | `StyleProp<ViewStyle>` | - | 选中时按钮样式 |
|
|
101
|
+
| dropdownButtonHoverStyle | `StyleProp<ViewStyle>` | - | hover 时按钮样式 |
|
|
102
|
+
| sheetTitlePros | `SheetTileProps` | - | 移动端 BottomSheet 标题配置 |
|
|
103
|
+
| dropdownBackgroundColor | `string` | - | 自定义弹出框背景色 |
|
|
104
|
+
|
|
105
|
+
### InputDropdown Props
|
|
106
|
+
|
|
107
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
108
|
+
|------|------|--------|------|
|
|
109
|
+
| label | `string` | - | 输入框标签(必填) |
|
|
110
|
+
| value | `ItemProps` | - | 当前选中值 |
|
|
111
|
+
| options | `ItemProps[]` | - | 选项列表 |
|
|
112
|
+
| onChange | `(value?: ItemProps) => void` | - | 选中变化回调 |
|
|
113
|
+
| onSearch | `(value: string) => void` | - | 搜索回调 |
|
|
114
|
+
| required | `boolean` | - | 是否必填 |
|
|
115
|
+
| readOnly | `boolean` | - | 是否只读 |
|
|
116
|
+
| clearable | `boolean` | - | 是否可清空 |
|
|
117
|
+
| disabled | `boolean` | - | 是否禁用 |
|
|
118
|
+
| defaultShowLabel | `boolean` | - | 默认是否显示标签 |
|
|
119
|
+
| labelBg | `string` | - | 标签背景色 |
|
|
120
|
+
| labelColor | `string` | - | 标签颜色 |
|
|
121
|
+
| allCreate | `boolean` | - | 是否允许自定义输入值 |
|
|
122
|
+
| labelPosition | `'top' \| 'middle'` | - | 标签位置 |
|
|
123
|
+
| children | `React.ReactNode` | - | 自定义下拉内容 |
|
|
124
|
+
|
|
125
|
+
### TapasDropDownItem 数据类型
|
|
126
|
+
|
|
127
|
+
| 属性 | 类型 | 说明 |
|
|
128
|
+
|------|------|------|
|
|
129
|
+
| key | `string \| number` | 选项唯一标识 |
|
|
130
|
+
| value | `string` | 选项显示文字 |
|
|
131
|
+
| secondaryValue | `string` | 次要显示文字(可选) |
|
|
132
|
+
|
|
133
|
+
## 使用示例
|
|
134
|
+
|
|
135
|
+
### 基础下拉
|
|
136
|
+
|
|
137
|
+
```tsx
|
|
138
|
+
const [isVisible, setIsVisible] = useState(false);
|
|
139
|
+
const [value, setValue] = useState(options[0]);
|
|
140
|
+
|
|
141
|
+
<Dropdown
|
|
142
|
+
title="Name"
|
|
143
|
+
options={options}
|
|
144
|
+
value={value}
|
|
145
|
+
width={150}
|
|
146
|
+
subWidth={150}
|
|
147
|
+
onChange={(val) => { setValue(val); setIsVisible(false); }}
|
|
148
|
+
isVisible={isVisible}
|
|
149
|
+
onClose={() => setIsVisible(false)}
|
|
150
|
+
onPress={() => setIsVisible(!isVisible)}
|
|
151
|
+
/>
|
|
152
|
+
```
|
|
153
|
+
|
|
154
|
+
### 带搜索的下拉
|
|
155
|
+
|
|
156
|
+
```tsx
|
|
157
|
+
<Dropdown
|
|
158
|
+
title="Name"
|
|
159
|
+
options={options}
|
|
160
|
+
value={value}
|
|
161
|
+
showSearchBar={true}
|
|
162
|
+
subWidth={200}
|
|
163
|
+
onSearchChange={(val) => console.log(val)}
|
|
164
|
+
isVisible={isVisible}
|
|
165
|
+
onClose={() => setIsVisible(false)}
|
|
166
|
+
onPress={() => setIsVisible(!isVisible)}
|
|
167
|
+
onChange={(val) => setValue(val)}
|
|
168
|
+
/>
|
|
169
|
+
```
|
|
170
|
+
|
|
171
|
+
### InputDropdown(可搜索输入下拉)
|
|
172
|
+
|
|
173
|
+
```tsx
|
|
174
|
+
<InputDropdown
|
|
175
|
+
label="选择名称"
|
|
176
|
+
options={options}
|
|
177
|
+
value={selectedValue}
|
|
178
|
+
clearable
|
|
179
|
+
labelBg="#fff"
|
|
180
|
+
isVisible={isVisible}
|
|
181
|
+
onClose={() => setIsVisible(false)}
|
|
182
|
+
onPress={() => setIsVisible(!isVisible)}
|
|
183
|
+
onChange={(val) => setValue(val)}
|
|
184
|
+
/>
|
|
185
|
+
```
|
|
186
|
+
|
|
187
|
+
### 自定义按钮
|
|
188
|
+
|
|
189
|
+
```tsx
|
|
190
|
+
<Dropdown
|
|
191
|
+
options={options}
|
|
192
|
+
value={value}
|
|
193
|
+
customButton={
|
|
194
|
+
<View style={{ width: 48, height: 40, justifyContent: 'center', alignItems: 'center' }}>
|
|
195
|
+
<Icon name="more_vert" size={20} />
|
|
196
|
+
</View>
|
|
197
|
+
}
|
|
198
|
+
isVisible={isVisible}
|
|
199
|
+
onClose={() => setIsVisible(false)}
|
|
200
|
+
onPress={() => setIsVisible(!isVisible)}
|
|
201
|
+
onChange={(val) => setValue(val)}
|
|
202
|
+
/>
|
|
203
|
+
```
|
|
204
|
+
|
|
205
|
+
### Modal 模式
|
|
206
|
+
|
|
207
|
+
```tsx
|
|
208
|
+
<Dropdown
|
|
209
|
+
useModal={true}
|
|
210
|
+
dropdownItems={[
|
|
211
|
+
{ key: '1', value: '选项一' },
|
|
212
|
+
{ key: '2', value: '选项二' },
|
|
213
|
+
]}
|
|
214
|
+
selected="1"
|
|
215
|
+
showSelectedValue={true}
|
|
216
|
+
dropdownType="solid"
|
|
217
|
+
label="选择"
|
|
218
|
+
onSelect={(item) => console.log(item)}
|
|
219
|
+
/>
|
|
220
|
+
```
|
|
221
|
+
|
|
222
|
+
## 注意事项
|
|
223
|
+
|
|
224
|
+
- 普通模式下需要手动管理 `isVisible` 状态
|
|
225
|
+
- Web 端点击外部会自动关闭弹出框(通过 document click 事件)
|
|
226
|
+
- 移动端自动使用 BottomSheet 展示
|
|
227
|
+
- `subContainerTop` 和 `subContainerLeft` 优先级高于 `subContainerPosition`
|
|
228
|
+
- Modal 模式下弹出位置会自动检测屏幕空间,优先向下展示
|
|
229
|
+
- `type="button"` 时点击选项不会更新选中值,仅触发 `onItemPress`
|
|
230
|
+
- InputDropdown 在 `allCreate` 为 false 时,失焦后会恢复为选中值
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
# ExternalLink
|
|
2
|
+
|
|
3
|
+
外部链接组件,用于打开外部 URL。自动适配 Web(window.open)和移动端(Linking.openURL)平台差异,提供统一的外链交互体验。
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- ✅ 跨平台链接打开:Web 新标签页、移动端外部浏览器
|
|
8
|
+
- ✅ 移动端自动检测 URL 可用性(Linking.canOpenURL)
|
|
9
|
+
- ✅ 支持自定义点击行为(onPress 覆盖默认行为)
|
|
10
|
+
- ✅ 文本子元素自动包装 Text 组件
|
|
11
|
+
- ✅ 自定义链接和文本样式
|
|
12
|
+
- ✅ 默认下划线链接样式
|
|
13
|
+
- ✅ 主题色适配(primary 色)
|
|
14
|
+
|
|
15
|
+
## 安装使用
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import { ExternalLink } from '@beppla/tapas-ui';
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Props
|
|
22
|
+
|
|
23
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
24
|
+
|------|------|--------|------|
|
|
25
|
+
| href | `string` | - | 目标 URL(必填) |
|
|
26
|
+
| children | `React.ReactNode` | - | 链接内容(必填) |
|
|
27
|
+
| style | `any` | - | 外层容器样式 |
|
|
28
|
+
| textStyle | `any` | - | 文本样式 |
|
|
29
|
+
| onPress | `() => void` | - | 自定义点击行为(覆盖默认打开链接) |
|
|
30
|
+
|
|
31
|
+
## 使用示例
|
|
32
|
+
|
|
33
|
+
### 基础用法
|
|
34
|
+
|
|
35
|
+
```tsx
|
|
36
|
+
<ExternalLink href="https://beppla.com">
|
|
37
|
+
Visit BEPPLA
|
|
38
|
+
</ExternalLink>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### 自定义样式
|
|
42
|
+
|
|
43
|
+
```tsx
|
|
44
|
+
<ExternalLink
|
|
45
|
+
href="https://docs.beppla.com"
|
|
46
|
+
textStyle={{ color: '#895F38', fontSize: 14 }}
|
|
47
|
+
>
|
|
48
|
+
Documentation
|
|
49
|
+
</ExternalLink>
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
### ReactNode 子元素
|
|
53
|
+
|
|
54
|
+
```tsx
|
|
55
|
+
<ExternalLink href="https://support.beppla.com">
|
|
56
|
+
<View style={{ flexDirection: 'row', alignItems: 'center' }}>
|
|
57
|
+
<TapasIcon name="help" size={16} />
|
|
58
|
+
<Text style={{ marginLeft: 4 }}>Help Center</Text>
|
|
59
|
+
</View>
|
|
60
|
+
</ExternalLink>
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
### 自定义点击行为
|
|
64
|
+
|
|
65
|
+
```tsx
|
|
66
|
+
<ExternalLink
|
|
67
|
+
href="https://example.com"
|
|
68
|
+
onPress={() => trackLinkClick('example')}
|
|
69
|
+
>
|
|
70
|
+
Custom handler
|
|
71
|
+
</ExternalLink>
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
## 注意事项
|
|
75
|
+
|
|
76
|
+
- 字符串类型的 children 自动包装为 Text 组件并应用 textStyle
|
|
77
|
+
- 非字符串类型的 children 直接渲染,textStyle 不生效
|
|
78
|
+
- 移动端打开前会检查 `Linking.canOpenURL`,不支持的 URL 会在控制台警告
|
|
79
|
+
- `onPress` 存在时不会打开 href 链接
|
|
80
|
+
- 默认文本样式:主题 primary 色、下划线、fontSize 16
|
|
81
|
+
- 需在 `ThemeProvider` 内使用
|
package/module/Gantt/Gantt.js
CHANGED
|
@@ -26,26 +26,28 @@ const Gantt = ({
|
|
|
26
26
|
unit,
|
|
27
27
|
...rest
|
|
28
28
|
}) => {
|
|
29
|
-
const
|
|
29
|
+
const scrollLeftRef = useRef(0);
|
|
30
30
|
const gridRef = useRef(null);
|
|
31
31
|
const headerRef = useRef(null);
|
|
32
32
|
const timeLineRef = useRef(null);
|
|
33
|
+
const scrollTimerRef = useRef(null);
|
|
34
|
+
const rafRef = useRef(null);
|
|
33
35
|
const rowHeight = rowHeightSet ? rowHeightSet + 8 : defaultRowHeight;
|
|
34
36
|
const columnWidth = columnWidthSet ?? defaultColumnWidth;
|
|
35
|
-
const rangeVal = range?.map(str => new Date(str)) ?? getDefualtDateTimeRange();
|
|
37
|
+
const rangeVal = useMemo(() => range?.map(str => new Date(str)) ?? getDefualtDateTimeRange(), [range]);
|
|
36
38
|
const {
|
|
37
39
|
roundedColumnCount: columnCount,
|
|
38
40
|
startDate,
|
|
39
41
|
endDate
|
|
40
|
-
} = calculateRoundedColumnCount(rangeVal, unit ?? DateUnit.HELF);
|
|
42
|
+
} = useMemo(() => calculateRoundedColumnCount(rangeVal, unit ?? DateUnit.HELF), [rangeVal, unit]);
|
|
41
43
|
const {
|
|
42
44
|
totalRows: rowCount,
|
|
43
45
|
gridData
|
|
44
|
-
} = calculateTotalRows(unit ?? DateUnit.HELF, data, Math.ceil(rest.height / rowHeight), rangeVal);
|
|
45
|
-
const now = data?.[0]?.now ? new Date(data?.[0]?.now) : new Date();
|
|
46
|
+
} = useMemo(() => calculateTotalRows(unit ?? DateUnit.HELF, data, Math.ceil(rest.height / rowHeight), rangeVal), [unit, data, rest.height, rowHeight, rangeVal]);
|
|
47
|
+
const now = useMemo(() => data?.[0]?.now ? new Date(data?.[0]?.now) : new Date(), [data]);
|
|
46
48
|
const [curDate, setCurDate] = useState();
|
|
47
49
|
const [rangeStart, rangeEnd] = rangeVal;
|
|
48
|
-
const curColumnIndex = calculateCurrentColumnIndex(unit ?? DateUnit.HELF, rangeVal, now >= rangeStart && now <= rangeEnd ? now : new Date(`${rangeStart.getFullYear()}-${`${rangeStart.getMonth() + 1}`.padStart(2, "0")}-${`${rangeStart.getDate()}`.padStart(2, "0")}T${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`));
|
|
50
|
+
const curColumnIndex = useMemo(() => calculateCurrentColumnIndex(unit ?? DateUnit.HELF, rangeVal, now >= rangeStart && now <= rangeEnd ? now : new Date(`${rangeStart.getFullYear()}-${`${rangeStart.getMonth() + 1}`.padStart(2, "0")}-${`${rangeStart.getDate()}`.padStart(2, "0")}T${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`)), [unit, rangeVal, now, rangeStart, rangeEnd]);
|
|
49
51
|
const contextValue = useMemo(() => ({
|
|
50
52
|
ItemRenderer: children,
|
|
51
53
|
headerRef,
|
|
@@ -65,45 +67,93 @@ const Gantt = ({
|
|
|
65
67
|
columnCount,
|
|
66
68
|
rowHeight,
|
|
67
69
|
rowCount,
|
|
68
|
-
now
|
|
70
|
+
now,
|
|
69
71
|
theme: rest.theme
|
|
70
|
-
}), [children,
|
|
72
|
+
}), [children, columnHeaderHeight, columnHeaderBackgroundColor, columnHeaderBorder, columnWidth, rest.width, rest.height, startDate, endDate, rangeVal, gridData, columnCount, rowHeight, rowCount, now, rest.theme]);
|
|
71
73
|
useEffect(() => {
|
|
72
74
|
if (curDate) {
|
|
73
75
|
attachSwitchDay?.(curDate);
|
|
74
76
|
}
|
|
75
77
|
}, [curDate]);
|
|
76
78
|
|
|
77
|
-
// 同步header与主体grid的scroll
|
|
79
|
+
// 同步header与主体grid的scroll状态(RAF节流)
|
|
78
80
|
const handleScroll = useCallback(event => {
|
|
79
|
-
|
|
81
|
+
const newScrollLeft = event.scrollLeft;
|
|
82
|
+
|
|
83
|
+
// 同步 header 滚动(立即执行,保证视觉同步)
|
|
84
|
+
if (scrollLeftRef.current !== newScrollLeft) {
|
|
80
85
|
headerRef.current?.scrollTo(event);
|
|
81
86
|
}
|
|
82
|
-
|
|
87
|
+
scrollLeftRef.current = newScrollLeft;
|
|
83
88
|
|
|
84
|
-
//
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
const columnIndex = Math.floor(middlePosition / columnWidth);
|
|
88
|
-
// 根据列索引计算列对应时间
|
|
89
|
-
const date = new Date(startDate.getTime() + columnIndex * (unit ?? DateUnit.HELF));
|
|
90
|
-
const dateVal = new Date(`${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, "0")}-${`${date.getDate()}`.padStart(2, "0")}`);
|
|
91
|
-
// 如果产生天,月,年变化触发日期切换
|
|
92
|
-
if (curDate && (curDate.getFullYear() !== dateVal.getFullYear() || curDate.getMonth() !== dateVal.getMonth() || curDate.getDate() !== dateVal.getDate())) {
|
|
93
|
-
setCurDate(dateVal);
|
|
89
|
+
// 日期切换计算用 RAF 节流
|
|
90
|
+
if (rafRef.current) {
|
|
91
|
+
cancelAnimationFrame(rafRef.current);
|
|
94
92
|
}
|
|
95
|
-
|
|
93
|
+
rafRef.current = requestAnimationFrame(() => {
|
|
94
|
+
const middlePosition = newScrollLeft + rest.width / 2;
|
|
95
|
+
const colW = columnWidthSet ?? defaultColumnWidth;
|
|
96
|
+
const columnIndex = Math.floor(middlePosition / colW);
|
|
97
|
+
const date = new Date(startDate.getTime() + columnIndex * (unit ?? DateUnit.HELF));
|
|
98
|
+
const dateVal = new Date(`${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, "0")}-${`${date.getDate()}`.padStart(2, "0")}`);
|
|
99
|
+
setCurDate(prev => {
|
|
100
|
+
if (prev && (prev.getFullYear() !== dateVal.getFullYear() || prev.getMonth() !== dateVal.getMonth() || prev.getDate() !== dateVal.getDate())) {
|
|
101
|
+
return dateVal;
|
|
102
|
+
}
|
|
103
|
+
return prev;
|
|
104
|
+
});
|
|
105
|
+
rafRef.current = null;
|
|
106
|
+
});
|
|
107
|
+
}, [rest.width, columnWidthSet, startDate, unit]);
|
|
108
|
+
|
|
109
|
+
// 清理 RAF
|
|
110
|
+
useEffect(() => {
|
|
111
|
+
return () => {
|
|
112
|
+
if (rafRef.current) cancelAnimationFrame(rafRef.current);
|
|
113
|
+
if (scrollTimerRef.current) clearTimeout(scrollTimerRef.current);
|
|
114
|
+
};
|
|
115
|
+
}, []);
|
|
96
116
|
|
|
97
117
|
// 自动滚动到当前时间点(根据最小时间单位不同位置不同)
|
|
98
118
|
useEffect(() => {
|
|
99
|
-
const
|
|
100
|
-
const [
|
|
101
|
-
const date =
|
|
119
|
+
const curNow = data?.[0]?.now ? new Date(data?.[0]?.now) : new Date();
|
|
120
|
+
const [rs, re] = rangeVal;
|
|
121
|
+
const date = curNow >= rs && curNow <= re ? curNow : new Date(`${rs.getFullYear()}-${`${rs.getMonth() + 1}`.padStart(2, "0")}-${`${rs.getDate()}`.padStart(2, "0")}T${curNow.getHours()}:${curNow.getMinutes()}:${curNow.getSeconds()}`);
|
|
102
122
|
if (!curDate) {
|
|
103
123
|
setCurDate(new Date(`${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, "0")}-${`${date.getDate()}`.padStart(2, "0")}`));
|
|
104
124
|
}
|
|
105
|
-
scrollToCurrentTime(unit, gridRef, columnWidth, rest.width, rangeVal, date);
|
|
125
|
+
const cleanup = scrollToCurrentTime(unit, gridRef, columnWidth, rest.width, rangeVal, date);
|
|
126
|
+
return cleanup;
|
|
106
127
|
}, [unit, gridRef, columnWidth, rest.width, range, data]);
|
|
128
|
+
|
|
129
|
+
// 缓存静态样式,避免每次渲染重建
|
|
130
|
+
const containerStyle = useMemo(() => ({
|
|
131
|
+
width: rest.width || 0,
|
|
132
|
+
height: rest.height,
|
|
133
|
+
display: "flex",
|
|
134
|
+
overflow: "hidden",
|
|
135
|
+
position: "relative",
|
|
136
|
+
backgroundColor: rest.theme.background ?? "#F9F2E8"
|
|
137
|
+
}), [rest.width, rest.height, rest.theme.background]);
|
|
138
|
+
const gridStyle = useMemo(() => ({
|
|
139
|
+
...style,
|
|
140
|
+
backgroundColor: rest.theme.background ?? "#F9F2E8",
|
|
141
|
+
scrollbarWidth: "none",
|
|
142
|
+
msOverflowStyle: "none"
|
|
143
|
+
}), [style, rest.theme.background]);
|
|
144
|
+
const rowHeightFn = useCallback(() => rowHeight, [rowHeight]);
|
|
145
|
+
const columnWidthFn = useCallback(() => defaultColumnWidth, []);
|
|
146
|
+
const itemData = useMemo(() => ({
|
|
147
|
+
ItemRenderer: GanttCellRender,
|
|
148
|
+
headersRender: ColumnHeaderCon,
|
|
149
|
+
attachPressCard,
|
|
150
|
+
cardRender: children,
|
|
151
|
+
columnHeaderHeight,
|
|
152
|
+
curColumnIndex,
|
|
153
|
+
unit,
|
|
154
|
+
rangeVal,
|
|
155
|
+
rowHeight
|
|
156
|
+
}), [attachPressCard, children, columnHeaderHeight, curColumnIndex, unit, rangeVal, rowHeight]);
|
|
107
157
|
return /*#__PURE__*/_jsx(GanttContext.Provider, {
|
|
108
158
|
value: {
|
|
109
159
|
...contextValue,
|
|
@@ -111,42 +161,19 @@ const Gantt = ({
|
|
|
111
161
|
unit
|
|
112
162
|
},
|
|
113
163
|
children: /*#__PURE__*/_jsx("div", {
|
|
114
|
-
style:
|
|
115
|
-
width: rest.width || 0,
|
|
116
|
-
height: rest.height,
|
|
117
|
-
display: "flex",
|
|
118
|
-
overflow: "hidden",
|
|
119
|
-
position: "relative",
|
|
120
|
-
backgroundColor: rest.theme.background ?? "#F9F2E8"
|
|
121
|
-
},
|
|
164
|
+
style: containerStyle,
|
|
122
165
|
children: /*#__PURE__*/_jsx(VariableSizeGrid, {
|
|
123
166
|
...rest,
|
|
124
167
|
ref: gridRef,
|
|
125
168
|
onScroll: handleScroll,
|
|
126
|
-
width: rest.width || 0
|
|
127
|
-
,
|
|
169
|
+
width: rest.width || 0,
|
|
128
170
|
height: Math.min(rowCount * rowHeight + columnHeaderHeight, rest.height),
|
|
129
|
-
rowHeight:
|
|
171
|
+
rowHeight: rowHeightFn,
|
|
130
172
|
columnCount: columnCount,
|
|
131
173
|
rowCount: rowCount,
|
|
132
|
-
columnWidth:
|
|
133
|
-
style:
|
|
134
|
-
|
|
135
|
-
backgroundColor: rest.theme.background ?? "#F9F2E8",
|
|
136
|
-
scrollbarWidth: "none",
|
|
137
|
-
msOverflowStyle: "none"
|
|
138
|
-
},
|
|
139
|
-
itemData: {
|
|
140
|
-
ItemRenderer: GanttCellRender,
|
|
141
|
-
headersRender: ColumnHeaderCon,
|
|
142
|
-
attachPressCard,
|
|
143
|
-
cardRender: children,
|
|
144
|
-
columnHeaderHeight,
|
|
145
|
-
curColumnIndex,
|
|
146
|
-
unit,
|
|
147
|
-
rangeVal,
|
|
148
|
-
rowHeight
|
|
149
|
-
},
|
|
174
|
+
columnWidth: columnWidthFn,
|
|
175
|
+
style: gridStyle,
|
|
176
|
+
itemData: itemData,
|
|
150
177
|
children: GanttItemWrapper
|
|
151
178
|
})
|
|
152
179
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","useRef","useMemo","useCallback","useEffect","useState","withTheme","VariableSizeGrid","DateUnit","calculateCurrentColumnIndex","calculateRoundedColumnCount","calculateTotalRows","defaultColumnHeaderHeight","defaultColumnWidth","defaultRowHeight","getDefualtDateTimeRange","scrollToCurrentTime","ColumnHeaderCon","GanttCellRender","GanttItemWrapper","InnerElementType","jsx","_jsx","GanttContext","undefined","displayName","Gantt","children","data","style","columnWidth","columnWidthSet","columnHeaderHeight","columnHeaderBackgroundColor","columnHeaderBorder","rowHeight","rowHeightSet","range","attachPressCard","attachSwitchDay","unit","rest","
|
|
1
|
+
{"version":3,"names":["React","createContext","useRef","useMemo","useCallback","useEffect","useState","withTheme","VariableSizeGrid","DateUnit","calculateCurrentColumnIndex","calculateRoundedColumnCount","calculateTotalRows","defaultColumnHeaderHeight","defaultColumnWidth","defaultRowHeight","getDefualtDateTimeRange","scrollToCurrentTime","ColumnHeaderCon","GanttCellRender","GanttItemWrapper","InnerElementType","jsx","_jsx","GanttContext","undefined","displayName","Gantt","children","data","style","columnWidth","columnWidthSet","columnHeaderHeight","columnHeaderBackgroundColor","columnHeaderBorder","rowHeight","rowHeightSet","range","attachPressCard","attachSwitchDay","unit","rest","scrollLeftRef","gridRef","headerRef","timeLineRef","scrollTimerRef","rafRef","rangeVal","map","str","Date","roundedColumnCount","columnCount","startDate","endDate","HELF","totalRows","rowCount","gridData","Math","ceil","height","now","curDate","setCurDate","rangeStart","rangeEnd","curColumnIndex","getFullYear","getMonth","padStart","getDate","getHours","getMinutes","getSeconds","contextValue","ItemRenderer","headersRender","width","gridDataMap","theme","handleScroll","event","newScrollLeft","scrollLeft","current","scrollTo","cancelAnimationFrame","requestAnimationFrame","middlePosition","colW","columnIndex","floor","date","getTime","dateVal","prev","clearTimeout","curNow","rs","re","cleanup","containerStyle","display","overflow","position","backgroundColor","background","gridStyle","scrollbarWidth","msOverflowStyle","rowHeightFn","columnWidthFn","itemData","cardRender","Provider","value","ref","onScroll","min","TapasGantt","innerElementType"],"sourceRoot":"../../../components","sources":["Gantt/Gantt.tsx"],"mappings":"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","ignoreList":[]}
|