hakumi_components 0.1.18.pre → 0.1.19.pre
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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +32 -2
- data/README.md +208 -381
- data/app/assets/javascripts/hakumi_components.js +40 -34
- data/app/assets/stylesheets/hakumi_components.css +1 -1
- data/app/components/hakumi_components/admin_panel/component.rb +19 -9
- data/app/components/hakumi_components/affix/component.rb +54 -30
- data/app/components/hakumi_components/alert/component.html.erb +2 -2
- data/app/components/hakumi_components/alert/component.rb +68 -18
- data/app/components/hakumi_components/anchor/component.rb +35 -27
- data/app/components/hakumi_components/anchor/link/component.html.erb +1 -1
- data/app/components/hakumi_components/anchor/link/component.rb +28 -9
- data/app/components/hakumi_components/autocomplete/component.html.erb +86 -66
- data/app/components/hakumi_components/autocomplete/component.rb +115 -89
- data/app/components/hakumi_components/avatar/component.rb +45 -12
- data/app/components/hakumi_components/badge/component.rb +99 -45
- data/app/components/hakumi_components/base_component.rb +290 -91
- data/app/components/hakumi_components/breadcrumb/component.rb +16 -5
- data/app/components/hakumi_components/breadcrumb/item/component.html.erb +5 -5
- data/app/components/hakumi_components/breadcrumb/item/component.rb +56 -8
- data/app/components/hakumi_components/breadcrumb/item/menu_entry.rb +71 -0
- data/app/components/hakumi_components/button/component.rb +62 -20
- data/app/components/hakumi_components/calendar/component.html.erb +19 -19
- data/app/components/hakumi_components/calendar/component.rb +225 -202
- data/app/components/hakumi_components/calendar/day_cell.rb +62 -0
- data/app/components/hakumi_components/calendar/display_model.rb +237 -0
- data/app/components/hakumi_components/calendar/event_entry.rb +54 -0
- data/app/components/hakumi_components/calendar/locale_pack.rb +28 -0
- data/app/components/hakumi_components/calendar/panel_entry.rb +48 -0
- data/app/components/hakumi_components/calendar/week_row.rb +28 -0
- data/app/components/hakumi_components/card/component.html.erb +2 -2
- data/app/components/hakumi_components/card/component.rb +76 -49
- data/app/components/hakumi_components/card/grid/component.html.erb +1 -1
- data/app/components/hakumi_components/card/grid/component.rb +23 -17
- data/app/components/hakumi_components/card/meta/component.html.erb +8 -8
- data/app/components/hakumi_components/card/meta/component.rb +42 -24
- data/app/components/hakumi_components/carousel/autoplay_config.rb +27 -0
- data/app/components/hakumi_components/carousel/component.rb +85 -67
- data/app/components/hakumi_components/carousel/dots_config.rb +36 -0
- data/app/components/hakumi_components/cascader/component.html.erb +54 -36
- data/app/components/hakumi_components/cascader/component.rb +111 -62
- data/app/components/hakumi_components/checkbox/component.html.erb +5 -5
- data/app/components/hakumi_components/checkbox/component.rb +40 -6
- data/app/components/hakumi_components/checkbox/group/component.html.erb +4 -4
- data/app/components/hakumi_components/checkbox/group/component.rb +40 -13
- data/app/components/hakumi_components/checkbox/group/option.rb +34 -0
- data/app/components/hakumi_components/collapse/component.rb +64 -48
- data/app/components/hakumi_components/collapse/panel/component.rb +64 -21
- data/app/components/hakumi_components/color_picker/component.html.erb +21 -22
- data/app/components/hakumi_components/color_picker/component.rb +159 -49
- data/app/components/hakumi_components/color_picker/preset_group.rb +27 -0
- data/app/components/hakumi_components/concerns/form_field.rb +169 -68
- data/app/components/hakumi_components/concerns/form_field_contract.rb +57 -0
- data/app/components/hakumi_components/concerns/form_field_interface.rb +16 -0
- data/app/components/hakumi_components/concerns/input_control.rb +111 -0
- data/app/components/hakumi_components/concerns/input_control_contract.rb +47 -0
- data/app/components/hakumi_components/concerns/input_control_interface.rb +34 -0
- data/app/components/hakumi_components/concerns/selection_control.rb +122 -0
- data/app/components/hakumi_components/concerns/selection_control_contract.rb +47 -0
- data/app/components/hakumi_components/concerns/selection_control_interface.rb +34 -0
- data/app/components/hakumi_components/container/component.rb +29 -14
- data/app/components/hakumi_components/date_picker/component.html.erb +1 -3
- data/app/components/hakumi_components/date_picker/component.rb +130 -16
- data/app/components/hakumi_components/date_picker/range_picker.rb +159 -28
- data/app/components/hakumi_components/date_picker/shared_rendering.rb +151 -61
- data/app/components/hakumi_components/descriptions/component.html.erb +6 -6
- data/app/components/hakumi_components/descriptions/component.rb +98 -61
- data/app/components/hakumi_components/descriptions/item/component.rb +32 -8
- data/app/components/hakumi_components/divider/component.rb +36 -16
- data/app/components/hakumi_components/drawer/component.html.erb +2 -2
- data/app/components/hakumi_components/drawer/component.rb +112 -29
- data/app/components/hakumi_components/dropdown/component.rb +32 -35
- data/app/components/hakumi_components/dropdown/divider/component.rb +4 -0
- data/app/components/hakumi_components/dropdown/item/component.rb +42 -16
- data/app/components/hakumi_components/empty/component.rb +66 -31
- data/app/components/hakumi_components/flex/component.rb +39 -21
- data/app/components/hakumi_components/float_button/back_top/component.rb +35 -28
- data/app/components/hakumi_components/float_button/component.rb +161 -75
- data/app/components/hakumi_components/float_button/group/component.rb +85 -98
- data/app/components/hakumi_components/float_button/group_cluster/component.rb +46 -54
- data/app/components/hakumi_components/float_button/group_spec.rb +259 -0
- data/app/components/hakumi_components/float_button/item_spec.rb +115 -0
- data/app/components/hakumi_components/float_button/position_config.rb +68 -0
- data/app/components/hakumi_components/form/item/component.rb +34 -27
- data/app/components/hakumi_components/grid/col/component.rb +88 -17
- data/app/components/hakumi_components/grid/row/component.rb +35 -17
- data/app/components/hakumi_components/icon/component.rb +49 -49
- data/app/components/hakumi_components/image/component.html.erb +7 -7
- data/app/components/hakumi_components/image/component.rb +103 -40
- data/app/components/hakumi_components/image/preview_group/component.html.erb +1 -1
- data/app/components/hakumi_components/image/preview_group/component.rb +41 -36
- data/app/components/hakumi_components/image/preview_group/item.rb +48 -0
- data/app/components/hakumi_components/input/component.html.erb +1 -1
- data/app/components/hakumi_components/input/component.rb +142 -66
- data/app/components/hakumi_components/input/password/component.rb +30 -41
- data/app/components/hakumi_components/input/text_area/component.html.erb +2 -2
- data/app/components/hakumi_components/input/text_area/component.rb +89 -42
- data/app/components/hakumi_components/input_number/component.html.erb +5 -5
- data/app/components/hakumi_components/input_number/component.rb +137 -55
- data/app/components/hakumi_components/layout/component.html.erb +1 -1
- data/app/components/hakumi_components/layout/component.rb +23 -16
- data/app/components/hakumi_components/layout/content/component.html.erb +1 -1
- data/app/components/hakumi_components/layout/content/component.rb +24 -14
- data/app/components/hakumi_components/layout/footer/component.html.erb +1 -1
- data/app/components/hakumi_components/layout/footer/component.rb +24 -14
- data/app/components/hakumi_components/layout/header/component.html.erb +1 -1
- data/app/components/hakumi_components/layout/header/component.rb +24 -14
- data/app/components/hakumi_components/layout/sider/component.html.erb +1 -1
- data/app/components/hakumi_components/layout/sider/component.rb +83 -49
- data/app/components/hakumi_components/mentions/coercion.rb +46 -0
- data/app/components/hakumi_components/mentions/component.html.erb +6 -6
- data/app/components/hakumi_components/mentions/component.rb +131 -67
- data/app/components/hakumi_components/mentions/option.rb +30 -0
- data/app/components/hakumi_components/menu/component.rb +50 -59
- data/app/components/hakumi_components/menu/divider/component.rb +4 -0
- data/app/components/hakumi_components/menu/group/component.rb +16 -15
- data/app/components/hakumi_components/menu/item/component.rb +42 -19
- data/app/components/hakumi_components/menu/sub_menu/component.rb +49 -37
- data/app/components/hakumi_components/message/component.rb +62 -27
- data/app/components/hakumi_components/modal/component.html.erb +6 -6
- data/app/components/hakumi_components/modal/component.rb +93 -40
- data/app/components/hakumi_components/modal/confirm/component.html.erb +2 -2
- data/app/components/hakumi_components/modal/confirm/component.rb +49 -8
- data/app/components/hakumi_components/modal/error/component.rb +8 -39
- data/app/components/hakumi_components/modal/info/component.rb +6 -40
- data/app/components/hakumi_components/modal/status_component.rb +150 -0
- data/app/components/hakumi_components/modal/success/component.rb +6 -40
- data/app/components/hakumi_components/modal/warning/component.rb +14 -44
- data/app/components/hakumi_components/notification/component.rb +72 -38
- data/app/components/hakumi_components/pagination/component.html.erb +7 -11
- data/app/components/hakumi_components/pagination/component.rb +105 -72
- data/app/components/hakumi_components/pagination/page_item.rb +49 -0
- data/app/components/hakumi_components/popconfirm/component.rb +67 -19
- data/app/components/hakumi_components/popover/component.html.erb +2 -2
- data/app/components/hakumi_components/popover/component.rb +102 -38
- data/app/components/hakumi_components/progress/attribute_renderer.rb +354 -0
- data/app/components/hakumi_components/progress/circle_geometry.rb +76 -0
- data/app/components/hakumi_components/progress/component.html.erb +18 -17
- data/app/components/hakumi_components/progress/component.rb +230 -402
- data/app/components/hakumi_components/progress/controller_locals_parser.rb +130 -0
- data/app/components/hakumi_components/progress/info_tooltip_policy.rb +39 -0
- data/app/components/hakumi_components/progress/info_value.rb +75 -0
- data/app/components/hakumi_components/progress/status_state.rb +31 -0
- data/app/components/hakumi_components/progress/steps_renderer.rb +149 -0
- data/app/components/hakumi_components/progress/stroke_gradient_value.rb +90 -0
- data/app/components/hakumi_components/qr_code/component.rb +138 -72
- data/app/components/hakumi_components/radio/component.html.erb +3 -3
- data/app/components/hakumi_components/radio/component.rb +42 -9
- data/app/components/hakumi_components/radio/group/component.html.erb +9 -9
- data/app/components/hakumi_components/radio/group/component.rb +76 -27
- data/app/components/hakumi_components/radio/group/option.rb +43 -0
- data/app/components/hakumi_components/rate/component.html.erb +1 -1
- data/app/components/hakumi_components/rate/component.rb +55 -9
- data/app/components/hakumi_components/result/component.rb +87 -37
- data/app/components/hakumi_components/segmented/component.html.erb +1 -1
- data/app/components/hakumi_components/segmented/component.rb +81 -118
- data/app/components/hakumi_components/segmented/option.rb +191 -0
- data/app/components/hakumi_components/select/component.html.erb +19 -19
- data/app/components/hakumi_components/select/component.rb +88 -37
- data/app/components/hakumi_components/selection_control/coercion.rb +161 -0
- data/app/components/hakumi_components/selection_control/entry.rb +22 -0
- data/app/components/hakumi_components/selection_control/option.rb +42 -0
- data/app/components/hakumi_components/selection_control/option_group.rb +34 -0
- data/app/components/hakumi_components/selection_control/tree_node.rb +123 -0
- data/app/components/hakumi_components/skeleton/avatar/component.rb +36 -14
- data/app/components/hakumi_components/skeleton/avatar_config.rb +79 -0
- data/app/components/hakumi_components/skeleton/button/component.rb +32 -14
- data/app/components/hakumi_components/skeleton/component.rb +79 -93
- data/app/components/hakumi_components/skeleton/image/component.rb +46 -22
- data/app/components/hakumi_components/skeleton/input/component.rb +25 -10
- data/app/components/hakumi_components/skeleton/node/component.rb +23 -7
- data/app/components/hakumi_components/skeleton/paragraph_config.rb +92 -0
- data/app/components/hakumi_components/skeleton/title_config.rb +31 -0
- data/app/components/hakumi_components/slider/component.html.erb +11 -11
- data/app/components/hakumi_components/slider/component.rb +172 -53
- data/app/components/hakumi_components/slider/mark.rb +27 -0
- data/app/components/hakumi_components/space/compact/component.html.erb +1 -3
- data/app/components/hakumi_components/space/compact/component.rb +35 -19
- data/app/components/hakumi_components/space/component.html.erb +1 -1
- data/app/components/hakumi_components/space/component.rb +75 -39
- data/app/components/hakumi_components/spin/component.rb +92 -31
- data/app/components/hakumi_components/splitter/component.html.erb +9 -3
- data/app/components/hakumi_components/splitter/component.rb +55 -22
- data/app/components/hakumi_components/splitter/panel/component.html.erb +1 -3
- data/app/components/hakumi_components/splitter/panel/component.rb +64 -39
- data/app/components/hakumi_components/statistic/component.rb +143 -59
- data/app/components/hakumi_components/steps/component.rb +87 -55
- data/app/components/hakumi_components/steps/item/component.rb +59 -20
- data/app/components/hakumi_components/switch/component.html.erb +2 -3
- data/app/components/hakumi_components/switch/component.rb +62 -36
- data/app/components/hakumi_components/table/column/component.rb +80 -23
- data/app/components/hakumi_components/table/column_definition.rb +181 -0
- data/app/components/hakumi_components/table/column_group/component.rb +32 -21
- data/app/components/hakumi_components/table/component.html.erb +22 -31
- data/app/components/hakumi_components/table/component.rb +248 -509
- data/app/components/hakumi_components/table/concerns/attribute_helpers.rb +22 -0
- data/app/components/hakumi_components/table/concerns/cell_rendering.rb +277 -0
- data/app/components/hakumi_components/table/concerns/columns.rb +293 -91
- data/app/components/hakumi_components/table/concerns/editable.rb +36 -89
- data/app/components/hakumi_components/table/concerns/ellipsis.rb +31 -30
- data/app/components/hakumi_components/table/concerns/fixed_columns.rb +26 -19
- data/app/components/hakumi_components/table/concerns/surface_rendering.rb +365 -0
- data/app/components/hakumi_components/table/configs.rb +518 -0
- data/app/components/hakumi_components/table/definition_types.rb +40 -0
- data/app/components/hakumi_components/table/display_rows.rb +56 -0
- data/app/components/hakumi_components/table/ellipsis_config.rb +143 -0
- data/app/components/hakumi_components/table/fixed_offset.rb +36 -0
- data/app/components/hakumi_components/table/header_cell.rb +23 -0
- data/app/components/hakumi_components/table/row_record.rb +60 -0
- data/app/components/hakumi_components/table/row_render_state.rb +85 -0
- data/app/components/hakumi_components/tabs/component.html.erb +8 -8
- data/app/components/hakumi_components/tabs/component.rb +114 -64
- data/app/components/hakumi_components/tabs/indicator_config.rb +34 -0
- data/app/components/hakumi_components/tabs/item/component.rb +73 -13
- data/app/components/hakumi_components/tag/component.rb +142 -47
- data/app/components/hakumi_components/tag/group/component.rb +18 -6
- data/app/components/hakumi_components/time_picker/component.html.erb +8 -8
- data/app/components/hakumi_components/time_picker/component.rb +71 -17
- data/app/components/hakumi_components/timeline/component.html.erb +3 -2
- data/app/components/hakumi_components/timeline/component.rb +188 -55
- data/app/components/hakumi_components/timeline/item/component.html.erb +2 -2
- data/app/components/hakumi_components/timeline/item/component.rb +121 -60
- data/app/components/hakumi_components/tooltip/component.html.erb +1 -1
- data/app/components/hakumi_components/tooltip/component.rb +89 -64
- data/app/components/hakumi_components/tour/component.rb +74 -49
- data/app/components/hakumi_components/tour/step.rb +86 -0
- data/app/components/hakumi_components/transfer/coercion.rb +66 -0
- data/app/components/hakumi_components/transfer/component.html.erb +171 -140
- data/app/components/hakumi_components/transfer/component.rb +232 -82
- data/app/components/hakumi_components/transfer/item.rb +54 -0
- data/app/components/hakumi_components/transfer/operations.rb +31 -0
- data/app/components/hakumi_components/tree/component.rb +219 -400
- data/app/components/hakumi_components/tree/concerns/node_rendering.rb +365 -0
- data/app/components/hakumi_components/tree/node.rb +276 -0
- data/app/components/hakumi_components/tree_select/component.html.erb +23 -9
- data/app/components/hakumi_components/tree_select/component.rb +116 -107
- data/app/components/hakumi_components/typography/base_component.rb +69 -36
- data/app/components/hakumi_components/typography/link/component.rb +63 -6
- data/app/components/hakumi_components/typography/paragraph/component.rb +6 -0
- data/app/components/hakumi_components/typography/text/component.rb +4 -0
- data/app/components/hakumi_components/typography/title/component.rb +61 -6
- data/app/components/hakumi_components/upload/component.html.erb +106 -88
- data/app/components/hakumi_components/upload/component.rb +222 -48
- data/app/components/hakumi_components/upload/file_entry.rb +53 -0
- data/app/controllers/hakumi_components/components_controller.rb +2 -1
- data/app/form_builders/hakumi_components/form_builder/contracts.rb +55 -0
- data/app/form_builders/hakumi_components/form_builder/field_context.rb +43 -0
- data/app/form_builders/hakumi_components/form_builder/model_binding.rb +163 -0
- data/app/form_builders/hakumi_components/form_builder.rb +238 -317
- data/app/helpers/hakumi_components/form_helper.rb +27 -23
- data/app/javascript/hakumi_components/controllers/hakumi/admin_panel_controller.js +5 -7
- data/app/javascript/hakumi_components/controllers/hakumi/back_top_controller.js +1 -1
- data/app/javascript/hakumi_components/controllers/hakumi/button_controller.js +108 -2
- data/app/javascript/hakumi_components/controllers/hakumi/calendar_controller.js +183 -95
- data/app/javascript/hakumi_components/controllers/hakumi/color_picker_controller.js +23 -285
- data/app/javascript/hakumi_components/controllers/hakumi/date_picker_controller.js +274 -262
- data/app/javascript/hakumi_components/controllers/hakumi/float_button_group_controller.js +2 -2
- data/app/javascript/hakumi_components/controllers/hakumi/message_controller.js +4 -2
- data/app/javascript/hakumi_components/controllers/hakumi/modal_controller.js +119 -125
- data/app/javascript/hakumi_components/controllers/hakumi/table/editable.js +291 -0
- data/app/javascript/hakumi_components/controllers/hakumi/table_controller.js +166 -366
- data/app/javascript/hakumi_components/controllers/hakumi/tabs_controller.js +8 -2
- data/app/javascript/hakumi_components/controllers/hakumi/tag_controller.js +27 -25
- data/app/javascript/hakumi_components/controllers/hakumi/tag_group_controller.js +19 -18
- data/app/javascript/hakumi_components/controllers/hakumi/theme_controller.js +116 -117
- data/app/javascript/hakumi_components/controllers/hakumi/transfer_controller.js +17 -1
- data/app/javascript/hakumi_components/controllers/hakumi/tree_controller.js +363 -78
- data/app/javascript/hakumi_components/controllers/hakumi/typography_controller.js +3 -3
- data/app/javascript/hakumi_components/controllers/hakumi/upload_controller.js +320 -204
- data/app/javascript/hakumi_components/core/render_component.js +37 -11
- data/app/javascript/hakumi_components/utils/color_helper.js +262 -0
- data/app/javascript/stylesheets/_base.scss +9 -0
- data/app/javascript/stylesheets/_hakumi_components.scss +1 -0
- data/app/javascript/stylesheets/components/_breadcrumb.scss +2 -2
- data/app/javascript/stylesheets/components/_calendar.scss +13 -13
- data/app/javascript/stylesheets/components/_cascader.scss +5 -5
- data/app/javascript/stylesheets/components/_checkbox.scss +9 -11
- data/app/javascript/stylesheets/components/_color_picker.scss +11 -11
- data/app/javascript/stylesheets/components/_date_picker.scss +4 -4
- data/app/javascript/stylesheets/components/_descriptions.scss +2 -2
- data/app/javascript/stylesheets/components/_drawer.scss +3 -3
- data/app/javascript/stylesheets/components/_dropdown.scss +2 -2
- data/app/javascript/stylesheets/components/_flex.scss +1 -1
- data/app/javascript/stylesheets/components/_float_button.scss +5 -5
- data/app/javascript/stylesheets/components/_form_item.scss +92 -0
- data/app/javascript/stylesheets/components/_image.scss +15 -15
- data/app/javascript/stylesheets/components/_input.scss +23 -113
- data/app/javascript/stylesheets/components/_layout.scss +27 -26
- data/app/javascript/stylesheets/components/_menu.scss +15 -15
- data/app/javascript/stylesheets/components/_modal.scss +13 -13
- data/app/javascript/stylesheets/components/_notification.scss +3 -3
- data/app/javascript/stylesheets/components/_popover.scss +1 -1
- data/app/javascript/stylesheets/components/_segmented.scss +3 -3
- data/app/javascript/stylesheets/components/_select.scss +6 -6
- data/app/javascript/stylesheets/components/_slider.scss +1 -1
- data/app/javascript/stylesheets/components/_spin.scss +2 -2
- data/app/javascript/stylesheets/components/_steps.scss +10 -10
- data/app/javascript/stylesheets/components/_switch.scss +11 -10
- data/app/javascript/stylesheets/components/_table.scss +6 -6
- data/app/javascript/stylesheets/components/_tag.scss +2 -2
- data/app/javascript/stylesheets/components/_tooltip.scss +4 -4
- data/app/javascript/stylesheets/components/_tree_select.scss +3 -3
- data/app/javascript/stylesheets/components/_typography.scss +3 -3
- data/app/javascript/stylesheets/components/_upload.scss +4 -4
- data/app/services/hakumi_components/component_handler.rb +95 -24
- data/app/services/hakumi_components/icon/loader.rb +84 -67
- data/app/services/hakumi_components/illustrations/loader.rb +35 -27
- data/app/views/hakumi/_alert.html.erb +4 -1
- data/app/views/hakumi/_drawer.html.erb +1 -1
- data/app/views/hakumi/_statistic.html.erb +11 -11
- data/lib/generators/hakumi_components/install_generator.rb +14 -1
- data/lib/hakumi_components/documentation/models.rb +290 -0
- data/lib/hakumi_components/documentation/node.rb +73 -0
- data/lib/hakumi_components/documentation.rb +139 -62
- data/lib/hakumi_components/engine.rb +17 -11
- data/lib/hakumi_components/file_size_checker.rb +215 -0
- data/lib/hakumi_components/locales/en.yml +115 -0
- data/lib/hakumi_components/rails/attribute_introspection.rb +39 -107
- data/lib/hakumi_components/rails/model_reflection.rb +154 -0
- data/lib/hakumi_components/rails/validation_introspection.rb +25 -73
- data/lib/hakumi_components/rails/validation_mapper.rb +148 -201
- data/lib/hakumi_components/rails.rb +2 -0
- data/lib/hakumi_components/stylesheet_ownership_checker.rb +191 -0
- data/lib/hakumi_components/types/form_field.rb +24 -0
- data/lib/hakumi_components/types/html.rb +28 -0
- data/lib/hakumi_components/types/rendering.rb +10 -0
- data/lib/hakumi_components/types/stimulus.rb +19 -0
- data/lib/hakumi_components/types/validation.rb +22 -0
- data/lib/hakumi_components/types.rb +13 -0
- data/lib/hakumi_components/version.rb +2 -1
- data/lib/hakumi_components.rb +26 -6
- data/lib/tasks/coverage.rake +1 -0
- metadata +100 -136
- data/sig/action_view/tag_builder.rbs +0 -24
- data/sig/active_support/concern_patch.rbs +0 -7
- data/sig/generators/hakumi_components/install_generator.rbs +0 -11
- data/sig/hakumi_components/admin_panel/component.rbs +0 -28
- data/sig/hakumi_components/affix/component.rbs +0 -44
- data/sig/hakumi_components/alert/component.rbs +0 -64
- data/sig/hakumi_components/anchor/component.rbs +0 -45
- data/sig/hakumi_components/anchor/link/component.rbs +0 -31
- data/sig/hakumi_components/autocomplete/component.rbs +0 -68
- data/sig/hakumi_components/avatar/component.rbs +0 -44
- data/sig/hakumi_components/badge/component.rbs +0 -41
- data/sig/hakumi_components/base_component.rbs +0 -82
- data/sig/hakumi_components/breadcrumb/component.rbs +0 -21
- data/sig/hakumi_components/breadcrumb/item/component.rbs +0 -36
- data/sig/hakumi_components/button/component.rbs +0 -56
- data/sig/hakumi_components/calendar/component.rbs +0 -41
- data/sig/hakumi_components/card/component.rbs +0 -50
- data/sig/hakumi_components/card/grid/component.rbs +0 -21
- data/sig/hakumi_components/card/meta/component.rbs +0 -25
- data/sig/hakumi_components/carousel/component.rbs +0 -88
- data/sig/hakumi_components/cascader/component.rbs +0 -52
- data/sig/hakumi_components/checkbox/component.rbs +0 -46
- data/sig/hakumi_components/checkbox/group/component.rbs +0 -34
- data/sig/hakumi_components/collapse/component.rbs +0 -57
- data/sig/hakumi_components/collapse/panel/component.rbs +0 -47
- data/sig/hakumi_components/color_picker/component.rbs +0 -80
- data/sig/hakumi_components/concerns/form_field.rbs +0 -89
- data/sig/hakumi_components/container/component.rbs +0 -37
- data/sig/hakumi_components/date_picker/component.rbs +0 -72
- data/sig/hakumi_components/date_picker/range_picker.rbs +0 -68
- data/sig/hakumi_components/date_picker/shared_rendering.rbs +0 -41
- data/sig/hakumi_components/descriptions/component.rbs +0 -59
- data/sig/hakumi_components/descriptions/item/component.rbs +0 -31
- data/sig/hakumi_components/divider/component.rbs +0 -39
- data/sig/hakumi_components/drawer/component.rbs +0 -66
- data/sig/hakumi_components/dropdown/component.rbs +0 -45
- data/sig/hakumi_components/dropdown/divider/component.rbs +0 -11
- data/sig/hakumi_components/dropdown/item/component.rbs +0 -45
- data/sig/hakumi_components/empty/component.rbs +0 -40
- data/sig/hakumi_components/flex/component.rbs +0 -47
- data/sig/hakumi_components/float_button/back_top/component.rbs +0 -45
- data/sig/hakumi_components/float_button/component.rbs +0 -80
- data/sig/hakumi_components/float_button/group/component.rbs +0 -95
- data/sig/hakumi_components/float_button/group_cluster/component.rbs +0 -60
- data/sig/hakumi_components/form/item/component.rbs +0 -39
- data/sig/hakumi_components/form_builder.rbs +0 -37
- data/sig/hakumi_components/grid/col/component.rbs +0 -50
- data/sig/hakumi_components/grid/row/component.rbs +0 -46
- data/sig/hakumi_components/icon/component.rbs +0 -56
- data/sig/hakumi_components/image/component.rbs +0 -56
- data/sig/hakumi_components/image/preview_group/component.rbs +0 -28
- data/sig/hakumi_components/input/component.rbs +0 -71
- data/sig/hakumi_components/input/password/component.rbs +0 -27
- data/sig/hakumi_components/input/text_area/component.rbs +0 -42
- data/sig/hakumi_components/input_number/component.rbs +0 -85
- data/sig/hakumi_components/layout/component.rbs +0 -21
- data/sig/hakumi_components/layout/content/component.rbs +0 -19
- data/sig/hakumi_components/layout/footer/component.rbs +0 -19
- data/sig/hakumi_components/layout/header/component.rbs +0 -19
- data/sig/hakumi_components/layout/sider/component.rbs +0 -19
- data/sig/hakumi_components/mentions/component.rbs +0 -75
- data/sig/hakumi_components/menu/component.rbs +0 -52
- data/sig/hakumi_components/menu/divider/component.rbs +0 -11
- data/sig/hakumi_components/menu/group/component.rbs +0 -20
- data/sig/hakumi_components/menu/item/component.rbs +0 -42
- data/sig/hakumi_components/menu/sub_menu/component.rbs +0 -37
- data/sig/hakumi_components/message/component.rbs +0 -50
- data/sig/hakumi_components/modal/component.rbs +0 -76
- data/sig/hakumi_components/modal/confirm/component.rbs +0 -32
- data/sig/hakumi_components/modal/error/component.rbs +0 -27
- data/sig/hakumi_components/modal/info/component.rbs +0 -27
- data/sig/hakumi_components/modal/success/component.rbs +0 -27
- data/sig/hakumi_components/modal/warning/component.rbs +0 -27
- data/sig/hakumi_components/notification/component.rbs +0 -64
- data/sig/hakumi_components/pagination/component.rbs +0 -113
- data/sig/hakumi_components/popconfirm/component.rbs +0 -52
- data/sig/hakumi_components/popover/component.rbs +0 -66
- data/sig/hakumi_components/progress/component.rbs +0 -201
- data/sig/hakumi_components/qr_code/component.rbs +0 -111
- data/sig/hakumi_components/radio/component.rbs +0 -55
- data/sig/hakumi_components/radio/group/component.rbs +0 -71
- data/sig/hakumi_components/rails/attribute_introspection.rbs +0 -16
- data/sig/hakumi_components/rails/validation_introspection.rbs +0 -18
- data/sig/hakumi_components/rails/validation_mapper.rbs +0 -53
- data/sig/hakumi_components/rails.rbs +0 -6
- data/sig/hakumi_components/rate/component.rbs +0 -56
- data/sig/hakumi_components/result/component.rbs +0 -65
- data/sig/hakumi_components/segmented/component.rbs +0 -72
- data/sig/hakumi_components/select/component.rbs +0 -73
- data/sig/hakumi_components/skeleton/avatar/component.rbs +0 -23
- data/sig/hakumi_components/skeleton/button/component.rbs +0 -24
- data/sig/hakumi_components/skeleton/component.rbs +0 -76
- data/sig/hakumi_components/skeleton/image/component.rbs +0 -22
- data/sig/hakumi_components/skeleton/input/component.rbs +0 -23
- data/sig/hakumi_components/skeleton/node/component.rbs +0 -21
- data/sig/hakumi_components/slider/component.rbs +0 -85
- data/sig/hakumi_components/space/compact/component.rbs +0 -21
- data/sig/hakumi_components/space/component.rbs +0 -47
- data/sig/hakumi_components/spin/component.rbs +0 -77
- data/sig/hakumi_components/splitter/component.rbs +0 -27
- data/sig/hakumi_components/splitter/panel/component.rbs +0 -36
- data/sig/hakumi_components/statistic/component.rbs +0 -97
- data/sig/hakumi_components/steps/component.rbs +0 -82
- data/sig/hakumi_components/steps/item/component.rbs +0 -29
- data/sig/hakumi_components/switch/component.rbs +0 -52
- data/sig/hakumi_components/table/column/component.rbs +0 -57
- data/sig/hakumi_components/table/column_group/component.rbs +0 -20
- data/sig/hakumi_components/table/component.rbs +0 -279
- data/sig/hakumi_components/table/concerns/columns.rbs +0 -95
- data/sig/hakumi_components/table/concerns/editable.rbs +0 -40
- data/sig/hakumi_components/table/concerns/ellipsis.rbs +0 -27
- data/sig/hakumi_components/table/concerns/fixed_columns.rbs +0 -33
- data/sig/hakumi_components/tabs/component.rbs +0 -66
- data/sig/hakumi_components/tabs/item/component.rbs +0 -29
- data/sig/hakumi_components/tag/component.rbs +0 -86
- data/sig/hakumi_components/tag/group/component.rbs +0 -24
- data/sig/hakumi_components/time_picker/component.rbs +0 -72
- data/sig/hakumi_components/timeline/component.rbs +0 -61
- data/sig/hakumi_components/timeline/item/component.rbs +0 -70
- data/sig/hakumi_components/tooltip/component.rbs +0 -73
- data/sig/hakumi_components/tour/component.rbs +0 -84
- data/sig/hakumi_components/transfer/component.rbs +0 -75
- data/sig/hakumi_components/tree/component.rbs +0 -126
- data/sig/hakumi_components/tree_select/component.rbs +0 -122
- data/sig/hakumi_components/typography/base_component.rbs +0 -57
- data/sig/hakumi_components/typography/link/component.rbs +0 -28
- data/sig/hakumi_components/typography/paragraph/component.rbs +0 -13
- data/sig/hakumi_components/typography/text/component.rbs +0 -10
- data/sig/hakumi_components/typography/title/component.rbs +0 -28
- data/sig/hakumi_components/upload/component.rbs +0 -78
- data/sig/hakumi_components.rbs +0 -96
- data/sig/rails/active_model/validations/comparison_validator.rbs +0 -6
- data/sig/rails.rbs +0 -18
- data/sig/view_component/base.rbs +0 -28
|
@@ -1,35 +1,86 @@
|
|
|
1
|
+
# typed: strict
|
|
1
2
|
# frozen_string_literal: true
|
|
2
3
|
|
|
3
4
|
module HakumiComponents
|
|
4
5
|
module Tree
|
|
5
6
|
class Component < HakumiComponents::BaseComponent
|
|
6
|
-
|
|
7
|
+
extend T::Sig
|
|
7
8
|
|
|
9
|
+
include Concerns::NodeRendering
|
|
10
|
+
|
|
11
|
+
DEFAULT_INDENT = T.let(24, Integer)
|
|
12
|
+
RawNode = T.type_alias { HakumiComponents::Tree::Node::RawInput }
|
|
13
|
+
NodeInput = T.type_alias { T.any(HakumiComponents::Tree::Node, RawNode) }
|
|
14
|
+
NodeKey = T.type_alias { Types::ValidationComparable }
|
|
15
|
+
NodeKeyList = T.type_alias { T::Array[NodeKey] }
|
|
16
|
+
IconInput = T.type_alias { BaseComponent::SymbolInput }
|
|
17
|
+
HeightInput = T.type_alias { T.nilable(BaseComponent::DimensionInput) }
|
|
18
|
+
ControllerLocalValue = T.type_alias { T.nilable(T.any(Types::HtmlPrimitive, T::Array[HakumiComponents::Tree::Node], NodeKeyList)) }
|
|
19
|
+
|
|
20
|
+
class NodeState < T::Struct
|
|
21
|
+
const :expanded, T::Boolean
|
|
22
|
+
const :selected, T::Boolean
|
|
23
|
+
const :checked, T::Boolean
|
|
24
|
+
const :half_checked, T::Boolean
|
|
25
|
+
end
|
|
26
|
+
|
|
27
|
+
sig do
|
|
28
|
+
params(params: BaseComponent::ControllerOptions).returns(T::Hash[Symbol, ControllerLocalValue])
|
|
29
|
+
end
|
|
8
30
|
def self.extract_controller_locals(params)
|
|
31
|
+
raw_nodes = parse_raw_nodes(html_param(params, :nodes) || html_param(params, :tree_data))
|
|
32
|
+
|
|
9
33
|
{
|
|
10
|
-
nodes:
|
|
11
|
-
checkable:
|
|
12
|
-
selectable:
|
|
13
|
-
disabled:
|
|
14
|
-
default_expand_keys: parse_json_array(params
|
|
15
|
-
default_selected_keys: parse_json_array(params
|
|
16
|
-
default_checked_keys: parse_json_array(params
|
|
17
|
-
expanded_keys: parse_json_array(params
|
|
18
|
-
selected_keys: parse_json_array(params
|
|
19
|
-
checked_keys: parse_json_array(params
|
|
20
|
-
show_line:
|
|
21
|
-
switcher_icon: params
|
|
22
|
-
icon: params
|
|
23
|
-
directory:
|
|
24
|
-
multiple:
|
|
25
|
-
draggable:
|
|
26
|
-
block_node:
|
|
27
|
-
searchable:
|
|
28
|
-
height: params
|
|
29
|
-
check_strictly:
|
|
34
|
+
nodes: HakumiComponents::Tree::Node.coerce_all(raw_nodes),
|
|
35
|
+
checkable: boolean_html_param(html_param(params, :checkable)) == true,
|
|
36
|
+
selectable: boolean_html_param(html_param(params, :selectable)) != false,
|
|
37
|
+
disabled: boolean_html_param(html_param(params, :disabled)) == true,
|
|
38
|
+
default_expand_keys: parse_json_array(html_param(params, :default_expand_keys)),
|
|
39
|
+
default_selected_keys: parse_json_array(html_param(params, :default_selected_keys)),
|
|
40
|
+
default_checked_keys: parse_json_array(html_param(params, :default_checked_keys)),
|
|
41
|
+
expanded_keys: parse_json_array(html_param(params, :expanded_keys), allow_nil: true),
|
|
42
|
+
selected_keys: parse_json_array(html_param(params, :selected_keys), allow_nil: true),
|
|
43
|
+
checked_keys: parse_json_array(html_param(params, :checked_keys), allow_nil: true),
|
|
44
|
+
show_line: boolean_html_param(html_param(params, :show_line)) == true,
|
|
45
|
+
switcher_icon: symbol_html_param(html_param(params, :switcher_icon)),
|
|
46
|
+
icon: symbol_html_param(html_param(params, :icon)),
|
|
47
|
+
directory: boolean_html_param(html_param(params, :directory)) == true,
|
|
48
|
+
multiple: boolean_html_param(html_param(params, :multiple)) == true,
|
|
49
|
+
draggable: boolean_html_param(html_param(params, :draggable)) == true,
|
|
50
|
+
block_node: boolean_html_param(html_param(params, :block_node)) == true,
|
|
51
|
+
searchable: boolean_html_param(html_param(params, :searchable)) == true,
|
|
52
|
+
height: html_primitive_param(html_param(params, :height)),
|
|
53
|
+
check_strictly: boolean_html_param(html_param(params, :check_strictly)) == true
|
|
30
54
|
}
|
|
31
55
|
end
|
|
32
56
|
|
|
57
|
+
sig do
|
|
58
|
+
params(
|
|
59
|
+
nodes: T::Array[NodeInput],
|
|
60
|
+
checkable: T::Boolean,
|
|
61
|
+
selectable: T::Boolean,
|
|
62
|
+
disabled: T::Boolean,
|
|
63
|
+
default_expand_keys: NodeKeyList,
|
|
64
|
+
default_selected_keys: NodeKeyList,
|
|
65
|
+
default_checked_keys: NodeKeyList,
|
|
66
|
+
expanded_keys: T.nilable(NodeKeyList),
|
|
67
|
+
selected_keys: T.nilable(NodeKeyList),
|
|
68
|
+
checked_keys: T.nilable(NodeKeyList),
|
|
69
|
+
show_line: T::Boolean,
|
|
70
|
+
switcher_icon: IconInput,
|
|
71
|
+
icon: IconInput,
|
|
72
|
+
directory: T::Boolean,
|
|
73
|
+
multiple: T::Boolean,
|
|
74
|
+
draggable: T::Boolean,
|
|
75
|
+
block_node: T::Boolean,
|
|
76
|
+
searchable: T::Boolean,
|
|
77
|
+
search_placeholder: T.nilable(String),
|
|
78
|
+
height: HeightInput,
|
|
79
|
+
check_strictly: T::Boolean,
|
|
80
|
+
indent: Integer,
|
|
81
|
+
html_options: Types::HtmlAttributeValue
|
|
82
|
+
).void
|
|
83
|
+
end
|
|
33
84
|
def initialize(
|
|
34
85
|
nodes:,
|
|
35
86
|
checkable: false,
|
|
@@ -49,148 +100,90 @@ module HakumiComponents
|
|
|
49
100
|
draggable: false,
|
|
50
101
|
block_node: false,
|
|
51
102
|
searchable: false,
|
|
52
|
-
search_placeholder:
|
|
103
|
+
search_placeholder: nil,
|
|
53
104
|
height: nil,
|
|
54
105
|
check_strictly: false,
|
|
55
106
|
indent: DEFAULT_INDENT,
|
|
56
107
|
**html_options
|
|
57
108
|
)
|
|
58
|
-
@
|
|
59
|
-
@
|
|
60
|
-
@
|
|
61
|
-
@
|
|
62
|
-
@
|
|
63
|
-
@
|
|
64
|
-
@
|
|
65
|
-
@
|
|
66
|
-
@
|
|
67
|
-
@
|
|
68
|
-
@
|
|
69
|
-
@
|
|
70
|
-
@
|
|
71
|
-
@
|
|
72
|
-
@
|
|
73
|
-
@
|
|
74
|
-
@
|
|
75
|
-
@
|
|
76
|
-
@
|
|
77
|
-
@
|
|
78
|
-
@
|
|
79
|
-
@
|
|
80
|
-
@
|
|
109
|
+
@checkable = T.let(checkable, T::Boolean)
|
|
110
|
+
@selectable = T.let(selectable, T::Boolean)
|
|
111
|
+
@disabled = T.let(disabled, T::Boolean)
|
|
112
|
+
@default_expand_keys = T.let(default_expand_keys.map(&:to_s), T::Array[String])
|
|
113
|
+
@default_selected_keys = T.let(default_selected_keys.map(&:to_s), T::Array[String])
|
|
114
|
+
@default_checked_keys = T.let(default_checked_keys.map(&:to_s), T::Array[String])
|
|
115
|
+
@expanded_keys = T.let(expanded_keys&.map(&:to_s), T.nilable(T::Array[String]))
|
|
116
|
+
@selected_keys = T.let(selected_keys&.map(&:to_s), T.nilable(T::Array[String]))
|
|
117
|
+
@checked_keys = T.let(checked_keys&.map(&:to_s), T.nilable(T::Array[String]))
|
|
118
|
+
@show_line = T.let(show_line, T::Boolean)
|
|
119
|
+
@switcher_icon = T.let(switcher_icon, IconInput)
|
|
120
|
+
@icon = T.let(icon, IconInput)
|
|
121
|
+
@directory = T.let(directory, T::Boolean)
|
|
122
|
+
@multiple = T.let(multiple, T::Boolean)
|
|
123
|
+
@draggable = T.let(draggable, T::Boolean)
|
|
124
|
+
@block_node = T.let(block_node, T::Boolean)
|
|
125
|
+
@searchable = T.let(searchable, T::Boolean)
|
|
126
|
+
@search_placeholder = T.let(search_placeholder || t_default(:search_placeholder, default: "Search"), String)
|
|
127
|
+
@height = T.let(height, HeightInput)
|
|
128
|
+
@check_strictly = T.let(check_strictly, T::Boolean)
|
|
129
|
+
@indent = T.let(indent, Integer)
|
|
130
|
+
@html_options = T.let(html_options, Types::HtmlAttributes)
|
|
131
|
+
@normalized_nodes = T.let(
|
|
132
|
+
HakumiComponents::Tree::Node.coerce_all(
|
|
133
|
+
nodes,
|
|
134
|
+
default_disabled: @disabled,
|
|
135
|
+
default_icon: @icon,
|
|
136
|
+
default_switcher_icon: @switcher_icon
|
|
137
|
+
),
|
|
138
|
+
T::Array[HakumiComponents::Tree::Node]
|
|
139
|
+
)
|
|
81
140
|
|
|
82
141
|
validate_props!
|
|
83
|
-
@normalized_nodes = normalize_nodes(@nodes)
|
|
84
142
|
end
|
|
85
143
|
|
|
144
|
+
sig { returns(T::Array[HakumiComponents::Tree::Node]) }
|
|
86
145
|
attr_reader :normalized_nodes
|
|
87
146
|
|
|
147
|
+
sig { returns(Types::HtmlAttributes) }
|
|
88
148
|
def wrapper_attributes
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
149
|
+
merge_attributes(
|
|
150
|
+
{
|
|
151
|
+
class: wrapper_classes,
|
|
152
|
+
data: data_attributes
|
|
153
|
+
},
|
|
154
|
+
@html_options
|
|
155
|
+
)
|
|
95
156
|
end
|
|
96
157
|
|
|
158
|
+
sig { returns(Types::HtmlAttributes) }
|
|
97
159
|
def list_attributes
|
|
98
|
-
attrs =
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
end
|
|
108
|
-
|
|
160
|
+
attrs = T.let(
|
|
161
|
+
{
|
|
162
|
+
class: list_classes,
|
|
163
|
+
role: "tree",
|
|
164
|
+
data: { hakumi__tree_target: "list" }
|
|
165
|
+
},
|
|
166
|
+
Types::HtmlAttributes
|
|
167
|
+
)
|
|
168
|
+
attrs[:style] = "max-height: #{@height}px;" if @height
|
|
109
169
|
attrs
|
|
110
170
|
end
|
|
111
171
|
|
|
172
|
+
sig { returns(T::Boolean) }
|
|
112
173
|
def searchable?
|
|
113
174
|
@searchable
|
|
114
175
|
end
|
|
115
176
|
|
|
177
|
+
sig { returns(String) }
|
|
116
178
|
def search_placeholder
|
|
117
179
|
@search_placeholder
|
|
118
180
|
end
|
|
119
181
|
|
|
120
|
-
|
|
121
|
-
switcher_conf = if @switcher_icon.present?
|
|
122
|
-
{ default: @switcher_icon }
|
|
123
|
-
elsif @show_line
|
|
124
|
-
{ collapse: :plus_square, expand: :minus_square }
|
|
125
|
-
else
|
|
126
|
-
{ default: :caret_right }
|
|
127
|
-
end
|
|
128
|
-
|
|
129
|
-
switcher_content = if switcher_conf[:default]
|
|
130
|
-
content_tag(:span, class: "hakumi-tree-switcher-icon") do
|
|
131
|
-
render HakumiComponents::Icon::Component.new(name: switcher_conf[:default])
|
|
132
|
-
end
|
|
133
|
-
else
|
|
134
|
-
content_tag(:span, class: "hakumi-tree-switcher-icon hakumi-tree-switcher-dual") do
|
|
135
|
-
safe_join([
|
|
136
|
-
content_tag(:span, class: "hakumi-tree-icon-collapse") { render HakumiComponents::Icon::Component.new(name: switcher_conf[:collapse]) },
|
|
137
|
-
content_tag(:span, class: "hakumi-tree-icon-expand") { render HakumiComponents::Icon::Component.new(name: switcher_conf[:expand]) }
|
|
138
|
-
])
|
|
139
|
-
end
|
|
140
|
-
end
|
|
141
|
-
|
|
142
|
-
switcher = content_tag(:button, type: "button", class: "hakumi-tree-switcher", data: { action: "click->hakumi--tree#toggle" }) do
|
|
143
|
-
switcher_content
|
|
144
|
-
end
|
|
145
|
-
|
|
146
|
-
checkbox = if @checkable
|
|
147
|
-
content_tag(:button, type: "button", class: "hakumi-tree-checkbox", data: { action: "click->hakumi--tree#toggleCheck" }) do
|
|
148
|
-
content_tag(:span, "", class: "hakumi-tree-checkbox-inner")
|
|
149
|
-
end
|
|
150
|
-
end
|
|
151
|
-
|
|
152
|
-
# Icon handling
|
|
153
|
-
icon_content = if @icon.present?
|
|
154
|
-
render HakumiComponents::Icon::Component.new(name: @icon)
|
|
155
|
-
end
|
|
156
|
-
|
|
157
|
-
icon_style = @icon.present? ? nil : "display: none"
|
|
158
|
-
icon = content_tag(:span, icon_content, class: "hakumi-tree-icon", style: icon_style)
|
|
159
|
-
|
|
160
|
-
title = content_tag(:button, type: "button", class: "hakumi-tree-title", data: { action: "click->hakumi--tree#select" }) do
|
|
161
|
-
content_tag(:span, "", class: "hakumi-tree-title-text")
|
|
162
|
-
end
|
|
163
|
-
|
|
164
|
-
indent = content_tag(:span, "", class: "hakumi-tree-indent", data: { hakumi__tree_target: "indent" })
|
|
165
|
-
|
|
166
|
-
content_inner = safe_join([ checkbox, icon, title ].compact)
|
|
167
|
-
content_wrapper = content_tag(:div, content_inner, class: "hakumi-tree-node-content-wrapper", data: { hakumi__tree_target: "content", action: "click->hakumi--tree#select" })
|
|
168
|
-
|
|
169
|
-
row = content_tag(:div, safe_join([ indent, switcher, content_wrapper ]), class: "hakumi-tree-node-row")
|
|
170
|
-
children = content_tag(:div, "", class: "hakumi-tree-children", role: "group", data: { hakumi__tree_target: "children" })
|
|
171
|
-
|
|
172
|
-
content_tag(:div, safe_join([ row, children ]), class: "hakumi-tree-node", role: "treeitem", tabindex: "-1", data: { hakumi__tree_target: "node" })
|
|
173
|
-
end
|
|
174
|
-
|
|
175
|
-
def render_indent(level_mask)
|
|
176
|
-
inner_html = level_mask.inject(ActiveSupport::SafeBuffer.new) do |buffer, has_line|
|
|
177
|
-
classes = [ "hakumi-tree-indent-unit" ]
|
|
178
|
-
classes << "hakumi-tree-indent-unit-active" if has_line
|
|
179
|
-
buffer << content_tag(:span, "", class: classes)
|
|
180
|
-
end
|
|
181
|
-
|
|
182
|
-
content_tag(:span, inner_html, class: "hakumi-tree-indent", aria: { hidden: true })
|
|
183
|
-
end
|
|
184
|
-
|
|
185
|
-
def render_nodes(nodes, level_mask: [])
|
|
186
|
-
safe_join(nodes.map.with_index do |node, index|
|
|
187
|
-
has_next = index < nodes.size - 1
|
|
188
|
-
render_node(node, index: index, total: nodes.size, level_mask: level_mask, has_next: has_next)
|
|
189
|
-
end)
|
|
190
|
-
end
|
|
182
|
+
private
|
|
191
183
|
|
|
184
|
+
sig { returns(String) }
|
|
192
185
|
def wrapper_classes
|
|
193
|
-
|
|
186
|
+
component_classes(
|
|
194
187
|
"tree",
|
|
195
188
|
{
|
|
196
189
|
checkable: @checkable,
|
|
@@ -200,324 +193,150 @@ module HakumiComponents
|
|
|
200
193
|
"block-node": @block_node,
|
|
201
194
|
disabled: @disabled,
|
|
202
195
|
searchable: @searchable,
|
|
203
|
-
virtual:
|
|
196
|
+
virtual: !@height.nil?
|
|
204
197
|
},
|
|
205
|
-
|
|
198
|
+
@html_options
|
|
206
199
|
)
|
|
207
200
|
end
|
|
208
201
|
|
|
202
|
+
sig { returns(String) }
|
|
209
203
|
def list_classes
|
|
210
|
-
class_names("tree-list", { virtual:
|
|
204
|
+
class_names("tree-list", { virtual: !@height.nil? })
|
|
211
205
|
end
|
|
212
206
|
|
|
207
|
+
sig { returns(Types::DataAttributes) }
|
|
213
208
|
def data_attributes
|
|
214
|
-
data =
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
209
|
+
data = T.let(
|
|
210
|
+
{
|
|
211
|
+
controller: "hakumi--tree",
|
|
212
|
+
hakumi__tree_checkable_value: @checkable,
|
|
213
|
+
hakumi__tree_selectable_value: @selectable,
|
|
214
|
+
hakumi__tree_disabled_value: @disabled,
|
|
215
|
+
hakumi__tree_default_expand_keys_value: @default_expand_keys.to_json,
|
|
216
|
+
hakumi__tree_default_selected_keys_value: @default_selected_keys.to_json,
|
|
217
|
+
hakumi__tree_default_checked_keys_value: @default_checked_keys.to_json,
|
|
218
|
+
hakumi__tree_show_line_value: @show_line,
|
|
219
|
+
hakumi__tree_switcher_icon_value: @switcher_icon&.to_s,
|
|
220
|
+
hakumi__tree_icon_value: @icon&.to_s,
|
|
221
|
+
hakumi__tree_directory_value: @directory,
|
|
222
|
+
hakumi__tree_multiple_value: @multiple,
|
|
223
|
+
hakumi__tree_draggable_value: @draggable,
|
|
224
|
+
hakumi__tree_block_node_value: @block_node,
|
|
225
|
+
hakumi__tree_searchable_value: @searchable,
|
|
226
|
+
hakumi__tree_height_value: @height,
|
|
227
|
+
hakumi__tree_check_strictly_value: @check_strictly
|
|
228
|
+
},
|
|
229
|
+
Types::DataAttributes
|
|
230
|
+
)
|
|
234
231
|
data[:hakumi__tree_expanded_keys_value] = @expanded_keys.to_json if @expanded_keys
|
|
235
232
|
data[:hakumi__tree_selected_keys_value] = @selected_keys.to_json if @selected_keys
|
|
236
233
|
data[:hakumi__tree_checked_keys_value] = @checked_keys.to_json if @checked_keys
|
|
237
|
-
|
|
238
|
-
data.compact
|
|
234
|
+
data
|
|
239
235
|
end
|
|
240
236
|
|
|
237
|
+
sig { void }
|
|
241
238
|
def validate_props!
|
|
242
|
-
raise ArgumentError, "
|
|
243
|
-
raise ArgumentError, "nodes must be an Array" unless @nodes.is_a?(Array)
|
|
239
|
+
raise ArgumentError, "indent must be positive" unless @indent.positive?
|
|
244
240
|
end
|
|
245
241
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
key = node[:key] || node["key"] || "#{parent_key || 'node'}-#{index}"
|
|
251
|
-
title = node[:title] || node["title"] || key
|
|
252
|
-
children = node[:children] || node["children"] || []
|
|
253
|
-
normalized_children = normalize_nodes(children, parent_key: key, level: level + 1)
|
|
254
|
-
|
|
255
|
-
is_leaf = if node.key?(:is_leaf) || node.key?("is_leaf")
|
|
256
|
-
node[:is_leaf] || node["is_leaf"]
|
|
257
|
-
else
|
|
258
|
-
normalized_children.empty? && !(node[:async] || node["async"])
|
|
259
|
-
end
|
|
260
|
-
|
|
261
|
-
{
|
|
262
|
-
key: key.to_s,
|
|
263
|
-
title: title,
|
|
264
|
-
children: normalized_children,
|
|
265
|
-
disabled: @disabled || node[:disabled] || node["disabled"],
|
|
266
|
-
selectable: node.key?(:selectable) ? node[:selectable] : node.fetch("selectable", true),
|
|
267
|
-
checkable: node.key?(:checkable) ? node[:checkable] : node.fetch("checkable", true),
|
|
268
|
-
disable_checkbox: node[:disable_checkbox] || node["disable_checkbox"],
|
|
269
|
-
icon: node[:icon] || node["icon"] || @icon,
|
|
270
|
-
switcher_icon: node[:switcher_icon] || node["switcher_icon"] || @switcher_icon,
|
|
271
|
-
async: node[:async] || node["async"],
|
|
272
|
-
loading: node[:loading] || node["loading"],
|
|
273
|
-
level: level,
|
|
274
|
-
parent_key: parent_key,
|
|
275
|
-
leaf: is_leaf
|
|
276
|
-
}
|
|
277
|
-
end
|
|
242
|
+
sig { override.returns(T::Boolean) }
|
|
243
|
+
def tree_checkable?
|
|
244
|
+
@checkable
|
|
278
245
|
end
|
|
279
246
|
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
role: "treeitem",
|
|
284
|
-
tabindex: -1,
|
|
285
|
-
data: node_data(node, index: index, total: total, has_next: has_next),
|
|
286
|
-
aria: node_aria(node)
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
content_tag(:div, node_attrs) do
|
|
290
|
-
row = content_tag(:div, class: "hakumi-tree-node-row") do
|
|
291
|
-
safe_join([
|
|
292
|
-
render_indent(level_mask),
|
|
293
|
-
render_switcher(node),
|
|
294
|
-
render_node_content_wrapper(node)
|
|
295
|
-
].compact)
|
|
296
|
-
end
|
|
297
|
-
|
|
298
|
-
safe_join([
|
|
299
|
-
row,
|
|
300
|
-
render_node_children(node, level_mask + [ has_next ])
|
|
301
|
-
].compact)
|
|
302
|
-
end
|
|
247
|
+
sig { override.returns(T::Boolean) }
|
|
248
|
+
def tree_show_line?
|
|
249
|
+
@show_line
|
|
303
250
|
end
|
|
304
251
|
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
{
|
|
309
|
-
disabled: node[:disabled],
|
|
310
|
-
selected: selected?(node[:key]),
|
|
311
|
-
checked: checked?(node[:key]),
|
|
312
|
-
"half-checked": half_checked?(node[:key]),
|
|
313
|
-
expanded: expanded?(node[:key]),
|
|
314
|
-
leaf: node[:leaf],
|
|
315
|
-
"async": node[:async],
|
|
316
|
-
loading: node[:loading]
|
|
317
|
-
}
|
|
318
|
-
)
|
|
252
|
+
sig { override.returns(IconInput) }
|
|
253
|
+
def tree_switcher_icon
|
|
254
|
+
@switcher_icon
|
|
319
255
|
end
|
|
320
256
|
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
key: node[:key],
|
|
325
|
-
parent_key: node[:parent_key],
|
|
326
|
-
level: node[:level],
|
|
327
|
-
title: node[:title],
|
|
328
|
-
selectable: node[:selectable],
|
|
329
|
-
checkable: node[:checkable],
|
|
330
|
-
disabled: node[:disabled],
|
|
331
|
-
leaf: node[:leaf],
|
|
332
|
-
async: node[:async],
|
|
333
|
-
loading: node[:loading],
|
|
334
|
-
index: index,
|
|
335
|
-
total: total,
|
|
336
|
-
has_next: has_next
|
|
337
|
-
}
|
|
257
|
+
sig { override.returns(IconInput) }
|
|
258
|
+
def tree_icon
|
|
259
|
+
@icon
|
|
338
260
|
end
|
|
339
261
|
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
selected: selected?(node[:key])
|
|
344
|
-
}
|
|
345
|
-
|
|
346
|
-
aria.compact
|
|
262
|
+
sig { override.returns(T::Boolean) }
|
|
263
|
+
def tree_directory?
|
|
264
|
+
@directory
|
|
347
265
|
end
|
|
348
266
|
|
|
267
|
+
sig { params(value: Types::HtmlAttributeValue).returns(T::Array[RawNode]) }
|
|
268
|
+
def self.parse_raw_nodes(value)
|
|
269
|
+
return [] if value.nil?
|
|
349
270
|
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
hakumi__tree_target: "content",
|
|
356
|
-
action: "click->hakumi--tree#select"
|
|
357
|
-
}
|
|
358
|
-
) do
|
|
359
|
-
safe_join([
|
|
360
|
-
render_checkbox(node),
|
|
361
|
-
render_icon(node),
|
|
362
|
-
render_title(node)
|
|
363
|
-
].compact)
|
|
364
|
-
end
|
|
365
|
-
end
|
|
366
|
-
|
|
367
|
-
def render_switcher(node)
|
|
368
|
-
icon_name = node[:switcher_icon]
|
|
369
|
-
is_leaf = node[:leaf]
|
|
370
|
-
|
|
371
|
-
switcher_conf = if icon_name.present?
|
|
372
|
-
normalize_switcher_conf(icon_name)
|
|
373
|
-
elsif @switcher_icon.present?
|
|
374
|
-
normalize_switcher_conf(@switcher_icon)
|
|
375
|
-
elsif @show_line
|
|
376
|
-
{ collapse: :plus_square, expand: :minus_square }
|
|
271
|
+
array = if value.is_a?(Array)
|
|
272
|
+
value
|
|
273
|
+
elsif value.is_a?(String)
|
|
274
|
+
parsed = JSON.parse(value)
|
|
275
|
+
parsed.is_a?(Array) ? parsed : []
|
|
377
276
|
else
|
|
378
|
-
|
|
277
|
+
[]
|
|
379
278
|
end
|
|
380
279
|
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
}.compact
|
|
390
|
-
) do
|
|
391
|
-
if is_leaf
|
|
392
|
-
content_tag(:span, "", class: "hakumi-tree-switcher-noop")
|
|
393
|
-
elsif switcher_conf[:default]
|
|
394
|
-
content_tag(:span, class: "hakumi-tree-switcher-icon") do
|
|
395
|
-
render HakumiComponents::Icon::Component.new(name: switcher_conf[:default])
|
|
396
|
-
end
|
|
397
|
-
else
|
|
398
|
-
content_tag(:span, class: "hakumi-tree-switcher-icon hakumi-tree-switcher-dual") do
|
|
399
|
-
safe_join([
|
|
400
|
-
content_tag(:span, class: "hakumi-tree-icon-collapse") { render HakumiComponents::Icon::Component.new(name: switcher_conf[:collapse]) },
|
|
401
|
-
content_tag(:span, class: "hakumi-tree-icon-expand") { render HakumiComponents::Icon::Component.new(name: switcher_conf[:expand]) }
|
|
402
|
-
])
|
|
403
|
-
end
|
|
280
|
+
array.filter_map do |entry|
|
|
281
|
+
next unless entry.is_a?(Hash)
|
|
282
|
+
typed_entry = T.let({}, RawNode)
|
|
283
|
+
entry.each do |key, item|
|
|
284
|
+
next unless key.is_a?(String) || key.is_a?(Symbol)
|
|
285
|
+
next unless item.nil? || item.is_a?(String) || item.is_a?(Symbol) || item.is_a?(Numeric) || item == true || item == false || item.is_a?(Array) || item.is_a?(Hash)
|
|
286
|
+
|
|
287
|
+
typed_entry[key] = item
|
|
404
288
|
end
|
|
289
|
+
typed_entry
|
|
405
290
|
end
|
|
291
|
+
rescue JSON::ParserError
|
|
292
|
+
[]
|
|
406
293
|
end
|
|
407
294
|
|
|
408
|
-
|
|
409
|
-
|
|
295
|
+
sig { params(value: Types::HtmlAttributeValue, allow_nil: T::Boolean).returns(T.nilable(NodeKeyList)) }
|
|
296
|
+
def self.parse_json_array(value, allow_nil: false)
|
|
297
|
+
return nil if allow_nil && value.nil?
|
|
298
|
+
return [] if value.nil?
|
|
410
299
|
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
{ collapse: :folder, expand: :folder_open }
|
|
300
|
+
array = if value.is_a?(Array)
|
|
301
|
+
value
|
|
302
|
+
elsif value.is_a?(String)
|
|
303
|
+
parsed = JSON.parse(value)
|
|
304
|
+
parsed.is_a?(Array) ? parsed : []
|
|
417
305
|
else
|
|
418
|
-
|
|
419
|
-
end
|
|
420
|
-
end
|
|
421
|
-
def render_checkbox(node)
|
|
422
|
-
return unless @checkable && node[:checkable]
|
|
423
|
-
|
|
424
|
-
content_tag(:button,
|
|
425
|
-
type: "button",
|
|
426
|
-
class: "hakumi-tree-checkbox",
|
|
427
|
-
aria: { checked: checked?(node[:key]) },
|
|
428
|
-
data: {
|
|
429
|
-
action: "click->hakumi--tree#toggleCheck",
|
|
430
|
-
hakumi__tree_target: "checkbox",
|
|
431
|
-
key: node[:key],
|
|
432
|
-
disabled: node[:disable_checkbox]
|
|
433
|
-
}
|
|
434
|
-
) do
|
|
435
|
-
content_tag(:span, "", class: "hakumi-tree-checkbox-inner")
|
|
436
|
-
end
|
|
437
|
-
end
|
|
438
|
-
|
|
439
|
-
def render_icon(node)
|
|
440
|
-
icon_name = node[:icon]
|
|
441
|
-
if icon_name.blank? && @directory
|
|
442
|
-
icon_name = node[:leaf] ? :file : :folder
|
|
306
|
+
[]
|
|
443
307
|
end
|
|
444
308
|
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
def render_title(node)
|
|
453
|
-
content_tag(:button,
|
|
454
|
-
type: "button",
|
|
455
|
-
class: "hakumi-tree-title",
|
|
456
|
-
data: {
|
|
457
|
-
action: "click->hakumi--tree#select",
|
|
458
|
-
hakumi__tree_target: "title",
|
|
459
|
-
key: node[:key]
|
|
460
|
-
}
|
|
461
|
-
) do
|
|
462
|
-
content_tag(:span, node[:title], class: "hakumi-tree-title-text", data: { title: node[:title] })
|
|
463
|
-
end
|
|
464
|
-
end
|
|
465
|
-
|
|
466
|
-
def render_node_children(node, level_mask = [])
|
|
467
|
-
return if node[:children].empty?
|
|
468
|
-
|
|
469
|
-
content_tag(:div, class: "hakumi-tree-children", role: "group", data: { hakumi__tree_target: "children" }) do
|
|
470
|
-
render_nodes(node[:children], level_mask: level_mask)
|
|
309
|
+
array.filter_map do |entry|
|
|
310
|
+
case entry
|
|
311
|
+
when String, Symbol, Numeric
|
|
312
|
+
entry
|
|
313
|
+
else
|
|
314
|
+
nil
|
|
315
|
+
end
|
|
471
316
|
end
|
|
317
|
+
rescue JSON::ParserError
|
|
318
|
+
[]
|
|
472
319
|
end
|
|
473
320
|
|
|
474
|
-
|
|
475
|
-
class_names("tree-switcher", { leaf: is_leaf })
|
|
476
|
-
end
|
|
477
|
-
|
|
321
|
+
sig { override.params(key: String).returns(T::Boolean) }
|
|
478
322
|
def expanded?(key)
|
|
479
|
-
|
|
480
|
-
expanded_keys.map(&:to_s).include?(key.to_s)
|
|
323
|
+
(@expanded_keys || @default_expand_keys).include?(key)
|
|
481
324
|
end
|
|
482
325
|
|
|
326
|
+
sig { override.params(key: String).returns(T::Boolean) }
|
|
483
327
|
def selected?(key)
|
|
484
|
-
|
|
485
|
-
selected_keys.map(&:to_s).include?(key.to_s)
|
|
328
|
+
(@selected_keys || @default_selected_keys).include?(key)
|
|
486
329
|
end
|
|
487
330
|
|
|
331
|
+
sig { override.params(key: String).returns(T::Boolean) }
|
|
488
332
|
def checked?(key)
|
|
489
|
-
|
|
490
|
-
checked_keys.map(&:to_s).include?(key.to_s)
|
|
333
|
+
(@checked_keys || @default_checked_keys).include?(key)
|
|
491
334
|
end
|
|
492
335
|
|
|
336
|
+
sig { override.params(_key: String).returns(T::Boolean) }
|
|
493
337
|
def half_checked?(_key)
|
|
494
338
|
false
|
|
495
339
|
end
|
|
496
|
-
|
|
497
|
-
def self.parse_nodes(value)
|
|
498
|
-
return [] if value.blank?
|
|
499
|
-
return value if value.is_a?(Array)
|
|
500
|
-
|
|
501
|
-
JSON.parse(value)
|
|
502
|
-
rescue JSON::ParserError
|
|
503
|
-
[]
|
|
504
|
-
end
|
|
505
|
-
|
|
506
|
-
def self.parse_json_array(value, allow_nil: false)
|
|
507
|
-
return nil if allow_nil && value.nil?
|
|
508
|
-
return [] if value.blank?
|
|
509
|
-
return value if value.is_a?(Array)
|
|
510
|
-
|
|
511
|
-
JSON.parse(value)
|
|
512
|
-
rescue JSON::ParserError
|
|
513
|
-
[]
|
|
514
|
-
end
|
|
515
|
-
|
|
516
|
-
def self.boolean_param(value, default: false)
|
|
517
|
-
return default if value.nil?
|
|
518
|
-
|
|
519
|
-
ActiveModel::Type::Boolean.new.cast(value)
|
|
520
|
-
end
|
|
521
340
|
end
|
|
522
341
|
end
|
|
523
342
|
end
|