@pisell/materials 3.3.84 → 3.3.86
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/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/index.js +1 -1
- package/build/lowcode/meta.js +6 -6
- package/build/lowcode/preview.js +8 -8
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +21 -21
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +21 -21
- package/es/components/Pagination/index.d.ts +13 -0
- package/es/components/Pagination/index.js +77 -59
- package/es/components/Pagination/index.less +13 -7
- package/es/components/PisellCards/components/GraphicTextCard/GraphicTextCard.d.ts +9 -0
- package/es/components/PisellCards/components/GraphicTextCard/components/BadgeWrapper.d.ts +5 -0
- package/es/components/PisellCards/components/GraphicTextCard/components/TextContent.d.ts +27 -0
- package/es/components/PisellCards/components/GraphicTextCard/components/index.d.ts +6 -0
- package/es/components/PisellCards/components/GraphicTextCard/hooks/index.d.ts +5 -0
- package/es/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardClick.d.ts +15 -0
- package/es/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardStyle.d.ts +18 -0
- package/es/components/PisellCards/components/GraphicTextCard/index.d.ts +5 -0
- package/es/components/PisellCards/components/GraphicTextCard/types.d.ts +290 -0
- package/es/components/PisellCards/components/GraphicTextCard/utils/index.d.ts +19 -0
- package/es/components/PisellCards/components/MultilevelCard/components/PanelWrapper.d.ts +7 -0
- package/es/components/PisellCards/components/TextCard/TextCard.d.ts +8 -0
- package/es/components/PisellCards/components/TextCard/components/BadgeWrapper.d.ts +26 -0
- package/es/components/PisellCards/components/TextCard/components/IconWrapper.d.ts +17 -0
- package/es/components/PisellCards/components/TextCard/components/TextContent.d.ts +21 -0
- package/es/components/PisellCards/components/TextCard/components/index.d.ts +6 -0
- package/es/components/PisellCards/components/TextCard/index.d.ts +5 -0
- package/es/components/PisellCards/components/TextCard/types.d.ts +270 -0
- package/es/components/PisellFields/index.d.ts +2 -2
- package/es/components/PisellProcedure/PisellProcedure.d.ts +22 -0
- package/es/components/PisellProcedure/components/ProcedureBody.d.ts +41 -0
- package/es/components/PisellProcedure/components/ProcedureFooter.d.ts +38 -0
- package/es/components/PisellProcedure/components/ProcedureHeader.d.ts +34 -0
- package/es/components/PisellProcedure/components/index.d.ts +12 -0
- package/es/components/PisellSuperTabs/PisellSuperTabs.d.ts +8 -0
- package/es/components/PisellSuperTabs/hooks/index.d.ts +1 -0
- package/es/components/PisellSuperTabs/hooks/useTabsState.d.ts +7 -0
- package/es/components/PisellSuperTabs/index.d.ts +3 -0
- package/es/components/PisellSuperTabs/types.d.ts +210 -0
- package/es/components/PisellTabbar/PisellTabbar.d.ts +20 -0
- package/es/components/PisellTabbar/components/index.d.ts +1 -0
- package/es/components/PisellTabbar/constants.d.ts +46 -0
- package/es/components/PisellTabbar/hooks/index.d.ts +2 -0
- package/es/components/PisellTabbar/hooks/useActiveKey.d.ts +49 -0
- package/es/components/PisellTabbar/hooks/useExpand.d.ts +41 -0
- package/es/components/PisellTabbar/index.d.ts +9 -0
- package/es/components/PisellTabbar/template/Template1/constants.d.ts +10 -0
- package/es/components/PisellTabbar/template/Template1/index.d.ts +6 -0
- package/es/components/PisellTabbar/template/Template1/utils/index.d.ts +35 -0
- package/es/components/PisellTabbar/types.d.ts +111 -0
- package/es/components/PisellTabbar/utils/index.d.ts +68 -0
- package/es/components/PisellTabbar2/PisellTabbar.d.ts +23 -0
- package/es/components/PisellTabbar2/components/index.d.ts +1 -0
- package/es/components/PisellTabbar2/index.d.ts +6 -0
- package/es/components/PisellTabbar3/index.d.ts +6 -0
- package/es/components/auto-resize-text/auto-text-size-standalone.d.ts +20 -0
- package/es/components/auto-resize-text/index.d.ts +6 -0
- package/es/components/cardPro/index.d.ts +4 -0
- package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts +1 -1
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +0 -1
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +0 -1
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +3 -3
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +0 -1
- package/es/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/Select/index.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/index.d.ts +6 -7
- package/es/components/dataSourceComponents/provider/variables/VariablesContext.d.ts +12 -0
- package/es/components/drag-sort-tree/index.d.ts +5 -0
- package/es/components/filter/components/Dropdown/index.js +6 -2
- package/es/components/filter/components/Dropdown/types.d.ts +13 -0
- package/es/components/filter/components/FilterButton/index.js +19 -4
- package/es/components/filter/components/FilterButton/types.d.ts +24 -0
- package/es/components/filter/components/FilterItem/AsyncOptionsSelectWrapper.d.ts +21 -0
- package/es/components/filter/components/FilterItem/AsyncOptionsSelectWrapper.js +90 -0
- package/es/components/filter/components/FilterItem/index.d.ts +3 -3
- package/es/components/filter/components/FilterItem/index.js +138 -7
- package/es/components/filter/components/FilterItem/index.less +90 -0
- package/es/components/filter/types.d.ts +48 -0
- package/es/components/iconfont/index.d.ts +8 -0
- package/es/components/login-and-register/index.d.ts +82 -0
- package/es/components/pisell-config-provider/context.d.ts +20 -0
- package/es/components/pisell-config-provider/index.d.ts +12 -0
- package/es/components/pisellBatchActionBar/PisellBatchActionBar.d.ts +31 -0
- package/es/components/pisellBatchActionBar/PisellBatchActionBar.js +38 -29
- package/es/components/pisellBatchActionBar/index.d.ts +6 -0
- package/es/components/pisellCurrency/PisellCurrency.less +163 -25
- package/es/components/pisellCurrency/PisellCurrency.stories.js +1 -1
- package/es/components/pisellCurrency/index.d.ts +2 -1
- package/es/components/pisellCurrency/index.js +16 -1
- package/es/components/pisellDataSourceContainer/components/ColumnsSetting/index.d.ts +7 -1
- package/es/components/pisellDataSourceContainer/components/ColumnsSetting/index.js +30 -3
- package/es/components/pisellDataSourceContainer/components/ColumnsSetting/utils.d.ts +28 -0
- package/es/components/pisellDataSourceContainer/components/ColumnsSetting/utils.js +68 -0
- package/es/components/pisellDataSourceContainer/components/Table/index.d.ts +1 -0
- package/es/components/pisellDataSourceContainer/components/Table/index.js +5 -3
- package/es/components/pisellDataSourceContainer/components/Table/useColumns.d.ts +1 -0
- package/es/components/pisellDataSourceContainer/components/Table/useColumns.js +37 -15
- package/es/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts +0 -1
- package/es/components/pisellDatePicker/index.d.ts +1 -0
- package/es/components/pisellDateTimeDisplay/PisellDateTimeDisplay.d.ts +35 -0
- package/es/components/pisellDateTimeDisplay/PisellDateTimeDisplay.js +21 -15
- package/es/components/pisellDateTimeDisplay/PisellDateTimeDisplay.less +2 -1
- package/es/components/pisellDateTimeDisplay/PisellDateTimeDisplay.stories.d.ts +195 -0
- package/es/components/pisellDateTimeDisplay/components/DateDisplay.d.ts +48 -0
- package/es/components/pisellDateTimeDisplay/components/TimeDisplay.d.ts +42 -0
- package/es/components/pisellDateTimeDisplay/components/WeekdayDisplay.d.ts +57 -0
- package/es/components/pisellDateTimeDisplay/components/index.d.ts +6 -0
- package/es/components/pisellDateTimeDisplay/formats/dateTimeDisplayFormats.js +5 -5
- package/es/components/pisellDateTimeDisplay/hooks/index.d.ts +2 -0
- package/es/components/pisellDateTimeDisplay/hooks/useCurrentTime.d.ts +46 -0
- package/es/components/pisellDateTimeDisplay/hooks/useCurrentTime.js +6 -4
- package/es/components/pisellDateTimeDisplay/index.d.ts +3 -0
- package/es/components/pisellDateTimeDisplay/utils/formatDate.d.ts +21 -0
- package/es/components/pisellDateTimeDisplay/utils/formatDateOrRelative.d.ts +17 -0
- package/es/components/pisellDateTimeDisplay/utils/formatWeekday.d.ts +30 -0
- package/es/components/pisellDateTimeDisplay/utils/index.d.ts +7 -0
- package/es/components/pisellDateTimeDisplay/utils/localeUtils.d.ts +22 -0
- package/es/components/pisellDateTimeDisplay/utils/localeUtils.js +15 -4
- package/es/components/pisellDateTimeDisplay/utils/relativeDay.d.ts +24 -0
- package/es/components/pisellDateTimeDisplay/utils/relativeDay.js +4 -2
- package/es/components/pisellEmail/PisellEmail.less +119 -10
- package/es/components/pisellEmail/PisellEmail.stories.js +1 -1
- package/es/components/pisellEmail/index.d.ts +3 -1
- package/es/components/pisellEmail/index.js +17 -1
- package/es/components/pisellEmpty/index.d.ts +19 -0
- package/es/components/pisellFilter/index.js +76 -10
- package/es/components/pisellFilter/type.d.ts +5 -0
- package/es/components/pisellFind/PisellFind.stories.d.ts +45 -0
- package/es/components/pisellFind/index.d.ts +40 -0
- package/es/components/pisellFind/index.js +11 -2
- package/es/components/pisellGridPro/ToolBar/index.less +23 -0
- package/es/components/pisellGridPro/index.d.ts +4 -0
- package/es/components/pisellLongText/PisellLongText.less +72 -4
- package/es/components/pisellLongText/PisellLongText.stories.js +1 -1
- package/es/components/pisellLongText/index.d.ts +2 -1
- package/es/components/pisellLongText/index.js +16 -1
- package/es/components/pisellLookup/PisellLookup.js +18 -9
- package/es/components/pisellLookup/PisellLookup.less +39 -16
- package/es/components/pisellLookup/components/LookupTrigger.js +14 -4
- package/es/components/pisellMetricCard/PisellMetricCard.stories.d.ts +17 -0
- package/es/components/pisellMetricCard/components/index.d.ts +7 -0
- package/es/components/pisellMetricCard/index.d.ts +6 -0
- package/es/components/pisellMultipleSelect/PisellMultipleSelect.less +159 -124
- package/es/components/pisellMultipleSelect/PisellMultipleSelect.stories.js +1 -1
- package/es/components/pisellMultipleSelect/components/EditView.js +8 -2
- package/es/components/pisellMultipleSelect/components/ReadOnlyView.d.ts +1 -1
- package/es/components/pisellMultipleSelect/components/ReadOnlyView.js +15 -11
- package/es/components/pisellMultipleSelect/index.d.ts +2 -1
- package/es/components/pisellMultipleSelect/index.js +16 -1
- package/es/components/pisellNumber/PisellNumber.less +135 -17
- package/es/components/pisellNumber/PisellNumber.stories.js +1 -1
- package/es/components/pisellNumber/index.d.ts +2 -1
- package/es/components/pisellNumber/index.js +16 -1
- package/es/components/pisellPercent/PisellPercent.less +142 -24
- package/es/components/pisellPercent/PisellPercent.stories.js +1 -1
- package/es/components/pisellPercent/index.d.ts +2 -1
- package/es/components/pisellPercent/index.js +16 -1
- package/es/components/pisellPhone/PisellPhone.less +122 -27
- package/es/components/pisellPhone/PisellPhone.stories.js +1 -1
- package/es/components/pisellPhone/components/EditView.js +1 -1
- package/es/components/pisellPhone/components/ReadOnlyView.js +15 -6
- package/es/components/pisellPhone/index.d.ts +2 -1
- package/es/components/pisellPhone/index.js +16 -1
- package/es/components/pisellQuickFilter/index.d.ts +11 -0
- package/es/components/pisellQuickFilter/type.d.ts +12 -0
- package/es/components/pisellRating/PisellRating.less +20 -12
- package/es/components/pisellRating/PisellRating.stories.js +1 -1
- package/es/components/pisellRating/index.d.ts +2 -1
- package/es/components/pisellRating/index.js +16 -1
- package/es/components/pisellRecordBoard/PisellRecordBoard.d.ts +8 -0
- package/es/components/pisellRecordBoard/PisellRecordBoard.js +243 -0
- package/es/components/pisellRecordBoard/PisellRecordBoard.stories.d.ts +81 -0
- package/es/components/pisellRecordBoard/PisellRecordBoard.stories.js +2358 -0
- package/es/components/pisellRecordBoard/context/RecordBoardContext.js +2 -0
- package/es/components/pisellRecordBoard/context/RecordBoardProvider.js +13 -0
- package/es/components/pisellRecordBoard/hooks/useRecordBoardContext.js +29 -0
- package/es/components/pisellRecordBoard/index.d.ts +35 -0
- package/es/components/pisellRecordBoard/index.js +23 -0
- package/es/components/pisellRecordBoard/layouts/CardLayout/CardList.js +36 -0
- package/es/components/pisellRecordBoard/layouts/CardLayout/index.js +20 -0
- package/es/components/pisellRecordBoard/layouts/GridLayout/Grid.d.ts +14 -0
- package/es/components/pisellRecordBoard/layouts/GridLayout/Grid.js +242 -0
- package/es/components/pisellRecordBoard/layouts/GridLayout/Grid.less +100 -0
- package/es/components/pisellRecordBoard/layouts/GridLayout/index.d.ts +13 -0
- package/es/components/pisellRecordBoard/layouts/GridLayout/index.js +20 -0
- package/es/components/pisellRecordBoard/shellFrame/BatchActionBar/index.d.ts +8 -0
- package/es/components/pisellRecordBoard/shellFrame/BatchActionBar/index.js +90 -0
- package/es/components/pisellRecordBoard/shellFrame/ColumnSetting/ColumnSettingPopover.d.ts +15 -0
- package/es/components/pisellRecordBoard/shellFrame/ColumnSetting/ColumnSettingPopover.js +138 -0
- package/es/components/pisellRecordBoard/shellFrame/ColumnSetting/index.d.ts +8 -0
- package/es/components/pisellRecordBoard/shellFrame/ColumnSetting/index.js +66 -0
- package/es/components/pisellRecordBoard/shellFrame/ColumnSetting/index.less +2 -0
- package/es/components/pisellRecordBoard/shellFrame/Pagination/index.d.ts +14 -0
- package/es/components/pisellRecordBoard/shellFrame/Pagination/index.js +66 -0
- package/es/components/pisellRecordBoard/shellFrame/Pagination/index.less +78 -0
- package/es/components/pisellRecordBoard/shellFrame/Search/index.d.ts +10 -0
- package/es/components/pisellRecordBoard/shellFrame/Search/index.js +41 -0
- package/es/components/pisellRecordBoard/shellFrame/ToolBar/ToolBarFilter.less +112 -0
- package/es/components/pisellRecordBoard/shellFrame/ToolBar/index.d.ts +11 -0
- package/es/components/pisellRecordBoard/shellFrame/ToolBar/index.js +215 -0
- package/es/components/pisellRecordBoard/shellFrame/ToolBarQuickFilter/index.d.ts +17 -0
- package/es/components/pisellRecordBoard/shellFrame/ToolBarQuickFilter/index.js +77 -0
- package/es/components/pisellRecordBoard/shellFrame/ToolBarReset/index.d.ts +16 -0
- package/es/components/pisellRecordBoard/shellFrame/ToolBarReset/index.js +65 -0
- package/es/components/pisellRecordBoard/shellFrame/ToolBarReset/index.less +41 -0
- package/es/components/pisellRecordBoard/shellFrame/index.d.ts +26 -0
- package/es/components/pisellRecordBoard/shellFrame/index.js +104 -0
- package/es/components/pisellRecordBoard/types.js +1 -0
- package/es/components/pisellRecordBoard/utils/recordBoardColumns.d.ts +41 -0
- package/es/components/pisellRecordBoard/utils/recordBoardColumns.js +508 -0
- package/es/components/pisellRecordBoard/utils/withRecordBoard.js +27 -0
- package/es/components/pisellShellFrame/PisellShellFrame.js +107 -0
- package/es/components/pisellShellFrame/PisellShellFrame.less +78 -0
- package/es/components/pisellShellFrame/PisellShellFrame.stories.js +195 -0
- package/es/components/pisellShellFrame/index.js +1 -0
- package/es/components/pisellShellFrame/types.js +1 -0
- package/es/components/pisellSingleLineText/PisellSingleLineText.stories.js +1 -1
- package/es/components/pisellSingleLineText/index.d.ts +2 -1
- package/es/components/pisellSingleLineText/index.js +16 -1
- package/es/components/pisellSingleSelect/PisellSingleSelect.less +103 -46
- package/es/components/pisellSingleSelect/PisellSingleSelect.stories.js +1 -1
- package/es/components/pisellSingleSelect/components/EditView.js +8 -2
- package/es/components/pisellSingleSelect/components/ReadOnlyView.d.ts +1 -1
- package/es/components/pisellSingleSelect/components/ReadOnlyView.js +10 -6
- package/es/components/pisellSingleSelect/index.d.ts +2 -1
- package/es/components/pisellSingleSelect/index.js +16 -1
- package/es/components/pisellSort/index.d.ts +4 -0
- package/es/components/pisellStatisticList/index.d.ts +22 -0
- package/es/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.d.ts +32 -0
- package/es/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.js +8 -5
- package/es/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.stories.d.ts +61 -0
- package/es/components/pisellTimeRangeDisplay/components/DateBlock.d.ts +20 -0
- package/es/components/pisellTimeRangeDisplay/components/DurationBlock.d.ts +19 -0
- package/es/components/pisellTimeRangeDisplay/components/TimeRangeBlock.d.ts +30 -0
- package/es/components/pisellTimeRangeDisplay/components/WeekdayBlock.d.ts +18 -0
- package/es/components/pisellTimeRangeDisplay/components/index.d.ts +8 -0
- package/es/components/pisellTimeRangeDisplay/index.d.ts +3 -0
- package/es/components/pisellTimeRangeDisplay/utils/index.d.ts +4 -0
- package/es/components/pisellUrl/PisellUrl.less +120 -11
- package/es/components/pisellUrl/PisellUrl.stories.js +1 -1
- package/es/components/pisellUrl/index.d.ts +3 -1
- package/es/components/pisellUrl/index.js +17 -1
- package/es/components/productCard/components/Action/index.d.ts +4 -0
- package/es/components/productCard/components/Header/DeleteButton/index.d.ts +4 -0
- package/es/components/productCard/components/Packages/utils.d.ts +2 -2
- package/es/components/productCard/status.d.ts +32 -0
- package/es/components/productCard/types.d.ts +84 -0
- package/es/components/select/index.d.ts +9 -0
- package/es/components/select/index.less +18 -2
- package/es/components/sort/index.js +25 -3
- package/es/components/table/Actions/component/ViewMode/index.d.ts +9 -0
- package/es/components/table/Table/fields/image/index.d.ts +1 -0
- package/es/components/table/Table/fields/pSwitch/index.d.ts +1 -0
- package/es/components/table/Table/fields/select/Edit/index.d.ts +4 -0
- package/es/components/table/Table/fields/select/index.d.ts +0 -1
- package/es/components/table/Table/fields/treeSelect/index.d.ts +0 -1
- package/es/components/table/Table/utils.d.ts +1 -1
- package/es/components/table/types.d.ts +268 -0
- package/es/components/versionModal/index.d.ts +23 -0
- package/es/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts +12 -0
- package/es/components/virtualInput/BaseVirtualInput/index.less +2 -2
- package/es/components/virtualInput/index.js +6 -2
- package/es/hooks/useResponsive.d.ts +1 -1
- package/es/hooks/useThemeTokens.js +20 -0
- package/es/index.d.ts +6 -2
- package/es/index.js +2 -0
- package/es/locales/en-US.d.ts +36 -0
- package/es/locales/en-US.js +50 -2
- package/es/locales/index.js +2 -2
- package/es/locales/ja.d.ts +2 -0
- package/es/locales/ja.js +2 -0
- package/es/locales/pt.d.ts +2 -0
- package/es/locales/pt.js +2 -0
- package/es/locales/zh-CN.d.ts +36 -0
- package/es/locales/zh-CN.js +54 -6
- package/es/locales/zh-TW.d.ts +36 -0
- package/es/locales/zh-TW.js +54 -6
- package/es/utils/tagColor.js +39 -0
- package/lib/components/Pagination/index.d.ts +13 -0
- package/lib/components/Pagination/index.js +44 -21
- package/lib/components/Pagination/index.less +13 -7
- package/lib/components/PisellCards/components/GraphicTextCard/GraphicTextCard.d.ts +9 -0
- package/lib/components/PisellCards/components/GraphicTextCard/components/BadgeWrapper.d.ts +5 -0
- package/lib/components/PisellCards/components/GraphicTextCard/components/TextContent.d.ts +27 -0
- package/lib/components/PisellCards/components/GraphicTextCard/components/index.d.ts +6 -0
- package/lib/components/PisellCards/components/GraphicTextCard/hooks/index.d.ts +5 -0
- package/lib/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardClick.d.ts +15 -0
- package/lib/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardStyle.d.ts +18 -0
- package/lib/components/PisellCards/components/GraphicTextCard/index.d.ts +5 -0
- package/lib/components/PisellCards/components/GraphicTextCard/types.d.ts +290 -0
- package/lib/components/PisellCards/components/GraphicTextCard/utils/index.d.ts +19 -0
- package/lib/components/PisellCards/components/MultilevelCard/components/PanelWrapper.d.ts +7 -0
- package/lib/components/PisellCards/components/TextCard/TextCard.d.ts +8 -0
- package/lib/components/PisellCards/components/TextCard/components/BadgeWrapper.d.ts +26 -0
- package/lib/components/PisellCards/components/TextCard/components/IconWrapper.d.ts +17 -0
- package/lib/components/PisellCards/components/TextCard/components/TextContent.d.ts +21 -0
- package/lib/components/PisellCards/components/TextCard/components/index.d.ts +6 -0
- package/lib/components/PisellCards/components/TextCard/index.d.ts +5 -0
- package/lib/components/PisellCards/components/TextCard/types.d.ts +270 -0
- package/lib/components/PisellFields/index.d.ts +2 -2
- package/lib/components/PisellProcedure/PisellProcedure.d.ts +22 -0
- package/lib/components/PisellProcedure/components/ProcedureBody.d.ts +41 -0
- package/lib/components/PisellProcedure/components/ProcedureFooter.d.ts +38 -0
- package/lib/components/PisellProcedure/components/ProcedureHeader.d.ts +34 -0
- package/lib/components/PisellProcedure/components/index.d.ts +12 -0
- package/lib/components/PisellSuperTabs/PisellSuperTabs.d.ts +8 -0
- package/lib/components/PisellSuperTabs/hooks/index.d.ts +1 -0
- package/lib/components/PisellSuperTabs/hooks/useTabsState.d.ts +7 -0
- package/lib/components/PisellSuperTabs/index.d.ts +3 -0
- package/lib/components/PisellSuperTabs/types.d.ts +210 -0
- package/lib/components/PisellTabbar/PisellTabbar.d.ts +20 -0
- package/lib/components/PisellTabbar/components/index.d.ts +1 -0
- package/lib/components/PisellTabbar/constants.d.ts +46 -0
- package/lib/components/PisellTabbar/hooks/index.d.ts +2 -0
- package/lib/components/PisellTabbar/hooks/useActiveKey.d.ts +49 -0
- package/lib/components/PisellTabbar/hooks/useExpand.d.ts +41 -0
- package/lib/components/PisellTabbar/index.d.ts +9 -0
- package/lib/components/PisellTabbar/template/Template1/constants.d.ts +10 -0
- package/lib/components/PisellTabbar/template/Template1/index.d.ts +6 -0
- package/lib/components/PisellTabbar/template/Template1/utils/index.d.ts +35 -0
- package/lib/components/PisellTabbar/types.d.ts +111 -0
- package/lib/components/PisellTabbar/utils/index.d.ts +68 -0
- package/lib/components/PisellTabbar2/PisellTabbar.d.ts +23 -0
- package/lib/components/PisellTabbar2/components/index.d.ts +1 -0
- package/lib/components/PisellTabbar2/index.d.ts +6 -0
- package/lib/components/PisellTabbar3/index.d.ts +6 -0
- package/lib/components/auto-resize-text/auto-text-size-standalone.d.ts +20 -0
- package/lib/components/auto-resize-text/index.d.ts +6 -0
- package/lib/components/cardPro/index.d.ts +4 -0
- package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts +1 -1
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts +0 -1
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts +0 -1
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +3 -3
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts +0 -1
- package/lib/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/Select/index.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/index.d.ts +6 -7
- package/lib/components/dataSourceComponents/provider/variables/VariablesContext.d.ts +12 -0
- package/lib/components/drag-sort-tree/index.d.ts +5 -0
- package/lib/components/filter/components/Dropdown/index.js +9 -2
- package/lib/components/filter/components/Dropdown/types.d.ts +13 -0
- package/lib/components/filter/components/FilterButton/index.js +14 -3
- package/lib/components/filter/components/FilterButton/types.d.ts +24 -0
- package/lib/components/filter/components/FilterItem/AsyncOptionsSelectWrapper.d.ts +21 -0
- package/lib/components/filter/components/FilterItem/AsyncOptionsSelectWrapper.js +69 -0
- package/lib/components/filter/components/FilterItem/index.d.ts +3 -3
- package/lib/components/filter/components/FilterItem/index.js +133 -4
- package/lib/components/filter/components/FilterItem/index.less +90 -0
- package/lib/components/filter/types.d.ts +48 -0
- package/lib/components/iconfont/index.d.ts +8 -0
- package/lib/components/login-and-register/index.d.ts +82 -0
- package/lib/components/pisell-config-provider/context.d.ts +20 -0
- package/lib/components/pisell-config-provider/index.d.ts +12 -0
- package/lib/components/pisellBatchActionBar/PisellBatchActionBar.d.ts +31 -0
- package/lib/components/pisellBatchActionBar/PisellBatchActionBar.js +26 -23
- package/lib/components/pisellBatchActionBar/index.d.ts +6 -0
- package/lib/components/pisellCurrency/PisellCurrency.less +163 -25
- package/lib/components/pisellCurrency/PisellCurrency.stories.js +1 -1
- package/lib/components/pisellCurrency/index.d.ts +2 -1
- package/lib/components/pisellCurrency/index.js +7 -0
- package/lib/components/pisellDataSourceContainer/components/ColumnsSetting/index.d.ts +7 -1
- package/lib/components/pisellDataSourceContainer/components/ColumnsSetting/index.js +18 -2
- package/lib/components/pisellDataSourceContainer/components/ColumnsSetting/utils.d.ts +28 -0
- package/lib/components/pisellDataSourceContainer/components/ColumnsSetting/utils.js +81 -0
- package/lib/components/pisellDataSourceContainer/components/Table/index.d.ts +1 -0
- package/lib/components/pisellDataSourceContainer/components/Table/index.js +3 -1
- package/lib/components/pisellDataSourceContainer/components/Table/useColumns.d.ts +1 -0
- package/lib/components/pisellDataSourceContainer/components/Table/useColumns.js +25 -14
- package/lib/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts +0 -1
- package/lib/components/pisellDatePicker/index.d.ts +1 -0
- package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.d.ts +35 -0
- package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.js +17 -11
- package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.less +2 -1
- package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.stories.d.ts +195 -0
- package/lib/components/pisellDateTimeDisplay/components/DateDisplay.d.ts +48 -0
- package/lib/components/pisellDateTimeDisplay/components/TimeDisplay.d.ts +42 -0
- package/lib/components/pisellDateTimeDisplay/components/WeekdayDisplay.d.ts +57 -0
- package/lib/components/pisellDateTimeDisplay/components/index.d.ts +6 -0
- package/lib/components/pisellDateTimeDisplay/formats/dateTimeDisplayFormats.js +3 -3
- package/lib/components/pisellDateTimeDisplay/hooks/index.d.ts +2 -0
- package/lib/components/pisellDateTimeDisplay/hooks/useCurrentTime.d.ts +46 -0
- package/lib/components/pisellDateTimeDisplay/hooks/useCurrentTime.js +7 -1
- package/lib/components/pisellDateTimeDisplay/index.d.ts +3 -0
- package/lib/components/pisellDateTimeDisplay/utils/formatDate.d.ts +21 -0
- package/lib/components/pisellDateTimeDisplay/utils/formatDateOrRelative.d.ts +17 -0
- package/lib/components/pisellDateTimeDisplay/utils/formatWeekday.d.ts +30 -0
- package/lib/components/pisellDateTimeDisplay/utils/index.d.ts +7 -0
- package/lib/components/pisellDateTimeDisplay/utils/localeUtils.d.ts +22 -0
- package/lib/components/pisellDateTimeDisplay/utils/localeUtils.js +10 -2
- package/lib/components/pisellDateTimeDisplay/utils/relativeDay.d.ts +24 -0
- package/lib/components/pisellDateTimeDisplay/utils/relativeDay.js +2 -1
- package/lib/components/pisellEmail/PisellEmail.less +119 -10
- package/lib/components/pisellEmail/PisellEmail.stories.js +1 -1
- package/lib/components/pisellEmail/index.d.ts +3 -1
- package/lib/components/pisellEmail/index.js +10 -2
- package/lib/components/pisellEmpty/index.d.ts +19 -0
- package/lib/components/pisellFilter/index.js +79 -8
- package/lib/components/pisellFilter/type.d.ts +5 -0
- package/lib/components/pisellFind/PisellFind.stories.d.ts +45 -0
- package/lib/components/pisellFind/index.d.ts +40 -0
- package/lib/components/pisellFind/index.js +11 -2
- package/lib/components/pisellGridPro/ToolBar/index.less +23 -0
- package/lib/components/pisellGridPro/index.d.ts +4 -0
- package/lib/components/pisellLongText/PisellLongText.less +72 -4
- package/lib/components/pisellLongText/PisellLongText.stories.js +1 -1
- package/lib/components/pisellLongText/index.d.ts +2 -1
- package/lib/components/pisellLongText/index.js +7 -0
- package/lib/components/pisellLookup/PisellLookup.js +12 -6
- package/lib/components/pisellLookup/PisellLookup.less +39 -16
- package/lib/components/pisellLookup/components/LookupTrigger.js +9 -3
- package/lib/components/pisellMetricCard/PisellMetricCard.stories.d.ts +17 -0
- package/lib/components/pisellMetricCard/components/index.d.ts +7 -0
- package/lib/components/pisellMetricCard/index.d.ts +6 -0
- package/lib/components/pisellMultipleSelect/PisellMultipleSelect.less +159 -124
- package/lib/components/pisellMultipleSelect/PisellMultipleSelect.stories.js +1 -1
- package/lib/components/pisellMultipleSelect/components/EditView.js +4 -1
- package/lib/components/pisellMultipleSelect/components/ReadOnlyView.d.ts +1 -1
- package/lib/components/pisellMultipleSelect/components/ReadOnlyView.js +29 -1
- package/lib/components/pisellMultipleSelect/index.d.ts +2 -1
- package/lib/components/pisellMultipleSelect/index.js +7 -0
- package/lib/components/pisellNumber/PisellNumber.less +135 -17
- package/lib/components/pisellNumber/PisellNumber.stories.js +1 -1
- package/lib/components/pisellNumber/index.d.ts +2 -1
- package/lib/components/pisellNumber/index.js +7 -0
- package/lib/components/pisellPercent/PisellPercent.less +142 -24
- package/lib/components/pisellPercent/PisellPercent.stories.js +1 -1
- package/lib/components/pisellPercent/index.d.ts +2 -1
- package/lib/components/pisellPercent/index.js +7 -0
- package/lib/components/pisellPhone/PisellPhone.less +122 -27
- package/lib/components/pisellPhone/PisellPhone.stories.js +1 -1
- package/lib/components/pisellPhone/components/EditView.js +1 -1
- package/lib/components/pisellPhone/components/ReadOnlyView.js +18 -4
- package/lib/components/pisellPhone/index.d.ts +2 -1
- package/lib/components/pisellPhone/index.js +7 -0
- package/lib/components/pisellQuickFilter/index.d.ts +11 -0
- package/lib/components/pisellQuickFilter/type.d.ts +12 -0
- package/lib/components/pisellRating/PisellRating.less +20 -12
- package/lib/components/pisellRating/PisellRating.stories.js +1 -1
- package/lib/components/pisellRating/index.d.ts +2 -1
- package/lib/components/pisellRating/index.js +7 -0
- package/lib/components/pisellRecordBoard/PisellRecordBoard.d.ts +8 -0
- package/lib/components/pisellRecordBoard/PisellRecordBoard.js +263 -0
- package/lib/components/pisellRecordBoard/PisellRecordBoard.stories.d.ts +81 -0
- package/lib/components/pisellRecordBoard/PisellRecordBoard.stories.js +1673 -0
- package/lib/components/pisellRecordBoard/context/RecordBoardContext.js +30 -0
- package/lib/components/pisellRecordBoard/context/RecordBoardProvider.js +46 -0
- package/lib/components/pisellRecordBoard/hooks/useRecordBoardContext.js +47 -0
- package/lib/components/pisellRecordBoard/index.d.ts +35 -0
- package/lib/components/pisellRecordBoard/index.js +59 -0
- package/lib/components/pisellRecordBoard/layouts/CardLayout/CardList.js +46 -0
- package/lib/components/pisellRecordBoard/layouts/CardLayout/index.js +46 -0
- package/lib/components/pisellRecordBoard/layouts/GridLayout/Grid.d.ts +14 -0
- package/lib/components/pisellRecordBoard/layouts/GridLayout/Grid.js +264 -0
- package/lib/components/pisellRecordBoard/layouts/GridLayout/Grid.less +100 -0
- package/lib/components/pisellRecordBoard/layouts/GridLayout/index.d.ts +13 -0
- package/lib/components/pisellRecordBoard/layouts/GridLayout/index.js +46 -0
- package/lib/components/pisellRecordBoard/shellFrame/BatchActionBar/index.d.ts +8 -0
- package/lib/components/pisellRecordBoard/shellFrame/BatchActionBar/index.js +108 -0
- package/lib/components/pisellRecordBoard/shellFrame/ColumnSetting/ColumnSettingPopover.d.ts +15 -0
- package/lib/components/pisellRecordBoard/shellFrame/ColumnSetting/ColumnSettingPopover.js +173 -0
- package/lib/components/pisellRecordBoard/shellFrame/ColumnSetting/index.d.ts +8 -0
- package/lib/components/pisellRecordBoard/shellFrame/ColumnSetting/index.js +100 -0
- package/lib/components/pisellRecordBoard/shellFrame/ColumnSetting/index.less +2 -0
- package/lib/components/pisellRecordBoard/shellFrame/Pagination/index.d.ts +14 -0
- package/lib/components/pisellRecordBoard/shellFrame/Pagination/index.js +90 -0
- package/lib/components/pisellRecordBoard/shellFrame/Pagination/index.less +78 -0
- package/lib/components/pisellRecordBoard/shellFrame/Search/index.d.ts +10 -0
- package/lib/components/pisellRecordBoard/shellFrame/Search/index.js +53 -0
- package/lib/components/pisellRecordBoard/shellFrame/ToolBar/ToolBarFilter.less +112 -0
- package/lib/components/pisellRecordBoard/shellFrame/ToolBar/index.d.ts +11 -0
- package/lib/components/pisellRecordBoard/shellFrame/ToolBar/index.js +247 -0
- package/lib/components/pisellRecordBoard/shellFrame/ToolBarQuickFilter/index.d.ts +17 -0
- package/lib/components/pisellRecordBoard/shellFrame/ToolBarQuickFilter/index.js +93 -0
- package/lib/components/pisellRecordBoard/shellFrame/ToolBarReset/index.d.ts +16 -0
- package/lib/components/pisellRecordBoard/shellFrame/ToolBarReset/index.js +85 -0
- package/lib/components/pisellRecordBoard/shellFrame/ToolBarReset/index.less +41 -0
- package/lib/components/pisellRecordBoard/shellFrame/index.d.ts +26 -0
- package/lib/components/pisellRecordBoard/shellFrame/index.js +137 -0
- package/lib/components/pisellRecordBoard/types.js +17 -0
- package/lib/components/pisellRecordBoard/utils/recordBoardColumns.d.ts +41 -0
- package/lib/components/pisellRecordBoard/utils/recordBoardColumns.js +365 -0
- package/lib/components/pisellRecordBoard/utils/withRecordBoard.js +49 -0
- package/lib/components/pisellShellFrame/PisellShellFrame.js +113 -0
- package/lib/components/pisellShellFrame/PisellShellFrame.less +78 -0
- package/lib/components/pisellShellFrame/PisellShellFrame.stories.js +129 -0
- package/lib/components/pisellShellFrame/index.js +40 -0
- package/lib/components/pisellShellFrame/types.js +17 -0
- package/lib/components/pisellSingleLineText/PisellSingleLineText.stories.js +1 -1
- package/lib/components/pisellSingleLineText/index.d.ts +2 -1
- package/lib/components/pisellSingleLineText/index.js +7 -0
- package/lib/components/pisellSingleSelect/PisellSingleSelect.less +103 -46
- package/lib/components/pisellSingleSelect/PisellSingleSelect.stories.js +1 -1
- package/lib/components/pisellSingleSelect/components/EditView.js +4 -1
- package/lib/components/pisellSingleSelect/components/ReadOnlyView.d.ts +1 -1
- package/lib/components/pisellSingleSelect/components/ReadOnlyView.js +12 -9
- package/lib/components/pisellSingleSelect/index.d.ts +2 -1
- package/lib/components/pisellSingleSelect/index.js +7 -0
- package/lib/components/pisellSort/index.d.ts +4 -0
- package/lib/components/pisellStatisticList/index.d.ts +22 -0
- package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.d.ts +32 -0
- package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.js +7 -3
- package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.stories.d.ts +61 -0
- package/lib/components/pisellTimeRangeDisplay/components/DateBlock.d.ts +20 -0
- package/lib/components/pisellTimeRangeDisplay/components/DurationBlock.d.ts +19 -0
- package/lib/components/pisellTimeRangeDisplay/components/TimeRangeBlock.d.ts +30 -0
- package/lib/components/pisellTimeRangeDisplay/components/WeekdayBlock.d.ts +18 -0
- package/lib/components/pisellTimeRangeDisplay/components/index.d.ts +8 -0
- package/lib/components/pisellTimeRangeDisplay/index.d.ts +3 -0
- package/lib/components/pisellTimeRangeDisplay/utils/index.d.ts +4 -0
- package/lib/components/pisellUrl/PisellUrl.less +120 -11
- package/lib/components/pisellUrl/PisellUrl.stories.js +1 -1
- package/lib/components/pisellUrl/index.d.ts +3 -1
- package/lib/components/pisellUrl/index.js +10 -2
- package/lib/components/productCard/components/Action/index.d.ts +4 -0
- package/lib/components/productCard/components/Header/DeleteButton/index.d.ts +4 -0
- package/lib/components/productCard/components/Packages/utils.d.ts +2 -2
- package/lib/components/productCard/status.d.ts +32 -0
- package/lib/components/productCard/types.d.ts +84 -0
- package/lib/components/select/index.d.ts +9 -0
- package/lib/components/select/index.less +18 -2
- package/lib/components/sort/index.js +13 -3
- package/lib/components/table/Actions/component/ViewMode/index.d.ts +9 -0
- package/lib/components/table/Table/fields/image/index.d.ts +1 -0
- package/lib/components/table/Table/fields/pSwitch/index.d.ts +1 -0
- package/lib/components/table/Table/fields/select/Edit/index.d.ts +4 -0
- package/lib/components/table/Table/fields/select/index.d.ts +0 -1
- package/lib/components/table/Table/fields/treeSelect/index.d.ts +0 -1
- package/lib/components/table/Table/utils.d.ts +1 -1
- package/lib/components/table/types.d.ts +268 -0
- package/lib/components/versionModal/index.d.ts +23 -0
- package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts +12 -0
- package/lib/components/virtualInput/BaseVirtualInput/index.less +2 -2
- package/lib/components/virtualInput/index.js +7 -1
- package/lib/hooks/useResponsive.d.ts +1 -1
- package/lib/hooks/useThemeTokens.js +40 -0
- package/lib/index.d.ts +6 -2
- package/lib/index.js +6 -0
- package/lib/locales/en-US.d.ts +36 -0
- package/lib/locales/en-US.js +42 -2
- package/lib/locales/index.js +2 -2
- package/lib/locales/ja.d.ts +2 -0
- package/lib/locales/ja.js +2 -0
- package/lib/locales/pt.d.ts +2 -0
- package/lib/locales/pt.js +2 -0
- package/lib/locales/zh-CN.d.ts +36 -0
- package/lib/locales/zh-CN.js +46 -6
- package/lib/locales/zh-TW.d.ts +36 -0
- package/lib/locales/zh-TW.js +46 -6
- package/lib/utils/tagColor.js +60 -0
- package/lowcode/auto-resize-text/meta.ts +1 -1
- package/package.json +2 -2
- package/es/components/PisellTabbar/locales.d.ts +0 -23
- package/es/components/PisellTabbar2/locales.d.ts +0 -23
- package/es/components/PisellTabbar3/locales.d.ts +0 -23
- package/es/components/dataSourceComponents/dataSourceForm/urlUtils.d.ts +0 -24
- package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts +0 -5
- package/es/components/dataSourceComponents/fields/Translation/type.d.ts +0 -21
- package/es/components/dataSourceComponents/hooks/useFormSettingParams.d.ts +0 -7
- package/es/components/virtualInput/index.d.ts +0 -24
- package/lib/components/PisellTabbar/locales.d.ts +0 -23
- package/lib/components/PisellTabbar2/locales.d.ts +0 -23
- package/lib/components/PisellTabbar3/locales.d.ts +0 -23
- package/lib/components/dataSourceComponents/dataSourceForm/urlUtils.d.ts +0 -24
- package/lib/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts +0 -5
- package/lib/components/dataSourceComponents/fields/Translation/type.d.ts +0 -21
- package/lib/components/dataSourceComponents/hooks/useFormSettingParams.d.ts +0 -7
- package/lib/components/virtualInput/index.d.ts +0 -24
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'dayjs/locale/zh-cn';
|
|
3
|
+
import 'dayjs/locale/en';
|
|
4
|
+
import type { PisellDateTimeDisplayProps } from './types';
|
|
5
|
+
import './PisellDateTimeDisplay.less';
|
|
6
|
+
/**
|
|
7
|
+
* PisellDateTimeDisplay 组件
|
|
8
|
+
*
|
|
9
|
+
* @description
|
|
10
|
+
* 专注于展示当前时间的组件,支持:
|
|
11
|
+
* - 当前日期、时间、星期展示
|
|
12
|
+
* - 多种布局方式(水平、垂直、单行)
|
|
13
|
+
* - 丰富的格式化配置
|
|
14
|
+
* - 自动刷新
|
|
15
|
+
* - 国际化支持
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* // 基础用法
|
|
19
|
+
* <PisellDateTimeDisplay />
|
|
20
|
+
*
|
|
21
|
+
* // 自定义格式
|
|
22
|
+
* <PisellDateTimeDisplay
|
|
23
|
+
* layout="vertical"
|
|
24
|
+
* timeFormat={{ use12Hour: true, showSeconds: true }}
|
|
25
|
+
* dateFormat={{ showYear: true, showChineseUnit: true }}
|
|
26
|
+
* />
|
|
27
|
+
*
|
|
28
|
+
* // 自定义格式化字符串
|
|
29
|
+
* <PisellDateTimeDisplay
|
|
30
|
+
* customFormat="YYYY-MM-DD HH:mm:ss"
|
|
31
|
+
* />
|
|
32
|
+
*/
|
|
33
|
+
export declare const PisellDateTimeDisplay: React.FC<PisellDateTimeDisplayProps>;
|
|
34
|
+
declare const _default: React.NamedExoticComponent<PisellDateTimeDisplayProps>;
|
|
35
|
+
export default _default;
|
|
@@ -41,9 +41,12 @@ var import_hooks = require("./hooks");
|
|
|
41
41
|
var import_utils = require("./utils");
|
|
42
42
|
var import_components = require("./components");
|
|
43
43
|
var import_dateTimeDisplayFormats = require("./formats/dateTimeDisplayFormats");
|
|
44
|
+
var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
|
|
44
45
|
var import_PisellDateTimeDisplay = require("./PisellDateTimeDisplay.less");
|
|
45
46
|
var PisellDateTimeDisplay = (props) => {
|
|
47
|
+
var _a, _b;
|
|
46
48
|
const {
|
|
49
|
+
value: valueProp,
|
|
47
50
|
layout = "horizontal",
|
|
48
51
|
textAlign = "center",
|
|
49
52
|
fields,
|
|
@@ -65,7 +68,9 @@ var PisellDateTimeDisplay = (props) => {
|
|
|
65
68
|
className,
|
|
66
69
|
style
|
|
67
70
|
} = props;
|
|
68
|
-
const
|
|
71
|
+
const context = (0, import_useEngineContext.default)();
|
|
72
|
+
const resolvedLocale = locale || ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en";
|
|
73
|
+
const localeKey = (0, import_utils.getDayjsLocale)(resolvedLocale);
|
|
69
74
|
const baseLocale = localeKey.split("-")[0];
|
|
70
75
|
const presetSource = formatByLocale ?? import_dateTimeDisplayFormats.DATETIME_DISPLAY_FORMATS;
|
|
71
76
|
const preset = presetSource[localeKey] ?? presetSource[baseLocale] ?? {};
|
|
@@ -76,12 +81,13 @@ var PisellDateTimeDisplay = (props) => {
|
|
|
76
81
|
const computedRefreshInterval = refreshInterval ?? (0, import_utils.getRefreshInterval)(effectiveTimeFormat);
|
|
77
82
|
const currentTime = (0, import_hooks.useCurrentTime)({
|
|
78
83
|
refreshInterval: computedRefreshInterval,
|
|
79
|
-
disabled: disableAutoRefresh,
|
|
80
|
-
locale,
|
|
84
|
+
disabled: disableAutoRefresh || valueProp !== void 0,
|
|
85
|
+
locale: resolvedLocale,
|
|
81
86
|
onUpdate: onTimeUpdate
|
|
82
87
|
});
|
|
88
|
+
const displayTime = valueProp !== void 0 && valueProp !== null ? (0, import_dayjs.default)(valueProp).locale(localeKey) : currentTime;
|
|
83
89
|
if (customFormat) {
|
|
84
|
-
const formattedTime =
|
|
90
|
+
const formattedTime = displayTime.format(customFormat);
|
|
85
91
|
const containerInlineStyle2 = {
|
|
86
92
|
background: containerStyle == null ? void 0 : containerStyle.background,
|
|
87
93
|
borderRadius: containerStyle == null ? void 0 : containerStyle.borderRadius,
|
|
@@ -108,7 +114,7 @@ var PisellDateTimeDisplay = (props) => {
|
|
|
108
114
|
fieldOrder = ["time", "date", "weekday"]
|
|
109
115
|
} = effectiveFields || {};
|
|
110
116
|
const referenceDate = (0, import_dayjs.default)();
|
|
111
|
-
const relativeDay = (effectiveDateFormat == null ? void 0 : effectiveDateFormat.showRelativeDay) ? (0, import_utils.getRelativeDay)(
|
|
117
|
+
const relativeDay = (effectiveDateFormat == null ? void 0 : effectiveDateFormat.showRelativeDay) ? (0, import_utils.getRelativeDay)(displayTime, referenceDate) : null;
|
|
112
118
|
const hideWeekdayWhenDateRelative = showDate && relativeDay !== null;
|
|
113
119
|
const containerInlineStyle = {
|
|
114
120
|
background: containerStyle == null ? void 0 : containerStyle.background,
|
|
@@ -127,7 +133,7 @@ var PisellDateTimeDisplay = (props) => {
|
|
|
127
133
|
import_components.TimeDisplay,
|
|
128
134
|
{
|
|
129
135
|
key: "time",
|
|
130
|
-
time:
|
|
136
|
+
time: displayTime,
|
|
131
137
|
format: effectiveTimeFormat,
|
|
132
138
|
style: timeStyle
|
|
133
139
|
}
|
|
@@ -137,7 +143,7 @@ var PisellDateTimeDisplay = (props) => {
|
|
|
137
143
|
import_components.DateDisplay,
|
|
138
144
|
{
|
|
139
145
|
key: "date",
|
|
140
|
-
date:
|
|
146
|
+
date: displayTime,
|
|
141
147
|
format: effectiveDateFormat,
|
|
142
148
|
referenceDate: (0, import_dayjs.default)(),
|
|
143
149
|
style: dateStyle
|
|
@@ -148,7 +154,7 @@ var PisellDateTimeDisplay = (props) => {
|
|
|
148
154
|
import_components.WeekdayDisplay,
|
|
149
155
|
{
|
|
150
156
|
key: "weekday",
|
|
151
|
-
weekday:
|
|
157
|
+
weekday: displayTime,
|
|
152
158
|
format: effectiveWeekdayFormat,
|
|
153
159
|
style: weekdayStyle
|
|
154
160
|
}
|
|
@@ -179,12 +185,12 @@ var PisellDateTimeDisplay = (props) => {
|
|
|
179
185
|
}
|
|
180
186
|
if (layout === "horizontal") {
|
|
181
187
|
const timeField = showTime ? renderField("time") : null;
|
|
182
|
-
const currentLocale =
|
|
188
|
+
const currentLocale = displayTime.locale();
|
|
183
189
|
const isChinese = (0, import_utils.isChinese)(currentLocale);
|
|
184
190
|
if (showDate && showWeekday) {
|
|
185
191
|
const labels = effectiveDateFormat == null ? void 0 : effectiveDateFormat.relativeDayLabels;
|
|
186
|
-
const dateStr = relativeDay ? (labels == null ? void 0 : labels[relativeDay]) ?? (0, import_utils.getRelativeDayLabel)(relativeDay,
|
|
187
|
-
const weekdayStr =
|
|
192
|
+
const dateStr = relativeDay ? (labels == null ? void 0 : labels[relativeDay]) ?? (0, import_utils.getRelativeDayLabel)(relativeDay, displayTime.locale()) : isChinese ? displayTime.format("M月D日") : displayTime.format("D MMM");
|
|
193
|
+
const weekdayStr = displayTime.format("ddd");
|
|
188
194
|
const combinedStr = relativeDay ? dateStr : isChinese ? `${weekdayStr} ${dateStr}` : `${weekdayStr}, ${dateStr}`;
|
|
189
195
|
const dateInlineStyle = {
|
|
190
196
|
fontSize: dateStyle == null ? void 0 : dateStyle.fontSize,
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import PisellDateTimeDisplay from './PisellDateTimeDisplay';
|
|
3
|
+
/**
|
|
4
|
+
* PisellDateTimeDisplay 组件 Storybook
|
|
5
|
+
*/
|
|
6
|
+
declare const meta: Meta<typeof PisellDateTimeDisplay>;
|
|
7
|
+
export default meta;
|
|
8
|
+
declare type Story = StoryObj<typeof PisellDateTimeDisplay>;
|
|
9
|
+
/**
|
|
10
|
+
* 基础示例
|
|
11
|
+
*/
|
|
12
|
+
export declare const Basic: Story;
|
|
13
|
+
/**
|
|
14
|
+
* 水平布局(默认)
|
|
15
|
+
*/
|
|
16
|
+
export declare const HorizontalLayout: Story;
|
|
17
|
+
/**
|
|
18
|
+
* 垂直布局
|
|
19
|
+
*/
|
|
20
|
+
export declare const VerticalLayout: Story;
|
|
21
|
+
/**
|
|
22
|
+
* 单行布局
|
|
23
|
+
*/
|
|
24
|
+
export declare const InlineLayout: Story;
|
|
25
|
+
/**
|
|
26
|
+
* 单行布局 - 自定义分隔符
|
|
27
|
+
*/
|
|
28
|
+
export declare const InlineWithCustomSeparator: Story;
|
|
29
|
+
/**
|
|
30
|
+
* 中文完整日期格式:2025-12-31 - 2:00 周四
|
|
31
|
+
* 单行、日期在前、日期与时间之间 " - "、时间与星期之间空格
|
|
32
|
+
*/
|
|
33
|
+
export declare const InlineDateTimeWeekdayZh: Story;
|
|
34
|
+
/**
|
|
35
|
+
* 12小时制
|
|
36
|
+
*/
|
|
37
|
+
export declare const Time12Hour: Story;
|
|
38
|
+
/**
|
|
39
|
+
* 显示秒
|
|
40
|
+
*/
|
|
41
|
+
export declare const TimeWithSeconds: Story;
|
|
42
|
+
/**
|
|
43
|
+
* 12小时制 + 显示秒
|
|
44
|
+
*/
|
|
45
|
+
export declare const Time12HourWithSeconds: Story;
|
|
46
|
+
/**
|
|
47
|
+
* 小时补零
|
|
48
|
+
*/
|
|
49
|
+
export declare const TimePadHour: Story;
|
|
50
|
+
/**
|
|
51
|
+
* 只显示小时
|
|
52
|
+
*/
|
|
53
|
+
export declare const TimeOnlyHour: Story;
|
|
54
|
+
/**
|
|
55
|
+
* 完整日期(Y-M-D)
|
|
56
|
+
*/
|
|
57
|
+
export declare const DateFullYMD: Story;
|
|
58
|
+
/**
|
|
59
|
+
* 月-日-年 格式
|
|
60
|
+
*/
|
|
61
|
+
export declare const DateMDY: Story;
|
|
62
|
+
/**
|
|
63
|
+
* 日-月-年 格式
|
|
64
|
+
*/
|
|
65
|
+
export declare const DateDMY: Story;
|
|
66
|
+
/**
|
|
67
|
+
* 中文日期带单位
|
|
68
|
+
*/
|
|
69
|
+
export declare const DateChinese: Story;
|
|
70
|
+
/**
|
|
71
|
+
* 相对日:今天/昨天/明天
|
|
72
|
+
* 与「当前日期」同天显示「今天」,前一天「昨天」,后一天「明天」;其他日期仍按原格式。
|
|
73
|
+
* 参考日为 dayjs(),随时间变化:例如 2 月 4 日当天,2 月 4 日显示「今天」,2 月 3 日显示「昨天」。
|
|
74
|
+
*/
|
|
75
|
+
export declare const RelativeDay: Story;
|
|
76
|
+
/**
|
|
77
|
+
* 相对日 - 英文
|
|
78
|
+
*/
|
|
79
|
+
export declare const RelativeDayEn: Story;
|
|
80
|
+
/**
|
|
81
|
+
* 相对日 - 自定义文案
|
|
82
|
+
*/
|
|
83
|
+
export declare const RelativeDayCustomLabels: Story;
|
|
84
|
+
/**
|
|
85
|
+
* 英文完整月份
|
|
86
|
+
*/
|
|
87
|
+
export declare const DateFullMonth: Story;
|
|
88
|
+
/**
|
|
89
|
+
* 自定义分隔符
|
|
90
|
+
*/
|
|
91
|
+
export declare const DateCustomSeparator: Story;
|
|
92
|
+
/**
|
|
93
|
+
* 星期完整展示(英文)
|
|
94
|
+
*/
|
|
95
|
+
export declare const WeekdayFull: Story;
|
|
96
|
+
/**
|
|
97
|
+
* 星期完整展示(中文)
|
|
98
|
+
*/
|
|
99
|
+
export declare const WeekdayFullChinese: Story;
|
|
100
|
+
/**
|
|
101
|
+
* 星期单字母展示
|
|
102
|
+
*/
|
|
103
|
+
export declare const WeekdaySingleLetter: Story;
|
|
104
|
+
/**
|
|
105
|
+
* 只显示时间
|
|
106
|
+
*/
|
|
107
|
+
export declare const OnlyTime: Story;
|
|
108
|
+
/**
|
|
109
|
+
* 只显示日期
|
|
110
|
+
*/
|
|
111
|
+
export declare const OnlyDate: Story;
|
|
112
|
+
/**
|
|
113
|
+
* 自定义字段顺序
|
|
114
|
+
*/
|
|
115
|
+
export declare const CustomFieldOrder: Story;
|
|
116
|
+
/**
|
|
117
|
+
* 自定义格式化 - ISO 格式
|
|
118
|
+
*/
|
|
119
|
+
export declare const CustomFormatISO: Story;
|
|
120
|
+
/**
|
|
121
|
+
* 自定义格式化 - 中文格式
|
|
122
|
+
*/
|
|
123
|
+
export declare const CustomFormatChinese: Story;
|
|
124
|
+
/**
|
|
125
|
+
* 自定义格式化 - 包含星期
|
|
126
|
+
*/
|
|
127
|
+
export declare const CustomFormatWithWeekday: Story;
|
|
128
|
+
/**
|
|
129
|
+
* 中文环境
|
|
130
|
+
*/
|
|
131
|
+
export declare const LocaleChinese: Story;
|
|
132
|
+
/**
|
|
133
|
+
* 英文环境
|
|
134
|
+
*/
|
|
135
|
+
export declare const LocaleEnglish: Story;
|
|
136
|
+
/**
|
|
137
|
+
* 自定义容器样式
|
|
138
|
+
*/
|
|
139
|
+
export declare const CustomContainerStyle: Story;
|
|
140
|
+
/**
|
|
141
|
+
* 自定义文本样式
|
|
142
|
+
*/
|
|
143
|
+
export declare const CustomTextStyle: Story;
|
|
144
|
+
/**
|
|
145
|
+
* 居中对齐
|
|
146
|
+
*/
|
|
147
|
+
export declare const CenterAlign: Story;
|
|
148
|
+
/**
|
|
149
|
+
* 禁用自动刷新
|
|
150
|
+
*/
|
|
151
|
+
export declare const DisableRefresh: Story;
|
|
152
|
+
/**
|
|
153
|
+
* 自定义刷新间隔(5秒)
|
|
154
|
+
*/
|
|
155
|
+
export declare const CustomRefreshInterval: Story;
|
|
156
|
+
/**
|
|
157
|
+
* 应用场景 - 后台首页
|
|
158
|
+
*/
|
|
159
|
+
export declare const ScenarioDashboard: Story;
|
|
160
|
+
/**
|
|
161
|
+
* 应用场景 - 状态栏
|
|
162
|
+
*/
|
|
163
|
+
export declare const ScenarioStatusBar: Story;
|
|
164
|
+
/**
|
|
165
|
+
* 应用场景 - 欢迎页
|
|
166
|
+
*/
|
|
167
|
+
export declare const ScenarioWelcome: Story;
|
|
168
|
+
/**
|
|
169
|
+
* 应用场景 - 大屏展示
|
|
170
|
+
*/
|
|
171
|
+
export declare const ScenarioLargeScreen: Story;
|
|
172
|
+
/**
|
|
173
|
+
* 多语言对比
|
|
174
|
+
*/
|
|
175
|
+
export declare const MultiLanguage: Story;
|
|
176
|
+
/**
|
|
177
|
+
* 时间格式对比
|
|
178
|
+
*/
|
|
179
|
+
export declare const TimeFormats: Story;
|
|
180
|
+
/**
|
|
181
|
+
* 日期格式对比
|
|
182
|
+
*/
|
|
183
|
+
export declare const DateFormats: Story;
|
|
184
|
+
/**
|
|
185
|
+
* 星期格式对比
|
|
186
|
+
*/
|
|
187
|
+
export declare const WeekdayFormats: Story;
|
|
188
|
+
/**
|
|
189
|
+
* 所有布局对比
|
|
190
|
+
*/
|
|
191
|
+
export declare const AllLayouts: Story;
|
|
192
|
+
/**
|
|
193
|
+
* 深色主题
|
|
194
|
+
*/
|
|
195
|
+
export declare const DarkTheme: Story;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type Dayjs } from 'dayjs';
|
|
3
|
+
import type { DateFormatConfig, TextStyleConfig } from '../types';
|
|
4
|
+
/**
|
|
5
|
+
* DateDisplay 组件 Props
|
|
6
|
+
*/
|
|
7
|
+
export interface DateDisplayProps {
|
|
8
|
+
/**
|
|
9
|
+
* 日期对象
|
|
10
|
+
*/
|
|
11
|
+
date: Dayjs;
|
|
12
|
+
/**
|
|
13
|
+
* 日期格式配置
|
|
14
|
+
*/
|
|
15
|
+
format?: DateFormatConfig;
|
|
16
|
+
/**
|
|
17
|
+
* 参考日期(用于「今天/昨天/明天」判定,默认当前时间 dayjs())
|
|
18
|
+
*/
|
|
19
|
+
referenceDate?: Dayjs;
|
|
20
|
+
/**
|
|
21
|
+
* 文本样式
|
|
22
|
+
*/
|
|
23
|
+
style?: TextStyleConfig;
|
|
24
|
+
/**
|
|
25
|
+
* 自定义类名
|
|
26
|
+
*/
|
|
27
|
+
className?: string;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* 日期展示组件
|
|
31
|
+
*
|
|
32
|
+
* @description
|
|
33
|
+
* - 格式化并展示日期
|
|
34
|
+
* - 支持 showRelativeDay:今天/昨天/明天时用相对日替换原日期展示,不展示具体日期
|
|
35
|
+
* - 支持不同的日期顺序(YMD/MDY/DMY)
|
|
36
|
+
* - 支持年月日字段显隐
|
|
37
|
+
* - 支持中文单位(年、月、日)
|
|
38
|
+
* - 支持英文月份格式(简写/完整/数字)
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* <DateDisplay
|
|
42
|
+
* date={dayjs()}
|
|
43
|
+
* format={{ order: 'YMD', showYear: true, showChineseUnit: true }}
|
|
44
|
+
* style={{ fontSize: 18, fontWeight: 400, color: '#666' }}
|
|
45
|
+
* />
|
|
46
|
+
*/
|
|
47
|
+
export declare const DateDisplay: React.FC<DateDisplayProps>;
|
|
48
|
+
export default DateDisplay;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Dayjs } from 'dayjs';
|
|
3
|
+
import type { TimeFormatConfig, TextStyleConfig } from '../types';
|
|
4
|
+
/**
|
|
5
|
+
* TimeDisplay 组件 Props
|
|
6
|
+
*/
|
|
7
|
+
export interface TimeDisplayProps {
|
|
8
|
+
/**
|
|
9
|
+
* 时间对象
|
|
10
|
+
*/
|
|
11
|
+
time: Dayjs;
|
|
12
|
+
/**
|
|
13
|
+
* 时间格式配置
|
|
14
|
+
*/
|
|
15
|
+
format?: TimeFormatConfig;
|
|
16
|
+
/**
|
|
17
|
+
* 文本样式
|
|
18
|
+
*/
|
|
19
|
+
style?: TextStyleConfig;
|
|
20
|
+
/**
|
|
21
|
+
* 自定义类名
|
|
22
|
+
*/
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* 时间展示组件
|
|
27
|
+
*
|
|
28
|
+
* @description
|
|
29
|
+
* - 格式化并展示时间
|
|
30
|
+
* - 支持 12/24 小时制
|
|
31
|
+
* - 支持显示秒
|
|
32
|
+
* - 支持小时补零
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* <TimeDisplay
|
|
36
|
+
* time={dayjs()}
|
|
37
|
+
* format={{ use12Hour: false, showSeconds: true }}
|
|
38
|
+
* style={{ fontSize: 24, fontWeight: 600, color: '#000' }}
|
|
39
|
+
* />
|
|
40
|
+
*/
|
|
41
|
+
export declare const TimeDisplay: React.FC<TimeDisplayProps>;
|
|
42
|
+
export default TimeDisplay;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Dayjs } from 'dayjs';
|
|
3
|
+
import type { WeekdayFormatConfig, TextStyleConfig } from '../types';
|
|
4
|
+
/**
|
|
5
|
+
* WeekdayDisplay 组件 Props
|
|
6
|
+
*/
|
|
7
|
+
export interface WeekdayDisplayProps {
|
|
8
|
+
/**
|
|
9
|
+
* 日期对象(用于获取星期)
|
|
10
|
+
*/
|
|
11
|
+
weekday: Dayjs;
|
|
12
|
+
/**
|
|
13
|
+
* 星期格式配置
|
|
14
|
+
*/
|
|
15
|
+
format?: WeekdayFormatConfig;
|
|
16
|
+
/**
|
|
17
|
+
* 文本样式
|
|
18
|
+
*/
|
|
19
|
+
style?: TextStyleConfig;
|
|
20
|
+
/**
|
|
21
|
+
* 自定义类名
|
|
22
|
+
*/
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* 星期展示组件
|
|
27
|
+
*
|
|
28
|
+
* @description
|
|
29
|
+
* - 格式化并展示星期
|
|
30
|
+
* - 支持完整/缩写/单字母模式
|
|
31
|
+
* - 自动支持中英文
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* // 默认(缩写)
|
|
35
|
+
* <WeekdayDisplay
|
|
36
|
+
* weekday={dayjs()}
|
|
37
|
+
* format={{ full: false, singleLetter: false }}
|
|
38
|
+
* style={{ fontSize: 18, fontWeight: 400, color: '#666' }}
|
|
39
|
+
* />
|
|
40
|
+
* // => "Sat" / "周六"
|
|
41
|
+
*
|
|
42
|
+
* // 完整
|
|
43
|
+
* <WeekdayDisplay
|
|
44
|
+
* weekday={dayjs()}
|
|
45
|
+
* format={{ full: true }}
|
|
46
|
+
* />
|
|
47
|
+
* // => "Saturday" / "星期六"
|
|
48
|
+
*
|
|
49
|
+
* // 单字母
|
|
50
|
+
* <WeekdayDisplay
|
|
51
|
+
* weekday={dayjs()}
|
|
52
|
+
* format={{ singleLetter: true }}
|
|
53
|
+
* />
|
|
54
|
+
* // => "S" / "六"
|
|
55
|
+
*/
|
|
56
|
+
export declare const WeekdayDisplay: React.FC<WeekdayDisplayProps>;
|
|
57
|
+
export default WeekdayDisplay;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { TimeDisplay } from './TimeDisplay';
|
|
2
|
+
export { DateDisplay } from './DateDisplay';
|
|
3
|
+
export { WeekdayDisplay } from './WeekdayDisplay';
|
|
4
|
+
export type { TimeDisplayProps } from './TimeDisplay';
|
|
5
|
+
export type { DateDisplayProps } from './DateDisplay';
|
|
6
|
+
export type { WeekdayDisplayProps } from './WeekdayDisplay';
|
|
@@ -29,7 +29,7 @@ var DATETIME_DISPLAY_FORMATS = {
|
|
|
29
29
|
showYear: true,
|
|
30
30
|
separator: "-",
|
|
31
31
|
showChineseUnit: false,
|
|
32
|
-
showRelativeDay:
|
|
32
|
+
showRelativeDay: false
|
|
33
33
|
},
|
|
34
34
|
timeFormat: {
|
|
35
35
|
use12Hour: false,
|
|
@@ -54,7 +54,7 @@ var DATETIME_DISPLAY_FORMATS = {
|
|
|
54
54
|
showYear: true,
|
|
55
55
|
separator: "-",
|
|
56
56
|
showChineseUnit: false,
|
|
57
|
-
showRelativeDay:
|
|
57
|
+
showRelativeDay: false
|
|
58
58
|
},
|
|
59
59
|
timeFormat: { use12Hour: false, showSeconds: false },
|
|
60
60
|
weekdayFormat: { full: false, singleLetter: false },
|
|
@@ -71,7 +71,7 @@ var DATETIME_DISPLAY_FORMATS = {
|
|
|
71
71
|
order: "DMY",
|
|
72
72
|
shortMonth: true,
|
|
73
73
|
showYear: true,
|
|
74
|
-
showRelativeDay:
|
|
74
|
+
showRelativeDay: false,
|
|
75
75
|
useCommaBeforeYear: true
|
|
76
76
|
},
|
|
77
77
|
timeFormat: {
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { Dayjs } from 'dayjs';
|
|
2
|
+
/**
|
|
3
|
+
* useCurrentTime Hook 配置项
|
|
4
|
+
*/
|
|
5
|
+
export interface UseCurrentTimeOptions {
|
|
6
|
+
/**
|
|
7
|
+
* 刷新间隔(毫秒)
|
|
8
|
+
* @default 60000
|
|
9
|
+
*/
|
|
10
|
+
refreshInterval?: number;
|
|
11
|
+
/**
|
|
12
|
+
* 是否禁用自动刷新
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* dayjs locale
|
|
18
|
+
* @default 优先使用全局配置,其次使用 i18n 当前语言(getCurrentLocale)
|
|
19
|
+
* @example 'zh-CN' | 'zh-HK' | 'en' | 'en-US' | 'ja'
|
|
20
|
+
*/
|
|
21
|
+
locale?: string;
|
|
22
|
+
/**
|
|
23
|
+
* 时间更新回调
|
|
24
|
+
*/
|
|
25
|
+
onUpdate?: (time: Dayjs) => void;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* 管理当前时间状态的自定义 Hook
|
|
29
|
+
*
|
|
30
|
+
* @description
|
|
31
|
+
* - 自动创建定时器刷新时间
|
|
32
|
+
* - 支持自定义刷新间隔
|
|
33
|
+
* - 支持国际化(locale):优先级为 用户指定 > 全局配置 > i18n 当前语言
|
|
34
|
+
* - 组件卸载时自动清除定时器
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* const currentTime = useCurrentTime({
|
|
38
|
+
* refreshInterval: 1000,
|
|
39
|
+
* locale: 'zh-CN',
|
|
40
|
+
* onUpdate: (time) => console.log(time.format())
|
|
41
|
+
* });
|
|
42
|
+
*
|
|
43
|
+
* @param options 配置项
|
|
44
|
+
* @returns 当前时间(Dayjs 对象)
|
|
45
|
+
*/
|
|
46
|
+
export declare function useCurrentTime(options?: UseCurrentTimeOptions): Dayjs;
|
|
@@ -36,7 +36,9 @@ var import_react = require("react");
|
|
|
36
36
|
var import_dayjs = __toESM(require("dayjs"));
|
|
37
37
|
var import_localeUtils = require("../utils/localeUtils");
|
|
38
38
|
var import_usePisellConfig = __toESM(require("../../pisell-config-provider/hooks/usePisellConfig"));
|
|
39
|
+
var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
|
|
39
40
|
function useCurrentTime(options) {
|
|
41
|
+
var _a, _b;
|
|
40
42
|
const {
|
|
41
43
|
refreshInterval = 6e4,
|
|
42
44
|
disabled = false,
|
|
@@ -44,8 +46,12 @@ function useCurrentTime(options) {
|
|
|
44
46
|
onUpdate
|
|
45
47
|
} = options || {};
|
|
46
48
|
const globalConfig = (0, import_usePisellConfig.default)();
|
|
49
|
+
const context = (0, import_useEngineContext.default)();
|
|
47
50
|
const globalLocale = globalConfig == null ? void 0 : globalConfig.locale;
|
|
48
|
-
const
|
|
51
|
+
const engineLocale = (_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale;
|
|
52
|
+
const dayjsLocale = (0, import_localeUtils.getDayjsLocale)(
|
|
53
|
+
userLocale || globalLocale || engineLocale || "en"
|
|
54
|
+
);
|
|
49
55
|
const [currentTime, setCurrentTime] = (0, import_react.useState)(() => {
|
|
50
56
|
const time = (0, import_dayjs.default)();
|
|
51
57
|
return time.locale(dayjsLocale);
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { default as PisellDateTimeDisplay } from './PisellDateTimeDisplay';
|
|
2
|
+
export type { PisellDateTimeDisplayProps, LayoutDirection, DateOrder, TextAlign, FieldType, TimeFormatConfig, DateFormatConfig, WeekdayFormatConfig, FieldConfig, TextStyleConfig, ContainerStyleConfig, } from './types';
|
|
3
|
+
export { default } from './PisellDateTimeDisplay';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { Dayjs } from 'dayjs';
|
|
2
|
+
import type { DateFormatConfig } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* 格式化日期
|
|
5
|
+
* @param date dayjs 日期对象
|
|
6
|
+
* @param config 日期格式配置
|
|
7
|
+
* @returns 格式化后的日期字符串
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* // 英文环境
|
|
11
|
+
* formatDate(dayjs(), { order: 'YMD', shortMonth: true, showYear: true })
|
|
12
|
+
* // => "2026-Mar-21"
|
|
13
|
+
*
|
|
14
|
+
* // 中文环境
|
|
15
|
+
* formatDate(dayjs(), { order: 'YMD', showChineseUnit: true, showYear: true })
|
|
16
|
+
* // => "2026年3月21日"
|
|
17
|
+
*
|
|
18
|
+
* formatDate(dayjs(), { order: 'MDY', shortMonth: false, showYear: true })
|
|
19
|
+
* // => "March 21, 2026"
|
|
20
|
+
*/
|
|
21
|
+
export declare function formatDate(date: Dayjs, config?: DateFormatConfig): string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Dayjs } from 'dayjs';
|
|
2
|
+
import type { DateFormatConfig, WeekdayFormatConfig } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* 获取「日期部分」的展示文案(相对日内置在 datetime)
|
|
5
|
+
* - 若开启 showRelativeDay 且日期为今天/昨天/明天,返回相对日文案(如「今天」「Yesterday」)
|
|
6
|
+
* - 否则返回「星期, 日期」格式(用于时间区间跨天等场景)
|
|
7
|
+
*
|
|
8
|
+
* 供 PisellDateTimeDisplay、PisellTimeRangeDisplay 等统一使用,相对时间逻辑只在此处维护
|
|
9
|
+
*/
|
|
10
|
+
export declare function getDatePartDisplay(params: {
|
|
11
|
+
date: Dayjs;
|
|
12
|
+
dateFormat?: DateFormatConfig;
|
|
13
|
+
weekdayFormat?: WeekdayFormatConfig;
|
|
14
|
+
referenceDate: Dayjs;
|
|
15
|
+
/** 覆盖日期格式(如跨天时的 order: 'DMY', shortMonth: true) */
|
|
16
|
+
dateFormatOverride?: Partial<DateFormatConfig>;
|
|
17
|
+
}): string;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { Dayjs } from 'dayjs';
|
|
2
|
+
import type { WeekdayFormatConfig } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* 格式化星期
|
|
5
|
+
* @param weekday dayjs 日期对象
|
|
6
|
+
* @param config 星期格式配置
|
|
7
|
+
* @returns 格式化后的星期字符串
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* // 英文环境
|
|
11
|
+
* formatWeekday(dayjs(), { full: false, singleLetter: false })
|
|
12
|
+
* // => "Sat"
|
|
13
|
+
*
|
|
14
|
+
* formatWeekday(dayjs(), { full: true })
|
|
15
|
+
* // => "Saturday"
|
|
16
|
+
*
|
|
17
|
+
* formatWeekday(dayjs(), { singleLetter: true })
|
|
18
|
+
* // => "S"
|
|
19
|
+
*
|
|
20
|
+
* // 中文环境
|
|
21
|
+
* formatWeekday(dayjs(), { full: false, singleLetter: false })
|
|
22
|
+
* // => "周六"
|
|
23
|
+
*
|
|
24
|
+
* formatWeekday(dayjs(), { full: true })
|
|
25
|
+
* // => "星期六"
|
|
26
|
+
*
|
|
27
|
+
* formatWeekday(dayjs(), { singleLetter: true })
|
|
28
|
+
* // => "六"
|
|
29
|
+
*/
|
|
30
|
+
export declare function formatWeekday(weekday: Dayjs, config?: WeekdayFormatConfig): string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { formatTime } from './formatTime';
|
|
2
|
+
export { formatDate } from './formatDate';
|
|
3
|
+
export { formatWeekday } from './formatWeekday';
|
|
4
|
+
export { getDatePartDisplay } from './formatDateOrRelative';
|
|
5
|
+
export { getRefreshInterval } from './getRefreshInterval';
|
|
6
|
+
export { getRelativeDay, getRelativeDayLabel, type RelativeDay, } from './relativeDay';
|
|
7
|
+
export { normalizeLocale, isChinese, getDayjsLocale, } from './localeUtils';
|