dtable-ui-component 6.0.29-beta9 → 6.0.29
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/lib/ActionSheet/index.js +196 -0
- package/lib/ActionSheet/style/index.css +377 -0
- package/lib/ActivityIndicator/index.css +110 -0
- package/lib/ActivityIndicator/index.js +76 -0
- package/lib/Badge/index.css +98 -0
- package/lib/Badge/index.js +65 -0
- package/lib/CheckboxEditor/index.js +116 -24
- package/lib/CollaboratorEditor/index.js +11 -23
- package/lib/CollaboratorEditor/mb-collaborator-editor/index.css +85 -0
- package/lib/CollaboratorEditor/mb-collaborator-editor/index.js +148 -0
- package/lib/DTableCommonAddTool/index.js +3 -1
- package/lib/DTableFiltersPopover/widgets/department-select-filter/department-multiple-select-filter.js +6 -6
- package/lib/DTableFiltersPopover/widgets/department-select-filter/department-single-select-filter.js +6 -6
- package/lib/DateEditor/index.js +95 -69
- package/lib/DateEditor/mb-date-editor-popover/custom-rc-calendar.css +118 -0
- package/lib/DateEditor/mb-date-editor-popover/index.css +45 -0
- package/lib/DateEditor/mb-date-editor-popover/index.js +226 -0
- package/lib/DateEditor/{pc-editor.js → pc-date-editor-popover.js} +9 -9
- package/lib/DatePicker/index.js +120 -0
- package/lib/DatePicker/locale/en_US.js +14 -0
- package/lib/DatePicker/locale/ru_RU.js +14 -0
- package/lib/DatePicker/locale/sv_SE.js +14 -0
- package/lib/DatePicker/locale/zh_CN.js +14 -0
- package/lib/DatePicker/style/index.css +298 -0
- package/lib/DatePicker/utils.js +36 -0
- package/lib/{DepartmentMultipleSelectEditor → Department-editor/department-multiple-select}/index.js +6 -6
- package/lib/{DepartmentSingleSelectEditor/pc-editor → Department-editor}/department-single-select.js +7 -7
- package/lib/{DepartmentSingleSelectEditor/pc-editor → Department-editor}/index.css +3 -10
- package/lib/{DepartmentSingleSelectEditor/pc-editor → Department-editor}/index.js +25 -8
- package/lib/{SelectedDepartments → Department-editor/selected-departments}/index.css +1 -0
- package/lib/{SelectedDepartments → Department-editor/selected-departments}/index.js +3 -3
- package/lib/DigitalSignEditor/index.js +171 -24
- package/lib/Drawer/index.css +144 -0
- package/lib/Drawer/index.js +21 -0
- package/lib/FileEditor/addition-previewer/index.css +1 -0
- package/lib/FileEditor/{pc-editor/addition-previewer → addition-previewer}/index.js +1 -1
- package/lib/FileEditor/addition-previewer/local-file-addition/index.css +1 -0
- package/lib/FileEditor/{pc-editor/addition-previewer → addition-previewer}/local-file-addition/index.js +4 -4
- package/lib/FileEditor/files-previewer/{pc-previewer/file-previewer → file-previewer}/dropdown-menu.js +1 -1
- package/lib/FileEditor/files-previewer/{pc-previewer/file-previewer → file-previewer}/file-name-editor/index.js +1 -1
- package/lib/FileEditor/files-previewer/{pc-previewer/file-previewer → file-previewer}/index.css +2 -0
- package/lib/FileEditor/files-previewer/{pc-previewer/file-previewer → file-previewer}/index.js +2 -2
- package/lib/FileEditor/files-previewer/index.js +268 -26
- package/lib/FileEditor/index.css +5 -0
- package/lib/FileEditor/index.js +265 -26
- package/lib/FormulaFormatter/index.css +5 -5
- package/lib/GeolocationEditor/{pc-editor/country-editor.js → country-editor.js} +49 -5
- package/lib/GeolocationEditor/{pc-editor/index.css → index.css} +4 -3
- package/lib/GeolocationEditor/index.js +230 -90
- package/lib/GeolocationEditor/{pc-editor/location-editor.js → location-editor.js} +41 -8
- package/lib/GeolocationEditor/{pc-editor/map-editor → map-editor}/index.js +6 -6
- package/lib/GeolocationEditor/{pc-editor/map-editor → map-editor}/large-editor/index.js +7 -7
- package/lib/GeolocationEditor/map-editor-utils.js +4 -10
- package/lib/GeolocationEditor/{pc-editor/map-selection-editor → map-selection-editor}/index.js +7 -7
- package/lib/GeolocationEditor/{pc-editor/map-selection-editor → map-selection-editor}/large-editor/index.js +7 -7
- package/lib/GeolocationEditor/{pc-editor/province-city-editor.js → province-city-editor.js} +38 -7
- package/lib/GeolocationEditor/{pc-editor/province-editor.js → province-editor.js} +31 -7
- package/lib/GeolocationEditor/{pc-editor/selector-header-item.js → selector-header-item.js} +1 -1
- package/lib/Icon/index.css +50 -0
- package/lib/Icon/index.js +35 -0
- package/lib/Icon/load-sprite.js +56 -0
- package/lib/ImageEditor/{pc-editor/addition-previewer → addition-previewer}/image-link/index.js +1 -1
- package/lib/ImageEditor/{pc-editor/addition-previewer → addition-previewer}/index.js +1 -1
- package/lib/ImageEditor/{pc-editor/addition-previewer → addition-previewer}/local-image-addition/index.js +4 -4
- package/lib/ImageEditor/images-previewer/image-preview/index.js +3 -3
- package/lib/ImageEditor/images-previewer/index.js +4 -9
- package/lib/ImageEditor/index.css +16 -17
- package/lib/ImageEditor/index.js +185 -26
- package/lib/ImageThumbnail/index.js +1 -2
- package/lib/InputItem/custom-input.js +321 -0
- package/lib/InputItem/custom-keyboard.js +162 -0
- package/lib/InputItem/index.js +389 -0
- package/lib/InputItem/input.js +45 -0
- package/lib/InputItem/locale/en_US.js +12 -0
- package/lib/InputItem/locale/ru_RU.js +12 -0
- package/lib/InputItem/locale/sv_SE.js +12 -0
- package/lib/InputItem/locale/zh_CN.js +12 -0
- package/lib/InputItem/portal.js +23 -0
- package/lib/InputItem/style/index.css +524 -0
- package/lib/LinkEditor/index.js +5 -5
- package/lib/LinkEditor/{mb-popover → mb-link-editor-popover}/index.css +1 -1
- package/lib/List/index.css +389 -0
- package/lib/List/index.js +41 -0
- package/lib/List/list-item.js +169 -0
- package/lib/Modal/alert.js +86 -0
- package/lib/Modal/index.js +16 -0
- package/lib/Modal/modal.js +118 -0
- package/lib/Modal/operation.js +81 -0
- package/lib/Modal/prompt.js +211 -0
- package/lib/Modal/style/index.css +593 -0
- package/lib/MultipleSelectEditor/index.js +14 -9
- package/lib/Picker/AbstractPicker.js +190 -0
- package/lib/Picker/index.js +28 -0
- package/lib/Picker/locale/en_US.js +12 -0
- package/lib/Picker/locale/ru_RU.js +12 -0
- package/lib/Picker/locale/sv_SE.js +12 -0
- package/lib/Picker/locale/zh_CN.js +12 -0
- package/lib/Picker/popupProps.js +12 -0
- package/lib/Picker/style/index.css +145 -0
- package/lib/Popover/index.js +63 -0
- package/lib/Popover/item.js +55 -0
- package/lib/Popover/style/index.css +233 -0
- package/lib/Progress/index.css +24 -0
- package/lib/Progress/index.js +66 -0
- package/lib/Radio/Radio.js +47 -0
- package/lib/Radio/RadioItem.js +57 -0
- package/lib/Radio/index.css +92 -0
- package/lib/Radio/index.js +12 -0
- package/lib/RowExpandDialog/column-content/index.js +2 -2
- package/lib/RowExpandDialog/index.js +0 -2
- package/lib/RowExpandEditor/{add-btn/pc-add-btn → RowExpandAddBtn}/index.js +4 -6
- package/lib/RowExpandEditor/{checkbox-editor/pc-editor.js → RowExpandCheckboxEditor/index.js} +13 -9
- package/lib/RowExpandEditor/{collaborator-editor/pc-editor → RowExpandCollaboratorEditor}/index.css +1 -1
- package/lib/RowExpandEditor/{collaborator-editor/pc-editor → RowExpandCollaboratorEditor}/index.js +7 -6
- package/lib/RowExpandEditor/{date-editor/pc-editor.js → RowExpandDateEditor/index.js} +2 -2
- package/lib/RowExpandEditor/{department-editor/pc-editor.js → RowExpandDepartmentEditor/index.js} +49 -44
- package/lib/RowExpandEditor/{digital-sign-editor/pc-editor → RowExpandDigitalSignEditor}/index.css +1 -1
- package/lib/RowExpandEditor/{digital-sign-editor/pc-editor → RowExpandDigitalSignEditor}/index.js +11 -11
- package/lib/RowExpandEditor/{duration-editor/pc-editor.js → RowExpandDurationEditor/index.js} +2 -2
- package/lib/RowExpandEditor/RowExpandEmailEditor/index.css +2 -0
- package/lib/RowExpandEditor/{email-editor/pc-editor → RowExpandEmailEditor}/index.js +3 -3
- package/lib/RowExpandEditor/RowExpandFileEditor/index.css +1 -0
- package/lib/RowExpandEditor/{file-editor/pc-editor → RowExpandFileEditor}/index.js +9 -9
- package/lib/RowExpandEditor/{geolocation-editor/pc-editor → RowExpandGeolocationEditor}/index.js +13 -17
- package/lib/RowExpandEditor/{image-editor/pc-editor → RowExpandImageEditor}/index.js +9 -9
- package/lib/RowExpandEditor/{long-text-editor/pc-editor → RowExpandLongTextEditor}/index.js +7 -7
- package/lib/RowExpandEditor/{multiple-select-editor/pc-editor → RowExpandMultipleSelectEditor}/index.css +1 -1
- package/lib/RowExpandEditor/{multiple-select-editor/pc-editor → RowExpandMultipleSelectEditor}/index.js +6 -6
- package/lib/RowExpandEditor/{number-editor/pc-editor.js → RowExpandNumberEditor/index.js} +2 -2
- package/lib/RowExpandEditor/RowExpandRateEditor/index.css +13 -0
- package/lib/RowExpandEditor/{rate-editor/pc-editor.js → RowExpandRateEditor/index.js} +3 -2
- package/lib/RowExpandEditor/{single-select-editor/pc-editor → RowExpandSingleSelectorEditor}/index.js +17 -17
- package/lib/RowExpandEditor/{text-editor/pc-editor → RowExpandTextEditor}/index.js +7 -7
- package/lib/RowExpandEditor/{url-editor/pc-editor → RowExpandUrlEditor}/index.js +6 -6
- package/lib/RowExpandEditor/constants.js +34 -34
- package/lib/RowExpandFormatter/{department-formatter/pc-formatter.js → RowExpandDepartmentFormatter/index.js} +2 -2
- package/lib/RowExpandFormatter/{email-formatter → RowExpandEmailFormatter}/index.css +4 -4
- package/lib/RowExpandFormatter/RowExpandRateFormatter/index.css +5 -0
- package/lib/RowExpandFormatter/constants.js +17 -17
- package/lib/RowExpandFormatter/index.css +18 -33
- package/lib/RowExpandFormatter/index.js +1 -1
- package/lib/SelectItem/index.js +33 -57
- package/lib/SingleSelectEditor/index.js +14 -9
- package/lib/SvgIcon/index.js +1 -2
- package/lib/TabBar/Tab.js +76 -0
- package/lib/TabBar/index.css +142 -0
- package/lib/TabBar/index.js +129 -0
- package/lib/Tabs/index.css +453 -0
- package/lib/Tabs/index.js +39 -0
- package/lib/TextareaItem/index.css +235 -0
- package/lib/TextareaItem/index.js +231 -0
- package/lib/Toast/index.css +67 -0
- package/lib/Toast/index.js +131 -0
- package/lib/_util/class.js +34 -0
- package/lib/_util/closest.js +17 -0
- package/lib/_util/exenv.js +8 -0
- package/lib/_util/getDataAttr.js +15 -0
- package/lib/_util/getLocale.js +42 -0
- package/lib/constants/index.js +2 -3
- package/lib/css/am.css +390 -0
- package/lib/css/mb-cell-editor.css +1 -1
- package/lib/index.js +100 -51
- package/lib/locales/de.json +1 -3
- package/lib/locales/en.json +1 -3
- package/lib/locales/es.json +1 -3
- package/lib/locales/fr.json +1 -3
- package/lib/locales/pt.json +1 -3
- package/lib/locales/ru.json +1 -3
- package/lib/locales/zh-CN.json +1 -3
- package/lib/select-editor/index.js +20 -27
- package/lib/select-editor/mb-select-editor/index.css +127 -0
- package/lib/select-editor/mb-select-editor/index.js +197 -0
- package/lib/select-editor/{pc-editor → pc-select-editor}/index.css +1 -1
- package/lib/select-editor/{pc-editor → pc-select-editor}/index.js +7 -7
- package/lib/select-editor/select-editor-option.js +84 -0
- package/lib/utils/editor-utils.js +2 -6
- package/lib/utils/get-event-transfer.js +1 -2
- package/lib/utils/utils.js +2 -11
- package/package.json +25 -16
- package/lib/BodyPortal/index.js +0 -29
- package/lib/CheckboxEditor/mb-editor.js +0 -99
- package/lib/CheckboxEditor/pc-editor.js +0 -118
- package/lib/CollaboratorEditor/mb-editor/index.css +0 -41
- package/lib/CollaboratorEditor/mb-editor/index.js +0 -88
- package/lib/DateEditor/mb-editor/custom-rc-calendar.css +0 -118
- package/lib/DateEditor/mb-editor/index.css +0 -39
- package/lib/DateEditor/mb-editor/index.js +0 -215
- package/lib/DepartmentSingleSelectEditor/index.js +0 -34
- package/lib/DepartmentSingleSelectEditor/mb-editor/index.css +0 -4
- package/lib/DepartmentSingleSelectEditor/mb-editor/index.js +0 -230
- package/lib/DigitalSignEditor/mb-editor/index.css +0 -35
- package/lib/DigitalSignEditor/mb-editor/index.js +0 -144
- package/lib/DigitalSignEditor/pc-editor/index.js +0 -181
- package/lib/FileEditor/files-previewer/mb-previewer/file-previewer/index.js +0 -122
- package/lib/FileEditor/files-previewer/mb-previewer/index.css +0 -39
- package/lib/FileEditor/files-previewer/mb-previewer/index.js +0 -64
- package/lib/FileEditor/files-previewer/pc-previewer/index.js +0 -276
- package/lib/FileEditor/mb-editor/index.css +0 -10
- package/lib/FileEditor/mb-editor/index.js +0 -136
- package/lib/FileEditor/pc-editor/addition-previewer/index.css +0 -1
- package/lib/FileEditor/pc-editor/addition-previewer/local-file-addition/index.css +0 -1
- package/lib/FileEditor/pc-editor/index.css +0 -5
- package/lib/FileEditor/pc-editor/index.js +0 -274
- package/lib/GeolocationEditor/mb-editor/country-editor.js +0 -79
- package/lib/GeolocationEditor/mb-editor/index.css +0 -11
- package/lib/GeolocationEditor/mb-editor/index.js +0 -125
- package/lib/GeolocationEditor/mb-editor/location-editor.js +0 -101
- package/lib/GeolocationEditor/mb-editor/map-editor/index.css +0 -11
- package/lib/GeolocationEditor/mb-editor/map-editor/index.js +0 -474
- package/lib/GeolocationEditor/mb-editor/map-selection-editor/index.css +0 -158
- package/lib/GeolocationEditor/mb-editor/map-selection-editor/index.js +0 -530
- package/lib/GeolocationEditor/mb-editor/province-city-editor.js +0 -77
- package/lib/GeolocationEditor/mb-editor/province-editor.js +0 -76
- package/lib/GeolocationEditor/pc-editor/index.js +0 -247
- package/lib/ImageEditor/mb-editor/index.css +0 -29
- package/lib/ImageEditor/mb-editor/index.js +0 -136
- package/lib/ImageEditor/pc-editor/images-previewer/index.js +0 -140
- package/lib/ImageEditor/pc-editor/index.css +0 -24
- package/lib/ImageEditor/pc-editor/index.js +0 -194
- package/lib/MobileFullScreenPage/body/index.css +0 -9
- package/lib/MobileFullScreenPage/body/index.js +0 -23
- package/lib/MobileFullScreenPage/header/index.css +0 -39
- package/lib/MobileFullScreenPage/header/index.js +0 -38
- package/lib/MobileFullScreenPage/index.css +0 -13
- package/lib/MobileFullScreenPage/index.js +0 -73
- package/lib/MobileModal/index.js +0 -41
- package/lib/MobileOperationSheet/index.css +0 -27
- package/lib/MobileOperationSheet/index.js +0 -92
- package/lib/MobileSelector/empty/index.css +0 -3
- package/lib/MobileSelector/empty/index.js +0 -23
- package/lib/MobileSelector/index.css +0 -32
- package/lib/MobileSelector/index.js +0 -57
- package/lib/MobileSelector/option/index.css +0 -28
- package/lib/MobileSelector/option/index.js +0 -36
- package/lib/MobileSelector/options/index.css +0 -8
- package/lib/MobileSelector/options/index.js +0 -18
- package/lib/MobileSelector/search/index.css +0 -7
- package/lib/MobileSelector/search/index.js +0 -26
- package/lib/MobileUpload/index.css +0 -1
- package/lib/MobileUpload/index.js +0 -160
- package/lib/RowExpand/index.js +0 -24
- package/lib/RowExpandEditor/add-btn/index.js +0 -24
- package/lib/RowExpandEditor/add-btn/mb-add-btn/index.css +0 -3
- package/lib/RowExpandEditor/add-btn/mb-add-btn/index.js +0 -19
- package/lib/RowExpandEditor/checkbox-editor/index.js +0 -25
- package/lib/RowExpandEditor/checkbox-editor/mb-editor/index.css +0 -6
- package/lib/RowExpandEditor/checkbox-editor/mb-editor/index.js +0 -36
- package/lib/RowExpandEditor/collaborator-editor/index.js +0 -24
- package/lib/RowExpandEditor/collaborator-editor/mb-editor/index.css +0 -9
- package/lib/RowExpandEditor/collaborator-editor/mb-editor/index.js +0 -163
- package/lib/RowExpandEditor/date-editor/index.js +0 -24
- package/lib/RowExpandEditor/date-editor/mb-editor.js +0 -82
- package/lib/RowExpandEditor/department-editor/index.js +0 -24
- package/lib/RowExpandEditor/department-editor/mb-editor.js +0 -65
- package/lib/RowExpandEditor/digital-sign-editor/index.js +0 -24
- package/lib/RowExpandEditor/digital-sign-editor/mb-editor/index.css +0 -1
- package/lib/RowExpandEditor/digital-sign-editor/mb-editor/index.js +0 -130
- package/lib/RowExpandEditor/duration-editor/index.js +0 -24
- package/lib/RowExpandEditor/duration-editor/mb-editor.js +0 -71
- package/lib/RowExpandEditor/email-editor/index.js +0 -24
- package/lib/RowExpandEditor/email-editor/mb-editor/index.css +0 -1
- package/lib/RowExpandEditor/email-editor/mb-editor/index.js +0 -84
- package/lib/RowExpandEditor/email-editor/pc-editor/index.css +0 -1
- package/lib/RowExpandEditor/file-editor/index.js +0 -24
- package/lib/RowExpandEditor/file-editor/mb-editor/index.js +0 -114
- package/lib/RowExpandEditor/file-editor/pc-editor/index.css +0 -1
- package/lib/RowExpandEditor/geolocation-editor/index.js +0 -24
- package/lib/RowExpandEditor/geolocation-editor/mb-editor/index.js +0 -100
- package/lib/RowExpandEditor/image-editor/index.js +0 -24
- package/lib/RowExpandEditor/image-editor/mb-editor/index.css +0 -30
- package/lib/RowExpandEditor/image-editor/mb-editor/index.js +0 -109
- package/lib/RowExpandEditor/long-text-editor/index.js +0 -24
- package/lib/RowExpandEditor/long-text-editor/mb-editor/editor/index.css +0 -10
- package/lib/RowExpandEditor/long-text-editor/mb-editor/editor/index.js +0 -80
- package/lib/RowExpandEditor/long-text-editor/mb-editor/index.css +0 -3
- package/lib/RowExpandEditor/long-text-editor/mb-editor/index.js +0 -91
- package/lib/RowExpandEditor/multiple-select-editor/index.js +0 -24
- package/lib/RowExpandEditor/multiple-select-editor/mb-editor/index.js +0 -154
- package/lib/RowExpandEditor/number-editor/index.js +0 -24
- package/lib/RowExpandEditor/number-editor/mb-editor/index.css +0 -3
- package/lib/RowExpandEditor/number-editor/mb-editor/index.js +0 -76
- package/lib/RowExpandEditor/rate-editor/index.css +0 -34
- package/lib/RowExpandEditor/rate-editor/index.js +0 -25
- package/lib/RowExpandEditor/rate-editor/mb-editor.js +0 -92
- package/lib/RowExpandEditor/right-angle/index.css +0 -6
- package/lib/RowExpandEditor/right-angle/index.js +0 -17
- package/lib/RowExpandEditor/single-select-editor/index.js +0 -24
- package/lib/RowExpandEditor/single-select-editor/mb-editor/index.css +0 -8
- package/lib/RowExpandEditor/single-select-editor/mb-editor/index.js +0 -134
- package/lib/RowExpandEditor/text-editor/index.js +0 -24
- package/lib/RowExpandEditor/text-editor/mb-editor/index.css +0 -14
- package/lib/RowExpandEditor/text-editor/mb-editor/index.js +0 -37
- package/lib/RowExpandEditor/url-editor/index.js +0 -24
- package/lib/RowExpandEditor/url-editor/mb-editor/index.css +0 -17
- package/lib/RowExpandEditor/url-editor/mb-editor/index.js +0 -87
- package/lib/RowExpandFormatter/department-formatter/index.js +0 -19
- package/lib/RowExpandFormatter/department-formatter/mb-formatter.js +0 -20
- package/lib/RowExpandFormatter/rate-formatter/index.css +0 -5
- package/lib/RowExpandView/body/index.css +0 -173
- package/lib/RowExpandView/body/index.js +0 -111
- package/lib/RowExpandView/column-content/index.css +0 -27
- package/lib/RowExpandView/column-content/index.js +0 -25
- package/lib/RowExpandView/index.css +0 -3
- package/lib/RowExpandView/index.js +0 -178
- package/lib/select-editor/mb-editor/index.css +0 -1
- package/lib/select-editor/mb-editor/index.js +0 -105
- /package/lib/CollaboratorEditor/{pc-editor → pc-collaborator-editor}/index.css +0 -0
- /package/lib/CollaboratorEditor/{pc-editor → pc-collaborator-editor}/index.js +0 -0
- /package/lib/{constants/departments.js → Department-editor/constants.js} +0 -0
- /package/lib/{DepartmentMultipleSelectEditor → Department-editor/department-multiple-select}/index.css +0 -0
- /package/lib/{utils/departments.js → Department-editor/utils.js} +0 -0
- /package/lib/DigitalSignEditor/{pc-editor/index.css → index.css} +0 -0
- /package/lib/FileEditor/files-previewer/{pc-previewer/file-previewer → file-previewer}/file-name-editor/index.css +0 -0
- /package/lib/GeolocationEditor/{pc-editor/map-editor → map-editor}/large-editor/index.css +0 -0
- /package/lib/GeolocationEditor/{pc-editor/map-selection-editor → map-selection-editor}/large-editor/index.css +0 -0
- /package/lib/GeolocationEditor/{pc-editor/parse-geolocation.js → parse-geolocation.js} +0 -0
- /package/lib/GeolocationEditor/{pc-editor/selector-list.js → selector-list.js} +0 -0
- /package/lib/ImageEditor/{pc-editor/addition-previewer → addition-previewer}/image-link/index.css +0 -0
- /package/lib/ImageEditor/{pc-editor/addition-previewer → addition-previewer}/index.css +0 -0
- /package/lib/ImageEditor/{pc-editor/addition-previewer → addition-previewer}/local-image-addition/index.css +0 -0
- /package/lib/LinkEditor/{mb-popover → mb-link-editor-popover}/index.js +0 -0
- /package/lib/LinkEditor/{pc-popover → pc-link-editor-popover}/index.css +0 -0
- /package/lib/LinkEditor/{pc-popover → pc-link-editor-popover}/index.js +0 -0
- /package/lib/RowExpandEditor/{add-btn/pc-add-btn → RowExpandAddBtn}/index.css +0 -0
- /package/lib/RowExpandEditor/{checkbox-editor → RowExpandCheckboxEditor}/index.css +0 -0
- /package/lib/RowExpandEditor/{geolocation-editor/pc-editor → RowExpandGeolocationEditor}/index.css +0 -0
- /package/lib/RowExpandEditor/{image-editor/pc-editor → RowExpandImageEditor}/index.css +0 -0
- /package/lib/RowExpandEditor/{long-text-editor/pc-editor → RowExpandLongTextEditor}/index.css +0 -0
- /package/lib/RowExpandEditor/{single-select-editor/pc-editor → RowExpandSingleSelectorEditor}/index.css +0 -0
- /package/lib/RowExpandEditor/{text-editor/pc-editor → RowExpandTextEditor}/index.css +0 -0
- /package/lib/RowExpandEditor/{url-editor/pc-editor → RowExpandUrlEditor}/index.css +0 -0
- /package/lib/RowExpandFormatter/{email-formatter → RowExpandEmailFormatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{file-formatter → RowExpandFileFormatter}/index.css +0 -0
- /package/lib/RowExpandFormatter/{file-formatter → RowExpandFileFormatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{file-formatter → RowExpandFileFormatter}/row-expand-file-item-formatter.js +0 -0
- /package/lib/RowExpandFormatter/{formula-formatter → RowExpandFormulaFormatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{image-formatter → RowExpandImageFormatter}/index.css +0 -0
- /package/lib/RowExpandFormatter/{image-formatter → RowExpandImageFormatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{image-formatter → RowExpandImageFormatter}/row-expand-image-item-formatter.js +0 -0
- /package/lib/RowExpandFormatter/{link-formatter → RowExpandLinkFormatter}/collaborator-item-formatter.js +0 -0
- /package/lib/RowExpandFormatter/{link-formatter → RowExpandLinkFormatter}/index.css +0 -0
- /package/lib/RowExpandFormatter/{link-formatter → RowExpandLinkFormatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{link-formatter → RowExpandLinkFormatter}/value-display-utils.js +0 -0
- /package/lib/RowExpandFormatter/{rate-formatter → RowExpandRateFormatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{url-formatter → RowExpandUrlFormatter}/index.css +0 -0
- /package/lib/RowExpandFormatter/{url-formatter → RowExpandUrlFormatter}/index.js +0 -0
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
var _SvgIcon = _interopRequireDefault(require("../SvgIcon"));
|
|
12
|
-
var _constants = require("../constants");
|
|
13
|
-
class PCCheckboxEditor extends _react.Component {
|
|
14
|
-
constructor(props) {
|
|
15
|
-
super(props);
|
|
16
|
-
this.onKeyDown = event => {
|
|
17
|
-
const {
|
|
18
|
-
isEditorShow,
|
|
19
|
-
readOnly
|
|
20
|
-
} = this.props;
|
|
21
|
-
if (event.keyCode === _constants.KeyCodes.Enter && isEditorShow && !readOnly) {
|
|
22
|
-
this.setState({
|
|
23
|
-
value: !this.state.value
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
this.getValue = () => {
|
|
28
|
-
const {
|
|
29
|
-
value
|
|
30
|
-
} = this.state;
|
|
31
|
-
return value;
|
|
32
|
-
};
|
|
33
|
-
this.updateValue = value => {
|
|
34
|
-
if (value === this.state.value) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
this.setState({
|
|
38
|
-
value
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
this.onChangeCheckboxValue = event => {
|
|
42
|
-
if (event) {
|
|
43
|
-
event.stopPropagation();
|
|
44
|
-
event.nativeEvent.stopImmediatePropagation();
|
|
45
|
-
event.persist();
|
|
46
|
-
}
|
|
47
|
-
const {
|
|
48
|
-
value
|
|
49
|
-
} = this.state;
|
|
50
|
-
const newValue = !value;
|
|
51
|
-
this.setState({
|
|
52
|
-
value: newValue
|
|
53
|
-
}, () => {
|
|
54
|
-
if (this.props.onCommit) {
|
|
55
|
-
this.props.onCommit(newValue);
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
this.renderIcon = (symbol, color) => {
|
|
60
|
-
const className = (0, _classnames.default)('dtable-ui-checkbox-check-mark', {
|
|
61
|
-
'dtable-ui-checkbox-check-svg': !(symbol !== null && symbol !== void 0 && symbol.startsWith('dtable-icon'))
|
|
62
|
-
});
|
|
63
|
-
if (symbol.startsWith('dtable-icon')) {
|
|
64
|
-
return /*#__PURE__*/_react.default.createElement("span", {
|
|
65
|
-
className: "dtable-font ".concat(symbol, " ").concat(className || ''),
|
|
66
|
-
style: {
|
|
67
|
-
color
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
|
|
72
|
-
className: className,
|
|
73
|
-
symbol: symbol,
|
|
74
|
-
color: color
|
|
75
|
-
});
|
|
76
|
-
};
|
|
77
|
-
this.state = {
|
|
78
|
-
value: props.value || false
|
|
79
|
-
};
|
|
80
|
-
}
|
|
81
|
-
componentDidMount() {
|
|
82
|
-
document.addEventListener('keydown', this.onKeyDown);
|
|
83
|
-
}
|
|
84
|
-
componentWillUnmount() {
|
|
85
|
-
document.removeEventListener('keydown', this.onKeyDown);
|
|
86
|
-
}
|
|
87
|
-
componentDidUpdate(prevProps) {
|
|
88
|
-
const {
|
|
89
|
-
value
|
|
90
|
-
} = this.props;
|
|
91
|
-
if (value !== prevProps.value) {
|
|
92
|
-
this.setState({
|
|
93
|
-
value
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
render() {
|
|
98
|
-
var _column$data;
|
|
99
|
-
const {
|
|
100
|
-
className,
|
|
101
|
-
style,
|
|
102
|
-
column
|
|
103
|
-
} = this.props;
|
|
104
|
-
const {
|
|
105
|
-
value
|
|
106
|
-
} = this.state;
|
|
107
|
-
let checkboxStyle = column === null || column === void 0 ? void 0 : (_column$data = column.data) === null || _column$data === void 0 ? void 0 : _column$data.checkbox_style;
|
|
108
|
-
if (!checkboxStyle || Object.keys(checkboxStyle).length < 2) {
|
|
109
|
-
checkboxStyle = _constants.DEFAULT_CHECKBOX_MARK_STYLE;
|
|
110
|
-
}
|
|
111
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
112
|
-
className: (0, _classnames.default)('dtable-ui-checkbox-editor', className),
|
|
113
|
-
style: style || {},
|
|
114
|
-
onClick: this.onChangeCheckboxValue
|
|
115
|
-
}, value && this.renderIcon(checkboxStyle.type, checkboxStyle.color));
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
var _default = exports.default = PCCheckboxEditor;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
@import url('../../css/mb-cell-editor.css');
|
|
2
|
-
|
|
3
|
-
.dtable-ui-mobile-collaborator-editor .dtable-ui-mobile-selector-option .dtable-ui-mobile-selector-option-name {
|
|
4
|
-
height: 36px !important;
|
|
5
|
-
line-height: 36px !important;
|
|
6
|
-
margin-top: 0px !important;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.dtable-ui-mobile-selector.dtable-ui-mobile-collaborator-editor .dtable-ui-mobile-selector-option {
|
|
10
|
-
font-size: 16px;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.dtable-ui-mobile-collaborator-editor .dtable-ui-mobile-selector-option .dtable-ui.collaborator-item {
|
|
14
|
-
background-color: inherit;
|
|
15
|
-
border-radius: 0;
|
|
16
|
-
height: 100%;
|
|
17
|
-
width: 100%;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.dtable-ui-mobile-collaborator-editor .dtable-ui-mobile-selector-option .dtable-ui.collaborator-item .collaborator-avatar {
|
|
21
|
-
height: 2rem;
|
|
22
|
-
margin: 2px 0;
|
|
23
|
-
vertical-align: middle;
|
|
24
|
-
width: 2rem;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.dtable-ui-mobile-collaborator-editor .dtable-ui-mobile-selector-option .dtable-ui.collaborator-item .collaborator-avatar-icon {
|
|
28
|
-
border-radius: 50%;
|
|
29
|
-
height: 2rem;
|
|
30
|
-
width: 2rem;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.dtable-ui-mobile-collaborator-editor .dtable-ui-mobile-selector-option .dtable-ui.collaborator-item .collaborator-name {
|
|
34
|
-
height: 100%;
|
|
35
|
-
font-size: 16px;
|
|
36
|
-
line-height: 36px;
|
|
37
|
-
width: 100%;
|
|
38
|
-
overflow: hidden;
|
|
39
|
-
text-overflow: ellipsis;
|
|
40
|
-
white-space: nowrap;
|
|
41
|
-
}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _dtableUtils = require("dtable-utils");
|
|
10
|
-
var _MobileSelector = _interopRequireDefault(require("../../MobileSelector"));
|
|
11
|
-
var _lang = require("../../lang");
|
|
12
|
-
var _CollaboratorItem = _interopRequireDefault(require("../../CollaboratorItem"));
|
|
13
|
-
require("./index.css");
|
|
14
|
-
const {
|
|
15
|
-
Search,
|
|
16
|
-
Option,
|
|
17
|
-
Options,
|
|
18
|
-
Empty
|
|
19
|
-
} = _MobileSelector.default;
|
|
20
|
-
class MBCollaboratorEditor extends _react.default.Component {
|
|
21
|
-
constructor(props) {
|
|
22
|
-
super(props);
|
|
23
|
-
this.handleHistoryBack = e => {
|
|
24
|
-
e.preventDefault();
|
|
25
|
-
this.props.onClose();
|
|
26
|
-
};
|
|
27
|
-
this.onChangeSearch = newValue => {
|
|
28
|
-
let {
|
|
29
|
-
searchVal
|
|
30
|
-
} = this.state;
|
|
31
|
-
if (searchVal === newValue) return;
|
|
32
|
-
this.setState({
|
|
33
|
-
searchVal: newValue
|
|
34
|
-
});
|
|
35
|
-
};
|
|
36
|
-
this.onChange = collaborator => {
|
|
37
|
-
this.props.onCommit(collaborator);
|
|
38
|
-
};
|
|
39
|
-
this.renderCollaborators = collaborators => {
|
|
40
|
-
const {
|
|
41
|
-
value = []
|
|
42
|
-
} = this.props;
|
|
43
|
-
return collaborators.map(collaborator => {
|
|
44
|
-
const isSelected = value.includes(collaborator.email);
|
|
45
|
-
return /*#__PURE__*/_react.default.createElement(Option, {
|
|
46
|
-
key: collaborator.email,
|
|
47
|
-
isSelected: isSelected,
|
|
48
|
-
onChange: this.onChange.bind(this, collaborator)
|
|
49
|
-
}, /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
|
|
50
|
-
collaborator: collaborator
|
|
51
|
-
}));
|
|
52
|
-
});
|
|
53
|
-
};
|
|
54
|
-
this.state = {
|
|
55
|
-
searchVal: ''
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
componentDidMount() {
|
|
59
|
-
history.pushState(null, null, '#'); // eslint-disable-line
|
|
60
|
-
window.addEventListener('popstate', this.handleHistoryBack, false);
|
|
61
|
-
}
|
|
62
|
-
componentWillUnmount() {
|
|
63
|
-
window.removeEventListener('popstate', this.handleHistoryBack, false);
|
|
64
|
-
}
|
|
65
|
-
render() {
|
|
66
|
-
const {
|
|
67
|
-
column,
|
|
68
|
-
collaborators
|
|
69
|
-
} = this.props;
|
|
70
|
-
const {
|
|
71
|
-
searchVal
|
|
72
|
-
} = this.state;
|
|
73
|
-
const displayCollaborators = searchVal ? (0, _dtableUtils.searchCollaborators)(collaborators, searchVal) : collaborators;
|
|
74
|
-
return /*#__PURE__*/_react.default.createElement(_MobileSelector.default, {
|
|
75
|
-
onClose: this.props.onClose,
|
|
76
|
-
title: column.name,
|
|
77
|
-
className: "dtable-ui-mobile-collaborator-editor"
|
|
78
|
-
}, collaborators.length > 10 && /*#__PURE__*/_react.default.createElement(Search, {
|
|
79
|
-
value: searchVal,
|
|
80
|
-
placeholder: (0, _lang.getLocale)('Search_collaborator'),
|
|
81
|
-
onChange: this.onChangeSearch
|
|
82
|
-
}), /*#__PURE__*/_react.default.createElement(Options, null, displayCollaborators.length === 0 && /*#__PURE__*/_react.default.createElement(Empty, null, (0, _lang.getLocale)('No_collaborators_available')), displayCollaborators.length > 0 && this.renderCollaborators(displayCollaborators)));
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
MBCollaboratorEditor.defaultProps = {
|
|
86
|
-
value: []
|
|
87
|
-
};
|
|
88
|
-
var _default = exports.default = MBCollaboratorEditor;
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-date {
|
|
2
|
-
width: 28px;
|
|
3
|
-
height: 30px;
|
|
4
|
-
border-radius: 50%;
|
|
5
|
-
font-size: 14px;
|
|
6
|
-
line-height: 30px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-date-panel {
|
|
10
|
-
width: 100%;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-selected-day .rc-calendar-date {
|
|
14
|
-
background-color: #FcEcD9;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-date:hover,
|
|
18
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-year-panel-year:hover,
|
|
19
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
|
|
20
|
-
background-color: #FcEcD9;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-selected-date .rc-calendar-date,
|
|
24
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-selected-date .rc-calendar-date:hover,
|
|
25
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,
|
|
26
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
|
|
27
|
-
background-color: #f09f3f;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-next-year-btn:not([href]):not([tabindex]),
|
|
31
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-prev-year-btn:not([href]):not([tabindex]),
|
|
32
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-next-month-btn:not([href]):not([tabindex]),
|
|
33
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-prev-month-btn:not([href]):not([tabindex]) {
|
|
34
|
-
color: #999;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-next-year-btn:not([href]):not([tabindex]):hover,
|
|
38
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-prev-year-btn:not([href]):not([tabindex]):hover,
|
|
39
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-next-month-btn:not([href]):not([tabindex]):hover,
|
|
40
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-prev-month-btn:not([href]):not([tabindex]):hover {
|
|
41
|
-
color: #666;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-today .rc-calendar-date {
|
|
45
|
-
border: none;
|
|
46
|
-
position: relative;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rc-calendar-today .rc-calendar-date::after {
|
|
50
|
-
content: '';
|
|
51
|
-
background: #f09f3f;
|
|
52
|
-
position: absolute;
|
|
53
|
-
width: 4px;
|
|
54
|
-
height: 4px;
|
|
55
|
-
border-radius: 50%;
|
|
56
|
-
left: 45%;
|
|
57
|
-
bottom: 0%;
|
|
58
|
-
display: inline-block;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar .rdg-editor-container input.editor-main[readonly] {
|
|
62
|
-
background-color: #fff;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-time-picker {
|
|
66
|
-
z-index: 1;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-right-panel-body ul li.highlight {
|
|
70
|
-
margin: 0;
|
|
71
|
-
border: none;
|
|
72
|
-
background-color: #fff;
|
|
73
|
-
font-size: 12px;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar {
|
|
77
|
-
box-shadow: none;
|
|
78
|
-
border-radius: 0px;
|
|
79
|
-
border: 1px solid #e9e9e9;
|
|
80
|
-
border-left: none;
|
|
81
|
-
border-right: none;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-date {
|
|
85
|
-
font-size: 14px;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-date-panel {
|
|
89
|
-
width: 100%;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-body {
|
|
93
|
-
height: 22rem;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-table tr {
|
|
97
|
-
height: 3rem;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-prev-month-btn,
|
|
101
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-next-month-btn,
|
|
102
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-prev-year-btn,
|
|
103
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-next-year-btn {
|
|
104
|
-
font-size: 30px;
|
|
105
|
-
width: 50px;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-header {
|
|
109
|
-
border-bottom: none;
|
|
110
|
-
margin-top: 0.5rem;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-year-select,
|
|
114
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-month-select,
|
|
115
|
-
.dtable-ui.dtable-ui-mobile-date-editor-picker .rc-calendar-day-select {
|
|
116
|
-
font-size: 16px;
|
|
117
|
-
padding: 5px;
|
|
118
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
@import url('./custom-rc-calendar.css');
|
|
2
|
-
|
|
3
|
-
.dtable-ui-mobile-date-editor .dtable-ui-mobile-date-editor-input {
|
|
4
|
-
display: flex;
|
|
5
|
-
border-bottom: 1px solid #e9e9e9;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.dtable-ui-mobile-date-editor .dtable-ui-mobile-date-editor-input .date-input {
|
|
9
|
-
flex: 1;
|
|
10
|
-
background-color: #fff;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.dtable-ui-mobile-date-editor .dtable-ui-mobile-date-editor-input .date-input .date-input-day {
|
|
14
|
-
background-color: #f5f5f5;
|
|
15
|
-
border: 1px solid #e9e9e9;
|
|
16
|
-
margin: 10px;
|
|
17
|
-
padding: 3px 5px;
|
|
18
|
-
border-radius: 3px;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.dtable-ui-mobile-date-editor .dtable-ui.dtable-ui-mobile-date-editor-picker {
|
|
22
|
-
display: block;
|
|
23
|
-
position: relative;
|
|
24
|
-
margin-top: 20px;
|
|
25
|
-
line-height: 1.5;
|
|
26
|
-
box-sizing: border-box;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.dtable-ui-mobile-date-editor .dtable-ui-mobile-date-editor-clear {
|
|
30
|
-
padding: 10px 0;
|
|
31
|
-
border-bottom: 1px solid #e9e9e9;
|
|
32
|
-
text-align: center;
|
|
33
|
-
color: #d27053;
|
|
34
|
-
background-color: #fff;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.dtable-ui .am-picker-popup-header .am-picker-popup-item {
|
|
38
|
-
color: #E5A252;
|
|
39
|
-
}
|
|
@@ -1,215 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _datePicker = _interopRequireDefault(require("antd-mobile/lib/date-picker"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
12
|
-
require("dayjs/locale/zh-cn");
|
|
13
|
-
require("dayjs/locale/en-gb");
|
|
14
|
-
var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
|
|
15
|
-
var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
|
|
16
|
-
var _lang = require("../../lang");
|
|
17
|
-
var _editorUtils = require("../../utils/editor-utils");
|
|
18
|
-
var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
|
|
19
|
-
require("@seafile/seafile-calendar/assets/index.css");
|
|
20
|
-
require("./index.css");
|
|
21
|
-
let now = (0, _dayjs.default)();
|
|
22
|
-
const {
|
|
23
|
-
Header,
|
|
24
|
-
Body
|
|
25
|
-
} = _MobileFullScreenPage.default;
|
|
26
|
-
class MBDateEditor extends _react.default.PureComponent {
|
|
27
|
-
constructor(props) {
|
|
28
|
-
super(props);
|
|
29
|
-
this.handleDateChange = date => {
|
|
30
|
-
if (this.showTime) {
|
|
31
|
-
const HM = (0, _dayjs.default)(this.state.time).format('HH:mm');
|
|
32
|
-
// In iOS, the time standard is ISO-8601, new Date("YYYY-MM-DD") will be wrong, new Date("YYYY/MM/DD") will be OK.
|
|
33
|
-
const newTime = (0, _dayjs.default)(date).format('YYYY/MM/DD') + ' ' + HM;
|
|
34
|
-
this.setState({
|
|
35
|
-
time: new Date(newTime)
|
|
36
|
-
});
|
|
37
|
-
} else {
|
|
38
|
-
this.setState({
|
|
39
|
-
time: date
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
this.handleTimeChange = time => {
|
|
44
|
-
// In iOS, the time standard is ISO-8601, new Date("YYYY-MM-DD") will be wrong, new Date("YYYY/MM/DD") will be OK.
|
|
45
|
-
const YMD = (0, _dayjs.default)(this.state.time).format('YYYY/MM/DD');
|
|
46
|
-
const newTime = YMD + ' ' + (0, _dayjs.default)(time).format('HH:mm');
|
|
47
|
-
this.setState({
|
|
48
|
-
time: new Date(newTime)
|
|
49
|
-
});
|
|
50
|
-
};
|
|
51
|
-
this.onSave = () => {
|
|
52
|
-
const value = (0, _dayjs.default)(this.state.time).format(this.format);
|
|
53
|
-
this.props.onCommit(value);
|
|
54
|
-
this.props.onClose();
|
|
55
|
-
};
|
|
56
|
-
this.deleteDate = () => {
|
|
57
|
-
this.props.onCommit(null);
|
|
58
|
-
this.props.onClose();
|
|
59
|
-
};
|
|
60
|
-
this.getCalendarContainer = () => {
|
|
61
|
-
return this.calendarContainerRef.current;
|
|
62
|
-
};
|
|
63
|
-
this.onChange = value => {
|
|
64
|
-
if (!value) return;
|
|
65
|
-
const newTime = (0, _dayjs.default)(value.format(this.format));
|
|
66
|
-
this.setState({
|
|
67
|
-
time: newTime
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
this.renderCalender = () => {
|
|
71
|
-
const {
|
|
72
|
-
lang,
|
|
73
|
-
className,
|
|
74
|
-
firstDayOfWeek
|
|
75
|
-
} = this.props;
|
|
76
|
-
const {
|
|
77
|
-
time
|
|
78
|
-
} = this.state;
|
|
79
|
-
const calendar = /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
|
|
80
|
-
className: (0, _classnames.default)('dtable-rc-calendar', className),
|
|
81
|
-
locale: (0, _editorUtils.initDateEditorLanguage)(lang),
|
|
82
|
-
dateInputPlaceholder: (0, _lang.getLocale)('Please_input'),
|
|
83
|
-
format: this.format,
|
|
84
|
-
defaultValue: this.defaultCalendarValue,
|
|
85
|
-
showDateInput: false,
|
|
86
|
-
focusablePanel: false,
|
|
87
|
-
showToday: false,
|
|
88
|
-
showTime: false,
|
|
89
|
-
style: {
|
|
90
|
-
width: '100%',
|
|
91
|
-
fontSize: '14px'
|
|
92
|
-
},
|
|
93
|
-
firstDayOfWeek: firstDayOfWeek
|
|
94
|
-
});
|
|
95
|
-
return /*#__PURE__*/_react.default.createElement(_Picker.default, {
|
|
96
|
-
calendar: calendar,
|
|
97
|
-
value: time,
|
|
98
|
-
onChange: this.onChange,
|
|
99
|
-
getCalendarContainer: this.getCalendarContainer,
|
|
100
|
-
open: true,
|
|
101
|
-
style: {
|
|
102
|
-
width: '100%'
|
|
103
|
-
}
|
|
104
|
-
}, _ref => {
|
|
105
|
-
let {
|
|
106
|
-
time
|
|
107
|
-
} = _ref;
|
|
108
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
109
|
-
tabIndex: "0",
|
|
110
|
-
onFocus: this.onReadOnlyFocus
|
|
111
|
-
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
112
|
-
placeholder: (0, _lang.getLocale)('please_select'),
|
|
113
|
-
readOnly: true,
|
|
114
|
-
tabIndex: "-1",
|
|
115
|
-
className: "ant-calendar-picker-input ant-input form-control",
|
|
116
|
-
value: time ? (0, _dayjs.default)(time).format(this.getFormat()) : ''
|
|
117
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
118
|
-
ref: this.calendarContainerRef,
|
|
119
|
-
style: {
|
|
120
|
-
height: '22rem'
|
|
121
|
-
}
|
|
122
|
-
}));
|
|
123
|
-
});
|
|
124
|
-
};
|
|
125
|
-
const {
|
|
126
|
-
dateFormat,
|
|
127
|
-
showHourAndMinute
|
|
128
|
-
} = props;
|
|
129
|
-
this.state = {
|
|
130
|
-
time: null
|
|
131
|
-
};
|
|
132
|
-
this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
|
|
133
|
-
this.leftFormat = dateFormat ? dateFormat.indexOf(' ') === -1 ? dateFormat : dateFormat.slice(0, dateFormat.indexOf(' ')) : 'YYYY-MM-DD';
|
|
134
|
-
this.rightFormat = 'HH:mm';
|
|
135
|
-
this.showTime = showHourAndMinute;
|
|
136
|
-
this.format = showHourAndMinute ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD';
|
|
137
|
-
}
|
|
138
|
-
componentDidMount() {
|
|
139
|
-
let {
|
|
140
|
-
value,
|
|
141
|
-
lang
|
|
142
|
-
} = this.props;
|
|
143
|
-
const iszhcn = lang === 'zh-cn';
|
|
144
|
-
if (iszhcn) {
|
|
145
|
-
now = now.locale('zh-cn');
|
|
146
|
-
} else {
|
|
147
|
-
now = now.locale('en-gb');
|
|
148
|
-
}
|
|
149
|
-
if (!value) {
|
|
150
|
-
value = new Date(Date.now());
|
|
151
|
-
}
|
|
152
|
-
this.defaultCalendarValue = now.clone();
|
|
153
|
-
this.setState({
|
|
154
|
-
time: iszhcn ? (0, _dayjs.default)(value).locale('zh-cn') : (0, _dayjs.default)(value).locale('en-gb')
|
|
155
|
-
});
|
|
156
|
-
}
|
|
157
|
-
render() {
|
|
158
|
-
const {
|
|
159
|
-
lang,
|
|
160
|
-
column
|
|
161
|
-
} = this.props;
|
|
162
|
-
const {
|
|
163
|
-
time
|
|
164
|
-
} = this.state;
|
|
165
|
-
return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
|
|
166
|
-
className: "dtable-ui-mobile-date-editor",
|
|
167
|
-
onClose: this.props.onClose
|
|
168
|
-
}, /*#__PURE__*/_react.default.createElement(Header, {
|
|
169
|
-
onLeftClick: this.props.onClose,
|
|
170
|
-
onRightClick: this.onSave
|
|
171
|
-
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement("span", {
|
|
172
|
-
style: {
|
|
173
|
-
color: '#f09f3f'
|
|
174
|
-
}
|
|
175
|
-
}, (0, _lang.getLocale)('Done'))), /*#__PURE__*/_react.default.createElement(Body, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
176
|
-
className: "dtable-ui-mobile-date-editor-input"
|
|
177
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
178
|
-
className: "date-input",
|
|
179
|
-
style: this.showTime ? {
|
|
180
|
-
width: '50%'
|
|
181
|
-
} : {
|
|
182
|
-
width: '100%'
|
|
183
|
-
}
|
|
184
|
-
}, /*#__PURE__*/_react.default.createElement(_datePicker.default, {
|
|
185
|
-
mode: "date",
|
|
186
|
-
minDate: _editorUtils.minDate,
|
|
187
|
-
maxDate: _editorUtils.maxDate,
|
|
188
|
-
locale: (0, _editorUtils.initDateEditorLanguage)(lang),
|
|
189
|
-
value: null,
|
|
190
|
-
onChange: this.handleDateChange
|
|
191
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
192
|
-
className: "date-input-day"
|
|
193
|
-
}, (0, _dayjs.default)(time).format(this.leftFormat)))), this.showTime && /*#__PURE__*/_react.default.createElement("div", {
|
|
194
|
-
className: "date-input",
|
|
195
|
-
style: {
|
|
196
|
-
width: '50%'
|
|
197
|
-
}
|
|
198
|
-
}, /*#__PURE__*/_react.default.createElement(_datePicker.default, {
|
|
199
|
-
mode: "time",
|
|
200
|
-
locale: (0, _editorUtils.initDateEditorLanguage)(lang),
|
|
201
|
-
value: null,
|
|
202
|
-
onChange: this.handleTimeChange
|
|
203
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
204
|
-
className: "date-input-day"
|
|
205
|
-
}, (0, _dayjs.default)(time).format(this.rightFormat))))), /*#__PURE__*/_react.default.createElement("div", {
|
|
206
|
-
className: "dtable-ui dtable-ui-mobile-date-editor-picker"
|
|
207
|
-
}, this.renderCalender()), /*#__PURE__*/_react.default.createElement("div", {
|
|
208
|
-
className: "dtable-ui-mobile-date-editor-clear"
|
|
209
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
210
|
-
onClick: this.deleteDate,
|
|
211
|
-
className: "clear-date"
|
|
212
|
-
}, (0, _lang.getLocale)('Clear')))));
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
var _default = exports.default = MBDateEditor;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _reactResponsive = _interopRequireDefault(require("react-responsive"));
|
|
11
|
-
var _pcEditor = _interopRequireDefault(require("./pc-editor"));
|
|
12
|
-
var _mbEditor = _interopRequireDefault(require("./mb-editor"));
|
|
13
|
-
const DepartmentSingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
14
|
-
let {
|
|
15
|
-
isMobile,
|
|
16
|
-
...props
|
|
17
|
-
} = _ref;
|
|
18
|
-
if (isMobile === false) return /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
|
|
19
|
-
ref: ref
|
|
20
|
-
}));
|
|
21
|
-
if (isMobile === true) return /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
|
|
22
|
-
ref: ref
|
|
23
|
-
}));
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
|
|
25
|
-
query: '(min-width: 768px)'
|
|
26
|
-
}, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
|
|
27
|
-
ref: ref
|
|
28
|
-
}))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
|
|
29
|
-
query: '(max-width: 768px)'
|
|
30
|
-
}, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
|
|
31
|
-
ref: ref
|
|
32
|
-
}))));
|
|
33
|
-
});
|
|
34
|
-
var _default = exports.default = DepartmentSingleSelectEditor;
|